@valtimo/case-management 13.39.0 → 13.41.0

package/fesm2022/valtimo-case-management.mjs

@@ -12,7 +12,7 @@ import * as i7 from '@valtimo/components';
 import { WidgetLayout, runAfterCarbonModalClosed, ViewType, CARBON_CONSTANTS, ValuePathSelectorPrefix, SelectModule, MuuriItemComponent, WIDGET_LAYOUT_VALUES, WIDGET_LAYOUT_TRANSLATION_KEYS, ValtimoCdsModalDirective, WidgetLayoutInfoComponent, RenderInPageHeaderDirective, TooltipModule, CarbonListModule, ConfirmationModalModule, WidgetModule, DropzoneModule, ModalModule as ModalModule$1, MultiselectDropdownModule, ParagraphModule, SpinnerModule, InputModule as InputModule$1, FormModule, TooltipIconModule, CarbonMultiInputModule, TableModule, OverflowMenuComponent, OverflowMenuOptionComponent, EditorModule, ValuePathSelectorComponent, EllipsisPipe, MuuriDirectiveModule, ReadOnlyDirective, JsonEditorComponent, AutoKeyInputComponent } from '@valtimo/components';
 import { FormManagementComponent, FormManagementEditComponent } from '@valtimo/form-management';
 import * as i2$1 from '@valtimo/shared';
-import { BaseApiService, InterceptorSkip, getCaseManagementRouteParams, CASE_MANAGEMENT_TAB_TOKEN, InterceptorSkipHeader, TagColor, getDisplayTypeParametersView, CASE_CONFIGURATION_EXTENSIONS_TOKEN, ROLE_ADMIN, ConfigModule } from '@valtimo/shared';
+import { BaseApiService, InterceptorSkip, getCaseManagementRouteParams, InterceptorSkipHeader, CASE_MANAGEMENT_TAB_TOKEN, TagColor, getDisplayTypeParametersView, CASE_CONFIGURATION_EXTENSIONS_TOKEN, ROLE_ADMIN, ConfigModule } from '@valtimo/shared';
 import * as i2 from 'carbon-components-angular';
 import { NotificationModule, Tab, ButtonModule, IconModule, LayerModule, ModalModule, InputModule, TabsModule, ComboBoxModule, ProgressIndicatorModule, LoadingModule, TagModule, DropdownModule, CheckboxModule, LinkModule, DialogModule, FileUploaderModule, ProgressBarModule, ToggleModule, TooltipModule as TooltipModule$1, NumberModule } from 'carbon-components-angular';
 import * as i2$2 from '@angular/router';
@@ -377,6 +377,104 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                     args: [WIDGET_MANAGEMENT_SERVICE]
                 }] }, { type: i2$2.ActivatedRoute }] });
 
