cloud-ide-core 2.0.79 → 2.0.84

package/fesm2022/cloud-ide-core.mjs

@@ -257,6 +257,16 @@ const coreRoutes = [
         data: {
             sypg_page_code: "core_user_role_view"
         }
+    },
+    // Workflow Management Routes
+    {
+        path: 'workflow-registry',
+        loadComponent: () => import('./cloud-ide-core-workflow-registry-list.component-B453QJwg.mjs').then(c => c.CideCoreWorkflowRegistryListComponent),
+        title: 'Workflow Registry',
+        canActivate: [authGuard],
+        data: {
+            sypg_page_code: "core_workflow_registry"
+        }
     }
 ];
 
@@ -6396,7 +6406,7 @@ class CideCorePageListComponent {
         document.dispatchEvent(event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideCorePageListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: CideCorePageListComponent, isStandalone: true, selector: "cide-core-page-list", viewQueries: [{ propertyName: "pageDetailsRendererTemplate", first: true, predicate: ["pageDetailsRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "pageStatusRendererTemplate", first: true, predicate: ["pageStatusRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "actionsDropdownRendererTemplate", first: true, predicate: ["actionsDropdownRendererTemplate"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- Page List Container -->\r\n<div class=\"tw-table tw-w-full tw-h-full\">\r\n\r\n  <!-- Header Section with Filters -->\r\n  <div class=\"tw-table-row tw-h-0\">\r\n    <div class=\"tw-table-cell tw-px-6 tw-py-3 tw-border-b tw-border-gray-200 tw-bg-gray-50\">\r\n      <div class=\"tw-flex tw-flex-col sm:tw-flex-row tw-justify-between tw-items-start sm:tw-items-center tw-space-y-3 sm:tw-space-y-0\">\r\n\r\n        <!-- Title -->\r\n        <div class=\"tw-flex tw-items-center tw-space-x-2\">\r\n          <cide-ele-icon class=\"tw-text-blue-600 tw-w-5 tw-h-5\">web</cide-ele-icon>\r\n          <h5 class=\"tw-text-base tw-font-medium tw-text-gray-900 tw-m-0\">Page Management</h5>\r\n        </div>\r\n\r\n        <!-- Actions -->\r\n        <div class=\"tw-flex tw-flex-col sm:tw-flex-row tw-items-start sm:tw-items-center tw-space-y-3 sm:tw-space-y-0 sm:tw-space-x-3\">\r\n          <!-- Add Page Button -->\r\n          @if (canCreate()) {\r\n            <button\r\n              cideEleButton\r\n              variant=\"primary\"\r\n              size=\"sm\"\r\n              (click)=\"createPage()\"\r\n              leftIcon=\"add\"\r\n              class=\"tw-whitespace-nowrap tw-flex tw-items-center tw-gap-2\">\r\n              Create New Page\r\n            </button>\r\n          }\r\n        </div>\r\n      </div>\r\n\r\n      <!-- Error Message -->\r\n      @if (error()) {\r\n        <div class=\"tw-mt-4 tw-p-4 tw-bg-red-50 tw-border tw-border-red-200 tw-rounded-md\">\r\n          <div class=\"tw-flex tw-items-start\">\r\n            <cide-ele-icon class=\"tw-text-red-400 tw-w-5 tw-h-5 tw-mt-0.5 tw-flex-shrink-0\">error</cide-ele-icon>\r\n            <div class=\"tw-ml-3\">\r\n              <h3 class=\"tw-text-sm tw-font-medium tw-text-red-800 tw-m-0\">Error</h3>\r\n              <p class=\"tw-text-sm tw-text-red-700 tw-mt-1 tw-m-0\">{{ error() }}</p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Main Content Area -->\r\n  <div class=\"tw-table-row\">\r\n    <div class=\"tw-table-cell tw-h-full tw-relative\">\r\n      \r\n      <!-- Data Grid Component -->\r\n      <div class=\"tw-h-full tw-overflow-auto\">\r\n        <cide-ele-data-grid\r\n          [config]=\"gridConfig()\"\r\n          [templateRenderers]=\"getTemplateRenderers()\"\r\n          [actionHandlers]=\"actionHandlers\"\r\n          [serverSidePagination]=\"true\"\r\n          [totalServerItems]=\"totalItems()\"\r\n          [currentServerPage]=\"currentPage()\"\r\n          [currentServerPageSize]=\"pageSize()\"\r\n          (gridEvent)=\"onGridEvent($event)\">\r\n        </cide-ele-data-grid>\r\n      </div>\r\n\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n\r\n<!-- Page Details Renderer Template -->\r\n<ng-template #pageDetailsRendererTemplate let-row=\"row\" let-value=\"value\">\r\n  <div class=\"tw-flex tw-items-center tw-min-w-0\">\r\n    <!-- Page Icon -->\r\n    <div class=\"tw-flex-shrink-0\">\r\n      <cide-ele-icon class=\"tw-text-gray-400 tw-w-4 tw-h-4\">web</cide-ele-icon>\r\n    </div>\r\n    \r\n    <!-- Page Details -->\r\n    <div class=\"tw-ml-3 tw-min-w-0 tw-flex-1\">\r\n      <div class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-truncate\" \r\n           [title]=\"row.sypg_title\">\r\n        {{ row.sypg_title || 'Untitled' }}\r\n      </div>\r\n      @if (row.sypg_desc) {\r\n        <div class=\"tw-text-xs tw-text-gray-500 tw-truncate\" \r\n             [title]=\"row.sypg_desc\">\r\n          {{ row.sypg_desc }}\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- Page Status Renderer Template -->\r\n<ng-template #pageStatusRendererTemplate let-row=\"row\" let-value=\"value\">\r\n  <span class=\"tw-inline-flex tw-items-center tw-px-2.5 tw-py-0.5 tw-rounded-full tw-text-xs tw-font-medium tw-whitespace-nowrap\"\r\n        [ngClass]=\"row.sypg_isactive ? 'tw-bg-green-100 tw-text-green-800' : 'tw-bg-red-100 tw-text-red-800'\">\r\n    {{ row.sypg_isactive ? 'Active' : 'Inactive' }}\r\n  </span>\r\n</ng-template>\r\n\r\n<!-- Actions Dropdown Renderer Template -->\r\n<ng-template #actionsDropdownRendererTemplate let-row=\"row\" let-value=\"value\">\r\n  <cide-ele-dropdown\r\n    [items]=\"getActionDropdownItems(row)\"\r\n    [config]=\"{ triggerIcon: 'more_vert', triggerSize: 'sm' }\"\r\n    (itemClick)=\"onDropdownItemClick($event, row)\">\r\n  </cide-ele-dropdown>\r\n</ng-template> ", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CideEleDataGridComponent, selector: "cide-ele-data-grid", inputs: ["config", "templateRenderers", "customFormatters", "actionHandlers", "serverSidePagination", "totalServerItems", "currentServerPage", "currentServerPageSize", "dragDropEnabled"], outputs: ["gridEvent"] }, { 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"], outputs: ["btnClick", "doubleClick"] }, { kind: "component", type: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip"] }, { kind: "component", type: CideEleDropdownComponent, selector: "cide-ele-dropdown", inputs: ["items", "config", "triggerTemplate", "menuTemplate"], outputs: ["itemClick", "dropdownToggle"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: CideCorePageListComponent, isStandalone: true, selector: "cide-core-page-list", viewQueries: [{ propertyName: "pageDetailsRendererTemplate", first: true, predicate: ["pageDetailsRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "pageStatusRendererTemplate", first: true, predicate: ["pageStatusRendererTemplate"], descendants: true, isSignal: true }, { propertyName: "actionsDropdownRendererTemplate", first: true, predicate: ["actionsDropdownRendererTemplate"], descendants: true, isSignal: true }], ngImport: i0, template: "<!-- Page List Container -->\n<div class=\"tw-table tw-w-full tw-h-full\">\n\n  <!-- Header Section with Filters -->\n  <div class=\"tw-table-row tw-h-0\">\n    <div class=\"tw-table-cell tw-px-6 tw-py-3 tw-border-b tw-border-gray-200 tw-bg-gray-50\">\n      <div class=\"tw-flex tw-flex-col sm:tw-flex-row tw-justify-between tw-items-start sm:tw-items-center tw-space-y-3 sm:tw-space-y-0\">\n\n        <!-- Title -->\n        <div class=\"tw-flex tw-items-center tw-space-x-2\">\n          <cide-ele-icon class=\"tw-text-blue-600 tw-w-5 tw-h-5\">web</cide-ele-icon>\n          <h5 class=\"tw-text-base tw-font-medium tw-text-gray-900 tw-m-0\">Page Management</h5>\n        </div>\n\n        <!-- Actions -->\n        <div class=\"tw-flex tw-flex-col sm:tw-flex-row tw-items-start sm:tw-items-center tw-space-y-3 sm:tw-space-y-0 sm:tw-space-x-3\">\n          <!-- Add Page Button -->\n          @if (canCreate()) {\n            <button\n              cideEleButton\n              variant=\"primary\"\n              size=\"sm\"\n              (click)=\"createPage()\"\n              leftIcon=\"add\"\n              class=\"tw-whitespace-nowrap tw-flex tw-items-center tw-gap-2\">\n              Create New Page\n            </button>\n          }\n        </div>\n      </div>\n\n      <!-- Error Message -->\n      @if (error()) {\n        <div class=\"tw-mt-4 tw-p-4 tw-bg-red-50 tw-border tw-border-red-200 tw-rounded-md\">\n          <div class=\"tw-flex tw-items-start\">\n            <cide-ele-icon class=\"tw-text-red-400 tw-w-5 tw-h-5 tw-mt-0.5 tw-flex-shrink-0\">error</cide-ele-icon>\n            <div class=\"tw-ml-3\">\n              <h3 class=\"tw-text-sm tw-font-medium tw-text-red-800 tw-m-0\">Error</h3>\n              <p class=\"tw-text-sm tw-text-red-700 tw-mt-1 tw-m-0\">{{ error() }}</p>\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n\n  <!-- Main Content Area -->\n  <div class=\"tw-table-row\">\n    <div class=\"tw-table-cell tw-h-full tw-relative\">\n      \n      <!-- Data Grid Component -->\n      <div class=\"tw-h-full tw-overflow-auto\">\n        <cide-ele-data-grid\n          [config]=\"gridConfig()\"\n          [templateRenderers]=\"getTemplateRenderers()\"\n          [actionHandlers]=\"actionHandlers\"\n          [serverSidePagination]=\"true\"\n          [totalServerItems]=\"totalItems()\"\n          [currentServerPage]=\"currentPage()\"\n          [currentServerPageSize]=\"pageSize()\"\n          (gridEvent)=\"onGridEvent($event)\">\n        </cide-ele-data-grid>\n      </div>\n\n    </div>\n  </div>\n\n</div>\n\n<!-- Page Details Renderer Template -->\n<ng-template #pageDetailsRendererTemplate let-row=\"row\" let-value=\"value\">\n  <div class=\"tw-flex tw-items-center tw-min-w-0\">\n    <!-- Page Icon -->\n    <div class=\"tw-flex-shrink-0\">\n      <cide-ele-icon class=\"tw-text-gray-400 tw-w-4 tw-h-4\">web</cide-ele-icon>\n    </div>\n    \n    <!-- Page Details -->\n    <div class=\"tw-ml-3 tw-min-w-0 tw-flex-1\">\n      <div class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-truncate\" \n           [title]=\"row.sypg_title\">\n        {{ row.sypg_title || 'Untitled' }}\n      </div>\n      @if (row.sypg_desc) {\n        <div class=\"tw-text-xs tw-text-gray-500 tw-truncate\" \n             [title]=\"row.sypg_desc\">\n          {{ row.sypg_desc }}\n        </div>\n      }\n    </div>\n  </div>\n</ng-template>\n\n<!-- Page Status Renderer Template -->\n<ng-template #pageStatusRendererTemplate let-row=\"row\" let-value=\"value\">\n  <span class=\"tw-inline-flex tw-items-center tw-px-2.5 tw-py-0.5 tw-rounded-full tw-text-xs tw-font-medium tw-whitespace-nowrap\"\n        [ngClass]=\"row.sypg_isactive ? 'tw-bg-green-100 tw-text-green-800' : 'tw-bg-red-100 tw-text-red-800'\">\n    {{ row.sypg_isactive ? 'Active' : 'Inactive' }}\n  </span>\n</ng-template>\n\n<!-- Actions Dropdown Renderer Template -->\n<ng-template #actionsDropdownRendererTemplate let-row=\"row\" let-value=\"value\">\n  <cide-ele-dropdown\n    [items]=\"getActionDropdownItems(row)\"\n    [config]=\"{ triggerIcon: 'more_vert', triggerSize: 'sm' }\"\n    (itemClick)=\"onDropdownItemClick($event, row)\">\n  </cide-ele-dropdown>\n</ng-template> ", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CideEleDataGridComponent, selector: "cide-ele-data-grid", inputs: ["config", "templateRenderers", "customFormatters", "actionHandlers", "serverSidePagination", "totalServerItems", "currentServerPage", "currentServerPageSize", "dragDropEnabled"], outputs: ["gridEvent"] }, { 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"], outputs: ["btnClick", "doubleClick"] }, { kind: "component", type: CideIconComponent, selector: "cide-ele-icon", inputs: ["size", "type", "toolTip"] }, { kind: "component", type: CideEleDropdownComponent, selector: "cide-ele-dropdown", inputs: ["items", "config", "triggerTemplate", "menuTemplate"], outputs: ["itemClick", "dropdownToggle"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: CideCorePageListComponent, decorators: [{
             type: Component,
@@ -6406,7 +6416,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImpor
                         CideEleButtonComponent,
                         CideIconComponent,
                         CideEleDropdownComponent
-                    ], template: "<!-- Page List Container -->\r\n<div class=\"tw-table tw-w-full tw-h-full\">\r\n\r\n  <!-- Header Section with Filters -->\r\n  <div class=\"tw-table-row tw-h-0\">\r\n    <div class=\"tw-table-cell tw-px-6 tw-py-3 tw-border-b tw-border-gray-200 tw-bg-gray-50\">\r\n      <div class=\"tw-flex tw-flex-col sm:tw-flex-row tw-justify-between tw-items-start sm:tw-items-center tw-space-y-3 sm:tw-space-y-0\">\r\n\r\n        <!-- Title -->\r\n        <div class=\"tw-flex tw-items-center tw-space-x-2\">\r\n          <cide-ele-icon class=\"tw-text-blue-600 tw-w-5 tw-h-5\">web</cide-ele-icon>\r\n          <h5 class=\"tw-text-base tw-font-medium tw-text-gray-900 tw-m-0\">Page Management</h5>\r\n        </div>\r\n\r\n        <!-- Actions -->\r\n        <div class=\"tw-flex tw-flex-col sm:tw-flex-row tw-items-start sm:tw-items-center tw-space-y-3 sm:tw-space-y-0 sm:tw-space-x-3\">\r\n          <!-- Add Page Button -->\r\n          @if (canCreate()) {\r\n            <button\r\n              cideEleButton\r\n              variant=\"primary\"\r\n              size=\"sm\"\r\n              (click)=\"createPage()\"\r\n              leftIcon=\"add\"\r\n              class=\"tw-whitespace-nowrap tw-flex tw-items-center tw-gap-2\">\r\n              Create New Page\r\n            </button>\r\n          }\r\n        </div>\r\n      </div>\r\n\r\n      <!-- Error Message -->\r\n      @if (error()) {\r\n        <div class=\"tw-mt-4 tw-p-4 tw-bg-red-50 tw-border tw-border-red-200 tw-rounded-md\">\r\n          <div class=\"tw-flex tw-items-start\">\r\n            <cide-ele-icon class=\"tw-text-red-400 tw-w-5 tw-h-5 tw-mt-0.5 tw-flex-shrink-0\">error</cide-ele-icon>\r\n            <div class=\"tw-ml-3\">\r\n              <h3 class=\"tw-text-sm tw-font-medium tw-text-red-800 tw-m-0\">Error</h3>\r\n              <p class=\"tw-text-sm tw-text-red-700 tw-mt-1 tw-m-0\">{{ error() }}</p>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n\r\n  <!-- Main Content Area -->\r\n  <div class=\"tw-table-row\">\r\n    <div class=\"tw-table-cell tw-h-full tw-relative\">\r\n      \r\n      <!-- Data Grid Component -->\r\n      <div class=\"tw-h-full tw-overflow-auto\">\r\n        <cide-ele-data-grid\r\n          [config]=\"gridConfig()\"\r\n          [templateRenderers]=\"getTemplateRenderers()\"\r\n          [actionHandlers]=\"actionHandlers\"\r\n          [serverSidePagination]=\"true\"\r\n          [totalServerItems]=\"totalItems()\"\r\n          [currentServerPage]=\"currentPage()\"\r\n          [currentServerPageSize]=\"pageSize()\"\r\n          (gridEvent)=\"onGridEvent($event)\">\r\n        </cide-ele-data-grid>\r\n      </div>\r\n\r\n    </div>\r\n  </div>\r\n\r\n</div>\r\n\r\n<!-- Page Details Renderer Template -->\r\n<ng-template #pageDetailsRendererTemplate let-row=\"row\" let-value=\"value\">\r\n  <div class=\"tw-flex tw-items-center tw-min-w-0\">\r\n    <!-- Page Icon -->\r\n    <div class=\"tw-flex-shrink-0\">\r\n      <cide-ele-icon class=\"tw-text-gray-400 tw-w-4 tw-h-4\">web</cide-ele-icon>\r\n    </div>\r\n    \r\n    <!-- Page Details -->\r\n    <div class=\"tw-ml-3 tw-min-w-0 tw-flex-1\">\r\n      <div class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-truncate\" \r\n           [title]=\"row.sypg_title\">\r\n        {{ row.sypg_title || 'Untitled' }}\r\n      </div>\r\n      @if (row.sypg_desc) {\r\n        <div class=\"tw-text-xs tw-text-gray-500 tw-truncate\" \r\n             [title]=\"row.sypg_desc\">\r\n          {{ row.sypg_desc }}\r\n        </div>\r\n      }\r\n    </div>\r\n  </div>\r\n</ng-template>\r\n\r\n<!-- Page Status Renderer Template -->\r\n<ng-template #pageStatusRendererTemplate let-row=\"row\" let-value=\"value\">\r\n  <span class=\"tw-inline-flex tw-items-center tw-px-2.5 tw-py-0.5 tw-rounded-full tw-text-xs tw-font-medium tw-whitespace-nowrap\"\r\n        [ngClass]=\"row.sypg_isactive ? 'tw-bg-green-100 tw-text-green-800' : 'tw-bg-red-100 tw-text-red-800'\">\r\n    {{ row.sypg_isactive ? 'Active' : 'Inactive' }}\r\n  </span>\r\n</ng-template>\r\n\r\n<!-- Actions Dropdown Renderer Template -->\r\n<ng-template #actionsDropdownRendererTemplate let-row=\"row\" let-value=\"value\">\r\n  <cide-ele-dropdown\r\n    [items]=\"getActionDropdownItems(row)\"\r\n    [config]=\"{ triggerIcon: 'more_vert', triggerSize: 'sm' }\"\r\n    (itemClick)=\"onDropdownItemClick($event, row)\">\r\n  </cide-ele-dropdown>\r\n</ng-template> " }]
+                    ], template: "<!-- Page List Container -->\n<div class=\"tw-table tw-w-full tw-h-full\">\n\n  <!-- Header Section with Filters -->\n  <div class=\"tw-table-row tw-h-0\">\n    <div class=\"tw-table-cell tw-px-6 tw-py-3 tw-border-b tw-border-gray-200 tw-bg-gray-50\">\n      <div class=\"tw-flex tw-flex-col sm:tw-flex-row tw-justify-between tw-items-start sm:tw-items-center tw-space-y-3 sm:tw-space-y-0\">\n\n        <!-- Title -->\n        <div class=\"tw-flex tw-items-center tw-space-x-2\">\n          <cide-ele-icon class=\"tw-text-blue-600 tw-w-5 tw-h-5\">web</cide-ele-icon>\n          <h5 class=\"tw-text-base tw-font-medium tw-text-gray-900 tw-m-0\">Page Management</h5>\n        </div>\n\n        <!-- Actions -->\n        <div class=\"tw-flex tw-flex-col sm:tw-flex-row tw-items-start sm:tw-items-center tw-space-y-3 sm:tw-space-y-0 sm:tw-space-x-3\">\n          <!-- Add Page Button -->\n          @if (canCreate()) {\n            <button\n              cideEleButton\n              variant=\"primary\"\n              size=\"sm\"\n              (click)=\"createPage()\"\n              leftIcon=\"add\"\n              class=\"tw-whitespace-nowrap tw-flex tw-items-center tw-gap-2\">\n              Create New Page\n            </button>\n          }\n        </div>\n      </div>\n\n      <!-- Error Message -->\n      @if (error()) {\n        <div class=\"tw-mt-4 tw-p-4 tw-bg-red-50 tw-border tw-border-red-200 tw-rounded-md\">\n          <div class=\"tw-flex tw-items-start\">\n            <cide-ele-icon class=\"tw-text-red-400 tw-w-5 tw-h-5 tw-mt-0.5 tw-flex-shrink-0\">error</cide-ele-icon>\n            <div class=\"tw-ml-3\">\n              <h3 class=\"tw-text-sm tw-font-medium tw-text-red-800 tw-m-0\">Error</h3>\n              <p class=\"tw-text-sm tw-text-red-700 tw-mt-1 tw-m-0\">{{ error() }}</p>\n            </div>\n          </div>\n        </div>\n      }\n    </div>\n  </div>\n\n  <!-- Main Content Area -->\n  <div class=\"tw-table-row\">\n    <div class=\"tw-table-cell tw-h-full tw-relative\">\n      \n      <!-- Data Grid Component -->\n      <div class=\"tw-h-full tw-overflow-auto\">\n        <cide-ele-data-grid\n          [config]=\"gridConfig()\"\n          [templateRenderers]=\"getTemplateRenderers()\"\n          [actionHandlers]=\"actionHandlers\"\n          [serverSidePagination]=\"true\"\n          [totalServerItems]=\"totalItems()\"\n          [currentServerPage]=\"currentPage()\"\n          [currentServerPageSize]=\"pageSize()\"\n          (gridEvent)=\"onGridEvent($event)\">\n        </cide-ele-data-grid>\n      </div>\n\n    </div>\n  </div>\n\n</div>\n\n<!-- Page Details Renderer Template -->\n<ng-template #pageDetailsRendererTemplate let-row=\"row\" let-value=\"value\">\n  <div class=\"tw-flex tw-items-center tw-min-w-0\">\n    <!-- Page Icon -->\n    <div class=\"tw-flex-shrink-0\">\n      <cide-ele-icon class=\"tw-text-gray-400 tw-w-4 tw-h-4\">web</cide-ele-icon>\n    </div>\n    \n    <!-- Page Details -->\n    <div class=\"tw-ml-3 tw-min-w-0 tw-flex-1\">\n      <div class=\"tw-text-sm tw-font-medium tw-text-gray-900 tw-truncate\" \n           [title]=\"row.sypg_title\">\n        {{ row.sypg_title || 'Untitled' }}\n      </div>\n      @if (row.sypg_desc) {\n        <div class=\"tw-text-xs tw-text-gray-500 tw-truncate\" \n             [title]=\"row.sypg_desc\">\n          {{ row.sypg_desc }}\n        </div>\n      }\n    </div>\n  </div>\n</ng-template>\n\n<!-- Page Status Renderer Template -->\n<ng-template #pageStatusRendererTemplate let-row=\"row\" let-value=\"value\">\n  <span class=\"tw-inline-flex tw-items-center tw-px-2.5 tw-py-0.5 tw-rounded-full tw-text-xs tw-font-medium tw-whitespace-nowrap\"\n        [ngClass]=\"row.sypg_isactive ? 'tw-bg-green-100 tw-text-green-800' : 'tw-bg-red-100 tw-text-red-800'\">\n    {{ row.sypg_isactive ? 'Active' : 'Inactive' }}\n  </span>\n</ng-template>\n\n<!-- Actions Dropdown Renderer Template -->\n<ng-template #actionsDropdownRendererTemplate let-row=\"row\" let-value=\"value\">\n  <cide-ele-dropdown\n    [items]=\"getActionDropdownItems(row)\"\n    [config]=\"{ triggerIcon: 'more_vert', triggerSize: 'sm' }\"\n    (itemClick)=\"onDropdownItemClick($event, row)\">\n  </cide-ele-dropdown>\n</ng-template> " }]
         }], ctorParameters: () => [] });
 
 var pageList_component = /*#__PURE__*/Object.freeze({
@@ -12154,22 +12164,35 @@ class CideCoreUserCreateComponent {
     }
     /**
      * Process exceptions for each entity mapping based on modified vs actual permissions
-     * This method should be called during save to create core_user_role_exceptions
+     * This method should be called during save to create/update/delete core_user_role_exceptions
+     *
+     * Logic:
+     * - If modified !== actual: create/update exception
+     * - If modified === actual BUT exception exists in DB: delete exception
+     * - If modified === actual AND no exception exists: do nothing
+     * - Also process all existing exceptions from DB to ensure nothing is missed
      */
     processRoleExceptions() {
         const exceptions = [];
+        const processedExceptionKeys = new Set(); // Track processed exceptions to avoid duplicates
         console.log('🎭 Processing role exceptions for all entity mappings...');
         // Iterate through all entity mappings
         this.entityMappings().forEach((mapping, mappingIndex) => {
             const menuRights = this.menuRightsMap()[mappingIndex.toString()] || [];
+            const mappingWithExceptions = mapping;
+            const existingExceptions = mappingWithExceptions.exceptions || [];
             menuRights.forEach((menu) => {
                 if (menu._permissionValues) {
                     Object.keys(menu._permissionValues).forEach(permissionId => {
                         const permissionData = menu?._permissionValues?.[permissionId] || {};
+                        // Find existing exception for this menu/permission combination
+                        const existingException = this.findExistingException(this.userId() || '', mapping._id || '', permissionId, menu._id || '');
+                        // Create a unique key for this exception
+                        const exceptionKey = `${mapping._id || ''}_${menu._id || ''}_${permissionId}`;
+                        processedExceptionKeys.add(exceptionKey);
                         // Check if permission was modified (different from actual role permission)
                         if (permissionData.modified !== permissionData.actual) {
-                            // Check if exception already exists from GET by ID response
-                            const existingException = this.findExistingException(this.userId() || '', mapping._id || '', permissionId, menu._id || '');
+                            // Create or update exception
                             const exception = {
                                 _id: existingException?._id || '', // Use existing _id if found, otherwise empty for new exception
                                 syusrex_user_id_user: this.userId() || '',
@@ -12181,15 +12204,68 @@ class CideCoreUserCreateComponent {
                                 syusrex_status: permissionData.modified // Status reflects the checkbox state (true = checked, false = unchecked)
                             };
                             exceptions.push(exception);
-                            console.log(`🎭 Exception created for mapping ${mappingIndex}, menu ${menu.syme_title}, permission ${permissionData.permission.sygms_title}:`, {
+                            console.log(`🎭 Exception created/updated for mapping ${mappingIndex}, menu ${menu.syme_title}, permission ${permissionData.permission?.sygms_title}:`, {
                                 actual: permissionData.actual,
                                 modified: permissionData.modified,
                                 exception: exception
                             });
                         }
+                        else if (existingException && existingException._id) {
+                            // Modified === actual, but exception exists in DB - mark for deletion
+                            const exceptionToDelete = {
+                                _id: existingException._id,
+                                syusrex_user_id_user: this.userId() || '',
+                                syusrex_user_entity_mapping_id_syenm: mapping._id || '',
+                                syusrex_role_id_syusrol: mapping.syenm_role_id_syusrol?._id || '',
+                                syusrex_role_permissions_id_sygms: permissionId,
+                                syusrex_menu_id_syme: menu._id || '',
+                                syusrex_isactive: true,
+                                syusrex_status: false, // Not used for deletion, but required by type
+                                isDelete: true
+                            };
+                            exceptions.push(exceptionToDelete);
+                            console.log(`🗑️ Exception marked for deletion (modified === actual) for mapping ${mappingIndex}, menu ${menu.syme_title}, permission ${permissionData.permission?.sygms_title}:`, {
+                                actual: permissionData.actual,
+                                modified: permissionData.modified,
+                                exceptionId: existingException._id
+                            });
+                        }
                     });
                 }
             });
+            // Also check all existing exceptions from DB that might not be in current menu rights
+            // This ensures we don't miss any exceptions that should be deleted
+            existingExceptions.forEach((existingException) => {
+                if (existingException._id) {
+                    const exceptionKey = `${existingException.syusrex_user_entity_mapping_id_syenm || ''}_${existingException.syusrex_menu_id_syme || ''}_${existingException.syusrex_role_permissions_id_sygms || ''}`;
+                    // If this exception wasn't processed above, check if it should be deleted
+                    if (!processedExceptionKeys.has(exceptionKey)) {
+                        // Find the corresponding menu and permission to check if it matches role
+                        const menuRights = this.menuRightsMap()[mappingIndex.toString()] || [];
+                        const menu = menuRights.find((m) => m._id === existingException.syusrex_menu_id_syme);
+                        if (menu && menu._permissionValues) {
+                            const permissionId = existingException.syusrex_role_permissions_id_sygms?.toString() || '';
+                            const permissionData = menu._permissionValues[permissionId];
+                            if (permissionData && permissionData.modified === permissionData.actual) {
+                                // Permission matches role, but exception exists - mark for deletion
+                                const exceptionToDelete = {
+                                    _id: existingException._id,
+                                    syusrex_user_id_user: this.userId() || '',
+                                    syusrex_user_entity_mapping_id_syenm: mapping._id || '',
+                                    syusrex_role_id_syusrol: mapping.syenm_role_id_syusrol?._id || '',
+                                    syusrex_role_permissions_id_sygms: permissionId,
+                                    syusrex_menu_id_syme: menu._id || '',
+                                    syusrex_isactive: true,
+                                    syusrex_status: false,
+                                    isDelete: true
+                                };
+                                exceptions.push(exceptionToDelete);
+                                console.log(`🗑️ Exception marked for deletion (orphaned/not in menu rights): ${existingException._id}`);
+                            }
+                        }
+                    }
+                }
+            });
         });
         console.log(`🎭 Total exceptions to process: ${exceptions.length}`, exceptions);
         return exceptions;
@@ -15111,9 +15187,81 @@ class CideCoreUserCreateComponent {
                 },
                 error: (error) => {
                     console.error('❌ Error saving user master:', error);
-                    this.notificationService.error('Failed to save user. Please try again.', {
-                        title: 'Save Failed',
-                        duration: 5000
+                    // Extract error message from API response
+                    let errorMessage = 'Failed to save user. Please try again.';
+                    let errorTitle = 'Save Failed';
+                    let duplicateField = null;
+                    // Check if error has a response with message (handle both error.error and direct error)
+                    const apiError = error?.error || error;
+                    if (apiError?.message) {
+                        errorMessage = apiError.message;
+                        errorTitle = 'Validation Error';
+                        // Check if it's a duplicate key error
+                        if (apiError?.data?.errorCode === 'DUPLICATE_KEY_ERROR' ||
+                            apiError?.code === 409 ||
+                            error?.status === 409 ||
+                            errorMessage.toLowerCase().includes('already') ||
+                            errorMessage.toLowerCase().includes('duplicate') ||
+                            errorMessage.toLowerCase().includes('registered') ||
+                            errorMessage.toLowerCase().includes('taken')) {
+                            errorTitle = 'Duplicate Entry';
+                            // Get duplicate field from error data
+                            duplicateField = apiError?.data?.duplicateField || null;
+                            // Set form field error for the duplicate field
+                            if (duplicateField) {
+                                const fieldName = duplicateField.toLowerCase().replace(/\s+/g, '_');
+                                if (fieldName === 'email_id' || fieldName === 'emailid') {
+                                    const emailControl = this.userMasterForm.get('user_emailid');
+                                    if (emailControl) {
+                                        emailControl.setErrors({
+                                            duplicate: true,
+                                            message: errorMessage
+                                        });
+                                        emailControl.markAsTouched();
+                                    }
+                                }
+                                else if (fieldName === 'username') {
+                                    const usernameControl = this.userMasterForm.get('user_username');
+                                    if (usernameControl) {
+                                        usernameControl.setErrors({
+                                            duplicate: true,
+                                            message: errorMessage
+                                        });
+                                        usernameControl.markAsTouched();
+                                    }
+                                }
+                                else if (fieldName === 'mobile_number' || fieldName === 'mobileno') {
+                                    const mobileControl = this.userMasterForm.get('user_mobileno');
+                                    if (mobileControl) {
+                                        mobileControl.setErrors({
+                                            duplicate: true,
+                                            message: errorMessage
+                                        });
+                                        mobileControl.markAsTouched();
+                                    }
+                                }
+                            }
+                        }
+                    }
+                    else if (error?.message) {
+                        errorMessage = error.message;
+                    }
+                    else if (error?.status === 409) {
+                        errorMessage = 'A user with this information already exists. Please check and modify the duplicate field.';
+                        errorTitle = 'Duplicate Entry';
+                    }
+                    else if (error?.status === 400) {
+                        errorMessage = 'Invalid data provided. Please check your input.';
+                        errorTitle = 'Validation Error';
+                    }
+                    else if (error?.status === 500) {
+                        errorMessage = 'Server error occurred. Please try again later.';
+                        errorTitle = 'Server Error';
+                    }
+                    // Show error notification with the extracted message
+                    this.notificationService.error(errorMessage, {
+                        title: errorTitle,
+                        duration: 7000 // Longer duration for important errors
                     });
                     this.loading.set(false);
                 }