oip-common 0.10.0 → 0.11.1

package/fesm2022/oip-common.mjs

@@ -411,6 +411,7 @@ class LayoutService {
             return ngDateFormat;
         }, ...(ngDevMode ? [{ debugName: "monthFormat" }] : []));
         this.timeZone = computed(() => this.layoutConfig().timeZone, ...(ngDevMode ? [{ debugName: "timeZone" }] : []));
+        this.firstDayOfWeek = computed(() => this.layoutConfig().firstDayOfWeek ?? 1, ...(ngDevMode ? [{ debugName: "firstDayOfWeek" }] : []));
         this.adminMode = computed(() => this.layoutConfig().adminMode ?? false, ...(ngDevMode ? [{ debugName: "adminMode" }] : []));
         this.transitionComplete = signal(false, ...(ngDevMode ? [{ debugName: "transitionComplete" }] : []));
         /**
@@ -443,6 +444,7 @@ class LayoutService {
         if (appConfigUiString != null) {
             const config = JSON.parse(appConfigUiString);
             config.timeZone ??= Intl.DateTimeFormat().resolvedOptions().timeZone;
+            config.firstDayOfWeek ??= 1;
             return config;
         }
         return {
@@ -456,6 +458,7 @@ class LayoutService {
             timeFormat: 'HH:mm:ss',
             dateTimeFormat: 'yyyy-MM-dd HH:mm:ss',
             timeZone: Intl.DateTimeFormat().resolvedOptions().timeZone,
+            firstDayOfWeek: 1,
             adminMode: false
         };
     }
@@ -810,6 +813,8 @@ class L10nService {
         // Global dictionaries are available before the first `use()` call, so TranslateHttpLoader is never asked for them.
         L10nService.registerTranslations(globalTranslations);
         Object.entries(globalTranslations).forEach(([lang, translations]) => this.mergeTranslation(lang, translations));
+        // The first day of the week is a user setting, it overrides the value of the language dictionary.
+        effect(() => this.primeNg.setTranslation({ firstDayOfWeek: this.layoutService.firstDayOfWeek() }));
         // Static translations are merged once per language, so they have to be re-merged on every language change.
         this.translateService.onLangChange.subscribe((event) => {
             L10nService.staticTranslations.forEach((byLang) => {
@@ -904,7 +909,7 @@ class L10nService {
         if (key) {
             this.get(key);
         }
-        this.translateService.use(selectedLanguage);
+        this.translateService.use(selectedLanguage).subscribe(() => this.applyPrimeNgTranslation());
     }
     init(languages) {
         this.availableLanguages = languages;
@@ -913,9 +918,17 @@ class L10nService {
         this.translateService.setDefaultLang(lang);
         this.translateService.use(lang).subscribe(() => {
             this.loadComponentTranslations('app-info');
-            this.translateService.get('primeng').subscribe((res) => this.primeNg.setTranslation(res));
+            this.applyPrimeNgTranslation();
         });
     }
+    /**
+     * Passes the PrimeNG dictionary of the current language to PrimeNG, keeping the user's first day of the week
+     */
+    applyPrimeNgTranslation() {
+        this.translateService
+            .get('primeng')
+            .subscribe((res) => this.primeNg.setTranslation({ ...res, firstDayOfWeek: this.layoutService.firstDayOfWeek() }));
+    }
     instant(key, interpolateParams) {
         return this.translateService.instant(key, interpolateParams);
     }
@@ -1001,7 +1014,9 @@ class BffSecurityService {
     authorize(returnUrl) {
         const normalizedReturnUrl = this.normalizeReturnUrl(returnUrl);
         this.replaceWithUnauthorizedUrl(normalizedReturnUrl);
-        const form = this.createPostForm(this.buildUrl('api/security/create-auth-session'));
+        // The return url travels with the request: when a guard rejects the initial navigation, the router
+        // resets the address after this call, so the page address sent as Referer no longer carries it.
+        const form = this.createPostForm(this.buildUrl(`api/security/create-auth-session?returnUrl=${encodeURIComponent(normalizedReturnUrl)}`));
         document.body.appendChild(form);
         form.submit();
     }
@@ -1891,9 +1906,10 @@ class SecurityApi extends HttpClient {
             format: "json",
             ...params,
         });
