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

package/dist/features/LearningManagement/LearningManagement.js

@@ -1,2 +1,879 @@
-import{__assign as e,__spreadArray as n,__awaiter as t,__generator as r}from"tslib";import{jsx as o,jsxs as i,Fragment as s}from"react/jsx-runtime";import a,{useState as l,useRef as c,useCallback as u,useEffect as d}from"react";import{applyAxiosConfig as p}from"../../api/transport.js";import{BookOpen as m,Users as f,History as v}from"lucide-react";import{useLearningTemplateStore as h}from"./store/useLearningTemplateStore.js";import{Toast as g}from"primereact/toast";import S from"./styles/LearningTemplateManagement.module.css.js";import b from"./LearningTemplateLayout.js";import y from"./components/EmptyLearningState.js";import C from"./store/useAuthStore.js";import{DEFAULT_ACCESS_CONFIG as I}from"./config.js";import{fetchTiers as L,getILInstance as A,fetchScopes as T,inheritScope as E,inheritScopeBackwardCompatible as M,createRuleSet as R,renameScope as O,deleteRuleSet as j,requestAccess as w,grantApplicationAccess as _}from"./apis/scopeApis.js";import{useRuleTemplateQueryParams as k,setQueryParams as D,QUERY_PARAM_KEYS as N}from"./hooks/useLearningTemplateQueryParams.js";import P from"./components/ConfirmationModal.js";import B from"./components/LearningTemplateManagementSkeleton.js";import{findNodePathById as U,findNodeById as q}from"./utils/treeUtils.js";import F from"./store/useEnvStore.js";import{useConfigStore as G}from"./store/useConfigStore.js";import{TooltipProvider as x}from"./components/ToolTip.js";import V from"./components/CreateRuleSetLegacyModal.js";import{usePermissionsStore as H}from"./store/usePermissionsStore.js";import{useAppSecRolesStore as K}from"./store/useAppSecRolesStore.js";import{useGetAppSecRolesQuery as Q}from"./queries/useApprovalQueries.js";import{useLMSConfigQuery as z}from"./queries/useLMSConfigQuery.js";import W from"./RuleContent/AddScopeModal.js";import Y from"./components/RuleContentSkeleton.js";import J from"./components/ErrorStateDisplay.js";import{useLocation as X,useSearchParams as Z}from"react-router-dom";import $ from"./shared/SuccessToastContent.js";import ee from"./shared/ErrorToastContent.js";import ne from"./RuleContent/RenameScopeModal.js";import{dt as te,resolveTreeItem as re,useLMSConfigStore as oe}from"./store/useLMSConfigStore.js";import{MIDDLE_DRAWER_DT_PATH as ie,MIDDLE_DRAWER_CONTEXT_MENU_DT_PATH as se,EMPTY_STATE_DT_PATH as ae}from"./constants.js";import{getILMarketplaceThemeStyles as le,ILMarketplaceThemeProvider as ce}from"../IL-marketplace/marketplaceTheme.js";import{fetchMarketplaceDomains as ue}from"../IL-marketplace/services/IL-marketplace.api.js";function de(de){var pe,me,fe,ve,he,ge,Se,be,ye,Ce,Ie,Le,Ae=this,Te=de.userDetails,Ee=de.llmStudioUrl,Me=de.audacyBackendUrl,Re=de.ilLabels,Oe=de.config,je=de.rbacConfig,we=de.auditLogConfig,_e=de.app_integration_id,ke=de.backwardCompatibility,De=void 0!==ke&&ke,Ne=de.cognitiveCompareCompatibility,Pe=void 0!==Ne&&Ne,Be=de.enableChatLogs,Ue=de.modeId,qe=de.modeDetails,Fe=de.pluginPayload,Ge=de.axiosConfig,xe=de.isILMarketplace,Ve=de.contentModeMappingId,He=de.guidelineContentProps,Ke=de.treeOverrides,Qe=de.selectionMode,ze=void 0!==Qe&&Qe,We=de.theme,Ye=de.published,Je=void 0!==Ye&&Ye,Xe=de.version;p(Ge);var Ze=a.useMemo(function(){return le(We)},[We]),$e="".concat(null!=_e?_e:"",":").concat(null!=Xe?Xe:""),en=l(null),nn=en[0],tn=en[1],rn=l(function(){return Je?"checking":"idle"}),on=rn[0],sn=rn[1],an=Je&&nn!==$e,ln=nn===$e,cn=[{id:"learnings",label:te("".concat(ie,".treeMenu.submenu.learnings.labelsByLevel.default"),"Learnings"),icon:m,badgeKey:"learningsCount",isVisible:function(e,n){return re("".concat(ie,".treeMenu.submenu.learnings"),n).visible}},{id:"access",icon:f,label:"Access",resolveLabel:function(e,n){var t;return null!==(t=re("".concat(ie,".treeMenu.submenu.access"),n,{scope:e.name}).label)&&void 0!==t?t:"Access"},isVisible:function(e,n){return re("".concat(ie,".treeMenu.submenu.access"),n).visible}},{id:"history",label:te("".concat(ie,".treeMenu.submenu.changeHistory.labelsByLevel.default"),"Change History"),icon:v,isVisible:function(e,n){return re("".concat(ie,".treeMenu.submenu.changeHistory"),n).visible}},{id:"human-changes",label:te("".concat(ie,".treeMenu.submenu.humanChanges.labelsByLevel.default"),"Human Changes"),icon:v,isVisible:function(e,n){return re("".concat(ie,".treeMenu.submenu.humanChanges"),n).visible}}],un=[{id:"add",isVisible:function(e,n){return re("".concat(ie,".treeMenu.contextMenu.add"),n).visible}},{id:"rename",isVisible:function(e,n){return re("".concat(ie,".treeMenu.contextMenu.rename"),n).visible}},{id:"delete",isVisible:function(e,n){return re("".concat(ie,".treeMenu.contextMenu.delete"),n).visible}}],dn=cn.map(function(n){var t,r=null===(t=null==Ke?void 0:Ke.sectionsConfig)||void 0===t?void 0:t.find(function(e){return e.id===n.id});return r?e(e({},n),r):n}).filter(function(e){return!(null==Ke?void 0:Ke.sectionsConfig)||Ke.sectionsConfig.some(function(n){return n.id===e.id})}).filter(function(e){return!an||"access"!==e.id&&"human-changes"!==e.id}),pn=new Set(dn.map(function(e){return e.id})),mn=null!==(me=null===(pe=dn[0])||void 0===pe?void 0:pe.id)&&void 0!==me?me:cn[0].id,fn=k().clearLearningParams,vn=h(function(e){return e.selectedRuleSetId}),hn=h(function(e){return e.setSelectedRuleSetId}),gn=h(function(e){return e.setIlInstanceId}),Sn=h(function(e){return e.error}),bn=h(function(e){return e.setError}),yn=h(function(e){return e.setStations}),Cn=h(function(e){return e.scopeTreeData}),In=h(function(e){return e.setScopeTreeData}),Ln=l({isOpen:!1,type:"GLOBAL"}),An=Ln[0],Tn=Ln[1],En=l(!1),Mn=En[0],Rn=En[1],On=l(!1),jn=On[0],wn=On[1],_n=l(mn),kn=_n[0],Dn=_n[1],Nn=l(null),Pn=Nn[0],Bn=Nn[1],Un=l(!1),qn=Un[0],Fn=Un[1],Gn=l(null),xn=Gn[0];Gn[1];var Vn=l(!1),Hn=Vn[0],Kn=Vn[1],Qn=l(!1),zn=Qn[0],Wn=Qn[1],Yn=[null!=_e?_e:"",xe?"marketplace":"lms",null!=Ve?Ve:"",an?"published:".concat(null!=Xe?Xe:""):"sandbox"].join("|"),Jn=l(null),Xn=Jn[0],Zn=Jn[1];c(null);var $n=c(null),et=c(!1),nt=c(null),tt=c(null),rt=c(null),ot=C();ot.user;var it=ot.setUser,st=G(),at=st.setConfig,lt=st.setIlLabels,ct=function(){try{return X()}catch(e){return{search:""}}}(),ut=function(){try{return Z()[1]}catch(e){return null}}(),dt=u(function(e){if(ut){var n=new URLSearchParams(window.location.search);Object.entries(e).forEach(function(e){var t=e[0],r=e[1];null==r||""===r?n.delete(t):n.set(t,r)}),ut(n,{replace:!0})}else D(e)},[ut]);d(function(){if(!et.current){var e=new URLSearchParams(window.location.search),n=e.get(N.RULESET_ID),t=e.get(N.SECTION),r=t&&(null==pn?void 0:pn.has(t))?t:mn;(null==n?void 0:n.length)&&hn&&Dn&&(hn(n),Dn(r),et.current=!0)}},[null==ct?void 0:ct.search,Dn,hn]),d(function(){return function(){fn()}},[fn]),d(function(){var e;vn&&dt(((e={})[N.RULESET_ID]=vn,e))},[vn,dt]),d(function(){var n;(null==Fe?void 0:Fe.learningManagement)&&oe.getState().setLMSConfig(e(e({},Fe.learningManagement),{agents:null!==(n=Fe.agents)&&void 0!==n?n:{}}))},[Fe]);var pt=H(function(e){return e.fetchPermissions}),mt=H(function(e){return e.hasPermission}),ft=K(function(e){return e.setRoles}),vt=F(function(e){return e.appsecRbacUrl})===je.appsecRbacUrl,ht=Q(je.applicationId,vt&&!an).data,gt=z(_e,De,!0,Ve),St=gt.isLoading,bt=gt.isError,yt=gt.refetch;gt.isSuccess;var Ct=l(0),It=Ct[0],Lt=Ct[1];d(function(){if(!De&&_e&&Ee){t(Ae,void 0,void 0,function(){var e,n,t,o,i,s,a;return r(this,function(r){switch(r.label){case 0:return r.trys.push([0,2,,3]),[4,A(_e)];case 1:return e=r.sent(),(null===(o=null==e?void 0:e.data)||void 0===o?void 0:o.ILInstanceId)&&gn(e.data.ILInstanceId),"number"==typeof(n=null===(a=null===(s=null===(i=null==e?void 0:e.data)||void 0===i?void 0:i.learningManagement)||void 0===s?void 0:s.scopeAndHierarchy)||void 0===a?void 0:a.maxHierarchyLevels)&&n>0&&Lt(n-1),[3,3];case 2:return t=r.sent(),console.error("Failed to fetch IL instance for hierarchy levels:",t),[3,3];case 3:return[2]}})})}},[_e,Ee]),d(function(){ht&&ft(ht.map(function(e){return{_id:e._id,name:e.name}}))},[ht,ft]),d(function(){var e;console.log("userDetails",Te),it(Te),console.log("llmStudioUrl",Ee),console.log("audacyBackendUrl",Me),F.getState().setLlmStudioUrl(Ee),F.getState().setAudacyBackendUrl(Me),F.getState().setRbacConfig(je),F.getState().setAuditLogConfig(we),F.getState().setBaseModeName((null==qe?void 0:qe.modeNameFromURL)||null),at(Oe),lt(Re),h.getState().setAppIntegrationId(null!=_e?_e:null),h.getState().setBackwardCompatibility(De),h.getState().setCognitiveCompareCompatibility(null!=Pe&&Pe),h.getState().setEnableChatLogs("boolean"==typeof Be?Be:null),h.getState().setIsILMarketplace(null!=xe&&xe),h.getState().setPublishedReadOnly(an),h.getState().setToken(null!==(e=null==Te?void 0:Te.accessToken)&&void 0!==e?e:null)},[Te,it,Ee,Me,je,we,Oe,at,Re,lt,_e,De,Pe,Be,xe,qe,an,Xe]),d(function(){tn(null),sn(Je?"checking":"idle")},[Je,$e]),d(function(){(null==Te?void 0:Te.accessToken)&&Ee&&(xe||L())},[_e,null==Te?void 0:Te.accessToken,Ee,xe]);var At=function(n,o){return void 0===n&&(n=!0),void 0===o&&(o={}),t(Ae,void 0,void 0,function(){var i,s,a,l,c,u,d,p,m,f,v,g,S,b,y,L,A,E,M;return r(this,function(R){switch(R.label){case 0:if(i=null!==(y=o.readOnly)&&void 0!==y?y:an,s=i?null!==(L=o.version)&&void 0!==L?L:Xe:null,a=[null!=_e?_e:"",xe?"marketplace":"lms",null!=Ve?Ve:"",i?"published:".concat(null!=s?s:""):"sandbox"].join("|"),tt.current===a)return[2];tt.current=a,n&&Rn(!0),bn(null),R.label=1;case 1:return R.trys.push([1,14,15,16]),!o.permissionsAlreadyFetched&&(i||!ln)?[4,pt(je.applicationId)]:[3,6];case 2:return R.sent(),i?(sn((O=je.applicationResourceId,["ilotj.rule.variant.edit","ilotj.rule.create","ilotj.rule.variant.create","ilotj.scope.edit"].some(function(e){return H.getState().hasPermission(e,O)})?"idle":"denied")),[3,6]):[3,3];case 3:return 0!==H.getState().accessData.length?[3,6]:[4,t(Ae,void 0,void 0,function(){var e,n,t,o,i,s;return r(this,function(r){switch(r.label){case 0:if(!_e)return[2,!1];if(!((null===(i=je.defaultAccessAppIntegrationIds)||void 0===i?void 0:i.length)?je.defaultAccessAppIntegrationIds:I.FALLBACK_APP_INTEGRATION_IDS).includes(_e))return[2,!1];if(nt.current===_e)return[2,!1];if(e=(null==Te?void 0:Te.email)||(null===(s=C.getState().user)||void 0===s?void 0:s.email),n=je.applicationModuleId,t=je.applicationResourceId,!e||!n||!t)return[2,!1];nt.current=_e,r.label=1;case 1:return r.trys.push([1,3,,4]),[4,_({resource_type:n,resource_id:t,user_email:e,role:je.defaultMarketPlaceRoleId||I.FALLBACK_MARKETPLACE_ROLE_ID})];case 2:return r.sent(),[2,!0];case 3:return o=r.sent(),console.error("Failed to grant default access for first-time user:",o),[2,!1];case 4:return[2]}})})];case 4:return R.sent()?[4,pt(je.applicationId)]:[3,6];case 5:R.sent(),R.label=6;case 6:l=function(n){var t,r;if(i)return e(e({},n),{hasAccess:!0,children:null!==(r=null===(t=n.children)||void 0===t?void 0:t.map(function(e){return l(e)}))&&void 0!==r?r:[]});var o=H.getState().hasPermission("ilotj.scope.view",n.id),s=n.children?n.children.map(function(e){return l(e)}).filter(function(e){return null!==e}):[];return o||0!==s.length?e(e({},n),{hasAccess:o,children:s}):null},c=void 0,R.label=7;case 7:if(R.trys.push([7,12,,13]),!xe)return[3,9];if(!Ve)throw new Error("contentModeMappingId is required for IL Marketplace scope data.");return[4,ue(_e,Te.accessToken,Ee,{content_mode_mapping_id:Ve})];case 8:if((u=R.sent()).error)throw null!==(A=u.error.errorObjData)&&void 0!==A?A:new Error(u.error.errorMessage);return c=u.responseData,[3,11];case 9:return[4,T(_e,Te.accessToken,i?s:null)];case 10:c=R.sent(),R.label=11;case 11:return[3,13];case 12:if(d=R.sent(),403===(null===(E=null==d?void 0:d.response)||void 0===E?void 0:E.status))return In(null),Bn(je.applicationResourceId||null),Fn(!0),[2];throw d;case 13:return c&&c.data&&c.data.data&&(p=c.data.data,Array.isArray(p)&&(p=p.length>0?p[0]:null),p?(m=l(p))?(Bn(null),Fn(!1),In({data:m}),$n.current?(hn($n.current),Dn(mn),$n.current=null):(f=h.getState().selectedRuleSetId,v=f?q(m,f):null,f&&v||(g=function(e){if(e.hasAccess)return e;for(var n=0,t=e.children||[];n<t.length;n++){var r=t[n],o=g(r);if(o)return o}return null},S=g(m),hn(S?S.id:m.id)))):(Bn(null!==(M=p.id)&&void 0!==M?M:null),Fn(!1),In(null)):(Bn(null),Fn(!1),In(null))),[3,16];case 14:return b=R.sent(),console.error("Failed to fetch rule sets or permissions",b),bn("Failed to load data. Please try again later."),[3,16];case 15:return tt.current===a&&(tt.current=null,Rn(!1)),Zn(a),[7];case 16:return[2]}var O})})};d(function(){var e;(null===(e=null==Te?void 0:Te.accessToken)||void 0===e?void 0:e.length)&&vt?At(!0,{readOnly:an,version:Xe}):console.warn("Error: Trying to fetch rules without access token",Te)},[null==Te?void 0:Te.accessToken,bn,yn,je.applicationId,vt,_e,xe,Ve,Ee,an,Xe]);var Tt=function(n,o,i){return t(Ae,void 0,void 0,function(){var t,o,i,s,a,l,c,u;return r(this,function(r){switch(r.label){case 0:wn(!0),r.label=1;case 1:return r.trys.push([1,4,5,6]),[4,j(n,Te.accessToken)];case 2:return r.sent(),h.getState().selectedRuleSetId===n&&(t=h.getState().scopeTreeData,(o=U((null==t?void 0:t.data)||null,n))&&o.length>1&&(i=o[o.length-2],hn(i),Dn(mn))),[4,At(!0)];case 3:return r.sent(),Tn(function(n){return e(e({},n),{isOpen:!1})}),null===(a=rt.current)||void 0===a||a.show({severity:"success",summary:"Deleted Successfully",detail:"The scope was permanently removed."}),[3,6];case 4:return s=r.sent(),console.error("An error occurred during scope deletion.",s),null===(l=rt.current)||void 0===l||l.show({severity:"error",summary:"Delete Failed",detail:(null===(u=null===(c=null==s?void 0:s.response)||void 0===c?void 0:c.data)||void 0===u?void 0:u.message)||"There was an error deleting the scope. Please try again."}),[3,6];case 5:return wn(!1),[7];case 6:return[2]}})})},Et=Cn,Mt=xn?{data:{id:xn.stationId,name:xn.stationName,type:"STATION",metrics:{learningsCount:xn.learningsCount,stationsCount:0},children:[]}}:Et,Rt=!!(null==Mt?void 0:Mt.data);null===(fe=null==Mt?void 0:Mt.data)||void 0===fe||fe.type;var Ot=H(function(e){return e.hasGlobalPermission}),jt=je.applicationResourceId||"",wt=!an&&Ot("ilotj.scope.global.create",jt),_t=function(e){return t(Ae,void 0,void 0,function(){var n,t,i,s,a,l,c,u,d,p;return r(this,function(r){switch(r.label){case 0:if(!(n="string"==typeof e?e:(null===(l=null===(a=h.getState().scopeTreeData)||void 0===a?void 0:a.data)||void 0===l?void 0:l.id)||Pn)&&!qn)return null===(c=rt.current)||void 0===c||c.show({severity:"error",sticky:!1,className:S.errorToast,content:o(ee,{message:"Unable to identify the global scope for this access request."})}),[2];Kn(!0),r.label=1;case 1:return r.trys.push([1,3,4,5]),[4,w(n,qn)];case 2:return r.sent(),Wn(!0),null===(u=rt.current)||void 0===u||u.show({severity:"success",sticky:!1,life:3e3,className:S.successToast,content:o($,{message:"Access request submitted successfully!"})}),[3,5];case 3:return t=r.sent(),i=null===(d=null==t?void 0:t.response)||void 0===d?void 0:d.data,s="GLOBAL_SCOPE_NOT_FOUND"===(null==i?void 0:i.code)?"Unable to identify the global scope for this access request.":(null==i?void 0:i.detail)||(null==i?void 0:i.message)||"Failed to request access. Please try again.",null===(p=rt.current)||void 0===p||p.show({severity:"error",sticky:!1,className:S.errorToast,content:o(ee,{message:s})}),[3,5];case 4:return Kn(!1),[7];case 5:return[2]}})})};if(St)return o(ce,e({theme:We},{children:o("div",e({className:S.learningManagementContainer,style:Ze},{children:o(Y,{})}))}));if(bt)return o(ce,e({theme:We},{children:o("div",e({className:S.learningManagementContainer,style:Ze},{children:o(J,{errorMessage:"Failed to load configuration. Please try again.",onRetry:function(){return yt()},title:"Error Loading Configuration"})}))}));var kt=n(n([{type:"GLOBAL",label:"Global",addChildLabel:"".concat(te("".concat(ie,".addScope"),"Add Scope")),addChildType:"SCOPE"}],Array.from({length:It},function(){return e({type:"SCOPE",label:te("".concat(ie,".scope"),"Scope")},!De&&{addChildLabel:te("".concat(se,".addSubScope"),"Add Subscope"),addChildType:"SUBSCOPE"})}),!0),De?[]:[{type:"SUBSCOPE",label:te("".concat(ie,".subScope"),"Subscope")}],!0),Dt=ze?dn.filter(function(e){return"learnings"===e.id}):dn,Nt=xn?Dt.filter(function(e){return"stations"!==e.id}):Dt,Pt=function(e,n){void 0===e&&(e=!0),n&&($n.current=n),At(e)},Bt=function(){return Pt(!0)},Ut=null!==(ve=null==Ke?void 0:Ke.nodeTypesConfig)&&void 0!==ve?ve:kt,qt=(null==Ke?void 0:Ke.onOpenCreateModal)?function(){return Ke.onOpenCreateModal(Bt)}:function(){return Tn({isOpen:!0,type:"GLOBAL"})},Ft=(null==Ke?void 0:Ke.onAddChild)?function(e,n,t){return Ke.onAddChild(e,n,t,Bt)}:function(e,n,t){return Tn({isOpen:!0,type:n,parentId:e,parentName:t})},Gt=(null==Ke?void 0:Ke.onRenameChild)?function(e,n){return Ke.onRenameChild(e,n,Bt)}:function(e,n){return Tn({isOpen:!0,type:"RENAME",scopeId:e,initialName:n})},xt=(null==Ke?void 0:Ke.onDeleteChild)?function(e,n,t){return Ke.onDeleteChild(e,n,t,Bt)}:function(e,n,o){return t(Ae,void 0,void 0,function(){var t,i,s;return r(this,function(r){switch(r.label){case 0:return t=h.getState().scopeTreeData,i=U((null==t?void 0:t.data)||null,e),s=!!i&&3===i.length,0!==o?[3,2]:[4,Tt(e)];case 1:return r.sent(),[3,3];case 2:Tn({isOpen:!0,type:"DELETE",scopeId:e,initialName:n,isSubscope:s}),r.label=3;case 3:return[2]}})})},Vt=null!==(he=null==Ke?void 0:Ke.onSectionSelect)&&void 0!==he?he:function(e,n){var t;console.log("Section Selected:",{scopeId:e,sectionId:n}),dt(((t={})[N.SECTION]=n===mn?null:n,t)),Dn(n),hn(e),Wn(!1)},Ht=null!==(ge=null==Ke?void 0:Ke.onRefreshRuleSets)&&void 0!==ge?ge:Pt,Kt=null!==(Se=null==Ke?void 0:Ke.canCreateScope)&&void 0!==Se?Se:function(e){return!an&&mt("ilotj.scope.create",e)},Qt=null!==(be=null==Ke?void 0:Ke.canEditScope)&&void 0!==be?be:function(e){return!an&&mt("ilotj.scope.edit",e)},zt=null!==(ye=null==Ke?void 0:Ke.canDeleteScope)&&void 0!==ye?ye:function(e){return!an&&mt("ilotj.scope.delete",e)},Wt=an?un.map(function(n){return e(e({},n),{isVisible:function(){return!1}})}):null!==(Ce=null==Ke?void 0:Ke.menuActionsConfig)&&void 0!==Ce?Ce:un;return o(ce,e({theme:We},{children:o(x,{children:i("div",e({className:[S.learningManagementContainer,ze&&S.selectionMode].filter(Boolean).join(" "),style:Ze},{children:[o("div",e({className:S.mainWrapper},{children:Mn||Xn!==Yn?o(B,{}):Sn?i("div",e({className:S.errorContainer},{children:[o("div",e({className:S.errorTitle},{children:"Error Loading Data"})),o("p",e({className:S.errorDesc},{children:Sn})),o("button",e({onClick:function(){return At(!0)},className:S.tryAgainBtn},{children:"Try Again"}))]})):Rt?o(b,{onOpenCreateModal:qt,onAddChild:Ft,onRenameChild:Gt,onDeleteChild:xt,canDeleteScope:zt,canEditScope:Qt,canCreateScope:Kt,onSectionSelect:Vt,activeSectionId:kn,scopeTreeData:Mt,sectionsConfig:Nt,onViewStation:function(e){Vt(e.stationId,mn)},onRefreshRuleSets:Ht,nodeTypesConfig:Ut,app_integration_id:_e,token:Te.accessToken,modeId:Ue,onRequestAccess:_t,isRequestingAccess:Hn,isAccessRequested:zn,selectionMode:ze,isILMarketplace:xe,guidelineContentProps:He,onRequestPublishedEdit:an?function(){return t(Ae,void 0,void 0,function(){return r(this,function(e){switch(e.label){case 0:return an&&"idle"===on?(tn($e),h.getState().setPublishedReadOnly(!1),[4,At(!0,{readOnly:!1,permissionsAlreadyFetched:!0})]):[2];case 1:return e.sent(),[2]}})})}:void 0,publishedEditStatus:on,publishedVersion:an?Xe:void 0,menuActionsConfig:Wt}):o(y,{onCreate:function(){return Tn({isOpen:!0,type:"GLOBAL"})},title:te("".concat(ae,".title"),"No Global Scope has been added!"),desc:te("".concat(ae,".desc"),"Start by creating a Global scope to define base learnings that apply across all stations."),button:te("".concat(ae,".createGlobalScope"),"Create Global Scope"),canCreateRule:wt,noAccessTitle:te("".concat(ae,".noAccessTitle"),"Access Restricted"),noAccessDesc:te("".concat(ae,".noAccessDesc"),"You do not have access for this application."),requestAccessButton:te("".concat(ae,".requestAccessButton"),"Request Access"),requestSentButton:te("".concat(ae,".requestSentButton"),"Request Sent"),onRequestAccess:_t,isRequestingAccess:Hn,isAccessRequested:zn})})),o(g,{ref:rt,pt:{root:{style:{zIndex:9999}}}}),De&&An.isOpen&&"DELETE"!==An.type&&"RENAME"!==An.type?o(V,{isOpen:!0,onClose:function(){return Tn(e(e({},An),{isOpen:!1}))},onSubmit:function(n){return t(Ae,void 0,void 0,function(){var t,o,i,s,a,l,c,u,d,p,m,f,v,g,S,b,y,C,I,L;return r(this,function(r){switch(r.label){case 0:wn(!0),t=h.getState().backwardCompatibility,r.label=1;case 1:return r.trys.push([1,12,13,14]),o=void 0,t&&"object"==typeof n?o=n:(i=n,s="SCOPE"===An.type&&An.parentId,a=s?"genreRuleSet":An.type,o={topic:a,scope_reference_id:null,scopeDescription:"demo",parentScopeId:An.parentId||null,scopeName:i,scopeReferenceMetadata:{},applicationMappingId:_e}),[4,R(o,Te.accessToken)];case 2:if(l=r.sent(),!(c=null===(g=null==l?void 0:l.data)||void 0===g?void 0:g.scopeId))return[3,10];if($n.current=c,u=t&&(null===(S=o.topic)||void 0===S?void 0:S.toLowerCase().includes("genre")),d=!t&&"GLOBAL"!==An.type&&An.parentId,!u&&!d)return[3,10];if(!(p=t?null===(y=null===(b=h.getState().scopeTreeData)||void 0===b?void 0:b.data)||void 0===y?void 0:y.id:An.parentId))return[3,10];if(!De)return[3,7];r.label=3;case 3:return r.trys.push([3,5,,6]),[4,M({source_scope_id:p,target_scope_id:c})];case 4:return r.sent(),[3,6];case 5:return m=r.sent(),console.error("Failed to inherit rules for the new scope:",m),[3,6];case 6:return[3,10];case 7:return r.trys.push([7,9,,10]),[4,E({source_scope_id:p,target_scope_id:c,application_mapping_id:_e||"",is_copy_parent_variant_id:!1})];case 8:return r.sent(),[3,10];case 9:return f=r.sent(),console.error("Failed to inherit rules for the new scope:",f),[3,10];case 10:return[4,At(!0)];case 11:return r.sent(),Tn(function(n){return e(e({},n),{isOpen:!1})}),[3,14];case 12:throw v=r.sent(),console.error("An error occurred during scope creation.",v),null===(C=rt.current)||void 0===C||C.show({severity:"error",summary:"Creation Failed",detail:(null===(L=null===(I=null==v?void 0:v.response)||void 0===I?void 0:I.data)||void 0===L?void 0:L.message)||"There was an error creating the scope. Please try again."}),v;case 13:return wn(!1),[7];case 14:return[2]}})})},hasGlobalRuleSet:Rt,canCreateGlobal:wt,globalScopeId:null!==(Le=null===(Ie=null==Cn?void 0:Cn.data)||void 0===Ie?void 0:Ie.id)&&void 0!==Le?Le:null}):i(s,{children:[o(W,{isOpen:An.isOpen&&"DELETE"!==An.type&&"RENAME"!==An.type,onClose:function(){return Tn(e(e({},An),{isOpen:!1}))},onCreate:function(e){e&&($n.current=e),At(!0)},hasGlobalRuleSet:Rt,parentId:An.parentId,parentName:An.parentName,childType:"SUBSCOPE"===An.type?"SUBSCOPE":"SCOPE",isILMarketplace:xe}),o(ne,{isOpen:An.isOpen&&"RENAME"===An.type,onClose:function(){return Tn(e(e({},An),{isOpen:!1}))},onSave:function(n){return t(Ae,void 0,void 0,function(){var t,i,s,a,l,c;return r(this,function(r){switch(r.label){case 0:wn(!0),r.label=1;case 1:return r.trys.push([1,4,5,6]),An.scopeId?(t=h.getState().backwardCompatibility,i=t?{scope_id:An.scopeId,scope_name:n}:{scope_id:An.scopeId,scope_type:"Custom",scope_name:n,application_mapping_id:_e},[4,O(i,Te.accessToken)]):[2];case 2:return r.sent(),[4,At(!0)];case 3:return r.sent(),Tn(function(n){return e(e({},n),{isOpen:!1})}),[3,6];case 4:throw s=r.sent(),console.error("An error occurred during scope rename.",s),null===(a=rt.current)||void 0===a||a.show({severity:"error",sticky:!1,className:S.errorToast,content:o(ee,{message:(null===(c=null===(l=null==s?void 0:s.response)||void 0===l?void 0:l.data)||void 0===c?void 0:c.message)||"There was an error renaming the scope. Please try again."})}),s;case 5:return wn(!1),[7];case 6:return[2]}})})},initialName:An.initialName})]}),o(P,{isOpen:An.isOpen&&"DELETE"===An.type,onCancel:function(){return Tn(e(e({},An),{isOpen:!1}))},onConfirm:function(){return Tt(An.scopeId,An.initialName,An.isSubscope)},title:"Delete Scope",description:i(s,{children:["Deleting ",o("span",e({className:S.highlight},{children:An.initialName||"this scope"}))," will permanently remove all Learnings, Access rules, and Change History inside it. This cannot be undone."]}),confirmText:"Delete",confirmBgColor:"#EF4444",isLoading:jn})]}))})}))}export{de as default};
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import React__default, { useState, useRef, useCallback, useEffect } from 'react';
+import { applyAxiosConfig } from '../../api/transport.js';
+import { BookOpen, Users, History } from 'lucide-react';
+import { useLearningTemplateStore } from './store/useLearningTemplateStore.js';
+import { Toast } from 'primereact/toast';
+import styles from './styles/LearningTemplateManagement.module.css.js';
+import LearningTemplateLayout from './LearningTemplateLayout.js';
+import EmptyLearningState from './components/EmptyLearningState.js';
+import useAuthStore from './store/useAuthStore.js';
+import { DEFAULT_ACCESS_CONFIG } from './config.js';
+import { fetchTiers, getILInstance, fetchScopes, createRuleSet, inheritScopeBackwardCompatible, inheritScope, renameScope, deleteRuleSet, requestAccess, grantApplicationAccess } from './apis/scopeApis.js';
+import { useRuleTemplateQueryParams, setQueryParams, QUERY_PARAM_KEYS } from './hooks/useLearningTemplateQueryParams.js';
+import ConfirmationModal from './components/ConfirmationModal.js';
+import LearningTemplateManagementSkeleton from './components/LearningTemplateManagementSkeleton.js';
+import { findNodeById, findNodePathById } from './utils/treeUtils.js';
+import useEnvStore from './store/useEnvStore.js';
+import { useConfigStore } from './store/useConfigStore.js';
+import { TooltipProvider } from './components/ToolTip.js';
+import CreateRuleSetLegacyModal from './components/CreateRuleSetLegacyModal.js';
+import { usePermissionsStore } from './store/usePermissionsStore.js';
+import { useAppSecRolesStore } from './store/useAppSecRolesStore.js';
+import { useGetAppSecRolesQuery } from './queries/useApprovalQueries.js';
+import { useLMSConfigQuery } from './queries/useLMSConfigQuery.js';
+import AddScopeModalComponent from './RuleContent/AddScopeModal.js';
+import RuleContentSkeleton from './components/RuleContentSkeleton.js';
+import ErrorStateDisplay from './components/ErrorStateDisplay.js';
+import { useLocation, useSearchParams } from 'react-router-dom';
+import RenameScopeModal from './RuleContent/RenameScopeModal.js';
+import { resolveTreeItem, dt, useLMSConfigStore } from './store/useLMSConfigStore.js';
+import { MIDDLE_DRAWER_DT_PATH, MIDDLE_DRAWER_CONTEXT_MENU_DT_PATH, EMPTY_STATE_DT_PATH } from './constants.js';
+import { getILMarketplaceThemeStyles, ILMarketplaceThemeProvider } from '../IL-marketplace/marketplaceTheme.js';
+import { fetchMarketplaceDomains } from '../IL-marketplace/services/IL-marketplace.api.js';
+import ErrorToastContent from './shared/ErrorToastContent.js';
+import SuccessToastContent from './shared/SuccessToastContent.js';
+
+function LearningManagement({
+  userDetails,
+  llmStudioUrl,
+  audacyBackendUrl,
+  ilLabels,
+  config,
+  rbacConfig,
+  auditLogConfig,
+  app_integration_id,
+  backwardCompatibility = false,
+  cognitiveCompareCompatibility = false,
+  enableChatLogs,
+  modeId,
+  modeDetails,
+  pluginPayload,
+  axiosConfig,
+  isILMarketplace,
+  contentModeMappingId,
+  guidelineContentProps,
+  // humanChanges,
+  treeOverrides,
+  selectionMode = false,
+  theme,
+  published = false,
+  version
+}) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+  applyAxiosConfig(axiosConfig);
+  const themeStyles = React__default.useMemo(() => getILMarketplaceThemeStyles(theme), [theme]);
+  const publishedTargetKey = `${app_integration_id != null ? app_integration_id : ""}:${version != null ? version : ""}`;
+  const [editingPublishedTarget, setEditingPublishedTarget] = useState(null);
+  const [publishedEditStatus, setPublishedEditStatus] = useState(
+    () => published ? "checking" : "idle"
+  );
+  const isPublishedReadOnly = published && editingPublishedTarget !== publishedTargetKey;
+  const isEditingPublishedSandbox = editingPublishedTarget === publishedTargetKey;
+  const DEFAULT_TREE_SECTIONS = [
+    {
+      id: "learnings",
+      label: "Learnings",
+      icon: BookOpen,
+      resolveLabel: (node, depth) => {
+        var _a2;
+        return (_a2 = resolveTreeItem(`${MIDDLE_DRAWER_DT_PATH}.treeMenu.submenu.learnings`, depth, { scope: node.name }).label) != null ? _a2 : "Learnings";
+      },
+      badgeKey: "learningsCount",
+      isVisible: (node, depth) => resolveTreeItem(`${MIDDLE_DRAWER_DT_PATH}.treeMenu.submenu.learnings`, depth).visible
+    },
+    {
+      id: "access",
+      icon: Users,
+      label: "Access",
+      // static fallback only, no {scope} here
+      resolveLabel: (node, depth) => {
+        var _a2;
+        return (_a2 = resolveTreeItem(`${MIDDLE_DRAWER_DT_PATH}.treeMenu.submenu.access`, depth, { scope: node.name }).label) != null ? _a2 : "Access";
+      },
+      isVisible: (node, depth) => resolveTreeItem(`${MIDDLE_DRAWER_DT_PATH}.treeMenu.submenu.access`, depth).visible
+    },
+    {
+      id: "history",
+      label: "Change History",
+      icon: History,
+      resolveLabel: (node, depth) => {
+        var _a2;
+        return (_a2 = resolveTreeItem(`${MIDDLE_DRAWER_DT_PATH}.treeMenu.submenu.changeHistory`, depth, { scope: node.name }).label) != null ? _a2 : "Change History";
+      },
+      isVisible: (node, depth) => resolveTreeItem(`${MIDDLE_DRAWER_DT_PATH}.treeMenu.submenu.changeHistory`, depth).visible
+    },
+    {
+      id: "human-changes",
+      label: dt(`${MIDDLE_DRAWER_DT_PATH}.treeMenu.submenu.humanChanges.labelsByLevel.default`, "Human Changes"),
+      icon: History,
+      isVisible: (node, depth) => resolveTreeItem(`${MIDDLE_DRAWER_DT_PATH}.treeMenu.submenu.humanChanges`, depth).visible
+    }
+  ];
+  const DEFAULT_MENU_ACTIONS = [
+    {
+      id: "add",
+      isVisible: (node, depth) => resolveTreeItem(`${MIDDLE_DRAWER_DT_PATH}.treeMenu.contextMenu.add`, depth).visible
+    },
+    {
+      id: "rename",
+      isVisible: (node, depth) => resolveTreeItem(`${MIDDLE_DRAWER_DT_PATH}.treeMenu.contextMenu.rename`, depth).visible
+    },
+    {
+      id: "delete",
+      isVisible: (node, depth) => resolveTreeItem(`${MIDDLE_DRAWER_DT_PATH}.treeMenu.contextMenu.delete`, depth).visible
+    }
+  ];
+  const treeSections = DEFAULT_TREE_SECTIONS.map((defaultSection) => {
+    var _a2;
+    const override = (_a2 = treeOverrides == null ? void 0 : treeOverrides.sectionsConfig) == null ? void 0 : _a2.find((s) => s.id === defaultSection.id);
+    return override ? { ...defaultSection, ...override } : defaultSection;
+  }).filter(
+    (section) => (treeOverrides == null ? void 0 : treeOverrides.sectionsConfig) ? treeOverrides.sectionsConfig.some((s) => s.id === section.id) : true
+  ).filter((section) => !isPublishedReadOnly || section.id !== "access" && section.id !== "human-changes");
+  const URL_SECTION_IDS = new Set(treeSections.map((section) => section.id));
+  const defaultSectionId = (_b = (_a = treeSections[0]) == null ? void 0 : _a.id) != null ? _b : DEFAULT_TREE_SECTIONS[0].id;
+  const { clearLearningParams } = useRuleTemplateQueryParams();
+  const selectedRuleSetId = useLearningTemplateStore((state) => state.selectedRuleSetId);
+  const setSelectedRuleSetId = useLearningTemplateStore((state) => state.setSelectedRuleSetId);
+  const setIlInstanceId = useLearningTemplateStore((state) => state.setIlInstanceId);
+  const error = useLearningTemplateStore((state) => state.error);
+  const setError = useLearningTemplateStore((state) => state.setError);
+  const setStations = useLearningTemplateStore((state) => state.setStations);
+  const scopeTreeData = useLearningTemplateStore((state) => state.scopeTreeData);
+  const setScopeTreeData = useLearningTemplateStore((state) => state.setScopeTreeData);
+  const [modalConfig, setModalConfig] = useState({ isOpen: false, type: "GLOBAL" });
+  const [isLoading, setIsLoading] = useState(false);
+  const [isCreating, setIsCreating] = useState(false);
+  const [activeSectionId, setActiveSectionId] = useState(defaultSectionId);
+  const [inaccessibleGlobalScopeId, setInaccessibleGlobalScopeId] = useState(null);
+  const [isForbiddenScope, setIsForbiddenScope] = useState(false);
+  const [viewedStation, setViewedStation] = useState(null);
+  const [isRequestingAccess, setIsRequestingAccess] = useState(false);
+  const [isAccessRequested, setIsAccessRequested] = useState(false);
+  const scopeRequestKey = [
+    app_integration_id != null ? app_integration_id : "",
+    isILMarketplace ? "marketplace" : "lms",
+    contentModeMappingId != null ? contentModeMappingId : "",
+    isPublishedReadOnly ? `published:${version != null ? version : ""}` : "sandbox"
+  ].join("|");
+  const [loadedScopeRequestKey, setLoadedScopeRequestKey] = useState(null);
+  useRef(null);
+  const pendingScopeIdRef = useRef(null);
+  const hasHydratedFromUrl = useRef(false);
+  const defaultAccessAttemptedForRef = useRef(null);
+  const activeScopeRequestKeyRef = useRef(null);
+  const toast = useRef(null);
+  const { user, setUser } = useAuthStore();
+  const { setConfig, setIlLabels } = useConfigStore();
+  const useSafeLocation = () => {
+    try {
+      return useLocation();
+    } catch (e) {
+      return { search: "" };
+    }
+  };
+  const location = useSafeLocation();
+  const useSafeSetSearchParams = () => {
+    try {
+      return useSearchParams()[1];
+    } catch (e) {
+      return null;
+    }
+  };
+  const setSearchParams = useSafeSetSearchParams();
+  const writeQueryParams = useCallback(
+    (updates) => {
+      if (setSearchParams) {
+        const params = new URLSearchParams(window.location.search);
+        Object.entries(updates).forEach(([key, value]) => {
+          if (value === null || value === void 0 || value === "") {
+            params.delete(key);
+          } else {
+            params.set(key, value);
+          }
+        });
+        setSearchParams(params, { replace: true });
+      } else {
+        setQueryParams(updates);
+      }
+    },
+    [setSearchParams]
+  );
+  useEffect(() => {
+    if (hasHydratedFromUrl.current) return;
+    const params = new URLSearchParams(window.location.search);
+    const rulesetId = params.get(QUERY_PARAM_KEYS.RULESET_ID);
+    const sectionId = params.get(QUERY_PARAM_KEYS.SECTION);
+    const nextSectionId = sectionId && (URL_SECTION_IDS == null ? void 0 : URL_SECTION_IDS.has(sectionId)) ? sectionId : defaultSectionId;
+    if ((rulesetId == null ? void 0 : rulesetId.length) && setSelectedRuleSetId && setActiveSectionId) {
+      setSelectedRuleSetId(rulesetId);
+      setActiveSectionId(nextSectionId);
+      hasHydratedFromUrl.current = true;
+    }
+  }, [location == null ? void 0 : location.search, setActiveSectionId, setSelectedRuleSetId]);
+  useEffect(() => {
+    return () => {
+      clearLearningParams();
+    };
+  }, [clearLearningParams]);
+  useEffect(() => {
+    if (selectedRuleSetId) {
+      writeQueryParams({ [QUERY_PARAM_KEYS.RULESET_ID]: selectedRuleSetId });
+    }
+  }, [selectedRuleSetId, writeQueryParams]);
+  useEffect(() => {
+    var _a2;
+    if (pluginPayload == null ? void 0 : pluginPayload.learningManagement) {
+      useLMSConfigStore.getState().setLMSConfig({
+        ...pluginPayload.learningManagement,
+        agents: (_a2 = pluginPayload.agents) != null ? _a2 : {}
+      });
+    }
+  }, [pluginPayload]);
+  const fetchPermissions = usePermissionsStore((state) => state.fetchPermissions);
+  const hasPermission = usePermissionsStore((state) => state.hasPermission);
+  const setRoles = useAppSecRolesStore((state) => state.setRoles);
+  const configuredAppsecRbacUrl = useEnvStore((state) => state.appsecRbacUrl);
+  const isRbacConfigReady = configuredAppsecRbacUrl === rbacConfig.appsecRbacUrl;
+  const { data: appSecRoles } = useGetAppSecRolesQuery(
+    rbacConfig.applicationId,
+    isRbacConfigReady && !isPublishedReadOnly
+  );
+  const { isLoading: isLMSConfigLoading, isError: isLMSConfigError, refetch: refetchLMSConfig, isSuccess } = useLMSConfigQuery(
+    app_integration_id,
+    backwardCompatibility,
+    true,
+    contentModeMappingId
+  );
+  const [maxHierarchyLevels, setMaxHierarchyLevels] = useState(0);
+  useEffect(() => {
+    if (backwardCompatibility || (!app_integration_id || !llmStudioUrl)) return;
+    const fetchILInstance = async () => {
+      var _a2, _b2, _c2, _d2;
+      try {
+        const result = await getILInstance(app_integration_id);
+        if ((_a2 = result == null ? void 0 : result.data) == null ? void 0 : _a2.ILInstanceId) {
+          setIlInstanceId(result.data.ILInstanceId);
+        }
+        const levels = (_d2 = (_c2 = (_b2 = result == null ? void 0 : result.data) == null ? void 0 : _b2.learningManagement) == null ? void 0 : _c2.scopeAndHierarchy) == null ? void 0 : _d2.maxHierarchyLevels;
+        if (typeof levels === "number" && levels > 0) {
+          setMaxHierarchyLevels(levels - 1);
+        }
+      } catch (err) {
+        console.error("Failed to fetch IL instance for hierarchy levels:", err);
+      }
+    };
+    fetchILInstance();
+  }, [app_integration_id, llmStudioUrl]);
+  useEffect(() => {
+    if (appSecRoles) {
+      setRoles(appSecRoles.map(({ _id, name }) => ({ _id, name })));
+    }
+  }, [appSecRoles, setRoles]);
+  useEffect(() => {
+    var _a2;
+    console.log("userDetails", userDetails);
+    setUser(userDetails);
+    console.log("llmStudioUrl", llmStudioUrl);
+    console.log("audacyBackendUrl", audacyBackendUrl);
+    useEnvStore.getState().setLlmStudioUrl(llmStudioUrl);
+    useEnvStore.getState().setAudacyBackendUrl(audacyBackendUrl);
+    useEnvStore.getState().setRbacConfig(rbacConfig);
+    useEnvStore.getState().setAuditLogConfig(auditLogConfig);
+    useEnvStore.getState().setBaseModeName((modeDetails == null ? void 0 : modeDetails.modeNameFromURL) || null);
+    setConfig(config);
+    setIlLabels(ilLabels);
+    useLearningTemplateStore.getState().setAppIntegrationId(app_integration_id != null ? app_integration_id : null);
+    useLearningTemplateStore.getState().setBackwardCompatibility(backwardCompatibility);
+    useLearningTemplateStore.getState().setCognitiveCompareCompatibility(cognitiveCompareCompatibility != null ? cognitiveCompareCompatibility : false);
+    useLearningTemplateStore.getState().setEnableChatLogs(
+      typeof enableChatLogs === "boolean" ? enableChatLogs : null
+    );
+    useLearningTemplateStore.getState().setIsILMarketplace(isILMarketplace != null ? isILMarketplace : false);
+    useLearningTemplateStore.getState().setPublishedReadOnly(isPublishedReadOnly);
+    useLearningTemplateStore.getState().setToken((_a2 = userDetails == null ? void 0 : userDetails.accessToken) != null ? _a2 : null);
+  }, [userDetails, setUser, llmStudioUrl, audacyBackendUrl, rbacConfig, auditLogConfig, config, setConfig, ilLabels, setIlLabels, app_integration_id, backwardCompatibility, cognitiveCompareCompatibility, enableChatLogs, isILMarketplace, modeDetails, isPublishedReadOnly, version]);
+  useEffect(() => {
+    setEditingPublishedTarget(null);
+    setPublishedEditStatus(published ? "checking" : "idle");
+  }, [published, publishedTargetKey]);
+  useEffect(() => {
+    if (!(userDetails == null ? void 0 : userDetails.accessToken) || !llmStudioUrl) return;
+    if (isILMarketplace) return;
+    fetchTiers();
+  }, [app_integration_id, userDetails == null ? void 0 : userDetails.accessToken, llmStudioUrl, isILMarketplace]);
+  const grantDefaultAccess = async () => {
+    var _a2, _b2;
+    if (!app_integration_id) return false;
+    const optedInIds = ((_a2 = rbacConfig.defaultAccessAppIntegrationIds) == null ? void 0 : _a2.length) ? rbacConfig.defaultAccessAppIntegrationIds : DEFAULT_ACCESS_CONFIG.FALLBACK_APP_INTEGRATION_IDS;
+    if (!optedInIds.includes(app_integration_id)) return false;
+    if (defaultAccessAttemptedForRef.current === app_integration_id) return false;
+    const userEmail = (userDetails == null ? void 0 : userDetails.email) || ((_b2 = useAuthStore.getState().user) == null ? void 0 : _b2.email);
+    const resourceType = rbacConfig.applicationModuleId;
+    const resourceId = rbacConfig.applicationResourceId;
+    if (!userEmail || !resourceType || !resourceId) return false;
+    defaultAccessAttemptedForRef.current = app_integration_id;
+    try {
+      await grantApplicationAccess({
+        resource_type: resourceType,
+        resource_id: resourceId,
+        user_email: userEmail,
+        role: rbacConfig.defaultMarketPlaceRoleId || DEFAULT_ACCESS_CONFIG.FALLBACK_MARKETPLACE_ROLE_ID
+      });
+      return true;
+    } catch (err) {
+      console.error("Failed to grant default access for first-time user:", err);
+      return false;
+    }
+  };
+  const canEditPublishedSandbox = () => {
+    const resourceId = rbacConfig.applicationResourceId;
+    return [
+      "ilotj.rule.variant.edit",
+      "ilotj.rule.create",
+      "ilotj.rule.variant.create",
+      "ilotj.scope.edit"
+    ].some((permission) => usePermissionsStore.getState().hasPermission(permission, resourceId));
+  };
+  const fetchRuleSets = async (showLoader = true, requestOptions = {}) => {
+    var _a2, _b2, _c2, _d2, _e2;
+    const readOnly = (_a2 = requestOptions.readOnly) != null ? _a2 : isPublishedReadOnly;
+    const publishedVersion = readOnly ? (_b2 = requestOptions.version) != null ? _b2 : version : null;
+    const requestKey = [
+      app_integration_id != null ? app_integration_id : "",
+      isILMarketplace ? "marketplace" : "lms",
+      contentModeMappingId != null ? contentModeMappingId : "",
+      readOnly ? `published:${publishedVersion != null ? publishedVersion : ""}` : "sandbox"
+    ].join("|");
+    if (activeScopeRequestKeyRef.current === requestKey) return;
+    activeScopeRequestKeyRef.current = requestKey;
+    if (showLoader) {
+      setIsLoading(true);
+    }
+    setError(null);
+    try {
+      const shouldFetchPermissions = !requestOptions.permissionsAlreadyFetched && (readOnly || !isEditingPublishedSandbox);
+      if (shouldFetchPermissions) {
+        await fetchPermissions(rbacConfig.applicationId);
+        if (readOnly) {
+          setPublishedEditStatus(canEditPublishedSandbox() ? "idle" : "denied");
+        } else if (usePermissionsStore.getState().accessData.length === 0) {
+          const wasGranted = await grantDefaultAccess();
+          if (wasGranted) {
+            await fetchPermissions(rbacConfig.applicationId);
+          }
+        }
+      }
+      const filterTreeByViewPermission = (node) => {
+        var _a3, _b3;
+        if (readOnly) {
+          return {
+            ...node,
+            hasAccess: true,
+            children: (_b3 = (_a3 = node.children) == null ? void 0 : _a3.map((child) => filterTreeByViewPermission(child))) != null ? _b3 : []
+          };
+        }
+        const canView = usePermissionsStore.getState().hasPermission("ilotj.scope.view", node.id);
+        const filteredChildren = node.children ? node.children.map((child) => filterTreeByViewPermission(child)).filter((child) => child !== null) : [];
+        if (!canView && filteredChildren.length === 0) {
+          return null;
+        }
+        return {
+          ...node,
+          hasAccess: canView,
+          children: filteredChildren
+        };
+      };
+      let response;
+      try {
+        if (isILMarketplace) {
+          if (!contentModeMappingId) {
+            throw new Error("contentModeMappingId is required for IL Marketplace scope data.");
+          }
+          const marketplaceResponse = await fetchMarketplaceDomains(
+            app_integration_id,
+            userDetails.accessToken,
+            llmStudioUrl,
+            { content_mode_mapping_id: contentModeMappingId }
+          );
+          if (marketplaceResponse.error) {
+            throw (_c2 = marketplaceResponse.error.errorObjData) != null ? _c2 : new Error(marketplaceResponse.error.errorMessage);
+          }
+          response = marketplaceResponse.responseData;
+        } else {
+          response = await fetchScopes(
+            app_integration_id,
+            userDetails.accessToken,
+            readOnly ? publishedVersion : null
+          );
+        }
+      } catch (scopeErr) {
+        if (((_d2 = scopeErr == null ? void 0 : scopeErr.response) == null ? void 0 : _d2.status) === 403) {
+          setScopeTreeData(null);
+          setInaccessibleGlobalScopeId(rbacConfig.applicationResourceId || null);
+          setIsForbiddenScope(true);
+          return;
+        }
+        throw scopeErr;
+      }
+      if (response && response.data) {
+        if (response.data.data) {
+          let treeData = response.data.data;
+          if (Array.isArray(treeData)) {
+            treeData = treeData.length > 0 ? treeData[0] : null;
+          }
+          if (treeData) {
+            const filteredTreeData = filterTreeByViewPermission(treeData);
+            if (filteredTreeData) {
+              setInaccessibleGlobalScopeId(null);
+              setIsForbiddenScope(false);
+              setScopeTreeData({ data: filteredTreeData });
+              if (pendingScopeIdRef.current) {
+                setSelectedRuleSetId(pendingScopeIdRef.current);
+                setActiveSectionId(defaultSectionId);
+                pendingScopeIdRef.current = null;
+              } else {
+                const currentSelectedId = useLearningTemplateStore.getState().selectedRuleSetId;
+                const existsInTree = currentSelectedId ? findNodeById(filteredTreeData, currentSelectedId) : null;
+                if (!currentSelectedId || !existsInTree) {
+                  const findFirstAccessible = (node) => {
+                    if (node.hasAccess) return node;
+                    for (const child of node.children || []) {
+                      const found = findFirstAccessible(child);
+                      if (found) return found;
+                    }
+                    return null;
+                  };
+                  const firstAccessible = findFirstAccessible(filteredTreeData);
+                  setSelectedRuleSetId(firstAccessible ? firstAccessible.id : filteredTreeData.id);
+                }
+              }
+            } else {
+              setInaccessibleGlobalScopeId((_e2 = treeData.id) != null ? _e2 : null);
+              setIsForbiddenScope(false);
+              setScopeTreeData(null);
+            }
+          } else {
+            setInaccessibleGlobalScopeId(null);
+            setIsForbiddenScope(false);
+            setScopeTreeData(null);
+          }
+        }
+      }
+    } catch (err) {
+      console.error("Failed to fetch rule sets or permissions", err);
+      setError("Failed to load data. Please try again later.");
+    } finally {
+      if (activeScopeRequestKeyRef.current === requestKey) {
+        activeScopeRequestKeyRef.current = null;
+        setIsLoading(false);
+      }
+      setLoadedScopeRequestKey(requestKey);
+    }
+  };
+  const handleRequestPublishedEdit = async () => {
+    if (!isPublishedReadOnly || publishedEditStatus !== "idle") return;
+    setEditingPublishedTarget(publishedTargetKey);
+    useLearningTemplateStore.getState().setPublishedReadOnly(false);
+    await fetchRuleSets(true, { readOnly: false, permissionsAlreadyFetched: true });
+  };
+  useEffect(() => {
+    var _a2;
+    if (((_a2 = userDetails == null ? void 0 : userDetails.accessToken) == null ? void 0 : _a2.length) && isRbacConfigReady) {
+      fetchRuleSets(true, { readOnly: isPublishedReadOnly, version });
+    } else {
+      console.warn("Error: Trying to fetch rules without access token", userDetails);
+    }
+  }, [userDetails == null ? void 0 : userDetails.accessToken, setError, setStations, rbacConfig.applicationId, isRbacConfigReady, app_integration_id, isILMarketplace, contentModeMappingId, llmStudioUrl, isPublishedReadOnly, version]);
+  const handleCreateRuleSet = async (data) => {
+    var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
+    setIsCreating(true);
+    const isBackwardCompatibility = useLearningTemplateStore.getState().backwardCompatibility;
+    try {
+      let finalPayload;
+      if (isBackwardCompatibility && typeof data === "object") {
+        finalPayload = data;
+      } else {
+        const name = data;
+        const isScopeUnderGlobal = modalConfig.type === "SCOPE" && modalConfig.parentId;
+        const topic = isScopeUnderGlobal ? "genreRuleSet" : modalConfig.type;
+        finalPayload = {
+          topic,
+          scope_reference_id: null,
+          scopeDescription: "demo",
+          parentScopeId: modalConfig.parentId || null,
+          scopeName: name,
+          scopeReferenceMetadata: {},
+          applicationMappingId: app_integration_id
+        };
+      }
+      const response = await createRuleSet(finalPayload, userDetails.accessToken);
+      const newScopeId = (_a2 = response == null ? void 0 : response.data) == null ? void 0 : _a2.scopeId;
+      if (newScopeId) {
+        pendingScopeIdRef.current = newScopeId;
+        const isLegacyGenre = isBackwardCompatibility && ((_b2 = finalPayload.topic) == null ? void 0 : _b2.toLowerCase().includes("genre"));
+        const isModernSubscope = !isBackwardCompatibility && modalConfig.type !== "GLOBAL" && modalConfig.parentId;
+        if (isLegacyGenre || isModernSubscope) {
+          const parentIdToInherit = isBackwardCompatibility ? (_d2 = (_c2 = useLearningTemplateStore.getState().scopeTreeData) == null ? void 0 : _c2.data) == null ? void 0 : _d2.id : modalConfig.parentId;
+          if (parentIdToInherit) {
+            if (backwardCompatibility) {
+              try {
+                await inheritScopeBackwardCompatible({
+                  source_scope_id: parentIdToInherit,
+                  target_scope_id: newScopeId
+                });
+              } catch (inheritError) {
+                console.error("Failed to inherit rules for the new scope:", inheritError);
+              }
+            } else {
+              try {
+                await inheritScope({
+                  source_scope_id: parentIdToInherit,
+                  target_scope_id: newScopeId,
+                  application_mapping_id: app_integration_id || "",
+                  is_copy_parent_variant_id: false
+                });
+              } catch (inheritError) {
+                console.error("Failed to inherit rules for the new scope:", inheritError);
+              }
+            }
+          }
+        }
+      }
+      await fetchRuleSets(true);
+      setModalConfig((prev) => ({ ...prev, isOpen: false }));
+    } catch (apiError) {
+      console.error("An error occurred during scope creation.", apiError);
+      (_g2 = toast.current) == null ? void 0 : _g2.show({
+        severity: "error",
+        summary: "Creation Failed",
+        detail: ((_f2 = (_e2 = apiError == null ? void 0 : apiError.response) == null ? void 0 : _e2.data) == null ? void 0 : _f2.message) || "There was an error creating the scope. Please try again."
+      });
+      throw apiError;
+    } finally {
+      setIsCreating(false);
+    }
+  };
+  const handleRenameRuleSet = async (newName) => {
+    var _a2, _b2, _c2;
+    setIsCreating(true);
+    try {
+      if (!modalConfig.scopeId) return;
+      const isBackwardCompatibility = useLearningTemplateStore.getState().backwardCompatibility;
+      const payload = isBackwardCompatibility ? {
+        scope_id: modalConfig.scopeId,
+        scope_name: newName
+      } : {
+        scope_id: modalConfig.scopeId,
+        scope_type: "Custom",
+        scope_name: newName,
+        application_mapping_id: app_integration_id
+      };
+      await renameScope(payload, userDetails.accessToken);
+      await fetchRuleSets(true);
+      setModalConfig((prev) => ({ ...prev, isOpen: false }));
+    } catch (apiError) {
+      console.error("An error occurred during scope rename.", apiError);
+      (_c2 = toast.current) == null ? void 0 : _c2.show({
+        severity: "error",
+        sticky: false,
+        className: styles.errorToast,
+        content: /* @__PURE__ */ jsx(ErrorToastContent, { message: ((_b2 = (_a2 = apiError == null ? void 0 : apiError.response) == null ? void 0 : _a2.data) == null ? void 0 : _b2.message) || "There was an error renaming the scope. Please try again." })
+      });
+      throw apiError;
+    } finally {
+      setIsCreating(false);
+    }
+  };
+  const performDelete = async (scopeId, scopeName, isSubscope) => {
+    var _a2, _b2, _c2, _d2;
+    setIsCreating(true);
+    try {
+      await deleteRuleSet(scopeId, userDetails.accessToken);
+      const currentSelectedId = useLearningTemplateStore.getState().selectedRuleSetId;
+      if (currentSelectedId === scopeId) {
+        const currentTreeData2 = useLearningTemplateStore.getState().scopeTreeData;
+        const path = findNodePathById((currentTreeData2 == null ? void 0 : currentTreeData2.data) || null, scopeId);
+        if (path && path.length > 1) {
+          const parentId = path[path.length - 2];
+          setSelectedRuleSetId(parentId);
+          setActiveSectionId(defaultSectionId);
+        }
+      }
+      await fetchRuleSets(true);
+      setModalConfig((prev) => ({ ...prev, isOpen: false }));
+      (_a2 = toast.current) == null ? void 0 : _a2.show({
+        severity: "success",
+        summary: "Deleted Successfully",
+        detail: "The scope was permanently removed."
+      });
+    } catch (apiError) {
+      console.error("An error occurred during scope deletion.", apiError);
+      (_d2 = toast.current) == null ? void 0 : _d2.show({
+        severity: "error",
+        summary: "Delete Failed",
+        detail: ((_c2 = (_b2 = apiError == null ? void 0 : apiError.response) == null ? void 0 : _b2.data) == null ? void 0 : _c2.message) || "There was an error deleting the scope. Please try again."
+      });
+    } finally {
+      setIsCreating(false);
+    }
+  };
+  const handleDeleteChild = async (scopeId, scopeName, learningsCount) => {
+    const currentTreeData2 = useLearningTemplateStore.getState().scopeTreeData;
+    const path = findNodePathById((currentTreeData2 == null ? void 0 : currentTreeData2.data) || null, scopeId);
+    const isSubscope = path ? path.length === 3 : false;
+    if (learningsCount === 0) {
+      await performDelete(scopeId);
+    } else {
+      setModalConfig({ isOpen: true, type: "DELETE", scopeId, initialName: scopeName, isSubscope });
+    }
+  };
+  const handleSectionSelect = (scopeId, sectionId) => {
+    console.log("Section Selected:", { scopeId, sectionId });
+    writeQueryParams({
+      [QUERY_PARAM_KEYS.SECTION]: sectionId === defaultSectionId ? null : sectionId
+    });
+    setActiveSectionId(sectionId);
+    setSelectedRuleSetId(scopeId);
+    setIsAccessRequested(false);
+  };
+  const currentTreeData = scopeTreeData;
+  const displayTreeData = viewedStation ? {
+    data: {
+      id: viewedStation.stationId,
+      name: viewedStation.stationName,
+      type: "STATION",
+      // Acts as a root node
+      metrics: { learningsCount: viewedStation.learningsCount, stationsCount: 0 },
+      children: []
+    }
+  } : currentTreeData;
+  const hasAnyRuleSet = !!(displayTreeData == null ? void 0 : displayTreeData.data);
+  ((_c = displayTreeData == null ? void 0 : displayTreeData.data) == null ? void 0 : _c.type) === "GLOBAL";
+  const canDeleteScope = (scopeId) => !isPublishedReadOnly && hasPermission("ilotj.scope.delete", scopeId);
+  const canEditScope = (scopeId) => !isPublishedReadOnly && hasPermission("ilotj.scope.edit", scopeId);
+  const canCreateScope = (scopeId) => !isPublishedReadOnly && hasPermission("ilotj.scope.create", scopeId);
+  const hasGlobalPermission = usePermissionsStore((s) => s.hasGlobalPermission);
+  const applicationResourceId = rbacConfig.applicationResourceId || "";
+  const canCreateGlobal = !isPublishedReadOnly && hasGlobalPermission("ilotj.scope.global.create", applicationResourceId);
+  const handleRequestScopeAccess = async (targetScopeId) => {
+    var _a2, _b2, _c2, _d2, _e2, _f2;
+    const scopeId = typeof targetScopeId === "string" ? targetScopeId : ((_b2 = (_a2 = useLearningTemplateStore.getState().scopeTreeData) == null ? void 0 : _a2.data) == null ? void 0 : _b2.id) || inaccessibleGlobalScopeId;
+    if (!scopeId && !isForbiddenScope) {
+      (_c2 = toast.current) == null ? void 0 : _c2.show({
+        severity: "error",
+        sticky: false,
+        className: styles.errorToast,
+        content: /* @__PURE__ */ jsx(ErrorToastContent, { message: "Unable to identify the global scope for this access request." })
+      });
+      return;
+    }
+    setIsRequestingAccess(true);
+    try {
+      await requestAccess(scopeId, isForbiddenScope);
+      setIsAccessRequested(true);
+      (_d2 = toast.current) == null ? void 0 : _d2.show({
+        severity: "success",
+        sticky: false,
+        life: 3e3,
+        className: styles.successToast,
+        content: /* @__PURE__ */ jsx(SuccessToastContent, { message: "Access request submitted successfully!" })
+      });
+    } catch (error2) {
+      const errorData = (_e2 = error2 == null ? void 0 : error2.response) == null ? void 0 : _e2.data;
+      const errorMessage = (errorData == null ? void 0 : errorData.code) === "GLOBAL_SCOPE_NOT_FOUND" ? "Unable to identify the global scope for this access request." : (errorData == null ? void 0 : errorData.detail) || (errorData == null ? void 0 : errorData.message) || "Failed to request access. Please try again.";
+      (_f2 = toast.current) == null ? void 0 : _f2.show({
+        severity: "error",
+        sticky: false,
+        className: styles.errorToast,
+        content: /* @__PURE__ */ jsx(ErrorToastContent, { message: errorMessage })
+      });
+    } finally {
+      setIsRequestingAccess(false);
+    }
+  };
+  if (isLMSConfigLoading) {
+    return /* @__PURE__ */ jsx(ILMarketplaceThemeProvider, { theme, children: /* @__PURE__ */ jsx("div", { className: styles.learningManagementContainer, style: themeStyles, children: /* @__PURE__ */ jsx(RuleContentSkeleton, {}) }) });
+  }
+  if (isLMSConfigError) {
+    return /* @__PURE__ */ jsx(ILMarketplaceThemeProvider, { theme, children: /* @__PURE__ */ jsx("div", { className: styles.learningManagementContainer, style: themeStyles, children: /* @__PURE__ */ jsx(
+      ErrorStateDisplay,
+      {
+        errorMessage: "Failed to load configuration. Please try again.",
+        onRetry: () => refetchLMSConfig(),
+        title: "Error Loading Configuration"
+      }
+    ) }) });
+  }
+  const DEFAULT_NODE_TYPES = [
+    {
+      type: "GLOBAL",
+      label: "Global",
+      addChildLabel: `${dt(`${MIDDLE_DRAWER_DT_PATH}.addScope`, "Add Scope")}`,
+      addChildType: "SCOPE"
+    },
+    ...Array.from({ length: maxHierarchyLevels }, () => ({
+      type: "SCOPE",
+      label: dt(`${MIDDLE_DRAWER_DT_PATH}.scope`, "Scope"),
+      ...!backwardCompatibility && {
+        addChildLabel: dt(`${MIDDLE_DRAWER_CONTEXT_MENU_DT_PATH}.addSubScope`, "Add Subscope"),
+        addChildType: "SUBSCOPE"
+      }
+    })),
+    ...!backwardCompatibility ? [{
+      type: "SUBSCOPE",
+      label: dt(`${MIDDLE_DRAWER_DT_PATH}.subScope`, "Subscope")
+    }] : []
+  ];
+  const baseSectionsConfig = selectionMode ? treeSections.filter((s) => s.id === "learnings") : treeSections;
+  const displaySectionsConfig = viewedStation ? baseSectionsConfig.filter((s) => s.id !== "stations") : baseSectionsConfig;
+  const handleRefreshRuleSets = (showLoader = true, scopeId) => {
+    if (scopeId) {
+      pendingScopeIdRef.current = scopeId;
+    }
+    fetchRuleSets(showLoader);
+  };
+  const refreshTree = () => handleRefreshRuleSets(true);
+  const resolvedNodeTypesConfig = (_d = treeOverrides == null ? void 0 : treeOverrides.nodeTypesConfig) != null ? _d : DEFAULT_NODE_TYPES;
+  const resolvedOnOpenCreateModal = (treeOverrides == null ? void 0 : treeOverrides.onOpenCreateModal) ? () => treeOverrides.onOpenCreateModal(refreshTree) : () => setModalConfig({ isOpen: true, type: "GLOBAL" });
+  const resolvedOnAddChild = (treeOverrides == null ? void 0 : treeOverrides.onAddChild) ? (parentId, childType, parentName) => treeOverrides.onAddChild(parentId, childType, parentName, refreshTree) : (parentId, childType, parentName) => setModalConfig({ isOpen: true, type: childType, parentId, parentName });
+  const resolvedOnRenameChild = (treeOverrides == null ? void 0 : treeOverrides.onRenameChild) ? (scopeId, initialName) => treeOverrides.onRenameChild(scopeId, initialName, refreshTree) : (scopeId, initialName) => setModalConfig({ isOpen: true, type: "RENAME", scopeId, initialName });
+  const resolvedOnDeleteChild = (treeOverrides == null ? void 0 : treeOverrides.onDeleteChild) ? (scopeId, scopeName, learningsCount) => treeOverrides.onDeleteChild(scopeId, scopeName, learningsCount, refreshTree) : handleDeleteChild;
+  const resolvedOnSectionSelect = (_e = treeOverrides == null ? void 0 : treeOverrides.onSectionSelect) != null ? _e : handleSectionSelect;
+  const resolvedOnRefreshRuleSets = (_f = treeOverrides == null ? void 0 : treeOverrides.onRefreshRuleSets) != null ? _f : handleRefreshRuleSets;
+  const resolvedCanCreateScope = (_g = treeOverrides == null ? void 0 : treeOverrides.canCreateScope) != null ? _g : canCreateScope;
+  const resolvedCanEditScope = (_h = treeOverrides == null ? void 0 : treeOverrides.canEditScope) != null ? _h : canEditScope;
+  const resolvedCanDeleteScope = (_i = treeOverrides == null ? void 0 : treeOverrides.canDeleteScope) != null ? _i : canDeleteScope;
+  const resolvedMenuActionsConfig = isPublishedReadOnly ? DEFAULT_MENU_ACTIONS.map((action) => ({ ...action, isVisible: () => false })) : (_j = treeOverrides == null ? void 0 : treeOverrides.menuActionsConfig) != null ? _j : DEFAULT_MENU_ACTIONS;
+  return /* @__PURE__ */ jsx(ILMarketplaceThemeProvider, { theme, children: /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: [styles.learningManagementContainer, selectionMode && styles.selectionMode].filter(Boolean).join(" "),
+      style: themeStyles,
+      children: [
+        /* @__PURE__ */ jsx("div", { className: styles.mainWrapper, children: isLoading || loadedScopeRequestKey !== scopeRequestKey ? /* @__PURE__ */ jsx(LearningTemplateManagementSkeleton, {}) : error ? /* @__PURE__ */ jsxs("div", { className: styles.errorContainer, children: [
+          /* @__PURE__ */ jsx("div", { className: styles.errorTitle, children: "Error Loading Data" }),
+          /* @__PURE__ */ jsx("p", { className: styles.errorDesc, children: error }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => fetchRuleSets(true),
+              className: styles.tryAgainBtn,
+              children: "Try Again"
+            }
+          )
+        ] }) : !hasAnyRuleSet ? /* @__PURE__ */ jsx(
+          EmptyLearningState,
+          {
+            onCreate: () => setModalConfig({ isOpen: true, type: "GLOBAL" }),
+            title: dt(`${EMPTY_STATE_DT_PATH}.title`, "No Global Scope has been added!"),
+            desc: dt(`${EMPTY_STATE_DT_PATH}.desc`, "Start by creating a Global scope to define base learnings that apply across all stations."),
+            button: dt(`${EMPTY_STATE_DT_PATH}.createGlobalScope`, "Create Global Scope"),
+            canCreateRule: canCreateGlobal,
+            noAccessTitle: dt(`${EMPTY_STATE_DT_PATH}.noAccessTitle`, "Access Restricted"),
+            noAccessDesc: dt(`${EMPTY_STATE_DT_PATH}.noAccessDesc`, "You do not have access for this application."),
+            requestAccessButton: dt(`${EMPTY_STATE_DT_PATH}.requestAccessButton`, "Request Access"),
+            requestSentButton: dt(`${EMPTY_STATE_DT_PATH}.requestSentButton`, "Request Sent"),
+            onRequestAccess: handleRequestScopeAccess,
+            isRequestingAccess,
+            isAccessRequested
+          }
+        ) : /* @__PURE__ */ jsx(
+          LearningTemplateLayout,
+          {
+            onOpenCreateModal: resolvedOnOpenCreateModal,
+            onAddChild: resolvedOnAddChild,
+            onRenameChild: resolvedOnRenameChild,
+            onDeleteChild: resolvedOnDeleteChild,
+            canDeleteScope: resolvedCanDeleteScope,
+            canEditScope: resolvedCanEditScope,
+            canCreateScope: resolvedCanCreateScope,
+            onSectionSelect: resolvedOnSectionSelect,
+            activeSectionId,
+            scopeTreeData: displayTreeData,
+            sectionsConfig: displaySectionsConfig,
+            onViewStation: (station) => {
+              resolvedOnSectionSelect(station.stationId, defaultSectionId);
+            },
+            onRefreshRuleSets: resolvedOnRefreshRuleSets,
+            nodeTypesConfig: resolvedNodeTypesConfig,
+            app_integration_id,
+            token: userDetails.accessToken,
+            modeId,
+            onRequestAccess: handleRequestScopeAccess,
+            isRequestingAccess,
+            isAccessRequested,
+            selectionMode,
+            isILMarketplace,
+            guidelineContentProps,
+            onRequestPublishedEdit: isPublishedReadOnly ? handleRequestPublishedEdit : void 0,
+            publishedEditStatus,
+            publishedVersion: isPublishedReadOnly ? version : void 0,
+            menuActionsConfig: resolvedMenuActionsConfig
+          }
+        ) }),
+        /* @__PURE__ */ jsx(Toast, { ref: toast, pt: { root: { style: { zIndex: 9999 } } } }),
+        backwardCompatibility && modalConfig.isOpen && modalConfig.type !== "DELETE" && modalConfig.type !== "RENAME" ? /* @__PURE__ */ jsx(
+          CreateRuleSetLegacyModal,
+          {
+            isOpen: true,
+            onClose: () => setModalConfig({ ...modalConfig, isOpen: false }),
+            onSubmit: handleCreateRuleSet,
+            hasGlobalRuleSet: hasAnyRuleSet,
+            canCreateGlobal,
+            globalScopeId: (_l = (_k = scopeTreeData == null ? void 0 : scopeTreeData.data) == null ? void 0 : _k.id) != null ? _l : null
+          }
+        ) : /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(
+            AddScopeModalComponent,
+            {
+              isOpen: modalConfig.isOpen && modalConfig.type !== "DELETE" && modalConfig.type !== "RENAME",
+              onClose: () => setModalConfig({ ...modalConfig, isOpen: false }),
+              onCreate: (scopeId) => {
+                if (scopeId) {
+                  pendingScopeIdRef.current = scopeId;
+                }
+                fetchRuleSets(true);
+              },
+              hasGlobalRuleSet: hasAnyRuleSet,
+              parentId: modalConfig.parentId,
+              parentName: modalConfig.parentName,
+              childType: modalConfig.type === "SUBSCOPE" ? "SUBSCOPE" : "SCOPE",
+              isILMarketplace
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            RenameScopeModal,
+            {
+              isOpen: modalConfig.isOpen && modalConfig.type === "RENAME",
+              onClose: () => setModalConfig({ ...modalConfig, isOpen: false }),
+              onSave: handleRenameRuleSet,
+              initialName: modalConfig.initialName
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          ConfirmationModal,
+          {
+            isOpen: modalConfig.isOpen && modalConfig.type === "DELETE",
+            onCancel: () => setModalConfig({ ...modalConfig, isOpen: false }),
+            onConfirm: () => performDelete(modalConfig.scopeId, modalConfig.initialName, modalConfig.isSubscope),
+            title: "Delete Scope",
+            description: /* @__PURE__ */ jsxs(Fragment, { children: [
+              "Deleting ",
+              /* @__PURE__ */ jsx("span", { className: styles.highlight, children: modalConfig.initialName || "this scope" }),
+              " will permanently remove all Learnings, Access rules, and Change History inside it. This cannot be undone."
+            ] }),
+            confirmText: "Delete",
+            confirmBgColor: "#EF4444",
+            isLoading: isCreating
+          }
+        )
+      ]
+    }
+  ) }) });
+}
+
+export { LearningManagement as default };
 //# sourceMappingURL=LearningManagement.js.map