@flusys/ng-iam 3.0.0 → 4.0.0-lts

package/fesm2022/{flusys-ng-iam-flusys-ng-iam-CJAQT60K.mjs → flusys-ng-iam-flusys-ng-iam-Co4ot9My.mjs}

@@ -1,8 +1,8 @@
 import { HttpClient } from '@angular/common/http';
 import * as i0 from '@angular/core';
-import { inject, Injectable, signal, input, output, effect, ChangeDetectionStrategy, Component, DestroyRef, computed } from '@angular/core';
-import { ApiResourceService, PermissionValidatorService, AngularModule, PrimeModule, ROLE_ACTION_PERMISSIONS, HasPermissionDirective, COMPANY_ACTION_PERMISSIONS, COMPANY_API_PROVIDER, USER_ROLE_PERMISSIONS, USER_PERMISSION_PROVIDER, UserSelectComponent, USER_ACTION_PERMISSIONS, PROFILE_PERMISSION_PROVIDER, permissionGuard, ACTION_PERMISSIONS, ROLE_PERMISSIONS, anyPermissionGuard } from '@flusys/ng-shared';
-import { APP_CONFIG, getServiceUrl, BaseApiService, isCompanyFeatureEnabled } from '@flusys/ng-core';
+import { inject, Injectable, signal, input, output, effect, Component, DestroyRef, computed } from '@angular/core';
+import { ApiResourceService, PermissionValidatorService, AngularModule, PrimeModule, TranslatePipe, ROLE_ACTION_PERMISSIONS, HasPermissionDirective, COMPANY_ACTION_PERMISSIONS, COMPANY_API_PROVIDER, USER_ROLE_PERMISSIONS, USER_PERMISSION_PROVIDER, UserSelectComponent, USER_ACTION_PERMISSIONS, PROFILE_PERMISSION_PROVIDER, permissionGuard, ACTION_PERMISSIONS, ROLE_PERMISSIONS, anyPermissionGuard, resolveTranslationModule, SHARED_MESSAGES } from '@flusys/ng-shared';
+import { APP_CONFIG, getServiceUrl, TRANSLATE_ADAPTER, BaseApiService, isCompanyFeatureEnabled } from '@flusys/ng-core';
 import { ConfirmationService, MessageService } from 'primeng/api';
 import { of, firstValueFrom, map as map$1 } from 'rxjs';
 import { tap, catchError, map } from 'rxjs/operators';
@@ -32,6 +32,322 @@ var ActionType;
 /** Maximum items for dropdown lists (companies, roles, users, branches) */
 const MAX_DROPDOWN_ITEMS = 100;
 
