oip-common 0.8.1 → 0.10.0

package/fesm2022/oip-common.mjs

@@ -2,7 +2,7 @@ import * as i0 from '@angular/core';
 import { Injectable, inject, signal, computed, effect, isDevMode, DestroyRef, ChangeDetectorRef, Component, Input, InjectionToken, PLATFORM_ID, ViewChild, HostBinding, EventEmitter, Output, untracked, Renderer2, SecurityContext, ChangeDetectionStrategy, Injector, EnvironmentInjector, ViewContainerRef, makeEnvironmentProviders, importProvidersFrom } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { Subject, BehaviorSubject, of, tap, shareReplay, ReplaySubject, firstValueFrom, from, filter as filter$1 } from 'rxjs';
-import * as i2$1 from 'primeng/api';
+import * as i3$1 from 'primeng/api';
 import { MessageService, ConfirmationService, PrimeIcons, SharedModule } from 'primeng/api';
 import { HttpErrorResponse, HttpClient as HttpClient$1, provideHttpClient, withInterceptors, withFetch } from '@angular/common/http';
 import * as i1$7 from '@ngx-translate/core';
@@ -22,47 +22,46 @@ import * as i1$1 from '@angular/forms';
 import { FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i1$3 from '@angular/common';
 import { isPlatformBrowser, CommonModule, NgComponentOutlet, NgClass, DatePipe, PathLocationStrategy, LocationStrategy } from '@angular/common';
-import * as i3$3 from 'primeng/styleclass';
+import * as i3$4 from 'primeng/styleclass';
 import { StyleClassModule } from 'primeng/styleclass';
 import { updatePreset, updateSurfacePalette, $t, definePreset } from '@primeng/themes';
 import Aura from '@primeng/themes/aura';
 import * as i3 from 'primeng/selectbutton';
 import { SelectButtonModule } from 'primeng/selectbutton';
 import { Tabs, TabList, Tab } from 'primeng/tabs';
-import * as i2$2 from 'primeng/avatar';
+import * as i2$1 from 'primeng/avatar';
 import { AvatarModule } from 'primeng/avatar';
 import { ConfirmDialog } from 'primeng/confirmdialog';
 import * as i1$4 from 'primeng/badge';
 import { BadgeModule } from 'primeng/badge';
-import * as i3$1 from 'primeng/paginator';
+import * as i3$2 from 'primeng/paginator';
 import { PaginatorModule } from 'primeng/paginator';
 import * as i7 from 'primeng/popover';
 import { Popover, PopoverModule } from 'primeng/popover';
 import * as i4 from 'primeng/progressspinner';
 import { ProgressSpinnerModule, ProgressSpinner } from 'primeng/progressspinner';
-import * as i9 from 'primeng/tag';
+import * as i3$6 from 'primeng/tag';
 import { Tag, TagModule } from 'primeng/tag';
 import * as signalR from '@microsoft/signalr';
-import * as i3$2 from 'primeng/menu';
+import * as i3$3 from 'primeng/menu';
 import { MenuModule } from 'primeng/menu';
 import * as i1$6 from 'primeng/contextmenu';
 import { ContextMenuModule, ContextMenu } from 'primeng/contextmenu';
-import * as i3$4 from 'primeng/dialog';
+import * as i3$5 from 'primeng/dialog';
 import { DialogModule } from 'primeng/dialog';
 import * as i4$1 from 'primeng/inputtext';
 import { InputTextModule, InputText } from 'primeng/inputtext';
-import * as i2$3 from 'primeng/ripple';
+import * as i2$2 from 'primeng/ripple';
 import { RippleModule } from 'primeng/ripple';
 import * as i5 from 'primeng/select';
 import { SelectModule, Select } from 'primeng/select';
 import * as i1$8 from 'primeng/fileupload';
 import { FileUploadModule } from 'primeng/fileupload';
 import { ImageModule } from 'primeng/image';
-import * as i1$9 from 'primeng/table';
+import * as i2$4 from 'primeng/table';
 import { TableModule } from 'primeng/table';
-import * as i2$4 from 'primeng/toggleswitch';
+import * as i2$3 from 'primeng/toggleswitch';
 import { ToggleSwitchModule } from 'primeng/toggleswitch';
-import { TextareaModule, Textarea } from 'primeng/textarea';
 import * as i5$1 from 'primeng/toolbar';
 import { ToolbarModule } from 'primeng/toolbar';
 import * as i5$2 from 'primeng/card';
@@ -70,6 +69,7 @@ import { CardModule } from 'primeng/card';
 import { DividerModule } from 'primeng/divider';
 import * as i6 from 'primeng/panel';
 import { PanelModule } from 'primeng/panel';
+import { Textarea } from 'primeng/textarea';
 import { loadRemoteModule } from '@angular-architects/module-federation';
 import { primitive } from '@primeng/themes/aura/base';
 import { TranslateHttpLoader } from '@ngx-translate/http-loader';
@@ -541,6 +541,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             args: [{ providedIn: 'root' }]
         }], ctorParameters: () => [] });
 
