cloud-ide-core 2.0.170 → 2.0.172

package/fesm2022/cloud-ide-core.mjs

@@ -1,6 +1,6 @@
 import { authGuard, SharedObjectIdService, EDUCATION_BOARD_SERVICE_TOKEN, CideSharedOrgStructureComponent, ENTITY_SERVICE_TOKEN } from 'cloud-ide-shared';
 import * as i0 from '@angular/core';
-import { Injectable, Component, inject, DestroyRef, viewChild, signal, computed, effect, input, output, ChangeDetectorRef, ViewChild } from '@angular/core';
+import { Injectable, Component, signal, inject, DestroyRef, effect, viewChild, computed, input, output, ChangeDetectorRef, ViewChild } from '@angular/core';
 import * as i1$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i1$2 from '@angular/forms';
@@ -63,7 +63,7 @@ const coreRoutes = [
     },
     {
         path: 'page-form',
-        loadComponent: () => import('./cloud-ide-core-page-form.component-CO-opyS8.mjs').then(c => c.CideCorePageFormComponent),
+        loadComponent: () => import('./cloud-ide-core-page-form.component-BN-qZVPF.mjs').then(c => c.CideCorePageFormComponent),
         title: 'Page Form',
         canActivate: [authGuard],
         data: {
@@ -72,7 +72,7 @@ const coreRoutes = [
     },
     {
         path: 'page-form/:query',
-        loadComponent: () => import('./cloud-ide-core-page-form.component-CO-opyS8.mjs').then(c => c.CideCorePageFormComponent),
+        loadComponent: () => import('./cloud-ide-core-page-form.component-BN-qZVPF.mjs').then(c => c.CideCorePageFormComponent),
         title: 'Page Form',
         canActivate: [authGuard],
         data: {
@@ -294,6 +294,8 @@ class MenuManagementService {
     apiUrl = `${coreRoutesUrl?.getSidebarMenues}`;
     menuListSubject = new BehaviorSubject([]);
     menuList$ = this.menuListSubject.asObservable();
+    /** Signal bumped on every create/update/delete/toggle so consumers can refresh. */
+    listInvalidated = signal(0, ...(ngDevMode ? [{ debugName: "listInvalidated" }] : []));
     constructor(http) {
         this.http = http;
         console.log('MenuManagementService initialized - using real API');
@@ -330,6 +332,7 @@ class MenuManagementService {
             .pipe(tap((response) => {
             if (response.success) {
                 this.refreshMenuList();
+                this.listInvalidated.update(v => v + 1);
             }
         }), catchError(this.handleError));
     }
@@ -344,6 +347,7 @@ class MenuManagementService {
             .pipe(tap((response) => {
             if (response.success) {
                 this.refreshMenuList();
+                this.listInvalidated.update(v => v + 1);
             }
         }), catchError(this.handleError));
     }
@@ -373,6 +377,7 @@ class MenuManagementService {
             .pipe(tap((response) => {
             if (response.success) {
                 this.refreshMenuList();
+                this.listInvalidated.update(v => v + 1);
             }
         }), catchError(this.handleError));
     }
@@ -390,6 +395,7 @@ class MenuManagementService {
             .pipe(tap((response) => {
             if (response.success) {
                 this.refreshMenuList();
+                this.listInvalidated.update(v => v + 1);
             }
         }), catchError(this.handleError));
     }
@@ -405,6 +411,7 @@ class MenuManagementService {
             .pipe(tap((response) => {
             if (response.success) {
                 this.refreshMenuList();
+                this.listInvalidated.update(v => v + 1);
             }
         }), catchError(this.handleError));
     }
@@ -419,6 +426,7 @@ class MenuManagementService {
             .pipe(tap((response) => {
             if (response.success) {
                 this.refreshMenuList();
+                this.listInvalidated.update(v => v + 1);
             }
         }), catchError(this.handleError));
     }
@@ -512,6 +520,8 @@ class CideCoreGeneralMasterService {
     http = inject(HttpClient);
     generalMasterListSubject = new BehaviorSubject([]);
     generalMasterList$ = this.generalMasterListSubject.asObservable();
+    /** Signal bumped on every create/update/delete/toggle so consumers can refresh. */
+    listInvalidated = signal(0, ...(ngDevMode ? [{ debugName: "listInvalidated" }] : []));
     constructor() {
         console.log('CideCoreGeneralMasterService initialized - using real API');
     }
@@ -560,6 +570,7 @@ class CideCoreGeneralMasterService {
             .pipe(tap((response) => {
             if (response.success) {
                 this.refreshMasterList();
+                this.listInvalidated.update(v => v + 1);
             }
         }), catchError(this.handleError));
     }
@@ -599,6 +610,7 @@ class CideCoreGeneralMasterService {
             .pipe(tap((response) => {
             if (response.success) {
                 this.refreshMasterList();
+                this.listInvalidated.update(v => v + 1);
             }
         }), catchError(this.handleError));
     }
@@ -614,6 +626,7 @@ class CideCoreGeneralMasterService {
             .pipe(tap((response) => {
             if (response.success) {
                 this.refreshMasterList();
+                this.listInvalidated.update(v => v + 1);
             }
         }), catchError(this.handleError));
     }
@@ -686,6 +699,8 @@ class CideCoreGeneralMasterTypeService {
     http = inject(HttpClient);
     generalMasterTypeListSubject = new BehaviorSubject([]);
     generalMasterTypeList$ = this.generalMasterTypeListSubject.asObservable();
+    /** Signal bumped on every create/update/delete/toggle so consumers can refresh. */
+    listInvalidated = signal(0, ...(ngDevMode ? [{ debugName: "listInvalidated" }] : []));
     constructor() {
         console.log('CideCoreGeneralMasterTypeService initialized - using real API');
     }
@@ -733,6 +748,7 @@ class CideCoreGeneralMasterTypeService {
             .pipe(tap((response) => {
             if (response.success) {
                 this.refreshTypeList();
+                this.listInvalidated.update(v => v + 1);
             }
         }), catchError(this.handleError));
     }
@@ -760,6 +776,7 @@ class CideCoreGeneralMasterTypeService {
             .pipe(tap((response) => {
             if (response.success) {
                 this.refreshTypeList();
+                this.listInvalidated.update(v => v + 1);
             }
         }), catchError(this.handleError));
     }
@@ -775,6 +792,7 @@ class CideCoreGeneralMasterTypeService {
             .pipe(tap((response) => {
             if (response.success) {
                 this.refreshTypeList();
+                this.listInvalidated.update(v => v + 1);
             }
         }), catchError(this.handleError));
     }
@@ -788,6 +806,7 @@ class CideCoreGeneralMasterTypeService {
             .pipe(tap((response) => {
             if (response.success) {
                 this.refreshTypeList();
+                this.listInvalidated.update(v => v + 1);
             }
         }), catchError(this.handleError));
     }
@@ -983,6 +1002,18 @@ class MenuListComponent {
     fb = inject(NonNullableFormBuilder);
     router = inject(Router);
     rightsService = inject(RightsService);
+    /** Refetch permissions when general master list is invalidated elsewhere. */
+    generalMasterInvalidationEffect = effect(() => {
+        const count = this.generalMasterService.listInvalidated();
+        if (count > 0 && this.userRightsTypeId()) {
+            this.loadPermissions();
+        }
+    }, ...(ngDevMode ? [{ debugName: "generalMasterInvalidationEffect" }] : []));
+    /** Refetch menu list when menu list is invalidated elsewhere (e.g. save/delete in another tab). */
+    menuListInvalidationEffect = effect(() => {
+        if (this.menuService.listInvalidated() > 0)
+            this.loadMenuItems();
+    }, ...(ngDevMode ? [{ debugName: "menuListInvalidationEffect" }] : []));
     // Shared wrapper setup
     shared_wrapper_setup_param = { sypg_page_code: 'core_menu_list' };
     // Modern ViewChild signals for template renderers (Angular 20 approach)
@@ -2383,6 +2414,8 @@ class CideCoreDepartmentManagementService {
     http;
     departmentListSubject = new BehaviorSubject([]);
     departmentList$ = this.departmentListSubject.asObservable();
+    /** Signal bumped on every create/update/delete/toggle so consumers can refresh. */
+    listInvalidated = signal(0, ...(ngDevMode ? [{ debugName: "listInvalidated" }] : []));
     constructor(http) {
         this.http = http;
         console.log('CideCoreDepartmentManagementService initialized - using real API');
@@ -2419,6 +2452,7 @@ class CideCoreDepartmentManagementService {
             .pipe(tap((response) => {
             if (response.success) {
                 this.refreshDepartmentList();
+                this.listInvalidated.update(v => v + 1);
             }
         }), catchError(this.handleError));
     }
@@ -2433,6 +2467,7 @@ class CideCoreDepartmentManagementService {
             .pipe(tap((response) => {
             if (response.success) {
                 this.refreshDepartmentList();
+                this.listInvalidated.update(v => v + 1);
             }
         }), catchError(this.handleError));
     }
@@ -2460,6 +2495,7 @@ class CideCoreDepartmentManagementService {
             .pipe(tap((response) => {
             if (response.success) {
                 this.refreshDepartmentList();
+                this.listInvalidated.update(v => v + 1);
             }
         }), catchError(this.handleError));
     }
@@ -2475,6 +2511,7 @@ class CideCoreDepartmentManagementService {
             .pipe(tap((response) => {
             if (response.success) {
                 this.refreshDepartmentList();
+                this.listInvalidated.update(v => v + 1);
             }
         }), catchError(this.handleError));
     }
@@ -2488,6 +2525,7 @@ class CideCoreDepartmentManagementService {
             .pipe(tap((response) => {
             if (response.success) {
                 this.refreshDepartmentList();
+                this.listInvalidated.update(v => v + 1);
             }
         }), catchError(this.handleError));
     }
@@ -2571,6 +2609,10 @@ class CideCoreDepartmentListComponent {
     confirmationService = inject(ConfirmationService);
     notificationService = inject(NotificationService);
     rightsService = inject(RightsService);
+    departmentListInvalidationEffect = effect(() => {
+        if (this.departmentService.listInvalidated() > 0)
+            this.loadDepartments();
+    }, ...(ngDevMode ? [{ debugName: "departmentListInvalidationEffect" }] : []));
     // Modern ViewChild signals for template renderers (Angular 20 approach)
     departmentDetailsRendererTemplate = viewChild.required('departmentDetailsRendererTemplate');
     departmentStatusRendererTemplate = viewChild.required('departmentStatusRendererTemplate');
@@ -3355,6 +3397,8 @@ class CideCoreDesignationManagementService {
     apiUrl = `${coreRoutesUrl?.designation}`;
     designationListSubject = new BehaviorSubject([]);
     designationList$ = this.designationListSubject.asObservable();
+    /** Signal bumped on every create/update/delete/toggle so consumers can refresh. */
+    listInvalidated = signal(0, ...(ngDevMode ? [{ debugName: "listInvalidated" }] : []));
     constructor(http) {
         this.http = http;
         console.log('CideCoreDesignationManagementService initialized - using real API');
@@ -3393,6 +3437,7 @@ class CideCoreDesignationManagementService {
             .pipe(tap((response) => {
             if (response.success) {
                 this.refreshDesignationList();
+                this.listInvalidated.update(v => v + 1);
             }
         }), catchError(this.handleError));
     }
@@ -3409,6 +3454,7 @@ class CideCoreDesignationManagementService {
             .pipe(tap((response) => {
             if (response.success) {
                 this.refreshDesignationList();
+                this.listInvalidated.update(v => v + 1);
             }
         }), catchError(this.handleError));
     }
@@ -3436,6 +3482,7 @@ class CideCoreDesignationManagementService {
             .pipe(tap((response) => {
             if (response.success) {
                 this.refreshDesignationList();
+                this.listInvalidated.update(v => v + 1);
             }
         }), catchError(this.handleError));
     }
@@ -3451,6 +3498,7 @@ class CideCoreDesignationManagementService {
             .pipe(tap((response) => {
             if (response.success) {
                 this.refreshDesignationList();
+                this.listInvalidated.update(v => v + 1);
             }
         }), catchError(this.handleError));
     }
@@ -3466,6 +3514,7 @@ class CideCoreDesignationManagementService {
             .pipe(tap((response) => {
             if (response.success) {
                 this.refreshDesignationList();
+                this.listInvalidated.update(v => v + 1);
             }
         }), catchError(this.handleError));
     }
@@ -3544,6 +3593,8 @@ class CideCoreGradeLevelManagementService {
     apiUrl = `${coreRoutesUrl?.gradeLevel}`;
     gradeLevelListSubject = new BehaviorSubject([]);
     gradeLevelList$ = this.gradeLevelListSubject.asObservable();
+    /** Signal bumped on every create/update/delete/toggle so consumers can refresh. */
+    listInvalidated = signal(0, ...(ngDevMode ? [{ debugName: "listInvalidated" }] : []));
     constructor(http) {
         this.http = http;
         console.log('CideCoreGradeLevelManagementService initialized - using real API');
@@ -3580,6 +3631,7 @@ class CideCoreGradeLevelManagementService {
             .pipe(tap((response) => {
             if (response.success) {
                 this.refreshGradeLevelList();
+                this.listInvalidated.update(v => v + 1);
             }
         }), catchError(this.handleError));
     }
@@ -3594,6 +3646,7 @@ class CideCoreGradeLevelManagementService {
             .pipe(tap((response) => {
             if (response.success) {
                 this.refreshGradeLevelList();
+                this.listInvalidated.update(v => v + 1);
             }
         }), catchError(this.handleError));
     }
@@ -3619,6 +3672,7 @@ class CideCoreGradeLevelManagementService {
             .pipe(tap((response) => {
             if (response.success) {
                 this.refreshGradeLevelList();
+                this.listInvalidated.update(v => v + 1);
             }
         }), catchError(this.handleError));
     }
@@ -3634,6 +3688,7 @@ class CideCoreGradeLevelManagementService {
             .pipe(tap((response) => {
             if (response.success) {
                 this.refreshGradeLevelList();
+                this.listInvalidated.update(v => v + 1);
             }
         }), catchError(this.handleError));
     }
@@ -3649,6 +3704,7 @@ class CideCoreGradeLevelManagementService {
             .pipe(tap((response) => {
             if (response.success) {
                 this.refreshGradeLevelList();
+                this.listInvalidated.update(v => v + 1);
             }
         }), catchError(this.handleError));
     }
@@ -3663,6 +3719,7 @@ class CideCoreGradeLevelManagementService {
             .pipe(tap((response) => {
             if (response.success) {
                 this.refreshGradeLevelList();
+                this.listInvalidated.update(v => v + 1);
             }
         }), catchError(this.handleError));
     }
@@ -3730,6 +3787,18 @@ class CideCoreDesignationListComponent {
     notificationService = inject(NotificationService);
     confirmationService = inject(ConfirmationService);
     rightsService = inject(RightsService);
+    designationListInvalidationEffect = effect(() => {
+        if (this.designationService.listInvalidated() > 0)
+            this.loadDesignations();
+    }, ...(ngDevMode ? [{ debugName: "designationListInvalidationEffect" }] : []));
+    departmentListInvalidationEffect = effect(() => {
+        if (this.departmentService.listInvalidated() > 0)
+            this.loadDepartments();
+    }, ...(ngDevMode ? [{ debugName: "departmentListInvalidationEffect" }] : []));
+    gradeLevelListInvalidationEffect = effect(() => {
+        if (this.gradeLevelService.listInvalidated() > 0)
+            this.loadGradeLevels();
+    }, ...(ngDevMode ? [{ debugName: "gradeLevelListInvalidationEffect" }] : []));
     // Modern ViewChild signals for template renderers (Angular 20 approach)
     designationDetailsRendererTemplate = viewChild.required('designationDetailsRendererTemplate');
     designationStatusRendererTemplate = viewChild.required('designationStatusRendererTemplate');
@@ -5150,6 +5219,10 @@ class CideCoreGradeLevelListComponent {
     notificationService = inject(NotificationService);
     confirmationService = inject(ConfirmationService);
     rightsService = inject(RightsService);
+    gradeLevelListInvalidationEffect = effect(() => {
+        if (this.gradeLevelService.listInvalidated() > 0)
+            this.loadGradeLevels();
+    }, ...(ngDevMode ? [{ debugName: "gradeLevelListInvalidationEffect" }] : []));
     // Modern ViewChild signals for template renderers (Angular 20 approach)
     dragHandleRendererTemplate = viewChild.required('dragHandleRendererTemplate');
     gradeLevelDetailsRendererTemplate = viewChild.required('gradeLevelDetailsRendererTemplate');
@@ -9029,6 +9102,14 @@ class CideCoreGeneralMasterComponent {
     rightsService = inject(RightsService);
     notificationService = inject(NotificationService);
     requestService = inject(CideLytRequestService); // Injected as any to avoid build errors if type is missing
+    /** Refetch masters when list is invalidated elsewhere (e.g. another tab or component). */
+    listInvalidationEffect = effect(() => {
+        const count = this.masterService.listInvalidated();
+        if (count > 0 && this.typeId()) {
+            this.loadMasters();
+            this.loadParentMasterOptions();
+        }
+    }, ...(ngDevMode ? [{ debugName: "listInvalidationEffect" }] : []));
     // Modern ViewChild signals for template renderers (Angular 20 approach)
     masterDetailsRendererTemplate = viewChild.required('masterDetailsRendererTemplate');
     masterStatusRendererTemplate = viewChild.required('masterStatusRendererTemplate');
@@ -10174,6 +10255,15 @@ class CideCoreEntityCreateComponent {
     rightsService = inject(RightsService);
     requestService = inject(CideLytRequestService);
     educationBoardService = inject(EDUCATION_BOARD_SERVICE_TOKEN);
+    /** Refetch general-master dropdowns when general master list is invalidated elsewhere. */
+    generalMasterInvalidationEffect = effect(() => {
+        const count = this.CideCoreGeneralMasterService.listInvalidated();
+        if (count > 0) {
+            this.loadDropdowns();
+            this.loadBoardAffiliationStatuses();
+            this.loadBoardAffiliationLevels();
+        }
+    }, ...(ngDevMode ? [{ debugName: "generalMasterInvalidationEffect" }] : []));
     destroy$ = new Subject();
     // Board Mapping
     boardAffiliations = signal([], ...(ngDevMode ? [{ debugName: "boardAffiliations" }] : []));
@@ -11598,6 +11688,13 @@ class CideCoreEntityListComponent {
     appState = inject(AppStateHelperService);
     rightsService = inject(RightsService);
     destroyRef = inject(DestroyRef);
+    /** Refetch entity types when general master list is invalidated elsewhere (e.g. after add/update/delete). */
+    generalMasterInvalidationEffect = effect(() => {
+        const count = this.generalMasterService.listInvalidated();
+        if (count > 0) {
+            this.loadEntityTypes();
+        }
+    }, ...(ngDevMode ? [{ debugName: "generalMasterInvalidationEffect" }] : []));
     // ViewChild reference to the grid component using modern signal approach
     gridComponent = viewChild(CideEleDataGridComponent, ...(ngDevMode ? [{ debugName: "gridComponent" }] : []));
     // Template references using modern viewChild signal approach with proper typing
@@ -11710,7 +11807,8 @@ class CideCoreEntityListComponent {
             childrenKey: 'children',
             levelKey: 'level',
             expandedKey: 'isExpanded',
-            hasChildrenKey: 'hasChildren'
+            hasChildrenKey: 'hasChildren',
+            defaultExpandAll: true
         }
     }, ...(ngDevMode ? [{ debugName: "gridConfig" }] : []));
     // Template renderers for complex columns using computed signal
@@ -11956,8 +12054,9 @@ class CideCoreEntityListComponent {
     }
     onEntitySearch(query) {
         console.log('Search entities:', query);
-        this.searchQuery.set(query);
-        // The grid handles the actual filtering
+        this.searchQuery.set(query ?? '');
+        this.currentPage.set(1);
+        this.loadEntities(false);
     }
     onEntityPageChange(pageOrPayload) {
         const payload = pageOrPayload;
@@ -11971,7 +12070,6 @@ class CideCoreEntityListComponent {
         const page = typeof pageOrPayload === 'number' ? pageOrPayload : (payload?.page ?? 1);
         console.log('Page changed to:', page);
         this.currentPage.set(page);
-        // Reload data for the new page
         this.loadEntities(false);
     }
     onDeleteEntityConfirmed(entityId) {
@@ -12019,26 +12117,27 @@ class CideCoreEntityListComponent {
         }
         this.error.set(null);
         this.loadStartTime = Date.now();
-        this.entityService.getEntityList({}).subscribe({
+        const payload = {
+            pageIndex: this.currentPage(),
+            pageSize: this.pageSize(),
+            ...(this.searchQuery()?.trim() ? { query: this.searchQuery().trim() } : {})
+        };
+        this.entityService.getEntityList(payload).subscribe({
             next: (response) => {
                 console.log('✅ ENTITY LIST: API response received:', response);
-                // Process the response data
-                if (response?.data) {
-                    // Handle both array and single object responses
-                    const entitiesData = Array.isArray(response.data) ? response.data : [response.data];
-                    console.log('📋 ENTITY LIST: Processed entities data:', entitiesData.length, 'entities');
-                    if (entitiesData.length > 0) {
-                        console.log('📊 ENTITY LIST: First entity sample:', entitiesData[0]);
-                        this.updateGridData(entitiesData);
-                        this.totalItems.set(entitiesData.length);
-                    }
-                    else {
-                        console.log('📊 ENTITY LIST: No entities returned, showing test data');
-                    }
-                }
-                else {
-                    console.warn('⚠️ ENTITY LIST: No data in API response, loading test data');
-                }
+                const entitiesData = response?.data
+                    ? (Array.isArray(response.data) ? response.data : [response.data])
+                    : [];
+                // Parse total robustly: API may return number or string (e.g. "13"); avoid using data length so pagination is correct
+                const rawTotal = response?.total;
+                const total = typeof rawTotal === 'number' && Number.isFinite(rawTotal)
+                    ? rawTotal
+                    : typeof rawTotal === 'string'
+                        ? parseInt(rawTotal, 10)
+                        : Number(rawTotal);
+                const totalResolved = Number.isFinite(total) ? total : entitiesData.length;
+                this.totalItems.set(totalResolved);
+                this.updateGridData(entitiesData);
                 this.updatePaginationState();
                 this.loading.set(false);
                 // Clear page change loading state in the grid component
@@ -12248,7 +12347,7 @@ class CideCoreEntityListComponent {
         this.router.navigate(['/control-panel/org-structure']);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideCoreEntityListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: CideCoreEntityListComponent, isStandalone: true, selector: "cide-core-entity-list", viewQueries: [{ propertyName: "gridComponent", first: true, predicate: CideEleDataGridComponent, descendants: true, isSignal: true }, { propertyName: "entityDetailsRenderer", first: true, predicate: ["entityDetailsRenderer"], descendants: true, isSignal: true }, { propertyName: "entityTypeRenderer", first: true, predicate: ["entityTypeRenderer"], descendants: true, isSignal: true }, { propertyName: "actionsDropdownRenderer", first: true, predicate: ["actionsDropdownRenderer"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- Entity List with Shared Wrapper -->\n<cide-lyt-shared-wrapper [shared_wrapper_setup_param]=\"{ sypg_page_code: 'core_entity_list' }\">\n  <!-- Breadcrumb Actions: Org Structure Button -->\n  <div breadcrumb-actions class=\"tw-flex tw-justify-end tw-items-center tw-gap-2\">\n    <button cideEleButton variant=\"secondary\" size=\"xs\" (click)=\"onOrgStructure()\" [adaptive]=\"true\"\n      class=\"tw-whitespace-nowrap tw-flex tw-items-center tw-gap-2\">\n      <cide-ele-icon size=\"xs\" class=\"tw-w-6 tw-h-5\">account_tree</cide-ele-icon>\n      Org Structure\n    </button>\n\n    <!-- Add Entity Button -->\n    @if (canCreate()) {\n    <button cideEleButton variant=\"primary\" size=\"xs\" (click)=\"router.navigate(['control-panel', 'entity-create'])\"\n      [adaptive]=\"true\" class=\"tw-whitespace-nowrap tw-flex tw-items-center tw-gap-2\">\n      <cide-ele-icon size=\"xs\" class=\"tw-w-6 tw-h-5\">add</cide-ele-icon>\n      Add Entity\n    </button>\n    }\n\n  </div>\n\n  <div class=\"entity-list-container tw-bg-white tw-shadow-lg tw-rounded-lg tw-overflow-hidden\">\n\n    <!-- Data Grid Component -->\n    <cide-ele-data-grid [config]=\"gridConfig()\" [templateRenderers]=\"templateRenderers()\"\n      [actionHandlers]=\"actionHandlers\" (gridEvent)=\"onGridEvent($event)\">\n    </cide-ele-data-grid>\n\n  </div>\n\n  <!-- Custom Renderer Templates -->\n\n  <!-- Entity Details Renderer Template -->\n  <!-- Context: { $implicit: unknown, row: entityResponseData, value: unknown, column: GridColumn } -->\n  <ng-template #entityDetailsRenderer let-value=\"value\" let-entity=\"row\">\n    <div class=\"tw-flex tw-items-center tw-space-x-3\">\n      <div\n        class=\"tw-flex-shrink-0 tw-w-10 tw-h-10 tw-bg-blue-100 tw-rounded-full tw-flex tw-items-center tw-justify-center\">\n        <span class=\"tw-text-blue-600 tw-font-semibold tw-text-sm\">\n          {{ (entity.syen_entity_code || 'NA').substring(0, 2).toUpperCase() }}\n        </span>\n      </div>\n      <div class=\"tw-flex-1 tw-min-w-0\">\n        <p class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-truncate\"\n          [title]=\"entity.syen_name || 'Unknown Entity'\">\n          {{ entity.syen_name || 'Unknown Entity' }}\n        </p>\n        <p class=\"tw-text-sm tw-text-gray-500 tw-truncate\" [title]=\"entity.syen_entity_code || 'N/A'\">\n          Code: {{ entity.syen_entity_code || 'N/A' }}\n        </p>\n      </div>\n    </div>\n  </ng-template>\n\n\n  <!-- Entity Type Renderer Template -->\n  <!-- Context: { $implicit: unknown, row: entityResponseData, value: unknown, column: GridColumn } -->\n  <ng-template #entityTypeRenderer let-value=\"value\" let-entity=\"row\">\n    <div class=\"tw-flex tw-flex-col tw-items-center tw-space-y-1\">\n      <span class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-truncate\" [title]=\"getEntityTypeName(entity)\">\n        {{ getEntityTypeName(entity) }}\n      </span>\n    </div>\n  </ng-template>\n\n  <!-- Actions Dropdown Renderer Template -->\n  <!-- Context: { $implicit: unknown, row: entityResponseData, value: unknown, column: GridColumn } -->\n  <ng-template #actionsDropdownRenderer let-value=\"value\" let-entity=\"row\">\n    <cide-ele-dropdown [items]=\"getDropdownItems(entity)\" [config]=\"getDropdownConfig()\"\n      (itemClick)=\"onDropdownItemClick($event, entity)\">\n    </cide-ele-dropdown>\n  </ng-template>\n</cide-lyt-shared-wrapper>", styles: ["", ":host{height:100%;display:flex;flex-direction:column}.entity-list-container{height:100%;display:flex;flex-direction:column;overflow:hidden}.tw-overflow-auto{flex:1;min-height:0}cide-ele-data-grid{flex:1;min-height:0;display:flex;flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip", "active", "name"] }, { kind: "component", type: CideEleButtonComponent, selector: "button[cideEleButton], a[cideEleButton], cide-ele-button", inputs: ["label", "variant", "size", "type", "shape", "elevation", "disabled", "id", "loading", "fullWidth", "leftIcon", "rightIcon", "customClass", "tooltip", "ariaLabel", "testId", "routerLink", "routerExtras", "preventDoubleClick", "animated", "adaptive"], outputs: ["btnClick", "doubleClick"] }, { kind: "component", type: CideEleDataGridComponent, selector: "cide-ele-data-grid", inputs: ["config", "templateRenderers", "customFormatters", "actionHandlers", "serverSidePagination", "totalServerItems", "currentServerPage", "currentServerPageSize", "dragDropEnabled"], outputs: ["gridEvent"] }, { kind: "component", type: CideEleDropdownComponent, selector: "cide-ele-dropdown", inputs: ["items", "config", "triggerTemplate", "menuTemplate"], outputs: ["itemClick", "dropdownToggle"] }, { kind: "component", type: CideLytSharedWrapperComponent, selector: "cide-lyt-shared-wrapper", inputs: ["shared_wrapper_setup_param", "breadcrumb_data"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: CideCoreEntityListComponent, isStandalone: true, selector: "cide-core-entity-list", viewQueries: [{ propertyName: "gridComponent", first: true, predicate: CideEleDataGridComponent, descendants: true, isSignal: true }, { propertyName: "entityDetailsRenderer", first: true, predicate: ["entityDetailsRenderer"], descendants: true, isSignal: true }, { propertyName: "entityTypeRenderer", first: true, predicate: ["entityTypeRenderer"], descendants: true, isSignal: true }, { propertyName: "actionsDropdownRenderer", first: true, predicate: ["actionsDropdownRenderer"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- Entity List with Shared Wrapper -->\n<cide-lyt-shared-wrapper [shared_wrapper_setup_param]=\"{ sypg_page_code: 'core_entity_list' }\">\n  <!-- Breadcrumb Actions: Org Structure Button -->\n  <div breadcrumb-actions class=\"tw-flex tw-justify-end tw-items-center tw-gap-2\">\n    <button cideEleButton variant=\"secondary\" size=\"xs\" (click)=\"onOrgStructure()\" [adaptive]=\"true\"\n      class=\"tw-whitespace-nowrap tw-flex tw-items-center tw-gap-2\">\n      <cide-ele-icon size=\"xs\" class=\"tw-w-6 tw-h-5\">account_tree</cide-ele-icon>\n      Org Structure\n    </button>\n\n    <!-- Add Entity Button -->\n    @if (canCreate()) {\n    <button cideEleButton variant=\"primary\" size=\"xs\" (click)=\"router.navigate(['control-panel', 'entity-create'])\"\n      [adaptive]=\"true\" class=\"tw-whitespace-nowrap tw-flex tw-items-center tw-gap-2\">\n      <cide-ele-icon size=\"xs\" class=\"tw-w-6 tw-h-5\">add</cide-ele-icon>\n      Add Entity\n    </button>\n    }\n\n  </div>\n\n  <div class=\"entity-list-container tw-bg-white tw-shadow-lg tw-rounded-lg tw-overflow-hidden\">\n\n    <!-- Data Grid Component - API-side pagination: one request per page/size/search -->\n    <cide-ele-data-grid [config]=\"gridConfig()\" [templateRenderers]=\"templateRenderers()\"\n      [actionHandlers]=\"actionHandlers\" [serverSidePagination]=\"true\"\n      [totalServerItems]=\"totalItems()\" [currentServerPage]=\"currentPage()\"\n      [currentServerPageSize]=\"pageSize()\" (gridEvent)=\"onGridEvent($event)\">\n    </cide-ele-data-grid>\n\n  </div>\n\n  <!-- Custom Renderer Templates -->\n\n  <!-- Entity Details Renderer Template -->\n  <!-- Context: { $implicit: unknown, row: entityResponseData, value: unknown, column: GridColumn } -->\n  <ng-template #entityDetailsRenderer let-value=\"value\" let-entity=\"row\">\n    <div class=\"tw-flex tw-items-center tw-space-x-3\">\n      <div\n        class=\"tw-flex-shrink-0 tw-w-10 tw-h-10 tw-bg-blue-100 tw-rounded-full tw-flex tw-items-center tw-justify-center\">\n        <span class=\"tw-text-blue-600 tw-font-semibold tw-text-sm\">\n          {{ (entity.syen_entity_code || 'NA').substring(0, 2).toUpperCase() }}\n        </span>\n      </div>\n      <div class=\"tw-flex-1 tw-min-w-0\">\n        <p class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-truncate\"\n          [title]=\"entity.syen_name || 'Unknown Entity'\">\n          {{ entity.syen_name || 'Unknown Entity' }}\n        </p>\n        <p class=\"tw-text-sm tw-text-gray-500 tw-truncate\" [title]=\"entity.syen_entity_code || 'N/A'\">\n          Code: {{ entity.syen_entity_code || 'N/A' }}\n        </p>\n      </div>\n    </div>\n  </ng-template>\n\n\n  <!-- Entity Type Renderer Template -->\n  <!-- Context: { $implicit: unknown, row: entityResponseData, value: unknown, column: GridColumn } -->\n  <ng-template #entityTypeRenderer let-value=\"value\" let-entity=\"row\">\n    <div class=\"tw-flex tw-flex-col tw-items-center tw-space-y-1\">\n      <span class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-truncate\" [title]=\"getEntityTypeName(entity)\">\n        {{ getEntityTypeName(entity) }}\n      </span>\n    </div>\n  </ng-template>\n\n  <!-- Actions Dropdown Renderer Template -->\n  <!-- Context: { $implicit: unknown, row: entityResponseData, value: unknown, column: GridColumn } -->\n  <ng-template #actionsDropdownRenderer let-value=\"value\" let-entity=\"row\">\n    <cide-ele-dropdown [items]=\"getDropdownItems(entity)\" [config]=\"getDropdownConfig()\"\n      (itemClick)=\"onDropdownItemClick($event, entity)\">\n    </cide-ele-dropdown>\n  </ng-template>\n</cide-lyt-shared-wrapper>", styles: ["", ":host{height:100%;display:flex;flex-direction:column}.entity-list-container{height:100%;display:flex;flex-direction:column;overflow:hidden}.tw-overflow-auto{flex:1;min-height:0}cide-ele-data-grid{flex:1;min-height:0;display:flex;flex-direction:column}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip", "active", "name"] }, { kind: "component", type: CideEleButtonComponent, selector: "button[cideEleButton], a[cideEleButton], cide-ele-button", inputs: ["label", "variant", "size", "type", "shape", "elevation", "disabled", "id", "loading", "fullWidth", "leftIcon", "rightIcon", "customClass", "tooltip", "ariaLabel", "testId", "routerLink", "routerExtras", "preventDoubleClick", "animated", "adaptive"], outputs: ["btnClick", "doubleClick"] }, { kind: "component", type: CideEleDataGridComponent, selector: "cide-ele-data-grid", inputs: ["config", "templateRenderers", "customFormatters", "actionHandlers", "serverSidePagination", "totalServerItems", "currentServerPage", "currentServerPageSize", "dragDropEnabled"], outputs: ["gridEvent"] }, { kind: "component", type: CideEleDropdownComponent, selector: "cide-ele-dropdown", inputs: ["items", "config", "triggerTemplate", "menuTemplate"], outputs: ["itemClick", "dropdownToggle"] }, { kind: "component", type: CideLytSharedWrapperComponent, selector: "cide-lyt-shared-wrapper", inputs: ["shared_wrapper_setup_param", "breadcrumb_data"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideCoreEntityListComponent, decorators: [{
             type: Component,
@@ -12260,7 +12359,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         CideEleDataGridComponent,
                         CideEleDropdownComponent,
                         CideLytSharedWrapperComponent
-                    ], template: "<!-- Entity List with Shared Wrapper -->\n<cide-lyt-shared-wrapper [shared_wrapper_setup_param]=\"{ sypg_page_code: 'core_entity_list' }\">\n  <!-- Breadcrumb Actions: Org Structure Button -->\n  <div breadcrumb-actions class=\"tw-flex tw-justify-end tw-items-center tw-gap-2\">\n    <button cideEleButton variant=\"secondary\" size=\"xs\" (click)=\"onOrgStructure()\" [adaptive]=\"true\"\n      class=\"tw-whitespace-nowrap tw-flex tw-items-center tw-gap-2\">\n      <cide-ele-icon size=\"xs\" class=\"tw-w-6 tw-h-5\">account_tree</cide-ele-icon>\n      Org Structure\n    </button>\n\n    <!-- Add Entity Button -->\n    @if (canCreate()) {\n    <button cideEleButton variant=\"primary\" size=\"xs\" (click)=\"router.navigate(['control-panel', 'entity-create'])\"\n      [adaptive]=\"true\" class=\"tw-whitespace-nowrap tw-flex tw-items-center tw-gap-2\">\n      <cide-ele-icon size=\"xs\" class=\"tw-w-6 tw-h-5\">add</cide-ele-icon>\n      Add Entity\n    </button>\n    }\n\n  </div>\n\n  <div class=\"entity-list-container tw-bg-white tw-shadow-lg tw-rounded-lg tw-overflow-hidden\">\n\n    <!-- Data Grid Component -->\n    <cide-ele-data-grid [config]=\"gridConfig()\" [templateRenderers]=\"templateRenderers()\"\n      [actionHandlers]=\"actionHandlers\" (gridEvent)=\"onGridEvent($event)\">\n    </cide-ele-data-grid>\n\n  </div>\n\n  <!-- Custom Renderer Templates -->\n\n  <!-- Entity Details Renderer Template -->\n  <!-- Context: { $implicit: unknown, row: entityResponseData, value: unknown, column: GridColumn } -->\n  <ng-template #entityDetailsRenderer let-value=\"value\" let-entity=\"row\">\n    <div class=\"tw-flex tw-items-center tw-space-x-3\">\n      <div\n        class=\"tw-flex-shrink-0 tw-w-10 tw-h-10 tw-bg-blue-100 tw-rounded-full tw-flex tw-items-center tw-justify-center\">\n        <span class=\"tw-text-blue-600 tw-font-semibold tw-text-sm\">\n          {{ (entity.syen_entity_code || 'NA').substring(0, 2).toUpperCase() }}\n        </span>\n      </div>\n      <div class=\"tw-flex-1 tw-min-w-0\">\n        <p class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-truncate\"\n          [title]=\"entity.syen_name || 'Unknown Entity'\">\n          {{ entity.syen_name || 'Unknown Entity' }}\n        </p>\n        <p class=\"tw-text-sm tw-text-gray-500 tw-truncate\" [title]=\"entity.syen_entity_code || 'N/A'\">\n          Code: {{ entity.syen_entity_code || 'N/A' }}\n        </p>\n      </div>\n    </div>\n  </ng-template>\n\n\n  <!-- Entity Type Renderer Template -->\n  <!-- Context: { $implicit: unknown, row: entityResponseData, value: unknown, column: GridColumn } -->\n  <ng-template #entityTypeRenderer let-value=\"value\" let-entity=\"row\">\n    <div class=\"tw-flex tw-flex-col tw-items-center tw-space-y-1\">\n      <span class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-truncate\" [title]=\"getEntityTypeName(entity)\">\n        {{ getEntityTypeName(entity) }}\n      </span>\n    </div>\n  </ng-template>\n\n  <!-- Actions Dropdown Renderer Template -->\n  <!-- Context: { $implicit: unknown, row: entityResponseData, value: unknown, column: GridColumn } -->\n  <ng-template #actionsDropdownRenderer let-value=\"value\" let-entity=\"row\">\n    <cide-ele-dropdown [items]=\"getDropdownItems(entity)\" [config]=\"getDropdownConfig()\"\n      (itemClick)=\"onDropdownItemClick($event, entity)\">\n    </cide-ele-dropdown>\n  </ng-template>\n</cide-lyt-shared-wrapper>", styles: [":host{height:100%;display:flex;flex-direction:column}.entity-list-container{height:100%;display:flex;flex-direction:column;overflow:hidden}.tw-overflow-auto{flex:1;min-height:0}cide-ele-data-grid{flex:1;min-height:0;display:flex;flex-direction:column}\n"] }]
+                    ], template: "<!-- Entity List with Shared Wrapper -->\n<cide-lyt-shared-wrapper [shared_wrapper_setup_param]=\"{ sypg_page_code: 'core_entity_list' }\">\n  <!-- Breadcrumb Actions: Org Structure Button -->\n  <div breadcrumb-actions class=\"tw-flex tw-justify-end tw-items-center tw-gap-2\">\n    <button cideEleButton variant=\"secondary\" size=\"xs\" (click)=\"onOrgStructure()\" [adaptive]=\"true\"\n      class=\"tw-whitespace-nowrap tw-flex tw-items-center tw-gap-2\">\n      <cide-ele-icon size=\"xs\" class=\"tw-w-6 tw-h-5\">account_tree</cide-ele-icon>\n      Org Structure\n    </button>\n\n    <!-- Add Entity Button -->\n    @if (canCreate()) {\n    <button cideEleButton variant=\"primary\" size=\"xs\" (click)=\"router.navigate(['control-panel', 'entity-create'])\"\n      [adaptive]=\"true\" class=\"tw-whitespace-nowrap tw-flex tw-items-center tw-gap-2\">\n      <cide-ele-icon size=\"xs\" class=\"tw-w-6 tw-h-5\">add</cide-ele-icon>\n      Add Entity\n    </button>\n    }\n\n  </div>\n\n  <div class=\"entity-list-container tw-bg-white tw-shadow-lg tw-rounded-lg tw-overflow-hidden\">\n\n    <!-- Data Grid Component - API-side pagination: one request per page/size/search -->\n    <cide-ele-data-grid [config]=\"gridConfig()\" [templateRenderers]=\"templateRenderers()\"\n      [actionHandlers]=\"actionHandlers\" [serverSidePagination]=\"true\"\n      [totalServerItems]=\"totalItems()\" [currentServerPage]=\"currentPage()\"\n      [currentServerPageSize]=\"pageSize()\" (gridEvent)=\"onGridEvent($event)\">\n    </cide-ele-data-grid>\n\n  </div>\n\n  <!-- Custom Renderer Templates -->\n\n  <!-- Entity Details Renderer Template -->\n  <!-- Context: { $implicit: unknown, row: entityResponseData, value: unknown, column: GridColumn } -->\n  <ng-template #entityDetailsRenderer let-value=\"value\" let-entity=\"row\">\n    <div class=\"tw-flex tw-items-center tw-space-x-3\">\n      <div\n        class=\"tw-flex-shrink-0 tw-w-10 tw-h-10 tw-bg-blue-100 tw-rounded-full tw-flex tw-items-center tw-justify-center\">\n        <span class=\"tw-text-blue-600 tw-font-semibold tw-text-sm\">\n          {{ (entity.syen_entity_code || 'NA').substring(0, 2).toUpperCase() }}\n        </span>\n      </div>\n      <div class=\"tw-flex-1 tw-min-w-0\">\n        <p class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-truncate\"\n          [title]=\"entity.syen_name || 'Unknown Entity'\">\n          {{ entity.syen_name || 'Unknown Entity' }}\n        </p>\n        <p class=\"tw-text-sm tw-text-gray-500 tw-truncate\" [title]=\"entity.syen_entity_code || 'N/A'\">\n          Code: {{ entity.syen_entity_code || 'N/A' }}\n        </p>\n      </div>\n    </div>\n  </ng-template>\n\n\n  <!-- Entity Type Renderer Template -->\n  <!-- Context: { $implicit: unknown, row: entityResponseData, value: unknown, column: GridColumn } -->\n  <ng-template #entityTypeRenderer let-value=\"value\" let-entity=\"row\">\n    <div class=\"tw-flex tw-flex-col tw-items-center tw-space-y-1\">\n      <span class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-truncate\" [title]=\"getEntityTypeName(entity)\">\n        {{ getEntityTypeName(entity) }}\n      </span>\n    </div>\n  </ng-template>\n\n  <!-- Actions Dropdown Renderer Template -->\n  <!-- Context: { $implicit: unknown, row: entityResponseData, value: unknown, column: GridColumn } -->\n  <ng-template #actionsDropdownRenderer let-value=\"value\" let-entity=\"row\">\n    <cide-ele-dropdown [items]=\"getDropdownItems(entity)\" [config]=\"getDropdownConfig()\"\n      (itemClick)=\"onDropdownItemClick($event, entity)\">\n    </cide-ele-dropdown>\n  </ng-template>\n</cide-lyt-shared-wrapper>", styles: [":host{height:100%;display:flex;flex-direction:column}.entity-list-container{height:100%;display:flex;flex-direction:column;overflow:hidden}.tw-overflow-auto{flex:1;min-height:0}cide-ele-data-grid{flex:1;min-height:0;display:flex;flex-direction:column}\n"] }]
         }], propDecorators: { gridComponent: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CideEleDataGridComponent), { isSignal: true }] }], entityDetailsRenderer: [{ type: i0.ViewChild, args: ['entityDetailsRenderer', { isSignal: true }] }], entityTypeRenderer: [{ type: i0.ViewChild, args: ['entityTypeRenderer', { isSignal: true }] }], actionsDropdownRenderer: [{ type: i0.ViewChild, args: ['actionsDropdownRenderer', { isSignal: true }] }] } });
 
 var entityList_component = /*#__PURE__*/Object.freeze({
@@ -12269,10 +12368,9 @@ var entityList_component = /*#__PURE__*/Object.freeze({
 });
 
 class CideCoreOrgStructureComponent {
-    // Input parameters for configuration
-    allowSwitching = input(true, ...(ngDevMode ? [{ debugName: "allowSwitching" }] : [])); // Allow entity switching (default: true)
-    showActions = input(true, ...(ngDevMode ? [{ debugName: "showActions" }] : [])); // Show action buttons (default: true)
-    mode = input('view', ...(ngDevMode ? [{ debugName: "mode" }] : [])); // Mode: selection or view-only
+    allowSwitching = input(true, ...(ngDevMode ? [{ debugName: "allowSwitching" }] : []));
+    showActions = input(true, ...(ngDevMode ? [{ debugName: "showActions" }] : []));
+    mode = input('view', ...(ngDevMode ? [{ debugName: "mode" }] : []));
     // Output events
     entityClick = output(); // Emit when entity is clicked
     entitySelect = output(); // Emit when entity is selected for switching
@@ -12309,22 +12407,23 @@ class CideCoreOrgStructureComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: CideCoreOrgStructureComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.15", type: CideCoreOrgStructureComponent, isStandalone: true, selector: "cide-core-org-structure", inputs: { allowSwitching: { classPropertyName: "allowSwitching", publicName: "allowSwitching", isSignal: true, isRequired: false, transformFunction: null }, showActions: { classPropertyName: "showActions", publicName: "showActions", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { entityClick: "entityClick", entitySelect: "entitySelect", entityView: "entityView" }, ngImport: i0, template: `
     <cide-lyt-shared-wrapper [shared_wrapper_setup_param]="{ sypg_page_code: 'org_structure' }">
-      
-      <!-- Back Button using standard content projection -->
-      <div breadcrumb-actions>
-        <button
-          cideEleButton
-          variant="outline"
-          size="xs"
-          (click)="onBack()"
-          class="tw-whitespace-nowrap tw-flex tw-items-center">
+      <div breadcrumb-actions class="tw-flex tw-items-center tw-gap-2">
+        <button cideEleButton variant="outline" size="xs" (click)="onBack()" class="tw-whitespace-nowrap tw-flex tw-items-center">
           <cide-ele-icon size="xs" class="tw-w-6 tw-h-5">arrow_back</cide-ele-icon>
           Back to Entities
         </button>
+        <button cideEleButton variant="outline" size="xs" (click)="orgStructureRef.expandAll()" class="tw-whitespace-nowrap tw-flex tw-items-center">
+          <cide-ele-icon size="xs" class="tw-w-6 tw-h-5">unfold_more</cide-ele-icon>
+          Expand all
+        </button>
+        <button cideEleButton variant="outline" size="xs" (click)="orgStructureRef.collapseAll()" class="tw-whitespace-nowrap tw-flex tw-items-center">
+          <cide-ele-icon size="xs" class="tw-w-6 tw-h-5">unfold_less</cide-ele-icon>
+          Collapse all
+        </button>
       </div>
 
-      <!-- Shared Org Structure Component -->
       <cide-shared-org-structure
+        #orgStructureRef
         [allowSwitching]="allowSwitching()"
         [showActions]="showActions()"
         [mode]="mode()"
@@ -12345,22 +12444,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                         CideLytSharedWrapperComponent
                     ], template: `
     <cide-lyt-shared-wrapper [shared_wrapper_setup_param]="{ sypg_page_code: 'org_structure' }">
-      
-      <!-- Back Button using standard content projection -->
-      <div breadcrumb-actions>
-        <button
-          cideEleButton
-          variant="outline"
-          size="xs"
-          (click)="onBack()"
-          class="tw-whitespace-nowrap tw-flex tw-items-center">
+      <div breadcrumb-actions class="tw-flex tw-items-center tw-gap-2">
+        <button cideEleButton variant="outline" size="xs" (click)="onBack()" class="tw-whitespace-nowrap tw-flex tw-items-center">
           <cide-ele-icon size="xs" class="tw-w-6 tw-h-5">arrow_back</cide-ele-icon>
           Back to Entities
         </button>
+        <button cideEleButton variant="outline" size="xs" (click)="orgStructureRef.expandAll()" class="tw-whitespace-nowrap tw-flex tw-items-center">
+          <cide-ele-icon size="xs" class="tw-w-6 tw-h-5">unfold_more</cide-ele-icon>
+          Expand all
+        </button>
+        <button cideEleButton variant="outline" size="xs" (click)="orgStructureRef.collapseAll()" class="tw-whitespace-nowrap tw-flex tw-items-center">
+          <cide-ele-icon size="xs" class="tw-w-6 tw-h-5">unfold_less</cide-ele-icon>
+          Collapse all
+        </button>
       </div>
 
-      <!-- Shared Org Structure Component -->
       <cide-shared-org-structure
+        #orgStructureRef
         [allowSwitching]="allowSwitching()"
         [showActions]="showActions()"
         [mode]="mode()"
@@ -13244,6 +13344,52 @@ class CideCoreUserCreateComponent {
                 console.log('🔐 Rights already initialized for page code:', currentPageCode);
             }
         });
+        // Refetch GM-backed dropdowns when general master list is invalidated elsewhere
+        effect(() => {
+            if (this.CideCoreGeneralMasterService.listInvalidated() > 0)
+                this.loadDropdownOptions();
+        });
+        // Refetch menu dropdown when menu list is invalidated elsewhere
+        effect(() => {
+            if (this.menuService.listInvalidated() > 0)
+                this.loadMenuOptions();
+        });
+        // Refetch department dropdowns when department list is invalidated elsewhere
+        effect(() => {
+            if (this.departmentService.listInvalidated() > 0) {
+                this.departmentOptions.set({});
+                const arr = this.entityMappingsFormArray;
+                for (let i = 0; i < arr.length; i++) {
+                    const mappingGroup = arr.at(i);
+                    const entityValue = mappingGroup.get('syenm_entity_id_syen')?.value;
+                    const entityId = entityValue == null ? '' : (typeof entityValue === 'string' ? entityValue : entityValue._id || '');
+                    if (entityId)
+                        this.loadDepartmentsForEntity(i, entityId);
+                }
+            }
+        });
+        // Refetch designation dropdowns when designation list is invalidated elsewhere
+        effect(() => {
+            if (this.designationService.listInvalidated() > 0) {
+                this.designationOptions.set({});
+                const arr = this.entityMappingsFormArray;
+                for (let i = 0; i < arr.length; i++) {
+                    const mappingGroup = arr.at(i);
+                    const deptValue = mappingGroup.get('syenm_department_id_sydept')?.value;
+                    const departmentId = deptValue == null ? '' : (typeof deptValue === 'string' ? deptValue : deptValue._id || '');
+                    if (!departmentId)
+                        continue;
+                    this.designationService.getDesignationList({ sydsg_department_id_sydpt: departmentId }).subscribe({
+                        next: (response) => {
+                            if (response?.success) {
+                                this.designationOptions.update(map => ({ ...map, [departmentId]: response.data || [] }));
+                            }
+                        },
+                        error: (err) => console.error('Error loading designations on invalidation:', err)
+                    });
+                }
+            }
+        });
     }
     // FormArray getter for entity mappings
     get entityMappingsFormArray() {
@@ -21505,6 +21651,13 @@ class CideCoreUserRoleFormComponent {
     generalMasterService = inject(CideCoreGeneralMasterService);
     generalMasterTypeService = inject(CideCoreGeneralMasterTypeService);
     floatingContainerService = inject(CideEleFloatingContainerService);
+    /** Refetch permissions when general master list is invalidated elsewhere. */
+    generalMasterInvalidationEffect = effect(() => {
+        const count = this.generalMasterService.listInvalidated();
+        if (count > 0 && this.userRightsTypeId()) {
+            this.loadPermissions();
+        }
+    }, ...(ngDevMode ? [{ debugName: "generalMasterInvalidationEffect" }] : []));
     router = inject(Router);
     route = inject(ActivatedRoute);
     appState = inject(AppStateHelperService);