+const IAM_MESSAGES = {
+    // Container page
+    'iam.title': 'Identity & Access Management',
+    'iam.subtitle': 'Manage roles, permissions, and access control',
+    // Tabs
+    'iam.tabs.roles': 'Roles',
+    'iam.tabs.actions': 'Actions',
+    'iam.tabs.permissions': 'Permissions',
+    // Administration
+    'iam.administration.title': 'Administration',
+    'iam.administration.subtitle': 'Manage users, companies, and branches',
+    // Users
+    'iam.user.title': 'Users',
+    'iam.user.add': 'Add User',
+    'iam.user.new': 'New User',
+    'iam.user.create': 'Create User',
+    'iam.user.edit': 'Edit User',
+    'iam.user.name': 'Name',
+    'iam.user.email': 'Email',
+    'iam.user.phone': 'Phone',
+    'iam.user.password': 'Password',
+    'iam.user.password.optional': 'Password (leave blank to keep current)',
+    'iam.user.password.placeholder': 'Enter password',
+    'iam.user.name.placeholder': 'Enter full name',
+    'iam.user.email.placeholder': 'Enter email address',
+    'iam.user.phone.placeholder': 'Enter phone number',
+    'iam.user.email.verified': 'Email Verified',
+    'iam.user.no.users': 'No users found',
+    'iam.user.details': 'User Details',
+    'iam.user.auto.assign.to': 'Auto-assign to',
+    'iam.user.assign.role': 'Assign Role',
+    'iam.user.remove.role': 'Remove Role',
+    'iam.user.activate': 'Activate User',
+    'iam.user.deactivate': 'Deactivate User',
+    'iam.user.reset.password': 'Reset Password',
+    'iam.user.assign.branch': 'Assign Branch',
+    'iam.user.delete.title': 'Delete User',
+    'iam.user.delete.success': 'User deleted successfully',
+    // Roles
+    'iam.role.title': 'Roles',
+    'iam.role.new': 'New Role',
+    'iam.role.create': 'Create Role',
+    'iam.role.edit': 'Edit Role',
+    'iam.role.name': 'Role Name',
+    'iam.role.name.placeholder': 'Enter role name',
+    'iam.role.description': 'Role Description',
+    'iam.role.description.placeholder': 'Enter role description',
+    'iam.role.permissions': 'Permissions',
+    'iam.role.assigned.users': 'Assigned Users',
+    'iam.role.no.roles': 'No roles found',
+    'iam.role.no.roles.assigned': 'No roles assigned',
+    'iam.role.delete.title': 'Delete Role',
+    'iam.role.delete.success': 'Role deleted successfully',
+    'iam.role.create.success': 'Role created successfully',
+    'iam.role.update.success': 'Role updated successfully',
+    'role.create.success': 'Role created successfully',
+    'role.update.success': 'Role updated successfully',
+    'role.delete.success': 'Role deleted successfully',
+    'role.get.success': 'Role retrieved successfully',
+    'role.get.all.success': 'Roles retrieved successfully',
+    // Actions
+    'iam.action.title': 'Actions',
+    'iam.action.new': 'New Action',
+    'iam.action.create': 'Create Action',
+    'iam.action.edit': 'Edit Action',
+    'iam.action.name': 'Action Name',
+    'iam.action.name.placeholder': 'Enter action name',
+    'iam.action.code': 'Action Code',
+    'iam.action.code.placeholder': 'Enter action code',
+    'iam.action.type': 'Type',
+    'iam.action.no.actions': 'No actions found',
+    'iam.action.no.actions.assigned': 'No actions assigned',
+    'iam.action.direct.actions': 'Direct Actions',
+    'iam.action.type.backend': 'Backend',
+    'iam.action.type.frontend': 'Frontend',
+    'iam.action.type.both': 'Both',
+    'iam.action.type.backend.label': 'Backend Only',
+    'iam.action.type.frontend.label': 'Frontend Only',
+    'iam.action.type.both.label': 'Backend & Frontend',
+    'iam.action.delete.title': 'Delete Action',
+    'iam.action.delete.success': 'Action deleted successfully',
+    'iam.action.create.success': 'Action created successfully',
+    'iam.action.update.success': 'Action updated successfully',
+    'iam.action.parent': 'Parent Action',
+    'iam.action.select.parent': 'Select Parent Action',
+    // Permissions
+    'iam.permission.title': 'Permissions',
+    'iam.permission.create': 'Create Permission',
+    'iam.permission.edit': 'Edit Permission',
+    'iam.permission.name': 'Permission Name',
+    'iam.permission.code': 'Permission Code',
+    'iam.permission.module': 'Module',
+    'iam.permission.action': 'Action',
+    'iam.permission.description': 'Description',
+    'iam.permission.role.actions': 'Role Actions',
+    'iam.permission.user.roles': 'User Roles',
+    'iam.permission.user.actions': 'User Actions',
+    'iam.permission.company.actions': 'Company Actions',
+    'iam.permission.company.permissions': 'Company Permissions',
+    'iam.permission.branch.permissions': 'Branch Permissions',
+    'iam.permission.my.permissions': 'My Permissions',
+    'iam.permission.select.company': 'Select Company',
+    'iam.permission.select.company.placeholder': 'Search and select a company',
+    'iam.permission.select.role': 'Select Role',
+    'iam.permission.select.role.placeholder': 'Search and select a role',
+    'iam.permission.select.user': 'Select User',
+    'iam.permission.select.user.placeholder': 'Search and select a user',
+    'iam.permission.select.branch': 'Select Branch',
+    'iam.permission.select.branch.placeholder': 'Search and select a branch',
+    'iam.permission.action.whitelist': 'Action Whitelist',
+    'iam.permission.action.permissions': 'Action Permissions',
+    'iam.permission.direct.action.permissions': 'Direct Action Permissions',
+    'iam.permission.role.assignments': 'Role Assignments',
+    'iam.permission.actions.available': '{{count}} actions available',
+    'iam.permission.roles.available': '{{count}} roles available',
+    'iam.permission.no.actions.available': 'No actions available',
+    'iam.permission.no.roles.available': 'No roles available',
+    'iam.permission.no.actions.for.company': 'No actions available for this company',
+    'iam.permission.no.actions.for.role': 'No actions available for this role',
+    'iam.permission.no.actions.for.user': 'No actions available for this user',
+    'iam.permission.no.roles.for.user': 'No roles available for this user',
+    'iam.permission.company.required': 'Please select a company first',
+    'iam.permission.has.prerequisites': 'Has prerequisites',
+    'iam.permission.requirements': 'Requirements',
+    'iam.permission.company.actions.updated': 'Company actions updated successfully',
+    'iam.permission.role.permissions.updated': 'Role permissions updated successfully',
+    'iam.permission.user.actions.updated': 'User actions updated successfully',
+    'iam.permission.user.roles.updated': 'User roles updated successfully',
+    'iam.permission.requires': 'requires',
+    'iam.permission.prerequisite.validation.failed': 'Prerequisite Validation Failed',
+    'iam.permission.prerequisite.error.message': 'The following actions have unmet prerequisites:',
+    'iam.permission.auto.select.prompt': 'Would you like to auto-select the required actions?',
+    'iam.permission.auto.select.required': 'Auto-select Required',
+    'iam.permission.actions.selected': 'Actions Selected',
+    'iam.permission.auto.selected.prerequisites': 'Required prerequisites have been auto-selected. Click Save to apply changes.',
+    'iam.permission.changes.reverted': 'Changes Reverted',
+    'iam.permission.selection.reverted': 'Selection has been reverted to the initial state.',
+    'permission.create.success': 'Permission created successfully',
+    'permission.update.success': 'Permission updated successfully',
+    'permission.delete.success': 'Permission deleted successfully',
+    'permission.get.success': 'Permission retrieved successfully',
+    'permission.get.all.success': 'Permissions retrieved successfully',
+    'permission.process.success': 'Successfully processed {{total}} items: {{added}} added, {{removed}} removed',
+    'permission.user.required': 'User is required for {{method}}',
+    'permission.already.exists': 'Permission already exists',
+    // Access control
+    'iam.access.denied': 'Access Denied',
+    'iam.no.permission': 'You do not have permission to perform this action.',
+    'iam.contact.admin': 'Please contact your administrator for access.',
+    'iam.insufficient.permissions': 'Insufficient permissions',
+    // Company
+    'iam.company.title': 'Companies',
+    'iam.company.add': 'Add Company',
+    'iam.company.new': 'New Company',
+    'iam.company.create': 'Create Company',
+    'iam.company.edit': 'Edit Company',
+    'iam.company.select': 'Select Company',
+    'iam.company.name': 'Company Name',
+    'iam.company.name.placeholder': 'Enter company name',
+    'iam.company.slug': 'Company Slug',
+    'iam.company.slug.placeholder': 'Enter company slug',
+    'iam.company.code': 'Company Code',
+    'iam.company.code.placeholder': 'Enter company code',
+    'iam.company.details': 'Company Details',
+    'iam.company.address': 'Address',
+    'iam.company.address.placeholder': 'Enter company address',
+    'iam.company.phone': 'Phone',
+    'iam.company.phone.placeholder': 'Enter phone number',
+    'iam.company.email': 'Email',
+    'iam.company.email.placeholder': 'Enter email address',
+    'iam.company.website': 'Website',
+    'iam.company.website.placeholder': 'Enter website URL',
+    'iam.company.no.companies': 'No companies found',
+    'iam.company.delete.title': 'Delete Company',
+    'iam.company.delete.success': 'Company deleted successfully',
+    'iam.company.slug.required': 'Company slug is required',
+    // Branch
+    'iam.branch.title': 'Branches',
+    'iam.branch.add': 'Add Branch',
+    'iam.branch.new': 'New Branch',
+    'iam.branch.create': 'Create Branch',
+    'iam.branch.edit': 'Edit Branch',
+    'iam.branch.name': 'Branch Name',
+    'iam.branch.name.placeholder': 'Enter branch name',
+    'iam.branch.slug': 'Branch Slug',
+    'iam.branch.slug.placeholder': 'Enter branch slug',
+    'iam.branch.code': 'Branch Code',
+    'iam.branch.code.placeholder': 'Enter branch code',
+    'iam.branch.company': 'Company',
+    'iam.branch.no.branches': 'No branches found',
+    'iam.branch.select.company.first': 'Please select a company first',
+    'iam.branch.view.branches': 'View Branches',
+    'iam.branch.delete.title': 'Delete Branch',
+    'iam.branch.delete.success': 'Branch deleted successfully',
+    'iam.branch.slug.required': 'Branch slug is required',
+    // Action CRUD messages (API keys)
+    'action.create.success': 'Action created successfully',
+    'action.create.many.success': '{{count}} actions created successfully',
+    'action.get.success': 'Action retrieved successfully',
+    'action.get.all.success': 'Actions retrieved successfully',
+    'action.update.success': 'Action updated successfully',
+    'action.update.many.success': '{{count}} actions updated successfully',
+    'action.delete.success': 'Action deleted successfully',
+    'action.restore.success': 'Action restored successfully',
+    'action.not.found': 'Action not found',
+    // Role CRUD messages (API keys)
+    'role.create.many.success': '{{count}} roles created successfully',
+    'role.update.many.success': '{{count}} roles updated successfully',
+    'role.restore.success': 'Role restored successfully',
+    'role.not.found': 'Role not found',
+    // Role permission messages (API keys)
+    'role.permission.get.success': 'Role permissions retrieved successfully',
+    'role.permission.assign.success': 'Role permissions assigned successfully',
+    'role.permission.actions.success': 'Role actions retrieved successfully',
+    'role.permission.users.success': 'Role users retrieved successfully',
+    'role.permission.user.roles.success': 'User roles retrieved successfully',
+    // User action permission messages (API keys)
+    'user.action.permission.get.success': 'User action permissions retrieved successfully',
+    'user.action.permission.assign.success': 'User action permissions assigned successfully',
+    'user.action.permission.revoke.success': 'User action permissions revoked successfully',
+    // Company action permission messages (API keys)
+    'company.action.permission.get.success': 'Company action permissions retrieved successfully',
+    'company.action.permission.assign.success': 'Company action permissions assigned successfully',
+    'company.action.permission.revoke.success': 'Company action permissions revoked successfully',
+    // My permission messages (API keys)
+    'my.permission.get.success': 'Permissions loaded successfully',
+    // IAM mode messages (API keys)
+    'iam.direct.mode.unavailable': 'Direct permission assignment not available in RBAC-only mode',
+    'iam.rbac.mode.unavailable': 'Role-based permission assignment not available in direct-only mode',
+    'iam.role.assignment.unavailable': 'Role assignment not available in direct-only mode',
+    // Validation warnings
+    'iam.validation.warning.title': 'Validation Warning',
+    'iam.validation.unmet.prerequisites.singular': '{{count}} selected action has unmet prerequisites. Fix before saving or use auto-fix on save.',
+    'iam.validation.unmet.prerequisites.plural': '{{count}} selected actions have unmet prerequisites. Fix before saving or use auto-fix on save.',
+    'iam.validation.unmet.prerequisites.tooltip': 'This action has unmet prerequisites and will fail validation on save',
+    // Branch selector
+    'iam.branch.permitted.count': '{{count}} permitted branch in current company',
+    'iam.branch.permitted.count.plural': '{{count}} permitted branches in current company',
+    // Tooltips
+    'iam.tooltip.remove.action': 'Click to remove',
+    'iam.tooltip.add.action': 'Click to add (auto-selects required)',
+    'iam.tooltip.selected': 'Selected',
+    'iam.tooltip.click.to.remove': 'Click to remove from company whitelist',
+    'iam.tooltip.click.to.add': 'Click to add to company whitelist',
+    'iam.tooltip.assigned.to.role': 'Assigned to role',
+    'iam.tooltip.click.to.remove.role': 'Click to remove',
+    'iam.tooltip.click.to.assign.role': 'Click to assign to role',
+    'iam.tooltip.assigned.to.user': 'Assigned to user',
+    'iam.tooltip.click.to.remove.user': 'Click to remove direct permission',
+    'iam.tooltip.click.to.assign.user': 'Click to assign direct permission',
+    'iam.tooltip.click.to.remove.role.from.user': 'Click to remove role',
+    'iam.tooltip.click.to.assign.role.to.user': 'Click to assign role to user',
+    // Logic builder
+    'iam.logic.title': 'Permission Logic',
+    'iam.logic.add.logic': 'Add Logic',
+    'iam.logic.clear.logic': 'Clear Logic',
+    'iam.logic.description': 'Define permission requirements using AND/OR logic with actions',
+    'iam.logic.conditions': '{{count}} conditions',
+    'iam.logic.select.action': 'Select Action...',
+    'iam.logic.actions.available': '{{count}} available',
+    'iam.logic.remove': 'Remove',
+    'iam.logic.add.condition': 'Add Condition:',
+    'iam.logic.group': 'Group',
+    'iam.logic.action': 'Action',
+    // Permission logic dialogs
+    'iam.logic.validation.failed': 'Validation Failed',
+    'iam.logic.validation.failed.message': 'The following actions have unmet prerequisites:',
+    'iam.logic.validation.failed.prompt': 'Would you like to:',
+    'iam.logic.auto.fix': 'Auto-fix (Remove Invalid)',
+    'iam.logic.invalid.actions.removed': 'Invalid Actions Removed',
+    'iam.logic.removed.actions.detail': 'Removed {{count}} action(s) with unmet prerequisites. You can now save.',
+    'iam.logic.save.cancelled': 'Save Cancelled',
+    'iam.logic.fix.prerequisites.manually': 'Please fix the prerequisites manually before saving',
+    'iam.logic.missing.prerequisites': 'Missing Prerequisites',
+    'iam.logic.requires.conditions': 'requires the following conditions to be satisfied:',
+    'iam.logic.auto.select.prompt': 'Auto-select will choose {{count}} action(s){{suffix}}.',
+    'iam.logic.minimum.required': ' (minimum required)',
+    'iam.logic.would.you.continue': 'Would you like to continue?',
+    'iam.logic.select.action.label': 'Select Action',
+    'iam.logic.auto.select.actions': 'Auto-select Actions',
+    'iam.logic.actions.selected.summary': 'Actions Selected',
+    'iam.logic.action.selected.detail': 'Action selected successfully (prerequisites already satisfied)',
+    'iam.logic.auto.selected.detail': 'Automatically selected {{count}} action(s) including prerequisites',
+    'iam.logic.selection.cancelled': 'Selection Cancelled',
+    'iam.logic.action.not.added': 'Action not added to whitelist',
+    'iam.logic.dependency.warning': 'Dependency Warning',
+    'iam.logic.required.by.actions': 'is required by the following action(s):',
+    'iam.logic.alternatives.available': 'Alternative options available:',
+    'iam.logic.switch.to.alternatives': 'Would you like to automatically switch to alternatives?',
+    'iam.logic.remove.dependents': 'Removing this will also remove the dependent action(s).',
+    'iam.logic.use.alternatives': 'Use Alternatives',
+    'iam.logic.remove.all': 'Remove All',
+    'iam.logic.alternatives.applied': 'Alternatives Applied',
+    'iam.logic.switched.to.alternatives': 'Switched to alternative actions to maintain dependencies',
+    'iam.logic.actions.removed': 'Actions Removed',
+    'iam.logic.removed.with.dependents': 'Removed {{name}} and {{count}} dependent action(s)',
+    'iam.logic.cancelled': 'Cancelled',
+    'iam.logic.no.changes.made': 'No changes made',
+    'iam.logic.prerequisites.satisfied': '[OK] Prerequisites Satisfied',
+    'iam.logic.all.required.selected': 'All required actions are already selected.\nYou can safely add this action.',
+    'iam.logic.prerequisites.required': 'Prerequisites Required ({{count}} missing)',
+    'iam.logic.click.to.auto.select': 'Click to auto-select required actions',
+    'iam.logic.satisfied': '(satisfied)',
+    'iam.logic.missing': '(missing)',
+    'iam.logic.unknown.action': 'Unknown Action',
+    'iam.logic.invalid.node': 'Invalid logic node',
+    'iam.logic.invalid': '(invalid)',
+    'iam.logic.click.to.toggle': 'Click to toggle',
+    // Pagination templates
+    'iam.pagination.roles.template': 'Showing {first} to {last} of {totalRecords} roles',
+    'iam.pagination.actions.template': 'Showing {first} to {last} of {totalRecords} actions',
+    'iam.pagination.users.template': 'Showing {first} to {last} of {totalRecords} users',
+    'iam.pagination.companies.template': 'Showing {first} to {last} of {totalRecords} companies',
+    'iam.pagination.branches.template': 'Showing {first} to {last} of {totalRecords} branches',
+};
+
 class RoleApiService extends ApiResourceService {
     constructor() {
         super('roles', inject(HttpClient), 'iam');
@@ -136,6 +452,10 @@ function evaluateLogicNodeWithMissing(node, selectedActionIds) {
 class ActionPermissionLogicService {
     confirmationService = inject(ConfirmationService);
     messageService = inject(MessageService);
+    translateAdapter = inject(TRANSLATE_ADAPTER, { optional: true });
+    t(key, variables) {
+        return this.translateAdapter?.translate(key, variables) ?? key;
+    }
     /** Handle checking an action with prerequisite validation (recursive deep scan) */
     handleCheck(action, currentSelection, allActions, onUpdate, onCancel) {
         // Validate prerequisites with RECURSIVE DEEP SCAN
@@ -196,19 +516,19 @@ class ActionPermissionLogicService {
             const selectedActionIds = this.getSelectedIds(currentSelection);
             selectedActionIds.delete(action.id);
             const validationResult = validateActionPrerequisites(action, selectedActionIds, allActions);
-            const sanitizedActionName = this.sanitizeHtml(action.name ?? 'Unknown');
+            const sanitizedActionName = this.sanitizeHtml(action.name ?? this.t('iam.logic.unknown.action'));
             const missingNames = validationResult.missingActions
-                .map((a) => this.sanitizeHtml(a.name ?? 'Unknown'))
+                .map((a) => this.sanitizeHtml(a.name ?? this.t('iam.logic.unknown.action')))
                 .join(', ');
             return `<li><strong>${sanitizedActionName}</strong> requires: ${missingNames}</li>`;
         })
             .join('');
         this.confirmationService.confirm({
-            header: 'Validation Failed',
-            message: `The following actions have unmet prerequisites:<br/><br/><ul class="pl-4">${errorList}</ul><br/>Would you like to:`,
+            header: this.t('iam.logic.validation.failed'),
+            message: `${this.t('iam.logic.validation.failed.message')}<br/><br/><ul class="pl-4">${errorList}</ul><br/>${this.t('iam.logic.validation.failed.prompt')}`,
             icon: 'pi pi-exclamation-triangle',
-            acceptLabel: 'Auto-fix (Remove Invalid)',
-            rejectLabel: 'Cancel',
+            acceptLabel: this.t('iam.logic.auto.fix'),
+            rejectLabel: this.t('shared.cancel'),
             acceptIcon: 'pi pi-trash',
             rejectIcon: 'pi pi-times',
             acceptButtonStyleClass: 'p-button-warning',
@@ -223,15 +543,15 @@ class ActionPermissionLogicService {
                 onUpdate(selMap);
                 this.messageService.add({
                     severity: 'warning',
-                    summary: 'Invalid Actions Removed',
-                    detail: `Removed ${invalidActions.length} action${invalidActions.length > 1 ? 's' : ''} with unmet prerequisites. You can now save.`,
+                    summary: this.t('iam.logic.invalid.actions.removed'),
+                    detail: this.t('iam.logic.removed.actions.detail', { count: invalidActions.length }),
                 });
             },
             reject: () => {
                 this.messageService.add({
                     severity: 'info',
-                    summary: 'Save Cancelled',
-                    detail: 'Please fix the prerequisites manually before saving',
+                    summary: this.t('iam.logic.save.cancelled'),
+                    detail: this.t('iam.logic.fix.prerequisites.manually'),
                 });
             },
         });
@@ -244,13 +564,13 @@ class ActionPermissionLogicService {
         const selectedActionIds = this.getSelectedIds(currentSelection);
         const validationResult = validateActionPrerequisites(action, selectedActionIds, allActions);
         if (validationResult.valid) {
-            return '[OK] Prerequisites Satisfied\n\nAll required actions are already selected.\nYou can safely add this action.';
+            return `${this.t('iam.logic.prerequisites.satisfied')}\n\n${this.t('iam.logic.all.required.selected')}`;
         }
         const allMissingActions = this.getAllMissingPrerequisitesRecursive(action, currentSelection, allActions);
         const logicTree = this.buildTooltipLogicTree(action.permissionLogic, currentSelection, allActions, 0);
         const missingCount = allMissingActions.length;
-        const header = `⚠ Prerequisites Required (${missingCount} missing)`;
-        const hint = '\n\n💡 Click to auto-select required actions';
+        const header = `⚠ ${this.t('iam.logic.prerequisites.required', { count: missingCount })}`;
+        const hint = `\n\n💡 ${this.t('iam.logic.click.to.auto.select')}`;
         return `${header}\n\n${logicTree}${hint}`;
     }
     /** Build dynamic logic tree message with AND/OR operators and nesting */
@@ -314,17 +634,19 @@ class ActionPermissionLogicService {
             ? this.calculateSmartSelection(action.permissionLogic, missingActions, currentSelection, allActions)
             : missingActions;
         const selectionCount = actionsToSelect.length;
-        const sanitizedActionName = this.sanitizeHtml(action.name ?? 'Unknown Action');
-        const acceptLabel = selectionCount === 0 ? 'Select Action' : 'Auto-select Actions';
+        const sanitizedActionName = this.sanitizeHtml(action.name ?? this.t('iam.logic.unknown.action'));
+        const acceptLabel = selectionCount === 0 ? this.t('iam.logic.select.action.label') : this.t('iam.logic.auto.select.actions');
         const detailMessage = selectionCount === 0
-            ? 'Action selected successfully (prerequisites already satisfied)'
-            : `Automatically selected ${selectionCount} action${selectionCount !== 1 ? 's' : ''} including prerequisites`;
+            ? this.t('iam.logic.action.selected.detail')
+            : this.t('iam.logic.auto.selected.detail', { count: selectionCount });
+        const suffix = selectionCount < missingActions.length ? this.t('iam.logic.minimum.required') : '';
+        const autoSelectPrompt = this.t('iam.logic.auto.select.prompt', { count: selectionCount, suffix });
         this.confirmationService.confirm({
-            header: 'Missing Prerequisites',
-            message: `<strong>${sanitizedActionName}</strong> requires the following conditions to be satisfied:<br/><br/>${logicMessage}<br/><br/><strong>Auto-select will choose ${selectionCount} action${selectionCount !== 1 ? 's' : ''}${selectionCount < missingActions.length ? ' (minimum required)' : ''}.</strong><br/>Would you like to continue?`,
+            header: this.t('iam.logic.missing.prerequisites'),
+            message: `<strong>${sanitizedActionName}</strong> ${this.t('iam.logic.requires.conditions')}<br/><br/>${logicMessage}<br/><br/><strong>${autoSelectPrompt}</strong><br/>${this.t('iam.logic.would.you.continue')}`,
             icon: 'pi pi-exclamation-triangle',
             acceptLabel,
-            rejectLabel: 'Cancel',
+            rejectLabel: this.t('shared.cancel'),
             acceptIcon: 'pi pi-check',
             rejectIcon: 'pi pi-times',
             closeOnEscape: false,
@@ -338,7 +660,7 @@ class ActionPermissionLogicService {
                 onUpdate(selMap);
                 this.messageService.add({
                     severity: 'info',
-                    summary: 'Actions Selected',
+                    summary: this.t('iam.logic.actions.selected.summary'),
                     detail: detailMessage,
                 });
             },
@@ -346,8 +668,8 @@ class ActionPermissionLogicService {
                 onCancel(previousState);
                 this.messageService.add({
                     severity: 'info',
-                    summary: 'Selection Cancelled',
-                    detail: 'Action not added to whitelist',
+                    summary: this.t('iam.logic.selection.cancelled'),
+                    detail: this.t('iam.logic.action.not.added'),
                 });
             },
         });
@@ -356,29 +678,27 @@ class ActionPermissionLogicService {
         if (!action.id)
             return;
         const alternatives = this.findAlternatives(action.id, affectedActions, currentSelection);
-        const sanitizedActionName = this.sanitizeHtml(action.name ?? 'Unknown Action');
-        let message = `<strong>${sanitizedActionName}</strong> is required by the following action${affectedActions.length > 1 ? 's' : ''}:<br/><br/><ul class="pl-4">`;
+        const sanitizedActionName = this.sanitizeHtml(action.name ?? this.t('iam.logic.unknown.action'));
+        let message = `<strong>${sanitizedActionName}</strong> ${this.t('iam.logic.required.by.actions')}<br/><br/><ul class="pl-4">`;
         affectedActions.forEach((a) => {
-            const sanitizedName = this.sanitizeHtml(a.name ?? 'Unknown');
+            const sanitizedName = this.sanitizeHtml(a.name ?? this.t('iam.logic.unknown.action'));
             message += `<li>${sanitizedName}</li>`;
         });
         message += '</ul><br/>';
         if (alternatives.length > 0) {
-            message += '<strong>Alternative options available:</strong><br/><br/>';
-            message +=
-                '<em>Would you like to automatically switch to alternatives?</em>';
+            message += `<strong>${this.t('iam.logic.alternatives.available')}</strong><br/><br/>`;
+            message += `<em>${this.t('iam.logic.switch.to.alternatives')}</em>`;
         }
         else {
-            message +=
-                '<em>Removing this will also remove the dependent action(s).</em><br/><br/>';
-            message += 'Would you like to continue?';
+            message += `<em>${this.t('iam.logic.remove.dependents')}</em><br/><br/>`;
+            message += this.t('iam.logic.would.you.continue');
         }
         this.confirmationService.confirm({
-            header: 'Dependency Warning',
+            header: this.t('iam.logic.dependency.warning'),
             message,
             icon: 'pi pi-exclamation-triangle',
-            acceptLabel: alternatives.length > 0 ? 'Use Alternatives' : 'Remove All',
-            rejectLabel: 'Cancel',
+            acceptLabel: alternatives.length > 0 ? this.t('iam.logic.use.alternatives') : this.t('iam.logic.remove.all'),
+            rejectLabel: this.t('shared.cancel'),
             acceptIcon: 'pi pi-check',
             rejectIcon: 'pi pi-times',
             closeOnEscape: false,
@@ -393,8 +713,8 @@ class ActionPermissionLogicService {
                     selMap[action.id] = false;
                     this.messageService.add({
                         severity: 'success',
-                        summary: 'Alternatives Applied',
-                        detail: 'Switched to alternative actions to maintain dependencies',
+                        summary: this.t('iam.logic.alternatives.applied'),
+                        detail: this.t('iam.logic.switched.to.alternatives'),
                     });
                 }
                 else {
@@ -405,8 +725,8 @@ class ActionPermissionLogicService {
                     });
                     this.messageService.add({
                         severity: 'warn',
-                        summary: 'Actions Removed',
-                        detail: `Removed ${action.name} and ${affectedActions.length} dependent action${affectedActions.length > 1 ? 's' : ''}`,
+                        summary: this.t('iam.logic.actions.removed'),
+                        detail: this.t('iam.logic.removed.with.dependents', { name: action.name ?? '', count: affectedActions.length }),
                     });
                 }
                 onUpdate(selMap);
@@ -414,8 +734,8 @@ class ActionPermissionLogicService {
             reject: () => {
                 this.messageService.add({
                     severity: 'info',
-                    summary: 'Cancelled',
-                    detail: 'No changes made',
+                    summary: this.t('iam.logic.cancelled'),
+                    detail: this.t('iam.logic.no.changes.made'),
                 });
             },
         });
@@ -517,19 +837,19 @@ class ActionPermissionLogicService {
         return new Set();
     }
     buildSimpleMessage(missingActions) {
-        return `<ul class="pl-4">${missingActions.map((a) => `<li>${this.sanitizeHtml(a.name ?? 'Unknown')}</li>`).join('')}</ul>`;
+        return `<ul class="pl-4">${missingActions.map((a) => `<li>${this.sanitizeHtml(a.name ?? this.t('iam.logic.unknown.action'))}</li>`).join('')}</ul>`;
     }
     formatLogicNode(node, selectedIds, actionMap, depth) {
         const indent = '&nbsp;&nbsp;&nbsp;&nbsp;'.repeat(depth);
         if (node.type === 'action' && node.actionId) {
             const action = actionMap.get(node.actionId);
-            const actionName = this.sanitizeHtml(action?.name || 'Unknown Action');
+            const actionName = this.sanitizeHtml(action?.name || this.t('iam.logic.unknown.action'));
             const isSelected = selectedIds.has(node.actionId);
             if (isSelected) {
-                return `${indent}<span style="color: #10b981; font-weight: 500;">✓ ${actionName}</span> <em style="color: #059669;">(satisfied)</em>`;
+                return `${indent}<span style="color: #10b981; font-weight: 500;">✓ ${actionName}</span> <em style="color: #059669;">${this.t('iam.logic.satisfied')}</em>`;
             }
             else {
-                return `${indent}<span style="color: #ef4444;">✗ ${actionName}</span> <em style="color: #dc2626;">(missing)</em>`;
+                return `${indent}<span style="color: #ef4444;">✗ ${actionName}</span> <em style="color: #dc2626;">${this.t('iam.logic.missing')}</em>`;
             }
         }
         if (node.type === 'group' && node.children) {
@@ -546,7 +866,7 @@ class ActionPermissionLogicService {
             });
             return lines.join('<br/>');
         }
-        return `${indent}<em style="color: #9ca3af;">Invalid logic node</em>`;
+        return `${indent}<em style="color: #9ca3af;">${this.t('iam.logic.invalid.node')}</em>`;
     }
     /** Build clean text-based logic tree for tooltips */
     buildTooltipLogicTree(node, currentSelection, allActions, depth) {
@@ -555,7 +875,7 @@ class ActionPermissionLogicService {
         const actionMap = new Map(allActions.map((a) => [a.id, a]));
         if (node.type === 'action' && node.actionId) {
             const action = actionMap.get(node.actionId);
-            const actionName = action?.name || 'Unknown';
+            const actionName = action?.name || this.t('iam.logic.unknown.action');
             const isSelected = selectedIds.has(node.actionId);
             if (isSelected) {
                 return `${indent}✓ ${actionName}`;
@@ -579,7 +899,7 @@ class ActionPermissionLogicService {
             });
             return lines.join('\n');
         }
-        return `${indent}(invalid)`;
+        return `${indent}${this.t('iam.logic.invalid')}`;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ActionPermissionLogicService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: ActionPermissionLogicService, providedIn: 'root' });
@@ -801,16 +1121,16 @@ class LogicBuilderComponent {
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.5", type: LogicBuilderComponent, isStandalone: true, selector: "lib-logic-builder", inputs: { logic: { classPropertyName: "logic", publicName: "logic", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { logicChange: "logicChange" }, ngImport: i0, template: `
     <div class="logic-builder">
       <div class="flex justify-between items-center mb-3">
-        <h4 class="text-sm font-semibold m-0">Permission Logic</h4>
+        <h4 class="text-sm font-semibold m-0">{{ 'iam.logic.title' | translate }}</h4>
         @if (!builderLogic()) {
           <p-button
-            label="Add Logic"
+            [label]="'iam.logic.add.logic' | translate"
             icon="pi pi-plus"
             size="small"
             (onClick)="initializeLogic()" />
         } @else {
           <p-button
-            label="Clear Logic"
+            [label]="'iam.logic.clear.logic' | translate"
             icon="pi pi-trash"
             size="small"
             severity="danger"
@@ -822,7 +1142,7 @@ class LogicBuilderComponent {
       @if (builderLogic()) {
         <div class="border border-surface rounded p-3 bg-surface-50">
           <div class="mb-3 text-sm text-muted-color">
-            Define permission requirements using AND/OR logic with actions
+            {{ 'iam.logic.description' | translate }}
           </div>
 
           <!-- Root Node -->
@@ -846,10 +1166,10 @@ class LogicBuilderComponent {
                 class="operator-badge"
                 [ngClass]="node.operator === 'AND' ? 'and' : 'or'"
                 (click)="toggleOperator(node.id)"
-                title="Click to toggle">
+                [title]="'iam.logic.click.to.toggle' | translate">
                 {{ node.operator }}
               </span>
-              <span class="text-muted-color text-xs">({{ node.children?.length || 0 }} conditions)</span>
+              <span class="text-muted-color text-xs">({{ 'iam.logic.conditions' | translate: { count: node.children?.length || 0 } }})</span>
             }
 
             @if (node.type === 'action') {
@@ -858,7 +1178,7 @@ class LogicBuilderComponent {
                 class="action-select flex-1 p-2 border border-surface rounded text-sm"
                 [ngModel]="node.actionId"
                 (ngModelChange)="updateActionId(node.id, $event)">
-                <option [value]="null">Select Action... ({{ actions().length }} available)</option>
+                <option [value]="null">{{ 'iam.logic.select.action' | translate }} ({{ 'iam.logic.actions.available' | translate: { count: actions().length } }})</option>
                 @for (action of actions(); track action.id) {
                   <option [ngValue]="action.id">{{ action.name }}</option>
                 }
@@ -873,7 +1193,7 @@ class LogicBuilderComponent {
               severity="danger"
               size="small"
               (onClick)="removeNode(node.id)"
-              [pTooltip]="'Remove'" />
+              [pTooltip]="'iam.logic.remove' | translate" />
           </div>
         </div>
 
@@ -889,16 +1209,16 @@ class LogicBuilderComponent {
         <!-- Add child buttons for group nodes -->
         @if (node.type === 'group') {
           <div class="mt-3 p-3 bg-surface-50 rounded border border-dashed border-surface">
-            <div class="text-xs font-semibold text-muted-color mb-2">Add Condition:</div>
+            <div class="text-xs font-semibold text-muted-color mb-2">{{ 'iam.logic.add.condition' | translate }}</div>
             <div class="flex gap-2 flex-wrap">
               <p-button
-                label="Group"
+                [label]="'iam.logic.group' | translate"
                 icon="pi pi-sitemap"
                 size="small"
                 [outlined]="true"
                 (onClick)="addChildNode(node.id, 'group')" />
               <p-button
-                label="Action"
+                [label]="'iam.logic.action' | translate"
                 icon="pi pi-bolt"
                 size="small"
                 severity="success"
@@ -909,23 +1229,23 @@ class LogicBuilderComponent {
         }
       </div>
     </ng-template>
-  `, isInline: true, styles: [":host{display:block}.node-type{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:.25rem;font-weight:600;font-size:.75rem;text-transform:uppercase}.node-type.group{background-color:var(--p-blue-100, #dbeafe);color:var(--p-blue-700, #1e40af)}.node-type.action{background-color:var(--p-green-100, #d1fae5);color:var(--p-green-700, #065f46)}:host-context(.p-dark) .node-type.group{background-color:#3b82f633;color:var(--p-blue-400, #60a5fa)}:host-context(.p-dark) .node-type.action{background-color:#22c55e33;color:var(--p-green-400, #4ade80)}.operator-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;font-weight:600;font-size:.75rem;cursor:pointer;transition:opacity .2s}.operator-badge.and{background-color:var(--p-yellow-100, #fef3c7);color:var(--p-yellow-700, #92400e)}.operator-badge.or{background-color:var(--p-indigo-100, #e0e7ff);color:var(--p-indigo-700, #3730a3)}:host-context(.p-dark) .operator-badge.and{background-color:#eab30833;color:var(--p-yellow-400, #facc15)}:host-context(.p-dark) .operator-badge.or{background-color:#6366f133;color:var(--p-indigo-400, #818cf8)}.operator-badge:hover{opacity:.8}.action-select{background-color:var(--p-surface-0, #ffffff);color:var(--p-text-color, #1f2937)}:host-context(.p-dark) .action-select{background-color:var(--p-surface-900, #1f2937);color:var(--p-text-color, #f9fafb)}.action-select:focus{outline:none;border-color:var(--p-primary-color, #3b82f6)}\n"], dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block}.node-type{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:.25rem;font-weight:600;font-size:.75rem;text-transform:uppercase}.node-type.group{background-color:var(--p-blue-100, #dbeafe);color:var(--p-blue-700, #1e40af)}.node-type.action{background-color:var(--p-green-100, #d1fae5);color:var(--p-green-700, #065f46)}:host-context(.p-dark) .node-type.group{background-color:#3b82f633;color:var(--p-blue-400, #60a5fa)}:host-context(.p-dark) .node-type.action{background-color:#22c55e33;color:var(--p-green-400, #4ade80)}.operator-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:9999px;font-weight:600;font-size:.75rem;cursor:pointer;transition:opacity .2s}.operator-badge.and{background-color:var(--p-yellow-100, #fef3c7);color:var(--p-yellow-700, #92400e)}.operator-badge.or{background-color:var(--p-indigo-100, #e0e7ff);color:var(--p-indigo-700, #3730a3)}:host-context(.p-dark) .operator-badge.and{background-color:#eab30833;color:var(--p-yellow-400, #facc15)}:host-context(.p-dark) .operator-badge.or{background-color:#6366f133;color:var(--p-indigo-400, #818cf8)}.operator-badge:hover{opacity:.8}.action-select{background-color:var(--p-surface-0, #ffffff);color:var(--p-text-color, #1f2937)}:host-context(.p-dark) .action-select{background-color:var(--p-surface-900, #1f2937);color:var(--p-text-color, #f9fafb)}.action-select:focus{outline:none;border-color:var(--p-primary-color, #3b82f6)}\n"], dependencies: [{ kind: "ngmodule", type: AngularModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: LogicBuilderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-logic-builder', imports: [AngularModule, PrimeModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+            args: [{ selector: 'lib-logic-builder', imports: [AngularModule, PrimeModule, TranslatePipe], template: `
     <div class="logic-builder">
       <div class="flex justify-between items-center mb-3">
-        <h4 class="text-sm font-semibold m-0">Permission Logic</h4>
+        <h4 class="text-sm font-semibold m-0">{{ 'iam.logic.title' | translate }}</h4>
         @if (!builderLogic()) {
           <p-button
-            label="Add Logic"
+            [label]="'iam.logic.add.logic' | translate"
             icon="pi pi-plus"
             size="small"
             (onClick)="initializeLogic()" />
         } @else {
           <p-button
-            label="Clear Logic"
+            [label]="'iam.logic.clear.logic' | translate"
             icon="pi pi-trash"
             size="small"
             severity="danger"
@@ -937,7 +1257,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
       @if (builderLogic()) {
         <div class="border border-surface rounded p-3 bg-surface-50">
           <div class="mb-3 text-sm text-muted-color">
-            Define permission requirements using AND/OR logic with actions
+            {{ 'iam.logic.description' | translate }}
           </div>
 
           <!-- Root Node -->
@@ -961,10 +1281,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                 class="operator-badge"
                 [ngClass]="node.operator === 'AND' ? 'and' : 'or'"
                 (click)="toggleOperator(node.id)"
-                title="Click to toggle">
+                [title]="'iam.logic.click.to.toggle' | translate">
                 {{ node.operator }}
               </span>
-              <span class="text-muted-color text-xs">({{ node.children?.length || 0 }} conditions)</span>
+              <span class="text-muted-color text-xs">({{ 'iam.logic.conditions' | translate: { count: node.children?.length || 0 } }})</span>
             }
 
             @if (node.type === 'action') {
@@ -973,7 +1293,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                 class="action-select flex-1 p-2 border border-surface rounded text-sm"
                 [ngModel]="node.actionId"
                 (ngModelChange)="updateActionId(node.id, $event)">
-                <option [value]="null">Select Action... ({{ actions().length }} available)</option>
+                <option [value]="null">{{ 'iam.logic.select.action' | translate }} ({{ 'iam.logic.actions.available' | translate: { count: actions().length } }})</option>
                 @for (action of actions(); track action.id) {
                   <option [ngValue]="action.id">{{ action.name }}</option>
                 }
@@ -988,7 +1308,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
               severity="danger"
               size="small"
               (onClick)="removeNode(node.id)"
-              [pTooltip]="'Remove'" />
+              [pTooltip]="'iam.logic.remove' | translate" />
           </div>
         </div>
 
@@ -1004,16 +1324,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
         <!-- Add child buttons for group nodes -->
         @if (node.type === 'group') {
           <div class="mt-3 p-3 bg-surface-50 rounded border border-dashed border-surface">
-            <div class="text-xs font-semibold text-muted-color mb-2">Add Condition:</div>
+            <div class="text-xs font-semibold text-muted-color mb-2">{{ 'iam.logic.add.condition' | translate }}</div>
             <div class="flex gap-2 flex-wrap">
               <p-button
-                label="Group"
+                [label]="'iam.logic.group' | translate"
                 icon="pi pi-sitemap"
                 size="small"
                 [outlined]="true"
                 (onClick)="addChildNode(node.id, 'group')" />
               <p-button
-                label="Action"
+                [label]="'iam.logic.action' | translate"
                 icon="pi pi-bolt"
                 size="small"
                 severity="success"
@@ -1110,7 +1430,6 @@ function convertActionToTreeNode(actions) {
  * - Pre-save validation with auto-fix
  *
  * **Performance:**
- * - OnPush change detection
  * - Computed signals for reactive updates
  * - Memoized prerequisite validation
  * - AbortController for request cancellation
@@ -1130,6 +1449,10 @@ class RoleActionSelectorComponent {
     permissionApi = inject(PermissionApiService);
     messageService = inject(MessageService);
     permissionLogic = inject(ActionPermissionLogicService);
+    translateAdapter = inject(TRANSLATE_ADAPTER, { optional: true });
+    translate(key, vars) {
+        return this.translateAdapter?.translate(key, vars) ?? key;
+    }
     // State - Role Selection
     selectedRoleId = signal(undefined, ...(ngDevMode ? [{ debugName: "selectedRoleId" }] : []));
     roles = signal([], ...(ngDevMode ? [{ debugName: "roles" }] : []));
@@ -1288,15 +1611,15 @@ class RoleActionSelectorComponent {
             const prerequisiteInfo = this.permissionLogic.getPrerequisiteTooltip(action, selMap, this.actions());
             if (prerequisiteInfo) {
                 const actionHint = isCurrentlySelected
-                    ? '\n\n---\n[Remove] Click to remove'
-                    : '\n\n---\n[Add] Click to add (auto-selects required)';
+                    ? `\n\n---\n[${this.translate('shared.remove')}] ${this.translate('iam.tooltip.remove.action')}`
+                    : `\n\n---\n[${this.translate('shared.add')}] ${this.translate('iam.tooltip.add.action')}`;
                 return `${prerequisiteInfo}${actionHint}`;
             }
         }
         if (isCurrentlySelected) {
-            return '[Assigned] Assigned to role\n\n[Remove] Click to remove';
+            return `[${this.translate('shared.assigned')}] ${this.translate('iam.tooltip.assigned.to.role')}\n\n[${this.translate('shared.remove')}] ${this.translate('iam.tooltip.click.to.remove.role')}`;
         }
-        return '[Add] Click to assign to role';
+        return `[${this.translate('shared.add')}] ${this.translate('iam.tooltip.click.to.assign.role')}`;
     }
     /**
      * Check if action has unmet prerequisites
@@ -1360,8 +1683,8 @@ class RoleActionSelectorComponent {
             }));
             this.messageService.add({
                 severity: 'success',
-                summary: 'Success',
-                detail: response?.data?.message || 'Role permissions updated successfully',
+                summary: this.translate('shared.success'),
+                detail: response?.data?.message || this.translate('iam.permission.role.permissions.updated'),
             });
             // Update baseline
             this._initialSelection.set({ ...this.selectionMap() });
@@ -1400,14 +1723,14 @@ class RoleActionSelectorComponent {
       <div class="mb-4">
         <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
           <div>
-            <label class="block font-semibold mb-2">Select Role</label>
+            <label class="block font-semibold mb-2">{{ 'iam.permission.select.role' | translate }}</label>
             <p-select
               [ngModel]="selectedRoleId()"
               (ngModelChange)="selectedRoleId.set($event)"
               [options]="roles()"
               optionLabel="name"
               optionValue="id"
-              placeholder="Select a role"
+              [placeholder]="'iam.permission.select.role.placeholder' | translate"
               [showClear]="true"
               [filter]="true"
               styleClass="w-full"
@@ -1433,14 +1756,14 @@ class RoleActionSelectorComponent {
               class="flex flex-col md:flex-row justify-between items-start md:items-center gap-3 mb-4"
             >
               <div>
-                <h5 class="m-0 mb-1">Action Permissions</h5>
+                <h5 class="m-0 mb-1">{{ 'iam.permission.action.permissions' | translate }}</h5>
                 <p class="text-sm text-muted-color m-0">
-                  {{ actions().length }} actions available
+                  {{ 'iam.permission.actions.available' | translate: { count: actions().length } }}
                 </p>
               </div>
               <div class="flex flex-wrap gap-2">
                 <p-button
-                  label="Select All"
+                  [label]="'shared.select.all' | translate"
                   icon="pi pi-check"
                   [outlined]="true"
                   size="small"
@@ -1448,7 +1771,7 @@ class RoleActionSelectorComponent {
                   (onClick)="selectAll()"
                 />
                 <p-button
-                  label="Deselect All"
+                  [label]="'shared.deselect.all' | translate"
                   icon="pi pi-times"
                   [outlined]="true"
                   size="small"
@@ -1457,7 +1780,7 @@ class RoleActionSelectorComponent {
                 />
                 <p-button
                   *hasPermission="ROLE_ACTION_PERMISSIONS.ASSIGN"
-                  label="Save Changes"
+                  [label]="'shared.save.changes' | translate"
                   icon="pi pi-save"
                   [disabled]="!canSave()"
                   [loading]="saving()"
@@ -1474,12 +1797,9 @@ class RoleActionSelectorComponent {
                 <div class="flex items-start gap-2">
                   <i class="pi pi-exclamation-triangle text-xl"></i>
                   <div class="flex-1">
-                    <span class="font-semibold">Validation Warning:</span>
+                    <span class="font-semibold">{{ 'iam.validation.warning.title' | translate }}:</span>
                     <p class="text-sm mt-1 mb-0">
-                      {{ invalidActionsCount() }} selected
-                      action{{ invalidActionsCount() > 1 ? 's have' : ' has' }}
-                      unmet prerequisites. Fix before saving or use auto-fix on
-                      save.
+                      {{ (invalidActionsCount() > 1 ? 'iam.validation.unmet.prerequisites.plural' : 'iam.validation.unmet.prerequisites.singular') | translate: { count: invalidActionsCount() } }}
                     </p>
                   </div>
                 </div>
@@ -1501,14 +1821,14 @@ class RoleActionSelectorComponent {
                         [ngModel]="allSelected()"
                         [binary]="true"
                         (ngModelChange)="toggleAll()"
-                        pTooltip="Select/Deselect All"
+                        [pTooltip]="'shared.select.deselect.all' | translate"
                         tooltipPosition="top"
                       />
                     </th>
-                    <th>Name</th>
-                    <th class="hidden md:table-cell">Code</th>
-                    <th>Type</th>
-                    <th class="hidden lg:table-cell">Requirements</th>
+                    <th>{{ 'shared.name' | translate }}</th>
+                    <th class="hidden md:table-cell">{{ 'shared.code' | translate }}</th>
+                    <th>{{ 'iam.action.type' | translate }}</th>
+                    <th class="hidden lg:table-cell">{{ 'iam.permission.requirements' | translate }}</th>
                   </tr>
                 </ng-template>
               <ng-template #body let-rowNode let-rowData="rowData">
@@ -1529,7 +1849,7 @@ class RoleActionSelectorComponent {
                       @if (hasUnmetPrerequisites(rowData)) {
                         <i
                           class="pi pi-exclamation-triangle text-orange-500"
-                          pTooltip="This action has unmet prerequisites and will fail validation on save"
+                          [pTooltip]="'iam.validation.unmet.prerequisites.tooltip' | translate"
                           tooltipPosition="top"
                         ></i>
                       }
@@ -1546,7 +1866,7 @@ class RoleActionSelectorComponent {
                   </td>
                   <td class="hidden lg:table-cell">
                     @if (rowData.permissionLogic) {
-                      <span class="text-sm text-muted-color">Has prerequisites</span>
+                      <span class="text-sm text-muted-color">{{ 'iam.permission.has.prerequisites' | translate }}</span>
                     } @else {
                       <span class="text-muted-color">-</span>
                     }
@@ -1557,8 +1877,8 @@ class RoleActionSelectorComponent {
                 <tr>
                   <td colspan="5" class="text-center p-4 text-muted-color">
                     @if (loading()) {
-                      <i class="pi pi-spin pi-spinner"></i> Loading actions...
-                    } @else { No actions available. }
+                      <i class="pi pi-spin pi-spinner"></i> {{ 'shared.loading.actions' | translate }}
+                    } @else { {{ 'iam.permission.no.actions.available' | translate }} }
                   </td>
                 </tr>
               </ng-template>
@@ -1571,14 +1891,14 @@ class RoleActionSelectorComponent {
             <div class="border border-surface rounded-border p-3 mt-4">
               <div class="flex items-center gap-2 mb-3">
                 <i class="pi pi-info-circle text-primary"></i>
-                <span class="font-bold">Pending Changes</span>
+                <span class="font-bold">{{ 'shared.pending.changes' | translate }}</span>
               </div>
               <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                 @if (pendingAdd().length > 0) {
                   <div>
                     <div class="flex items-center gap-2 mb-2">
                       <i class="pi pi-plus-circle text-green-500"></i>
-                      <strong class="text-sm">To Add ({{ pendingAdd().length }})</strong>
+                      <strong class="text-sm">{{ 'shared.to.add' | translate }} ({{ pendingAdd().length }})</strong>
                     </div>
                     <ul class="list-none p-0 m-0 pl-4">
                       @for (action of pendingAdd(); track action.id) {
@@ -1591,7 +1911,7 @@ class RoleActionSelectorComponent {
                   <div>
                     <div class="flex items-center gap-2 mb-2">
                       <i class="pi pi-minus-circle text-red-500"></i>
-                      <strong class="text-sm">To Remove ({{ pendingRemove().length }})</strong>
+                      <strong class="text-sm">{{ 'shared.to.remove' | translate }} ({{ pendingRemove().length }})</strong>
                     </div>
                     <ul class="list-none p-0 m-0 pl-4">
                       @for (action of pendingRemove(); track action.id) {
@@ -1609,30 +1929,30 @@ class RoleActionSelectorComponent {
           <div class="surface-card p-5 rounded-border shadow-sm text-center">
             <i class="pi pi-info-circle text-muted-color mb-3 block text-5xl"></i>
             <p class="text-muted-color m-0">
-              No actions available for this role.
+              {{ 'iam.permission.no.actions.for.role' | translate }}
             </p>
           </div>
         }
       }
     </div>
-  `, isInline: true, styles: [":host{display:block}.validation-warning{background-color:var(--p-yellow-50, #fefce8);border-left:4px solid var(--p-yellow-500, #eab308);color:var(--p-yellow-700, #a16207)}:host-context(.p-dark) .validation-warning{background-color:#eab3081a;color:var(--p-yellow-400, #facc15)}:host ::ng-deep tr.highlight-warning{background-color:var(--p-red-50, rgba(239, 68, 68, .1))!important}:host-context(.p-dark) ::ng-deep tr.highlight-warning{background-color:#ef444426!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i3.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "component", type: i4.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i5.Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "component", type: i7.TreeTable, selector: "p-treeTable, p-treetable, p-tree-table", inputs: ["columns", "styleClass", "tableStyle", "tableStyleClass", "autoLayout", "lazy", "lazyLoadOnInit", "paginator", "rows", "first", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "customSort", "selectionMode", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "compareSelectionBy", "rowHover", "loading", "loadingIcon", "showLoader", "scrollable", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "frozenColumns", "resizableColumns", "columnResizeMode", "reorderableColumns", "contextMenu", "rowTrackBy", "filters", "globalFilterFields", "filterDelay", "filterMode", "filterLocale", "paginatorLocale", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "value", "virtualRowHeight", "selectionKeys", "showGridlines"], outputs: ["selectionChange", "contextMenuSelectionChange", "onFilter", "onNodeExpand", "onNodeCollapse", "onPage", "onSort", "onLazyLoad", "sortFunction", "onColResize", "onColReorder", "onNodeSelect", "onNodeUnselect", "onContextMenuSelect", "onHeaderCheckboxToggle", "onEditInit", "onEditComplete", "onEditCancel", "selectionKeysChange"] }, { kind: "component", type: i7.TreeTableToggler, selector: "p-treeTableToggler, p-treetabletoggler, p-treetable-toggler", inputs: ["rowNode"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block}.validation-warning{background-color:var(--p-yellow-50, #fefce8);border-left:4px solid var(--p-yellow-500, #eab308);color:var(--p-yellow-700, #a16207)}:host-context(.p-dark) .validation-warning{background-color:#eab3081a;color:var(--p-yellow-400, #facc15)}:host ::ng-deep tr.highlight-warning{background-color:var(--p-red-50, rgba(239, 68, 68, .1))!important}:host-context(.p-dark) ::ng-deep tr.highlight-warning{background-color:#ef444426!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i3.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "component", type: i4.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i5.Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "component", type: i7.TreeTable, selector: "p-treeTable, p-treetable, p-tree-table", inputs: ["columns", "styleClass", "tableStyle", "tableStyleClass", "autoLayout", "lazy", "lazyLoadOnInit", "paginator", "rows", "first", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "customSort", "selectionMode", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "compareSelectionBy", "rowHover", "loading", "loadingIcon", "showLoader", "scrollable", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "frozenColumns", "resizableColumns", "columnResizeMode", "reorderableColumns", "contextMenu", "rowTrackBy", "filters", "globalFilterFields", "filterDelay", "filterMode", "filterLocale", "paginatorLocale", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "value", "virtualRowHeight", "selectionKeys", "showGridlines"], outputs: ["selectionChange", "contextMenuSelectionChange", "onFilter", "onNodeExpand", "onNodeCollapse", "onPage", "onSort", "onLazyLoad", "sortFunction", "onColResize", "onColReorder", "onNodeSelect", "onNodeUnselect", "onContextMenuSelect", "onHeaderCheckboxToggle", "onEditInit", "onEditComplete", "onEditCancel", "selectionKeysChange"] }, { kind: "component", type: i7.TreeTableToggler, selector: "p-treeTableToggler, p-treetabletoggler, p-treetable-toggler", inputs: ["rowNode"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: RoleActionSelectorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'flusys-role-action-selector', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, FormsModule, PrimeModule, HasPermissionDirective], template: `
+            args: [{ selector: 'flusys-role-action-selector', imports: [CommonModule, FormsModule, PrimeModule, HasPermissionDirective, TranslatePipe], template: `
     <div class="role-action-selector">
       <!-- Role Selector -->
       <div class="mb-4">
         <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
           <div>
-            <label class="block font-semibold mb-2">Select Role</label>
+            <label class="block font-semibold mb-2">{{ 'iam.permission.select.role' | translate }}</label>
             <p-select
               [ngModel]="selectedRoleId()"
               (ngModelChange)="selectedRoleId.set($event)"
               [options]="roles()"
               optionLabel="name"
               optionValue="id"
-              placeholder="Select a role"
+              [placeholder]="'iam.permission.select.role.placeholder' | translate"
               [showClear]="true"
               [filter]="true"
               styleClass="w-full"
@@ -1658,14 +1978,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
               class="flex flex-col md:flex-row justify-between items-start md:items-center gap-3 mb-4"
             >
               <div>
-                <h5 class="m-0 mb-1">Action Permissions</h5>
+                <h5 class="m-0 mb-1">{{ 'iam.permission.action.permissions' | translate }}</h5>
                 <p class="text-sm text-muted-color m-0">
-                  {{ actions().length }} actions available
+                  {{ 'iam.permission.actions.available' | translate: { count: actions().length } }}
                 </p>
               </div>
               <div class="flex flex-wrap gap-2">
                 <p-button
-                  label="Select All"
+                  [label]="'shared.select.all' | translate"
                   icon="pi pi-check"
                   [outlined]="true"
                   size="small"
@@ -1673,7 +1993,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                   (onClick)="selectAll()"
                 />
                 <p-button
-                  label="Deselect All"
+                  [label]="'shared.deselect.all' | translate"
                   icon="pi pi-times"
                   [outlined]="true"
                   size="small"
@@ -1682,7 +2002,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                 />
                 <p-button
                   *hasPermission="ROLE_ACTION_PERMISSIONS.ASSIGN"
-                  label="Save Changes"
+                  [label]="'shared.save.changes' | translate"
                   icon="pi pi-save"
                   [disabled]="!canSave()"
                   [loading]="saving()"
@@ -1699,12 +2019,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                 <div class="flex items-start gap-2">
                   <i class="pi pi-exclamation-triangle text-xl"></i>
                   <div class="flex-1">
-                    <span class="font-semibold">Validation Warning:</span>
+                    <span class="font-semibold">{{ 'iam.validation.warning.title' | translate }}:</span>
                     <p class="text-sm mt-1 mb-0">
-                      {{ invalidActionsCount() }} selected
-                      action{{ invalidActionsCount() > 1 ? 's have' : ' has' }}
-                      unmet prerequisites. Fix before saving or use auto-fix on
-                      save.
+                      {{ (invalidActionsCount() > 1 ? 'iam.validation.unmet.prerequisites.plural' : 'iam.validation.unmet.prerequisites.singular') | translate: { count: invalidActionsCount() } }}
                     </p>
                   </div>
                 </div>
@@ -1726,14 +2043,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                         [ngModel]="allSelected()"
                         [binary]="true"
                         (ngModelChange)="toggleAll()"
-                        pTooltip="Select/Deselect All"
+                        [pTooltip]="'shared.select.deselect.all' | translate"
                         tooltipPosition="top"
                       />
                     </th>
-                    <th>Name</th>
-                    <th class="hidden md:table-cell">Code</th>
-                    <th>Type</th>
-                    <th class="hidden lg:table-cell">Requirements</th>
+                    <th>{{ 'shared.name' | translate }}</th>
+                    <th class="hidden md:table-cell">{{ 'shared.code' | translate }}</th>
+                    <th>{{ 'iam.action.type' | translate }}</th>
+                    <th class="hidden lg:table-cell">{{ 'iam.permission.requirements' | translate }}</th>
                   </tr>
                 </ng-template>
               <ng-template #body let-rowNode let-rowData="rowData">
@@ -1754,7 +2071,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                       @if (hasUnmetPrerequisites(rowData)) {
                         <i
                           class="pi pi-exclamation-triangle text-orange-500"
-                          pTooltip="This action has unmet prerequisites and will fail validation on save"
+                          [pTooltip]="'iam.validation.unmet.prerequisites.tooltip' | translate"
                           tooltipPosition="top"
                         ></i>
                       }
@@ -1771,7 +2088,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                   </td>
                   <td class="hidden lg:table-cell">
                     @if (rowData.permissionLogic) {
-                      <span class="text-sm text-muted-color">Has prerequisites</span>
+                      <span class="text-sm text-muted-color">{{ 'iam.permission.has.prerequisites' | translate }}</span>
                     } @else {
                       <span class="text-muted-color">-</span>
                     }
@@ -1782,8 +2099,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                 <tr>
                   <td colspan="5" class="text-center p-4 text-muted-color">
                     @if (loading()) {
-                      <i class="pi pi-spin pi-spinner"></i> Loading actions...
-                    } @else { No actions available. }
+                      <i class="pi pi-spin pi-spinner"></i> {{ 'shared.loading.actions' | translate }}
+                    } @else { {{ 'iam.permission.no.actions.available' | translate }} }
                   </td>
                 </tr>
               </ng-template>
@@ -1796,14 +2113,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
             <div class="border border-surface rounded-border p-3 mt-4">
               <div class="flex items-center gap-2 mb-3">
                 <i class="pi pi-info-circle text-primary"></i>
-                <span class="font-bold">Pending Changes</span>
+                <span class="font-bold">{{ 'shared.pending.changes' | translate }}</span>
               </div>
               <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                 @if (pendingAdd().length > 0) {
                   <div>
                     <div class="flex items-center gap-2 mb-2">
                       <i class="pi pi-plus-circle text-green-500"></i>
-                      <strong class="text-sm">To Add ({{ pendingAdd().length }})</strong>
+                      <strong class="text-sm">{{ 'shared.to.add' | translate }} ({{ pendingAdd().length }})</strong>
                     </div>
                     <ul class="list-none p-0 m-0 pl-4">
                       @for (action of pendingAdd(); track action.id) {
@@ -1816,7 +2133,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                   <div>
                     <div class="flex items-center gap-2 mb-2">
                       <i class="pi pi-minus-circle text-red-500"></i>
-                      <strong class="text-sm">To Remove ({{ pendingRemove().length }})</strong>
+                      <strong class="text-sm">{{ 'shared.to.remove' | translate }} ({{ pendingRemove().length }})</strong>
                     </div>
                     <ul class="list-none p-0 m-0 pl-4">
                       @for (action of pendingRemove(); track action.id) {
@@ -1834,7 +2151,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
           <div class="surface-card p-5 rounded-border shadow-sm text-center">
             <i class="pi pi-info-circle text-muted-color mb-3 block text-5xl"></i>
             <p class="text-muted-color m-0">
-              No actions available for this role.
+              {{ 'iam.permission.no.actions.for.role' | translate }}
             </p>
           </div>
         }
@@ -1867,7 +2184,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
  * - Pre-save validation with auto-fix
  *
  * **Performance:**
- * - OnPush change detection
  * - Computed signals for reactive updates
  * - Memoized prerequisite validation
  * - AbortController for request cancellation
@@ -1888,6 +2204,10 @@ class CompanyActionSelectorComponent {
     confirmationService = inject(ConfirmationService);
     permissionLogic = inject(ActionPermissionLogicService);
     destroyRef = inject(DestroyRef);
+    translateAdapter = inject(TRANSLATE_ADAPTER, { optional: true });
+    translate(key, vars) {
+        return this.translateAdapter?.translate(key, vars) ?? key;
+    }
     // State - Company Selection
     selectedCompanyId = signal(undefined, ...(ngDevMode ? [{ debugName: "selectedCompanyId" }] : []));
     companies = signal([], ...(ngDevMode ? [{ debugName: "companies" }] : []));
@@ -2050,15 +2370,15 @@ class CompanyActionSelectorComponent {
             const prerequisiteInfo = this.permissionLogic.getPrerequisiteTooltip(action, selMap, this.actions());
             if (prerequisiteInfo) {
                 const actionHint = isCurrentlySelected
-                    ? '\n\n---\n[Remove] Click to remove'
-                    : '\n\n---\n[Add] Click to add (auto-selects required)';
+                    ? `\n\n---\n[${this.translate('shared.remove')}] ${this.translate('iam.tooltip.remove.action')}`
+                    : `\n\n---\n[${this.translate('shared.add')}] ${this.translate('iam.tooltip.add.action')}`;
                 return `${prerequisiteInfo}${actionHint}`;
             }
         }
         if (isCurrentlySelected) {
-            return '[Selected] Selected\n\n[Remove] Click to remove from company whitelist';
+            return `[${this.translate('iam.tooltip.selected')}] ${this.translate('iam.tooltip.selected')}\n\n[${this.translate('shared.remove')}] ${this.translate('iam.tooltip.click.to.remove')}`;
         }
-        return '[Add] Click to add to company whitelist';
+        return `[${this.translate('shared.add')}] ${this.translate('iam.tooltip.click.to.add')}`;
     }
     /**
      * Handle action checkbox toggle
@@ -2115,9 +2435,8 @@ class CompanyActionSelectorComponent {
             }
             this.messageService.add({
                 severity: 'success',
-                summary: 'Success',
-                detail: response?.data?.message ||
-                    'Company action whitelist updated successfully',
+                summary: this.translate('shared.success'),
+                detail: response?.data?.message || this.translate('iam.permission.company.actions.updated'),
             });
             // Update baseline
             this._initialSelection.set({ ...this.selectionMap() });
@@ -2139,15 +2458,15 @@ class CompanyActionSelectorComponent {
             const requiredNames = error.requiredActions
                 .map((a) => a.actionName)
                 .join(', ');
-            return `• ${error.actionName} requires: ${requiredNames}`;
+            return `${error.actionName} ${this.translate('iam.permission.requires')}: ${requiredNames}`;
         })
             .join('\n');
         this.confirmationService.confirm({
-            header: 'Prerequisite Validation Failed',
-            message: `The following actions cannot be added because they have missing prerequisites:\n\n${errorList}\n\nWould you like to automatically select all required actions?`,
+            header: this.translate('iam.permission.prerequisite.validation.failed'),
+            message: `${this.translate('iam.permission.prerequisite.error.message')}\n\n${errorList}\n\n${this.translate('iam.permission.auto.select.prompt')}`,
             icon: 'pi pi-exclamation-triangle',
-            acceptLabel: 'Auto-select Required Actions',
-            rejectLabel: 'Cancel',
+            acceptLabel: this.translate('iam.permission.auto.select.required'),
+            rejectLabel: this.translate('shared.cancel'),
             acceptIcon: 'pi pi-check',
             rejectIcon: 'pi pi-times',
             accept: () => {
@@ -2161,8 +2480,8 @@ class CompanyActionSelectorComponent {
                 this._selectionMap.set(selMap);
                 this.messageService.add({
                     severity: 'info',
-                    summary: 'Actions Selected',
-                    detail: 'Automatically selected required prerequisite actions. Please save again.',
+                    summary: this.translate('iam.permission.actions.selected'),
+                    detail: this.translate('iam.permission.auto.selected.prerequisites'),
                 });
             },
             reject: () => {
@@ -2170,8 +2489,8 @@ class CompanyActionSelectorComponent {
                 this._selectionMap.set({ ...this.initialSelection() });
                 this.messageService.add({
                     severity: 'info',
-                    summary: 'Changes Reverted',
-                    detail: 'Selection reverted to saved state',
+                    summary: this.translate('iam.permission.changes.reverted'),
+                    detail: this.translate('iam.permission.selection.reverted'),
                 });
             },
         });
@@ -2206,14 +2525,14 @@ class CompanyActionSelectorComponent {
       <div class="mb-4">
         <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
           <div>
-            <label class="block font-semibold mb-2">Select Company</label>
+            <label class="block font-semibold mb-2">{{ 'iam.permission.select.company' | translate }}</label>
             <p-select
               [ngModel]="selectedCompanyId()"
               (ngModelChange)="selectedCompanyId.set($event)"
               [options]="companies()"
               optionLabel="name"
               optionValue="id"
-              placeholder="Select a company"
+              [placeholder]="'iam.permission.select.company.placeholder' | translate"
               [showClear]="true"
               [filter]="true"
               styleClass="w-full"
@@ -2239,14 +2558,14 @@ class CompanyActionSelectorComponent {
               class="flex flex-col md:flex-row justify-between items-start md:items-center gap-3 mb-4"
             >
               <div>
-                <h5 class="m-0 mb-1">Action Whitelist</h5>
+                <h5 class="m-0 mb-1">{{ 'iam.permission.action.whitelist' | translate }}</h5>
                 <p class="text-sm text-muted-color m-0">
-                  {{ actions().length }} actions available
+                  {{ 'iam.permission.actions.available' | translate: { count: actions().length } }}
                 </p>
               </div>
               <div class="flex flex-wrap gap-2">
                 <p-button
-                  label="Select All"
+                  [label]="'shared.select.all' | translate"
                   icon="pi pi-check"
                   [outlined]="true"
                   size="small"
@@ -2254,7 +2573,7 @@ class CompanyActionSelectorComponent {
                   (onClick)="selectAll()"
                 />
                 <p-button
-                  label="Deselect All"
+                  [label]="'shared.deselect.all' | translate"
                   icon="pi pi-times"
                   [outlined]="true"
                   size="small"
@@ -2263,7 +2582,7 @@ class CompanyActionSelectorComponent {
                 />
                 <p-button
                   *hasPermission="COMPANY_ACTION_PERMISSIONS.ASSIGN"
-                  label="Save Changes"
+                  [label]="'shared.save.changes' | translate"
                   icon="pi pi-save"
                   [disabled]="!canSave()"
                   [loading]="saving()"
@@ -2280,12 +2599,9 @@ class CompanyActionSelectorComponent {
                 <div class="flex items-start gap-2">
                   <i class="pi pi-exclamation-triangle text-xl"></i>
                   <div class="flex-1">
-                    <span class="font-semibold">Validation Warning:</span>
+                    <span class="font-semibold">{{ 'iam.validation.warning.title' | translate }}:</span>
                     <p class="text-sm mt-1 mb-0">
-                      {{ invalidActionsCount() }} selected
-                      action{{ invalidActionsCount() > 1 ? 's have' : ' has' }}
-                      unmet prerequisites. Fix before saving or use auto-fix on
-                      save.
+                      {{ (invalidActionsCount() > 1 ? 'iam.validation.unmet.prerequisites.plural' : 'iam.validation.unmet.prerequisites.singular') | translate: { count: invalidActionsCount() } }}
                     </p>
                   </div>
                 </div>
@@ -2307,14 +2623,14 @@ class CompanyActionSelectorComponent {
                         [ngModel]="allSelected()"
                         [binary]="true"
                         (ngModelChange)="toggleAll()"
-                        pTooltip="Select/Deselect All"
+                        [pTooltip]="'shared.select.deselect.all' | translate"
                         tooltipPosition="top"
                       />
                     </th>
-                    <th>Name</th>
-                    <th class="hidden md:table-cell">Code</th>
-                    <th>Type</th>
-                    <th class="hidden lg:table-cell">Description</th>
+                    <th>{{ 'shared.name' | translate }}</th>
+                    <th class="hidden md:table-cell">{{ 'shared.code' | translate }}</th>
+                    <th>{{ 'iam.action.type' | translate }}</th>
+                    <th class="hidden lg:table-cell">{{ 'shared.description' | translate }}</th>
                   </tr>
                 </ng-template>
               <ng-template #body let-rowNode let-rowData="rowData">
@@ -2335,7 +2651,7 @@ class CompanyActionSelectorComponent {
                       @if (hasUnmetPrerequisites(rowData)) {
                         <i
                           class="pi pi-exclamation-triangle text-orange-500"
-                          pTooltip="This action has unmet prerequisites and will fail validation on save"
+                          [pTooltip]="'iam.validation.unmet.prerequisites.tooltip' | translate"
                           tooltipPosition="top"
                         ></i>
                       }
@@ -2357,8 +2673,8 @@ class CompanyActionSelectorComponent {
                 <tr>
                   <td colspan="5" class="text-center p-4 text-muted-color">
                     @if (loading()) {
-                      <i class="pi pi-spin pi-spinner"></i> Loading actions...
-                    } @else { No actions available. }
+                      <i class="pi pi-spin pi-spinner"></i> {{ 'shared.loading.actions' | translate }}
+                    } @else { {{ 'iam.permission.no.actions.available' | translate }} }
                   </td>
                 </tr>
               </ng-template>
@@ -2371,14 +2687,14 @@ class CompanyActionSelectorComponent {
             <div class="border border-surface rounded-border p-3 mt-4">
               <div class="flex items-center gap-2 mb-3">
                 <i class="pi pi-info-circle text-primary"></i>
-                <span class="font-bold">Pending Changes</span>
+                <span class="font-bold">{{ 'shared.pending.changes' | translate }}</span>
               </div>
               <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                 @if (pendingAdd().length > 0) {
                   <div>
                     <div class="flex items-center gap-2 mb-2">
                       <i class="pi pi-plus-circle text-green-500"></i>
-                      <strong class="text-sm">To Whitelist ({{ pendingAdd().length }})</strong>
+                      <strong class="text-sm">{{ 'shared.to.whitelist' | translate }} ({{ pendingAdd().length }})</strong>
                     </div>
                     <ul class="list-none p-0 m-0 pl-4">
                       @for (action of pendingAdd(); track action.id) {
@@ -2391,7 +2707,7 @@ class CompanyActionSelectorComponent {
                   <div>
                     <div class="flex items-center gap-2 mb-2">
                       <i class="pi pi-minus-circle text-red-500"></i>
-                      <strong class="text-sm">To Remove ({{ pendingRemove().length }})</strong>
+                      <strong class="text-sm">{{ 'shared.to.remove' | translate }} ({{ pendingRemove().length }})</strong>
                     </div>
                     <ul class="list-none p-0 m-0 pl-4">
                       @for (action of pendingRemove(); track action.id) {
@@ -2409,30 +2725,30 @@ class CompanyActionSelectorComponent {
           <div class="surface-card p-5 rounded-border shadow-sm text-center">
             <i class="pi pi-info-circle text-muted-color mb-3 block text-5xl"></i>
             <p class="text-muted-color m-0">
-              No actions available for this company.
+              {{ 'iam.permission.no.actions.for.company' | translate }}
             </p>
           </div>
         }
       }
     </div>
-  `, isInline: true, styles: [":host{display:block}.validation-warning{background-color:var(--p-yellow-50, #fefce8);border-left:4px solid var(--p-yellow-500, #eab308);color:var(--p-yellow-700, #a16207)}:host-context(.p-dark) .validation-warning{background-color:#eab3081a;color:var(--p-yellow-400, #facc15)}:host ::ng-deep tr.highlight-warning{background-color:var(--p-red-50, rgba(239, 68, 68, .1))!important}:host-context(.p-dark) ::ng-deep tr.highlight-warning{background-color:#ef444426!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i3.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "component", type: i4.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i5.Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "component", type: i7.TreeTable, selector: "p-treeTable, p-treetable, p-tree-table", inputs: ["columns", "styleClass", "tableStyle", "tableStyleClass", "autoLayout", "lazy", "lazyLoadOnInit", "paginator", "rows", "first", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "customSort", "selectionMode", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "compareSelectionBy", "rowHover", "loading", "loadingIcon", "showLoader", "scrollable", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "frozenColumns", "resizableColumns", "columnResizeMode", "reorderableColumns", "contextMenu", "rowTrackBy", "filters", "globalFilterFields", "filterDelay", "filterMode", "filterLocale", "paginatorLocale", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "value", "virtualRowHeight", "selectionKeys", "showGridlines"], outputs: ["selectionChange", "contextMenuSelectionChange", "onFilter", "onNodeExpand", "onNodeCollapse", "onPage", "onSort", "onLazyLoad", "sortFunction", "onColResize", "onColReorder", "onNodeSelect", "onNodeUnselect", "onContextMenuSelect", "onHeaderCheckboxToggle", "onEditInit", "onEditComplete", "onEditCancel", "selectionKeysChange"] }, { kind: "component", type: i7.TreeTableToggler, selector: "p-treeTableToggler, p-treetabletoggler, p-treetable-toggler", inputs: ["rowNode"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block}.validation-warning{background-color:var(--p-yellow-50, #fefce8);border-left:4px solid var(--p-yellow-500, #eab308);color:var(--p-yellow-700, #a16207)}:host-context(.p-dark) .validation-warning{background-color:#eab3081a;color:var(--p-yellow-400, #facc15)}:host ::ng-deep tr.highlight-warning{background-color:var(--p-red-50, rgba(239, 68, 68, .1))!important}:host-context(.p-dark) ::ng-deep tr.highlight-warning{background-color:#ef444426!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i3.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "component", type: i4.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i5.Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "component", type: i7.TreeTable, selector: "p-treeTable, p-treetable, p-tree-table", inputs: ["columns", "styleClass", "tableStyle", "tableStyleClass", "autoLayout", "lazy", "lazyLoadOnInit", "paginator", "rows", "first", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "customSort", "selectionMode", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "compareSelectionBy", "rowHover", "loading", "loadingIcon", "showLoader", "scrollable", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "frozenColumns", "resizableColumns", "columnResizeMode", "reorderableColumns", "contextMenu", "rowTrackBy", "filters", "globalFilterFields", "filterDelay", "filterMode", "filterLocale", "paginatorLocale", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "value", "virtualRowHeight", "selectionKeys", "showGridlines"], outputs: ["selectionChange", "contextMenuSelectionChange", "onFilter", "onNodeExpand", "onNodeCollapse", "onPage", "onSort", "onLazyLoad", "sortFunction", "onColResize", "onColReorder", "onNodeSelect", "onNodeUnselect", "onContextMenuSelect", "onHeaderCheckboxToggle", "onEditInit", "onEditComplete", "onEditCancel", "selectionKeysChange"] }, { kind: "component", type: i7.TreeTableToggler, selector: "p-treeTableToggler, p-treetabletoggler, p-treetable-toggler", inputs: ["rowNode"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: CompanyActionSelectorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'flusys-company-action-selector', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, FormsModule, PrimeModule, HasPermissionDirective], template: `
+            args: [{ selector: 'flusys-company-action-selector', imports: [CommonModule, FormsModule, PrimeModule, HasPermissionDirective, TranslatePipe], template: `
     <div class="company-action-selector">
       <!-- Company Selector -->
       <div class="mb-4">
         <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
           <div>
-            <label class="block font-semibold mb-2">Select Company</label>
+            <label class="block font-semibold mb-2">{{ 'iam.permission.select.company' | translate }}</label>
             <p-select
               [ngModel]="selectedCompanyId()"
               (ngModelChange)="selectedCompanyId.set($event)"
               [options]="companies()"
               optionLabel="name"
               optionValue="id"
-              placeholder="Select a company"
+              [placeholder]="'iam.permission.select.company.placeholder' | translate"
               [showClear]="true"
               [filter]="true"
               styleClass="w-full"
@@ -2458,14 +2774,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
               class="flex flex-col md:flex-row justify-between items-start md:items-center gap-3 mb-4"
             >
               <div>
-                <h5 class="m-0 mb-1">Action Whitelist</h5>
+                <h5 class="m-0 mb-1">{{ 'iam.permission.action.whitelist' | translate }}</h5>
                 <p class="text-sm text-muted-color m-0">
-                  {{ actions().length }} actions available
+                  {{ 'iam.permission.actions.available' | translate: { count: actions().length } }}
                 </p>
               </div>
               <div class="flex flex-wrap gap-2">
                 <p-button
-                  label="Select All"
+                  [label]="'shared.select.all' | translate"
                   icon="pi pi-check"
                   [outlined]="true"
                   size="small"
@@ -2473,7 +2789,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                   (onClick)="selectAll()"
                 />
                 <p-button
-                  label="Deselect All"
+                  [label]="'shared.deselect.all' | translate"
                   icon="pi pi-times"
                   [outlined]="true"
                   size="small"
@@ -2482,7 +2798,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                 />
                 <p-button
                   *hasPermission="COMPANY_ACTION_PERMISSIONS.ASSIGN"
-                  label="Save Changes"
+                  [label]="'shared.save.changes' | translate"
                   icon="pi pi-save"
                   [disabled]="!canSave()"
                   [loading]="saving()"
@@ -2499,12 +2815,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                 <div class="flex items-start gap-2">
                   <i class="pi pi-exclamation-triangle text-xl"></i>
                   <div class="flex-1">
-                    <span class="font-semibold">Validation Warning:</span>
+                    <span class="font-semibold">{{ 'iam.validation.warning.title' | translate }}:</span>
                     <p class="text-sm mt-1 mb-0">
-                      {{ invalidActionsCount() }} selected
-                      action{{ invalidActionsCount() > 1 ? 's have' : ' has' }}
-                      unmet prerequisites. Fix before saving or use auto-fix on
-                      save.
+                      {{ (invalidActionsCount() > 1 ? 'iam.validation.unmet.prerequisites.plural' : 'iam.validation.unmet.prerequisites.singular') | translate: { count: invalidActionsCount() } }}
                     </p>
                   </div>
                 </div>
@@ -2526,14 +2839,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                         [ngModel]="allSelected()"
                         [binary]="true"
                         (ngModelChange)="toggleAll()"
-                        pTooltip="Select/Deselect All"
+                        [pTooltip]="'shared.select.deselect.all' | translate"
                         tooltipPosition="top"
                       />
                     </th>
-                    <th>Name</th>
-                    <th class="hidden md:table-cell">Code</th>
-                    <th>Type</th>
-                    <th class="hidden lg:table-cell">Description</th>
+                    <th>{{ 'shared.name' | translate }}</th>
+                    <th class="hidden md:table-cell">{{ 'shared.code' | translate }}</th>
+                    <th>{{ 'iam.action.type' | translate }}</th>
+                    <th class="hidden lg:table-cell">{{ 'shared.description' | translate }}</th>
                   </tr>
                 </ng-template>
               <ng-template #body let-rowNode let-rowData="rowData">
@@ -2554,7 +2867,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                       @if (hasUnmetPrerequisites(rowData)) {
                         <i
                           class="pi pi-exclamation-triangle text-orange-500"
-                          pTooltip="This action has unmet prerequisites and will fail validation on save"
+                          [pTooltip]="'iam.validation.unmet.prerequisites.tooltip' | translate"
                           tooltipPosition="top"
                         ></i>
                       }
@@ -2576,8 +2889,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                 <tr>
                   <td colspan="5" class="text-center p-4 text-muted-color">
                     @if (loading()) {
-                      <i class="pi pi-spin pi-spinner"></i> Loading actions...
-                    } @else { No actions available. }
+                      <i class="pi pi-spin pi-spinner"></i> {{ 'shared.loading.actions' | translate }}
+                    } @else { {{ 'iam.permission.no.actions.available' | translate }} }
                   </td>
                 </tr>
               </ng-template>
@@ -2590,14 +2903,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
             <div class="border border-surface rounded-border p-3 mt-4">
               <div class="flex items-center gap-2 mb-3">
                 <i class="pi pi-info-circle text-primary"></i>
-                <span class="font-bold">Pending Changes</span>
+                <span class="font-bold">{{ 'shared.pending.changes' | translate }}</span>
               </div>
               <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                 @if (pendingAdd().length > 0) {
                   <div>
                     <div class="flex items-center gap-2 mb-2">
                       <i class="pi pi-plus-circle text-green-500"></i>
-                      <strong class="text-sm">To Whitelist ({{ pendingAdd().length }})</strong>
+                      <strong class="text-sm">{{ 'shared.to.whitelist' | translate }} ({{ pendingAdd().length }})</strong>
                     </div>
                     <ul class="list-none p-0 m-0 pl-4">
                       @for (action of pendingAdd(); track action.id) {
@@ -2610,7 +2923,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                   <div>
                     <div class="flex items-center gap-2 mb-2">
                       <i class="pi pi-minus-circle text-red-500"></i>
-                      <strong class="text-sm">To Remove ({{ pendingRemove().length }})</strong>
+                      <strong class="text-sm">{{ 'shared.to.remove' | translate }} ({{ pendingRemove().length }})</strong>
                     </div>
                     <ul class="list-none p-0 m-0 pl-4">
                       @for (action of pendingRemove(); track action.id) {
@@ -2628,7 +2941,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
           <div class="surface-card p-5 rounded-border shadow-sm text-center">
             <i class="pi pi-info-circle text-muted-color mb-3 block text-5xl"></i>
             <p class="text-muted-color m-0">
-              No actions available for this company.
+              {{ 'iam.permission.no.actions.for.company' | translate }}
             </p>
           </div>
         }
@@ -2658,7 +2971,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
  * - Branch-specific: branchId = selected value
  *
  * **Performance:**
- * - OnPush change detection
  * - Computed signals for reactive updates
  * - Branch filtering on company context change
  *
@@ -2677,6 +2989,10 @@ class UserRoleSelectorComponent {
     roleApi = inject(RoleApiService);
     permissionApi = inject(PermissionApiService);
     messageService = inject(MessageService);
+    translateAdapter = inject(TRANSLATE_ADAPTER, { optional: true });
+    translate(key, vars) {
+        return this.translateAdapter?.translate(key, vars) ?? key;
+    }
     // State - User/Branch Selection
     selectedUserId = signal(null, ...(ngDevMode ? [{ debugName: "selectedUserId" }] : []));
     selectedBranchId = signal(undefined, ...(ngDevMode ? [{ debugName: "selectedBranchId" }] : []));
@@ -2829,9 +3145,9 @@ class UserRoleSelectorComponent {
         const selMap = this.selectionMap();
         const isCurrentlySelected = selMap[role.id];
         if (isCurrentlySelected) {
-            return '[Assigned] Assigned to user\n\n[Remove] Click to remove role';
+            return `[${this.translate('shared.assigned')}] ${this.translate('iam.tooltip.assigned.to.user')}\n\n[${this.translate('shared.remove')}] ${this.translate('iam.tooltip.click.to.remove.role.from.user')}`;
         }
-        return '[Add] Click to assign role to user';
+        return `[${this.translate('shared.add')}] ${this.translate('iam.tooltip.click.to.assign.role.to.user')}`;
     }
     /**
      * Handle role checkbox toggle
@@ -2882,8 +3198,8 @@ class UserRoleSelectorComponent {
         if (isCompanyFeatureEnabled(this.appConfig) && !companyId) {
             this.messageService.add({
                 severity: 'warn',
-                summary: 'Company Required',
-                detail: 'Please select a company',
+                summary: this.translate('shared.warning'),
+                detail: this.translate('iam.permission.company.required'),
             });
             return;
         }
@@ -2911,9 +3227,8 @@ class UserRoleSelectorComponent {
             const response = await firstValueFrom(this.permissionApi.assignUserRoles(payload));
             this.messageService.add({
                 severity: 'success',
-                summary: 'Success',
-                detail: response?.data?.message ||
-                    'User role assignments updated successfully',
+                summary: this.translate('shared.success'),
+                detail: response?.data?.message || this.translate('iam.permission.user.roles.updated'),
             });
             // Update baseline
             this._initialSelection.set({ ...this.selectionMap() });
@@ -2942,13 +3257,13 @@ class UserRoleSelectorComponent {
           <div>
             <label class="block font-semibold mb-2">
               <i class="pi pi-user mr-2 text-primary"></i>
-              Select User
+              {{ 'iam.permission.select.user' | translate }}
             </label>
             <lib-user-select
               [value]="selectedUserId()"
               (valueChange)="selectedUserId.set($event)"
               [isEditMode]="true"
-              placeHolder="Select a user"
+              [placeHolder]="'iam.permission.select.user.placeholder' | translate"
             />
           </div>
 
@@ -2956,7 +3271,7 @@ class UserRoleSelectorComponent {
             <div>
               <label class="block font-semibold mb-2">
                 <i class="pi pi-building mr-2 text-primary"></i>
-                Select Branch
+                {{ 'iam.permission.select.branch' | translate }}
               </label>
               <p-select
                 [ngModel]="selectedBranchId()"
@@ -2964,7 +3279,7 @@ class UserRoleSelectorComponent {
                 [options]="filteredBranches()"
                 optionLabel="name"
                 optionValue="id"
-                placeholder="Select a branch"
+                [placeholder]="'iam.permission.select.branch.placeholder' | translate"
                 [showClear]="true"
                 [filter]="true"
                 styleClass="w-full"
@@ -2985,10 +3300,7 @@ class UserRoleSelectorComponent {
                 </ng-template>
               </p-select>
               <small class="text-muted-color block mt-1">
-                {{ filteredBranches().length }} permitted branch{{
-                  filteredBranches().length !== 1 ? 'es' : ''
-                }}
-                in current company
+                {{ (filteredBranches().length !== 1 ? 'iam.branch.permitted.count.plural' : 'iam.branch.permitted.count') | translate: { count: filteredBranches().length } }}
               </small>
             </div>
           }
@@ -3012,14 +3324,14 @@ class UserRoleSelectorComponent {
               class="flex flex-col md:flex-row justify-between items-start md:items-center gap-3 mb-4"
             >
               <div>
-                <h5 class="m-0 mb-1">Role Assignments</h5>
+                <h5 class="m-0 mb-1">{{ 'iam.permission.role.assignments' | translate }}</h5>
                 <p class="text-sm text-muted-color m-0">
-                  {{ roles().length }} roles available
+                  {{ 'iam.permission.roles.available' | translate: { count: roles().length } }}
                 </p>
               </div>
               <div class="flex flex-wrap gap-2">
                 <p-button
-                  label="Select All"
+                  [label]="'shared.select.all' | translate"
                   icon="pi pi-check"
                   [outlined]="true"
                   size="small"
@@ -3027,7 +3339,7 @@ class UserRoleSelectorComponent {
                   (onClick)="selectAll()"
                 />
                 <p-button
-                  label="Deselect All"
+                  [label]="'shared.deselect.all' | translate"
                   icon="pi pi-times"
                   [outlined]="true"
                   size="small"
@@ -3036,7 +3348,7 @@ class UserRoleSelectorComponent {
                 />
                 <p-button
                   *hasPermission="USER_ROLE_PERMISSIONS.ASSIGN"
-                  label="Save Changes"
+                  [label]="'shared.save.changes' | translate"
                   icon="pi pi-save"
                   [disabled]="!canSave()"
                   [loading]="saving()"
@@ -3056,7 +3368,7 @@ class UserRoleSelectorComponent {
                 [rowsPerPageOptions]="[10, 20, 50]"
                 [globalFilterFields]="['name', 'code', 'description']"
                 [showCurrentPageReport]="true"
-                currentPageReportTemplate="Showing {first} to {last} of {totalRecords} roles"
+                [currentPageReportTemplate]="'iam.pagination.roles.template' | translate"
                 styleClass="p-datatable-sm"
                 [tableStyle]="{ 'min-width': '35rem' }"
               >
@@ -3067,13 +3379,13 @@ class UserRoleSelectorComponent {
                         [ngModel]="allSelected()"
                         [binary]="true"
                         (ngModelChange)="toggleAll()"
-                        pTooltip="Select/Deselect All"
+                        [pTooltip]="'shared.select.deselect.all' | translate"
                         tooltipPosition="top"
                       />
                     </th>
-                    <th>Name</th>
-                    <th class="hidden sm:table-cell">Code</th>
-                    <th class="hidden md:table-cell">Description</th>
+                    <th>{{ 'shared.name' | translate }}</th>
+                    <th class="hidden sm:table-cell">{{ 'shared.code' | translate }}</th>
+                    <th class="hidden md:table-cell">{{ 'shared.description' | translate }}</th>
                   </tr>
                 </ng-template>
                 <ng-template #body let-role>
@@ -3096,9 +3408,9 @@ class UserRoleSelectorComponent {
                   <tr>
                     <td colspan="4" class="text-center p-4 text-muted-color">
                       @if (loading()) {
-                        <i class="pi pi-spin pi-spinner"></i> Loading roles...
+                        <i class="pi pi-spin pi-spinner"></i> {{ 'shared.loading.roles' | translate }}
                       } @else {
-                        No roles available.
+                        {{ 'iam.permission.no.roles.available' | translate }}
                       }
                     </td>
                   </tr>
@@ -3112,14 +3424,14 @@ class UserRoleSelectorComponent {
             <div class="border border-surface rounded-border p-3 mt-4">
               <div class="flex items-center gap-2 mb-3">
                 <i class="pi pi-info-circle text-primary"></i>
-                <span class="font-bold">Pending Changes</span>
+                <span class="font-bold">{{ 'shared.pending.changes' | translate }}</span>
               </div>
               <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                 @if (pendingAdd().length > 0) {
                   <div>
                     <div class="flex items-center gap-2 mb-2">
                       <i class="pi pi-plus-circle text-green-500"></i>
-                      <strong class="text-sm">To Assign ({{ pendingAdd().length }})</strong>
+                      <strong class="text-sm">{{ 'shared.to.assign' | translate }} ({{ pendingAdd().length }})</strong>
                     </div>
                     <ul class="list-none p-0 m-0 pl-4">
                       @for (role of pendingAdd(); track role.id) {
@@ -3132,7 +3444,7 @@ class UserRoleSelectorComponent {
                   <div>
                     <div class="flex items-center gap-2 mb-2">
                       <i class="pi pi-minus-circle text-red-500"></i>
-                      <strong class="text-sm">To Remove ({{ pendingRemove().length }})</strong>
+                      <strong class="text-sm">{{ 'shared.to.remove' | translate }} ({{ pendingRemove().length }})</strong>
                     </div>
                     <ul class="list-none p-0 m-0 pl-4">
                       @for (role of pendingRemove(); track role.id) {
@@ -3150,17 +3462,17 @@ class UserRoleSelectorComponent {
           <div class="surface-card p-5 rounded-border shadow-sm text-center">
             <i class="pi pi-info-circle text-muted-color mb-3 block text-5xl"></i>
             <p class="text-muted-color m-0">
-              No roles available for this user.
+              {{ 'iam.permission.no.roles.for.user' | translate }}
             </p>
           </div>
         }
       }
     </div>
-  `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i3.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "component", type: i4.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i5$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "component", type: UserSelectComponent, selector: "lib-user-select", inputs: ["value"], outputs: ["valueChange", "userSelected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i3.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "component", type: i4.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i5$1.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "component", type: UserSelectComponent, selector: "lib-user-select", inputs: ["value"], outputs: ["valueChange", "userSelected"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UserRoleSelectorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'flusys-user-role-selector', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, FormsModule, PrimeModule, HasPermissionDirective, UserSelectComponent], template: `
+            args: [{ selector: 'flusys-user-role-selector', imports: [CommonModule, FormsModule, PrimeModule, HasPermissionDirective, UserSelectComponent, TranslatePipe], template: `
     <div class="user-role-selector">
       <!-- User and Branch Selectors -->
       <div class="surface-card p-4 rounded-border mb-4 shadow-sm">
@@ -3168,13 +3480,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
           <div>
             <label class="block font-semibold mb-2">
               <i class="pi pi-user mr-2 text-primary"></i>
-              Select User
+              {{ 'iam.permission.select.user' | translate }}
             </label>
             <lib-user-select
               [value]="selectedUserId()"
               (valueChange)="selectedUserId.set($event)"
               [isEditMode]="true"
-              placeHolder="Select a user"
+              [placeHolder]="'iam.permission.select.user.placeholder' | translate"
             />
           </div>
 
@@ -3182,7 +3494,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
             <div>
               <label class="block font-semibold mb-2">
                 <i class="pi pi-building mr-2 text-primary"></i>
-                Select Branch
+                {{ 'iam.permission.select.branch' | translate }}
               </label>
               <p-select
                 [ngModel]="selectedBranchId()"
@@ -3190,7 +3502,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                 [options]="filteredBranches()"
                 optionLabel="name"
                 optionValue="id"
-                placeholder="Select a branch"
+                [placeholder]="'iam.permission.select.branch.placeholder' | translate"
                 [showClear]="true"
                 [filter]="true"
                 styleClass="w-full"
@@ -3211,10 +3523,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                 </ng-template>
               </p-select>
               <small class="text-muted-color block mt-1">
-                {{ filteredBranches().length }} permitted branch{{
-                  filteredBranches().length !== 1 ? 'es' : ''
-                }}
-                in current company
+                {{ (filteredBranches().length !== 1 ? 'iam.branch.permitted.count.plural' : 'iam.branch.permitted.count') | translate: { count: filteredBranches().length } }}
               </small>
             </div>
           }
@@ -3238,14 +3547,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
               class="flex flex-col md:flex-row justify-between items-start md:items-center gap-3 mb-4"
             >
               <div>
-                <h5 class="m-0 mb-1">Role Assignments</h5>
+                <h5 class="m-0 mb-1">{{ 'iam.permission.role.assignments' | translate }}</h5>
                 <p class="text-sm text-muted-color m-0">
-                  {{ roles().length }} roles available
+                  {{ 'iam.permission.roles.available' | translate: { count: roles().length } }}
                 </p>
               </div>
               <div class="flex flex-wrap gap-2">
                 <p-button
-                  label="Select All"
+                  [label]="'shared.select.all' | translate"
                   icon="pi pi-check"
                   [outlined]="true"
                   size="small"
@@ -3253,7 +3562,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                   (onClick)="selectAll()"
                 />
                 <p-button
-                  label="Deselect All"
+                  [label]="'shared.deselect.all' | translate"
                   icon="pi pi-times"
                   [outlined]="true"
                   size="small"
@@ -3262,7 +3571,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                 />
                 <p-button
                   *hasPermission="USER_ROLE_PERMISSIONS.ASSIGN"
-                  label="Save Changes"
+                  [label]="'shared.save.changes' | translate"
                   icon="pi pi-save"
                   [disabled]="!canSave()"
                   [loading]="saving()"
@@ -3282,7 +3591,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                 [rowsPerPageOptions]="[10, 20, 50]"
                 [globalFilterFields]="['name', 'code', 'description']"
                 [showCurrentPageReport]="true"
-                currentPageReportTemplate="Showing {first} to {last} of {totalRecords} roles"
+                [currentPageReportTemplate]="'iam.pagination.roles.template' | translate"
                 styleClass="p-datatable-sm"
                 [tableStyle]="{ 'min-width': '35rem' }"
               >
@@ -3293,13 +3602,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                         [ngModel]="allSelected()"
                         [binary]="true"
                         (ngModelChange)="toggleAll()"
-                        pTooltip="Select/Deselect All"
+                        [pTooltip]="'shared.select.deselect.all' | translate"
                         tooltipPosition="top"
                       />
                     </th>
-                    <th>Name</th>
-                    <th class="hidden sm:table-cell">Code</th>
-                    <th class="hidden md:table-cell">Description</th>
+                    <th>{{ 'shared.name' | translate }}</th>
+                    <th class="hidden sm:table-cell">{{ 'shared.code' | translate }}</th>
+                    <th class="hidden md:table-cell">{{ 'shared.description' | translate }}</th>
                   </tr>
                 </ng-template>
                 <ng-template #body let-role>
@@ -3322,9 +3631,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                   <tr>
                     <td colspan="4" class="text-center p-4 text-muted-color">
                       @if (loading()) {
-                        <i class="pi pi-spin pi-spinner"></i> Loading roles...
+                        <i class="pi pi-spin pi-spinner"></i> {{ 'shared.loading.roles' | translate }}
                       } @else {
-                        No roles available.
+                        {{ 'iam.permission.no.roles.available' | translate }}
                       }
                     </td>
                   </tr>
@@ -3338,14 +3647,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
             <div class="border border-surface rounded-border p-3 mt-4">
               <div class="flex items-center gap-2 mb-3">
                 <i class="pi pi-info-circle text-primary"></i>
-                <span class="font-bold">Pending Changes</span>
+                <span class="font-bold">{{ 'shared.pending.changes' | translate }}</span>
               </div>
               <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                 @if (pendingAdd().length > 0) {
                   <div>
                     <div class="flex items-center gap-2 mb-2">
                       <i class="pi pi-plus-circle text-green-500"></i>
-                      <strong class="text-sm">To Assign ({{ pendingAdd().length }})</strong>
+                      <strong class="text-sm">{{ 'shared.to.assign' | translate }} ({{ pendingAdd().length }})</strong>
                     </div>
                     <ul class="list-none p-0 m-0 pl-4">
                       @for (role of pendingAdd(); track role.id) {
@@ -3358,7 +3667,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                   <div>
                     <div class="flex items-center gap-2 mb-2">
                       <i class="pi pi-minus-circle text-red-500"></i>
-                      <strong class="text-sm">To Remove ({{ pendingRemove().length }})</strong>
+                      <strong class="text-sm">{{ 'shared.to.remove' | translate }} ({{ pendingRemove().length }})</strong>
                     </div>
                     <ul class="list-none p-0 m-0 pl-4">
                       @for (role of pendingRemove(); track role.id) {
@@ -3376,7 +3685,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
           <div class="surface-card p-5 rounded-border shadow-sm text-center">
             <i class="pi pi-info-circle text-muted-color mb-3 block text-5xl"></i>
             <p class="text-muted-color m-0">
-              No roles available for this user.
+              {{ 'iam.permission.no.roles.for.user' | translate }}
             </p>
           </div>
         }
@@ -3407,7 +3716,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
  * - Branch-specific: branchId = selected value
  *
  * **Performance:**
- * - OnPush change detection
  * - Computed signals for reactive updates
  * - Branch filtering on company context change
  *
@@ -3427,6 +3735,10 @@ class UserActionSelectorComponent {
     permissionApi = inject(PermissionApiService);
     permissionLogic = inject(ActionPermissionLogicService);
     messageService = inject(MessageService);
+    translateAdapter = inject(TRANSLATE_ADAPTER, { optional: true });
+    translate(key, vars) {
+        return this.translateAdapter?.translate(key, vars) ?? key;
+    }
     // State - User/Branch Selection
     selectedUserId = signal(null, ...(ngDevMode ? [{ debugName: "selectedUserId" }] : []));
     selectedBranchId = signal(undefined, ...(ngDevMode ? [{ debugName: "selectedBranchId" }] : []));
@@ -3595,15 +3907,15 @@ class UserActionSelectorComponent {
             const prerequisiteInfo = this.permissionLogic.getPrerequisiteTooltip(action, selMap, this.actions());
             if (prerequisiteInfo) {
                 const actionHint = isCurrentlySelected
-                    ? '\n\n---\n[Remove] Click to remove'
-                    : '\n\n---\n[Add] Click to add (auto-selects required)';
+                    ? `\n\n---\n[${this.translate('shared.remove')}] ${this.translate('iam.tooltip.remove.action')}`
+                    : `\n\n---\n[${this.translate('shared.add')}] ${this.translate('iam.tooltip.add.action')}`;
                 return `${prerequisiteInfo}${actionHint}`;
             }
         }
         if (isCurrentlySelected) {
-            return '[Assigned] Assigned to user\n\n[Remove] Click to remove direct permission';
+            return `[${this.translate('shared.assigned')}] ${this.translate('iam.tooltip.assigned.to.user')}\n\n[${this.translate('shared.remove')}] ${this.translate('iam.tooltip.click.to.remove.user')}`;
         }
-        return '[Add] Click to assign direct permission';
+        return `[${this.translate('shared.add')}] ${this.translate('iam.tooltip.click.to.assign.user')}`;
     }
     /**
      * Check if action has unmet prerequisites
@@ -3647,8 +3959,8 @@ class UserActionSelectorComponent {
         if (this.isCompanyFeatureActive() && !companyId) {
             this.messageService.add({
                 severity: 'warn',
-                summary: 'Company Required',
-                detail: 'Please select a company',
+                summary: this.translate('shared.warning'),
+                detail: this.translate('iam.permission.company.required'),
             });
             return;
         }
@@ -3672,9 +3984,8 @@ class UserActionSelectorComponent {
             const response = await firstValueFrom(this.permissionApi.assignUserActions(payload));
             this.messageService.add({
                 severity: 'success',
-                summary: 'Success',
-                detail: response?.data?.message ||
-                    'User action permissions updated successfully',
+                summary: this.translate('shared.success'),
+                detail: response?.data?.message || this.translate('iam.permission.user.actions.updated'),
             });
             this._initialSelection.set({ ...this.selectionMap() });
         }
@@ -3717,13 +4028,13 @@ class UserActionSelectorComponent {
           <div>
             <label class="block font-semibold mb-2">
               <i class="pi pi-user mr-2 text-primary"></i>
-              Select User
+              {{ 'iam.permission.select.user' | translate }}
             </label>
             <lib-user-select
               [value]="selectedUserId()"
               (valueChange)="selectedUserId.set($event)"
               [isEditMode]="true"
-              placeHolder="Select a user"
+              [placeHolder]="'iam.permission.select.user.placeholder' | translate"
             />
           </div>
 
@@ -3731,7 +4042,7 @@ class UserActionSelectorComponent {
             <div>
               <label class="block font-semibold mb-2">
                 <i class="pi pi-building mr-2 text-primary"></i>
-                Select Branch
+                {{ 'iam.permission.select.branch' | translate }}
               </label>
               <p-select
                 [ngModel]="selectedBranchId()"
@@ -3739,7 +4050,7 @@ class UserActionSelectorComponent {
                 [options]="filteredBranches()"
                 optionLabel="name"
                 optionValue="id"
-                placeholder="Select a branch"
+                [placeholder]="'iam.permission.select.branch.placeholder' | translate"
                 [showClear]="true"
                 [filter]="true"
                 styleClass="w-full"
@@ -3760,10 +4071,7 @@ class UserActionSelectorComponent {
                 </ng-template>
               </p-select>
               <small class="text-muted-color block mt-1">
-                {{ filteredBranches().length }} permitted branch{{
-                  filteredBranches().length !== 1 ? 'es' : ''
-                }}
-                in current company
+                {{ (filteredBranches().length !== 1 ? 'iam.branch.permitted.count.plural' : 'iam.branch.permitted.count') | translate: { count: filteredBranches().length } }}
               </small>
             </div>
           }
@@ -3785,14 +4093,14 @@ class UserActionSelectorComponent {
               class="flex flex-col md:flex-row justify-between items-start md:items-center gap-3 mb-4"
             >
               <div>
-                <h5 class="m-0 mb-1">Direct Action Permissions</h5>
+                <h5 class="m-0 mb-1">{{ 'iam.permission.direct.action.permissions' | translate }}</h5>
                 <p class="text-sm text-muted-color m-0">
-                  {{ actions().length }} actions available
+                  {{ 'iam.permission.actions.available' | translate: { count: actions().length } }}
                 </p>
               </div>
               <div class="flex flex-wrap gap-2">
                 <p-button
-                  label="Select All"
+                  [label]="'shared.select.all' | translate"
                   icon="pi pi-check"
                   [outlined]="true"
                   size="small"
@@ -3800,7 +4108,7 @@ class UserActionSelectorComponent {
                   (onClick)="selectAll()"
                 />
                 <p-button
-                  label="Deselect All"
+                  [label]="'shared.deselect.all' | translate"
                   icon="pi pi-times"
                   [outlined]="true"
                   size="small"
@@ -3809,7 +4117,7 @@ class UserActionSelectorComponent {
                 />
                 <p-button
                   *hasPermission="USER_ACTION_PERMISSIONS.ASSIGN"
-                  label="Save Changes"
+                  [label]="'shared.save.changes' | translate"
                   icon="pi pi-save"
                   [disabled]="!canSave()"
                   [loading]="saving()"
@@ -3826,12 +4134,9 @@ class UserActionSelectorComponent {
                 <div class="flex items-start gap-2">
                   <i class="pi pi-exclamation-triangle text-xl"></i>
                   <div class="flex-1">
-                    <span class="font-semibold">Validation Warning:</span>
+                    <span class="font-semibold">{{ 'iam.validation.warning.title' | translate }}:</span>
                     <p class="text-sm mt-1 mb-0">
-                      {{ invalidActionsCount() }} selected
-                      action{{ invalidActionsCount() > 1 ? 's have' : ' has' }}
-                      unmet prerequisites. Fix before saving or use auto-fix on
-                      save.
+                      {{ (invalidActionsCount() > 1 ? 'iam.validation.unmet.prerequisites.plural' : 'iam.validation.unmet.prerequisites.singular') | translate: { count: invalidActionsCount() } }}
                     </p>
                   </div>
                 </div>
@@ -3853,14 +4158,14 @@ class UserActionSelectorComponent {
                         [ngModel]="allSelected()"
                         [binary]="true"
                         (ngModelChange)="toggleAll()"
-                        pTooltip="Select/Deselect All"
+                        [pTooltip]="'shared.select.deselect.all' | translate"
                         tooltipPosition="top"
                       />
                     </th>
-                    <th>Name</th>
-                    <th class="hidden md:table-cell">Code</th>
-                    <th>Type</th>
-                    <th class="hidden lg:table-cell">Description</th>
+                    <th>{{ 'shared.name' | translate }}</th>
+                    <th class="hidden md:table-cell">{{ 'shared.code' | translate }}</th>
+                    <th>{{ 'iam.action.type' | translate }}</th>
+                    <th class="hidden lg:table-cell">{{ 'shared.description' | translate }}</th>
                   </tr>
                 </ng-template>
               <ng-template #body let-rowNode let-rowData="rowData">
@@ -3881,7 +4186,7 @@ class UserActionSelectorComponent {
                       @if (hasUnmetPrerequisites(rowData)) {
                         <i
                           class="pi pi-exclamation-triangle text-orange-500"
-                          pTooltip="This action has unmet prerequisites and will fail validation on save"
+                          [pTooltip]="'iam.validation.unmet.prerequisites.tooltip' | translate"
                           tooltipPosition="top"
                         ></i>
                       }
@@ -3903,9 +4208,9 @@ class UserActionSelectorComponent {
                 <tr>
                   <td colspan="5" class="text-center p-4 text-muted-color">
                     @if (loading()) {
-                      <i class="pi pi-spin pi-spinner"></i> Loading actions...
+                      <i class="pi pi-spin pi-spinner"></i> {{ 'shared.loading.actions' | translate }}
                     } @else {
-                      No actions available.
+                      {{ 'iam.permission.no.actions.available' | translate }}
                     }
                   </td>
                 </tr>
@@ -3919,14 +4224,14 @@ class UserActionSelectorComponent {
             <div class="border border-surface rounded-border p-3 mt-4">
               <div class="flex items-center gap-2 mb-3">
                 <i class="pi pi-info-circle text-primary"></i>
-                <span class="font-bold">Pending Changes</span>
+                <span class="font-bold">{{ 'shared.pending.changes' | translate }}</span>
               </div>
               <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                 @if (pendingAdd().length > 0) {
                   <div>
                     <div class="flex items-center gap-2 mb-2">
                       <i class="pi pi-plus-circle text-green-500"></i>
-                      <strong class="text-sm">To Assign ({{ pendingAdd().length }})</strong>
+                      <strong class="text-sm">{{ 'shared.to.assign' | translate }} ({{ pendingAdd().length }})</strong>
                     </div>
                     <ul class="list-none p-0 m-0 pl-4">
                       @for (action of pendingAdd(); track action.id) {
@@ -3939,7 +4244,7 @@ class UserActionSelectorComponent {
                   <div>
                     <div class="flex items-center gap-2 mb-2">
                       <i class="pi pi-minus-circle text-red-500"></i>
-                      <strong class="text-sm">To Remove ({{ pendingRemove().length }})</strong>
+                      <strong class="text-sm">{{ 'shared.to.remove' | translate }} ({{ pendingRemove().length }})</strong>
                     </div>
                     <ul class="list-none p-0 m-0 pl-4">
                       @for (action of pendingRemove(); track action.id) {
@@ -3957,17 +4262,17 @@ class UserActionSelectorComponent {
           <div class="surface-card p-5 rounded-border shadow-sm text-center">
             <i class="pi pi-info-circle text-muted-color mb-3 block text-5xl"></i>
             <p class="text-muted-color m-0">
-              No actions available for this user.
+              {{ 'iam.permission.no.actions.for.user' | translate }}
             </p>
           </div>
         }
       }
     </div>
-  `, isInline: true, styles: [":host{display:block}.validation-warning{background-color:var(--p-yellow-50, #fefce8);border-left:4px solid var(--p-yellow-500, #eab308);color:var(--p-yellow-700, #a16207)}:host-context(.p-dark) .validation-warning{background-color:#eab3081a;color:var(--p-yellow-400, #facc15)}:host ::ng-deep tr.highlight-warning{background-color:var(--p-red-50, rgba(239, 68, 68, .1))!important}:host-context(.p-dark) ::ng-deep tr.highlight-warning{background-color:#ef444426!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i3.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "component", type: i4.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i5.Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "component", type: i7.TreeTable, selector: "p-treeTable, p-treetable, p-tree-table", inputs: ["columns", "styleClass", "tableStyle", "tableStyleClass", "autoLayout", "lazy", "lazyLoadOnInit", "paginator", "rows", "first", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "customSort", "selectionMode", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "compareSelectionBy", "rowHover", "loading", "loadingIcon", "showLoader", "scrollable", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "frozenColumns", "resizableColumns", "columnResizeMode", "reorderableColumns", "contextMenu", "rowTrackBy", "filters", "globalFilterFields", "filterDelay", "filterMode", "filterLocale", "paginatorLocale", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "value", "virtualRowHeight", "selectionKeys", "showGridlines"], outputs: ["selectionChange", "contextMenuSelectionChange", "onFilter", "onNodeExpand", "onNodeCollapse", "onPage", "onSort", "onLazyLoad", "sortFunction", "onColResize", "onColReorder", "onNodeSelect", "onNodeUnselect", "onContextMenuSelect", "onHeaderCheckboxToggle", "onEditInit", "onEditComplete", "onEditCancel", "selectionKeysChange"] }, { kind: "component", type: i7.TreeTableToggler, selector: "p-treeTableToggler, p-treetabletoggler, p-treetable-toggler", inputs: ["rowNode"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "component", type: UserSelectComponent, selector: "lib-user-select", inputs: ["value"], outputs: ["valueChange", "userSelected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [":host{display:block}.validation-warning{background-color:var(--p-yellow-50, #fefce8);border-left:4px solid var(--p-yellow-500, #eab308);color:var(--p-yellow-700, #a16207)}:host-context(.p-dark) .validation-warning{background-color:#eab3081a;color:var(--p-yellow-400, #facc15)}:host ::ng-deep tr.highlight-warning{background-color:var(--p-red-50, rgba(239, 68, 68, .1))!important}:host-context(.p-dark) ::ng-deep tr.highlight-warning{background-color:#ef444426!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: PrimeModule }, { kind: "component", type: i2.Button, selector: "p-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "component", type: i3.Checkbox, selector: "p-checkbox, p-checkBox, p-check-box", inputs: ["hostName", "value", "binary", "ariaLabelledBy", "ariaLabel", "tabindex", "inputId", "inputStyle", "styleClass", "inputClass", "indeterminate", "formControl", "checkboxIcon", "readonly", "autofocus", "trueValue", "falseValue", "variant", "size"], outputs: ["onChange", "onFocus", "onBlur"] }, { kind: "component", type: i4.Select, selector: "p-select", inputs: ["id", "scrollHeight", "filter", "panelStyle", "styleClass", "panelStyleClass", "readonly", "editable", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "filterValue", "options", "appendTo", "motionOptions"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "component", type: i5.Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "directive", type: i6.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "showOnEllipsis", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }, { kind: "component", type: i7.TreeTable, selector: "p-treeTable, p-treetable, p-tree-table", inputs: ["columns", "styleClass", "tableStyle", "tableStyleClass", "autoLayout", "lazy", "lazyLoadOnInit", "paginator", "rows", "first", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "customSort", "selectionMode", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "compareSelectionBy", "rowHover", "loading", "loadingIcon", "showLoader", "scrollable", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "frozenColumns", "resizableColumns", "columnResizeMode", "reorderableColumns", "contextMenu", "rowTrackBy", "filters", "globalFilterFields", "filterDelay", "filterMode", "filterLocale", "paginatorLocale", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "value", "virtualRowHeight", "selectionKeys", "showGridlines"], outputs: ["selectionChange", "contextMenuSelectionChange", "onFilter", "onNodeExpand", "onNodeCollapse", "onPage", "onSort", "onLazyLoad", "sortFunction", "onColResize", "onColReorder", "onNodeSelect", "onNodeUnselect", "onContextMenuSelect", "onHeaderCheckboxToggle", "onEditInit", "onEditComplete", "onEditCancel", "selectionKeysChange"] }, { kind: "component", type: i7.TreeTableToggler, selector: "p-treeTableToggler, p-treetabletoggler, p-treetable-toggler", inputs: ["rowNode"] }, { kind: "directive", type: HasPermissionDirective, selector: "[hasPermission]", inputs: ["hasPermission"] }, { kind: "component", type: UserSelectComponent, selector: "lib-user-select", inputs: ["value"], outputs: ["valueChange", "userSelected"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImport: i0, type: UserActionSelectorComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'flusys-user-action-selector', changeDetection: ChangeDetectionStrategy.OnPush, imports: [CommonModule, FormsModule, PrimeModule, HasPermissionDirective, UserSelectComponent], template: `
+            args: [{ selector: 'flusys-user-action-selector', imports: [CommonModule, FormsModule, PrimeModule, HasPermissionDirective, UserSelectComponent, TranslatePipe], template: `
     <div class="user-action-selector">
       <!-- User and Branch Selectors -->
       <div class="surface-card p-4 rounded-border mb-4 shadow-sm">
@@ -3975,13 +4280,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
           <div>
             <label class="block font-semibold mb-2">
               <i class="pi pi-user mr-2 text-primary"></i>
-              Select User
+              {{ 'iam.permission.select.user' | translate }}
             </label>
             <lib-user-select
               [value]="selectedUserId()"
               (valueChange)="selectedUserId.set($event)"
               [isEditMode]="true"
-              placeHolder="Select a user"
+              [placeHolder]="'iam.permission.select.user.placeholder' | translate"
             />
           </div>
 
@@ -3989,7 +4294,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
             <div>
               <label class="block font-semibold mb-2">
                 <i class="pi pi-building mr-2 text-primary"></i>
-                Select Branch
+                {{ 'iam.permission.select.branch' | translate }}
               </label>
               <p-select
                 [ngModel]="selectedBranchId()"
@@ -3997,7 +4302,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                 [options]="filteredBranches()"
                 optionLabel="name"
                 optionValue="id"
-                placeholder="Select a branch"
+                [placeholder]="'iam.permission.select.branch.placeholder' | translate"
                 [showClear]="true"
                 [filter]="true"
                 styleClass="w-full"
@@ -4018,10 +4323,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                 </ng-template>
               </p-select>
               <small class="text-muted-color block mt-1">
-                {{ filteredBranches().length }} permitted branch{{
-                  filteredBranches().length !== 1 ? 'es' : ''
-                }}
-                in current company
+                {{ (filteredBranches().length !== 1 ? 'iam.branch.permitted.count.plural' : 'iam.branch.permitted.count') | translate: { count: filteredBranches().length } }}
               </small>
             </div>
           }
@@ -4043,14 +4345,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
               class="flex flex-col md:flex-row justify-between items-start md:items-center gap-3 mb-4"
             >
               <div>
-                <h5 class="m-0 mb-1">Direct Action Permissions</h5>
+                <h5 class="m-0 mb-1">{{ 'iam.permission.direct.action.permissions' | translate }}</h5>
                 <p class="text-sm text-muted-color m-0">
-                  {{ actions().length }} actions available
+                  {{ 'iam.permission.actions.available' | translate: { count: actions().length } }}
                 </p>
               </div>
               <div class="flex flex-wrap gap-2">
                 <p-button
-                  label="Select All"
+                  [label]="'shared.select.all' | translate"
                   icon="pi pi-check"
                   [outlined]="true"
                   size="small"
@@ -4058,7 +4360,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                   (onClick)="selectAll()"
                 />
                 <p-button
-                  label="Deselect All"
+                  [label]="'shared.deselect.all' | translate"
                   icon="pi pi-times"
                   [outlined]="true"
                   size="small"
@@ -4067,7 +4369,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                 />
                 <p-button
                   *hasPermission="USER_ACTION_PERMISSIONS.ASSIGN"
-                  label="Save Changes"
+                  [label]="'shared.save.changes' | translate"
                   icon="pi pi-save"
                   [disabled]="!canSave()"
                   [loading]="saving()"
@@ -4084,12 +4386,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                 <div class="flex items-start gap-2">
                   <i class="pi pi-exclamation-triangle text-xl"></i>
                   <div class="flex-1">
-                    <span class="font-semibold">Validation Warning:</span>
+                    <span class="font-semibold">{{ 'iam.validation.warning.title' | translate }}:</span>
                     <p class="text-sm mt-1 mb-0">
-                      {{ invalidActionsCount() }} selected
-                      action{{ invalidActionsCount() > 1 ? 's have' : ' has' }}
-                      unmet prerequisites. Fix before saving or use auto-fix on
-                      save.
+                      {{ (invalidActionsCount() > 1 ? 'iam.validation.unmet.prerequisites.plural' : 'iam.validation.unmet.prerequisites.singular') | translate: { count: invalidActionsCount() } }}
                     </p>
                   </div>
                 </div>
@@ -4111,14 +4410,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                         [ngModel]="allSelected()"
                         [binary]="true"
                         (ngModelChange)="toggleAll()"
-                        pTooltip="Select/Deselect All"
+                        [pTooltip]="'shared.select.deselect.all' | translate"
                         tooltipPosition="top"
                       />
                     </th>
-                    <th>Name</th>
-                    <th class="hidden md:table-cell">Code</th>
-                    <th>Type</th>
-                    <th class="hidden lg:table-cell">Description</th>
+                    <th>{{ 'shared.name' | translate }}</th>
+                    <th class="hidden md:table-cell">{{ 'shared.code' | translate }}</th>
+                    <th>{{ 'iam.action.type' | translate }}</th>
+                    <th class="hidden lg:table-cell">{{ 'shared.description' | translate }}</th>
                   </tr>
                 </ng-template>
               <ng-template #body let-rowNode let-rowData="rowData">
@@ -4139,7 +4438,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                       @if (hasUnmetPrerequisites(rowData)) {
                         <i
                           class="pi pi-exclamation-triangle text-orange-500"
-                          pTooltip="This action has unmet prerequisites and will fail validation on save"
+                          [pTooltip]="'iam.validation.unmet.prerequisites.tooltip' | translate"
                           tooltipPosition="top"
                         ></i>
                       }
@@ -4161,9 +4460,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                 <tr>
                   <td colspan="5" class="text-center p-4 text-muted-color">
                     @if (loading()) {
-                      <i class="pi pi-spin pi-spinner"></i> Loading actions...
+                      <i class="pi pi-spin pi-spinner"></i> {{ 'shared.loading.actions' | translate }}
                     } @else {
-                      No actions available.
+                      {{ 'iam.permission.no.actions.available' | translate }}
                     }
                   </td>
                 </tr>
@@ -4177,14 +4476,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
             <div class="border border-surface rounded-border p-3 mt-4">
               <div class="flex items-center gap-2 mb-3">
                 <i class="pi pi-info-circle text-primary"></i>
-                <span class="font-bold">Pending Changes</span>
+                <span class="font-bold">{{ 'shared.pending.changes' | translate }}</span>
               </div>
               <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                 @if (pendingAdd().length > 0) {
                   <div>
                     <div class="flex items-center gap-2 mb-2">
                       <i class="pi pi-plus-circle text-green-500"></i>
-                      <strong class="text-sm">To Assign ({{ pendingAdd().length }})</strong>
+                      <strong class="text-sm">{{ 'shared.to.assign' | translate }} ({{ pendingAdd().length }})</strong>
                     </div>
                     <ul class="list-none p-0 m-0 pl-4">
                       @for (action of pendingAdd(); track action.id) {
@@ -4197,7 +4496,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
                   <div>
                     <div class="flex items-center gap-2 mb-2">
                       <i class="pi pi-minus-circle text-red-500"></i>
-                      <strong class="text-sm">To Remove ({{ pendingRemove().length }})</strong>
+                      <strong class="text-sm">{{ 'shared.to.remove' | translate }} ({{ pendingRemove().length }})</strong>
                     </div>
                     <ul class="list-none p-0 m-0 pl-4">
                       @for (action of pendingRemove(); track action.id) {
@@ -4215,7 +4514,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.5", ngImpor
           <div class="surface-card p-5 rounded-border shadow-sm text-center">
             <i class="pi pi-info-circle text-muted-color mb-3 block text-5xl"></i>
             <p class="text-muted-color m-0">
-              No actions available for this user.
+              {{ 'iam.permission.no.actions.for.user' | translate }}
             </p>
           </div>
         }
@@ -4296,7 +4595,8 @@ function provideIamProviders() {
 const IAM_ROUTES = [
     {
         path: '',
-        loadComponent: () => import('./flusys-ng-iam-iam-container.component-UYJjqYV9.mjs').then((m) => m.IamContainerComponent),
+        resolve: { translations: resolveTranslationModule({ modules: ['iam'], fallbackMessages: { ...IAM_MESSAGES, ...SHARED_MESSAGES } }) },
+        loadComponent: () => import('./flusys-ng-iam-iam-container.component-CQA2B6cU.mjs').then((m) => m.IamContainerComponent),
         children: [
             // Actions Management
             {
@@ -4305,15 +4605,15 @@ const IAM_ROUTES = [
                 children: [
                     {
                         path: '',
-                        loadComponent: () => import('./flusys-ng-iam-action-list-page.component-BtJlGcTj.mjs').then((m) => m.ActionListPageComponent),
+                        loadComponent: () => import('./flusys-ng-iam-action-list-page.component-BrpZujxk.mjs').then((m) => m.ActionListPageComponent),
                     },
                     {
                         path: 'new',
-                        loadComponent: () => import('./flusys-ng-iam-action-form-page.component-eXpZNJ_H.mjs').then((m) => m.ActionFormPageComponent),
+                        loadComponent: () => import('./flusys-ng-iam-action-form-page.component-BQx9yset.mjs').then((m) => m.ActionFormPageComponent),
                     },
                     {
                         path: ':id',
-                        loadComponent: () => import('./flusys-ng-iam-action-form-page.component-eXpZNJ_H.mjs').then((m) => m.ActionFormPageComponent),
+                        loadComponent: () => import('./flusys-ng-iam-action-form-page.component-BQx9yset.mjs').then((m) => m.ActionFormPageComponent),
                     },
                 ],
             },
@@ -4324,15 +4624,15 @@ const IAM_ROUTES = [
                 children: [
                     {
                         path: '',
-                        loadComponent: () => import('./flusys-ng-iam-role-list-page.component-D4J1by6Q.mjs').then((m) => m.RoleListPageComponent),
+                        loadComponent: () => import('./flusys-ng-iam-role-list-page.component-BHB8X5r7.mjs').then((m) => m.RoleListPageComponent),
                     },
                     {
                         path: 'new',
-                        loadComponent: () => import('./flusys-ng-iam-role-form-page.component-D_AAEay2.mjs').then((m) => m.RoleFormPageComponent),
+                        loadComponent: () => import('./flusys-ng-iam-role-form-page.component-CVfRQpoa.mjs').then((m) => m.RoleFormPageComponent),
                     },
                     {
                         path: ':id',
-                        loadComponent: () => import('./flusys-ng-iam-role-form-page.component-D_AAEay2.mjs').then((m) => m.RoleFormPageComponent),
+                        loadComponent: () => import('./flusys-ng-iam-role-form-page.component-CVfRQpoa.mjs').then((m) => m.RoleFormPageComponent),
                     },
                 ],
             },
@@ -4347,7 +4647,7 @@ const IAM_ROUTES = [
                         COMPANY_ACTION_PERMISSIONS.READ,
                     ]),
                 ],
-                loadComponent: () => import('./flusys-ng-iam-permission-page.component-DcgT7L3_.mjs').then((m) => m.PermissionPageComponent),
+                loadComponent: () => import('./flusys-ng-iam-permission-page.component-Dpk90y72.mjs').then((m) => m.PermissionPageComponent),
             },
             // Default redirect to actions
             {
@@ -4365,5 +4665,5 @@ const IAM_ROUTES = [
  * Generated bundle index. Do not edit.
  */
 
-export { ActionApiService as A, CompanyActionSelectorComponent as C, IAM_ROUTES as I, LogicBuilderComponent as L, MAX_DROPDOWN_ITEMS as M, PermissionApiService as P, RoleApiService as R, UserRoleSelectorComponent as U, ActionType as a, RoleActionSelectorComponent as b, convertActionToTreeNode as c, UserActionSelectorComponent as d, ActionPermissionLogicService as e, MyPermissionsApiService as f, PermissionStateService as g, ProfilePermissionProviderAdapter as h, provideIamProviders as p };
-//# sourceMappingURL=flusys-ng-iam-flusys-ng-iam-CJAQT60K.mjs.map
+export { ActionApiService as A, CompanyActionSelectorComponent as C, IAM_MESSAGES as I, LogicBuilderComponent as L, MAX_DROPDOWN_ITEMS as M, PermissionApiService as P, RoleApiService as R, UserRoleSelectorComponent as U, ActionType as a, RoleActionSelectorComponent as b, convertActionToTreeNode as c, UserActionSelectorComponent as d, ActionPermissionLogicService as e, IAM_ROUTES as f, MyPermissionsApiService as g, PermissionStateService as h, ProfilePermissionProviderAdapter as i, provideIamProviders as p };
+//# sourceMappingURL=flusys-ng-iam-flusys-ng-iam-Co4ot9My.mjs.map