+/*
+ * Copyright 2015-2026 Ritense BV, the Netherlands.
+ *
+ * Licensed under EUPL, Version 1.2 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" basis,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+class CaseManagementService extends BaseApiService {
+    constructor(httpClient, configService) {
+        super(httpClient, configService);
+        this.httpClient = httpClient;
+        this.configService = configService;
+    }
+    getCaseDefinitions(params) {
+        return this.httpClient.get(this.getApiUrl('management/v1/case-definition'), { params });
+    }
+    getCaseDefinitionVersions(caseDefinitionKey) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version`), {
+            params: { size: 100 },
+        });
+    }
+    createDraftVersion(payload) {
+        return this.httpClient.post(this.getApiUrl(`management/v1/case-definition/draft`), payload);
+    }
+    isDraftVersion(caseDefinitionKey, caseDefinitionVersionTag) {
+        return this.httpClient
+            .get(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}`), {
+            headers: new HttpHeaders().set(InterceptorSkip, '403'),
+        })
+            .pipe(map(caseDefinition => !caseDefinition.final));
+    }
+    getGlobalActiveCase(caseDefinitionKey) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}`), { headers: new HttpHeaders().set(InterceptorSkip, '404') });
+    }
+    setGlobalActiveCaseVersion(caseDefinitionKey, caseDefinitionVersionTag) {
+        return this.httpClient.post(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/active`), {});
+    }
+    getAllCaseVersions(params) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/case-definition`), { params });
+    }
+    finalizeDraftCaseVersion(caseDefinitionKey, caseDefinitionVersionTag) {
+        return this.httpClient.post(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/finalize`), {});
+    }
+    deleteDraftCaseVersion(caseDefinitionKey, caseDefinitionVersionTag) {
+        return this.httpClient.delete(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}`));
+    }
+    getCaseDefinition(caseDefinitionKey, caseDefinitionVersionTag) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}`), {
+            headers: new HttpHeaders().set(InterceptorSkip, '403'),
+        });
+    }
+    previewImport(file) {
+        return this.httpClient.post(this.getApiUrl('management/v1/case/import/preview'), file, { headers: new HttpHeaders().set(InterceptorSkip, '400') });
+    }
+    importDocumentDefinitionZip(file, key, name, pluginConfigurationMappings) {
+        let params = new HttpParams();
+        if (key)
+            params = params.set('key', key);
+        if (name)
+            params = params.set('name', name);
+        if (pluginConfigurationMappings) {
+            file.set('pluginConfigurationMappings', new Blob([JSON.stringify(pluginConfigurationMappings)], { type: 'application/json' }));
+        }
+        return this.httpClient.post(this.getApiUrl('management/v1/case/import'), file, { params });
+    }
+    exportDocumentDefinition(caseDefinitionKey, caseDefinitionVersionTag = '0') {
+        return this.httpClient.get(this.getApiUrl(`management/v1/case/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/export`), { observe: 'response', responseType: 'blob', headers: InterceptorSkipHeader });
+    }
+    getConfigurationIssues(caseDefinitionKey, caseDefinitionVersionTag) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/configuration-issues`));
+    }
+    getDanglingPluginConfigurations(caseDefinitionKey, caseDefinitionVersionTag) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/dangling-plugin-configurations`));
+    }
+    resolvePluginConfigurationMappings(caseDefinitionKey, caseDefinitionVersionTag, mappings) {
+        return this.httpClient.put(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/plugin-configuration-mappings`), mappings);
+    }
+    getCaseDefinitionFinalizationCheck(caseDefinitionKey, caseDefinitionVersionTag) {
+        return this.httpClient.get(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/finalizable`));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementService, deps: [{ token: i1.HttpClient }, { token: i2$1.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2$1.ConfigService }] });
+
 /*
  * Copyright 2015-2025 Ritense BV, the Netherlands.
  *
@@ -414,7 +512,11 @@ class CaseDetailService {
     get documentDefinitionModel$() {
         return this._documentDefinitionModel$.pipe(distinctUntilChanged());
     }
-    constructor(documentService, pageTitleService) {
+    get caseDefinition$() {
+        return this._caseDefinition$.asObservable();
+    }
+    constructor(caseManagementService, documentService, pageTitleService) {
+        this.caseManagementService = caseManagementService;
         this.documentService = documentService;
         this.pageTitleService = pageTitleService;
         this._loadingDocumentDefinition$ = new BehaviorSubject(true);
@@ -422,6 +524,7 @@ class CaseDetailService {
         this._selectedCaseDefinitionVersionTag$ = new BehaviorSubject(null);
         this._selectedCaseDefinitionKey$ = new BehaviorSubject('');
         this._documentDefinition$ = new BehaviorSubject(null);
+        this._caseDefinition$ = new BehaviorSubject(null);
         this._documentDefinitionModel$ = this.documentDefinition$.pipe(map((definition) => ({
             value: JSON.stringify(definition?.schema, null, 2),
             language: 'json',
@@ -429,6 +532,7 @@ class CaseDetailService {
         this._reloadDocumentDefinition$ = new Subject();
         this._subscriptions = new Subscription();
         this.openDocumentDefinitionSubscription();
+        this.openCaseDefinitionSubscription();
     }
     ngOnDestroy() {
         this._subscriptions.unsubscribe();
@@ -454,22 +558,28 @@ class CaseDetailService {
             this.selectedCaseDefinitionKey$,
             this._reloadDocumentDefinition$.pipe(startWith(null)),
         ])
-            .pipe(tap(() => {
-            this.pageTitleService.setCustomPageTitleSet(false);
-            this.setLoadingDocumentDefinition(true);
-        }), switchMap(([selectedVersionTag, selectedKey]) => this.documentService.getDocumentDefinitionByVersion(selectedKey, selectedVersionTag)), tap(res => {
+            .pipe(tap(() => this.setLoadingDocumentDefinition(true)), switchMap(([selectedVersionTag, selectedKey]) => this.documentService.getDocumentDefinitionByVersion(selectedKey, selectedVersionTag)), tap(res => {
             this._documentDefinition$.next(res);
-            this.pageTitleService.setCustomPageTitle(res?.schema?.title || '-', true);
             this.setLoadingDocumentDefinition(false);
         }))
             .subscribe());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseDetailService, deps: [{ token: i1$2.DocumentService }, { token: i7.PageTitleService }], target: i0.ɵɵFactoryTarget.Injectable }); }
+    openCaseDefinitionSubscription() {
+        this._subscriptions.add(combineLatest([this.selectedCaseDefinitionKey$, this.selectedCaseDefinitionVersionTag$])
+            .pipe(tap(() => this.pageTitleService.setCustomPageTitleSet(false)), switchMap(([selectedKey, selectedVersionTag]) => this.caseManagementService
+            .getCaseDefinition(selectedKey, selectedVersionTag ?? '')
+            .pipe(catchError(() => of(null)))), tap(caseDefinition => {
+            this._caseDefinition$.next(caseDefinition);
+            this.pageTitleService.setCustomPageTitle(caseDefinition?.name || '-', true);
+        }))
+            .subscribe());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseDetailService, deps: [{ token: CaseManagementService }, { token: i1$2.DocumentService }, { token: i7.PageTitleService }], target: i0.ɵɵFactoryTarget.Injectable }); }
     static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseDetailService }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseDetailService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i1$2.DocumentService }, { type: i7.PageTitleService }] });
+        }], ctorParameters: () => [{ type: CaseManagementService }, { type: i1$2.DocumentService }, { type: i7.PageTitleService }] });
 
 class TabManagementService {
     constructor(configService, http) {
@@ -710,104 +820,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
                 }]
         }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2$1.ConfigService }] });
 
-/*
- * Copyright 2015-2026 Ritense BV, the Netherlands.
- *
- * Licensed under EUPL, Version 1.2 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" basis,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-class CaseManagementService extends BaseApiService {
-    constructor(httpClient, configService) {
-        super(httpClient, configService);
-        this.httpClient = httpClient;
-        this.configService = configService;
-    }
-    getCaseDefinitions(params) {
-        return this.httpClient.get(this.getApiUrl('management/v1/case-definition'), { params });
-    }
-    getCaseDefinitionVersions(caseDefinitionKey) {
-        return this.httpClient.get(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version`), {
-            params: { size: 100 },
-        });
-    }
-    createDraftVersion(payload) {
-        return this.httpClient.post(this.getApiUrl(`management/v1/case-definition/draft`), payload);
-    }
-    isDraftVersion(caseDefinitionKey, caseDefinitionVersionTag) {
-        return this.httpClient
-            .get(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}`), {
-            headers: new HttpHeaders().set(InterceptorSkip, '403'),
-        })
-            .pipe(map(caseDefinition => !caseDefinition.final));
-    }
-    getGlobalActiveCase(caseDefinitionKey) {
-        return this.httpClient.get(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}`), { headers: new HttpHeaders().set(InterceptorSkip, '404') });
-    }
-    setGlobalActiveCaseVersion(caseDefinitionKey, caseDefinitionVersionTag) {
-        return this.httpClient.post(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/active`), {});
-    }
-    getAllCaseVersions(params) {
-        return this.httpClient.get(this.getApiUrl(`management/v1/case-definition`), { params });
-    }
-    finalizeDraftCaseVersion(caseDefinitionKey, caseDefinitionVersionTag) {
-        return this.httpClient.post(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/finalize`), {});
-    }
-    deleteDraftCaseVersion(caseDefinitionKey, caseDefinitionVersionTag) {
-        return this.httpClient.delete(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}`));
-    }
-    getCaseDefinition(caseDefinitionKey, caseDefinitionVersionTag) {
-        return this.httpClient.get(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}`), {
-            headers: new HttpHeaders().set(InterceptorSkip, '403'),
-        });
-    }
-    previewImport(file) {
-        return this.httpClient.post(this.getApiUrl('management/v1/case/import/preview'), file, { headers: new HttpHeaders().set(InterceptorSkip, '400') });
-    }
-    importDocumentDefinitionZip(file, key, name, pluginConfigurationMappings) {
-        let params = new HttpParams();
-        if (key)
-            params = params.set('key', key);
-        if (name)
-            params = params.set('name', name);
-        if (pluginConfigurationMappings) {
-            file.set('pluginConfigurationMappings', new Blob([JSON.stringify(pluginConfigurationMappings)], { type: 'application/json' }));
-        }
-        return this.httpClient.post(this.getApiUrl('management/v1/case/import'), file, { params });
-    }
-    exportDocumentDefinition(caseDefinitionKey, caseDefinitionVersionTag = '0') {
-        return this.httpClient.get(this.getApiUrl(`management/v1/case/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/export`), { observe: 'response', responseType: 'blob', headers: InterceptorSkipHeader });
-    }
-    getConfigurationIssues(caseDefinitionKey, caseDefinitionVersionTag) {
-        return this.httpClient.get(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/configuration-issues`));
-    }
-    getDanglingPluginConfigurations(caseDefinitionKey, caseDefinitionVersionTag) {
-        return this.httpClient.get(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/dangling-plugin-configurations`));
-    }
-    resolvePluginConfigurationMappings(caseDefinitionKey, caseDefinitionVersionTag, mappings) {
-        return this.httpClient.put(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/plugin-configuration-mappings`), mappings);
-    }
-    getCaseDefinitionFinalizationCheck(caseDefinitionKey, caseDefinitionVersionTag) {
-        return this.httpClient.get(this.getApiUrl(`management/v1/case-definition/${caseDefinitionKey}/version/${caseDefinitionVersionTag}/finalizable`));
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementService, deps: [{ token: i1.HttpClient }, { token: i2$1.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2$1.ConfigService }] });
-
 class StartableItemApiService extends BaseApiService {
     constructor(configService, httpClient) {
         super(httpClient, configService);
@@ -3539,13 +3551,13 @@ class CaseManagementDeploymentComponent {
             return (globalActiveCase?.caseDefinitionKey === caseDefinitionKey &&
                 globalActiveCase?.caseDefinitionVersionTag === caseDefinitionVersionTag);
         }));
-        this._caseDefinitionTitle$ = this.globalActiveCase$.pipe(map(result => result?.name ?? ''));
         this.caseDefinition$ = combineLatest([
             this.caseDefinitionKey$,
             this.caseDefinitionVersionTag$,
         ]).pipe(switchMap(([caseDefinitionKey, caseDefinitionVersionTag]) => this.caseManagementService.getCaseDefinition(caseDefinitionKey, caseDefinitionVersionTag)), tap$1(caseDefinition => {
             this.hasConflictingVersions$.next(!!caseDefinition.conflictingVersions);
-        }));
+        }), shareReplay(1));
+        this._caseDefinitionTitle$ = this.caseDefinition$.pipe(map(caseDefinition => caseDefinition?.name ?? ''));
         this.isDraftVersion$ = combineLatest([
             this.caseDefinitionKey$,
             this.caseDefinitionVersionTag$,
@@ -3628,6 +3640,7 @@ class CaseManagementDeploymentComponent {
     }
     ngOnDestroy() {
         this._subscriptions.unsubscribe();
+        this.breadcrumbService.clearThirdBreadcrumb();
     }
     ngAfterViewInit() {
         this.initBreadcrumbs();
@@ -3953,12 +3966,13 @@ class CaseManagementDetailActionsComponent {
     set caseDefinitionKey(value) {
         this.caseDetailService.setSelectedCaseDefinitionKey(value);
     }
-    constructor(document, caseManagementService, caseDetailService, notificationService, iconService, pageHeaderService, route, router, translateService, configurationIssueService) {
+    constructor(document, caseManagementService, caseDetailService, notificationService, iconService, menuService, pageHeaderService, route, router, translateService, configurationIssueService) {
         this.document = document;
         this.caseManagementService = caseManagementService;
         this.caseDetailService = caseDetailService;
         this.notificationService = notificationService;
         this.iconService = iconService;
+        this.menuService = menuService;
         this.pageHeaderService = pageHeaderService;
         this.route = route;
         this.router = router;
@@ -3972,10 +3986,14 @@ class CaseManagementDetailActionsComponent {
         this.exporting$ = new BehaviorSubject(false);
         this.selectedVersionNumber$ = this.caseDetailService.selectedCaseDefinitionVersionTag$;
         this.selectedVersion$ = new BehaviorSubject('');
+        this._refreshGlobalActiveCase$ = new BehaviorSubject(null);
         this.params$ = getCaseManagementRouteParams(this.route).pipe(tap(({ caseDefinitionVersionTag }) => this.selectedVersion$.next(caseDefinitionVersionTag)));
         this.caseDefinitionKey$ = this.params$.pipe(map(params => params.caseDefinitionKey || ''));
         this.caseDefinitionVersionTag$ = this.params$.pipe(map(params => params.caseDefinitionVersionTag || ''));
-        this.globalActiveVersion$ = this.caseDefinitionKey$.pipe(switchMap(caseDefinitionKey => this.caseManagementService.getGlobalActiveCase(caseDefinitionKey).pipe(map(result => result.caseDefinitionVersionTag), catchError(() => of(null)))));
+        this.globalActiveVersion$ = combineLatest([
+            this.caseDefinitionKey$,
+            this._refreshGlobalActiveCase$,
+        ]).pipe(switchMap(([caseDefinitionKey]) => this.caseManagementService.getGlobalActiveCase(caseDefinitionKey).pipe(map(result => result.caseDefinitionVersionTag), catchError(() => of(null)))));
         this.selectedVersionIsGloballyActive$ = combineLatest([
             this.selectedVersion$,
             this.globalActiveVersion$,
@@ -3989,7 +4007,10 @@ class CaseManagementDetailActionsComponent {
         this.loadingVersion$ = new BehaviorSubject(true);
         this.showGlobalVersionModal$ = new BehaviorSubject(false);
         this.showGlobalVersionConfirmationModal$ = new BehaviorSubject(false);
-        this._globalActiveCase$ = this.caseDefinitionKey$.pipe(switchMap(caseDefinitionKey => this.caseManagementService
+        this._globalActiveCase$ = combineLatest([
+            this.caseDefinitionKey$,
+            this._refreshGlobalActiveCase$,
+        ]).pipe(switchMap(([caseDefinitionKey]) => this.caseManagementService
             .getGlobalActiveCase(caseDefinitionKey)
             .pipe(catchError(() => of(null)))));
         this._caseDefinitionTitle$ = this._globalActiveCase$.pipe(map(result => result?.name ?? ''));
@@ -4123,6 +4144,8 @@ class CaseManagementDetailActionsComponent {
             .subscribe({
             next: response => {
                 this.closeCurrentNotification();
+                this._refreshGlobalActiveCase$.next(null);
+                this.menuService.reload();
                 this._currentNotification = this.notificationService.showNotification({
                     type: 'success',
                     title: this.translateService.instant('caseManagement.setGlobalActiveVersionSuccessTitle'),
@@ -4187,7 +4210,7 @@ class CaseManagementDetailActionsComponent {
             relativeTo: this.route,
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementDetailActionsComponent, deps: [{ token: DOCUMENT }, { token: CaseManagementService }, { token: CaseDetailService }, { token: i2$1.GlobalNotificationService }, { token: i2.IconService }, { token: i7.PageHeaderService }, { token: i2$2.ActivatedRoute }, { token: i2$2.Router }, { token: i3.TranslateService }, { token: i2$1.ConfigurationIssueService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementDetailActionsComponent, deps: [{ token: DOCUMENT }, { token: CaseManagementService }, { token: CaseDetailService }, { token: i2$1.GlobalNotificationService }, { token: i2.IconService }, { token: i7.MenuService }, { token: i7.PageHeaderService }, { token: i2$2.ActivatedRoute }, { token: i2$2.Router }, { token: i3.TranslateService }, { token: i2$1.ConfigurationIssueService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: CaseManagementDetailActionsComponent, isStandalone: false, selector: "valtimo-case-management-detail-actions", inputs: { documentDefinitionTitle: "documentDefinitionTitle", caseDefinitionKey: "caseDefinitionKey" }, outputs: { versionSet: "versionSet" }, viewQueries: [{ propertyName: "_exportMessageTemplateRef", first: true, predicate: ["exportingMessage"], descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  class=\"case-actions\"\n  *ngIf=\"{\n    exporting: exporting$ | async,\n    loadingVersion: loadingVersion$ | async,\n    versionItems: versionSelectorItems$ | async,\n    selectedDocumentDefinition: selectedDocumentDefinition$ | async,\n    selectedDocumentDefinitionIsReadOnly: selectedDocumentDefinitionIsReadOnly$ | async,\n    selectedVersionIsGloballyActive: selectedVersionIsGloballyActive$ | async,\n    setActiveDisabled: setActiveDisabled$ | async,\n    hasUnresolvedConfigurationIssues: hasUnresolvedConfigurationIssues$ | async,\n    compactMode: compactMode$ | async,\n  } as obs\"\n  [ngClass]=\"{'--compact': obs.compactMode}\"\n>\n  <div class=\"case-metadata\">\n    <ng-container *ngTemplateOutlet=\"versionSelection; context: {obs: obs}\"></ng-container>\n\n    <ng-container *ngTemplateOutlet=\"readOnly; context: {obs: obs}\"></ng-container>\n  </div>\n\n  <div class=\"case-buttons\">\n    <ng-container *ngTemplateOutlet=\"deploymentButton; context: {obs: obs}\"></ng-container>\n\n    <ng-container *ngTemplateOutlet=\"exportMenu; context: {obs: obs}\"></ng-container>\n  </div>\n</div>\n\n<ng-template #versionSelection let-obs=\"obs\">\n  <cds-dropdown\n    class=\"version-selector\"\n    [attr.data-test-id]=\"testIds.versionSelectDropdown\"\n    selectionFeedback=\"fixed\"\n    [displayValue]=\"versionItemTemplate\"\n    [size]=\"obs.compactMode ? 'sm' : 'md'\"\n    [appendInline]=\"false\"\n    [disabled]=\"!obs?.versionItems?.length || obs?.versionItems?.length === 1\"\n    [skeleton]=\"obs.loadingVersion\"\n    (selected)=\"selectVersion($event)\"\n  >\n    <cds-dropdown-list\n      [items]=\"obs?.versionItems || []\"\n      [listTpl]=\"versionItemTemplate\"\n    ></cds-dropdown-list>\n  </cds-dropdown>\n</ng-template>\n\n<ng-template #versionItemTemplate let-item=\"item\">\n  <div\n    [attr.data-test-id]=\"item?.['data-test-id']\"\n    *ngIf=\"item?.isAllVersionsOption; else regularVersionTemplate\"\n  >\n    <span>{{ item?.content }}</span>\n    <svg cdsIcon=\"version\" size=\"16\"></svg>\n  </div>\n\n  <ng-template #regularVersionTemplate>\n    <div [attr.data-test-id]=\"item?.['data-test-id']\" class=\"version-selector-dropdown-template\">\n      <cds-tag class=\"cds-tag--no-margin\" [type]=\"item?.tagType\" [title]=\"item?.content\">\n        {{ item?.draft ? 'DRAFT: ' + item?.content : item?.content }}\n      </cds-tag>\n\n      <cds-tag\n        *ngIf=\"item?.active\"\n        [attr.data-test-id]=\"testIds.globallyActiveCaseVersion\"\n        class=\"cds-tag--no-margin\"\n        type=\"high-contrast\"\n      >\n        {{ 'caseManagement.globallyActive' | translate }}\n      </cds-tag>\n    </div>\n  </ng-template>\n</ng-template>\n\n<ng-template #deploymentButton let-obs=\"obs\">\n  <button\n    cdsButton=\"secondary\"\n    [attr.data-test-id]=\"testIds.versionManagementButton\"\n    [size]=\"obs.compactMode ? 'sm' : 'md'\"\n    (click)=\"redirectToDeployment()\"\n  >\n    {{ 'caseManagement.deployment.title' | translate }}\n\n    <svg class=\"cds--btn__icon\" cdsIcon=\"deploy\" size=\"16\"></svg>\n  </button>\n</ng-template>\n\n<ng-template #exportMenu let-obs=\"obs\">\n  <v-overflow-menu [menuWidth]=\"250\" placement=\"bottom-end\" class=\"overflow-button\">\n    <button\n      overflowTrigger\n      cdsButton=\"tertiary\"\n      [attr.data-test-id]=\"testIds.moreButton\"\n      [size]=\"(compactMode$ | async) ? 'sm' : 'md'\"\n    >\n      {{ 'caseManagement.more' | translate }}\n\n      <svg\n        class=\"cds--btn__icon case-management-overflow-icon\"\n        cdsIcon=\"overflow-menu--vertical\"\n        size=\"16\"\n      ></svg>\n    </button>\n\n    <v-overflow-menu-option\n      [attr.data-test-id]=\"testIds.exportButton\"\n      optionId=\"exportDocumentDefinition\"\n      [disabled]=\"obs.exporting || obs.loadingVersion\"\n      (selected)=\"export()\"\n      >{{ 'caseManagement.export' | translate: {value: documentDefinitionTitle} }}\n    </v-overflow-menu-option>\n\n    <v-overflow-menu-option\n      [attr.data-test-id]=\"testIds.setActiveVersionButton\"\n      optionId=\"setGlobalActiveVersion\"\n      [disabled]=\"obs.setActiveDisabled\"\n      (selected)=\"openGlobalActiveVersionModal()\"\n      >{{ 'caseManagement.setGlobalActiveVersion' | translate }}\n    </v-overflow-menu-option>\n  </v-overflow-menu>\n</ng-template>\n\n<ng-template #exportingMessage>\n  <div class=\"exporting-message\">\n    <span class=\"cds--inline-notification__title\">{{\n      'caseManagement.preparingDownload' | translate\n    }}</span>\n\n    <cds-loading size=\"sm\"></cds-loading>\n  </div>\n</ng-template>\n\n<ng-template #readOnly let-obs=\"obs\">\n  <cds-tag *ngIf=\"obs.selectedDocumentDefinitionIsReadOnly\" type=\"blue\">{{\n    'caseManagement.readonly' | translate\n  }}</cds-tag>\n</ng-template>\n\n<valtimo-case-management-select-version-modal\n  [open]=\"showAllVersionsModal$ | async\"\n  [caseDefinitionTitle]=\"_caseDefinitionTitle$ | async\"\n  [caseDefinitionKey]=\"caseDefinitionKey$ | async\"\n  [previousSelectedVersion]=\"selectedVersion$ | async\"\n  (closeEvent)=\"closeAllVersionsModal()\"\n  (selectedVersion)=\"selectVersionFromModal($event)\"\n></valtimo-case-management-select-version-modal>\n\n<valtimo-confirmation-modal\n  [showModalSubject$]=\"showGlobalVersionModal$\"\n  cancelButtonType=\"ghost\"\n  cancelButtonTextTranslationKey=\"caseManagement.globalActiveVersionModal.cancel\"\n  confirmButtonTextTranslationKey=\"caseManagement.globalActiveVersionModal.continue\"\n  titleTranslationKey=\"caseManagement.globalActiveVersionModal.title\"\n  contentTranslationKey=\"caseManagement.globalActiveVersionModal.description\"\n  (cancelEvent)=\"closeGlobalVersionCaseModal()\"\n  (confirmEvent)=\"openGlobalCaseVersionConfirmationModal()\"\n>\n  <cds-notification\n    *ngIf=\"isOlderVersionSelected$ | async\"\n    class=\"full-width-notification\"\n    [notificationObj]=\"{\n      type: 'warning',\n      title: 'caseManagement.globalActiveVersionModal.warningTitle' | translate,\n      message: 'caseManagement.globalActiveVersionModal.warningMessage' | translate,\n      showClose: false,\n      lowContrast: true,\n    }\"\n  >\n  </cds-notification>\n</valtimo-confirmation-modal>\n\n<valtimo-confirmation-modal\n  [showModalSubject$]=\"showGlobalVersionConfirmationModal$\"\n  cancelButtonType=\"ghost\"\n  cancelButtonTextTranslationKey=\"caseManagement.confirmationGlobalVersionModal.cancel\"\n  confirmButtonType=\"danger\"\n  confirmButtonTextTranslationKey=\"caseManagement.confirmationGlobalVersionModal.confirm\"\n  contentTranslationKey=\"caseManagement.confirmationGlobalVersionModal.description\"\n  titleTranslationKey=\"caseManagement.confirmationGlobalVersionModal.title\"\n  (cancelEvent)=\"closeGlobalCaseConfirmationModal()\"\n  (confirmEvent)=\"setGlobalActiveCaseVersion()\"\n></valtimo-confirmation-modal>\n", styles: [".case-actions{display:flex;width:100%;justify-content:space-between;align-items:flex-end}.case-actions.--compact{align-items:center}.case-actions ::ng-deep .version-selection{width:160px}.case-actions ::ng-deep .version-selection .cds--list-box__selection{display:none}.exporting-message{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px}.case-metadata{display:flex;gap:24px;align-items:flex-end}.case-buttons{display:flex;align-items:center;gap:16px}::ng-deep .version-selector{margin-bottom:0;width:300px}::ng-deep .version-selector-dropdown-template{display:flex}::ng-deep .version-selector-dropdown-template .cds--tag{margin:0 8px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;line-height:24px;max-width:100%}::ng-deep .cds--list-box__field{display:flex;justify-content:space-between}::ng-deep .cds--list-box__menu-item__option{display:flex;justify-content:space-between;padding-inline-end:0}::ng-deep .cds--list-box__menu-item__option>div{margin-top:-4px}.full-width-notification{max-inline-size:100%;min-inline-size:100%}.case-management-overflow-icon{fill:var(--vcds-color-60)!important}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { kind: "directive", type: i2.Button, selector: "[cdsButton], [ibmButton]", inputs: ["ibmButton", "cdsButton", "size", "skeleton", "iconOnly", "isExpressive"] }, { kind: "directive", type: i2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "component", type: i2.Dropdown, selector: "cds-dropdown, ibm-dropdown", inputs: ["id", "label", "hideLabel", "helperText", "placeholder", "displayValue", "clearText", "size", "type", "theme", "disabled", "readonly", "skeleton", "inline", "disableArrowKeys", "invalid", "invalidText", "warn", "warnText", "appendInline", "scrollableContainer", "itemValueKey", "selectionFeedback", "menuButtonLabel", "selectedLabel", "dropUp", "fluid"], outputs: ["selected", "onClose", "close"] }, { kind: "component", type: i2.DropdownList, selector: "cds-dropdown-list, ibm-dropdown-list", inputs: ["ariaLabel", "items", "listTpl", "type", "showTitles"], outputs: ["select", "scroll", "blurIntent"] }, { kind: "component", type: i2.Loading, selector: "cds-loading, ibm-loading", inputs: ["title", "isActive", "size", "overlay"] }, { kind: "component", type: i7.ConfirmationModalComponent, selector: "valtimo-confirmation-modal", inputs: ["titleTranslationKey", "title", "content", "contentTranslationKey", "confirmButtonText", "confirmButtonTextTranslationKey", "confirmButtonType", "showOptionalButton", "optionalButtonText", "optionalButtonTextTranslationKey", "optionalButtonType", "cancelButtonText", "cancelButtonTextTranslationKey", "cancelButtonType", "showModalSubject$", "outputOnConfirm", "outputOnOptional", "spacerAfterCancelButton"], outputs: ["confirmEvent", "optionalEvent", "cancelEvent"] }, { kind: "component", type: i7.OverflowMenuComponent, selector: "v-overflow-menu", inputs: ["open", "placement", "menuWidth", "offsetX", "offsetY", "closeOnSelect", "useHostAsReference", "portalToBody"], outputs: ["openChange"] }, { kind: "component", type: i7.OverflowMenuOptionComponent, selector: "v-overflow-menu-option", inputs: ["disabled", "type", "testId", "optionId"], outputs: ["selected"] }, { kind: "component", type: i2.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }, { kind: "component", type: CaseManagementSelectVersionModalComponent, selector: "valtimo-case-management-select-version-modal", inputs: ["open", "previousSelectedVersion", "caseDefinitionKey", "caseDefinitionTitle"], outputs: ["closeEvent", "selectedVersion"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementDetailActionsComponent, decorators: [{
@@ -4196,7 +4219,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
         }], ctorParameters: () => [{ type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
-                }] }, { type: CaseManagementService }, { type: CaseDetailService }, { type: i2$1.GlobalNotificationService }, { type: i2.IconService }, { type: i7.PageHeaderService }, { type: i2$2.ActivatedRoute }, { type: i2$2.Router }, { type: i3.TranslateService }, { type: i2$1.ConfigurationIssueService }], propDecorators: { _exportMessageTemplateRef: [{
+                }] }, { type: CaseManagementService }, { type: CaseDetailService }, { type: i2$1.GlobalNotificationService }, { type: i2.IconService }, { type: i7.MenuService }, { type: i7.PageHeaderService }, { type: i2$2.ActivatedRoute }, { type: i2$2.Router }, { type: i3.TranslateService }, { type: i2$1.ConfigurationIssueService }], propDecorators: { _exportMessageTemplateRef: [{
                 type: ViewChild,
                 args: ['exportingMessage']
             }], documentDefinitionTitle: [{
@@ -4223,8 +4246,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImpo
  * limitations under the License.
  */
 class CaseManagementDetailComponent {
-    constructor(route, caseDetailService, caseManagementService, configService, configurationIssueService, iconService, pageTitleService, router, sseService, tabService) {
+    constructor(route, breadcrumbService, caseDetailService, caseManagementService, configService, configurationIssueService, iconService, pageTitleService, router, sseService, tabService) {
         this.route = route;
+        this.breadcrumbService = breadcrumbService;
         this.caseDetailService = caseDetailService;
         this.caseManagementService = caseManagementService;
         this.configService = configService;
@@ -4259,22 +4283,31 @@ class CaseManagementDetailComponent {
         this.iconService.registerAll([WarningFilled16]);
     }
     ngOnInit() {
-        this._subscriptions.add(this.caseDetailService.documentDefinition$.subscribe((documentDefinition) => {
-            if (!documentDefinition)
-                return;
-            this.pageTitleService.setCustomPageTitle(documentDefinition.schema.title);
-        }));
         this.openActiveVersionSubscription();
         this.openConfigurationIssueSseSubscription();
         this.openConfigurationIssueSubscription();
         this.pageTitleService.disableReset();
         this.openParamsSubscription();
+        this.openBreadcrumbSubscription();
     }
     ngOnDestroy() {
         this.tabService.currentTab = TabEnum.GENERAL;
         this._subscriptions.unsubscribe();
         this.pageTitleService.enableReset();
         this.configurationIssueService.setUnresolvedIssueTypes([]);
+        this.breadcrumbService.clearThirdBreadcrumb();
+    }
+    openBreadcrumbSubscription() {
+        this._subscriptions.add(this.caseDetailService.caseDefinition$.subscribe(caseDefinition => {
+            if (!caseDefinition)
+                return;
+            const route = `/case-management/case/${caseDefinition.caseDefinitionKey}/version/${caseDefinition.caseDefinitionVersionTag}`;
+            this.breadcrumbService.setThirdBreadcrumb({
+                route: [route],
+                content: caseDefinition.name,
+                href: route,
+            });
+        }));
     }
     hasTabIssues$(issueTypes) {
         const cacheKey = issueTypes.slice().sort().join(',');
@@ -4338,13 +4371,13 @@ class CaseManagementDetailComponent {
         //TODO: Fix pending changes with new routing
         // this._documentDefinitionTab?.onCanDeactivate();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementDetailComponent, deps: [{ token: i2$2.ActivatedRoute }, { token: CaseDetailService }, { token: CaseManagementService }, { token: i2$1.ConfigService }, { token: i2$1.ConfigurationIssueService }, { token: i2.IconService }, { token: i7.PageTitleService }, { token: i2$2.Router }, { token: i7$1.SseService }, { token: TabService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementDetailComponent, deps: [{ token: i2$2.ActivatedRoute }, { token: i7.BreadcrumbService }, { token: CaseDetailService }, { token: CaseManagementService }, { token: i2$1.ConfigService }, { token: i2$1.ConfigurationIssueService }, { token: i2.IconService }, { token: i7.PageTitleService }, { token: i2$2.Router }, { token: i7$1.SseService }, { token: TabService }], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: CaseManagementDetailComponent, isStandalone: false, selector: "ng-component", providers: [CaseDetailService], viewQueries: [{ propertyName: "_tabs", predicate: Tab, descendants: true }], ngImport: i0, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  *ngIf=\"{\n    currentTab: currentTab$ | async,\n    injectedTabs: injectedCaseManagementTabs$ | async,\n  } as obs\"\n  class=\"case-management-detail-container\"\n>\n  @if (configurationIssues$ | async; as issues) {\n    @if (issues.length > 0) {\n      <cds-notification\n        class=\"environment-config-warning\"\n        [notificationObj]=\"{\n          type: 'warning',\n          title: ('caseManagement.environmentConfig.bannerTitle' | translate),\n          message: ('caseManagement.environmentConfig.bannerMessage' | translate),\n          showClose: false,\n          lowContrast: true\n        }\"\n      ></cds-notification>\n    }\n  }\n\n  <cds-tabs class=\"case-management-tabs\" type=\"inline\" [attr.data-test-id]=\"testIds.tabs\">\n    <ng-template #generalTabHeading>\n      {{ 'caseManagement.tabs.general' | translate }}\n      @if (hasPluginProcessLinkIssue$ | async) {\n        <svg cdsIcon=\"warning--filled\" size=\"16\" class=\"tab-warning-icon\"></svg>\n      }\n    </ng-template>\n\n    <cds-tab\n      class=\"no-padding-left-right main-content\"\n      [id]=\"TabEnum.GENERAL\"\n      [active]=\"obs.currentTab === TabEnum.GENERAL\"\n      [heading]=\"generalTabHeading\"\n      [title]=\"'caseManagement.tabs.general' | translate\"\n      (selected)=\"navigateToTab(TabEnum.GENERAL)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right main-content\"\n      [id]=\"TabEnum.PROCESSES\"\n      [active]=\"obs.currentTab === TabEnum.PROCESSES\"\n      [heading]=\"'caseManagement.tabs.processes' | translate\"\n      (selected)=\"navigateToTab(TabEnum.PROCESSES)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right main-content\"\n      [id]=\"TabEnum.ACTIONS\"\n      [active]=\"obs.currentTab === TabEnum.ACTIONS\"\n      [heading]=\"'caseManagement.tabs.actions' | translate\"\n      (selected)=\"navigateToTab(TabEnum.ACTIONS)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right main-content\"\n      [id]=\"TabEnum.DECISIONS\"\n      [active]=\"obs.currentTab === TabEnum.DECISIONS\"\n      [heading]=\"'caseManagement.tabs.decision' | translate\"\n      (selected)=\"navigateToTab(TabEnum.DECISIONS)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right no-padding-top-bottom\"\n      [id]=\"TabEnum.DOCUMENT\"\n      [active]=\"obs.currentTab === TabEnum.DOCUMENT\"\n      [heading]=\"'caseManagement.tabs.document' | translate\"\n      (selected)=\"navigateToTab(TabEnum.DOCUMENT)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right no-padding-top-bottom\"\n      [id]=\"TabEnum.FORMS\"\n      [active]=\"obs.currentTab === TabEnum.FORMS\"\n      [heading]=\"'caseManagement.tabs.forms' | translate\"\n      (selected)=\"navigateToTab(TabEnum.FORMS)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right no-padding-top-bottom\"\n      [id]=\"TabEnum.FORM_FLOWS\"\n      [active]=\"obs.currentTab === TabEnum.FORM_FLOWS\"\n      [heading]=\"'caseManagement.tabs.formFlows' | translate\"\n      (selected)=\"navigateToTab(TabEnum.FORM_FLOWS)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right no-padding-top-bottom\"\n      [id]=\"TabEnum.TASKS\"\n      [active]=\"obs.currentTab === TabEnum.TASKS\"\n      [heading]=\"'caseManagement.tabs.tasks' | translate\"\n      (selected)=\"navigateToTab(TabEnum.TASKS)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"main-content no-padding-left-right no-padding-bottom\"\n      [id]=\"TabEnum.CASE_LIST\"\n      [active]=\"obs.currentTab === TabEnum.CASE_LIST\"\n      [heading]=\"'caseManagement.tabs.caseListTab.title' | translate\"\n      (selected)=\"navigateToTab(TabEnum.CASE_LIST)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"main-content no-padding-left-right no-padding-bottom\"\n      [id]=\"TabEnum.CASE_DETAILS\"\n      [active]=\"obs.currentTab === TabEnum.CASE_DETAILS\"\n      [heading]=\"'caseManagement.tabs.caseDetailsTab.title' | translate\"\n      (selected)=\"navigateToTab(TabEnum.CASE_DETAILS)\"\n    >\n    </cds-tab>\n\n    @for (injectedTab of obs.injectedTabs; track injectedTab.translationKey) {\n      @if (injectedTab.enabled$ | async) {\n        <ng-template #injectedTabHeading>\n          {{ injectedTab.translationKey | translate }}\n          @if (injectedTab.issueTypes?.length && (hasTabIssues$(injectedTab.issueTypes) | async)) {\n            <svg cdsIcon=\"warning--filled\" size=\"16\" class=\"tab-warning-icon\"></svg>\n          }\n        </ng-template>\n\n        <cds-tab\n          class=\"no-padding-left-right no-padding-top-bottom\"\n          [active]=\"obs.currentTab === (injectedTab.tabRoute ?? injectedTab.translationKey)\"\n          [heading]=\"injectedTabHeading\"\n          [title]=\"injectedTab.translationKey | translate\"\n          (selected)=\"navigateToTab(injectedTab.tabRoute ?? injectedTab.translationKey)\"\n        >\n        </cds-tab>\n      }\n    }\n  </cds-tabs>\n\n  <div class=\"case-management-detail-container__content\">\n    <router-outlet></router-outlet>\n  </div>\n</div>\n\n<ng-container renderInPageHeader [fullWidth]=\"true\">\n  <ng-template>\n    <valtimo-case-management-detail-actions\n      [documentDefinitionTitle]=\"documentDefinitionTitle$ | async\"\n      [caseDefinitionKey]=\"caseDefinitionKey$ | async\"\n      (versionSet)=\"onVersionSet($event)\"\n    ></valtimo-case-management-detail-actions>\n  </ng-template>\n</ng-container>\n", styles: ["::ng-deep .case-management-tabs .cds--tab-content{background-color:var(--cds-layer);padding:0!important;margin-top:24px}::ng-deep .case-management-tabs .cds--tab-content:focus{outline:none}::ng-deep .case-management-tabs .no-padding-left-right .cds--tab-content{padding-left:0;padding-right:0}::ng-deep .case-management-tabs .no-padding-top-bottom .cds--tab-content{padding-top:0;padding-bottom:0}::ng-deep .case-management-tabs .no-padding-bottom .cds--tab-content{padding-bottom:0}.tab-container{min-height:300px}.case-management-detail-container{display:flex;flex-direction:column;width:100%}.environment-config-warning{max-width:100%;margin-bottom:16px}.tab-warning-icon{margin-left:4px;vertical-align:middle;fill:var(--cds-support-warning)}.tab-warning-icon ::ng-deep [data-icon-path=inner-path]{fill:#000;opacity:1}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"], dependencies: [{ kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$2.RouterOutlet, selector: "router-outlet", inputs: ["name", "routerOutletData"], outputs: ["activate", "deactivate", "attach", "detach"], exportAs: ["outlet"] }, { kind: "component", type: i2.Notification, selector: "cds-notification, cds-inline-notification, ibm-notification, ibm-inline-notification", inputs: ["notificationObj"] }, { kind: "directive", type: i2.IconDirective, selector: "[cdsIcon], [ibmIcon]", inputs: ["ibmIcon", "cdsIcon", "size", "title", "ariaLabel", "ariaLabelledBy", "ariaHidden", "isFocusable"] }, { kind: "directive", type: i7.RenderInPageHeaderDirective, selector: "[renderInPageHeader]", inputs: ["fullWidth"] }, { kind: "component", type: i2.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i2.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive", "tabContent", "templateContext"], outputs: ["selected"] }, { kind: "component", type: CaseManagementDetailActionsComponent, selector: "valtimo-case-management-detail-actions", inputs: ["documentDefinitionTitle", "caseDefinitionKey"], outputs: ["versionSet"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CaseManagementDetailComponent, decorators: [{
             type: Component,
             args: [{ standalone: false, providers: [CaseDetailService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<!--\n  ~ Copyright 2015-2026 Ritense BV, the Netherlands.\n  ~\n  ~ Licensed under EUPL, Version 1.2 (the \"License\");\n  ~ you may not use this file except in compliance with the License.\n  ~ You may obtain a copy of the License at\n  ~\n  ~ https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n  ~\n  ~ Unless required by applicable law or agreed to in writing, software\n  ~ distributed under the License is distributed on an \"AS IS\" basis,\n  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n  ~ See the License for the specific language governing permissions and\n  ~ limitations under the License.\n  -->\n\n<div\n  *ngIf=\"{\n    currentTab: currentTab$ | async,\n    injectedTabs: injectedCaseManagementTabs$ | async,\n  } as obs\"\n  class=\"case-management-detail-container\"\n>\n  @if (configurationIssues$ | async; as issues) {\n    @if (issues.length > 0) {\n      <cds-notification\n        class=\"environment-config-warning\"\n        [notificationObj]=\"{\n          type: 'warning',\n          title: ('caseManagement.environmentConfig.bannerTitle' | translate),\n          message: ('caseManagement.environmentConfig.bannerMessage' | translate),\n          showClose: false,\n          lowContrast: true\n        }\"\n      ></cds-notification>\n    }\n  }\n\n  <cds-tabs class=\"case-management-tabs\" type=\"inline\" [attr.data-test-id]=\"testIds.tabs\">\n    <ng-template #generalTabHeading>\n      {{ 'caseManagement.tabs.general' | translate }}\n      @if (hasPluginProcessLinkIssue$ | async) {\n        <svg cdsIcon=\"warning--filled\" size=\"16\" class=\"tab-warning-icon\"></svg>\n      }\n    </ng-template>\n\n    <cds-tab\n      class=\"no-padding-left-right main-content\"\n      [id]=\"TabEnum.GENERAL\"\n      [active]=\"obs.currentTab === TabEnum.GENERAL\"\n      [heading]=\"generalTabHeading\"\n      [title]=\"'caseManagement.tabs.general' | translate\"\n      (selected)=\"navigateToTab(TabEnum.GENERAL)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right main-content\"\n      [id]=\"TabEnum.PROCESSES\"\n      [active]=\"obs.currentTab === TabEnum.PROCESSES\"\n      [heading]=\"'caseManagement.tabs.processes' | translate\"\n      (selected)=\"navigateToTab(TabEnum.PROCESSES)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right main-content\"\n      [id]=\"TabEnum.ACTIONS\"\n      [active]=\"obs.currentTab === TabEnum.ACTIONS\"\n      [heading]=\"'caseManagement.tabs.actions' | translate\"\n      (selected)=\"navigateToTab(TabEnum.ACTIONS)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right main-content\"\n      [id]=\"TabEnum.DECISIONS\"\n      [active]=\"obs.currentTab === TabEnum.DECISIONS\"\n      [heading]=\"'caseManagement.tabs.decision' | translate\"\n      (selected)=\"navigateToTab(TabEnum.DECISIONS)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right no-padding-top-bottom\"\n      [id]=\"TabEnum.DOCUMENT\"\n      [active]=\"obs.currentTab === TabEnum.DOCUMENT\"\n      [heading]=\"'caseManagement.tabs.document' | translate\"\n      (selected)=\"navigateToTab(TabEnum.DOCUMENT)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right no-padding-top-bottom\"\n      [id]=\"TabEnum.FORMS\"\n      [active]=\"obs.currentTab === TabEnum.FORMS\"\n      [heading]=\"'caseManagement.tabs.forms' | translate\"\n      (selected)=\"navigateToTab(TabEnum.FORMS)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right no-padding-top-bottom\"\n      [id]=\"TabEnum.FORM_FLOWS\"\n      [active]=\"obs.currentTab === TabEnum.FORM_FLOWS\"\n      [heading]=\"'caseManagement.tabs.formFlows' | translate\"\n      (selected)=\"navigateToTab(TabEnum.FORM_FLOWS)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"no-padding-left-right no-padding-top-bottom\"\n      [id]=\"TabEnum.TASKS\"\n      [active]=\"obs.currentTab === TabEnum.TASKS\"\n      [heading]=\"'caseManagement.tabs.tasks' | translate\"\n      (selected)=\"navigateToTab(TabEnum.TASKS)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"main-content no-padding-left-right no-padding-bottom\"\n      [id]=\"TabEnum.CASE_LIST\"\n      [active]=\"obs.currentTab === TabEnum.CASE_LIST\"\n      [heading]=\"'caseManagement.tabs.caseListTab.title' | translate\"\n      (selected)=\"navigateToTab(TabEnum.CASE_LIST)\"\n    >\n    </cds-tab>\n\n    <cds-tab\n      class=\"main-content no-padding-left-right no-padding-bottom\"\n      [id]=\"TabEnum.CASE_DETAILS\"\n      [active]=\"obs.currentTab === TabEnum.CASE_DETAILS\"\n      [heading]=\"'caseManagement.tabs.caseDetailsTab.title' | translate\"\n      (selected)=\"navigateToTab(TabEnum.CASE_DETAILS)\"\n    >\n    </cds-tab>\n\n    @for (injectedTab of obs.injectedTabs; track injectedTab.translationKey) {\n      @if (injectedTab.enabled$ | async) {\n        <ng-template #injectedTabHeading>\n          {{ injectedTab.translationKey | translate }}\n          @if (injectedTab.issueTypes?.length && (hasTabIssues$(injectedTab.issueTypes) | async)) {\n            <svg cdsIcon=\"warning--filled\" size=\"16\" class=\"tab-warning-icon\"></svg>\n          }\n        </ng-template>\n\n        <cds-tab\n          class=\"no-padding-left-right no-padding-top-bottom\"\n          [active]=\"obs.currentTab === (injectedTab.tabRoute ?? injectedTab.translationKey)\"\n          [heading]=\"injectedTabHeading\"\n          [title]=\"injectedTab.translationKey | translate\"\n          (selected)=\"navigateToTab(injectedTab.tabRoute ?? injectedTab.translationKey)\"\n        >\n        </cds-tab>\n      }\n    }\n  </cds-tabs>\n\n  <div class=\"case-management-detail-container__content\">\n    <router-outlet></router-outlet>\n  </div>\n</div>\n\n<ng-container renderInPageHeader [fullWidth]=\"true\">\n  <ng-template>\n    <valtimo-case-management-detail-actions\n      [documentDefinitionTitle]=\"documentDefinitionTitle$ | async\"\n      [caseDefinitionKey]=\"caseDefinitionKey$ | async\"\n      (versionSet)=\"onVersionSet($event)\"\n    ></valtimo-case-management-detail-actions>\n  </ng-template>\n</ng-container>\n", styles: ["::ng-deep .case-management-tabs .cds--tab-content{background-color:var(--cds-layer);padding:0!important;margin-top:24px}::ng-deep .case-management-tabs .cds--tab-content:focus{outline:none}::ng-deep .case-management-tabs .no-padding-left-right .cds--tab-content{padding-left:0;padding-right:0}::ng-deep .case-management-tabs .no-padding-top-bottom .cds--tab-content{padding-top:0;padding-bottom:0}::ng-deep .case-management-tabs .no-padding-bottom .cds--tab-content{padding-bottom:0}.tab-container{min-height:300px}.case-management-detail-container{display:flex;flex-direction:column;width:100%}.environment-config-warning{max-width:100%;margin-bottom:16px}.tab-warning-icon{margin-left:4px;vertical-align:middle;fill:var(--cds-support-warning)}.tab-warning-icon ::ng-deep [data-icon-path=inner-path]{fill:#000;opacity:1}\n/*!\n * Copyright 2015-2026 Ritense BV, the Netherlands.\n *\n * Licensed under EUPL, Version 1.2 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * https://joinup.ec.europa.eu/collection/eupl/eupl-text-eupl-12\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" basis,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n"] }]
-        }], ctorParameters: () => [{ type: i2$2.ActivatedRoute }, { type: CaseDetailService }, { type: CaseManagementService }, { type: i2$1.ConfigService }, { type: i2$1.ConfigurationIssueService }, { type: i2.IconService }, { type: i7.PageTitleService }, { type: i2$2.Router }, { type: i7$1.SseService }, { type: TabService }], propDecorators: { _tabs: [{
+        }], ctorParameters: () => [{ type: i2$2.ActivatedRoute }, { type: i7.BreadcrumbService }, { type: CaseDetailService }, { type: CaseManagementService }, { type: i2$1.ConfigService }, { type: i2$1.ConfigurationIssueService }, { type: i2.IconService }, { type: i7.PageTitleService }, { type: i2$2.Router }, { type: i7$1.SseService }, { type: TabService }], propDecorators: { _tabs: [{
                 type: ViewChildren,
                 args: [Tab]
             }] } });
@@ -5096,6 +5129,7 @@ class CaseManagementWidgetTabComponent extends ManagementWidgetDetailsComponent
             WidgetType.METROLINE,
             WidgetType.HIGHLIGHT,
             WidgetType.IMAGE,
+            WidgetType.TEXT,
         ];
     }
     ngOnInit() {