+var userService$1 = {
+	failedToLoadPhoto: "Failed to load user photo"
+};
 var msgService$1 = {
 	success: "Success",
 	info: "Info",
@@ -549,11 +552,15 @@ var msgService$1 = {
 	secondary: "Secondary"
 };
 var primeng$1 = "";
-var en$k = {
+var en$l = {
+	userService: userService$1,
 	msgService: msgService$1,
 	primeng: primeng$1
 };
 
+var userService = {
+	failedToLoadPhoto: "Не удалось загрузить фото пользователя"
+};
 var msgService = {
 	success: "Успешно",
 	info: "Информация",
@@ -753,7 +760,8 @@ var primeng = {
 		zoomOut: "Уменьшить"
 	}
 };
-var ru$k = {
+var ru$l = {
+	userService: userService,
 	msgService: msgService,
 	primeng: primeng
 };
@@ -762,7 +770,7 @@ var ru$k = {
  * Global dictionaries shared by all components. They are bundled with the library,
  * so the application never requests `assets/i18n/{lang}.json`.
  */
-const globalTranslations = { en: en$k, ru: ru$k };
+const globalTranslations = { en: en$l, ru: ru$l };
 /**
  * Service for managing translation loading in the application
  */
@@ -1468,7 +1476,7 @@ var baseComponent$1 = {
 	security: "Security",
 	success: "Saved successfully"
 };
-var en$j = {
+var en$k = {
 	baseComponent: baseComponent$1
 };
 
@@ -1478,7 +1486,7 @@ var baseComponent = {
 	security: "Безопасность",
 	success: "Сохранено"
 };
-var ru$j = {
+var ru$k = {
 	baseComponent: baseComponent
 };
 
@@ -1619,7 +1627,7 @@ class BaseModuleComponent {
          * @type {Subject<TLocalStoreSettings>}
          */
         this.localSettingsUpdate = new Subject();
-        this.baseTranslations = provideTranslations({ en: en$j, ru: ru$j });
+        this.baseTranslations = provideTranslations({ en: en$k, ru: ru$k });
         this.l10nService = inject(L10nService);
         this.canRead = false;
         this.canEdit = false;
@@ -1930,7 +1938,7 @@ var securityComponent$1 = {
 	savedSecurity: "Security settings saved",
 	selectRoles: "Select roles"
 };
-var en$i = {
+var en$j = {
 	securityComponent: securityComponent$1
 };
 
@@ -1940,13 +1948,13 @@ var securityComponent = {
 	savedSecurity: "Настройки сохранены",
 	selectRoles: "Выберите роли"
 };
-var ru$i = {
+var ru$j = {
 	securityComponent: securityComponent
 };
 
 class SecurityComponent {
     constructor() {
-        this.translations = provideTranslations({ en: en$i, ru: ru$i });
+        this.translations = provideTranslations({ en: en$j, ru: ru$j });
         this.msgService = inject(MsgService);
         this.translateService = inject(TranslateService);
         this.httpClient = inject(HttpClient);
@@ -2115,7 +2123,7 @@ const APP_THEME_PRESETS_MERGE_MODE = new InjectionToken('APP_THEME_PRESETS_MERGE
     factory: () => 'mergeWithDefaults'
 });
 
-var en$h = {
+var en$i = {
 	"app-configurator": {
 	primary: "Primary",
 	surface: "Surface",
@@ -2126,7 +2134,7 @@ var en$h = {
 }
 };
 
-var ru$h = {
+var ru$i = {
 	"app-configurator": {
 	primary: "Основной",
 	surface: "Фон",
@@ -2170,7 +2178,7 @@ const PRIMARY_COLORS = [
 ];
 class AppConfiguratorComponent {
     constructor() {
-        this.translations = provideTranslations({ en: en$h, ru: ru$h });
+        this.translations = provideTranslations({ en: en$i, ru: ru$i });
         this.router = inject(Router);
         this.config = inject(PrimeNG);
         this.layoutService = inject(LayoutService);
@@ -2691,7 +2699,7 @@ class AppConfiguratorComponent {
         </div>
       }
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: SelectButtonModule }, { kind: "component", type: i3.SelectButton, selector: "p-selectButton, p-selectbutton, p-select-button", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "styleClass", "ariaLabelledBy", "dataKey", "autofocus", "size", "fluid"], outputs: ["onOptionClick", "onChange"] }, { kind: "directive", type: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: SelectButtonModule }, { kind: "component", type: i3.SelectButton, selector: "p-selectButton, p-selectbutton, p-select-button", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "styleClass", "ariaLabelledBy", "dataKey", "autofocus", "size", "fluid"], outputs: ["onOptionClick", "onChange"] }, { kind: "directive", type: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AppConfiguratorComponent, decorators: [{
             type: Component,
@@ -2903,7 +2911,7 @@ class UserService {
             // A 404 just means the user hasn't uploaded a photo yet (e.g. on first login) —
             // that's an expected state, not a failure, so fall back to initials silently.
             if (error?.status !== 404) {
-                this.msgService.errorFromException(error, this.translateService.instant('profileComponent.failedToLoadPhoto'));
+                this.msgService.errorFromException(error, this.translateService.instant('userService.failedToLoadPhoto'));
             }
             this.photoLoaded = false;
         });
@@ -3178,7 +3186,7 @@ var userNotifications$1 = {
 	markAsRead: "Read",
 	markedAsRead: "Notification marked as read"
 };
-var en$g = {
+var en$h = {
 	userNotifications: userNotifications$1
 };
 
@@ -3189,13 +3197,13 @@ var userNotifications = {
 	markAsRead: "Прочитано",
 	markedAsRead: "Оповещение отмечено прочитанным"
 };
-var ru$g = {
+var ru$h = {
 	userNotifications: userNotifications
 };
 
 class UserNotificationsComponent {
     constructor() {
-        this.translations = provideTranslations({ en: en$g, ru: ru$g });
+        this.translations = provideTranslations({ en: en$h, ru: ru$h });
         this.notifications = [];
         this.totalCount = 0;
         this.skip = 0;
@@ -3360,7 +3368,7 @@ class UserNotificationsComponent {
           (onPageChange)="onPageChange($event)"></p-paginator>
       }
     </p-popover>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: BadgeModule }, { kind: "component", type: i1$4.Badge, selector: "p-badge", inputs: ["styleClass", "badgeSize", "size", "severity", "value", "badgeDisabled"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.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: "ngmodule", type: PaginatorModule }, { kind: "component", type: i3$1.Paginator, selector: "p-paginator", inputs: ["pageLinkSize", "styleClass", "alwaysShow", "dropdownAppendTo", "templateLeft", "templateRight", "dropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showFirstLastIcon", "totalRecords", "rows", "rowsPerPageOptions", "showJumpToPageDropdown", "showJumpToPageInput", "jumpToPageItemTemplate", "showPageLinks", "locale", "dropdownItemTemplate", "first", "appendTo"], outputs: ["onPageChange"] }, { kind: "component", type: Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: ProgressSpinnerModule }, { kind: "component", type: i4.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip"] }, { kind: "pipe", type: i1$3.DatePipe, name: "date" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: BadgeModule }, { kind: "component", type: i1$4.Badge, selector: "p-badge", inputs: ["styleClass", "badgeSize", "size", "severity", "value", "badgeDisabled"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.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: "ngmodule", type: PaginatorModule }, { kind: "component", type: i3$2.Paginator, selector: "p-paginator", inputs: ["pageLinkSize", "styleClass", "alwaysShow", "dropdownAppendTo", "templateLeft", "templateRight", "dropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showFirstLastIcon", "totalRecords", "rows", "rowsPerPageOptions", "showJumpToPageDropdown", "showJumpToPageInput", "jumpToPageItemTemplate", "showPageLinks", "locale", "dropdownItemTemplate", "first", "appendTo"], outputs: ["onPageChange"] }, { kind: "component", type: Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: ProgressSpinnerModule }, { kind: "component", type: i4.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip"] }, { kind: "pipe", type: i1$3.DatePipe, name: "date" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: UserNotificationsComponent, decorators: [{
             type: Component,
@@ -3585,7 +3593,7 @@ class AppTopbarApplicationSwitcherComponent {
       </p-button>
       <p-menu #applicationMenu [model]="applicationMenuItems" [popup]="true" />
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.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: "ngmodule", type: MenuModule }, { kind: "component", type: i3$2.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex", "appendTo"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.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: "ngmodule", type: MenuModule }, { kind: "component", type: i3$3.Menu, selector: "p-menu", inputs: ["model", "popup", "style", "styleClass", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "ariaLabel", "ariaLabelledBy", "id", "tabindex", "appendTo"], outputs: ["onShow", "onHide", "onBlur", "onFocus"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AppTopbarApplicationSwitcherComponent, decorators: [{
             type: Component,
@@ -3624,7 +3632,7 @@ var topbar$1 = {
 	profile: "Profile",
 	applications: "Applications"
 };
-var en$f = {
+var en$g = {
 	topbar: topbar$1
 };
 
@@ -3637,13 +3645,13 @@ var topbar = {
 	profile: "Профиль",
 	applications: "Приложения"
 };
-var ru$f = {
+var ru$g = {
 	topbar: topbar
 };
 
 class AppTopbar {
     constructor() {
-        this.translations = provideTranslations({ en: en$f, ru: ru$f });
+        this.translations = provideTranslations({ en: en$g, ru: ru$g });
         this.securityService = inject(SecurityService);
         this.topBarService = inject(TopBarService);
         this.userService = inject(UserService);
@@ -3790,7 +3798,7 @@ class AppTopbar {
           </div>
         </div>
       </div>
-    </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "ngmodule", type: StyleClassModule }, { kind: "directive", type: i3$3.StyleClass, selector: "[pStyleClass]", inputs: ["pStyleClass", "enterFromClass", "enterActiveClass", "enterToClass", "leaveFromClass", "leaveActiveClass", "leaveToClass", "hideOnOutsideClick", "toggleClass", "hideOnEscape", "hideOnResize", "resizeSelector"] }, { kind: "component", type: AppConfiguratorComponent, selector: "app-configurator" }, { kind: "component", type: Tabs, selector: "p-tabs", inputs: ["value", "scrollable", "lazy", "selectOnFocus", "showNavigators", "tabindex"], outputs: ["valueChange"] }, { kind: "component", type: TabList, selector: "p-tablist" }, { kind: "component", type: Tab, selector: "p-tab", inputs: ["value", "disabled"], outputs: ["valueChange"] }, { kind: "ngmodule", type: AvatarModule }, { kind: "component", type: i2$2.Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.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: ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "modal", "visible", "position", "draggable"], outputs: ["onHide"] }, { kind: "component", type: UserNotificationsComponent, selector: "app-user-notifications" }, { kind: "component", type: AppTopbarApplicationSwitcherComponent, selector: "app-topbar-application-switcher" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+    </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i1$5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$3.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"], exportAs: ["ngComponentOutlet"] }, { kind: "ngmodule", type: StyleClassModule }, { kind: "directive", type: i3$4.StyleClass, selector: "[pStyleClass]", inputs: ["pStyleClass", "enterFromClass", "enterActiveClass", "enterToClass", "leaveFromClass", "leaveActiveClass", "leaveToClass", "hideOnOutsideClick", "toggleClass", "hideOnEscape", "hideOnResize", "resizeSelector"] }, { kind: "component", type: AppConfiguratorComponent, selector: "app-configurator" }, { kind: "component", type: Tabs, selector: "p-tabs", inputs: ["value", "scrollable", "lazy", "selectOnFocus", "showNavigators", "tabindex"], outputs: ["valueChange"] }, { kind: "component", type: TabList, selector: "p-tablist" }, { kind: "component", type: Tab, selector: "p-tab", inputs: ["value", "disabled"], outputs: ["valueChange"] }, { kind: "ngmodule", type: AvatarModule }, { kind: "component", type: i2$1.Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.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: ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "modal", "visible", "position", "draggable"], outputs: ["onHide"] }, { kind: "component", type: UserNotificationsComponent, selector: "app-user-notifications" }, { kind: "component", type: AppTopbarApplicationSwitcherComponent, selector: "app-topbar-application-switcher" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AppTopbar, decorators: [{
             type: Component,
@@ -4556,7 +4564,7 @@ class MenuItemComponent {
         </ul>
       }
     </ng-container>
-  `, isInline: true, dependencies: [{ kind: "component", type: MenuItemComponent, selector: "[app-menuitem]", inputs: ["item", "index", "root", "parentKey", "menuItemCreateDialogComponent", "menuItemEditDialogComponent", "contextMenu"] }, { kind: "ngmodule", type: RippleModule }, { kind: "directive", type: i2$3.Ripple, selector: "[pRipple]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: ContextMenuModule }, { kind: "component", type: ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "modal", "visible", "position", "draggable"], outputs: ["onHide"] }] }); }
+  `, isInline: true, dependencies: [{ kind: "component", type: MenuItemComponent, selector: "[app-menuitem]", inputs: ["item", "index", "root", "parentKey", "menuItemCreateDialogComponent", "menuItemEditDialogComponent", "contextMenu"] }, { kind: "ngmodule", type: RippleModule }, { kind: "directive", type: i2$2.Ripple, selector: "[pRipple]" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: ContextMenuModule }, { kind: "component", type: ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "modal", "visible", "position", "draggable"], outputs: ["onHide"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MenuItemComponent, decorators: [{
             type: Component,
@@ -4813,7 +4821,7 @@ class MenuItemCreateDialogComponent {
           (click)="save()" />
       </div>
     </p-dialog>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.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: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i3$4.Dialog, selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i4$1.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i5.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"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: "pipe", type: TranslatePipe, name: "translate" }] }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.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: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i3$5.Dialog, selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i4$1.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i5.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"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MenuItemCreateDialogComponent, decorators: [{
             type: Component,
@@ -5075,7 +5083,7 @@ class MenuItemEditDialogComponent {
           (click)="save()" />
       </div>
     </p-dialog>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.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: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i3$4.Dialog, selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i4$1.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i5.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"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: MultiSelectModule }, { kind: "component", type: i1.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "styleClass", "panelStyle", "panelStyleClass", "inputId", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "dataKey", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "placeholder", "options", "filterValue", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect", "size", "variant", "fluid", "appendTo"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.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: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: DialogModule }, { kind: "component", type: i3$5.Dialog, selector: "p-dialog", inputs: ["hostName", "header", "draggable", "resizable", "contentStyle", "contentStyleClass", "modal", "closeOnEscape", "dismissableMask", "rtl", "closable", "breakpoints", "styleClass", "maskStyleClass", "maskStyle", "showHeader", "blockScroll", "autoZIndex", "baseZIndex", "minX", "minY", "focusOnShow", "maximizable", "keepInViewport", "focusTrap", "transitionOptions", "closeIcon", "closeAriaLabel", "closeTabindex", "minimizeIcon", "maximizeIcon", "closeButtonProps", "maximizeButtonProps", "visible", "style", "position", "role", "appendTo", "content", "contentTemplate", "footerTemplate", "closeIconTemplate", "maximizeIconTemplate", "minimizeIconTemplate", "headlessTemplate"], outputs: ["onShow", "onHide", "visibleChange", "onResizeInit", "onResizeEnd", "onDragEnd", "onMaximize"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i4$1.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i5.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"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: MultiSelectModule }, { kind: "component", type: i1.MultiSelect, selector: "p-multiSelect, p-multiselect, p-multi-select", inputs: ["id", "ariaLabel", "styleClass", "panelStyle", "panelStyleClass", "inputId", "readonly", "group", "filter", "filterPlaceHolder", "filterLocale", "overlayVisible", "tabindex", "dataKey", "ariaLabelledBy", "displaySelectedLabel", "maxSelectedLabels", "selectionLimit", "selectedItemsLabel", "showToggleAll", "emptyFilterMessage", "emptyMessage", "resetFilterOnHide", "dropdownIcon", "chipIcon", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "showHeader", "filterBy", "scrollHeight", "lazy", "virtualScroll", "loading", "virtualScrollItemSize", "loadingIcon", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "filterMatchMode", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "autofocusFilter", "display", "autocomplete", "showClear", "autofocus", "placeholder", "options", "filterValue", "selectAll", "focusOnHover", "filterFields", "selectOnFocus", "autoOptionFocus", "highlightOnSelect", "size", "variant", "fluid", "appendTo"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onClear", "onPanelShow", "onPanelHide", "onLazyLoad", "onRemove", "onSelectAllChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MenuItemEditDialogComponent, decorators: [{
             type: Component,
@@ -5224,7 +5232,7 @@ var menuItemCreateDialogComponent$1 = {
 	cancel: "Cancel",
 	save: "Save"
 };
-var en$e = {
+var en$f = {
 	menuComponent: menuComponent$1,
 	menuItemComponent: menuItemComponent$1,
 	menuItemEditDialogComponent: menuItemEditDialogComponent$1,
@@ -5273,7 +5281,7 @@ var menuItemCreateDialogComponent = {
 	cancel: "Отмена",
 	save: "Сохранить"
 };
-var ru$e = {
+var ru$f = {
 	menuComponent: menuComponent,
 	menuItemComponent: menuItemComponent,
 	menuItemEditDialogComponent: menuItemEditDialogComponent,
@@ -5284,7 +5292,7 @@ class MenuComponent {
     constructor() {
         // Registers the whole menu/l10n/menu.*.json bundle, which also covers
         // menuItemComponent, menuItemEditDialogComponent and menuItemCreateDialogComponent.
-        this.translations = provideTranslations({ en: en$e, ru: ru$e });
+        this.translations = provideTranslations({ en: en$f, ru: ru$f });
         this.menuService = inject(MenuService);
         this.securityService = inject(SecurityService);
         this.translateService = inject(TranslateService);
@@ -5411,14 +5419,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 var blockLoader$1 = {
 	loading: "Loading..."
 };
-var en$d = {
+var en$e = {
 	blockLoader: blockLoader$1
 };
 
 var blockLoader = {
 	loading: "Загрузка..."
 };
-var ru$d = {
+var ru$e = {
 	blockLoader: blockLoader
 };
 
@@ -5435,7 +5443,7 @@ class BlockLoaderComponent {
     static { this.showDelayMs = 150; }
     static { this.minVisibleMs = 300; }
     constructor() {
-        this.translations = provideTranslations({ en: en$d, ru: ru$d });
+        this.translations = provideTranslations({ en: en$e, ru: ru$e });
         this.moduleLoadingService = inject(ModuleLoadingService);
         this.shownAt = 0;
         this.visible = signal(false, ...(ngDevMode ? [{ debugName: "visible" }] : []));
@@ -5567,7 +5575,7 @@ var defaultSecretsBanner$1 = {
 		dismiss: "Dismiss"
 	}
 };
-var en$c = {
+var en$d = {
 	defaultSecretsBanner: defaultSecretsBanner$1
 };
 
@@ -5589,7 +5597,7 @@ var defaultSecretsBanner = {
 		dismiss: "Скрыть"
 	}
 };
-var ru$c = {
+var ru$d = {
 	defaultSecretsBanner: defaultSecretsBanner
 };
 
@@ -5605,7 +5613,7 @@ var ru$c = {
  */
 class DefaultSecretsBannerComponent {
     constructor() {
-        this.translations = provideTranslations({ en: en$c, ru: ru$c });
+        this.translations = provideTranslations({ en: en$d, ru: ru$d });
         this.securityApi = inject(SecurityApi);
         this.securityService = inject(SecurityService);
         this.destroyRef = inject(DestroyRef);
@@ -5947,7 +5955,7 @@ class AppFloatingConfiguratorComponent {
         <app-configurator />
       </div>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.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: "ngmodule", type: StyleClassModule }, { kind: "directive", type: i3$3.StyleClass, selector: "[pStyleClass]", inputs: ["pStyleClass", "enterFromClass", "enterActiveClass", "enterToClass", "leaveFromClass", "leaveActiveClass", "leaveToClass", "hideOnOutsideClick", "toggleClass", "hideOnEscape", "hideOnResize", "resizeSelector"] }, { kind: "component", type: AppConfiguratorComponent, selector: "app-configurator" }] }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.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: "ngmodule", type: StyleClassModule }, { kind: "directive", type: i3$4.StyleClass, selector: "[pStyleClass]", inputs: ["pStyleClass", "enterFromClass", "enterActiveClass", "enterToClass", "leaveFromClass", "leaveActiveClass", "leaveToClass", "hideOnOutsideClick", "toggleClass", "hideOnEscape", "hideOnResize", "resizeSelector"] }, { kind: "component", type: AppConfiguratorComponent, selector: "app-configurator" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AppFloatingConfiguratorComponent, decorators: [{
             type: Component,
@@ -5988,7 +5996,7 @@ var notfound$1 = {
 	description: "Requested resource is not available.",
 	button: "Go to home"
 };
-var en$b = {
+var en$c = {
 	notfound: notfound$1
 };
 
@@ -5998,13 +6006,13 @@ var notfound = {
 	description: "Запрашиваемый ресурс недоступен.",
 	button: "На главную"
 };
-var ru$b = {
+var ru$c = {
 	notfound: notfound
 };
 
 class NotfoundComponent {
     constructor() {
-        this.translations = provideTranslations({ en: en$b, ru: ru$b });
+        this.translations = provideTranslations({ en: en$c, ru: ru$c });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NotfoundComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: NotfoundComponent, isStandalone: true, selector: "app-notfound", ngImport: i0, template: ` <app-floating-configurator />
@@ -6064,7 +6072,7 @@ var unauthorized$1 = {
 	signInToContinue: "Sign in to continue",
 	signIn: "Sign In"
 };
-var en$a = {
+var en$b = {
 	unauthorized: unauthorized$1
 };
 
@@ -6073,13 +6081,13 @@ var unauthorized = {
 	signInToContinue: "Войдите чтобы продолжить",
 	signIn: "Войти"
 };
-var ru$a = {
+var ru$b = {
 	unauthorized: unauthorized
 };
 
 class UnauthorizedComponent {
     constructor() {
-        this.translations = provideTranslations({ en: en$a, ru: ru$a });
+        this.translations = provideTranslations({ en: en$b, ru: ru$b });
         this.securityService = inject(SecurityService);
         this.route = inject(ActivatedRoute);
     }
@@ -6179,7 +6187,7 @@ var access$1 = {
 	message: "You do not have the necessary permissions. Please contact admins.",
 	button: "Go to Dashboard"
 };
-var en$9 = {
+var en$a = {
 	access: access$1
 };
 
@@ -6188,13 +6196,13 @@ var access = {
 	message: "У вас недостаточно прав. Пожалуйста, обратитесь к администраторам.",
 	button: "На главную"
 };
-var ru$9 = {
+var ru$a = {
 	access: access
 };
 
 class AccessComponent {
     constructor() {
-        this.translations = provideTranslations({ en: en$9, ru: ru$9 });
+        this.translations = provideTranslations({ en: en$a, ru: ru$a });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AccessComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: AccessComponent, isStandalone: true, selector: "app-access", ngImport: i0, template: `<div
@@ -6227,7 +6235,7 @@ class AccessComponent {
         </div>
       </div>
     </div>
-  </div>`, isInline: true, dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i1$2.ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "component", type: i1$2.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: "ngmodule", type: RippleModule }, { kind: "directive", type: i2$3.Ripple, selector: "[pRipple]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+  </div>`, isInline: true, dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i1$2.ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "component", type: i1$2.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: "ngmodule", type: RippleModule }, { kind: "directive", type: i2$2.Ripple, selector: "[pRipple]" }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AccessComponent, decorators: [{
             type: Component,
@@ -6274,7 +6282,7 @@ var error$1 = {
 	message: "Requested resource is not available.",
 	button: "Go to Dashboard"
 };
-var en$8 = {
+var en$9 = {
 	error: error$1
 };
 
@@ -6283,13 +6291,13 @@ var error = {
 	message: "Запрашиваемый ресурс недоступен.",
 	button: "На главную"
 };
-var ru$8 = {
+var ru$9 = {
 	error: error
 };
 
 class ErrorComponent {
     constructor() {
-        this.translations = provideTranslations({ en: en$8, ru: ru$8 });
+        this.translations = provideTranslations({ en: en$9, ru: ru$9 });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: ErrorComponent, isStandalone: true, selector: "app-error", ngImport: i0, template: `<div
@@ -6322,7 +6330,7 @@ class ErrorComponent {
         </div>
       </div>
     </div>
-  </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i1$2.ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "ngmodule", type: RippleModule }, { kind: "directive", type: i2$3.Ripple, selector: "[pRipple]" }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+  </div>`, isInline: true, dependencies: [{ kind: "ngmodule", type: ButtonModule }, { kind: "directive", type: i1$2.ButtonDirective, selector: "[pButton]", inputs: ["ptButtonDirective", "hostName", "text", "plain", "raised", "size", "outlined", "rounded", "iconPos", "loadingIcon", "fluid", "label", "icon", "loading", "buttonProps", "severity"] }, { kind: "ngmodule", type: RippleModule }, { kind: "directive", type: i2$2.Ripple, selector: "[pRipple]" }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ErrorComponent, decorators: [{
             type: Component,
@@ -6372,7 +6380,6 @@ var error_component = /*#__PURE__*/Object.freeze({
 var profileComponent$1 = {
 	changePhoto: "Upload Photo",
 	successfullyUploaded: "Uploaded successfully",
-	failedToLoadPhoto: "Failed to load user photo",
 	deletePhoto: "Delete Photo",
 	deletePhotoConfirmHeader: "Delete Photo",
 	deletePhotoConfirmMessage: "Are you sure you want to delete your photo?",
@@ -6381,14 +6388,13 @@ var profileComponent$1 = {
 	photoDeleted: "Photo deleted",
 	failedToDeletePhoto: "Failed to delete user photo"
 };
-var en$7 = {
+var en$8 = {
 	profileComponent: profileComponent$1
 };
 
 var profileComponent = {
 	changePhoto: "Загрузить фото",
 	successfullyUploaded: "Загружено",
-	failedToLoadPhoto: "Не удалось загрузить фото пользователя",
 	deletePhoto: "Удалить фото",
 	deletePhotoConfirmHeader: "Удаление фото",
 	deletePhotoConfirmMessage: "Вы уверены, что хотите удалить своё фото?",
@@ -6397,13 +6403,13 @@ var profileComponent = {
 	photoDeleted: "Фото удалено",
 	failedToDeletePhoto: "Не удалось удалить фото пользователя"
 };
-var ru$7 = {
+var ru$8 = {
 	profileComponent: profileComponent
 };
 
 class UserProfileComponent {
     constructor() {
-        this.translations = provideTranslations({ en: en$7, ru: ru$7 });
+        this.translations = provideTranslations({ en: en$8, ru: ru$8 });
         this.userService = inject(UserService);
         this.msgService = inject(MsgService);
         this.translateService = inject(TranslateService);
@@ -6485,7 +6491,7 @@ class UserProfileComponent {
           (onClick)="confirmDeletePhoto($event)" />
       }
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FileUploadModule }, { kind: "component", type: i1$8.FileUpload, selector: "p-fileupload, p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "chooseButtonProps", "uploadButtonProps", "cancelButtonProps", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "ngmodule", type: ImageModule }, { kind: "ngmodule", type: AvatarModule }, { kind: "component", type: i2$2.Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.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: ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "modal", "visible", "position", "draggable"], outputs: ["onHide"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FileUploadModule }, { kind: "component", type: i1$8.FileUpload, selector: "p-fileupload, p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "chooseButtonProps", "uploadButtonProps", "cancelButtonProps", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "ngmodule", type: ImageModule }, { kind: "ngmodule", type: AvatarModule }, { kind: "component", type: i2$1.Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.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: ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "modal", "visible", "position", "draggable"], outputs: ["onHide"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: UserProfileComponent, decorators: [{
             type: Component,
@@ -6545,11 +6551,12 @@ var config$1 = {
 	photo: "Photo",
 	profile: "Profile",
 	selectLanguage: "Select language",
+	sessionManagement: "Session management",
 	timeFormat: "Time format",
 	timeZone: "Time zone",
 	usePhoto256x256Pixel: "Use photo 256x256 pixel"
 };
-var en$6 = {
+var en$7 = {
 	config: config$1
 };
 
@@ -6565,17 +6572,18 @@ var config = {
 	photo: "Фото",
 	profile: "Профиль",
 	selectLanguage: "Выберите язык",
+	sessionManagement: "Управление сессиями",
 	timeFormat: "Формат времени",
 	timeZone: "Часовой пояс",
 	usePhoto256x256Pixel: "Используйте фото 256x256 пикселей"
 };
-var ru$6 = {
+var ru$7 = {
 	config: config
 };
 
 class ConfigComponent {
     constructor() {
-        this.translations = provideTranslations({ en: en$6, ru: ru$6 });
+        this.translations = provideTranslations({ en: en$7, ru: ru$7 });
         this.layoutService = inject(LayoutService);
         this.l10nService = inject(L10nService);
         this.userService = inject(UserService);
@@ -6710,11 +6718,19 @@ class ConfigComponent {
                 label="{{ 'config.goTo' | translate }}"
                 routerLink="/applications" />
             </div>
+            <div class="flex items-center gap-2">
+              <label for="oip-app-config-sessions-link">{{ 'config.sessionManagement' | translate }}</label>
+              <p-button
+                icon="pi pi-users"
+                id="oip-app-config-sessions-link"
+                label="{{ 'config.goTo' | translate }}"
+                routerLink="/sessions" />
+            </div>
           </div>
         </div>
       }
     </div>
-  `, isInline: true, dependencies: [{ kind: "component", type: UserProfileComponent, selector: "user-profile" }, { kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip"] }, { 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: "component", type: 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"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: TableModule }, { kind: "ngmodule", type: ToggleSwitchModule }, { kind: "component", type: i2$4.ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["styleClass", "tabindex", "inputId", "readonly", "trueValue", "falseValue", "ariaLabel", "size", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "component", type: 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: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+  `, isInline: true, dependencies: [{ kind: "component", type: UserProfileComponent, selector: "user-profile" }, { kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip"] }, { 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: "component", type: 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"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: TableModule }, { kind: "ngmodule", type: ToggleSwitchModule }, { kind: "component", type: i2$3.ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["styleClass", "tabindex", "inputId", "readonly", "trueValue", "falseValue", "ariaLabel", "size", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "component", type: 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: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ConfigComponent, decorators: [{
             type: Component,
@@ -6820,6 +6836,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 label="{{ 'config.goTo' | translate }}"
                 routerLink="/applications" />
             </div>
+            <div class="flex items-center gap-2">
+              <label for="oip-app-config-sessions-link">{{ 'config.sessionManagement' | translate }}</label>
+              <p-button
+                icon="pi pi-users"
+                id="oip-app-config-sessions-link"
+                label="{{ 'config.goTo' | translate }}"
+                routerLink="/sessions" />
+            </div>
           </div>
         </div>
       }
@@ -6844,12 +6868,12 @@ var config_component = /*#__PURE__*/Object.freeze({
     ConfigComponent: ConfigComponent
 });
 
-var en$5 = {
+var en$6 = {
 	"db-migration": {
 	migrationManager: "Migration manager",
 	actions: {
 		refresh: "Refresh",
-		cleanFilter: "Clean filter",
+		cleanFilter: "Clear filter",
 		applyMigration: "Apply migration"
 	},
 	columns: {
@@ -6860,16 +6884,20 @@ var en$5 = {
 	},
 	messages: {
 		errorRefreshing: "Error refreshing database"
-	}
+	},
+	filterPlaceholder: "Filter by migration name",
+	empty: "No migrations",
+	yes: "Yes",
+	no: "No"
 }
 };
 
-var ru$5 = {
+var ru$6 = {
 	"db-migration": {
 	migrationManager: "Менеджер миграций",
 	actions: {
 		refresh: "Обновить",
-		cleanFilter: "Очистить фильтр",
+		cleanFilter: "Сбросить фильтр",
 		applyMigration: "Применить миграцию"
 	},
 	columns: {
@@ -6880,28 +6908,48 @@ var ru$5 = {
 	},
 	messages: {
 		errorRefreshing: "Ошибка обновления базы данных"
-	}
+	},
+	filterPlaceholder: "Фильтр по имени миграции",
+	empty: "Нет миграций",
+	yes: "Да",
+	no: "Нет"
 }
 };
 
 class DbMigrationComponent extends BaseModuleComponent {
     constructor() {
         super(...arguments);
-        this.translations = provideTranslations({ en: en$5, ru: ru$5 });
+        this.translations = provideTranslations({ en: en$6, ru: ru$6 });
+        this.data = [];
+        this.loading = false;
+        this.globalFilter = '';
     }
     async ngOnInit() {
         await super.ngOnInit();
         await this.refreshAction();
     }
     async refreshAction() {
-        this.getData()
-            .then((response) => {
-            this.data = response;
-        })
-            .catch((error) => {
+        this.loading = true;
+        try {
+            this.data = await this.getData();
+        }
+        catch (error) {
             console.log(error);
             this.msgService.error(this.l10nService.instant('db-migration.messages.errorRefreshing'));
-        });
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    get hasActiveFilters() {
+        if (!this.dt?.filters)
+            return false;
+        return Object.values(this.dt.filters).some((meta) => (Array.isArray(meta) ? meta : [meta]).some((m) => m?.value !== null && m?.value !== undefined && m?.value !== ''));
+    }
+    clearFilter() {
+        this.globalFilter = '';
+        this.dt.clearFilterValues();
+        this.dt._filter();
     }
     async getData() {
         return this.getMigrations();
@@ -6911,85 +6959,125 @@ class DbMigrationComponent extends BaseModuleComponent {
         return this.applyModuleMigration(request);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DbMigrationComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: DbMigrationComponent, isStandalone: true, selector: "db-migration", providers: [ConfirmationService], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: DbMigrationComponent, isStandalone: true, selector: "db-migration", providers: [ConfirmationService], viewQueries: [{ propertyName: "dt", first: true, predicate: ["dt"], descendants: true }], usesInheritance: true, ngImport: i0, template: `
     @if (isContent) {
-      <div class="card" style="height: 100%">
-        <p-confirmDialog />
-        <div>
-          <h5>{{ 'db-migration.migrationManager' | translate }}</h5>
-          <div class="flex flex-row gap-2">
-            <p-button
-              icon="pi pi-refresh"
-              severity="secondary"
-              tooltipPosition="bottom"
-              [outlined]="true"
-              [pTooltip]="'db-migration.actions.refresh' | translate"
-              (click)="refreshAction()" />
-            <p-button
-              icon="pi pi-filter-slash"
-              severity="secondary"
-              tooltipPosition="bottom"
-              [outlined]="true"
-              [pTooltip]="'db-migration.actions.cleanFilter' | translate"
-              (click)="dt.clear()" />
-          </div>
-          <div>
-            <p-table #dt dataKey="name" editMode="row" size="small" [scrollable]="true" [value]="data">
-              <ng-template let-columns pTemplate="header">
-                <tr>
-                  <th pSortableColumn="name" scope="col">
-                    {{ 'db-migration.columns.name' | translate }}
-                    <p-columnFilter display="menu" field="name" type="text" />
-                  </th>
-                  <th scope="col">{{ 'db-migration.columns.applied' | translate }}</th>
-                  <th scope="col">{{ 'db-migration.columns.exist' | translate }}</th>
-                  <th scope="col">{{ 'db-migration.columns.pending' | translate }}</th>
-                  <th scope="col"></th>
-                </tr>
-              </ng-template>
+      <p-confirmDialog />
+      <div class="flex flex-col md:flex-row gap-4">
+        <div class="card w-full">
+          <div class="mb-4">
+            <p-toolbar>
+              <div class="flex flex-col md:flex-row md:items-center gap-2 w-full">
+                <div class="font-semibold text-lg flex items-center gap-2 mx-2">
+                  <i class="pi pi-database"></i>
+                  {{ 'db-migration.migrationManager' | translate }}
+                </div>
 
-              <ng-template #body let-columns="columns" let-editing="editing" let-ri="rowIndex" let-rowData>
-                <tr [pEditableRow]="rowData">
-                  <td>
-                    {{ rowData.name }}
-                  </td>
-                  <td>
-                    @if (rowData.applied) {
-                      <p-button icon="pi pi-check" severity="success" [rounded]="true" [text]="true"></p-button>
-                    }
-                  </td>
-                  <td>
-                    @if (rowData.exist) {
-                      <p-button icon="pi pi-check" severity="success" [rounded]="true" [text]="true" />
-                    }
-                  </td>
-                  <td>
-                    @if (rowData.pending) {
-                      <p-button icon="pi pi-check" severity="success" [rounded]="true" [text]="true"></p-button>
-                    }
-                  </td>
-                  <td>
-                    <p-button
-                      icon="pi pi-bolt"
-                      pCancelEditableRow
-                      pTooltip="{{ 'db-migration.actions.applyMigration' | translate }}"
-                      severity="secondary"
-                      tooltipPosition="left"
-                      [rounded]="true"
-                      [text]="true"
-                      (click)="applyMigration(rowData)">
-                    </p-button>
-                  </td>
-                </tr>
-              </ng-template>
-            </p-table>
+                <div class="flex-1"></div>
+                <div class="flex items-center gap-1 w-full md:w-auto">
+                  <p-button
+                    icon="pi pi-refresh"
+                    rounded="true"
+                    severity="secondary"
+                    text="true"
+                    tooltipPosition="bottom"
+                    [loading]="loading"
+                    [pTooltip]="'db-migration.actions.refresh' | translate"
+                    (onClick)="refreshAction()"></p-button>
+                  <input
+                    class="w-full md:w-96"
+                    pInputText
+                    type="text"
+                    [placeholder]="'db-migration.filterPlaceholder' | translate"
+                    [(ngModel)]="globalFilter"
+                    (ngModelChange)="dt.filterGlobal($event, 'contains')" />
+                  <p-button
+                    icon="pi pi-filter-slash"
+                    rounded="true"
+                    severity="secondary"
+                    text="true"
+                    tooltipPosition="bottom"
+                    [disabled]="!hasActiveFilters"
+                    [pTooltip]="'db-migration.actions.cleanFilter' | translate"
+                    (onClick)="clearFilter()"></p-button>
+                </div>
+              </div>
+            </p-toolbar>
           </div>
+          <p-table
+            #dt
+            class="mt-4"
+            dataKey="name"
+            sortField="name"
+            [sortOrder]="1"
+            [paginator]="true"
+            [rows]="50"
+            [globalFilterFields]="['name']"
+            [value]="data"
+            [loading]="loading">
+            <ng-template pTemplate="header">
+              <tr>
+                <th pSortableColumn="name" scope="col">
+                  {{ 'db-migration.columns.name' | translate }}
+                  <p-sortIcon field="name"></p-sortIcon>
+                  <p-columnFilter display="menu" field="name" type="text" />
+                </th>
+                <th pSortableColumn="applied" scope="col">
+                  {{ 'db-migration.columns.applied' | translate }}
+                  <p-sortIcon field="applied"></p-sortIcon>
+                </th>
+                <th pSortableColumn="exist" scope="col">
+                  {{ 'db-migration.columns.exist' | translate }}
+                  <p-sortIcon field="exist"></p-sortIcon>
+                </th>
+                <th pSortableColumn="pending" scope="col">
+                  {{ 'db-migration.columns.pending' | translate }}
+                  <p-sortIcon field="pending"></p-sortIcon>
+                </th>
+                <th style="width: 4rem" scope="col"></th>
+              </tr>
+            </ng-template>
+            <ng-template let-migration pTemplate="body">
+              <tr>
+                <td>{{ migration.name }}</td>
+                <td>
+                  <p-tag
+                    [severity]="migration.applied ? 'success' : 'secondary'"
+                    [value]="(migration.applied ? 'db-migration.yes' : 'db-migration.no') | translate"></p-tag>
+                </td>
+                <td>
+                  <p-tag
+                    [severity]="migration.exist ? 'success' : 'secondary'"
+                    [value]="(migration.exist ? 'db-migration.yes' : 'db-migration.no') | translate"></p-tag>
+                </td>
+                <td>
+                  <p-tag
+                    [severity]="migration.pending ? 'warn' : 'secondary'"
+                    [value]="(migration.pending ? 'db-migration.yes' : 'db-migration.no') | translate"></p-tag>
+                </td>
+                <td>
+                  <p-button
+                    icon="pi pi-bolt"
+                    rounded="true"
+                    severity="secondary"
+                    text="true"
+                    tooltipPosition="left"
+                    [pTooltip]="'db-migration.actions.applyMigration' | translate"
+                    (onClick)="applyMigration(migration)"></p-button>
+                </td>
+              </tr>
+            </ng-template>
+            <ng-template pTemplate="emptymessage">
+              <tr>
+                <td colspan="5">{{ 'db-migration.empty' | translate }}</td>
+              </tr>
+            </ng-template>
+          </p-table>
         </div>
       </div>
     } @else if (isSecurity) {
       <security [controller]="controller" [id]="id" />
     }
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: TableModule }, { kind: "component", type: i1$9.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: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$9.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i1$9.EditableRow, selector: "[pEditableRow]", inputs: ["pEditableRow", "pEditableRowDisabled"] }, { kind: "directive", type: i1$9.CancelEditableRow, selector: "[pCancelEditableRow]" }, { kind: "component", type: i1$9.ColumnFilter, selector: "p-columnFilter, p-column-filter, p-columnfilter", inputs: ["field", "type", "display", "showMenu", "matchMode", "operator", "showOperator", "showClearButton", "showApplyButton", "showMatchModes", "showAddButton", "hideOnClear", "placeholder", "matchModeOptions", "maxConstraints", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "locale", "localeMatcher", "currency", "currencyDisplay", "filterOn", "useGrouping", "showButtons", "ariaLabel", "filterButtonProps"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: SharedModule }, { kind: "ngmodule", type: TagModule }, { kind: "ngmodule", type: InputTextModule }, { kind: "ngmodule", type: TextareaModule }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.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: "ngmodule", type: FormsModule }, { kind: "component", type: ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "modal", "visible", "position", "draggable"], outputs: ["onHide"] }, { kind: "component", type: SecurityComponent, selector: "security", inputs: ["id", "controller"] }, { kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: TableModule }, { kind: "component", type: i2$4.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: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$4.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$4.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i2$4.ColumnFilter, selector: "p-columnFilter, p-column-filter, p-columnfilter", inputs: ["field", "type", "display", "showMenu", "matchMode", "operator", "showOperator", "showClearButton", "showApplyButton", "showMatchModes", "showAddButton", "hideOnClear", "placeholder", "matchModeOptions", "maxConstraints", "minFractionDigits", "maxFractionDigits", "prefix", "suffix", "locale", "localeMatcher", "currency", "currencyDisplay", "filterOn", "useGrouping", "showButtons", "ariaLabel", "filterButtonProps"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: SharedModule }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i3$6.Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i4$1.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.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: "ngmodule", type: ToolbarModule }, { kind: "component", type: i5$1.Toolbar, selector: "p-toolbar", inputs: ["styleClass", "ariaLabelledBy"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: "component", type: ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "modal", "visible", "position", "draggable"], outputs: ["onHide"] }, { kind: "component", type: SecurityComponent, selector: "security", inputs: ["id", "controller"] }, { kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DbMigrationComponent, decorators: [{
             type: Component,
@@ -6999,8 +7087,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         SharedModule,
                         TagModule,
                         InputTextModule,
-                        TextareaModule,
                         ButtonModule,
+                        ToolbarModule,
                         FormsModule,
                         ConfirmDialog,
                         SecurityComponent,
@@ -7010,77 +7098,117 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     selector: 'db-migration',
                     template: `
     @if (isContent) {
-      <div class="card" style="height: 100%">
-        <p-confirmDialog />
-        <div>
-          <h5>{{ 'db-migration.migrationManager' | translate }}</h5>
-          <div class="flex flex-row gap-2">
-            <p-button
-              icon="pi pi-refresh"
-              severity="secondary"
-              tooltipPosition="bottom"
-              [outlined]="true"
-              [pTooltip]="'db-migration.actions.refresh' | translate"
-              (click)="refreshAction()" />
-            <p-button
-              icon="pi pi-filter-slash"
-              severity="secondary"
-              tooltipPosition="bottom"
-              [outlined]="true"
-              [pTooltip]="'db-migration.actions.cleanFilter' | translate"
-              (click)="dt.clear()" />
-          </div>
-          <div>
-            <p-table #dt dataKey="name" editMode="row" size="small" [scrollable]="true" [value]="data">
-              <ng-template let-columns pTemplate="header">
-                <tr>
-                  <th pSortableColumn="name" scope="col">
-                    {{ 'db-migration.columns.name' | translate }}
-                    <p-columnFilter display="menu" field="name" type="text" />
-                  </th>
-                  <th scope="col">{{ 'db-migration.columns.applied' | translate }}</th>
-                  <th scope="col">{{ 'db-migration.columns.exist' | translate }}</th>
-                  <th scope="col">{{ 'db-migration.columns.pending' | translate }}</th>
-                  <th scope="col"></th>
-                </tr>
-              </ng-template>
+      <p-confirmDialog />
+      <div class="flex flex-col md:flex-row gap-4">
+        <div class="card w-full">
+          <div class="mb-4">
+            <p-toolbar>
+              <div class="flex flex-col md:flex-row md:items-center gap-2 w-full">
+                <div class="font-semibold text-lg flex items-center gap-2 mx-2">
+                  <i class="pi pi-database"></i>
+                  {{ 'db-migration.migrationManager' | translate }}
+                </div>
 
-              <ng-template #body let-columns="columns" let-editing="editing" let-ri="rowIndex" let-rowData>
-                <tr [pEditableRow]="rowData">
-                  <td>
-                    {{ rowData.name }}
-                  </td>
-                  <td>
-                    @if (rowData.applied) {
-                      <p-button icon="pi pi-check" severity="success" [rounded]="true" [text]="true"></p-button>
-                    }
-                  </td>
-                  <td>
-                    @if (rowData.exist) {
-                      <p-button icon="pi pi-check" severity="success" [rounded]="true" [text]="true" />
-                    }
-                  </td>
-                  <td>
-                    @if (rowData.pending) {
-                      <p-button icon="pi pi-check" severity="success" [rounded]="true" [text]="true"></p-button>
-                    }
-                  </td>
-                  <td>
-                    <p-button
-                      icon="pi pi-bolt"
-                      pCancelEditableRow
-                      pTooltip="{{ 'db-migration.actions.applyMigration' | translate }}"
-                      severity="secondary"
-                      tooltipPosition="left"
-                      [rounded]="true"
-                      [text]="true"
-                      (click)="applyMigration(rowData)">
-                    </p-button>
-                  </td>
-                </tr>
-              </ng-template>
-            </p-table>
+                <div class="flex-1"></div>
+                <div class="flex items-center gap-1 w-full md:w-auto">
+                  <p-button
+                    icon="pi pi-refresh"
+                    rounded="true"
+                    severity="secondary"
+                    text="true"
+                    tooltipPosition="bottom"
+                    [loading]="loading"
+                    [pTooltip]="'db-migration.actions.refresh' | translate"
+                    (onClick)="refreshAction()"></p-button>
+                  <input
+                    class="w-full md:w-96"
+                    pInputText
+                    type="text"
+                    [placeholder]="'db-migration.filterPlaceholder' | translate"
+                    [(ngModel)]="globalFilter"
+                    (ngModelChange)="dt.filterGlobal($event, 'contains')" />
+                  <p-button
+                    icon="pi pi-filter-slash"
+                    rounded="true"
+                    severity="secondary"
+                    text="true"
+                    tooltipPosition="bottom"
+                    [disabled]="!hasActiveFilters"
+                    [pTooltip]="'db-migration.actions.cleanFilter' | translate"
+                    (onClick)="clearFilter()"></p-button>
+                </div>
+              </div>
+            </p-toolbar>
           </div>
+          <p-table
+            #dt
+            class="mt-4"
+            dataKey="name"
+            sortField="name"
+            [sortOrder]="1"
+            [paginator]="true"
+            [rows]="50"
+            [globalFilterFields]="['name']"
+            [value]="data"
+            [loading]="loading">
+            <ng-template pTemplate="header">
+              <tr>
+                <th pSortableColumn="name" scope="col">
+                  {{ 'db-migration.columns.name' | translate }}
+                  <p-sortIcon field="name"></p-sortIcon>
+                  <p-columnFilter display="menu" field="name" type="text" />
+                </th>
+                <th pSortableColumn="applied" scope="col">
+                  {{ 'db-migration.columns.applied' | translate }}
+                  <p-sortIcon field="applied"></p-sortIcon>
+                </th>
+                <th pSortableColumn="exist" scope="col">
+                  {{ 'db-migration.columns.exist' | translate }}
+                  <p-sortIcon field="exist"></p-sortIcon>
+                </th>
+                <th pSortableColumn="pending" scope="col">
+                  {{ 'db-migration.columns.pending' | translate }}
+                  <p-sortIcon field="pending"></p-sortIcon>
+                </th>
+                <th style="width: 4rem" scope="col"></th>
+              </tr>
+            </ng-template>
+            <ng-template let-migration pTemplate="body">
+              <tr>
+                <td>{{ migration.name }}</td>
+                <td>
+                  <p-tag
+                    [severity]="migration.applied ? 'success' : 'secondary'"
+                    [value]="(migration.applied ? 'db-migration.yes' : 'db-migration.no') | translate"></p-tag>
+                </td>
+                <td>
+                  <p-tag
+                    [severity]="migration.exist ? 'success' : 'secondary'"
+                    [value]="(migration.exist ? 'db-migration.yes' : 'db-migration.no') | translate"></p-tag>
+                </td>
+                <td>
+                  <p-tag
+                    [severity]="migration.pending ? 'warn' : 'secondary'"
+                    [value]="(migration.pending ? 'db-migration.yes' : 'db-migration.no') | translate"></p-tag>
+                </td>
+                <td>
+                  <p-button
+                    icon="pi pi-bolt"
+                    rounded="true"
+                    severity="secondary"
+                    text="true"
+                    tooltipPosition="left"
+                    [pTooltip]="'db-migration.actions.applyMigration' | translate"
+                    (onClick)="applyMigration(migration)"></p-button>
+                </td>
+              </tr>
+            </ng-template>
+            <ng-template pTemplate="emptymessage">
+              <tr>
+                <td colspan="5">{{ 'db-migration.empty' | translate }}</td>
+              </tr>
+            </ng-template>
+          </p-table>
         </div>
       </div>
     } @else if (isSecurity) {
@@ -7089,7 +7217,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
   `,
                     providers: [ConfirmationService]
                 }]
-        }] });
+        }], propDecorators: { dt: [{
+                type: ViewChild,
+                args: ['dt']
+            }] } });
 
 var dbMigration_component = /*#__PURE__*/Object.freeze({
     __proto__: null,
@@ -7192,7 +7323,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             type: Injectable
         }] });
 
-var en$4 = {
+var en$5 = {
 	"app-modules": {
 	title: "Modules",
 	refreshTooltip: "Refresh",
@@ -7206,7 +7337,8 @@ var en$4 = {
 		currentlyLoaded: "Currently Loaded",
 		yes: "Yes",
 		no: "No",
-		deleteTooltip: "Delete"
+		deleteTooltip: "Delete",
+		empty: "No modules"
 	},
 	confirm: {
 		header: "Warning",
@@ -7218,12 +7350,15 @@ var en$4 = {
 		deleteSuccess: "Module deleted",
 		deleteError: "Module delete failed",
 		registerError: "External module registration failed",
-		registerSuccess: "External module registered"
-	}
+		registerSuccess: "External module registered",
+		loadError: "Failed to load modules"
+	},
+	filterPlaceholder: "Filter by ID or name",
+	clearFilterTooltip: "Clear filter"
 }
 };
 
-var ru$4 = {
+var ru$5 = {
 	"app-modules": {
 	title: "Модули",
 	refreshTooltip: "Обновить",
@@ -7237,7 +7372,8 @@ var ru$4 = {
 		currentlyLoaded: "Загружен",
 		yes: "Да",
 		no: "Нет",
-		deleteTooltip: "Удалить"
+		deleteTooltip: "Удалить",
+		empty: "Нет модулей"
 	},
 	confirm: {
 		header: "Внимание",
@@ -7249,15 +7385,20 @@ var ru$4 = {
 		deleteSuccess: "Модуль удален",
 		deleteError: "Не удалось удалить модуль",
 		registerError: "Не удалось зарегистрировать внешний модуль",
-		registerSuccess: "Внешний модуль зарегистрирован"
-	}
+		registerSuccess: "Внешний модуль зарегистрирован",
+		loadError: "Не удалось загрузить модули"
+	},
+	filterPlaceholder: "Фильтр по ID или имени",
+	clearFilterTooltip: "Сбросить фильтр"
 }
 };
 
-L10nService.registerTranslations({ en: en$4, ru: ru$4 });
+L10nService.registerTranslations({ en: en$5, ru: ru$5 });
 class AppModulesComponent {
     constructor() {
         this.modules = [];
+        this.moduleFilter = '';
+        this.loading = false;
         this.msgService = inject(MsgService);
         this.confirmationService = inject(ConfirmationService);
         this.l10nService = inject(L10nService);
@@ -7273,8 +7414,24 @@ class AppModulesComponent {
         this.titleService.setTitle(this.t('app-modules.title'));
         await this.refreshAction();
     }
+    get filteredModules() {
+        const filter = this.moduleFilter.trim().toLowerCase();
+        if (!filter) {
+            return this.modules;
+        }
+        return this.modules.filter((module) => [module.moduleId, module.name].some((value) => value?.toString().toLowerCase().includes(filter)));
+    }
     async refreshAction() {
-        this.modules = await this.moduleService.getModulesWithLoadStatus();
+        this.loading = true;
+        try {
+            this.modules = await this.moduleService.getModulesWithLoadStatus();
+        }
+        catch (error) {
+            this.msgService.errorFromException(error, this.t('app-modules.messages.loadError'), this.t('app-modules.messages.loadError'));
+        }
+        finally {
+            this.loading = false;
+        }
     }
     get canRegisterExternalModule() {
         return !!this.externalModuleManifestUrl.trim() && !this.registeringExternalModule;
@@ -7337,46 +7494,91 @@ class AppModulesComponent {
     <p-confirmDialog></p-confirmDialog>
     <div class="flex flex-col md:flex-row gap-4">
       <div class="card w-full">
-        <div class="font-semibold text-xl mb-4">
-          {{ 'app-modules.title' | translate }}
-        </div>
         <div class="mb-4">
           <p-toolbar>
             <div class="flex flex-col md:flex-row md:items-center gap-2 w-full">
-              <div class="flex flex-col sm:flex-row gap-2 flex-1">
+              <div class="font-semibold text-lg flex items-center gap-2 mx-2">
+                <i class="pi pi-box"></i>
+                {{ 'app-modules.title' | translate }}
+              </div>
+
+              <div class="flex items-center gap-1 flex-1">
                 <input
                   class="w-full"
                   pInputText
                   type="url"
+                  id="oip-app-modules-manifest-url"
                   [disabled]="registeringExternalModule"
                   [placeholder]="'app-modules.register.manifestUrlPlaceholder' | translate"
                   [(ngModel)]="externalModuleManifestUrl"
                   (keydown.enter)="registerExternalModule()" />
                 <p-button
                   icon="pi pi-plus"
+                  rounded="true"
                   severity="success"
+                  text="true"
+                  tooltipPosition="bottom"
+                  id="oip-app-modules-register"
                   [disabled]="!canRegisterExternalModule"
-                  [label]="'app-modules.register.button' | translate"
+                  [pTooltip]="'app-modules.register.button' | translate"
                   [loading]="registeringExternalModule"
                   (onClick)="registerExternalModule()"></p-button>
               </div>
-              <p-button
-                icon="pi pi-refresh"
-                rounded="true"
-                severity="secondary"
-                text="true"
-                tooltipPosition="bottom"
-                [pTooltip]="'app-modules.refreshTooltip' | translate"
-                (onClick)="refreshAction()"></p-button>
+
+              <div class="flex items-center gap-1 w-full md:w-auto">
+                <p-button
+                  icon="pi pi-refresh"
+                  rounded="true"
+                  severity="secondary"
+                  text="true"
+                  tooltipPosition="bottom"
+                  [loading]="loading"
+                  [pTooltip]="'app-modules.refreshTooltip' | translate"
+                  (onClick)="refreshAction()"></p-button>
+                <input
+                  class="w-full md:w-96"
+                  pInputText
+                  type="text"
+                  id="oip-app-modules-filter"
+                  [placeholder]="'app-modules.filterPlaceholder' | translate"
+                  [(ngModel)]="moduleFilter" />
+                <p-button
+                  icon="pi pi-filter-slash"
+                  rounded="true"
+                  severity="secondary"
+                  text="true"
+                  tooltipPosition="bottom"
+                  id="oip-app-modules-clear-filter"
+                  [disabled]="!moduleFilter"
+                  [pTooltip]="'app-modules.clearFilterTooltip' | translate"
+                  (onClick)="moduleFilter = ''"></p-button>
+              </div>
             </div>
           </p-toolbar>
         </div>
-        <p-table class="mt-4" [paginator]="true" [rows]="100" [value]="modules">
+        <p-table
+          class="mt-4"
+          dataKey="moduleId"
+          sortField="name"
+          [sortOrder]="1"
+          [paginator]="true"
+          [rows]="100"
+          [value]="filteredModules"
+          [loading]="loading">
           <ng-template pTemplate="header">
             <tr>
-              <th>{{ 'app-modules.table.moduleId' | translate }}</th>
-              <th>{{ 'app-modules.table.name' | translate }}</th>
-              <th>{{ 'app-modules.table.currentlyLoaded' | translate }}</th>
+              <th pSortableColumn="moduleId">
+                {{ 'app-modules.table.moduleId' | translate }}
+                <p-sortIcon field="moduleId"></p-sortIcon>
+              </th>
+              <th pSortableColumn="name">
+                {{ 'app-modules.table.name' | translate }}
+                <p-sortIcon field="name"></p-sortIcon>
+              </th>
+              <th pSortableColumn="currentlyLoaded">
+                {{ 'app-modules.table.currentlyLoaded' | translate }}
+                <p-sortIcon field="currentlyLoaded"></p-sortIcon>
+              </th>
               <th style="width: 4rem"></th>
             </tr>
           </ng-template>
@@ -7403,10 +7605,15 @@ class AppModulesComponent {
               </td>
             </tr>
           </ng-template>
+          <ng-template pTemplate="emptymessage">
+            <tr>
+              <td colspan="4">{{ 'app-modules.table.empty' | translate }}</td>
+            </tr>
+          </ng-template>
         </p-table>
       </div>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: TableModule }, { kind: "component", type: i1$9.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: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.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: "ngmodule", type: ToolbarModule }, { kind: "component", type: i5$1.Toolbar, selector: "p-toolbar", inputs: ["styleClass", "ariaLabelledBy"] }, { kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip"] }, { kind: "component", type: ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "modal", "visible", "position", "draggable"], outputs: ["onHide"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i4$1.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pSize", "variant", "fluid", "invalid"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: TableModule }, { kind: "component", type: i2$4.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: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$4.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$4.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.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: "ngmodule", type: ToolbarModule }, { kind: "component", type: i5$1.Toolbar, selector: "p-toolbar", inputs: ["styleClass", "ariaLabelledBy"] }, { kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip"] }, { kind: "component", type: ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "modal", "visible", "position", "draggable"], outputs: ["onHide"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i4$1.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pSize", "variant", "fluid", "invalid"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AppModulesComponent, decorators: [{
             type: Component,
@@ -7428,48 +7635,93 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
     <p-confirmDialog></p-confirmDialog>
     <div class="flex flex-col md:flex-row gap-4">
       <div class="card w-full">
-        <div class="font-semibold text-xl mb-4">
-          {{ 'app-modules.title' | translate }}
-        </div>
         <div class="mb-4">
           <p-toolbar>
             <div class="flex flex-col md:flex-row md:items-center gap-2 w-full">
-              <div class="flex flex-col sm:flex-row gap-2 flex-1">
+              <div class="font-semibold text-lg flex items-center gap-2 mx-2">
+                <i class="pi pi-box"></i>
+                {{ 'app-modules.title' | translate }}
+              </div>
+
+              <div class="flex items-center gap-1 flex-1">
                 <input
                   class="w-full"
                   pInputText
                   type="url"
+                  id="oip-app-modules-manifest-url"
                   [disabled]="registeringExternalModule"
                   [placeholder]="'app-modules.register.manifestUrlPlaceholder' | translate"
                   [(ngModel)]="externalModuleManifestUrl"
                   (keydown.enter)="registerExternalModule()" />
                 <p-button
                   icon="pi pi-plus"
+                  rounded="true"
                   severity="success"
+                  text="true"
+                  tooltipPosition="bottom"
+                  id="oip-app-modules-register"
                   [disabled]="!canRegisterExternalModule"
-                  [label]="'app-modules.register.button' | translate"
+                  [pTooltip]="'app-modules.register.button' | translate"
                   [loading]="registeringExternalModule"
                   (onClick)="registerExternalModule()"></p-button>
               </div>
-              <p-button
-                icon="pi pi-refresh"
-                rounded="true"
-                severity="secondary"
-                text="true"
-                tooltipPosition="bottom"
-                [pTooltip]="'app-modules.refreshTooltip' | translate"
-                (onClick)="refreshAction()"></p-button>
+
+              <div class="flex items-center gap-1 w-full md:w-auto">
+                <p-button
+                  icon="pi pi-refresh"
+                  rounded="true"
+                  severity="secondary"
+                  text="true"
+                  tooltipPosition="bottom"
+                  [loading]="loading"
+                  [pTooltip]="'app-modules.refreshTooltip' | translate"
+                  (onClick)="refreshAction()"></p-button>
+                <input
+                  class="w-full md:w-96"
+                  pInputText
+                  type="text"
+                  id="oip-app-modules-filter"
+                  [placeholder]="'app-modules.filterPlaceholder' | translate"
+                  [(ngModel)]="moduleFilter" />
+                <p-button
+                  icon="pi pi-filter-slash"
+                  rounded="true"
+                  severity="secondary"
+                  text="true"
+                  tooltipPosition="bottom"
+                  id="oip-app-modules-clear-filter"
+                  [disabled]="!moduleFilter"
+                  [pTooltip]="'app-modules.clearFilterTooltip' | translate"
+                  (onClick)="moduleFilter = ''"></p-button>
+              </div>
             </div>
           </p-toolbar>
         </div>
-        <p-table class="mt-4" [paginator]="true" [rows]="100" [value]="modules">
+        <p-table
+          class="mt-4"
+          dataKey="moduleId"
+          sortField="name"
+          [sortOrder]="1"
+          [paginator]="true"
+          [rows]="100"
+          [value]="filteredModules"
+          [loading]="loading">
           <ng-template pTemplate="header">
             <tr>
-              <th>{{ 'app-modules.table.moduleId' | translate }}</th>
-              <th>{{ 'app-modules.table.name' | translate }}</th>
-              <th>{{ 'app-modules.table.currentlyLoaded' | translate }}</th>
-              <th style="width: 4rem"></th>
-            </tr>
+              <th pSortableColumn="moduleId">
+                {{ 'app-modules.table.moduleId' | translate }}
+                <p-sortIcon field="moduleId"></p-sortIcon>
+              </th>
+              <th pSortableColumn="name">
+                {{ 'app-modules.table.name' | translate }}
+                <p-sortIcon field="name"></p-sortIcon>
+              </th>
+              <th pSortableColumn="currentlyLoaded">
+                {{ 'app-modules.table.currentlyLoaded' | translate }}
+                <p-sortIcon field="currentlyLoaded"></p-sortIcon>
+              </th>
+              <th style="width: 4rem"></th>
+            </tr>
           </ng-template>
           <ng-template let-module pTemplate="body">
             <tr>
@@ -7494,6 +7746,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
               </td>
             </tr>
           </ng-template>
+          <ng-template pTemplate="emptymessage">
+            <tr>
+              <td colspan="4">{{ 'app-modules.table.empty' | translate }}</td>
+            </tr>
+          </ng-template>
         </p-table>
       </div>
     </div>
@@ -7506,6 +7763,580 @@ var appModules_component = /*#__PURE__*/Object.freeze({
     AppModulesComponent: AppModulesComponent
 });
 
+/* eslint-disable */
+/* tslint:disable */
+// @ts-nocheck
+class AuthSessionsApi extends HttpClient {
+    constructor() {
+        super(...arguments);
+        this.getAuthSessions = (query, params = {}) => this.request({
+            path: `/api/auth-sessions/get-auth-sessions`,
+            method: "GET",
+            query: query,
+            secure: true,
+            format: "json",
+            ...params,
+        });
+        this.deleteAuthSession = ({ sessionId, ...query }, params = {}) => this.request({
+            path: `/api/auth-sessions/delete-auth-session/${sessionId}`,
+            method: "DELETE",
+            secure: true,
+            ...params,
+        });
+        this.deleteAuthSessionsByUser = ({ userId, ...query }, params = {}) => this.request({
+            path: `/api/auth-sessions/delete-auth-sessions-by-user/${userId}`,
+            method: "DELETE",
+            secure: true,
+            format: "json",
+            ...params,
+        });
+        this.deleteAllAuthSessions = (params = {}) => this.request({
+            path: `/api/auth-sessions/delete-all-auth-sessions`,
+            method: "DELETE",
+            secure: true,
+            format: "json",
+            ...params,
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AuthSessionsApi, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AuthSessionsApi }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AuthSessionsApi, decorators: [{
+            type: Injectable
+        }] });
+
+var en$4 = {
+	"auth-sessions": {
+	title: "Active sessions",
+	refreshTooltip: "Refresh",
+	filterPlaceholder: "Filter by user, email or IP address",
+	table: {
+		user: "User",
+		created: "Signed in",
+		lastActivity: "Last activity",
+		expires: "Expires",
+		ipAddress: "IP address",
+		userAgent: "Browser",
+		current: "Current",
+		terminateTooltip: "Terminate session",
+		terminateAllTooltip: "Terminate all user sessions",
+		empty: "No active sessions"
+	},
+	confirm: {
+		header: "Warning",
+		terminateMessage: "Terminate the session of {{user}}?",
+		terminateAllMessage: "Terminate all sessions of {{user}}?",
+		cancel: "Cancel",
+		terminate: "Terminate",
+		terminateEveryoneMessage: "Terminate all sessions except the current one?"
+	},
+	messages: {
+		loadError: "Failed to load sessions",
+		terminateSuccess: "Session terminated",
+		terminateAllSuccess: "Sessions terminated: {{count}}",
+		terminateError: "Session termination failed"
+	},
+	terminateAllTooltip: "Terminate all except current",
+	clearFilterTooltip: "Clear filter"
+}
+};
+
+var ru$4 = {
+	"auth-sessions": {
+	title: "Активные сессии",
+	refreshTooltip: "Обновить",
+	filterPlaceholder: "Фильтр по пользователю, email или IP-адресу",
+	table: {
+		user: "Пользователь",
+		created: "Вход",
+		lastActivity: "Последняя активность",
+		expires: "Истекает",
+		ipAddress: "IP-адрес",
+		userAgent: "Браузер",
+		current: "Текущая",
+		terminateTooltip: "Завершить сессию",
+		terminateAllTooltip: "Завершить все сессии пользователя",
+		empty: "Активных сессий нет"
+	},
+	confirm: {
+		header: "Внимание",
+		terminateMessage: "Завершить сессию пользователя {{user}}?",
+		terminateAllMessage: "Завершить все сессии пользователя {{user}}?",
+		cancel: "Отмена",
+		terminate: "Завершить",
+		terminateEveryoneMessage: "Завершить все сессии, кроме текущей?"
+	},
+	messages: {
+		loadError: "Не удалось загрузить сессии",
+		terminateSuccess: "Сессия завершена",
+		terminateAllSuccess: "Завершено сессий: {{count}}",
+		terminateError: "Не удалось завершить сессию"
+	},
+	terminateAllTooltip: "Завершить все, кроме текущей",
+	clearFilterTooltip: "Очистить фильтр"
+}
+};
+
+L10nService.registerTranslations({ en: en$4, ru: ru$4 });
+/**
+ * Administrator page listing active authentication sessions with the ability to terminate them.
+ */
+class AuthSessionsComponent {
+    constructor() {
+        this.sessions = [];
+        this.userFilter = '';
+        this.loading = false;
+        this.msgService = inject(MsgService);
+        this.confirmationService = inject(ConfirmationService);
+        this.l10nService = inject(L10nService);
+        this.titleService = inject(AppTitleService);
+        this.layoutService = inject(LayoutService);
+        this.authSessionsApi = inject(AuthSessionsApi);
+        this.translationsReady = firstValueFrom(this.l10nService.loadComponentTranslations('auth-sessions'));
+    }
+    async ngOnInit() {
+        await this.translationsReady;
+        this.titleService.setTitle(this.t('auth-sessions.title'));
+        await this.refreshAction();
+    }
+    get filteredSessions() {
+        const filter = this.userFilter.trim().toLowerCase();
+        if (!filter) {
+            return this.sessions;
+        }
+        return this.sessions.filter((session) => [session.userName, session.displayName, session.email, session.userId, session.ipAddress].some((value) => value?.toLowerCase().includes(filter)));
+    }
+    async refreshAction() {
+        this.loading = true;
+        try {
+            this.sessions = await this.authSessionsApi.getAuthSessions({});
+        }
+        catch (error) {
+            this.msgService.errorFromException(error, this.t('auth-sessions.messages.loadError'), this.t('auth-sessions.messages.loadError'));
+        }
+        finally {
+            this.loading = false;
+        }
+    }
+    get hasOtherSessionsThanCurrent() {
+        return this.sessions.some((x) => !x.isCurrent);
+    }
+    async terminateAllSessions() {
+        await this.translationsReady;
+        this.confirmationService.confirm({
+            header: this.t('auth-sessions.confirm.header'),
+            message: this.t('auth-sessions.confirm.terminateEveryoneMessage'),
+            icon: 'pi pi-power-off',
+            rejectButtonProps: {
+                label: this.t('auth-sessions.confirm.cancel'),
+                severity: 'secondary',
+                outlined: true
+            },
+            acceptButtonProps: {
+                label: this.t('auth-sessions.confirm.terminate'),
+                severity: 'danger'
+            },
+            accept: async () => {
+                try {
+                    const result = await this.authSessionsApi.deleteAllAuthSessions();
+                    await this.refreshAction();
+                    this.msgService.success(this.l10nService.instant('auth-sessions.messages.terminateAllSuccess', {
+                        count: result.deletedCount ?? 0
+                    }));
+                }
+                catch (error) {
+                    this.msgService.errorFromException(error, this.t('auth-sessions.messages.terminateError'), this.t('auth-sessions.messages.terminateError'));
+                }
+            }
+        });
+    }
+    hasOtherSessions(session) {
+        return this.sessions.some((x) => x.userId === session.userId && !x.isCurrent);
+    }
+    async terminateSession(session) {
+        await this.translationsReady;
+        this.confirmationService.confirm({
+            header: this.t('auth-sessions.confirm.header'),
+            message: this.l10nService.instant('auth-sessions.confirm.terminateMessage', {
+                user: session.userName ?? session.userId ?? ''
+            }),
+            icon: 'pi pi-sign-out',
+            rejectButtonProps: {
+                label: this.t('auth-sessions.confirm.cancel'),
+                severity: 'secondary',
+                outlined: true
+            },
+            acceptButtonProps: {
+                label: this.t('auth-sessions.confirm.terminate'),
+                severity: 'danger'
+            },
+            accept: async () => {
+                try {
+                    await this.authSessionsApi.deleteAuthSession({ sessionId: session.sessionId });
+                    await this.refreshAction();
+                    this.msgService.success(this.t('auth-sessions.messages.terminateSuccess'));
+                }
+                catch (error) {
+                    this.msgService.errorFromException(error, this.t('auth-sessions.messages.terminateError'), this.t('auth-sessions.messages.terminateError'));
+                }
+            }
+        });
+    }
+    async terminateUserSessions(session) {
+        await this.translationsReady;
+        this.confirmationService.confirm({
+            header: this.t('auth-sessions.confirm.header'),
+            message: this.l10nService.instant('auth-sessions.confirm.terminateAllMessage', {
+                user: session.userName ?? session.userId ?? ''
+            }),
+            icon: 'pi pi-user-minus',
+            rejectButtonProps: {
+                label: this.t('auth-sessions.confirm.cancel'),
+                severity: 'secondary',
+                outlined: true
+            },
+            acceptButtonProps: {
+                label: this.t('auth-sessions.confirm.terminate'),
+                severity: 'danger'
+            },
+            accept: async () => {
+                try {
+                    const result = await this.authSessionsApi.deleteAuthSessionsByUser({ userId: session.userId });
+                    await this.refreshAction();
+                    this.msgService.success(this.l10nService.instant('auth-sessions.messages.terminateAllSuccess', {
+                        count: result.deletedCount ?? 0
+                    }));
+                }
+                catch (error) {
+                    this.msgService.errorFromException(error, this.t('auth-sessions.messages.terminateError'), this.t('auth-sessions.messages.terminateError'));
+                }
+            }
+        });
+    }
+    t(key) {
+        return this.l10nService.instant(key);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AuthSessionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AuthSessionsComponent, isStandalone: true, selector: "app-auth-sessions", providers: [ConfirmationService, AuthSessionsApi], ngImport: i0, template: `
+    <p-confirmDialog></p-confirmDialog>
+    <div class="flex flex-col md:flex-row gap-4">
+      <div class="card w-full">
+        <div class="mb-4">
+          <p-toolbar>
+            <div class="flex flex-col md:flex-row md:items-center gap-2 w-full">
+              <div class="font-semibold text-lg flex items-center gap-2 mx-2">
+                <i class="pi pi-users"></i>
+                {{ 'auth-sessions.title' | translate }}
+              </div>
+
+              <div class="flex-1"></div>
+              <div class="flex items-center gap-1 w-full md:w-auto">
+                <p-button
+                  icon="pi pi-refresh"
+                  rounded="true"
+                  severity="secondary"
+                  text="true"
+                  tooltipPosition="bottom"
+                  [loading]="loading"
+                  [pTooltip]="'auth-sessions.refreshTooltip' | translate"
+                  (onClick)="refreshAction()"></p-button>
+                <p-button
+                  icon="pi pi-power-off"
+                  rounded="true"
+                  severity="danger"
+                  text="true"
+                  tooltipPosition="bottom"
+                  id="oip-auth-sessions-terminate-all"
+                  [disabled]="loading || !hasOtherSessionsThanCurrent"
+                  [pTooltip]="'auth-sessions.terminateAllTooltip' | translate"
+                  (onClick)="terminateAllSessions()"></p-button>
+                <input
+                  class="w-full md:w-96"
+                  pInputText
+                  type="text"
+                  id="oip-auth-sessions-filter"
+                  [placeholder]="'auth-sessions.filterPlaceholder' | translate"
+                  [(ngModel)]="userFilter"/>
+                <p-button
+                  icon="pi pi-filter-slash"
+                  rounded="true"
+                  severity="secondary"
+                  text="true"
+                  tooltipPosition="bottom"
+                  id="oip-auth-sessions-clear-filter"
+                  [disabled]="!userFilter"
+                  [pTooltip]="'auth-sessions.clearFilterTooltip' | translate"
+                  (onClick)="userFilter = ''"></p-button>
+              </div>
+            </div>
+          </p-toolbar>
+        </div>
+        <p-table
+          class="mt-4"
+          dataKey="sessionId"
+          [paginator]="true"
+          [rows]="50"
+          sortField="lastActivityUtc"
+          [sortOrder]="-1"
+          [value]="filteredSessions"
+          [loading]="loading">
+          <ng-template pTemplate="header">
+            <tr>
+              <th pSortableColumn="userName">
+                {{ 'auth-sessions.table.user' | translate }}
+                <p-sortIcon field="userName"></p-sortIcon>
+              </th>
+              <th pSortableColumn="createdUtc">
+                {{ 'auth-sessions.table.created' | translate }}
+                <p-sortIcon field="createdUtc"></p-sortIcon>
+              </th>
+              <th pSortableColumn="expiresUtc">
+                {{ 'auth-sessions.table.expires' | translate }}
+                <p-sortIcon field="expiresUtc"></p-sortIcon>
+              </th>
+              <th pSortableColumn="lastActivityUtc">
+                {{ 'auth-sessions.table.lastActivity' | translate }}
+                <p-sortIcon field="lastActivityUtc"></p-sortIcon>
+              </th>
+              <th pSortableColumn="ipAddress">
+                {{ 'auth-sessions.table.ipAddress' | translate }}
+                <p-sortIcon field="ipAddress"></p-sortIcon>
+              </th>
+              <th pSortableColumn="userAgent">
+                {{ 'auth-sessions.table.userAgent' | translate }}
+                <p-sortIcon field="userAgent"></p-sortIcon>
+              </th>
+              <th style="width: 7rem"></th>
+            </tr>
+          </ng-template>
+          <ng-template let-session pTemplate="body">
+            <tr>
+              <td>
+                <div class="flex items-center gap-2">
+                  <div class="flex flex-col">
+                    <span class="font-medium">{{ session.userName }}</span>
+                    @if (session.displayName || session.email) {
+                      <span class="text-sm text-muted-color">{{ session.displayName || session.email }}</span>
+                    }
+                  </div>
+                  @if (session.isCurrent) {
+                    <p-tag severity="info" [value]="'auth-sessions.table.current' | translate"></p-tag>
+                  }
+                </div>
+              </td>
+              <td>{{ session.createdUtc | date: layoutService.dateTimeFormat() }}</td>
+              <td>{{ session.expiresUtc | date: layoutService.dateTimeFormat() }}</td>
+              <td>{{ session.lastActivityUtc | date: layoutService.dateTimeFormat() }}</td>
+              <td>{{ session.ipAddress }}</td>
+              <td class="max-w-80 truncate" [pTooltip]="session.userAgent" tooltipPosition="top">
+                {{ session.userAgent }}
+              </td>
+              <td>
+                <div class="flex gap-1">
+                  <p-button
+                    icon="pi pi-sign-out"
+                    rounded="true"
+                    severity="danger"
+                    text="true"
+                    tooltipPosition="bottom"
+                    [disabled]="session.isCurrent"
+                    [pTooltip]="'auth-sessions.table.terminateTooltip' | translate"
+                    (onClick)="terminateSession(session)"></p-button>
+                  <p-button
+                    icon="pi pi-user-minus"
+                    rounded="true"
+                    severity="danger"
+                    text="true"
+                    tooltipPosition="bottom"
+                    [disabled]="!session.userId || !hasOtherSessions(session)"
+                    [pTooltip]="'auth-sessions.table.terminateAllTooltip' | translate"
+                    (onClick)="terminateUserSessions(session)"></p-button>
+                </div>
+              </td>
+            </tr>
+          </ng-template>
+          <ng-template pTemplate="emptymessage">
+            <tr>
+              <td colspan="7">{{ 'auth-sessions.table.empty' | translate }}</td>
+            </tr>
+          </ng-template>
+        </p-table>
+      </div>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: TableModule }, { kind: "component", type: i2$4.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: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$4.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$4.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.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: "ngmodule", type: ToolbarModule }, { kind: "component", type: i5$1.Toolbar, selector: "p-toolbar", inputs: ["styleClass", "ariaLabelledBy"] }, { kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip"] }, { kind: "component", type: ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "modal", "visible", "position", "draggable"], outputs: ["onHide"] }, { kind: "ngmodule", type: InputTextModule }, { kind: "directive", type: i4$1.InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pSize", "variant", "fluid", "invalid"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "pipe", type: DatePipe, name: "date" }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AuthSessionsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [
+                        FormsModule,
+                        TableModule,
+                        Tag,
+                        ButtonModule,
+                        ToolbarModule,
+                        Tooltip,
+                        ConfirmDialog,
+                        TranslatePipe,
+                        InputTextModule,
+                        DatePipe
+                    ],
+                    providers: [ConfirmationService, AuthSessionsApi],
+                    selector: 'app-auth-sessions',
+                    template: `
+    <p-confirmDialog></p-confirmDialog>
+    <div class="flex flex-col md:flex-row gap-4">
+      <div class="card w-full">
+        <div class="mb-4">
+          <p-toolbar>
+            <div class="flex flex-col md:flex-row md:items-center gap-2 w-full">
+              <div class="font-semibold text-lg flex items-center gap-2 mx-2">
+                <i class="pi pi-users"></i>
+                {{ 'auth-sessions.title' | translate }}
+              </div>
+
+              <div class="flex-1"></div>
+              <div class="flex items-center gap-1 w-full md:w-auto">
+                <p-button
+                  icon="pi pi-refresh"
+                  rounded="true"
+                  severity="secondary"
+                  text="true"
+                  tooltipPosition="bottom"
+                  [loading]="loading"
+                  [pTooltip]="'auth-sessions.refreshTooltip' | translate"
+                  (onClick)="refreshAction()"></p-button>
+                <p-button
+                  icon="pi pi-power-off"
+                  rounded="true"
+                  severity="danger"
+                  text="true"
+                  tooltipPosition="bottom"
+                  id="oip-auth-sessions-terminate-all"
+                  [disabled]="loading || !hasOtherSessionsThanCurrent"
+                  [pTooltip]="'auth-sessions.terminateAllTooltip' | translate"
+                  (onClick)="terminateAllSessions()"></p-button>
+                <input
+                  class="w-full md:w-96"
+                  pInputText
+                  type="text"
+                  id="oip-auth-sessions-filter"
+                  [placeholder]="'auth-sessions.filterPlaceholder' | translate"
+                  [(ngModel)]="userFilter"/>
+                <p-button
+                  icon="pi pi-filter-slash"
+                  rounded="true"
+                  severity="secondary"
+                  text="true"
+                  tooltipPosition="bottom"
+                  id="oip-auth-sessions-clear-filter"
+                  [disabled]="!userFilter"
+                  [pTooltip]="'auth-sessions.clearFilterTooltip' | translate"
+                  (onClick)="userFilter = ''"></p-button>
+              </div>
+            </div>
+          </p-toolbar>
+        </div>
+        <p-table
+          class="mt-4"
+          dataKey="sessionId"
+          [paginator]="true"
+          [rows]="50"
+          sortField="lastActivityUtc"
+          [sortOrder]="-1"
+          [value]="filteredSessions"
+          [loading]="loading">
+          <ng-template pTemplate="header">
+            <tr>
+              <th pSortableColumn="userName">
+                {{ 'auth-sessions.table.user' | translate }}
+                <p-sortIcon field="userName"></p-sortIcon>
+              </th>
+              <th pSortableColumn="createdUtc">
+                {{ 'auth-sessions.table.created' | translate }}
+                <p-sortIcon field="createdUtc"></p-sortIcon>
+              </th>
+              <th pSortableColumn="expiresUtc">
+                {{ 'auth-sessions.table.expires' | translate }}
+                <p-sortIcon field="expiresUtc"></p-sortIcon>
+              </th>
+              <th pSortableColumn="lastActivityUtc">
+                {{ 'auth-sessions.table.lastActivity' | translate }}
+                <p-sortIcon field="lastActivityUtc"></p-sortIcon>
+              </th>
+              <th pSortableColumn="ipAddress">
+                {{ 'auth-sessions.table.ipAddress' | translate }}
+                <p-sortIcon field="ipAddress"></p-sortIcon>
+              </th>
+              <th pSortableColumn="userAgent">
+                {{ 'auth-sessions.table.userAgent' | translate }}
+                <p-sortIcon field="userAgent"></p-sortIcon>
+              </th>
+              <th style="width: 7rem"></th>
+            </tr>
+          </ng-template>
+          <ng-template let-session pTemplate="body">
+            <tr>
+              <td>
+                <div class="flex items-center gap-2">
+                  <div class="flex flex-col">
+                    <span class="font-medium">{{ session.userName }}</span>
+                    @if (session.displayName || session.email) {
+                      <span class="text-sm text-muted-color">{{ session.displayName || session.email }}</span>
+                    }
+                  </div>
+                  @if (session.isCurrent) {
+                    <p-tag severity="info" [value]="'auth-sessions.table.current' | translate"></p-tag>
+                  }
+                </div>
+              </td>
+              <td>{{ session.createdUtc | date: layoutService.dateTimeFormat() }}</td>
+              <td>{{ session.expiresUtc | date: layoutService.dateTimeFormat() }}</td>
+              <td>{{ session.lastActivityUtc | date: layoutService.dateTimeFormat() }}</td>
+              <td>{{ session.ipAddress }}</td>
+              <td class="max-w-80 truncate" [pTooltip]="session.userAgent" tooltipPosition="top">
+                {{ session.userAgent }}
+              </td>
+              <td>
+                <div class="flex gap-1">
+                  <p-button
+                    icon="pi pi-sign-out"
+                    rounded="true"
+                    severity="danger"
+                    text="true"
+                    tooltipPosition="bottom"
+                    [disabled]="session.isCurrent"
+                    [pTooltip]="'auth-sessions.table.terminateTooltip' | translate"
+                    (onClick)="terminateSession(session)"></p-button>
+                  <p-button
+                    icon="pi pi-user-minus"
+                    rounded="true"
+                    severity="danger"
+                    text="true"
+                    tooltipPosition="bottom"
+                    [disabled]="!session.userId || !hasOtherSessions(session)"
+                    [pTooltip]="'auth-sessions.table.terminateAllTooltip' | translate"
+                    (onClick)="terminateUserSessions(session)"></p-button>
+                </div>
+              </td>
+            </tr>
+          </ng-template>
+          <ng-template pTemplate="emptymessage">
+            <tr>
+              <td colspan="7">{{ 'auth-sessions.table.empty' | translate }}</td>
+            </tr>
+          </ng-template>
+        </p-table>
+      </div>
+    </div>
+  `
+                }]
+        }], ctorParameters: () => [] });
+
+var authSessions_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AuthSessionsComponent: AuthSessionsComponent
+});
+
 var ServiceType;
 (function (ServiceType) {
     ServiceType["Service"] = "Service";
@@ -7514,10 +8345,8 @@ var ServiceType;
 
 var applications$1 = {
 	title: "Applications",
-	subtitle: "Manage the frontend application registry",
-	searchPlaceholder: "Search applications",
-	search: "Search",
-	clear: "Clear",
+	searchPlaceholder: "Filter applications",
+	clear: "Clear filter",
 	add: "Add",
 	refreshTooltip: "Refresh",
 	empty: "No applications found",
@@ -7562,10 +8391,8 @@ var en$3 = {
 
 var applications = {
 	title: "Приложения",
-	subtitle: "Управление реестром фронтенд-приложений",
-	searchPlaceholder: "Поиск по приложениям",
-	search: "Найти",
-	clear: "Очистить",
+	searchPlaceholder: "Фильтр по приложениям",
+	clear: "Сбросить фильтр",
 	add: "Добавить",
 	refreshTooltip: "Обновить",
 	empty: "Приложения не найдены",
@@ -7833,65 +8660,71 @@ class ApplicationsComponent {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ApplicationsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: ApplicationsComponent, isStandalone: true, selector: "app-applications", providers: [ApplicationsApi, ConfirmationService], ngImport: i0, template: `
     <p-confirmDialog></p-confirmDialog>
-    <div class="flex flex-col gap-4">
+    <div class="flex flex-col md:flex-row gap-4">
       <div class="card w-full">
-        <div class="flex flex-col gap-3 md:flex-row md:items-center md:justify-between">
-          <div>
-            <div class="font-semibold text-xl mb-1">
-              {{ 'applications.title' | translate }}
-            </div>
-            <p class="m-0 text-surface-500">{{ 'applications.subtitle' | translate }}</p>
-          </div>
-          <div class="flex flex-col gap-2 sm:flex-row">
-            <input
-              class="w-full sm:w-72"
-              pInputText
-              type="text"
-              [placeholder]="'applications.searchPlaceholder' | translate"
-              [(ngModel)]="globalFilter"
-              (keydown.enter)="applyGlobalFilter()" />
-            <p-button
-              icon="pi pi-search"
-              [label]="'applications.search' | translate"
-              (onClick)="applyGlobalFilter()"></p-button>
-            <p-button
-              icon="pi pi-filter-slash"
-              severity="secondary"
-              [label]="'applications.clear' | translate"
-              (onClick)="clearFilters()"></p-button>
-          </div>
-        </div>
-
-        <div class="my-4">
+        <div class="mb-4">
           <p-toolbar>
-            <p-button
-              icon="pi pi-plus"
-              severity="success"
-              [disabled]="loading || activeRowAction"
-              [label]="'applications.add' | translate"
-              (onClick)="beginCreateApplication()"></p-button>
-            <p-button
-              icon="pi pi-refresh"
-              rounded="true"
-              severity="secondary"
-              text="true"
-              tooltipPosition="bottom"
-              [disabled]="loading || activeRowAction"
-              [pTooltip]="'applications.refreshTooltip' | translate"
-              (onClick)="refreshAction()"></p-button>
+            <div class="flex flex-col md:flex-row md:items-center gap-2 w-full">
+              <div class="font-semibold text-lg flex items-center gap-2 mx-2">
+                <i class="pi pi-th-large"></i>
+                {{ 'applications.title' | translate }}
+              </div>
+
+              <div class="flex-1"></div>
+              <div class="flex items-center gap-1 w-full md:w-auto">
+                <p-button
+                  icon="pi pi-refresh"
+                  rounded="true"
+                  severity="secondary"
+                  text="true"
+                  tooltipPosition="bottom"
+                  id="oip-applications-refresh"
+                  [loading]="loading"
+                  [disabled]="activeRowAction"
+                  [pTooltip]="'applications.refreshTooltip' | translate"
+                  (onClick)="refreshAction()"></p-button>
+                <p-button
+                  icon="pi pi-plus"
+                  rounded="true"
+                  severity="success"
+                  text="true"
+                  tooltipPosition="bottom"
+                  id="oip-applications-add"
+                  [disabled]="loading || activeRowAction"
+                  [pTooltip]="'applications.add' | translate"
+                  (onClick)="beginCreateApplication()"></p-button>
+                <input
+                  class="w-full md:w-96"
+                  pInputText
+                  type="text"
+                  id="oip-applications-filter"
+                  [placeholder]="'applications.searchPlaceholder' | translate"
+                  [(ngModel)]="globalFilter"
+                  (ngModelChange)="applyGlobalFilter()" />
+                <p-button
+                  icon="pi pi-filter-slash"
+                  rounded="true"
+                  severity="secondary"
+                  text="true"
+                  tooltipPosition="bottom"
+                  id="oip-applications-clear-filter"
+                  [disabled]="!globalFilter"
+                  [pTooltip]="'applications.clear' | translate"
+                  (onClick)="clearFilters()"></p-button>
+              </div>
+            </div>
           </p-toolbar>
         </div>
 
         <p-table
-          #table
+          class="mt-4"
           dataKey="code"
-          responsiveLayout="scroll"
-          [globalFilterFields]="globalFilterFields"
-          [loading]="loading"
+          sortField="order"
+          [sortOrder]="1"
           [paginator]="true"
-          [rows]="25"
-          [rowsPerPageOptions]="[10, 25, 50, 100]"
-          [value]="visibleApplications">
+          [rows]="50"
+          [value]="visibleApplications"
+          [loading]="loading">
           <ng-template pTemplate="header">
             <tr>
               <th pSortableColumn="code">
@@ -8011,10 +8844,11 @@ class ApplicationsComponent {
                   "></p-tag>
               </td>
               <td>
-                <div class="flex items-center justify-center gap-2">
+                <div class="flex items-center justify-center gap-1">
                   @if (application._isEditing) {
                     <p-button
                       icon="pi pi-check"
+                      rounded="true"
                       severity="success"
                       text="true"
                       tooltipPosition="bottom"
@@ -8023,6 +8857,7 @@ class ApplicationsComponent {
                       (onClick)="saveApplication(application)"></p-button>
                     <p-button
                       icon="pi pi-times"
+                      rounded="true"
                       severity="secondary"
                       text="true"
                       tooltipPosition="bottom"
@@ -8032,6 +8867,7 @@ class ApplicationsComponent {
                   } @else {
                     <p-button
                       icon="pi pi-pencil"
+                      rounded="true"
                       text="true"
                       tooltipPosition="bottom"
                       [disabled]="activeRowAction"
@@ -8039,6 +8875,7 @@ class ApplicationsComponent {
                       (onClick)="editApplication(application)"></p-button>
                     <p-button
                       icon="pi pi-trash"
+                      rounded="true"
                       severity="danger"
                       text="true"
                       tooltipPosition="bottom"
@@ -8053,15 +8890,13 @@ class ApplicationsComponent {
 
           <ng-template pTemplate="emptymessage">
             <tr>
-              <td class="py-8 text-center text-surface-500" colspan="10">
-                {{ 'applications.empty' | translate }}
-              </td>
+              <td colspan="10">{{ 'applications.empty' | translate }}</td>
             </tr>
           </ng-template>
         </p-table>
       </div>
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { 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: TableModule }, { kind: "component", type: i1$9.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: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i1$9.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i1$9.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.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: "ngmodule", type: ToolbarModule }, { kind: "component", type: i5$1.Toolbar, selector: "p-toolbar", inputs: ["styleClass", "ariaLabelledBy"] }, { kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip"] }, { kind: "component", type: ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "modal", "visible", "position", "draggable"], outputs: ["onHide"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i5.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"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: ToggleSwitchModule }, { kind: "component", type: i2$4.ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["styleClass", "tabindex", "inputId", "readonly", "trueValue", "falseValue", "ariaLabel", "size", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { 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: TableModule }, { kind: "component", type: i2$4.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: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$4.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i2$4.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.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: "ngmodule", type: ToolbarModule }, { kind: "component", type: i5$1.Toolbar, selector: "p-toolbar", inputs: ["styleClass", "ariaLabelledBy"] }, { kind: "directive", type: Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip"] }, { kind: "component", type: ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "modal", "visible", "position", "draggable"], outputs: ["onHide"] }, { kind: "directive", type: InputText, selector: "[pInputText]", inputs: ["hostName", "ptInputText", "pSize", "variant", "fluid", "invalid"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i5.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"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "ngmodule", type: ToggleSwitchModule }, { kind: "component", type: i2$3.ToggleSwitch, selector: "p-toggleswitch, p-toggleSwitch, p-toggle-switch", inputs: ["styleClass", "tabindex", "inputId", "readonly", "trueValue", "falseValue", "ariaLabel", "size", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ApplicationsComponent, decorators: [{
             type: Component,
@@ -8083,65 +8918,71 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     selector: 'app-applications',
                     template: `
     <p-confirmDialog></p-confirmDialog>
-    <div class="flex flex-col gap-4">
+    <div class="flex flex-col md:flex-row gap-4">
       <div class="card w-full">
-        <div class="flex flex-col gap-3 md:flex-row md:items-center md:justify-between">
-          <div>
-            <div class="font-semibold text-xl mb-1">
-              {{ 'applications.title' | translate }}
-            </div>
-            <p class="m-0 text-surface-500">{{ 'applications.subtitle' | translate }}</p>
-          </div>
-          <div class="flex flex-col gap-2 sm:flex-row">
-            <input
-              class="w-full sm:w-72"
-              pInputText
-              type="text"
-              [placeholder]="'applications.searchPlaceholder' | translate"
-              [(ngModel)]="globalFilter"
-              (keydown.enter)="applyGlobalFilter()" />
-            <p-button
-              icon="pi pi-search"
-              [label]="'applications.search' | translate"
-              (onClick)="applyGlobalFilter()"></p-button>
-            <p-button
-              icon="pi pi-filter-slash"
-              severity="secondary"
-              [label]="'applications.clear' | translate"
-              (onClick)="clearFilters()"></p-button>
-          </div>
-        </div>
-
-        <div class="my-4">
+        <div class="mb-4">
           <p-toolbar>
-            <p-button
-              icon="pi pi-plus"
-              severity="success"
-              [disabled]="loading || activeRowAction"
-              [label]="'applications.add' | translate"
-              (onClick)="beginCreateApplication()"></p-button>
-            <p-button
-              icon="pi pi-refresh"
-              rounded="true"
-              severity="secondary"
-              text="true"
-              tooltipPosition="bottom"
-              [disabled]="loading || activeRowAction"
-              [pTooltip]="'applications.refreshTooltip' | translate"
-              (onClick)="refreshAction()"></p-button>
+            <div class="flex flex-col md:flex-row md:items-center gap-2 w-full">
+              <div class="font-semibold text-lg flex items-center gap-2 mx-2">
+                <i class="pi pi-th-large"></i>
+                {{ 'applications.title' | translate }}
+              </div>
+
+              <div class="flex-1"></div>
+              <div class="flex items-center gap-1 w-full md:w-auto">
+                <p-button
+                  icon="pi pi-refresh"
+                  rounded="true"
+                  severity="secondary"
+                  text="true"
+                  tooltipPosition="bottom"
+                  id="oip-applications-refresh"
+                  [loading]="loading"
+                  [disabled]="activeRowAction"
+                  [pTooltip]="'applications.refreshTooltip' | translate"
+                  (onClick)="refreshAction()"></p-button>
+                <p-button
+                  icon="pi pi-plus"
+                  rounded="true"
+                  severity="success"
+                  text="true"
+                  tooltipPosition="bottom"
+                  id="oip-applications-add"
+                  [disabled]="loading || activeRowAction"
+                  [pTooltip]="'applications.add' | translate"
+                  (onClick)="beginCreateApplication()"></p-button>
+                <input
+                  class="w-full md:w-96"
+                  pInputText
+                  type="text"
+                  id="oip-applications-filter"
+                  [placeholder]="'applications.searchPlaceholder' | translate"
+                  [(ngModel)]="globalFilter"
+                  (ngModelChange)="applyGlobalFilter()" />
+                <p-button
+                  icon="pi pi-filter-slash"
+                  rounded="true"
+                  severity="secondary"
+                  text="true"
+                  tooltipPosition="bottom"
+                  id="oip-applications-clear-filter"
+                  [disabled]="!globalFilter"
+                  [pTooltip]="'applications.clear' | translate"
+                  (onClick)="clearFilters()"></p-button>
+              </div>
+            </div>
           </p-toolbar>
         </div>
 
         <p-table
-          #table
+          class="mt-4"
           dataKey="code"
-          responsiveLayout="scroll"
-          [globalFilterFields]="globalFilterFields"
-          [loading]="loading"
+          sortField="order"
+          [sortOrder]="1"
           [paginator]="true"
-          [rows]="25"
-          [rowsPerPageOptions]="[10, 25, 50, 100]"
-          [value]="visibleApplications">
+          [rows]="50"
+          [value]="visibleApplications"
+          [loading]="loading">
           <ng-template pTemplate="header">
             <tr>
               <th pSortableColumn="code">
@@ -8261,10 +9102,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                   "></p-tag>
               </td>
               <td>
-                <div class="flex items-center justify-center gap-2">
+                <div class="flex items-center justify-center gap-1">
                   @if (application._isEditing) {
                     <p-button
                       icon="pi pi-check"
+                      rounded="true"
                       severity="success"
                       text="true"
                       tooltipPosition="bottom"
@@ -8273,6 +9115,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                       (onClick)="saveApplication(application)"></p-button>
                     <p-button
                       icon="pi pi-times"
+                      rounded="true"
                       severity="secondary"
                       text="true"
                       tooltipPosition="bottom"
@@ -8282,6 +9125,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                   } @else {
                     <p-button
                       icon="pi pi-pencil"
+                      rounded="true"
                       text="true"
                       tooltipPosition="bottom"
                       [disabled]="activeRowAction"
@@ -8289,6 +9133,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                       (onClick)="editApplication(application)"></p-button>
                     <p-button
                       icon="pi pi-trash"
+                      rounded="true"
                       severity="danger"
                       text="true"
                       tooltipPosition="bottom"
@@ -8303,9 +9148,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 
           <ng-template pTemplate="emptymessage">
             <tr>
-              <td class="py-8 text-center text-surface-500" colspan="10">
-                {{ 'applications.empty' | translate }}
-              </td>
+              <td colspan="10">{{ 'applications.empty' | translate }}</td>
             </tr>
           </ng-template>
         </p-table>
@@ -9244,7 +10087,7 @@ class DiscussionComponent {
         </div>
       }
     </section>
-  `, isInline: true, styles: [":host{display:block}.file-trigger{position:relative;display:inline-flex}.file-trigger input{position:absolute;inset:0;opacity:0;cursor:pointer}.markdown-preview,.history-markdown{word-break:break-word}.markdown-preview :is(h1,h2,h3),.history-markdown :is(h1,h2,h3){margin:0 0 .75rem;font-weight:600}.markdown-preview a,.history-markdown a{color:#2563eb;text-decoration:underline;text-underline-offset:.18em}.emoji-popover{display:flex;flex-wrap:wrap;gap:.5rem;max-width:16rem}.emoji-option{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;font-size:1.25rem;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: AvatarModule }, { kind: "component", type: i2$2.Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }, { kind: "directive", type: i2$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.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: "ngmodule", type: CardModule }, { kind: "component", type: i5$2.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "modal", "visible", "position", "draggable"], outputs: ["onHide"] }, { kind: "ngmodule", type: DividerModule }, { kind: "ngmodule", type: PanelModule }, { kind: "component", type: i6.Panel, selector: "p-panel", inputs: ["id", "toggleable", "header", "collapsed", "styleClass", "iconPos", "showHeader", "toggler", "transitionOptions", "toggleButtonProps"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: i7.Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: ProgressSpinnerModule }, { kind: "component", type: i4.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i9.Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "directive", type: Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "pipe", type: i1$3.DatePipe, name: "date" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block}.file-trigger{position:relative;display:inline-flex}.file-trigger input{position:absolute;inset:0;opacity:0;cursor:pointer}.markdown-preview,.history-markdown{word-break:break-word}.markdown-preview :is(h1,h2,h3),.history-markdown :is(h1,h2,h3){margin:0 0 .75rem;font-weight:600}.markdown-preview a,.history-markdown a{color:#2563eb;text-decoration:underline;text-underline-offset:.18em}.emoji-popover{display:flex;flex-wrap:wrap;gap:.5rem;max-width:16rem}.emoji-option{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;font-size:1.25rem;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: AvatarModule }, { kind: "component", type: i2$1.Avatar, selector: "p-avatar", inputs: ["label", "icon", "image", "size", "shape", "styleClass", "ariaLabel", "ariaLabelledBy"], outputs: ["onImageError"] }, { kind: "directive", type: i3$1.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "ngmodule", type: ButtonModule }, { kind: "component", type: i1$2.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: "ngmodule", type: CardModule }, { kind: "component", type: i5$2.Card, selector: "p-card", inputs: ["header", "subheader", "style", "styleClass"] }, { kind: "component", type: ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "modal", "visible", "position", "draggable"], outputs: ["onHide"] }, { kind: "ngmodule", type: DividerModule }, { kind: "ngmodule", type: PanelModule }, { kind: "component", type: i6.Panel, selector: "p-panel", inputs: ["id", "toggleable", "header", "collapsed", "styleClass", "iconPos", "showHeader", "toggler", "transitionOptions", "toggleButtonProps"], outputs: ["collapsedChange", "onBeforeToggle", "onAfterToggle"] }, { kind: "ngmodule", type: PopoverModule }, { kind: "component", type: i7.Popover, selector: "p-popover", inputs: ["ariaLabel", "ariaLabelledBy", "dismissable", "style", "styleClass", "appendTo", "autoZIndex", "ariaCloseLabel", "baseZIndex", "focusOnShow", "showTransitionOptions", "hideTransitionOptions"], outputs: ["onShow", "onHide"] }, { kind: "ngmodule", type: ProgressSpinnerModule }, { kind: "component", type: i4.ProgressSpinner, selector: "p-progressSpinner, p-progress-spinner, p-progressspinner", inputs: ["styleClass", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i3$6.Tag, selector: "p-tag", inputs: ["styleClass", "severity", "value", "icon", "rounded"] }, { kind: "directive", type: Textarea, selector: "[pTextarea], [pInputTextarea]", inputs: ["autoResize", "pSize", "variant", "fluid", "invalid"], outputs: ["onResize"] }, { kind: "pipe", type: i1$3.DatePipe, name: "date" }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DiscussionComponent, decorators: [{
             type: Component,
@@ -10831,6 +11674,15 @@ function oipModulesRoute(path = 'modules') {
         data: { requireAdmin: true }
     };
 }
+/** Active authentication sessions, administrators only. */
+function oipSessionsRoute(path = 'sessions') {
+    return {
+        path,
+        loadComponent: () => Promise.resolve().then(function () { return authSessions_component; }).then((m) => m.AuthSessionsComponent),
+        canActivate: [oipAuthGuard],
+        data: { requireAdmin: true }
+    };
+}
 /** Discussion module. The path must keep an `:id` segment. */
 function oipDiscussionRoute(path = 'discussion/:id') {
     return {
@@ -10898,6 +11750,7 @@ function provideOipRoutes(options = {}) {
     builtInRoute(features.config, oipConfigRoute, children);
     builtInRoute(features.applications, oipApplicationsRoute, children);
     builtInRoute(features.modules, oipModulesRoute, children);
+    builtInRoute(features.sessions, oipSessionsRoute, children);
     builtInRoute(features.discussion, oipDiscussionRoute, children);
     builtInRoute(features.dbMigration, oipDbMigrationRoute, children);
     builtInRoute(features.iframeModule, oipIframeModuleRoute, children);
@@ -10937,5 +11790,5 @@ function provideOipRoutes(options = {}) {
  * Generated bundle index. Do not edit.
  */
 
-export { APP_INFO_TOKEN, APP_THEME_PRESETS, APP_THEME_PRESETS_MERGE_MODE, AccessComponent, AppConfiguratorComponent, AppFloatingConfiguratorComponent, AppInfoService, AppLayoutComponent, AppModulesComponent, AppTopbar, AppTopbarApplicationSwitcherComponent, ApplicationRegistryService, ApplicationsApi, ApplicationsComponent, AuthGuardService, BaseModuleComponent, BffSecurityService, BlockLoaderComponent, ConfigComponent, ContentType, CustomElementExtensionModuleHostComponent, DbMigrationComponent, DefaultSecretsBannerComponent, DiscussionComponent, ErrorComponent, ExtensionLoaderService, ExtensionModuleHostComponent, FolderModuleApi, FooterComponent, HttpClient, IframeModuleApi, IframeModuleComponent, L10nService, LOGO_COMPONENT_TOKEN, LayoutService, LogoComponent, LogoService, MenuComponent, MenuService, ModuleInstanceRightsService, ModuleLoadingService, MsgService, NoModulesComponent, NotfoundComponent, NotificationApi, NotificationService, OIP_EXTENSION_EVENTS, SecurityApi, SecurityComponent, SecurityService, SidebarComponent, StartPageService, TableFilterService, TopBarService, UnauthorizedComponent, UserNotificationsComponent, UserProfileApi, UserProfileComponent, UserService, convertToPrimeNgDateFormat, defaultTheme, emitOipContextChange, emitOipError, emitOipNavigate, emitOipNotify, emitOipSettingsChange, emitOipTitleChange, langIntercept, mergeWithDefaults, moduleAccessGuard, oipAccessRoute, oipApplicationsRoute, oipAuthGuard, oipConfigRoute, oipDbMigrationRoute, oipDiscussionRoute, oipErrorRoute, oipExtensionsRoute, oipIframeModuleRoute, oipModulesRoute, oipNoModulesRoute, oipProfileRoute, oipStartRedirectGuard, oipStartRoute, provideAppInfo, provideAppThemes, provideLogoComponent, provideOip, provideOipRoutes, provideTranslations, replaceDefaults };
+export { APP_INFO_TOKEN, APP_THEME_PRESETS, APP_THEME_PRESETS_MERGE_MODE, AccessComponent, AppConfiguratorComponent, AppFloatingConfiguratorComponent, AppInfoService, AppLayoutComponent, AppModulesComponent, AppTopbar, AppTopbarApplicationSwitcherComponent, ApplicationRegistryService, ApplicationsApi, ApplicationsComponent, AuthGuardService, AuthSessionsApi, AuthSessionsComponent, BaseModuleComponent, BffSecurityService, BlockLoaderComponent, ConfigComponent, ContentType, CustomElementExtensionModuleHostComponent, DbMigrationComponent, DefaultSecretsBannerComponent, DiscussionComponent, ErrorComponent, ExtensionLoaderService, ExtensionModuleHostComponent, FolderModuleApi, FooterComponent, HttpClient, IframeModuleApi, IframeModuleComponent, L10nService, LOGO_COMPONENT_TOKEN, LayoutService, LogoComponent, LogoService, MenuComponent, MenuService, ModuleInstanceRightsService, ModuleLoadingService, MsgService, NoModulesComponent, NotfoundComponent, NotificationApi, NotificationService, OIP_EXTENSION_EVENTS, SecurityApi, SecurityComponent, SecurityService, SidebarComponent, StartPageService, TableFilterService, TopBarService, UnauthorizedComponent, UserNotificationsComponent, UserProfileApi, UserProfileComponent, UserService, convertToPrimeNgDateFormat, defaultTheme, emitOipContextChange, emitOipError, emitOipNavigate, emitOipNotify, emitOipSettingsChange, emitOipTitleChange, langIntercept, mergeWithDefaults, moduleAccessGuard, oipAccessRoute, oipApplicationsRoute, oipAuthGuard, oipConfigRoute, oipDbMigrationRoute, oipDiscussionRoute, oipErrorRoute, oipExtensionsRoute, oipIframeModuleRoute, oipModulesRoute, oipNoModulesRoute, oipProfileRoute, oipSessionsRoute, oipStartRedirectGuard, oipStartRoute, provideAppInfo, provideAppThemes, provideLogoComponent, provideOip, provideOipRoutes, provideTranslations, replaceDefaults };
 //# sourceMappingURL=oip-common.mjs.map