-        this.createAuthSession = (params = {}) => this.request({
+        this.createAuthSession = (query, params = {}) => this.request({
             path: `/api/security/create-auth-session`,
             method: "POST",
+            query: query,
             secure: true,
             ...params,
         });
@@ -2043,14 +2059,14 @@ class SecurityComponent {
           <div class="font-semibold text-xl">
             {{ 'securityComponent.security' | translate }}
           </div>
-          @for (item of securityData; track item.name) {
+          @for (item of securityData; track item.code) {
             <div class="flex flex-col gap-2">
-              <label htmlFor="oip-security-multiselect-{{ item.name }}">
+              <label htmlFor="oip-security-multiselect-{{ item.code }}">
                 {{ item.name }}
                 <span class="pi pi-question-circle" pTooltip="{{ item.description }}" tooltipPosition="right"></span>
               </label>
               <p-multiSelect
-                id="oip-security-multiselect-{{ item.name }}"
+                id="oip-security-multiselect-{{ item.code }}"
                 placeholder="{{ 'securityComponent.selectRoles' | translate }}"
                 [maxSelectedLabels]="10"
                 [options]="roles"
@@ -2081,14 +2097,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
           <div class="font-semibold text-xl">
             {{ 'securityComponent.security' | translate }}
           </div>
-          @for (item of securityData; track item.name) {
+          @for (item of securityData; track item.code) {
             <div class="flex flex-col gap-2">
-              <label htmlFor="oip-security-multiselect-{{ item.name }}">
+              <label htmlFor="oip-security-multiselect-{{ item.code }}">
                 {{ item.name }}
                 <span class="pi pi-question-circle" pTooltip="{{ item.description }}" tooltipPosition="right"></span>
               </label>
               <p-multiSelect
-                id="oip-security-multiselect-{{ item.name }}"
+                id="oip-security-multiselect-{{ item.code }}"
                 placeholder="{{ 'securityComponent.selectRoles' | translate }}"
                 [maxSelectedLabels]="10"
                 [options]="roles"
@@ -2905,11 +2921,18 @@ class UserService {
         }
         this.requestedPhotoKey = photoKey;
         this.userProfileApi.getUserPhoto().then((data) => {
-            this.createImageFromBlob(data);
+            // 204 No Content comes back as an empty blob: the user hasn't uploaded a photo yet,
+            // so the avatar falls back to initials.
+            const photo = data;
+            if (!photo?.size) {
+                this.photo = null;
+                this.photoLoaded = false;
+                return;
+            }
+            this.createImageFromBlob(photo);
             this.photoLoaded = true;
         }, (error) => {
-            // 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.
+            // Older backends answer 404 when there is no photo — that's an expected state, not a failure.
             if (error?.status !== 404) {
                 this.msgService.errorFromException(error, this.translateService.instant('userService.failedToLoadPhoto'));
             }
@@ -3115,6 +3138,15 @@ class NotificationApi extends HttpClient {
             format: "json",
             ...params,
         });
+        this.createTestNotification = (data, params = {}) => this.request({
+            path: `/api/notification/create-test-notification`,
+            method: "POST",
+            body: data,
+            secure: true,
+            type: ContentType.Json,
+            format: "json",
+            ...params,
+        });
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NotificationApi, deps: null, target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: NotificationApi }); }
@@ -3325,10 +3357,10 @@ class UserNotificationsComponent {
       } @else {
         <div class="flex flex-col gap-3 max-h-[26rem] overflow-y-auto pr-1">
           @for (notification of notifications; track notification.notificationUserId) {
-            <div class="border border-surface-200 dark:border-surface-700 rounded-md p-3">
+            <div class="border border-surface-200 dark:border-surface-700 rounded-md p-3" qa-id="oip-user-notifications-item">
               <div class="flex items-start justify-between gap-3">
                 <div class="min-w-0">
-                  <div class="font-medium leading-snug break-words">
+                  <div class="font-medium leading-snug break-words" qa-id="oip-user-notifications-subject">
                     {{ notification.subject }}
                   </div>
                   <div class="text-xs text-surface-500 mt-1">
@@ -3350,6 +3382,7 @@ class UserNotificationsComponent {
               <div class="flex justify-end mt-3">
                 <p-button
                   icon="pi pi-check"
+                  qa-id="oip-user-notifications-mark-as-read"
                   size="small"
                   [label]="'userNotifications.markAsRead' | translate"
                   [loading]="readingNotificationId === notification.notificationUserId"
@@ -3361,6 +3394,7 @@ class UserNotificationsComponent {
 
         <p-paginator
           class="mt-3"
+          qa-id="oip-user-notifications-paginator"
           [first]="skip"
           [rows]="take"
           [rowsPerPageOptions]="[5, 10, 20]"
@@ -3430,10 +3464,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
       } @else {
         <div class="flex flex-col gap-3 max-h-[26rem] overflow-y-auto pr-1">
           @for (notification of notifications; track notification.notificationUserId) {
-            <div class="border border-surface-200 dark:border-surface-700 rounded-md p-3">
+            <div class="border border-surface-200 dark:border-surface-700 rounded-md p-3" qa-id="oip-user-notifications-item">
               <div class="flex items-start justify-between gap-3">
                 <div class="min-w-0">
-                  <div class="font-medium leading-snug break-words">
+                  <div class="font-medium leading-snug break-words" qa-id="oip-user-notifications-subject">
                     {{ notification.subject }}
                   </div>
                   <div class="text-xs text-surface-500 mt-1">
@@ -3455,6 +3489,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
               <div class="flex justify-end mt-3">
                 <p-button
                   icon="pi pi-check"
+                  qa-id="oip-user-notifications-mark-as-read"
                   size="small"
                   [label]="'userNotifications.markAsRead' | translate"
                   [loading]="readingNotificationId === notification.notificationUserId"
@@ -3466,6 +3501,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 
         <p-paginator
           class="mt-3"
+          qa-id="oip-user-notifications-paginator"
           [first]="skip"
           [rows]="take"
           [rowsPerPageOptions]="[5, 10, 20]"
@@ -3493,6 +3529,13 @@ class ApplicationsApi extends HttpClient {
             format: "json",
             ...params,
         });
+        this.getAllApplicationRegistryItems = (params = {}) => this.request({
+            path: `/api/applications/get-all-application-registry-items`,
+            method: "GET",
+            secure: true,
+            format: "json",
+            ...params,
+        });
         this.getApplicationRegistryItemByCode = ({ code, ...query }, params = {}) => this.request({
             path: `/api/applications/get-application-registry-item-by-code/${code}`,
             method: "GET",
@@ -4037,6 +4080,13 @@ class MenuApi extends HttpClient {
             secure: true,
             ...params,
         });
+        this.copyModuleInstance = ({ id, ...query }, params = {}) => this.request({
+            path: `/api/menu/copy-module-instance/${id}`,
+            method: "POST",
+            secure: true,
+            format: "json",
+            ...params,
+        });
         this.changeOrder = (query, params = {}) => this.request({
             path: `/api/menu/change-order`,
             method: "POST",
@@ -4191,9 +4241,9 @@ class StartPageService {
             if (item.separator) {
                 continue;
             }
-            if (item.items?.length) {
+            if (item.isFolder || item.items?.length) {
                 // A folder is never a landing page itself, its children are.
-                result.push(...this.collectNavigableLeaves(item.items));
+                result.push(...this.collectNavigableLeaves(item.items ?? []));
                 continue;
             }
             // A module without a real route would resolve back to the empty path and loop.
@@ -4318,13 +4368,22 @@ class MenuItemComponent {
             {
                 label: this.localization.new,
                 icon: PrimeIcons.PLUS,
-                command: (event) => this.newClick(event)
+                command: (event) => this.newClick(event),
+                // Only a folder can have child items.
+                visible: !!item.isFolder
             },
             {
                 label: this.localization.edit,
                 icon: PrimeIcons.FILE_EDIT,
                 command: (event) => this.editClick(event)
             },
+            {
+                label: this.localization.copy,
+                icon: PrimeIcons.COPY,
+                command: () => this.copyItem(item),
+                // Only a leaf instance can be copied, folders with children are not supported.
+                visible: !item.items?.length
+            },
             { separator: true },
             {
                 label: this.localization.delete,
@@ -4356,10 +4415,10 @@ class MenuItemComponent {
         this.contextMenu.show($event);
     }
     /**
-     * Builds the start page entries of the context menu. Only a navigable leaf can be a start page.
+     * Builds the start page entries of the context menu. Only a navigable non-folder item can be a start page.
      */
     getStartModuleItems(item) {
-        if (!item?.routerLink || item.items?.length) {
+        if (!item?.routerLink || item.isFolder || item.items?.length) {
             return [];
         }
         return item.isStart
@@ -4388,6 +4447,11 @@ class MenuItemComponent {
         this.msgService.success(this.localization.unsetStartModuleSuccessMessage);
         await this.menuService.loadMenu();
     }
+    async copyItem(item) {
+        await this.menuDataService.copyModuleInstance({ id: item.moduleInstanceId });
+        this.msgService.success(this.localization.copyItemSuccessMessage);
+        await this.menuService.loadMenu();
+    }
     deleteItem(event) {
         this.confirmationService.confirm({
             header: this.localization.deleteItemConfirmHeader,
@@ -4677,6 +4741,7 @@ class MenuItemCreateDialogComponent {
         this.msgService = inject(MsgService);
         this.visibleChange = new EventEmitter();
         this.modules = [];
+        this.moduleOptions = [];
         this.iconOptions = Object.values(PrimeIcons)
             .filter((icon) => typeof icon === 'string')
             .map((icon) => ({
@@ -4684,14 +4749,35 @@ class MenuItemCreateDialogComponent {
             value: icon
         }))
             .sort((left, right) => left.label.localeCompare(right.label));
-        this.selectIcon = 'pi pi-box';
+        this.selectIcon = MenuItemCreateDialogComponent.defaultIcon;
         this.saving = false;
     }
+    static { this.defaultIcon = 'pi pi-box'; }
     get canSave() {
         return !this.saving && !!this.selectModule;
     }
     async ngOnInit() {
         this.modules = await this.menu.getModules();
+        this.updateModuleOptions();
+    }
+    /**
+     * Restricts the module list to the folder when the item is created at the menu root,
+     * since only a folder can be placed there.
+     */
+    updateModuleOptions() {
+        const isRoot = !this.menuService.contextMenuItem;
+        this.moduleOptions = isRoot ? this.modules.filter((module) => module.isFolder) : this.modules;
+        if (isRoot && this.moduleOptions.length === 1) {
+            this.selectModule = this.moduleOptions[0].key;
+            this.onModuleChange(this.selectModule);
+        }
+        else if (!this.moduleOptions.some((module) => module.key === this.selectModule)) {
+            this.selectModule = undefined;
+        }
+    }
+    onModuleChange(moduleId) {
+        const module = this.modules.find((item) => item.key === moduleId);
+        this.selectIcon = module?.icon || MenuItemCreateDialogComponent.defaultIcon;
     }
     changeVisible() {
         this.visible = !this.visible;
@@ -4728,6 +4814,7 @@ class MenuItemCreateDialogComponent {
         this.visibleChange.emit(this.visible);
     }
     showDialog() {
+        this.updateModuleOptions();
         this.visible = true;
         this.visibleChange.emit(this.visible);
     }
@@ -4774,8 +4861,9 @@ class MenuItemCreateDialogComponent {
           placeholder="{{ 'menuItemCreateDialogComponent.selectModule' | translate }}"
           scrollHeight="18rem"
           [filter]="true"
-          [options]="modules"
-          [(ngModel)]="selectModule" />
+          [options]="moduleOptions"
+          [(ngModel)]="selectModule"
+          (ngModelChange)="onModuleChange($event)" />
       </div>
       <div class="flex items-center gap-4 mb-4">
         <label class="font-semibold w-1/3" for="oip-menu-item-create-dialog-icon">
@@ -4871,8 +4959,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
           placeholder="{{ 'menuItemCreateDialogComponent.selectModule' | translate }}"
           scrollHeight="18rem"
           [filter]="true"
-          [options]="modules"
-          [(ngModel)]="selectModule" />
+          [options]="moduleOptions"
+          [(ngModel)]="selectModule"
+          (ngModelChange)="onModuleChange($event)" />
       </div>
       <div class="flex items-center gap-4 mb-4">
         <label class="font-semibold w-1/3" for="oip-menu-item-create-dialog-icon">
@@ -5197,6 +5286,8 @@ var menuComponent$1 = {
 var menuItemComponent$1 = {
 	"new": "Add",
 	edit: "Edit",
+	copy: "Copy",
+	copyItemSuccessMessage: "Copied successfully",
 	"delete": "Delete",
 	deleteItemConfirmHeader: "Delete",
 	deleteItemConfirmMessage: "Are you sure you want to delete the item?",
@@ -5246,6 +5337,8 @@ var menuComponent = {
 var menuItemComponent = {
 	"new": "Добавить",
 	edit: "Редактировать",
+	copy: "Копировать",
+	copyItemSuccessMessage: "Успешно скопировано",
 	"delete": "Удалить",
 	deleteItemConfirmHeader: "Удаление",
 	deleteItemConfirmMessage: "Вы уверены что хотите удалить элемент?",
@@ -6534,16 +6627,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 }]
         }] });
 
-var userProfile_component = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    UserProfileComponent: UserProfileComponent
-});
-
 var config$1 = {
 	all: "All",
 	applicationManagement: "Application management",
 	dateFormat: "Date format",
 	dateTimeFormat: "Date and time format:",
+	firstDayOfWeek: "First day of the week",
 	goTo: "Go to",
 	localization: "Localization",
 	menu: "Menu",
@@ -6565,6 +6654,7 @@ var config = {
 	applicationManagement: "Управление приложениями",
 	dateFormat: "Формат даты",
 	dateTimeFormat: "Формат даты и времени:",
+	firstDayOfWeek: "Первый день недели",
 	goTo: "Перейти",
 	localization: "Локализация",
 	menu: "Меню",
@@ -6593,10 +6683,20 @@ class ConfigComponent {
         this.timeFormats = ['HH:mm:ss', 'HH:mm'];
         // @ts-ignore
         this.allTimeZones = Intl.supportedValuesOf('timeZone');
+        /** Days of the week starting from Monday, named in the current language. */
+        this.weekDays = computed(() => {
+            const format = new Intl.DateTimeFormat(this.layoutService.language() ?? 'en', { weekday: 'long' });
+            // 1 January 2024 is a Monday, so day N of that week falls on N January (Sunday - on 7 January).
+            return [1, 2, 3, 4, 5, 6, 0].map((day) => {
+                const name = format.format(new Date(2024, 0, day || 7));
+                return { value: day, label: name.charAt(0).toUpperCase() + name.slice(1) };
+            });
+        }, ...(ngDevMode ? [{ debugName: "weekDays" }] : []));
         this.selectedLanguage = this.layoutService.language();
         this.selectedDateFormat = this.layoutService.dateFormat();
         this.selectedTimeFormat = this.layoutService.timeFormat();
         this.selectedTimeZone = this.layoutService.timeZone();
+        this.selectedFirstDayOfWeek = this.layoutService.firstDayOfWeek();
     }
     changeLanguage() {
         this.layoutService.layoutConfig.update((config) => ({
@@ -6611,6 +6711,9 @@ class ConfigComponent {
     changeTimeFormat() {
         this.layoutService.layoutConfig.update((config) => ({ ...config, timeFormat: this.selectedTimeFormat }));
     }
+    changeFirstDayOfWeek() {
+        this.layoutService.layoutConfig.update((config) => ({ ...config, firstDayOfWeek: this.selectedFirstDayOfWeek }));
+    }
     changeTimeZone() {
         this.layoutService.layoutConfig.update((config) => ({ ...config, timeZone: this.selectedTimeZone }));
     }
@@ -6681,6 +6784,16 @@ class ConfigComponent {
               [placeholder]="'config.timeFormat' | translate"
               [(ngModel)]="selectedTimeFormat"
               (onChange)="changeTimeFormat()" />
+            <div class="mt-5">{{ 'config.firstDayOfWeek' | translate }}</div>
+            <p-select
+              class="w-full md:w-56"
+              optionLabel="label"
+              optionValue="value"
+              qa-id="oip-app-config-first-day-of-week-select"
+              [options]="weekDays()"
+              [placeholder]="'config.firstDayOfWeek' | translate"
+              [(ngModel)]="selectedFirstDayOfWeek"
+              (onChange)="changeFirstDayOfWeek()" />
             <div class="mt-5">{{ 'config.timeZone' | translate }}</div>
             <p-select
               class="w-full md:w-56"
@@ -6799,6 +6912,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
               [placeholder]="'config.timeFormat' | translate"
               [(ngModel)]="selectedTimeFormat"
               (onChange)="changeTimeFormat()" />
+            <div class="mt-5">{{ 'config.firstDayOfWeek' | translate }}</div>
+            <p-select
+              class="w-full md:w-56"
+              optionLabel="label"
+              optionValue="value"
+              qa-id="oip-app-config-first-day-of-week-select"
+              [options]="weekDays()"
+              [placeholder]="'config.firstDayOfWeek' | translate"
+              [(ngModel)]="selectedFirstDayOfWeek"
+              (onChange)="changeFirstDayOfWeek()" />
             <div class="mt-5">{{ 'config.timeZone' | translate }}</div>
             <p-select
               class="w-full md:w-56"
@@ -8379,7 +8502,7 @@ var applications$1 = {
 		"delete": "Delete"
 	},
 	messages: {
-		requiredFields: "Fill code, name and Base URL",
+		requiredFields: "Fill code, name, Base URL and Internal Base URL",
 		createSuccess: "Application created",
 		updateSuccess: "Application updated",
 		deleteSuccess: "Application deleted"
@@ -8425,7 +8548,7 @@ var applications = {
 		"delete": "Удалить"
 	},
 	messages: {
-		requiredFields: "Заполните код, название и Base URL",
+		requiredFields: "Заполните код, название, Base URL и Internal Base URL",
 		createSuccess: "Приложение создано",
 		updateSuccess: "Приложение обновлено",
 		deleteSuccess: "Приложение удалено"
@@ -8473,7 +8596,7 @@ class ApplicationsComponent {
         this.loading = true;
         this.cancelAllEdits();
         try {
-            this.applications = (await this.applicationsApi.getApplicationRegistryItems()).map((application) => ({ ...application }));
+            this.applications = (await this.applicationsApi.getAllApplicationRegistryItems()).map((application) => ({ ...application }));
             this.syncVisibleApplications();
         }
         catch (error) {
@@ -8533,7 +8656,7 @@ class ApplicationsComponent {
             return;
         }
         const request = this.normalizeEditModel(editModel);
-        if (!request.code || !request.displayName || !request.baseUrl) {
+        if (!request.code || !request.displayName || !request.baseUrl || !request.internalBaseUrl) {
             this.msgService.error(this.t('applications.messages.requiredFields'));
             return;
         }
@@ -9783,6 +9906,7 @@ class DiscussionComponent {
             <textarea
               class="min-h-28 w-full"
               pTextarea
+              qa-id="oip-discussion-new-comment"
               rows="5"
               [autoResize]="true"
               [placeholder]="'discussionComponent.writeCommentPlaceholder' | translate"
@@ -9806,6 +9930,7 @@ class DiscussionComponent {
               <div class="flex flex-col gap-3">
                 @for (candidate of mentionSuggestions; track candidate.userId) {
                   <button
+                    qa-id="oip-discussion-mention-suggestion"
                     class="flex w-full items-center justify-between gap-4 rounded-xl border border-transparent px-3 py-3 text-left transition hover:border-primary-200 hover:bg-primary-50 dark:hover:border-primary-800 dark:hover:bg-primary-950/30"
                     type="button"
                     (click)="insertMention(candidate)">
@@ -9824,7 +9949,8 @@ class DiscussionComponent {
             <div class="flex flex-col gap-3">
               @for (file of pendingFiles; track file.name + file.size) {
                 <div
-                  class="flex flex-col gap-3 rounded-2xl border border-surface-200 px-4 py-3 sm:flex-row sm:items-center sm:justify-between dark:border-surface-700">
+                  class="flex flex-col gap-3 rounded-2xl border border-surface-200 px-4 py-3 sm:flex-row sm:items-center sm:justify-between dark:border-surface-700"
+                  qa-id="oip-discussion-pending-file">
                   <div class="inline-flex items-center gap-2">
                     <i class="pi pi-file"></i>
                     <span class="break-all">{{ file.name }}</span>
@@ -9857,10 +9983,11 @@ class DiscussionComponent {
                 severity="secondary"
                 [label]="'discussionComponent.attachFiles' | translate"
                 [text]="true" />
-              <input multiple type="file" (change)="onFilesSelected($event)" />
+              <input multiple qa-id="oip-discussion-attach-input" type="file" (change)="onFilesSelected($event)" />
             </label>
             <p-button
               icon="pi pi-send"
+              qa-id="oip-discussion-send"
               [disabled]="submitting || !newComment.trim()"
               [label]="'discussionComponent.send' | translate"
               [loading]="submitting"
@@ -9884,7 +10011,7 @@ class DiscussionComponent {
       } @else {
         <div class="flex flex-col gap-4">
           @for (comment of comments; track comment.commentId) {
-            <p-card class="block">
+            <p-card class="block" qa-id="oip-discussion-comment">
               <ng-template pTemplate="content">
                 <div class="grid gap-4 md:grid-cols-[3.2rem_minmax(0,1fr)]">
                   <div>
@@ -9905,6 +10032,7 @@ class DiscussionComponent {
                           @if (comment.isEdited) {
                             <p-tag
                               icon="pi pi-pencil"
+                              qa-id="oip-discussion-comment-edited"
                               severity="warn"
                               [value]="'discussionComponent.edited' | translate" />
                           }
@@ -9912,6 +10040,7 @@ class DiscussionComponent {
                         @if (comment.canEdit) {
                           <p-button
                             icon="pi pi-pencil"
+                            qa-id="oip-discussion-comment-edit"
                             severity="secondary"
                             [rounded]="true"
                             [text]="true"
@@ -9920,6 +10049,7 @@ class DiscussionComponent {
                         @if (comment.historyCount > 0) {
                           <p-button
                             icon="pi pi-history"
+                            qa-id="oip-discussion-comment-history"
                             severity="secondary"
                             [rounded]="true"
                             [text]="true"
@@ -9928,6 +10058,7 @@ class DiscussionComponent {
                         @if (comment.canDelete) {
                           <p-button
                             icon="pi pi-trash"
+                            qa-id="oip-discussion-comment-delete"
                             severity="danger"
                             [rounded]="true"
                             [text]="true"
@@ -9940,6 +10071,7 @@ class DiscussionComponent {
                         <textarea
                           class="min-h-24 w-full"
                           pTextarea
+                          qa-id="oip-discussion-edit-content"
                           rows="4"
                           [autoResize]="true"
                           [placeholder]="'discussionComponent.editCommentPlaceholder' | translate"
@@ -9958,6 +10090,7 @@ class DiscussionComponent {
 
                           <p-button
                             icon="pi pi-check"
+                            qa-id="oip-discussion-edit-save"
                             [disabled]="!editContent.trim()"
                             [label]="'discussionComponent.save' | translate"
                             (onClick)="saveEdit(comment)" />
@@ -9970,17 +10103,23 @@ class DiscussionComponent {
                         </div>
                       </div>
                     } @else {
-                      <div class="markdown-preview" [innerHTML]="renderMarkdown(comment.content)"></div>
+                      <div
+                        class="markdown-preview"
+                        qa-id="oip-discussion-comment-content"
+                        [innerHTML]="renderMarkdown(comment.content)"></div>
                     }
 
                     @if (comment.attachments.length > 0) {
                       <div class="flex flex-col gap-3">
                         <div class="flex flex-col gap-3">
                           @for (attachment of comment.attachments; track attachment.attachmentId) {
-                            <div class="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-end">
+                            <div
+                              class="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-end"
+                              qa-id="oip-discussion-attachment">
                               <div class="inline-flex items-center gap-2">
                                 <i class="pi pi-file"></i>
                                 <button
+                                  qa-id="oip-discussion-attachment-name"
                                   class="break-all bg-transparent p-0 text-left font-semibold text-primary-600 transition hover:text-primary-500"
                                   type="button"
                                   (click)="downloadAttachment(attachment)">
@@ -9992,6 +10131,7 @@ class DiscussionComponent {
                               @if (comment.canEdit) {
                                 <p-button
                                   icon="pi pi-times"
+                                  qa-id="oip-discussion-attachment-delete"
                                   severity="danger"
                                   [rounded]="true"
                                   [text]="true"
@@ -10006,6 +10146,7 @@ class DiscussionComponent {
                     <div class="flex flex-wrap items-center gap-2">
                       @for (reaction of getReactions(comment); track reaction.emojiCode) {
                         <p-button
+                          qa-id="oip-discussion-reaction"
                           severity="secondary"
                           [label]="reaction.emojiCode + ' ' + reaction.count"
                           [outlined]="false"
@@ -10015,6 +10156,7 @@ class DiscussionComponent {
                       @if (!hasUserReaction(comment)) {
                         <p-button
                           icon="pi pi-face-smile"
+                          qa-id="oip-discussion-add-reaction"
                           severity="secondary"
                           [rounded]="true"
                           [text]="true"
@@ -10024,6 +10166,7 @@ class DiscussionComponent {
                             @for (emoji of emojiPalette; track emoji) {
                               <button
                                 class="emoji-option"
+                                qa-id="oip-discussion-emoji"
                                 type="button"
                                 (click)="reactWithEmoji(comment, emoji, reactionPopover)">
                                 {{ emoji }}
@@ -10054,7 +10197,9 @@ class DiscussionComponent {
                               item of historyByComment[comment.commentId]?.items ?? [];
                               track item.commentEditHistoryId
                             ) {
-                              <div class="rounded-2xl border border-surface-200 px-4 py-4 dark:border-surface-700">
+                              <div
+                                class="rounded-2xl border border-surface-200 px-4 py-4 dark:border-surface-700"
+                                qa-id="oip-discussion-history-item">
                                 <div class="mb-3 inline-flex items-center gap-2 text-sm font-semibold">
                                   <i class="pi pi-clock"></i>
                                   <span>{{ item.editedByDisplayName }} · {{ item.editedAt | date: 'short' }}</span>
@@ -10064,12 +10209,14 @@ class DiscussionComponent {
                                     <p-tag severity="secondary" [value]="'discussionComponent.before' | translate" />
                                     <div
                                       class="history-markdown rounded-2xl bg-surface-50 px-4 py-3 leading-7 dark:bg-surface-900/40"
+                                      qa-id="oip-discussion-history-old"
                                       [innerHTML]="renderMarkdown(item.oldContent)"></div>
                                   </div>
                                   <div class="flex flex-col gap-2">
                                     <p-tag severity="success" [value]="'discussionComponent.after' | translate" />
                                     <div
                                       class="history-markdown rounded-2xl bg-surface-50 px-4 py-3 leading-7 dark:bg-surface-900/40"
+                                      qa-id="oip-discussion-history-new"
                                       [innerHTML]="renderMarkdown(item.newContent)"></div>
                                   </div>
                                 </div>
@@ -10116,6 +10263,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             <textarea
               class="min-h-28 w-full"
               pTextarea
+              qa-id="oip-discussion-new-comment"
               rows="5"
               [autoResize]="true"
               [placeholder]="'discussionComponent.writeCommentPlaceholder' | translate"
@@ -10139,6 +10287,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
               <div class="flex flex-col gap-3">
                 @for (candidate of mentionSuggestions; track candidate.userId) {
                   <button
+                    qa-id="oip-discussion-mention-suggestion"
                     class="flex w-full items-center justify-between gap-4 rounded-xl border border-transparent px-3 py-3 text-left transition hover:border-primary-200 hover:bg-primary-50 dark:hover:border-primary-800 dark:hover:bg-primary-950/30"
                     type="button"
                     (click)="insertMention(candidate)">
@@ -10157,7 +10306,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
             <div class="flex flex-col gap-3">
               @for (file of pendingFiles; track file.name + file.size) {
                 <div
-                  class="flex flex-col gap-3 rounded-2xl border border-surface-200 px-4 py-3 sm:flex-row sm:items-center sm:justify-between dark:border-surface-700">
+                  class="flex flex-col gap-3 rounded-2xl border border-surface-200 px-4 py-3 sm:flex-row sm:items-center sm:justify-between dark:border-surface-700"
+                  qa-id="oip-discussion-pending-file">
                   <div class="inline-flex items-center gap-2">
                     <i class="pi pi-file"></i>
                     <span class="break-all">{{ file.name }}</span>
@@ -10190,10 +10340,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 severity="secondary"
                 [label]="'discussionComponent.attachFiles' | translate"
                 [text]="true" />
-              <input multiple type="file" (change)="onFilesSelected($event)" />
+              <input multiple qa-id="oip-discussion-attach-input" type="file" (change)="onFilesSelected($event)" />
             </label>
             <p-button
               icon="pi pi-send"
+              qa-id="oip-discussion-send"
               [disabled]="submitting || !newComment.trim()"
               [label]="'discussionComponent.send' | translate"
               [loading]="submitting"
@@ -10217,7 +10368,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
       } @else {
         <div class="flex flex-col gap-4">
           @for (comment of comments; track comment.commentId) {
-            <p-card class="block">
+            <p-card class="block" qa-id="oip-discussion-comment">
               <ng-template pTemplate="content">
                 <div class="grid gap-4 md:grid-cols-[3.2rem_minmax(0,1fr)]">
                   <div>
@@ -10238,6 +10389,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                           @if (comment.isEdited) {
                             <p-tag
                               icon="pi pi-pencil"
+                              qa-id="oip-discussion-comment-edited"
                               severity="warn"
                               [value]="'discussionComponent.edited' | translate" />
                           }
@@ -10245,6 +10397,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         @if (comment.canEdit) {
                           <p-button
                             icon="pi pi-pencil"
+                            qa-id="oip-discussion-comment-edit"
                             severity="secondary"
                             [rounded]="true"
                             [text]="true"
@@ -10253,6 +10406,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         @if (comment.historyCount > 0) {
                           <p-button
                             icon="pi pi-history"
+                            qa-id="oip-discussion-comment-history"
                             severity="secondary"
                             [rounded]="true"
                             [text]="true"
@@ -10261,6 +10415,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         @if (comment.canDelete) {
                           <p-button
                             icon="pi pi-trash"
+                            qa-id="oip-discussion-comment-delete"
                             severity="danger"
                             [rounded]="true"
                             [text]="true"
@@ -10273,6 +10428,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         <textarea
                           class="min-h-24 w-full"
                           pTextarea
+                          qa-id="oip-discussion-edit-content"
                           rows="4"
                           [autoResize]="true"
                           [placeholder]="'discussionComponent.editCommentPlaceholder' | translate"
@@ -10291,6 +10447,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 
                           <p-button
                             icon="pi pi-check"
+                            qa-id="oip-discussion-edit-save"
                             [disabled]="!editContent.trim()"
                             [label]="'discussionComponent.save' | translate"
                             (onClick)="saveEdit(comment)" />
@@ -10303,17 +10460,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                         </div>
                       </div>
                     } @else {
-                      <div class="markdown-preview" [innerHTML]="renderMarkdown(comment.content)"></div>
+                      <div
+                        class="markdown-preview"
+                        qa-id="oip-discussion-comment-content"
+                        [innerHTML]="renderMarkdown(comment.content)"></div>
                     }
 
                     @if (comment.attachments.length > 0) {
                       <div class="flex flex-col gap-3">
                         <div class="flex flex-col gap-3">
                           @for (attachment of comment.attachments; track attachment.attachmentId) {
-                            <div class="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-end">
+                            <div
+                              class="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-end"
+                              qa-id="oip-discussion-attachment">
                               <div class="inline-flex items-center gap-2">
                                 <i class="pi pi-file"></i>
                                 <button
+                                  qa-id="oip-discussion-attachment-name"
                                   class="break-all bg-transparent p-0 text-left font-semibold text-primary-600 transition hover:text-primary-500"
                                   type="button"
                                   (click)="downloadAttachment(attachment)">
@@ -10325,6 +10488,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                               @if (comment.canEdit) {
                                 <p-button
                                   icon="pi pi-times"
+                                  qa-id="oip-discussion-attachment-delete"
                                   severity="danger"
                                   [rounded]="true"
                                   [text]="true"
@@ -10339,6 +10503,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     <div class="flex flex-wrap items-center gap-2">
                       @for (reaction of getReactions(comment); track reaction.emojiCode) {
                         <p-button
+                          qa-id="oip-discussion-reaction"
                           severity="secondary"
                           [label]="reaction.emojiCode + ' ' + reaction.count"
                           [outlined]="false"
@@ -10348,6 +10513,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                       @if (!hasUserReaction(comment)) {
                         <p-button
                           icon="pi pi-face-smile"
+                          qa-id="oip-discussion-add-reaction"
                           severity="secondary"
                           [rounded]="true"
                           [text]="true"
@@ -10357,6 +10523,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                             @for (emoji of emojiPalette; track emoji) {
                               <button
                                 class="emoji-option"
+                                qa-id="oip-discussion-emoji"
                                 type="button"
                                 (click)="reactWithEmoji(comment, emoji, reactionPopover)">
                                 {{ emoji }}
@@ -10387,7 +10554,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                               item of historyByComment[comment.commentId]?.items ?? [];
                               track item.commentEditHistoryId
                             ) {
-                              <div class="rounded-2xl border border-surface-200 px-4 py-4 dark:border-surface-700">
+                              <div
+                                class="rounded-2xl border border-surface-200 px-4 py-4 dark:border-surface-700"
+                                qa-id="oip-discussion-history-item">
                                 <div class="mb-3 inline-flex items-center gap-2 text-sm font-semibold">
                                   <i class="pi pi-clock"></i>
                                   <span>{{ item.editedByDisplayName }} · {{ item.editedAt | date: 'short' }}</span>
@@ -10397,12 +10566,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                                     <p-tag severity="secondary" [value]="'discussionComponent.before' | translate" />
                                     <div
                                       class="history-markdown rounded-2xl bg-surface-50 px-4 py-3 leading-7 dark:bg-surface-900/40"
+                                      qa-id="oip-discussion-history-old"
                                       [innerHTML]="renderMarkdown(item.oldContent)"></div>
                                   </div>
                                   <div class="flex flex-col gap-2">
                                     <p-tag severity="success" [value]="'discussionComponent.after' | translate" />
                                     <div
                                       class="history-markdown rounded-2xl bg-surface-50 px-4 py-3 leading-7 dark:bg-surface-900/40"
+                                      qa-id="oip-discussion-history-new"
                                       [innerHTML]="renderMarkdown(item.newContent)"></div>
                                   </div>
                                 </div>
@@ -11640,14 +11811,6 @@ function oipErrorRoute(path = 'error') {
         loadComponent: () => Promise.resolve().then(function () { return error_component; }).then((m) => m.ErrorComponent)
     };
 }
-/** Current user profile. */
-function oipProfileRoute(path = 'profile') {
-    return {
-        path,
-        loadComponent: () => Promise.resolve().then(function () { return userProfile_component; }).then((m) => m.UserProfileComponent),
-        canActivate: [oipAuthGuard]
-    };
-}
 /** Application configuration. */
 function oipConfigRoute(path = 'config') {
     return {
@@ -11746,7 +11909,6 @@ function provideOipRoutes(options = {}) {
     const children = [...(options.children ?? [])];
     builtInRoute(features.access, oipAccessRoute, children);
     builtInRoute(features.error, oipErrorRoute, children);
-    builtInRoute(features.profile, oipProfileRoute, children);
     builtInRoute(features.config, oipConfigRoute, children);
     builtInRoute(features.applications, oipApplicationsRoute, children);
     builtInRoute(features.modules, oipModulesRoute, children);
@@ -11790,5 +11952,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, 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 };
+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, oipSessionsRoute, oipStartRedirectGuard, oipStartRoute, provideAppInfo, provideAppThemes, provideLogoComponent, provideOip, provideOipRoutes, provideTranslations, replaceDefaults };
 //# sourceMappingURL=oip-common.mjs.map