@epistola.app/valtimo-plugin 0.9.3 → 0.10.0

package/fesm2022/epistola.app-valtimo-plugin.mjs

@@ -1,7 +1,7 @@
 import * as i0 from '@angular/core';
 import { Injectable, EventEmitter, Output, Input, Component, ChangeDetectionStrategy, inject, NgModule, ENVIRONMENT_INITIALIZER, Injector } from '@angular/core';
 import * as i1 from '@angular/common/http';
-import { HttpHeaders, HttpClientModule, HTTP_INTERCEPTORS } from '@angular/common/http';
+import { HttpHeaders, HttpClientModule } from '@angular/common/http';
 import * as i2 from '@valtimo/shared';
 import { ROLE_ADMIN } from '@valtimo/shared';
 import { of, BehaviorSubject, combineLatest, take, Subject, debounceTime, takeUntil, merge } from 'rxjs';
@@ -17,11 +17,11 @@ import { FormsModule } from '@angular/forms';
 import * as _jsonata from 'jsonata';
 import * as i2$3 from '@valtimo/process-link';
 import * as i2$4 from '@angular/platform-browser';
-import * as i5 from '@formio/angular';
+import * as i4 from '@formio/angular';
 import { FormioModule } from '@formio/angular';
 import * as i2$5 from '@angular/router';
 import { RouterModule, Router } from '@angular/router';
-import * as i5$1 from 'carbon-components-angular/tabs';
+import * as i5 from 'carbon-components-angular/tabs';
 import { TabsModule } from 'carbon-components-angular/tabs';
 import * as i6 from 'carbon-components-angular/tag';
 import { TagModule } from 'carbon-components-angular/tag';
@@ -88,10 +88,11 @@ class EpistolaAdminService {
         return this.http.post(`${this.apiEndpoint}/pending/${encodeURIComponent(executionId)}/reconcile`, null);
     }
     /**
-     * Get the latest BPMN race-safety validation violations across deployed
-     * process definitions. Empty list = healthy.
+     * Get the latest BPMN race-safety validation report across deployed process
+     * definitions: the violations (empty = healthy) plus when it was last checked
+     * and how often it refreshes.
      */
-    getValidationViolations() {
+    getValidationReport() {
         return this.http.get(`${this.apiEndpoint}/validations`);
     }
     /**
@@ -126,6 +127,19 @@ class EpistolaAdminService {
             responseType: 'blob',
         });
     }
+    // ---- TEMPORARY (removed in 1.0.0): task-id carrier detection + repair ----
+    /** Forms whose Epistola components are missing the task-id carrier. */
+    getFormCarrierIssues() {
+        return this.http.get(`${this.apiEndpoint}/forms/carrier-issues`);
+    }
+    /** Inject the task-id carrier into a single form's Epistola components. */
+    repairFormCarrier(formId) {
+        return this.http.post(`${this.apiEndpoint}/forms/${encodeURIComponent(formId)}/repair-carrier`, null);
+    }
+    /** Repair every flagged form. */
+    repairAllFormCarriers() {
+        return this.http.post(`${this.apiEndpoint}/forms/repair-carrier`, null);
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: EpistolaAdminService, deps: [{ token: i1.HttpClient }, { token: i2.ConfigService }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: EpistolaAdminService });
 }
@@ -262,13 +276,13 @@ class EpistolaPluginService {
     /**
      * Get a dynamically generated Formio form for retrying a failed document generation.
      *
+     * The backend derives the process instance and case document from the authorized task,
+     * so only the task id (and optionally the source activity) is sent.
+     *
      * @param taskId Operaton user task id (required — backend authorizes via OperatonTask:VIEW)
      */
-    getRetryForm(taskId, processInstanceId, documentId, sourceActivityId) {
-        const params = { taskId, processInstanceId };
-        if (documentId) {
-            params['documentId'] = documentId;
-        }
+    getRetryForm(taskId, sourceActivityId) {
+        const params = { taskId };
         if (sourceActivityId) {
             params['sourceActivityId'] = sourceActivityId;
         }
@@ -328,99 +342,96 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
         }], ctorParameters: () => [{ type: i1.HttpClient }, { type: i2.ConfigService }] });
 
 /**
- * Holds the currently-open Operaton user task instance id so that custom
- * Formio components rendered inside a Valtimo task form (preview, download,
- * retry-form) can include it in backend requests for PBAC.
+ * Helpers for reading the active user task's id out of a Valtimo task form that was
+ * prefilled server-side by the {@code epistola:} value resolver (see the backend
+ * {@code EpistolaTaskValueResolverFactory}).
  *
- * Populated by {@link EpistolaTaskContextInterceptor}, which sniffs Valtimo's
- * canonical "load process link for task" GET (`/api/v2/process-link/task/{taskId}`)
- * — the request always fires when a task opens, before the form renders.
+ * <p>Background: the Epistola Formio components need the id of the user task whose form
+ * they're rendered in, to authorize their backend requests ({@code OperatonTask:VIEW}).
+ * Valtimo exposes no service that carries the task id to a custom Formio component at
+ * runtime, and earlier URL-sniffing only worked in the direct task-open flow (the
+ * task-list / case-detail flow bulk-fetches process links and never fires the per-task
+ * call).
  *
- * <p><b>Why this exists:</b> Valtimo 13.21 does not expose the active task
- * instance id through any service that custom Formio components can inject
- * (`FormIoStateService` carries documentId and processInstanceId only;
- * `TaskDetailContentComponent.taskInstanceId$` is private to that component
- * and Formio elements live in their own injector tree). This service is a
- * workaround until upstream exposes `taskInstanceId` via `FormIoStateService`.
- */
-class EpistolaTaskContextService {
-    _taskInstanceId$ = new BehaviorSubject(null);
-    taskInstanceId$ = this._taskInstanceId$.asObservable();
-    get taskInstanceId() {
-        return this._taskInstanceId$.value;
-    }
-    setTaskInstanceId(id) {
-        this._taskInstanceId$.next(id);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: EpistolaTaskContextService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: EpistolaTaskContextService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: EpistolaTaskContextService, decorators: [{
-            type: Injectable,
-            args: [{ providedIn: 'root' }]
-        }] });
-
-/**
- * Pure helpers for {@link EpistolaTaskContextInterceptor}, extracted so they
- * can be unit-tested without pulling in {@code @angular/core} (which ts-jest
- * cannot transform without {@code jest-preset-angular}).
+ * <p>Form prefill, however, runs server-side in every flow. A form field with
+ * {@code properties.sourceKey = "epistola:taskId"} is filled with the task id at prefill
+ * time (by the backend {@code EpistolaTaskValueResolverFactory}); this helper reads it back
+ * from the Formio root — robustly, regardless of how the task was opened.
  */
+/** The value-resolver source key that yields the current task id at prefill time. */
+const PREFILLED_TASK_ID_SOURCE_KEY = 'epistola:taskId';
+/** Conventional key of the hidden carrier field that holds the prefilled task id. */
+const PREFILLED_TASK_ID_DATA_KEY = 'epistolaTaskId';
 /**
- * Pattern Valtimo uses for the canonical task-open call:
- * {@code GET /api/v2/process-link/task/{taskInstanceId}}.
+ * Hidden Formio child component that carries the prefilled task id. It is embedded as a
+ * nested component inside each Epistola task component's schema, so dropping that component
+ * brings the carrier with it — the form author never adds a separate field. Valtimo's
+ * server-side prefill fills its {@code defaultValue} from the {@code epistola:taskId}
+ * value resolver; {@link readPrefilledTaskId} reads it back from the form definition.
  *
- * Captures the {@code taskInstanceId} (UUID v4-style 36-character hyphenated
- * hex string). Anchored at the end of the URL or at a query-string delimiter
- * so we don't accidentally match a longer trailing segment.
+ * {@code persistent: false} keeps the value out of the submission, so the task id never
+ * lands in the case document / process variables.
  */
-const TASK_PROCESS_LINK_PATTERN = /\/api\/v2\/process-link\/task\/([0-9a-fA-F-]{36})(?:\?|$)/;
+const PREFILLED_TASK_ID_CARRIER = {
+    type: 'hidden',
+    key: PREFILLED_TASK_ID_DATA_KEY,
+    input: true,
+    persistent: false,
+    label: 'Epistola Task Id',
+    properties: { sourceKey: PREFILLED_TASK_ID_SOURCE_KEY },
+};
 /**
- * Returns the captured {@code taskInstanceId} from a Valtimo task-open
- * request URL, or {@code null} if the request does not match.
+ * Reads the prefilled task id from a Formio webform/wizard root, or null when absent.
+ *
+ * Looks in two places, in order:
+ *  1. The (prefilled) form definition — any component whose {@code properties.sourceKey}
+ *     is {@code epistola:taskId} carries the task id in its {@code defaultValue}. This works
+ *     even when the carrier is a hidden field that Formio doesn't surface into submission data.
+ *  2. The submission data under {@link PREFILLED_TASK_ID_DATA_KEY}, for a rendered sibling
+ *     hidden field whose value Formio copied into {@code root.data}.
  */
-function extractTaskInstanceIdFromUrl(method, url) {
-    if (method !== 'GET')
+function readPrefilledTaskId(root) {
+    if (!root) {
         return null;
-    const match = TASK_PROCESS_LINK_PATTERN.exec(url);
-    return match ? match[1] : null;
+    }
+    const fromForm = findSourceKeyDefaultValue(root.form, PREFILLED_TASK_ID_SOURCE_KEY);
+    if (typeof fromForm === 'string' && fromForm.length > 0) {
+        return fromForm;
+    }
+    const fromData = root.data?.[PREFILLED_TASK_ID_DATA_KEY];
+    if (typeof fromData === 'string' && fromData.length > 0) {
+        return fromData;
+    }
+    return null;
 }
-
 /**
- * Sniffs Valtimo's task-open signal and pushes the active taskInstanceId into
- * {@link EpistolaTaskContextService}. The signal is the canonical
- * {@code GET /api/v2/process-link/task/{taskId}} call that
- * {@code TaskDetailContentComponent.loadTaskDetails(...)} fires unconditionally
- * before any task form is rendered (see @valtimo/task internals).
- *
- * <p>This interceptor does <b>not</b> modify the outgoing request. It only
- * captures the taskId from the URL.
- *
- * <p>Workaround for Valtimo 13.21 not exposing taskInstanceId through any
- * injectable service. Remove once upstream adds e.g.
- * {@code FormIoStateService.setTaskInstanceId(...)}.
- *
- * <p>The actual URL-matching logic lives in
- * {@link extractTaskInstanceIdFromUrl} so it can be unit-tested without an
- * Angular harness.
+ * Deep-walks a form definition node looking for a component whose
+ * {@code properties.sourceKey} equals {@code sourceKey}, and returns its
+ * {@code defaultValue} (the prefilled value). Returns null when not found.
  */
-class EpistolaTaskContextInterceptor {
-    taskContext;
-    constructor(taskContext) {
-        this.taskContext = taskContext;
-    }
-    intercept(request, next) {
-        const taskId = extractTaskInstanceIdFromUrl(request.method, request.url);
-        if (taskId !== null && taskId !== this.taskContext.taskInstanceId) {
-            this.taskContext.setTaskInstanceId(taskId);
+function findSourceKeyDefaultValue(node, sourceKey) {
+    if (Array.isArray(node)) {
+        for (const item of node) {
+            const found = findSourceKeyDefaultValue(item, sourceKey);
+            if (found != null) {
+                return found;
+            }
+        }
+        return null;
+    }
+    if (node && typeof node === 'object') {
+        if (node.properties?.sourceKey === sourceKey && typeof node.defaultValue === 'string') {
+            return node.defaultValue;
+        }
+        for (const key of Object.keys(node)) {
+            const found = findSourceKeyDefaultValue(node[key], sourceKey);
+            if (found != null) {
+                return found;
+            }
         }
-        return next.handle(request);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: EpistolaTaskContextInterceptor, deps: [{ token: EpistolaTaskContextService }], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: EpistolaTaskContextInterceptor });
+    return null;
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: EpistolaTaskContextInterceptor, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [{ type: EpistolaTaskContextService }] });
 
 class EpistolaConfigurationComponent {
     save$;
@@ -1634,6 +1645,37 @@ function expandDotNotation(flat) {
     }
     return result;
 }
+/**
+ * A preview is "override-driven" when it has a non-empty override mapping: its
+ * input data comes from the form via the mapping, so it must wait for that data
+ * before it can render. Previews without a mapping load straight from the base
+ * doc/case data.
+ */
+function isOverrideDriven(mapping) {
+    return !!mapping && Object.keys(mapping).length > 0;
+}
+/**
+ * Whether the computed input overrides carry any usable data yet.
+ */
+function hasUsableOverrides(overrides) {
+    return !!overrides && Object.keys(overrides).length > 0;
+}
+/**
+ * Decide whether a preview request should fire given the configured override
+ * mapping and the currently computed overrides.
+ *
+ * - Override-driven previews only load once the mapped form data is present;
+ *   before that they show a "complete the form" placeholder and fire nothing
+ *   (avoids a doomed request that Epistola rejects with a 400 for missing
+ *   required fields).
+ * - Previews without a mapping always load (base data is the whole input).
+ */
+function shouldLoadPreview(mapping, overrides) {
+    if (isOverrideDriven(mapping)) {
+        return hasUsableOverrides(overrides);
+    }
+    return true;
+}
 /**
  * Given an override mapping (scope -> { inputPath -> "form:<componentKey>" })
  * and form data, produce the inputOverrides object for the backend.
@@ -2225,6 +2267,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Output
             }] } });
 
+const DEFAULT_STORAGE_TARGET = 'TEMPORARY_RESOURCE';
+/** Normalize a (possibly undefined) storageTarget to a concrete target, applying the default. */
+function resolveStorageTarget(target) {
+    return target === 'PROCESS_VARIABLE' ? 'PROCESS_VARIABLE' : DEFAULT_STORAGE_TARGET;
+}
+/**
+ * A config is valid when the input variable and the output variable that matches the chosen
+ * storage target are both set.
+ */
+function isDownloadDocumentConfigValid(config) {
+    if (!config?.documentVariable) {
+        return false;
+    }
+    return resolveStorageTarget(config.storageTarget) === 'PROCESS_VARIABLE'
+        ? !!config.contentVariable
+        : !!config.resourceIdVariable;
+}
+
 class DownloadDocumentConfigurationComponent {
     save$;
     disabled$;
@@ -2243,11 +2303,24 @@ class DownloadDocumentConfigurationComponent {
     resolvedPrefill = {};
     prefillResolved$ = new BehaviorSubject(false);
     safeDisabled$;
+    /**
+     * Static option set for the storage target. Values match the backend
+     * {@code DocumentStorageTarget} enum constants; labels are explained further via the
+     * translated field title/tooltip.
+     */
+    storageTargetOptions = [
+        { id: 'TEMPORARY_RESOURCE', text: 'Temporary resource storage' },
+        { id: 'PROCESS_VARIABLE', text: 'Process variable (inline bytes)' },
+    ];
+    defaultStorageTarget = DEFAULT_STORAGE_TARGET;
+    /** Drives which output-variable field is shown (resource id vs inline content). */
+    selectedTarget$ = new BehaviorSubject(this.defaultStorageTarget);
     ngOnInit() {
         this.safeDisabled$ = this.disabled$.pipe(startWith(true), delay(0));
         const prefill$ = this.prefillConfiguration$ ?? of({});
         prefill$.pipe(take(1)).subscribe((prefill) => {
             this.resolvedPrefill = prefill ?? {};
+            this.selectedTarget$.next(resolveStorageTarget(this.resolvedPrefill.storageTarget));
             this.prefillResolved$.next(true);
         });
         this.openSaveSubscription();
@@ -2257,11 +2330,14 @@ class DownloadDocumentConfigurationComponent {
     }
     formValueChange(formOutput) {
         const formValue = formOutput;
+        if (formValue?.storageTarget) {
+            this.selectedTarget$.next(formValue.storageTarget);
+        }
         this.formValue$.next(formValue);
         this.handleValid(formValue);
     }
     handleValid(formValue) {
-        const valid = !!(formValue?.documentVariable && formValue?.contentVariable);
+        const valid = isDownloadDocumentConfigValid(formValue);
         this.valid$.next(valid);
         this.valid.emit(valid);
     }
@@ -2277,11 +2353,11 @@ class DownloadDocumentConfigurationComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DownloadDocumentConfigurationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: DownloadDocumentConfigurationComponent, isStandalone: true, selector: "epistola-download-document-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<v-form (valueChange)=\"formValueChange($event)\" *ngIf=\"prefillResolved$ | async\">\n  <v-input\n    name=\"documentVariable\"\n    [title]=\"'documentVariable' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'documentVariableTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"resolvedPrefill?.documentVariable\"\n    [disabled]=\"safeDisabled$ | async\"\n    [required]=\"true\"\n  >\n  </v-input>\n\n  <v-input\n    name=\"contentVariable\"\n    [title]=\"'contentVariable' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'contentVariableTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"resolvedPrefill?.contentVariable\"\n    [disabled]=\"safeDisabled$ | async\"\n    [required]=\"true\"\n  >\n  </v-input>\n</v-form>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: PluginTranslatePipeModule }, { kind: "pipe", type: i2$1.PluginTranslatePipe, name: "pluginTranslate" }, { kind: "ngmodule", type: FormModule }, { kind: "component", type: i3.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i3.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: DownloadDocumentConfigurationComponent, isStandalone: true, selector: "epistola-download-document-configuration", inputs: { save$: "save$", disabled$: "disabled$", pluginId: "pluginId", prefillConfiguration$: "prefillConfiguration$" }, outputs: { valid: "valid", configuration: "configuration" }, ngImport: i0, template: "<v-form (valueChange)=\"formValueChange($event)\" *ngIf=\"prefillResolved$ | async\">\n  <v-input\n    name=\"documentVariable\"\n    [title]=\"'documentVariable' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'documentVariableTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"resolvedPrefill?.documentVariable\"\n    [disabled]=\"safeDisabled$ | async\"\n    [required]=\"true\"\n  >\n  </v-input>\n\n  <v-select\n    name=\"storageTarget\"\n    [title]=\"'storageTarget' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'storageTargetTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [items]=\"storageTargetOptions\"\n    [defaultSelectionId]=\"resolvedPrefill?.storageTarget || defaultStorageTarget\"\n    [disabled]=\"safeDisabled$ | async\"\n    [required]=\"true\"\n  >\n  </v-select>\n\n  <v-input\n    *ngIf=\"(selectedTarget$ | async) === 'TEMPORARY_RESOURCE'\"\n    name=\"resourceIdVariable\"\n    [title]=\"'resourceIdVariable' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'resourceIdVariableTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"resolvedPrefill?.resourceIdVariable\"\n    [disabled]=\"safeDisabled$ | async\"\n    [required]=\"true\"\n  >\n  </v-input>\n\n  <v-input\n    *ngIf=\"(selectedTarget$ | async) === 'PROCESS_VARIABLE'\"\n    name=\"contentVariable\"\n    [title]=\"'contentVariable' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'contentVariableTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"resolvedPrefill?.contentVariable\"\n    [disabled]=\"safeDisabled$ | async\"\n    [required]=\"true\"\n  >\n  </v-input>\n</v-form>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: PluginTranslatePipeModule }, { kind: "pipe", type: i2$1.PluginTranslatePipe, name: "pluginTranslate" }, { kind: "ngmodule", type: FormModule }, { kind: "component", type: i3.FormComponent, selector: "v-form", inputs: ["className"], outputs: ["valueChange"] }, { kind: "ngmodule", type: InputModule }, { kind: "component", type: i3.InputComponent, selector: "v-input", inputs: ["name", "type", "title", "titleTranslationKey", "defaultValue", "widthPx", "fullWidth", "margin", "smallMargin", "disabled", "step", "min", "maxLength", "tooltip", "required", "hideNumberSpinBox", "smallLabel", "rows", "clear$", "carbonTheme", "placeholder", "dataTestId", "trim", "presetsTitle", "presetOptions"], outputs: ["valueChange"] }, { kind: "ngmodule", type: SelectModule }, { kind: "component", type: i3.SelectComponent, selector: "v-select", inputs: ["items", "defaultSelection", "defaultSelectionId", "defaultSelectionIds", "disabled", "dropUp", "invalid", "multiple", "margin", "widthInPx", "notFoundText", "clearAllText", "clearText", "clearable", "name", "title", "titleTranslationKey", "clearSelectionSubject$", "tooltip", "required", "loading", "loadingText", "placeholder", "smallMargin", "carbonTheme", "appendInline", "warn", "warnText", "dataTestId"], outputs: ["selectedChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DownloadDocumentConfigurationComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'epistola-download-document-configuration', standalone: true, imports: [CommonModule, PluginTranslatePipeModule, FormModule, InputModule], template: "<v-form (valueChange)=\"formValueChange($event)\" *ngIf=\"prefillResolved$ | async\">\n  <v-input\n    name=\"documentVariable\"\n    [title]=\"'documentVariable' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'documentVariableTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"resolvedPrefill?.documentVariable\"\n    [disabled]=\"safeDisabled$ | async\"\n    [required]=\"true\"\n  >\n  </v-input>\n\n  <v-input\n    name=\"contentVariable\"\n    [title]=\"'contentVariable' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'contentVariableTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"resolvedPrefill?.contentVariable\"\n    [disabled]=\"safeDisabled$ | async\"\n    [required]=\"true\"\n  >\n  </v-input>\n</v-form>\n" }]
+            args: [{ selector: 'epistola-download-document-configuration', standalone: true, imports: [CommonModule, PluginTranslatePipeModule, FormModule, InputModule, SelectModule], template: "<v-form (valueChange)=\"formValueChange($event)\" *ngIf=\"prefillResolved$ | async\">\n  <v-input\n    name=\"documentVariable\"\n    [title]=\"'documentVariable' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'documentVariableTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"resolvedPrefill?.documentVariable\"\n    [disabled]=\"safeDisabled$ | async\"\n    [required]=\"true\"\n  >\n  </v-input>\n\n  <v-select\n    name=\"storageTarget\"\n    [title]=\"'storageTarget' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'storageTargetTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [items]=\"storageTargetOptions\"\n    [defaultSelectionId]=\"resolvedPrefill?.storageTarget || defaultStorageTarget\"\n    [disabled]=\"safeDisabled$ | async\"\n    [required]=\"true\"\n  >\n  </v-select>\n\n  <v-input\n    *ngIf=\"(selectedTarget$ | async) === 'TEMPORARY_RESOURCE'\"\n    name=\"resourceIdVariable\"\n    [title]=\"'resourceIdVariable' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'resourceIdVariableTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"resolvedPrefill?.resourceIdVariable\"\n    [disabled]=\"safeDisabled$ | async\"\n    [required]=\"true\"\n  >\n  </v-input>\n\n  <v-input\n    *ngIf=\"(selectedTarget$ | async) === 'PROCESS_VARIABLE'\"\n    name=\"contentVariable\"\n    [title]=\"'contentVariable' | pluginTranslate: pluginId | async\"\n    [tooltip]=\"'contentVariableTooltip' | pluginTranslate: pluginId | async\"\n    [margin]=\"true\"\n    [defaultValue]=\"resolvedPrefill?.contentVariable\"\n    [disabled]=\"safeDisabled$ | async\"\n    [required]=\"true\"\n  >\n  </v-input>\n</v-form>\n" }]
         }], propDecorators: { save$: [{
                 type: Input
             }], disabled$: [{
@@ -2316,7 +2392,6 @@ class EpistolaDocumentComponent {
     epistolaPluginService;
     sanitizer;
     formIoStateService;
-    taskContext;
     cdr;
     value;
     valueChange = new EventEmitter();
@@ -2337,6 +2412,11 @@ class EpistolaDocumentComponent {
     tenantIdVariable = 'epistolaTenantId';
     /** Filename used for the download disposition. */
     filename = 'document.pdf';
+    /**
+     * Task id forwarded by the Formio wrapper from the server-prefilled form
+     * ({@code epistola:taskId} value resolver), populated in every Valtimo task-open flow.
+     */
+    taskInstanceId;
     loading = false;
     downloading = false;
     error = null;
@@ -2346,18 +2426,21 @@ class EpistolaDocumentComponent {
     get designMode() {
         return !this.formIoStateService.documentId;
     }
-    constructor(epistolaPluginService, sanitizer, formIoStateService, taskContext, cdr) {
+    constructor(epistolaPluginService, sanitizer, formIoStateService, cdr) {
         this.epistolaPluginService = epistolaPluginService;
         this.sanitizer = sanitizer;
         this.formIoStateService = formIoStateService;
-        this.taskContext = taskContext;
         this.cdr = cdr;
     }
-    ngOnInit() {
-        if (this.designMode) {
+    ngOnChanges(changes) {
+        if (this.designMode || this.display === 'button') {
             return;
         }
-        if (this.display !== 'button') {
+        // The Formio wrapper sets taskInstanceId around attach, so it can arrive after the
+        // first change — (re)load the inline document once it's available instead of leaving
+        // the "Document is alleen beschikbaar binnen een taak" message until a manual refresh.
+        // (For display="button" the download() click reads the task id on demand.)
+        if (changes['taskInstanceId'] && this.taskInstanceId) {
             this.loadInline();
         }
     }
@@ -2424,7 +2507,7 @@ class EpistolaDocumentComponent {
         });
     }
     buildRequest(disposition) {
-        const taskId = this.taskContext.taskInstanceId;
+        const taskId = this.taskInstanceId ?? null;
         const caseDocumentId = this.formIoStateService.documentId;
         if (!taskId || !caseDocumentId) {
             this.error = 'Document is alleen beschikbaar binnen een taak.';
@@ -2447,8 +2530,8 @@ class EpistolaDocumentComponent {
             this.previewUrl = null;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: EpistolaDocumentComponent, deps: [{ token: EpistolaPluginService }, { token: i2$4.DomSanitizer }, { token: i3.FormIoStateService }, { token: EpistolaTaskContextService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: EpistolaDocumentComponent, isStandalone: true, selector: "epistola-document-component", inputs: { value: "value", disabled: "disabled", label: "label", display: "display", documentVariable: "documentVariable", tenantIdVariable: "tenantIdVariable", filename: "filename" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: EpistolaDocumentComponent, deps: [{ token: EpistolaPluginService }, { token: i2$4.DomSanitizer }, { token: i3.FormIoStateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: EpistolaDocumentComponent, isStandalone: true, selector: "epistola-document-component", inputs: { value: "value", disabled: "disabled", label: "label", display: "display", documentVariable: "documentVariable", tenantIdVariable: "tenantIdVariable", filename: "filename", taskInstanceId: "taskInstanceId" }, outputs: { valueChange: "valueChange" }, usesOnChanges: true, ngImport: i0, template: `
     <!-- Design-time placeholder -->
     <div *ngIf="designMode" class="epistola-doc-panel">
       <div class="doc-header">
@@ -2603,7 +2686,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
       </div>
     </div>
   `, styles: [".epistola-doc-panel{border:1px solid #dee2e6;border-radius:4px;background:#f8f9fa;display:flex;flex-direction:column}.doc-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-bottom:1px solid #dee2e6;font-weight:700;color:#495057}.doc-controls{display:flex;gap:.25rem}.doc-icon-btn{background:none;border:1px solid #6c757d;border-radius:4px;color:#6c757d;padding:.25rem .5rem;font-size:.9rem;cursor:pointer}.doc-icon-btn:hover:not(:disabled){background:#e9ecef}.doc-icon-btn:disabled{opacity:.5;cursor:not-allowed}.doc-body{display:flex;flex-direction:column;min-height:500px}.doc-loading,.doc-unavailable{padding:2rem;text-align:center;color:#6c757d;font-style:italic}.doc-unavailable i{margin-right:.25rem}.doc-pdf{width:100%;flex:1;min-height:500px}.design-info{padding:1rem;min-height:auto}.design-section{margin-bottom:.5rem}.design-label{font-size:.7rem;text-transform:uppercase;color:#868e96;font-weight:600;letter-spacing:.05em}.design-value{font-family:monospace;font-size:.85rem;color:#212529;margin-bottom:.25rem}.design-tag{font-size:.7rem;font-weight:400;color:#6c757d;font-style:italic}\n"] }]
-        }], ctorParameters: () => [{ type: EpistolaPluginService }, { type: i2$4.DomSanitizer }, { type: i3.FormIoStateService }, { type: EpistolaTaskContextService }, { type: i0.ChangeDetectorRef }], propDecorators: { value: [{
+        }], ctorParameters: () => [{ type: EpistolaPluginService }, { type: i2$4.DomSanitizer }, { type: i3.FormIoStateService }, { type: i0.ChangeDetectorRef }], propDecorators: { value: [{
                 type: Input
             }], valueChange: [{
                 type: Output
@@ -2619,19 +2702,24 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Input
             }], filename: [{
                 type: Input
+            }], taskInstanceId: [{
+                type: Input
             }] } });
 
 class EpistolaRetryFormComponent {
     epistolaPluginService;
-    formIoStateService;
     cdr;
     sanitizer;
-    taskContext;
     value;
     valueChange = new EventEmitter();
     disabled = false;
     label = 'Document Data';
     sourceActivityId;
+    /**
+     * Task id forwarded by the Formio wrapper from the server-prefilled form
+     * ({@code epistola:taskId} value resolver), populated in every Valtimo task-open flow.
+     */
+    taskInstanceId;
     formDefinition;
     submission;
     loading = true;
@@ -2646,17 +2734,14 @@ class EpistolaRetryFormComponent {
     previewSubject = new Subject();
     currentBlobUrl = null;
     resolvedSourceActivityId;
-    processDefinitionKey;
     formOptions = {
         noAlerts: true,
         buttonSettings: { showCancel: false, showSubmit: false, showPrevious: false, showNext: false },
     };
-    constructor(epistolaPluginService, formIoStateService, cdr, sanitizer, taskContext) {
+    constructor(epistolaPluginService, cdr, sanitizer) {
         this.epistolaPluginService = epistolaPluginService;
-        this.formIoStateService = formIoStateService;
         this.cdr = cdr;
         this.sanitizer = sanitizer;
-        this.taskContext = taskContext;
         // Debounce preview calls
         this.previewSubscription = this.previewSubject.pipe(debounceTime$1(1500)).subscribe((data) => {
             this.loadPreview(data);
@@ -2666,6 +2751,13 @@ class EpistolaRetryFormComponent {
         if (!this.loaded) {
             this.loaded = true;
             this.loadForm();
+            return;
+        }
+        // The Formio wrapper sets taskInstanceId after attach, so it can land after the
+        // first render — if the form failed to load for lack of a task id, retry once it
+        // arrives instead of leaving the "only available from within a user task" message.
+        if (changes['taskInstanceId'] && this.taskInstanceId && !this.formDefinition) {
+            this.loadForm();
         }
     }
     ngOnDestroy() {
@@ -2689,11 +2781,8 @@ class EpistolaRetryFormComponent {
         }
     }
     loadPreview(formData) {
-        const documentId = this.formIoStateService.documentId;
-        const processInstanceId = this.formIoStateService.processInstanceId;
-        if (!documentId || !processInstanceId)
-            return;
-        const taskId = this.taskContext.taskInstanceId;
+        // The backend derives the process instance and case document from the task.
+        const taskId = this.taskInstanceId ?? null;
         if (!taskId) {
             this.previewError = 'Preview is only available from within a user task.';
             this.cdr.markForCheck();
@@ -2710,8 +2799,6 @@ class EpistolaRetryFormComponent {
         this.epistolaPluginService
             .previewToBlob({
             taskId,
-            documentId,
-            processInstanceId,
             sourceActivityId: this.sourceActivityId || null,
             overrides: formData,
         })
@@ -2748,15 +2835,8 @@ class EpistolaRetryFormComponent {
         });
     }
     loadForm() {
-        const processInstanceId = this.formIoStateService.processInstanceId;
-        const documentId = this.formIoStateService.documentId;
-        if (!processInstanceId) {
-            this.error = 'Could not determine process instance ID.';
-            this.loading = false;
-            this.cdr.markForCheck();
-            return;
-        }
-        const taskId = this.taskContext.taskInstanceId;
+        // The backend derives the process instance and case document from the task.
+        const taskId = this.taskInstanceId ?? null;
         if (!taskId) {
             this.error = 'Retry form is only available from within a user task.';
             this.loading = false;
@@ -2764,7 +2844,7 @@ class EpistolaRetryFormComponent {
             return;
         }
         this.loadSubscription = this.epistolaPluginService
-            .getRetryForm(taskId, processInstanceId, documentId ?? undefined, this.sourceActivityId)
+            .getRetryForm(taskId, this.sourceActivityId)
             .subscribe({
             next: (form) => {
                 this.formDefinition = form;
@@ -2787,8 +2867,8 @@ class EpistolaRetryFormComponent {
             },
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: EpistolaRetryFormComponent, deps: [{ token: EpistolaPluginService }, { token: i3.FormIoStateService }, { token: i0.ChangeDetectorRef }, { token: i2$4.DomSanitizer }, { token: EpistolaTaskContextService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: EpistolaRetryFormComponent, isStandalone: true, selector: "epistola-retry-form-component", inputs: { value: "value", disabled: "disabled", label: "label", sourceActivityId: "sourceActivityId" }, outputs: { valueChange: "valueChange" }, usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: EpistolaRetryFormComponent, deps: [{ token: EpistolaPluginService }, { token: i0.ChangeDetectorRef }, { token: i2$4.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: EpistolaRetryFormComponent, isStandalone: true, selector: "epistola-retry-form-component", inputs: { value: "value", disabled: "disabled", label: "label", sourceActivityId: "sourceActivityId", taskInstanceId: "taskInstanceId" }, outputs: { valueChange: "valueChange" }, usesOnChanges: true, ngImport: i0, template: `
     <div *ngIf="loading" class="epistola-retry-loading">Loading form...</div>
     <div *ngIf="error" class="epistola-retry-error">{{ error }}</div>
     <div
@@ -2826,7 +2906,7 @@ class EpistolaRetryFormComponent {
         </div>
       </div>
     </div>
-  `, isInline: true, styles: [".epistola-retry-loading{padding:1rem;color:#6c757d}.epistola-retry-error{padding:.5rem;color:#dc3545}.epistola-retry-container{display:flex;gap:1rem}.epistola-retry-form{flex:2;min-width:0}.epistola-retry-preview{flex:1;min-width:0;border:1px solid #dee2e6;border-radius:4px;padding:1rem;background:#f8f9fa;display:flex;flex-direction:column}.preview-expanded .epistola-retry-preview{flex:1}.preview-header{display:flex;justify-content:space-between;align-items:center;font-weight:700;margin-bottom:.5rem;color:#495057}.preview-toggle{background:none;border:1px solid #6c757d;border-radius:4px;color:#6c757d;padding:.2rem .5rem;font-size:.75rem;cursor:pointer}.preview-toggle:hover{background:#e9ecef}.preview-loading{color:#6c757d;font-style:italic}.preview-pdf{width:100%;flex:1;min-height:500px}.preview-expanded .preview-pdf{min-height:80vh}.preview-error{color:#dc3545}.preview-empty{color:#6c757d;font-style:italic}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormioModule }, { kind: "component", type: i5.FormioComponent, selector: "formio" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: [".epistola-retry-loading{padding:1rem;color:#6c757d}.epistola-retry-error{padding:.5rem;color:#dc3545}.epistola-retry-container{display:flex;gap:1rem}.epistola-retry-form{flex:2;min-width:0}.epistola-retry-preview{flex:1;min-width:0;border:1px solid #dee2e6;border-radius:4px;padding:1rem;background:#f8f9fa;display:flex;flex-direction:column}.preview-expanded .epistola-retry-preview{flex:1}.preview-header{display:flex;justify-content:space-between;align-items:center;font-weight:700;margin-bottom:.5rem;color:#495057}.preview-toggle{background:none;border:1px solid #6c757d;border-radius:4px;color:#6c757d;padding:.2rem .5rem;font-size:.75rem;cursor:pointer}.preview-toggle:hover{background:#e9ecef}.preview-loading{color:#6c757d;font-style:italic}.preview-pdf{width:100%;flex:1;min-height:500px}.preview-expanded .preview-pdf{min-height:80vh}.preview-error{color:#dc3545}.preview-empty{color:#6c757d;font-style:italic}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormioModule }, { kind: "component", type: i4.FormioComponent, selector: "formio" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: EpistolaRetryFormComponent, decorators: [{
             type: Component,
@@ -2869,7 +2949,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
       </div>
     </div>
   `, styles: [".epistola-retry-loading{padding:1rem;color:#6c757d}.epistola-retry-error{padding:.5rem;color:#dc3545}.epistola-retry-container{display:flex;gap:1rem}.epistola-retry-form{flex:2;min-width:0}.epistola-retry-preview{flex:1;min-width:0;border:1px solid #dee2e6;border-radius:4px;padding:1rem;background:#f8f9fa;display:flex;flex-direction:column}.preview-expanded .epistola-retry-preview{flex:1}.preview-header{display:flex;justify-content:space-between;align-items:center;font-weight:700;margin-bottom:.5rem;color:#495057}.preview-toggle{background:none;border:1px solid #6c757d;border-radius:4px;color:#6c757d;padding:.2rem .5rem;font-size:.75rem;cursor:pointer}.preview-toggle:hover{background:#e9ecef}.preview-loading{color:#6c757d;font-style:italic}.preview-pdf{width:100%;flex:1;min-height:500px}.preview-expanded .preview-pdf{min-height:80vh}.preview-error{color:#dc3545}.preview-empty{color:#6c757d;font-style:italic}\n"] }]
-        }], ctorParameters: () => [{ type: EpistolaPluginService }, { type: i3.FormIoStateService }, { type: i0.ChangeDetectorRef }, { type: i2$4.DomSanitizer }, { type: EpistolaTaskContextService }], propDecorators: { value: [{
+        }], ctorParameters: () => [{ type: EpistolaPluginService }, { type: i0.ChangeDetectorRef }, { type: i2$4.DomSanitizer }], propDecorators: { value: [{
                 type: Input
             }], valueChange: [{
                 type: Output
@@ -2879,6 +2959,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Input
             }], sourceActivityId: [{
                 type: Input
+            }], taskInstanceId: [{
+                type: Input
             }] } });
 
 class EpistolaDocumentPreviewComponent {
@@ -2886,7 +2968,6 @@ class EpistolaDocumentPreviewComponent {
     sanitizer;
     formIoStateService;
     cdr;
-    taskContext;
     value;
     valueChange = new EventEmitter();
     disabled = false;
@@ -2894,6 +2975,11 @@ class EpistolaDocumentPreviewComponent {
     processDefinitionKey;
     sourceActivityId;
     overrideMapping;
+    /**
+     * Task id forwarded by the Formio wrapper from the server-prefilled form
+     * ({@code epistola:taskId} value resolver), populated in every Valtimo task-open flow.
+     */
+    taskInstanceId;
     loading = false;
     error = null;
     previewUrl = null;
@@ -2901,20 +2987,19 @@ class EpistolaDocumentPreviewComponent {
     initialized = false;
     currentBlobUrl = null;
     previewSubscription;
-    constructor(epistolaPluginService, sanitizer, formIoStateService, cdr, taskContext) {
+    constructor(epistolaPluginService, sanitizer, formIoStateService, cdr) {
         this.epistolaPluginService = epistolaPluginService;
         this.sanitizer = sanitizer;
         this.formIoStateService = formIoStateService;
         this.cdr = cdr;
-        this.taskContext = taskContext;
     }
     /**
-     * Resolve the active task id from {@link EpistolaTaskContextService}, populated
-     * by {@code EpistolaTaskContextInterceptor} on the canonical Valtimo task-open
-     * call. Returns null when used outside a task context (e.g. Formio builder).
+     * The active task id, forwarded by the Formio wrapper from the server-prefilled
+     * form ({@code epistola:taskId} value resolver). Null outside a task context
+     * (e.g. Formio builder), in which case the component fails closed.
      */
     get currentTaskId() {
-        return this.taskContext.taskInstanceId;
+        return this.taskInstanceId ?? null;
     }
     get overrideMappingScopes() {
         return this.overrideMapping ? Object.keys(this.overrideMapping) : [];
@@ -2940,12 +3025,17 @@ class EpistolaDocumentPreviewComponent {
                 this.cdr.markForCheck();
                 return;
             }
-            this.loadPreview();
+            this.triggerPreview();
             return;
         }
-        // React to value changes (input overrides from the Formio wrapper).
-        if (changes['value']) {
-            this.loadPreview();
+        if (this.designMode)
+            return;
+        // React to input-override changes, and to the task id arriving late: the Formio
+        // wrapper sets taskInstanceId after attach, so it can land after the first render —
+        // re-run the preview once it does, instead of leaving the "only available from
+        // within a user task" message until a manual refresh.
+        if (changes['value'] || changes['taskInstanceId']) {
+            this.triggerPreview();
         }
     }
     ngOnDestroy() {
@@ -2953,31 +3043,42 @@ class EpistolaDocumentPreviewComponent {
         this.revokeBlobUrl();
     }
     refresh() {
+        this.triggerPreview();
+    }
+    /**
+     * Load the preview only when there is enough data for it. Override-driven
+     * previews (those with an override mapping) wait until the mapped form data
+     * has been computed; until then they show a placeholder rather than firing a
+     * request that Epistola would reject with a 400 for missing required fields.
+     */
+    triggerPreview() {
+        if (!shouldLoadPreview(this.overrideMapping, this.value)) {
+            this.showWaitingForInput();
+            return;
+        }
         this.loadPreview();
     }
+    showWaitingForInput() {
+        this.revokeBlobUrl();
+        this.previewSubscription?.unsubscribe();
+        this.previewUrl = null;
+        this.loading = false;
+        this.error = 'Complete the form to generate a preview.';
+        this.cdr.markForCheck();
+    }
     /**
      * Preview using the explicitly configured process link + input overrides.
      * Requires a runtime task context — the backend authorizes the request against
      * the task's process instance and case document, so all three ids must match.
      */
     loadPreview() {
-        const documentId = this.formIoStateService.documentId;
-        if (!documentId) {
-            this.error = 'Could not determine document ID from context.';
-            this.cdr.markForCheck();
-            return;
-        }
         if (!this.sourceActivityId) {
             this.error = 'Preview is not configured: set the source activity on the form component.';
             this.cdr.markForCheck();
             return;
         }
-        const processInstanceId = this.formIoStateService.processInstanceId;
-        if (!processInstanceId) {
-            this.error = 'Preview is only available from within a running process.';
-            this.cdr.markForCheck();
-            return;
-        }
+        // The backend derives the process instance and case document from the task, so the
+        // task id is the only runtime context the request carries.
         const taskId = this.currentTaskId;
         if (!taskId) {
             this.error = 'Preview is only available from within a user task.';
@@ -2992,9 +3093,6 @@ class EpistolaDocumentPreviewComponent {
         this.previewSubscription = this.epistolaPluginService
             .previewToBlob({
             taskId,
-            documentId,
-            processDefinitionKey: this.processDefinitionKey || null,
-            processInstanceId,
             sourceActivityId: this.sourceActivityId,
             inputOverrides: this.value || null,
             overrides: null,
@@ -3039,8 +3137,8 @@ class EpistolaDocumentPreviewComponent {
             this.previewUrl = null;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: EpistolaDocumentPreviewComponent, deps: [{ token: EpistolaPluginService }, { token: i2$4.DomSanitizer }, { token: i3.FormIoStateService }, { token: i0.ChangeDetectorRef }, { token: EpistolaTaskContextService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: EpistolaDocumentPreviewComponent, isStandalone: true, selector: "epistola-document-preview-component", inputs: { value: "value", disabled: "disabled", label: "label", processDefinitionKey: "processDefinitionKey", sourceActivityId: "sourceActivityId", overrideMapping: "overrideMapping" }, outputs: { valueChange: "valueChange" }, usesOnChanges: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: EpistolaDocumentPreviewComponent, deps: [{ token: EpistolaPluginService }, { token: i2$4.DomSanitizer }, { token: i3.FormIoStateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: EpistolaDocumentPreviewComponent, isStandalone: true, selector: "epistola-document-preview-component", inputs: { value: "value", disabled: "disabled", label: "label", processDefinitionKey: "processDefinitionKey", sourceActivityId: "sourceActivityId", overrideMapping: "overrideMapping", taskInstanceId: "taskInstanceId" }, outputs: { valueChange: "valueChange" }, usesOnChanges: true, ngImport: i0, template: `
     <!-- Design-time view: show configuration summary when no runtime context -->
     <div *ngIf="designMode" class="epistola-preview-panel">
       <div class="preview-header">
@@ -3159,7 +3257,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
       </div>
     </div>
   `, styles: [".epistola-preview-panel{border:1px solid #dee2e6;border-radius:4px;background:#f8f9fa;display:flex;flex-direction:column}.preview-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1rem;border-bottom:1px solid #dee2e6;font-weight:700;color:#495057;flex-wrap:wrap;gap:.5rem}.preview-controls{display:flex;align-items:center;gap:.5rem}.preview-select{border:1px solid #ced4da;border-radius:4px;padding:.25rem .5rem;font-size:.8rem;background:#fff;max-width:300px}.preview-refresh{background:none;border:1px solid #6c757d;border-radius:4px;color:#6c757d;padding:.25rem .75rem;font-size:.8rem;cursor:pointer;display:flex;align-items:center;white-space:nowrap}.preview-refresh:hover:not(:disabled){background:#e9ecef}.preview-refresh:disabled{opacity:.5;cursor:not-allowed}.preview-body{display:flex;flex-direction:column;min-height:500px}.preview-loading{padding:2rem;text-align:center;color:#6c757d;font-style:italic}.preview-unavailable{padding:1.5rem;text-align:center;color:#6c757d;font-style:italic}.preview-unavailable i{margin-right:.25rem}.preview-pdf{width:100%;flex:1;min-height:500px}.preview-empty{padding:2rem;text-align:center;color:#6c757d;font-style:italic}.design-info{padding:1rem;min-height:auto}.design-section{margin-bottom:.75rem}.design-label{font-size:.7rem;text-transform:uppercase;color:#868e96;font-weight:600;letter-spacing:.05em}.design-value{font-family:monospace;font-size:.85rem;color:#212529;margin-bottom:.25rem}.design-mapping{margin-top:.25rem}.design-entry{font-family:monospace;font-size:.8rem;color:#495057;padding:.15rem 0}.design-scope{color:#0d6efd}.design-field{color:#198754}.design-entry i{font-size:.7rem;margin:0 .25rem;color:#adb5bd}.design-unconfigured{color:#6c757d;font-style:italic;font-size:.85rem}\n"] }]
-        }], ctorParameters: () => [{ type: EpistolaPluginService }, { type: i2$4.DomSanitizer }, { type: i3.FormIoStateService }, { type: i0.ChangeDetectorRef }, { type: EpistolaTaskContextService }], propDecorators: { value: [{
+        }], ctorParameters: () => [{ type: EpistolaPluginService }, { type: i2$4.DomSanitizer }, { type: i3.FormIoStateService }, { type: i0.ChangeDetectorRef }], propDecorators: { value: [{
                 type: Input
             }], valueChange: [{
                 type: Output
@@ -3173,6 +3271,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                 type: Input
             }], overrideMapping: [{
                 type: Input
+            }], taskInstanceId: [{
+                type: Input
             }] } });
 
 class EpistolaAdminPageComponent {
@@ -3182,18 +3282,25 @@ class EpistolaAdminPageComponent {
     cards = [];
     selectedCard = null;
     activeTab = 'actions';
+    // NOTE: the 'forms' tab is TEMPORARY (remove in 1.0.0) — see the carrier-repair block below.
     overviewTab = 'configurations';
     loading = false;
     pluginVersion = null;
     changelog = null;
     changelogLoading = false;
-    validationViolations = [];
+    validationReport = null;
     reconcilingExecutionIds = new Set();
     reconcileFeedback = null;
     catalogs = [];
     catalogsLoading = false;
     redeployingSlugs = new Set();
     catalogFeedback = null;
+    // TEMPORARY (removed in 1.0.0): task-id carrier detection + repair.
+    formIssues = null;
+    formIssuesLoading = false;
+    repairingFormIds = new Set();
+    repairingAll = false;
+    formFeedback = null;
     connectionStatuses = [];
     usageEntries = [];
     pendingJobs = [];
@@ -3206,6 +3313,14 @@ class EpistolaAdminPageComponent {
         this.route = route;
         this.router = router;
     }
+    /** Violations from the latest report (empty when healthy or not yet loaded). */
+    get validationViolations() {
+        return this.validationReport?.violations ?? [];
+    }
+    /** Scan cadence in whole minutes, for the "refreshes every N min" note. */
+    get refreshIntervalMinutes() {
+        return Math.round((this.validationReport?.refreshIntervalMs ?? 600000) / 60000);
+    }
     ngOnInit() {
         this.deepLinkConfigId = this.route.snapshot.queryParamMap.get('configurationId');
         const tab = this.route.snapshot.queryParamMap.get('tab');
@@ -3232,11 +3347,79 @@ class EpistolaAdminPageComponent {
         this.activeTab = tab;
         this.updateUrl(this.selectedCard?.configurationId ?? null, tab);
     }
+    // 'forms' is TEMPORARY (remove in 1.0.0).
     setOverviewTab(tab) {
         this.overviewTab = tab;
         if (tab === 'changelog' && this.changelog === null && !this.changelogLoading) {
             this.loadChangelog();
         }
+        if (tab === 'forms' && this.formIssues === null && !this.formIssuesLoading) {
+            this.loadFormIssues();
+        }
+    }
+    // ---- TEMPORARY (removed in 1.0.0): task-id carrier detection + repair ----
+    loadFormIssues() {
+        this.formIssuesLoading = true;
+        this.formFeedback = null;
+        this.adminService.getFormCarrierIssues().subscribe({
+            next: (issues) => {
+                this.formIssues = issues;
+                this.formIssuesLoading = false;
+            },
+            error: () => {
+                this.formIssues = [];
+                this.formIssuesLoading = false;
+            },
+        });
+    }
+    isRepairingForm(issue) {
+        return this.repairingFormIds.has(issue.formId);
+    }
+    repairForm(issue) {
+        if (this.repairingFormIds.has(issue.formId)) {
+            return;
+        }
+        this.repairingFormIds.add(issue.formId);
+        this.formFeedback = null;
+        this.adminService.repairFormCarrier(issue.formId).subscribe({
+            next: (result) => {
+                this.repairingFormIds.delete(issue.formId);
+                this.formFeedback = {
+                    formId: issue.formId,
+                    type: 'success',
+                    message: `OK — ${result.componentsPatched} component(s) patched`,
+                };
+                this.loadFormIssues();
+            },
+            error: (err) => {
+                this.repairingFormIds.delete(issue.formId);
+                const message = err?.error?.errorMessage ?? err?.error?.message ?? err?.message ?? 'unknown error';
+                this.formFeedback = { formId: issue.formId, type: 'error', message };
+            },
+        });
+    }
+    repairAllForms() {
+        if (this.repairingAll) {
+            return;
+        }
+        this.repairingAll = true;
+        this.formFeedback = null;
+        this.adminService.repairAllFormCarriers().subscribe({
+            next: (summary) => {
+                this.repairingAll = false;
+                this.formFeedback = {
+                    formId: 'all',
+                    type: summary.failed > 0 ? 'error' : 'success',
+                    message: `Repaired ${summary.formsRepaired} form(s), ${summary.componentsPatched} component(s)${summary.failed > 0 ? `, ${summary.failed} failed` : ''}`,
+                };
+                this.loadFormIssues();
+            },
+            error: (err) => {
+                this.repairingAll = false;
+                const message = err?.error?.message ?? err?.message ?? 'unknown error';
+                this.formFeedback = { formId: 'all', type: 'error', message };
+            },
+        });
     }
     loadChangelog() {
         this.changelogLoading = true;
@@ -3425,14 +3608,14 @@ class EpistolaAdminPageComponent {
                 this.tryBuildCards();
             },
         });
-        // Validation violations are independent of cards — load alongside but don't
-        // gate the loading flag on them.
-        this.adminService.getValidationViolations().subscribe({
-            next: (violations) => {
-                this.validationViolations = violations;
+        // Validation report is independent of cards — load alongside but don't
+        // gate the loading flag on it.
+        this.adminService.getValidationReport().subscribe({
+            next: (report) => {
+                this.validationReport = report;
             },
             error: () => {
-                this.validationViolations = [];
+                this.validationReport = null;
             },
         });
     }
@@ -3477,11 +3660,11 @@ class EpistolaAdminPageComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: EpistolaAdminPageComponent, deps: [{ token: EpistolaAdminService }, { token: i2$5.ActivatedRoute }, { token: i2$5.Router }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: EpistolaAdminPageComponent, isStandalone: true, selector: "epistola-admin-page", ngImport: i0, template: "<div class=\"epistola-admin\">\n  <!-- Overview: tabs (no configuration selected) -->\n  <ng-container *ngIf=\"!selectedCard\">\n    <div class=\"d-flex justify-content-between align-items-center mb-3\">\n      <div class=\"d-flex align-items-center\">\n        <h5 class=\"mb-0\">{{ 'epistolaAdminOverview' | pluginTranslate: 'epistola' | async }}</h5>\n        <span *ngIf=\"pluginVersion\" class=\"version-badge ms-2\">v{{ pluginVersion }}</span>\n      </div>\n      <button class=\"btn btn-outline-primary btn-sm\" (click)=\"refresh()\" [disabled]=\"loading\">\n        {{ 'epistolaAdminRefresh' | pluginTranslate: 'epistola' | async }}\n      </button>\n    </div>\n\n    <ng-template #configurationsHeading>\n      {{ 'epistolaAdminConfigurations' | pluginTranslate: 'epistola' | async }}\n      <cds-tag size=\"sm\" type=\"gray\" class=\"ms-1\">{{ cards.length }}</cds-tag>\n    </ng-template>\n\n    <ng-template #validationsHeading>\n      {{ 'epistolaAdminValidations' | pluginTranslate: 'epistola' | async }}\n      <cds-tag size=\"sm\" [type]=\"validationViolations.length > 0 ? 'red' : 'gray'\" class=\"ms-1\">\n        {{ validationViolations.length }}\n      </cds-tag>\n    </ng-template>\n\n    <ng-template #changelogHeading>\n      {{ 'epistolaAdminChangelog' | pluginTranslate: 'epistola' | async }}\n    </ng-template>\n\n    <cds-tabs [cacheActive]=\"true\" type=\"contained\">\n      <cds-tab\n        [heading]=\"configurationsHeading\"\n        [active]=\"overviewTab === 'configurations'\"\n        (selected)=\"setOverviewTab('configurations')\"\n      >\n        <div *ngIf=\"loading\" class=\"text-muted mt-3\">\n          {{ 'epistolaAdminLoading' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <div *ngIf=\"!loading && cards.length === 0\" class=\"text-muted mt-3\">\n          {{ 'epistolaAdminNoConfigurations' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <div *ngIf=\"!loading && cards.length > 0\" class=\"card-grid\">\n          <div\n            *ngFor=\"let card of cards\"\n            class=\"config-card\"\n            [class.config-card--ok]=\"card.reachable && card.problemCount === 0\"\n            [class.config-card--warning]=\"card.reachable && card.problemCount > 0\"\n            [class.config-card--error]=\"!card.reachable\"\n            (click)=\"selectConfiguration(card)\"\n          >\n            <div class=\"config-card__header\">\n              <span\n                class=\"status-dot\"\n                [class.status-dot--ok]=\"card.reachable\"\n                [class.status-dot--error]=\"!card.reachable\"\n              >\n              </span>\n              <h5 class=\"config-card__title\">{{ card.configurationTitle }}</h5>\n            </div>\n\n            <div class=\"config-card__body\">\n              <div class=\"config-card__field\">\n                <span class=\"config-card__label\">{{\n                  'epistolaAdminTenantId' | pluginTranslate: 'epistola' | async\n                }}</span>\n                <code class=\"config-card__value\">{{ card.tenantId }}</code>\n              </div>\n              <div class=\"config-card__field\">\n                <span class=\"config-card__label\">{{\n                  'epistolaAdminStatus' | pluginTranslate: 'epistola' | async\n                }}</span>\n                <cds-tag size=\"sm\" [type]=\"card.reachable ? 'green' : 'red'\">\n                  {{\n                    card.reachable\n                      ? ('epistolaAdminConnected' | pluginTranslate: 'epistola' | async)\n                      : ('epistolaAdminUnreachable' | pluginTranslate: 'epistola' | async)\n                  }}\n                </cds-tag>\n              </div>\n              <div *ngIf=\"card.serverVersion\" class=\"config-card__field\">\n                <span class=\"config-card__label\">{{\n                  'epistolaAdminServerVersion' | pluginTranslate: 'epistola' | async\n                }}</span>\n                <span class=\"config-card__value\">{{ card.serverVersion }}</span>\n              </div>\n              <div class=\"config-card__field\">\n                <span class=\"config-card__label\">{{\n                  'epistolaAdminPluginActions' | pluginTranslate: 'epistola' | async\n                }}</span>\n                <span class=\"config-card__value\">{{ card.usageCount }}</span>\n              </div>\n              <div *ngIf=\"card.pendingJobs.length > 0\" class=\"config-card__field\">\n                <span class=\"config-card__label\">{{\n                  'epistolaAdminPendingJobs' | pluginTranslate: 'epistola' | async\n                }}</span>\n                <cds-tag size=\"sm\" type=\"blue\">{{ card.pendingJobs.length }}</cds-tag>\n              </div>\n              <div *ngIf=\"card.problemCount > 0\" class=\"config-card__field\">\n                <span class=\"config-card__label\">{{\n                  'epistolaAdminProblems' | pluginTranslate: 'epistola' | async\n                }}</span>\n                <cds-tag size=\"sm\" type=\"red\">{{ card.problemCount }}</cds-tag>\n              </div>\n            </div>\n\n            <div class=\"config-card__footer\">\n              <span class=\"config-card__latency\">{{ card.latencyMs }} ms</span>\n            </div>\n          </div>\n        </div>\n      </cds-tab>\n\n      <cds-tab\n        [heading]=\"validationsHeading\"\n        [active]=\"overviewTab === 'validations'\"\n        (selected)=\"setOverviewTab('validations')\"\n      >\n        <div *ngIf=\"validationViolations.length === 0\" class=\"text-muted mt-3 mb-3\">\n          {{ 'epistolaAdminNoValidations' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <div *ngIf=\"validationViolations.length > 0\" class=\"mt-3\">\n          <p class=\"text-muted mb-3\">\n            {{ 'epistolaAdminValidationWarningBody' | pluginTranslate: 'epistola' | async }}\n          </p>\n          <table class=\"table table-striped\">\n            <thead>\n              <tr>\n                <th>{{ 'epistolaAdminProcess' | pluginTranslate: 'epistola' | async }}</th>\n                <th>{{ 'epistolaAdminActivity' | pluginTranslate: 'epistola' | async }}</th>\n                <th>{{ 'epistolaAdminValidationCode' | pluginTranslate: 'epistola' | async }}</th>\n                <th>\n                  {{ 'epistolaAdminValidationMessage' | pluginTranslate: 'epistola' | async }}\n                </th>\n              </tr>\n            </thead>\n            <tbody>\n              <tr *ngFor=\"let v of validationViolations\">\n                <td>\n                  {{ v.processDefinitionName || v.processDefinitionKey }}\n                  <div *ngIf=\"v.processDefinitionName\" class=\"text-muted small\">\n                    <code>{{ v.processDefinitionKey }}</code>\n                  </div>\n                </td>\n                <td>\n                  <code>{{ v.activityId }}</code>\n                </td>\n                <td>\n                  <cds-tag size=\"sm\" type=\"red\">{{ v.code }}</cds-tag>\n                </td>\n                <td>{{ v.message }}</td>\n              </tr>\n            </tbody>\n          </table>\n        </div>\n      </cds-tab>\n\n      <cds-tab\n        [heading]=\"changelogHeading\"\n        [active]=\"overviewTab === 'changelog'\"\n        (selected)=\"setOverviewTab('changelog')\"\n      >\n        <div class=\"d-flex align-items-center mt-3 mb-3\">\n          <span class=\"text-muted me-2\">{{\n            'epistolaAdminRunningVersion' | pluginTranslate: 'epistola' | async\n          }}</span>\n          <cds-tag size=\"sm\" type=\"blue\">v{{ pluginVersion || '\u2014' }}</cds-tag>\n        </div>\n\n        <div *ngIf=\"changelogLoading\" class=\"text-muted mb-3\">\n          {{ 'epistolaAdminLoading' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <div\n          *ngIf=\"!changelogLoading && changelog && changelog.length === 0\"\n          class=\"text-muted mb-3\"\n        >\n          {{ 'epistolaAdminNoChangelog' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <div\n          *ngIf=\"!changelogLoading && changelog && changelog.length > 0\"\n          class=\"epistola-changelog\"\n        >\n          <section *ngFor=\"let release of changelog\" class=\"changelog-release\">\n            <div class=\"changelog-release__header\">\n              <cds-tag size=\"sm\" type=\"purple\">{{ release.version }}</cds-tag>\n              <span *ngIf=\"release.date\" class=\"text-muted ms-2\">{{ release.date }}</span>\n            </div>\n            <div *ngFor=\"let section of release.sections\" class=\"changelog-section\">\n              <h6 class=\"changelog-section__title\">{{ section.title }}</h6>\n              <ul class=\"changelog-section__items\">\n                <li *ngFor=\"let item of section.items\">{{ item }}</li>\n              </ul>\n            </div>\n          </section>\n        </div>\n      </cds-tab>\n    </cds-tabs>\n  </ng-container>\n\n  <!-- Detail view: selected configuration -->\n  <ng-container *ngIf=\"selectedCard\">\n    <div class=\"detail-header mb-3\">\n      <button class=\"btn btn-link btn-sm p-0\" (click)=\"backToOverview()\">\n        &larr; {{ 'epistolaAdminBackToOverview' | pluginTranslate: 'epistola' | async }}\n      </button>\n    </div>\n\n    <div class=\"detail-summary mb-4\">\n      <h4>\n        <span\n          class=\"status-dot me-2\"\n          [class.status-dot--ok]=\"selectedCard.reachable\"\n          [class.status-dot--error]=\"!selectedCard.reachable\"\n        >\n        </span>\n        {{ selectedCard.configurationTitle }}\n      </h4>\n\n      <table class=\"table table-sm detail-info-table\">\n        <tbody>\n          <tr>\n            <th>{{ 'epistolaAdminTenantId' | pluginTranslate: 'epistola' | async }}</th>\n            <td>\n              <code>{{ selectedCard.tenantId }}</code>\n            </td>\n          </tr>\n          <tr>\n            <th>{{ 'epistolaAdminStatus' | pluginTranslate: 'epistola' | async }}</th>\n            <td>\n              <cds-tag size=\"sm\" [type]=\"selectedCard.reachable ? 'green' : 'red'\">\n                {{\n                  selectedCard.reachable\n                    ? ('epistolaAdminConnected' | pluginTranslate: 'epistola' | async)\n                    : ('epistolaAdminUnreachable' | pluginTranslate: 'epistola' | async)\n                }}\n              </cds-tag>\n              <span class=\"text-muted ms-2\">{{ selectedCard.latencyMs }} ms</span>\n            </td>\n          </tr>\n          <tr *ngIf=\"selectedCard.serverVersion\">\n            <th>{{ 'epistolaAdminServerVersion' | pluginTranslate: 'epistola' | async }}</th>\n            <td>{{ selectedCard.serverVersion }}</td>\n          </tr>\n          <tr *ngIf=\"selectedCard.errorMessage\">\n            <th>{{ 'epistolaAdminError' | pluginTranslate: 'epistola' | async }}</th>\n            <td class=\"text-danger\">{{ selectedCard.errorMessage }}</td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n\n    <!-- Tabs -->\n    <ng-template #actionsHeading>\n      {{ 'epistolaAdminPluginActions' | pluginTranslate: 'epistola' | async }}\n      <cds-tag size=\"sm\" type=\"gray\" class=\"ms-1\">{{ selectedCard.usageEntries.length }}</cds-tag>\n    </ng-template>\n\n    <ng-template #pendingHeading>\n      {{ 'epistolaAdminPendingJobs' | pluginTranslate: 'epistola' | async }}\n      <cds-tag\n        size=\"sm\"\n        [type]=\"selectedCard.pendingJobs.length > 0 ? 'blue' : 'gray'\"\n        class=\"ms-1\"\n      >\n        {{ selectedCard.pendingJobs.length }}\n      </cds-tag>\n    </ng-template>\n\n    <ng-template #catalogsHeading>\n      {{ 'epistolaAdminCatalogs' | pluginTranslate: 'epistola' | async }}\n      <cds-tag size=\"sm\" type=\"gray\" class=\"ms-1\">{{ catalogs.length }}</cds-tag>\n    </ng-template>\n\n    <cds-tabs [cacheActive]=\"true\" type=\"contained\">\n      <cds-tab\n        [heading]=\"actionsHeading\"\n        [active]=\"activeTab === 'actions'\"\n        (selected)=\"setActiveTab('actions')\"\n      >\n        <div *ngIf=\"selectedCard.usageEntries.length === 0\" class=\"text-muted mt-3 mb-3\">\n          {{ 'epistolaAdminNoUsageForConfig' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <table *ngIf=\"selectedCard.usageEntries.length > 0\" class=\"table table-striped mt-3\">\n          <thead>\n            <tr>\n              <th>{{ 'epistolaAdminCase' | pluginTranslate: 'epistola' | async }}</th>\n              <th>{{ 'epistolaAdminProcess' | pluginTranslate: 'epistola' | async }}</th>\n              <th>{{ 'epistolaAdminActivity' | pluginTranslate: 'epistola' | async }}</th>\n              <th>{{ 'epistolaAdminAction' | pluginTranslate: 'epistola' | async }}</th>\n              <th>{{ 'epistolaAdminProblems' | pluginTranslate: 'epistola' | async }}</th>\n              <th></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr\n              *ngFor=\"let entry of selectedCard.usageEntries\"\n              [class.table-warning]=\"entry.problems.length > 0\"\n            >\n              <td>{{ entry.caseDefinitionKey || '-' }}</td>\n              <td>\n                <a\n                  *ngIf=\"entry.caseDefinitionKey && entry.caseDefinitionVersionTag\"\n                  [routerLink]=\"[\n                    '/case-management',\n                    'case',\n                    entry.caseDefinitionKey,\n                    'version',\n                    entry.caseDefinitionVersionTag,\n                    'processes',\n                    entry.processDefinitionKey,\n                  ]\"\n                  class=\"usage-link\"\n                >\n                  {{ entry.processDefinitionName }}\n                </a>\n                <span *ngIf=\"!entry.caseDefinitionKey || !entry.caseDefinitionVersionTag\">\n                  {{ entry.processDefinitionName }}\n                </span>\n              </td>\n              <td>{{ entry.activityName }}</td>\n              <td>\n                <code>{{ entry.actionKey }}</code>\n              </td>\n              <td>\n                <cds-tag *ngIf=\"entry.problems.length === 0\" size=\"sm\" type=\"green\">OK</cds-tag>\n                <cds-tag\n                  *ngFor=\"let problem of entry.problems\"\n                  size=\"sm\"\n                  type=\"red\"\n                  class=\"d-block mb-1\"\n                >\n                  {{ problem }}\n                </cds-tag>\n              </td>\n              <td>\n                <button\n                  class=\"btn btn-sm btn-outline-secondary\"\n                  (click)=\"exportProcessLink(entry)\"\n                  [title]=\"'epistolaAdminExport' | pluginTranslate: 'epistola' | async\"\n                >\n                  &#x2913;\n                </button>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </cds-tab>\n\n      <cds-tab\n        [heading]=\"pendingHeading\"\n        [active]=\"activeTab === 'pending'\"\n        (selected)=\"setActiveTab('pending')\"\n      >\n        <div *ngIf=\"selectedCard.pendingJobs.length === 0\" class=\"text-muted mt-3 mb-3\">\n          {{ 'epistolaAdminNoPendingJobs' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <table *ngIf=\"selectedCard.pendingJobs.length > 0\" class=\"table table-striped mt-3\">\n          <thead>\n            <tr>\n              <th>{{ 'epistolaAdminProcess' | pluginTranslate: 'epistola' | async }}</th>\n              <th>{{ 'epistolaAdminActivity' | pluginTranslate: 'epistola' | async }}</th>\n              <th>{{ 'epistolaAdminRequestId' | pluginTranslate: 'epistola' | async }}</th>\n              <th></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr *ngFor=\"let job of selectedCard.pendingJobs\">\n              <td>{{ job.processDefinitionName }}</td>\n              <td>{{ job.activityName }}</td>\n              <td>\n                <code>{{ job.requestId }}</code>\n              </td>\n              <td class=\"text-end\">\n                <button\n                  class=\"btn btn-sm btn-outline-primary\"\n                  (click)=\"reconcilePending(job)\"\n                  [disabled]=\"isReconciling(job)\"\n                  [title]=\"'epistolaAdminReconcileTooltip' | pluginTranslate: 'epistola' | async\"\n                >\n                  <span *ngIf=\"!isReconciling(job)\">\n                    {{ 'epistolaAdminReconcile' | pluginTranslate: 'epistola' | async }}\n                  </span>\n                  <span *ngIf=\"isReconciling(job)\">\n                    {{ 'epistolaAdminReconciling' | pluginTranslate: 'epistola' | async }}\n                  </span>\n                </button>\n                <div\n                  *ngIf=\"reconcileFeedback && reconcileFeedback.executionId === job.executionId\"\n                  class=\"reconcile-feedback small mt-1\"\n                  [class.text-success]=\"reconcileFeedback.type === 'success'\"\n                  [class.text-warning]=\"reconcileFeedback.type === 'pending'\"\n                  [class.text-danger]=\"reconcileFeedback.type === 'error'\"\n                >\n                  {{ reconcileFeedback.message }}\n                </div>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </cds-tab>\n\n      <cds-tab\n        [heading]=\"catalogsHeading\"\n        [active]=\"activeTab === 'catalogs'\"\n        (selected)=\"setActiveTab('catalogs')\"\n      >\n        <p class=\"text-muted mt-3 mb-3\">\n          {{ 'epistolaAdminCatalogsIntro' | pluginTranslate: 'epistola' | async }}\n        </p>\n\n        <div *ngIf=\"catalogsLoading\" class=\"text-muted mb-3\">\n          {{ 'epistolaAdminLoading' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <div *ngIf=\"!catalogsLoading && catalogs.length === 0\" class=\"text-muted mb-3\">\n          {{ 'epistolaAdminNoCatalogs' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <table *ngIf=\"!catalogsLoading && catalogs.length > 0\" class=\"table table-striped\">\n          <thead>\n            <tr>\n              <th>{{ 'epistolaAdminCatalogSlug' | pluginTranslate: 'epistola' | async }}</th>\n              <th>{{ 'epistolaAdminCatalogVersion' | pluginTranslate: 'epistola' | async }}</th>\n              <th>{{ 'epistolaAdminCatalogStatus' | pluginTranslate: 'epistola' | async }}</th>\n              <th></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr *ngFor=\"let catalog of catalogs\">\n              <td>\n                <code>{{ catalog.slug }}</code>\n              </td>\n              <td>{{ catalog.version }}</td>\n              <td>\n                <cds-tag *ngIf=\"catalog.status === 'IN_EPISTOLA'\" size=\"sm\" type=\"green\">\n                  {{ 'epistolaAdminCatalogInEpistola' | pluginTranslate: 'epistola' | async }}\n                </cds-tag>\n                <cds-tag *ngIf=\"catalog.status === 'NOT_IN_EPISTOLA'\" size=\"sm\" type=\"red\">\n                  {{ 'epistolaAdminCatalogNotInEpistola' | pluginTranslate: 'epistola' | async }}\n                </cds-tag>\n                <cds-tag *ngIf=\"catalog.status === 'UNKNOWN'\" size=\"sm\" type=\"gray\">\n                  {{ 'epistolaAdminCatalogStatusUnknown' | pluginTranslate: 'epistola' | async }}\n                </cds-tag>\n              </td>\n              <td class=\"text-end\">\n                <button\n                  class=\"btn btn-sm btn-outline-primary\"\n                  (click)=\"redeployCatalog(catalog)\"\n                  [disabled]=\"isRedeploying(catalog)\"\n                  [title]=\"'epistolaAdminRedeployTooltip' | pluginTranslate: 'epistola' | async\"\n                >\n                  <span *ngIf=\"!isRedeploying(catalog)\">\n                    {{ 'epistolaAdminRedeploy' | pluginTranslate: 'epistola' | async }}\n                  </span>\n                  <span *ngIf=\"isRedeploying(catalog)\">\n                    {{ 'epistolaAdminRedeploying' | pluginTranslate: 'epistola' | async }}\n                  </span>\n                </button>\n                <div\n                  *ngIf=\"catalogFeedback && catalogFeedback.slug === catalog.slug\"\n                  class=\"reconcile-feedback small mt-1\"\n                  [class.text-success]=\"catalogFeedback.type === 'success'\"\n                  [class.text-danger]=\"catalogFeedback.type === 'error'\"\n                >\n                  {{ catalogFeedback.message }}\n                </div>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </cds-tab>\n    </cds-tabs>\n  </ng-container>\n</div>\n", styles: [".epistola-admin{padding:1.5rem}.epistola-admin .version-badge{font-size:.75rem;font-weight:500;padding:.2em .6em;border-radius:4px;background-color:#e8e8e8;color:#525252}.epistola-admin .badge{font-size:.85em;padding:.35em .65em}.epistola-admin code{font-size:.9em;color:#525252}.epistola-admin table th{font-weight:600;white-space:nowrap}.epistola-admin .status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.5rem;flex-shrink:0;background-color:#adb5bd}.epistola-admin .status-dot--ok{background-color:#198754}.epistola-admin .status-dot--error{background-color:#dc3545}.epistola-admin .card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.epistola-admin .config-card{border:1px solid #dee2e6;border-radius:8px;padding:1.25rem;cursor:pointer;transition:box-shadow .15s ease,border-color .15s ease;background:#fff}.epistola-admin .config-card:hover{box-shadow:0 2px 8px #0000001a}.epistola-admin .config-card--ok{border-left:4px solid #198754}.epistola-admin .config-card--warning{border-left:4px solid #ffc107}.epistola-admin .config-card--error{border-left:4px solid #dc3545}.epistola-admin .config-card__header{display:flex;align-items:center;margin-bottom:1rem}.epistola-admin .config-card__title{margin:0;font-size:1.05rem;font-weight:600;color:#161616}.epistola-admin .config-card__body{display:flex;flex-direction:column;gap:.5rem}.epistola-admin .config-card__field{display:flex;justify-content:space-between;align-items:center}.epistola-admin .config-card__label{font-size:.875rem;color:#6c757d}.epistola-admin .config-card__value{font-size:.875rem;color:#161616}.epistola-admin .config-card__footer{margin-top:1rem;padding-top:.75rem;border-top:1px solid #f0f0f0;text-align:right}.epistola-admin .config-card__latency{font-size:.8rem;color:#adb5bd}.epistola-admin .usage-link{color:#0f62fe;text-decoration:none}.epistola-admin .usage-link:hover{text-decoration:underline}.epistola-admin .detail-info-table{max-width:500px}.epistola-admin .detail-info-table th{width:140px}.epistola-admin .detail-summary{padding:1rem 0;border-bottom:1px solid #dee2e6}.epistola-admin .epistola-changelog{max-height:60vh;overflow:auto;padding:.5rem 1rem;border:1px solid #dee2e6;border-radius:4px}.epistola-admin .epistola-changelog .changelog-release{padding:.75rem 0}.epistola-admin .epistola-changelog .changelog-release+.changelog-release{border-top:1px solid #eee}.epistola-admin .epistola-changelog .changelog-release__header{display:flex;align-items:center;margin-bottom:.5rem}.epistola-admin .epistola-changelog .changelog-section{margin:.25rem 0 .75rem}.epistola-admin .epistola-changelog .changelog-section__title{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:#6f6f6f;margin-bottom:.25rem}.epistola-admin .epistola-changelog .changelog-section__items{margin:0;padding-left:1.25rem;font-size:.8125rem;line-height:1.5}.epistola-admin .epistola-changelog .changelog-section__items li{margin-bottom:.25rem;word-break:break-word}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: PluginTranslatePipeModule }, { kind: "pipe", type: i2$1.PluginTranslatePipe, name: "pluginTranslate" }, { kind: "ngmodule", type: TabsModule }, { kind: "component", type: i5$1.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i5$1.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive", "tabContent", "templateContext"], outputs: ["selected"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i6.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.20", type: EpistolaAdminPageComponent, isStandalone: true, selector: "epistola-admin-page", ngImport: i0, template: "<div class=\"epistola-admin\">\n  <!-- Overview: tabs (no configuration selected) -->\n  <ng-container *ngIf=\"!selectedCard\">\n    <div class=\"d-flex justify-content-between align-items-center mb-3\">\n      <div class=\"d-flex align-items-center\">\n        <h5 class=\"mb-0\">{{ 'epistolaAdminOverview' | pluginTranslate: 'epistola' | async }}</h5>\n        <span *ngIf=\"pluginVersion\" class=\"version-badge ms-2\">v{{ pluginVersion }}</span>\n      </div>\n      <button class=\"btn btn-outline-primary btn-sm\" (click)=\"refresh()\" [disabled]=\"loading\">\n        {{ 'epistolaAdminRefresh' | pluginTranslate: 'epistola' | async }}\n      </button>\n    </div>\n\n    <ng-template #configurationsHeading>\n      {{ 'epistolaAdminConfigurations' | pluginTranslate: 'epistola' | async }}\n      <cds-tag size=\"sm\" type=\"gray\" class=\"ms-1\">{{ cards.length }}</cds-tag>\n    </ng-template>\n\n    <ng-template #validationsHeading>\n      {{ 'epistolaAdminValidations' | pluginTranslate: 'epistola' | async }}\n      <cds-tag size=\"sm\" [type]=\"validationViolations.length > 0 ? 'red' : 'gray'\" class=\"ms-1\">\n        {{ validationViolations.length }}\n      </cds-tag>\n    </ng-template>\n\n    <ng-template #changelogHeading>\n      {{ 'epistolaAdminChangelog' | pluginTranslate: 'epistola' | async }}\n    </ng-template>\n\n    <!-- TEMPORARY (removed in 1.0.0): forms missing the task-id carrier -->\n    <ng-template #formsHeading>\n      {{ 'epistolaAdminForms' | pluginTranslate: 'epistola' | async }}\n      <cds-tag\n        *ngIf=\"formIssues\"\n        size=\"sm\"\n        [type]=\"formIssues.length > 0 ? 'red' : 'gray'\"\n        class=\"ms-1\"\n        >{{ formIssues.length }}</cds-tag\n      >\n    </ng-template>\n\n    <cds-tabs [cacheActive]=\"true\" type=\"contained\">\n      <cds-tab\n        [heading]=\"configurationsHeading\"\n        [active]=\"overviewTab === 'configurations'\"\n        (selected)=\"setOverviewTab('configurations')\"\n      >\n        <div *ngIf=\"loading\" class=\"text-muted mt-3\">\n          {{ 'epistolaAdminLoading' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <div *ngIf=\"!loading && cards.length === 0\" class=\"text-muted mt-3\">\n          {{ 'epistolaAdminNoConfigurations' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <div *ngIf=\"!loading && cards.length > 0\" class=\"card-grid\">\n          <div\n            *ngFor=\"let card of cards\"\n            class=\"config-card\"\n            [class.config-card--ok]=\"card.reachable && card.problemCount === 0\"\n            [class.config-card--warning]=\"card.reachable && card.problemCount > 0\"\n            [class.config-card--error]=\"!card.reachable\"\n            (click)=\"selectConfiguration(card)\"\n          >\n            <div class=\"config-card__header\">\n              <span\n                class=\"status-dot\"\n                [class.status-dot--ok]=\"card.reachable\"\n                [class.status-dot--error]=\"!card.reachable\"\n              >\n              </span>\n              <h5 class=\"config-card__title\">{{ card.configurationTitle }}</h5>\n            </div>\n\n            <div class=\"config-card__body\">\n              <div class=\"config-card__field\">\n                <span class=\"config-card__label\">{{\n                  'epistolaAdminTenantId' | pluginTranslate: 'epistola' | async\n                }}</span>\n                <code class=\"config-card__value\">{{ card.tenantId }}</code>\n              </div>\n              <div class=\"config-card__field\">\n                <span class=\"config-card__label\">{{\n                  'epistolaAdminStatus' | pluginTranslate: 'epistola' | async\n                }}</span>\n                <cds-tag size=\"sm\" [type]=\"card.reachable ? 'green' : 'red'\">\n                  {{\n                    card.reachable\n                      ? ('epistolaAdminConnected' | pluginTranslate: 'epistola' | async)\n                      : ('epistolaAdminUnreachable' | pluginTranslate: 'epistola' | async)\n                  }}\n                </cds-tag>\n              </div>\n              <div *ngIf=\"card.serverVersion\" class=\"config-card__field\">\n                <span class=\"config-card__label\">{{\n                  'epistolaAdminServerVersion' | pluginTranslate: 'epistola' | async\n                }}</span>\n                <span class=\"config-card__value\">{{ card.serverVersion }}</span>\n              </div>\n              <div class=\"config-card__field\">\n                <span class=\"config-card__label\">{{\n                  'epistolaAdminPluginActions' | pluginTranslate: 'epistola' | async\n                }}</span>\n                <span class=\"config-card__value\">{{ card.usageCount }}</span>\n              </div>\n              <div *ngIf=\"card.pendingJobs.length > 0\" class=\"config-card__field\">\n                <span class=\"config-card__label\">{{\n                  'epistolaAdminPendingJobs' | pluginTranslate: 'epistola' | async\n                }}</span>\n                <cds-tag size=\"sm\" type=\"blue\">{{ card.pendingJobs.length }}</cds-tag>\n              </div>\n              <div *ngIf=\"card.problemCount > 0\" class=\"config-card__field\">\n                <span class=\"config-card__label\">{{\n                  'epistolaAdminProblems' | pluginTranslate: 'epistola' | async\n                }}</span>\n                <cds-tag size=\"sm\" type=\"red\">{{ card.problemCount }}</cds-tag>\n              </div>\n            </div>\n\n            <div class=\"config-card__footer\">\n              <span class=\"config-card__latency\">{{ card.latencyMs }} ms</span>\n            </div>\n          </div>\n        </div>\n      </cds-tab>\n\n      <cds-tab\n        [heading]=\"validationsHeading\"\n        [active]=\"overviewTab === 'validations'\"\n        (selected)=\"setOverviewTab('validations')\"\n      >\n        <div class=\"text-muted small mt-3\">\n          <div>\n            {{ 'epistolaAdminValidationLastChecked' | pluginTranslate: 'epistola' | async }}:\n            <ng-container *ngIf=\"validationReport?.lastCheckedAt; else notYetRun\">\n              {{ validationReport?.lastCheckedAt | date: 'medium' }}\n            </ng-container>\n            <ng-template #notYetRun>\n              {{ 'epistolaAdminValidationNotYetRun' | pluginTranslate: 'epistola' | async }}\n            </ng-template>\n            \u00B7 {{ 'epistolaAdminValidationAutoRefresh' | pluginTranslate: 'epistola' | async }}\n            {{ refreshIntervalMinutes }} min.\n          </div>\n          <div>\n            {{ 'epistolaAdminValidationLatestVersionNote' | pluginTranslate: 'epistola' | async }}\n          </div>\n        </div>\n\n        <div *ngIf=\"validationViolations.length === 0\" class=\"text-muted mt-3 mb-3\">\n          {{ 'epistolaAdminNoValidations' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <div *ngIf=\"validationViolations.length > 0\" class=\"mt-3\">\n          <p class=\"text-muted mb-3\">\n            {{ 'epistolaAdminValidationWarningBody' | pluginTranslate: 'epistola' | async }}\n          </p>\n          <table class=\"table table-striped\">\n            <thead>\n              <tr>\n                <th>{{ 'epistolaAdminProcess' | pluginTranslate: 'epistola' | async }}</th>\n                <th>{{ 'epistolaAdminActivity' | pluginTranslate: 'epistola' | async }}</th>\n                <th>{{ 'epistolaAdminValidationCode' | pluginTranslate: 'epistola' | async }}</th>\n                <th>\n                  {{ 'epistolaAdminValidationMessage' | pluginTranslate: 'epistola' | async }}\n                </th>\n              </tr>\n            </thead>\n            <tbody>\n              <tr *ngFor=\"let v of validationViolations\">\n                <td>\n                  {{ v.processDefinitionName || v.processDefinitionKey }}\n                  <div *ngIf=\"v.processDefinitionName\" class=\"text-muted small\">\n                    <code>{{ v.processDefinitionKey }}</code>\n                  </div>\n                </td>\n                <td>\n                  <code>{{ v.activityId }}</code>\n                </td>\n                <td>\n                  <cds-tag size=\"sm\" type=\"red\">{{ v.code }}</cds-tag>\n                </td>\n                <td>{{ v.message }}</td>\n              </tr>\n            </tbody>\n          </table>\n        </div>\n      </cds-tab>\n\n      <cds-tab\n        [heading]=\"changelogHeading\"\n        [active]=\"overviewTab === 'changelog'\"\n        (selected)=\"setOverviewTab('changelog')\"\n      >\n        <div class=\"d-flex align-items-center mt-3 mb-3\">\n          <span class=\"text-muted me-2\">{{\n            'epistolaAdminRunningVersion' | pluginTranslate: 'epistola' | async\n          }}</span>\n          <cds-tag size=\"sm\" type=\"blue\">v{{ pluginVersion || '\u2014' }}</cds-tag>\n        </div>\n\n        <div *ngIf=\"changelogLoading\" class=\"text-muted mb-3\">\n          {{ 'epistolaAdminLoading' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <div\n          *ngIf=\"!changelogLoading && changelog && changelog.length === 0\"\n          class=\"text-muted mb-3\"\n        >\n          {{ 'epistolaAdminNoChangelog' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <div\n          *ngIf=\"!changelogLoading && changelog && changelog.length > 0\"\n          class=\"epistola-changelog\"\n        >\n          <section *ngFor=\"let release of changelog\" class=\"changelog-release\">\n            <div class=\"changelog-release__header\">\n              <cds-tag size=\"sm\" type=\"purple\">{{ release.version }}</cds-tag>\n              <span *ngIf=\"release.date\" class=\"text-muted ms-2\">{{ release.date }}</span>\n            </div>\n            <div *ngFor=\"let section of release.sections\" class=\"changelog-section\">\n              <h6 class=\"changelog-section__title\">{{ section.title }}</h6>\n              <ul class=\"changelog-section__items\">\n                <li *ngFor=\"let item of section.items\">{{ item }}</li>\n              </ul>\n            </div>\n          </section>\n        </div>\n      </cds-tab>\n\n      <!-- TEMPORARY (removed in 1.0.0): forms missing the task-id carrier -->\n      <cds-tab\n        [heading]=\"formsHeading\"\n        [active]=\"overviewTab === 'forms'\"\n        (selected)=\"setOverviewTab('forms')\"\n      >\n        <p class=\"text-muted mt-3 mb-3\">\n          {{ 'epistolaAdminFormsIntro' | pluginTranslate: 'epistola' | async }}\n        </p>\n\n        <div *ngIf=\"formIssuesLoading\" class=\"text-muted mb-3\">\n          {{ 'epistolaAdminLoading' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <div\n          *ngIf=\"!formIssuesLoading && formIssues && formIssues.length === 0\"\n          class=\"text-muted mb-3\"\n        >\n          {{ 'epistolaAdminNoFormIssues' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <div *ngIf=\"!formIssuesLoading && formIssues && formIssues.length > 0\">\n          <div class=\"mb-2\">\n            <button\n              class=\"btn btn-sm btn-primary\"\n              (click)=\"repairAllForms()\"\n              [disabled]=\"repairingAll\"\n            >\n              {{\n                (repairingAll ? 'epistolaAdminRepairing' : 'epistolaAdminRepairAll')\n                  | pluginTranslate: 'epistola'\n                  | async\n              }}\n            </button>\n            <span\n              *ngIf=\"formFeedback && formFeedback.formId === 'all'\"\n              class=\"small ms-2\"\n              [class.text-success]=\"formFeedback.type === 'success'\"\n              [class.text-danger]=\"formFeedback.type === 'error'\"\n              >{{ formFeedback.message }}</span\n            >\n          </div>\n\n          <table class=\"table table-striped\">\n            <thead>\n              <tr>\n                <th>{{ 'epistolaAdminFormName' | pluginTranslate: 'epistola' | async }}</th>\n                <th>{{ 'epistolaAdminFormMissing' | pluginTranslate: 'epistola' | async }}</th>\n                <th></th>\n              </tr>\n            </thead>\n            <tbody>\n              <tr *ngFor=\"let issue of formIssues\">\n                <td>\n                  <code>{{ issue.name }}</code>\n                  <cds-tag\n                    *ngIf=\"issue.readOnly\"\n                    size=\"sm\"\n                    type=\"warm-gray\"\n                    class=\"ms-1\"\n                    [title]=\"'epistolaAdminFormReadOnlyHint' | pluginTranslate: 'epistola' | async\"\n                    >{{\n                      'epistolaAdminFormReadOnly' | pluginTranslate: 'epistola' | async\n                    }}</cds-tag\n                  >\n                </td>\n                <td>{{ issue.missingComponents }}</td>\n                <td class=\"text-end\">\n                  <button\n                    class=\"btn btn-sm btn-outline-primary\"\n                    (click)=\"repairForm(issue)\"\n                    [disabled]=\"isRepairingForm(issue)\"\n                    [title]=\"'epistolaAdminRepairTooltip' | pluginTranslate: 'epistola' | async\"\n                  >\n                    {{\n                      (isRepairingForm(issue) ? 'epistolaAdminRepairing' : 'epistolaAdminRepair')\n                        | pluginTranslate: 'epistola'\n                        | async\n                    }}\n                  </button>\n                  <div\n                    *ngIf=\"formFeedback && formFeedback.formId === issue.formId\"\n                    class=\"small mt-1\"\n                    [class.text-success]=\"formFeedback.type === 'success'\"\n                    [class.text-danger]=\"formFeedback.type === 'error'\"\n                  >\n                    {{ formFeedback.message }}\n                  </div>\n                </td>\n              </tr>\n            </tbody>\n          </table>\n        </div>\n      </cds-tab>\n    </cds-tabs>\n  </ng-container>\n\n  <!-- Detail view: selected configuration -->\n  <ng-container *ngIf=\"selectedCard\">\n    <div class=\"detail-header mb-3\">\n      <button class=\"btn btn-link btn-sm p-0\" (click)=\"backToOverview()\">\n        &larr; {{ 'epistolaAdminBackToOverview' | pluginTranslate: 'epistola' | async }}\n      </button>\n    </div>\n\n    <div class=\"detail-summary mb-4\">\n      <h4>\n        <span\n          class=\"status-dot me-2\"\n          [class.status-dot--ok]=\"selectedCard.reachable\"\n          [class.status-dot--error]=\"!selectedCard.reachable\"\n        >\n        </span>\n        {{ selectedCard.configurationTitle }}\n      </h4>\n\n      <table class=\"table table-sm detail-info-table\">\n        <tbody>\n          <tr>\n            <th>{{ 'epistolaAdminTenantId' | pluginTranslate: 'epistola' | async }}</th>\n            <td>\n              <code>{{ selectedCard.tenantId }}</code>\n            </td>\n          </tr>\n          <tr>\n            <th>{{ 'epistolaAdminStatus' | pluginTranslate: 'epistola' | async }}</th>\n            <td>\n              <cds-tag size=\"sm\" [type]=\"selectedCard.reachable ? 'green' : 'red'\">\n                {{\n                  selectedCard.reachable\n                    ? ('epistolaAdminConnected' | pluginTranslate: 'epistola' | async)\n                    : ('epistolaAdminUnreachable' | pluginTranslate: 'epistola' | async)\n                }}\n              </cds-tag>\n              <span class=\"text-muted ms-2\">{{ selectedCard.latencyMs }} ms</span>\n            </td>\n          </tr>\n          <tr *ngIf=\"selectedCard.serverVersion\">\n            <th>{{ 'epistolaAdminServerVersion' | pluginTranslate: 'epistola' | async }}</th>\n            <td>{{ selectedCard.serverVersion }}</td>\n          </tr>\n          <tr *ngIf=\"selectedCard.errorMessage\">\n            <th>{{ 'epistolaAdminError' | pluginTranslate: 'epistola' | async }}</th>\n            <td class=\"text-danger\">{{ selectedCard.errorMessage }}</td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n\n    <!-- Tabs -->\n    <ng-template #actionsHeading>\n      {{ 'epistolaAdminPluginActions' | pluginTranslate: 'epistola' | async }}\n      <cds-tag size=\"sm\" type=\"gray\" class=\"ms-1\">{{ selectedCard.usageEntries.length }}</cds-tag>\n    </ng-template>\n\n    <ng-template #pendingHeading>\n      {{ 'epistolaAdminPendingJobs' | pluginTranslate: 'epistola' | async }}\n      <cds-tag\n        size=\"sm\"\n        [type]=\"selectedCard.pendingJobs.length > 0 ? 'blue' : 'gray'\"\n        class=\"ms-1\"\n      >\n        {{ selectedCard.pendingJobs.length }}\n      </cds-tag>\n    </ng-template>\n\n    <ng-template #catalogsHeading>\n      {{ 'epistolaAdminCatalogs' | pluginTranslate: 'epistola' | async }}\n      <cds-tag size=\"sm\" type=\"gray\" class=\"ms-1\">{{ catalogs.length }}</cds-tag>\n    </ng-template>\n\n    <cds-tabs [cacheActive]=\"true\" type=\"contained\">\n      <cds-tab\n        [heading]=\"actionsHeading\"\n        [active]=\"activeTab === 'actions'\"\n        (selected)=\"setActiveTab('actions')\"\n      >\n        <div *ngIf=\"selectedCard.usageEntries.length === 0\" class=\"text-muted mt-3 mb-3\">\n          {{ 'epistolaAdminNoUsageForConfig' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <table *ngIf=\"selectedCard.usageEntries.length > 0\" class=\"table table-striped mt-3\">\n          <thead>\n            <tr>\n              <th>{{ 'epistolaAdminCase' | pluginTranslate: 'epistola' | async }}</th>\n              <th>{{ 'epistolaAdminProcess' | pluginTranslate: 'epistola' | async }}</th>\n              <th>{{ 'epistolaAdminActivity' | pluginTranslate: 'epistola' | async }}</th>\n              <th>{{ 'epistolaAdminAction' | pluginTranslate: 'epistola' | async }}</th>\n              <th>{{ 'epistolaAdminProblems' | pluginTranslate: 'epistola' | async }}</th>\n              <th></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr\n              *ngFor=\"let entry of selectedCard.usageEntries\"\n              [class.table-warning]=\"entry.problems.length > 0\"\n            >\n              <td>{{ entry.caseDefinitionKey || '-' }}</td>\n              <td>\n                <a\n                  *ngIf=\"entry.caseDefinitionKey && entry.caseDefinitionVersionTag\"\n                  [routerLink]=\"[\n                    '/case-management',\n                    'case',\n                    entry.caseDefinitionKey,\n                    'version',\n                    entry.caseDefinitionVersionTag,\n                    'processes',\n                    entry.processDefinitionKey,\n                  ]\"\n                  class=\"usage-link\"\n                >\n                  {{ entry.processDefinitionName }}\n                </a>\n                <span *ngIf=\"!entry.caseDefinitionKey || !entry.caseDefinitionVersionTag\">\n                  {{ entry.processDefinitionName }}\n                </span>\n              </td>\n              <td>{{ entry.activityName }}</td>\n              <td>\n                <code>{{ entry.actionKey }}</code>\n              </td>\n              <td>\n                <cds-tag *ngIf=\"entry.problems.length === 0\" size=\"sm\" type=\"green\">OK</cds-tag>\n                <cds-tag\n                  *ngFor=\"let problem of entry.problems\"\n                  size=\"sm\"\n                  type=\"red\"\n                  class=\"d-block mb-1\"\n                >\n                  {{ problem }}\n                </cds-tag>\n              </td>\n              <td>\n                <button\n                  class=\"btn btn-sm btn-outline-secondary\"\n                  (click)=\"exportProcessLink(entry)\"\n                  [title]=\"'epistolaAdminExport' | pluginTranslate: 'epistola' | async\"\n                >\n                  &#x2913;\n                </button>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </cds-tab>\n\n      <cds-tab\n        [heading]=\"pendingHeading\"\n        [active]=\"activeTab === 'pending'\"\n        (selected)=\"setActiveTab('pending')\"\n      >\n        <div *ngIf=\"selectedCard.pendingJobs.length === 0\" class=\"text-muted mt-3 mb-3\">\n          {{ 'epistolaAdminNoPendingJobs' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <table *ngIf=\"selectedCard.pendingJobs.length > 0\" class=\"table table-striped mt-3\">\n          <thead>\n            <tr>\n              <th>{{ 'epistolaAdminProcess' | pluginTranslate: 'epistola' | async }}</th>\n              <th>{{ 'epistolaAdminActivity' | pluginTranslate: 'epistola' | async }}</th>\n              <th>{{ 'epistolaAdminRequestId' | pluginTranslate: 'epistola' | async }}</th>\n              <th></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr *ngFor=\"let job of selectedCard.pendingJobs\">\n              <td>{{ job.processDefinitionName }}</td>\n              <td>{{ job.activityName }}</td>\n              <td>\n                <code>{{ job.requestId }}</code>\n              </td>\n              <td class=\"text-end\">\n                <button\n                  class=\"btn btn-sm btn-outline-primary\"\n                  (click)=\"reconcilePending(job)\"\n                  [disabled]=\"isReconciling(job)\"\n                  [title]=\"'epistolaAdminReconcileTooltip' | pluginTranslate: 'epistola' | async\"\n                >\n                  <span *ngIf=\"!isReconciling(job)\">\n                    {{ 'epistolaAdminReconcile' | pluginTranslate: 'epistola' | async }}\n                  </span>\n                  <span *ngIf=\"isReconciling(job)\">\n                    {{ 'epistolaAdminReconciling' | pluginTranslate: 'epistola' | async }}\n                  </span>\n                </button>\n                <div\n                  *ngIf=\"reconcileFeedback && reconcileFeedback.executionId === job.executionId\"\n                  class=\"reconcile-feedback small mt-1\"\n                  [class.text-success]=\"reconcileFeedback.type === 'success'\"\n                  [class.text-warning]=\"reconcileFeedback.type === 'pending'\"\n                  [class.text-danger]=\"reconcileFeedback.type === 'error'\"\n                >\n                  {{ reconcileFeedback.message }}\n                </div>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </cds-tab>\n\n      <cds-tab\n        [heading]=\"catalogsHeading\"\n        [active]=\"activeTab === 'catalogs'\"\n        (selected)=\"setActiveTab('catalogs')\"\n      >\n        <p class=\"text-muted mt-3 mb-3\">\n          {{ 'epistolaAdminCatalogsIntro' | pluginTranslate: 'epistola' | async }}\n        </p>\n\n        <div *ngIf=\"catalogsLoading\" class=\"text-muted mb-3\">\n          {{ 'epistolaAdminLoading' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <div *ngIf=\"!catalogsLoading && catalogs.length === 0\" class=\"text-muted mb-3\">\n          {{ 'epistolaAdminNoCatalogs' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <table *ngIf=\"!catalogsLoading && catalogs.length > 0\" class=\"table table-striped\">\n          <thead>\n            <tr>\n              <th>{{ 'epistolaAdminCatalogSlug' | pluginTranslate: 'epistola' | async }}</th>\n              <th>{{ 'epistolaAdminCatalogVersion' | pluginTranslate: 'epistola' | async }}</th>\n              <th>{{ 'epistolaAdminCatalogStatus' | pluginTranslate: 'epistola' | async }}</th>\n              <th></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr *ngFor=\"let catalog of catalogs\">\n              <td>\n                <code>{{ catalog.slug }}</code>\n              </td>\n              <td>{{ catalog.version }}</td>\n              <td>\n                <cds-tag *ngIf=\"catalog.status === 'IN_EPISTOLA'\" size=\"sm\" type=\"green\">\n                  {{ 'epistolaAdminCatalogInEpistola' | pluginTranslate: 'epistola' | async }}\n                </cds-tag>\n                <cds-tag *ngIf=\"catalog.status === 'NOT_IN_EPISTOLA'\" size=\"sm\" type=\"red\">\n                  {{ 'epistolaAdminCatalogNotInEpistola' | pluginTranslate: 'epistola' | async }}\n                </cds-tag>\n                <cds-tag *ngIf=\"catalog.status === 'UNKNOWN'\" size=\"sm\" type=\"gray\">\n                  {{ 'epistolaAdminCatalogStatusUnknown' | pluginTranslate: 'epistola' | async }}\n                </cds-tag>\n              </td>\n              <td class=\"text-end\">\n                <button\n                  class=\"btn btn-sm btn-outline-primary\"\n                  (click)=\"redeployCatalog(catalog)\"\n                  [disabled]=\"isRedeploying(catalog)\"\n                  [title]=\"'epistolaAdminRedeployTooltip' | pluginTranslate: 'epistola' | async\"\n                >\n                  <span *ngIf=\"!isRedeploying(catalog)\">\n                    {{ 'epistolaAdminRedeploy' | pluginTranslate: 'epistola' | async }}\n                  </span>\n                  <span *ngIf=\"isRedeploying(catalog)\">\n                    {{ 'epistolaAdminRedeploying' | pluginTranslate: 'epistola' | async }}\n                  </span>\n                </button>\n                <div\n                  *ngIf=\"catalogFeedback && catalogFeedback.slug === catalog.slug\"\n                  class=\"reconcile-feedback small mt-1\"\n                  [class.text-success]=\"catalogFeedback.type === 'success'\"\n                  [class.text-danger]=\"catalogFeedback.type === 'error'\"\n                >\n                  {{ catalogFeedback.message }}\n                </div>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </cds-tab>\n    </cds-tabs>\n  </ng-container>\n</div>\n", styles: [".epistola-admin{padding:1.5rem}.epistola-admin .version-badge{font-size:.75rem;font-weight:500;padding:.2em .6em;border-radius:4px;background-color:#e8e8e8;color:#525252}.epistola-admin .badge{font-size:.85em;padding:.35em .65em}.epistola-admin code{font-size:.9em;color:#525252}.epistola-admin table th{font-weight:600;white-space:nowrap}.epistola-admin .status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.5rem;flex-shrink:0;background-color:#adb5bd}.epistola-admin .status-dot--ok{background-color:#198754}.epistola-admin .status-dot--error{background-color:#dc3545}.epistola-admin .card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.epistola-admin .config-card{border:1px solid #dee2e6;border-radius:8px;padding:1.25rem;cursor:pointer;transition:box-shadow .15s ease,border-color .15s ease;background:#fff}.epistola-admin .config-card:hover{box-shadow:0 2px 8px #0000001a}.epistola-admin .config-card--ok{border-left:4px solid #198754}.epistola-admin .config-card--warning{border-left:4px solid #ffc107}.epistola-admin .config-card--error{border-left:4px solid #dc3545}.epistola-admin .config-card__header{display:flex;align-items:center;margin-bottom:1rem}.epistola-admin .config-card__title{margin:0;font-size:1.05rem;font-weight:600;color:#161616}.epistola-admin .config-card__body{display:flex;flex-direction:column;gap:.5rem}.epistola-admin .config-card__field{display:flex;justify-content:space-between;align-items:center}.epistola-admin .config-card__label{font-size:.875rem;color:#6c757d}.epistola-admin .config-card__value{font-size:.875rem;color:#161616}.epistola-admin .config-card__footer{margin-top:1rem;padding-top:.75rem;border-top:1px solid #f0f0f0;text-align:right}.epistola-admin .config-card__latency{font-size:.8rem;color:#adb5bd}.epistola-admin .usage-link{color:#0f62fe;text-decoration:none}.epistola-admin .usage-link:hover{text-decoration:underline}.epistola-admin .detail-info-table{max-width:500px}.epistola-admin .detail-info-table th{width:140px}.epistola-admin .detail-summary{padding:1rem 0;border-bottom:1px solid #dee2e6}.epistola-admin .epistola-changelog{max-height:60vh;overflow:auto;padding:.5rem 1rem;border:1px solid #dee2e6;border-radius:4px}.epistola-admin .epistola-changelog .changelog-release{padding:.75rem 0}.epistola-admin .epistola-changelog .changelog-release+.changelog-release{border-top:1px solid #eee}.epistola-admin .epistola-changelog .changelog-release__header{display:flex;align-items:center;margin-bottom:.5rem}.epistola-admin .epistola-changelog .changelog-section{margin:.25rem 0 .75rem}.epistola-admin .epistola-changelog .changelog-section__title{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:#6f6f6f;margin-bottom:.25rem}.epistola-admin .epistola-changelog .changelog-section__items{margin:0;padding-left:1.25rem;font-size:.8125rem;line-height:1.5}.epistola-admin .epistola-changelog .changelog-section__items li{margin-bottom:.25rem;word-break:break-word}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.DatePipe, name: "date" }, { kind: "ngmodule", type: RouterModule }, { kind: "directive", type: i2$5.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "ngmodule", type: PluginTranslatePipeModule }, { kind: "pipe", type: i2$1.PluginTranslatePipe, name: "pluginTranslate" }, { kind: "ngmodule", type: TabsModule }, { kind: "component", type: i5.Tabs, selector: "cds-tabs, ibm-tabs", inputs: ["position", "cacheActive", "followFocus", "isNavigation", "ariaLabel", "ariaLabelledby", "type", "theme", "skeleton"] }, { kind: "component", type: i5.Tab, selector: "cds-tab, ibm-tab", inputs: ["heading", "title", "context", "active", "disabled", "tabIndex", "id", "cacheActive", "tabContent", "templateContext"], outputs: ["selected"] }, { kind: "ngmodule", type: TagModule }, { kind: "component", type: i6.Tag, selector: "cds-tag, ibm-tag", inputs: ["type", "size", "class", "skeleton"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: EpistolaAdminPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'epistola-admin-page', standalone: true, imports: [CommonModule, RouterModule, PluginTranslatePipeModule, TabsModule, TagModule], template: "<div class=\"epistola-admin\">\n  <!-- Overview: tabs (no configuration selected) -->\n  <ng-container *ngIf=\"!selectedCard\">\n    <div class=\"d-flex justify-content-between align-items-center mb-3\">\n      <div class=\"d-flex align-items-center\">\n        <h5 class=\"mb-0\">{{ 'epistolaAdminOverview' | pluginTranslate: 'epistola' | async }}</h5>\n        <span *ngIf=\"pluginVersion\" class=\"version-badge ms-2\">v{{ pluginVersion }}</span>\n      </div>\n      <button class=\"btn btn-outline-primary btn-sm\" (click)=\"refresh()\" [disabled]=\"loading\">\n        {{ 'epistolaAdminRefresh' | pluginTranslate: 'epistola' | async }}\n      </button>\n    </div>\n\n    <ng-template #configurationsHeading>\n      {{ 'epistolaAdminConfigurations' | pluginTranslate: 'epistola' | async }}\n      <cds-tag size=\"sm\" type=\"gray\" class=\"ms-1\">{{ cards.length }}</cds-tag>\n    </ng-template>\n\n    <ng-template #validationsHeading>\n      {{ 'epistolaAdminValidations' | pluginTranslate: 'epistola' | async }}\n      <cds-tag size=\"sm\" [type]=\"validationViolations.length > 0 ? 'red' : 'gray'\" class=\"ms-1\">\n        {{ validationViolations.length }}\n      </cds-tag>\n    </ng-template>\n\n    <ng-template #changelogHeading>\n      {{ 'epistolaAdminChangelog' | pluginTranslate: 'epistola' | async }}\n    </ng-template>\n\n    <cds-tabs [cacheActive]=\"true\" type=\"contained\">\n      <cds-tab\n        [heading]=\"configurationsHeading\"\n        [active]=\"overviewTab === 'configurations'\"\n        (selected)=\"setOverviewTab('configurations')\"\n      >\n        <div *ngIf=\"loading\" class=\"text-muted mt-3\">\n          {{ 'epistolaAdminLoading' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <div *ngIf=\"!loading && cards.length === 0\" class=\"text-muted mt-3\">\n          {{ 'epistolaAdminNoConfigurations' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <div *ngIf=\"!loading && cards.length > 0\" class=\"card-grid\">\n          <div\n            *ngFor=\"let card of cards\"\n            class=\"config-card\"\n            [class.config-card--ok]=\"card.reachable && card.problemCount === 0\"\n            [class.config-card--warning]=\"card.reachable && card.problemCount > 0\"\n            [class.config-card--error]=\"!card.reachable\"\n            (click)=\"selectConfiguration(card)\"\n          >\n            <div class=\"config-card__header\">\n              <span\n                class=\"status-dot\"\n                [class.status-dot--ok]=\"card.reachable\"\n                [class.status-dot--error]=\"!card.reachable\"\n              >\n              </span>\n              <h5 class=\"config-card__title\">{{ card.configurationTitle }}</h5>\n            </div>\n\n            <div class=\"config-card__body\">\n              <div class=\"config-card__field\">\n                <span class=\"config-card__label\">{{\n                  'epistolaAdminTenantId' | pluginTranslate: 'epistola' | async\n                }}</span>\n                <code class=\"config-card__value\">{{ card.tenantId }}</code>\n              </div>\n              <div class=\"config-card__field\">\n                <span class=\"config-card__label\">{{\n                  'epistolaAdminStatus' | pluginTranslate: 'epistola' | async\n                }}</span>\n                <cds-tag size=\"sm\" [type]=\"card.reachable ? 'green' : 'red'\">\n                  {{\n                    card.reachable\n                      ? ('epistolaAdminConnected' | pluginTranslate: 'epistola' | async)\n                      : ('epistolaAdminUnreachable' | pluginTranslate: 'epistola' | async)\n                  }}\n                </cds-tag>\n              </div>\n              <div *ngIf=\"card.serverVersion\" class=\"config-card__field\">\n                <span class=\"config-card__label\">{{\n                  'epistolaAdminServerVersion' | pluginTranslate: 'epistola' | async\n                }}</span>\n                <span class=\"config-card__value\">{{ card.serverVersion }}</span>\n              </div>\n              <div class=\"config-card__field\">\n                <span class=\"config-card__label\">{{\n                  'epistolaAdminPluginActions' | pluginTranslate: 'epistola' | async\n                }}</span>\n                <span class=\"config-card__value\">{{ card.usageCount }}</span>\n              </div>\n              <div *ngIf=\"card.pendingJobs.length > 0\" class=\"config-card__field\">\n                <span class=\"config-card__label\">{{\n                  'epistolaAdminPendingJobs' | pluginTranslate: 'epistola' | async\n                }}</span>\n                <cds-tag size=\"sm\" type=\"blue\">{{ card.pendingJobs.length }}</cds-tag>\n              </div>\n              <div *ngIf=\"card.problemCount > 0\" class=\"config-card__field\">\n                <span class=\"config-card__label\">{{\n                  'epistolaAdminProblems' | pluginTranslate: 'epistola' | async\n                }}</span>\n                <cds-tag size=\"sm\" type=\"red\">{{ card.problemCount }}</cds-tag>\n              </div>\n            </div>\n\n            <div class=\"config-card__footer\">\n              <span class=\"config-card__latency\">{{ card.latencyMs }} ms</span>\n            </div>\n          </div>\n        </div>\n      </cds-tab>\n\n      <cds-tab\n        [heading]=\"validationsHeading\"\n        [active]=\"overviewTab === 'validations'\"\n        (selected)=\"setOverviewTab('validations')\"\n      >\n        <div *ngIf=\"validationViolations.length === 0\" class=\"text-muted mt-3 mb-3\">\n          {{ 'epistolaAdminNoValidations' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <div *ngIf=\"validationViolations.length > 0\" class=\"mt-3\">\n          <p class=\"text-muted mb-3\">\n            {{ 'epistolaAdminValidationWarningBody' | pluginTranslate: 'epistola' | async }}\n          </p>\n          <table class=\"table table-striped\">\n            <thead>\n              <tr>\n                <th>{{ 'epistolaAdminProcess' | pluginTranslate: 'epistola' | async }}</th>\n                <th>{{ 'epistolaAdminActivity' | pluginTranslate: 'epistola' | async }}</th>\n                <th>{{ 'epistolaAdminValidationCode' | pluginTranslate: 'epistola' | async }}</th>\n                <th>\n                  {{ 'epistolaAdminValidationMessage' | pluginTranslate: 'epistola' | async }}\n                </th>\n              </tr>\n            </thead>\n            <tbody>\n              <tr *ngFor=\"let v of validationViolations\">\n                <td>\n                  {{ v.processDefinitionName || v.processDefinitionKey }}\n                  <div *ngIf=\"v.processDefinitionName\" class=\"text-muted small\">\n                    <code>{{ v.processDefinitionKey }}</code>\n                  </div>\n                </td>\n                <td>\n                  <code>{{ v.activityId }}</code>\n                </td>\n                <td>\n                  <cds-tag size=\"sm\" type=\"red\">{{ v.code }}</cds-tag>\n                </td>\n                <td>{{ v.message }}</td>\n              </tr>\n            </tbody>\n          </table>\n        </div>\n      </cds-tab>\n\n      <cds-tab\n        [heading]=\"changelogHeading\"\n        [active]=\"overviewTab === 'changelog'\"\n        (selected)=\"setOverviewTab('changelog')\"\n      >\n        <div class=\"d-flex align-items-center mt-3 mb-3\">\n          <span class=\"text-muted me-2\">{{\n            'epistolaAdminRunningVersion' | pluginTranslate: 'epistola' | async\n          }}</span>\n          <cds-tag size=\"sm\" type=\"blue\">v{{ pluginVersion || '\u2014' }}</cds-tag>\n        </div>\n\n        <div *ngIf=\"changelogLoading\" class=\"text-muted mb-3\">\n          {{ 'epistolaAdminLoading' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <div\n          *ngIf=\"!changelogLoading && changelog && changelog.length === 0\"\n          class=\"text-muted mb-3\"\n        >\n          {{ 'epistolaAdminNoChangelog' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <div\n          *ngIf=\"!changelogLoading && changelog && changelog.length > 0\"\n          class=\"epistola-changelog\"\n        >\n          <section *ngFor=\"let release of changelog\" class=\"changelog-release\">\n            <div class=\"changelog-release__header\">\n              <cds-tag size=\"sm\" type=\"purple\">{{ release.version }}</cds-tag>\n              <span *ngIf=\"release.date\" class=\"text-muted ms-2\">{{ release.date }}</span>\n            </div>\n            <div *ngFor=\"let section of release.sections\" class=\"changelog-section\">\n              <h6 class=\"changelog-section__title\">{{ section.title }}</h6>\n              <ul class=\"changelog-section__items\">\n                <li *ngFor=\"let item of section.items\">{{ item }}</li>\n              </ul>\n            </div>\n          </section>\n        </div>\n      </cds-tab>\n    </cds-tabs>\n  </ng-container>\n\n  <!-- Detail view: selected configuration -->\n  <ng-container *ngIf=\"selectedCard\">\n    <div class=\"detail-header mb-3\">\n      <button class=\"btn btn-link btn-sm p-0\" (click)=\"backToOverview()\">\n        &larr; {{ 'epistolaAdminBackToOverview' | pluginTranslate: 'epistola' | async }}\n      </button>\n    </div>\n\n    <div class=\"detail-summary mb-4\">\n      <h4>\n        <span\n          class=\"status-dot me-2\"\n          [class.status-dot--ok]=\"selectedCard.reachable\"\n          [class.status-dot--error]=\"!selectedCard.reachable\"\n        >\n        </span>\n        {{ selectedCard.configurationTitle }}\n      </h4>\n\n      <table class=\"table table-sm detail-info-table\">\n        <tbody>\n          <tr>\n            <th>{{ 'epistolaAdminTenantId' | pluginTranslate: 'epistola' | async }}</th>\n            <td>\n              <code>{{ selectedCard.tenantId }}</code>\n            </td>\n          </tr>\n          <tr>\n            <th>{{ 'epistolaAdminStatus' | pluginTranslate: 'epistola' | async }}</th>\n            <td>\n              <cds-tag size=\"sm\" [type]=\"selectedCard.reachable ? 'green' : 'red'\">\n                {{\n                  selectedCard.reachable\n                    ? ('epistolaAdminConnected' | pluginTranslate: 'epistola' | async)\n                    : ('epistolaAdminUnreachable' | pluginTranslate: 'epistola' | async)\n                }}\n              </cds-tag>\n              <span class=\"text-muted ms-2\">{{ selectedCard.latencyMs }} ms</span>\n            </td>\n          </tr>\n          <tr *ngIf=\"selectedCard.serverVersion\">\n            <th>{{ 'epistolaAdminServerVersion' | pluginTranslate: 'epistola' | async }}</th>\n            <td>{{ selectedCard.serverVersion }}</td>\n          </tr>\n          <tr *ngIf=\"selectedCard.errorMessage\">\n            <th>{{ 'epistolaAdminError' | pluginTranslate: 'epistola' | async }}</th>\n            <td class=\"text-danger\">{{ selectedCard.errorMessage }}</td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n\n    <!-- Tabs -->\n    <ng-template #actionsHeading>\n      {{ 'epistolaAdminPluginActions' | pluginTranslate: 'epistola' | async }}\n      <cds-tag size=\"sm\" type=\"gray\" class=\"ms-1\">{{ selectedCard.usageEntries.length }}</cds-tag>\n    </ng-template>\n\n    <ng-template #pendingHeading>\n      {{ 'epistolaAdminPendingJobs' | pluginTranslate: 'epistola' | async }}\n      <cds-tag\n        size=\"sm\"\n        [type]=\"selectedCard.pendingJobs.length > 0 ? 'blue' : 'gray'\"\n        class=\"ms-1\"\n      >\n        {{ selectedCard.pendingJobs.length }}\n      </cds-tag>\n    </ng-template>\n\n    <ng-template #catalogsHeading>\n      {{ 'epistolaAdminCatalogs' | pluginTranslate: 'epistola' | async }}\n      <cds-tag size=\"sm\" type=\"gray\" class=\"ms-1\">{{ catalogs.length }}</cds-tag>\n    </ng-template>\n\n    <cds-tabs [cacheActive]=\"true\" type=\"contained\">\n      <cds-tab\n        [heading]=\"actionsHeading\"\n        [active]=\"activeTab === 'actions'\"\n        (selected)=\"setActiveTab('actions')\"\n      >\n        <div *ngIf=\"selectedCard.usageEntries.length === 0\" class=\"text-muted mt-3 mb-3\">\n          {{ 'epistolaAdminNoUsageForConfig' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <table *ngIf=\"selectedCard.usageEntries.length > 0\" class=\"table table-striped mt-3\">\n          <thead>\n            <tr>\n              <th>{{ 'epistolaAdminCase' | pluginTranslate: 'epistola' | async }}</th>\n              <th>{{ 'epistolaAdminProcess' | pluginTranslate: 'epistola' | async }}</th>\n              <th>{{ 'epistolaAdminActivity' | pluginTranslate: 'epistola' | async }}</th>\n              <th>{{ 'epistolaAdminAction' | pluginTranslate: 'epistola' | async }}</th>\n              <th>{{ 'epistolaAdminProblems' | pluginTranslate: 'epistola' | async }}</th>\n              <th></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr\n              *ngFor=\"let entry of selectedCard.usageEntries\"\n              [class.table-warning]=\"entry.problems.length > 0\"\n            >\n              <td>{{ entry.caseDefinitionKey || '-' }}</td>\n              <td>\n                <a\n                  *ngIf=\"entry.caseDefinitionKey && entry.caseDefinitionVersionTag\"\n                  [routerLink]=\"[\n                    '/case-management',\n                    'case',\n                    entry.caseDefinitionKey,\n                    'version',\n                    entry.caseDefinitionVersionTag,\n                    'processes',\n                    entry.processDefinitionKey,\n                  ]\"\n                  class=\"usage-link\"\n                >\n                  {{ entry.processDefinitionName }}\n                </a>\n                <span *ngIf=\"!entry.caseDefinitionKey || !entry.caseDefinitionVersionTag\">\n                  {{ entry.processDefinitionName }}\n                </span>\n              </td>\n              <td>{{ entry.activityName }}</td>\n              <td>\n                <code>{{ entry.actionKey }}</code>\n              </td>\n              <td>\n                <cds-tag *ngIf=\"entry.problems.length === 0\" size=\"sm\" type=\"green\">OK</cds-tag>\n                <cds-tag\n                  *ngFor=\"let problem of entry.problems\"\n                  size=\"sm\"\n                  type=\"red\"\n                  class=\"d-block mb-1\"\n                >\n                  {{ problem }}\n                </cds-tag>\n              </td>\n              <td>\n                <button\n                  class=\"btn btn-sm btn-outline-secondary\"\n                  (click)=\"exportProcessLink(entry)\"\n                  [title]=\"'epistolaAdminExport' | pluginTranslate: 'epistola' | async\"\n                >\n                  &#x2913;\n                </button>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </cds-tab>\n\n      <cds-tab\n        [heading]=\"pendingHeading\"\n        [active]=\"activeTab === 'pending'\"\n        (selected)=\"setActiveTab('pending')\"\n      >\n        <div *ngIf=\"selectedCard.pendingJobs.length === 0\" class=\"text-muted mt-3 mb-3\">\n          {{ 'epistolaAdminNoPendingJobs' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <table *ngIf=\"selectedCard.pendingJobs.length > 0\" class=\"table table-striped mt-3\">\n          <thead>\n            <tr>\n              <th>{{ 'epistolaAdminProcess' | pluginTranslate: 'epistola' | async }}</th>\n              <th>{{ 'epistolaAdminActivity' | pluginTranslate: 'epistola' | async }}</th>\n              <th>{{ 'epistolaAdminRequestId' | pluginTranslate: 'epistola' | async }}</th>\n              <th></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr *ngFor=\"let job of selectedCard.pendingJobs\">\n              <td>{{ job.processDefinitionName }}</td>\n              <td>{{ job.activityName }}</td>\n              <td>\n                <code>{{ job.requestId }}</code>\n              </td>\n              <td class=\"text-end\">\n                <button\n                  class=\"btn btn-sm btn-outline-primary\"\n                  (click)=\"reconcilePending(job)\"\n                  [disabled]=\"isReconciling(job)\"\n                  [title]=\"'epistolaAdminReconcileTooltip' | pluginTranslate: 'epistola' | async\"\n                >\n                  <span *ngIf=\"!isReconciling(job)\">\n                    {{ 'epistolaAdminReconcile' | pluginTranslate: 'epistola' | async }}\n                  </span>\n                  <span *ngIf=\"isReconciling(job)\">\n                    {{ 'epistolaAdminReconciling' | pluginTranslate: 'epistola' | async }}\n                  </span>\n                </button>\n                <div\n                  *ngIf=\"reconcileFeedback && reconcileFeedback.executionId === job.executionId\"\n                  class=\"reconcile-feedback small mt-1\"\n                  [class.text-success]=\"reconcileFeedback.type === 'success'\"\n                  [class.text-warning]=\"reconcileFeedback.type === 'pending'\"\n                  [class.text-danger]=\"reconcileFeedback.type === 'error'\"\n                >\n                  {{ reconcileFeedback.message }}\n                </div>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </cds-tab>\n\n      <cds-tab\n        [heading]=\"catalogsHeading\"\n        [active]=\"activeTab === 'catalogs'\"\n        (selected)=\"setActiveTab('catalogs')\"\n      >\n        <p class=\"text-muted mt-3 mb-3\">\n          {{ 'epistolaAdminCatalogsIntro' | pluginTranslate: 'epistola' | async }}\n        </p>\n\n        <div *ngIf=\"catalogsLoading\" class=\"text-muted mb-3\">\n          {{ 'epistolaAdminLoading' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <div *ngIf=\"!catalogsLoading && catalogs.length === 0\" class=\"text-muted mb-3\">\n          {{ 'epistolaAdminNoCatalogs' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <table *ngIf=\"!catalogsLoading && catalogs.length > 0\" class=\"table table-striped\">\n          <thead>\n            <tr>\n              <th>{{ 'epistolaAdminCatalogSlug' | pluginTranslate: 'epistola' | async }}</th>\n              <th>{{ 'epistolaAdminCatalogVersion' | pluginTranslate: 'epistola' | async }}</th>\n              <th>{{ 'epistolaAdminCatalogStatus' | pluginTranslate: 'epistola' | async }}</th>\n              <th></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr *ngFor=\"let catalog of catalogs\">\n              <td>\n                <code>{{ catalog.slug }}</code>\n              </td>\n              <td>{{ catalog.version }}</td>\n              <td>\n                <cds-tag *ngIf=\"catalog.status === 'IN_EPISTOLA'\" size=\"sm\" type=\"green\">\n                  {{ 'epistolaAdminCatalogInEpistola' | pluginTranslate: 'epistola' | async }}\n                </cds-tag>\n                <cds-tag *ngIf=\"catalog.status === 'NOT_IN_EPISTOLA'\" size=\"sm\" type=\"red\">\n                  {{ 'epistolaAdminCatalogNotInEpistola' | pluginTranslate: 'epistola' | async }}\n                </cds-tag>\n                <cds-tag *ngIf=\"catalog.status === 'UNKNOWN'\" size=\"sm\" type=\"gray\">\n                  {{ 'epistolaAdminCatalogStatusUnknown' | pluginTranslate: 'epistola' | async }}\n                </cds-tag>\n              </td>\n              <td class=\"text-end\">\n                <button\n                  class=\"btn btn-sm btn-outline-primary\"\n                  (click)=\"redeployCatalog(catalog)\"\n                  [disabled]=\"isRedeploying(catalog)\"\n                  [title]=\"'epistolaAdminRedeployTooltip' | pluginTranslate: 'epistola' | async\"\n                >\n                  <span *ngIf=\"!isRedeploying(catalog)\">\n                    {{ 'epistolaAdminRedeploy' | pluginTranslate: 'epistola' | async }}\n                  </span>\n                  <span *ngIf=\"isRedeploying(catalog)\">\n                    {{ 'epistolaAdminRedeploying' | pluginTranslate: 'epistola' | async }}\n                  </span>\n                </button>\n                <div\n                  *ngIf=\"catalogFeedback && catalogFeedback.slug === catalog.slug\"\n                  class=\"reconcile-feedback small mt-1\"\n                  [class.text-success]=\"catalogFeedback.type === 'success'\"\n                  [class.text-danger]=\"catalogFeedback.type === 'error'\"\n                >\n                  {{ catalogFeedback.message }}\n                </div>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </cds-tab>\n    </cds-tabs>\n  </ng-container>\n</div>\n", styles: [".epistola-admin{padding:1.5rem}.epistola-admin .version-badge{font-size:.75rem;font-weight:500;padding:.2em .6em;border-radius:4px;background-color:#e8e8e8;color:#525252}.epistola-admin .badge{font-size:.85em;padding:.35em .65em}.epistola-admin code{font-size:.9em;color:#525252}.epistola-admin table th{font-weight:600;white-space:nowrap}.epistola-admin .status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.5rem;flex-shrink:0;background-color:#adb5bd}.epistola-admin .status-dot--ok{background-color:#198754}.epistola-admin .status-dot--error{background-color:#dc3545}.epistola-admin .card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.epistola-admin .config-card{border:1px solid #dee2e6;border-radius:8px;padding:1.25rem;cursor:pointer;transition:box-shadow .15s ease,border-color .15s ease;background:#fff}.epistola-admin .config-card:hover{box-shadow:0 2px 8px #0000001a}.epistola-admin .config-card--ok{border-left:4px solid #198754}.epistola-admin .config-card--warning{border-left:4px solid #ffc107}.epistola-admin .config-card--error{border-left:4px solid #dc3545}.epistola-admin .config-card__header{display:flex;align-items:center;margin-bottom:1rem}.epistola-admin .config-card__title{margin:0;font-size:1.05rem;font-weight:600;color:#161616}.epistola-admin .config-card__body{display:flex;flex-direction:column;gap:.5rem}.epistola-admin .config-card__field{display:flex;justify-content:space-between;align-items:center}.epistola-admin .config-card__label{font-size:.875rem;color:#6c757d}.epistola-admin .config-card__value{font-size:.875rem;color:#161616}.epistola-admin .config-card__footer{margin-top:1rem;padding-top:.75rem;border-top:1px solid #f0f0f0;text-align:right}.epistola-admin .config-card__latency{font-size:.8rem;color:#adb5bd}.epistola-admin .usage-link{color:#0f62fe;text-decoration:none}.epistola-admin .usage-link:hover{text-decoration:underline}.epistola-admin .detail-info-table{max-width:500px}.epistola-admin .detail-info-table th{width:140px}.epistola-admin .detail-summary{padding:1rem 0;border-bottom:1px solid #dee2e6}.epistola-admin .epistola-changelog{max-height:60vh;overflow:auto;padding:.5rem 1rem;border:1px solid #dee2e6;border-radius:4px}.epistola-admin .epistola-changelog .changelog-release{padding:.75rem 0}.epistola-admin .epistola-changelog .changelog-release+.changelog-release{border-top:1px solid #eee}.epistola-admin .epistola-changelog .changelog-release__header{display:flex;align-items:center;margin-bottom:.5rem}.epistola-admin .epistola-changelog .changelog-section{margin:.25rem 0 .75rem}.epistola-admin .epistola-changelog .changelog-section__title{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:#6f6f6f;margin-bottom:.25rem}.epistola-admin .epistola-changelog .changelog-section__items{margin:0;padding-left:1.25rem;font-size:.8125rem;line-height:1.5}.epistola-admin .epistola-changelog .changelog-section__items li{margin-bottom:.25rem;word-break:break-word}\n"] }]
+            args: [{ selector: 'epistola-admin-page', standalone: true, imports: [CommonModule, RouterModule, PluginTranslatePipeModule, TabsModule, TagModule], template: "<div class=\"epistola-admin\">\n  <!-- Overview: tabs (no configuration selected) -->\n  <ng-container *ngIf=\"!selectedCard\">\n    <div class=\"d-flex justify-content-between align-items-center mb-3\">\n      <div class=\"d-flex align-items-center\">\n        <h5 class=\"mb-0\">{{ 'epistolaAdminOverview' | pluginTranslate: 'epistola' | async }}</h5>\n        <span *ngIf=\"pluginVersion\" class=\"version-badge ms-2\">v{{ pluginVersion }}</span>\n      </div>\n      <button class=\"btn btn-outline-primary btn-sm\" (click)=\"refresh()\" [disabled]=\"loading\">\n        {{ 'epistolaAdminRefresh' | pluginTranslate: 'epistola' | async }}\n      </button>\n    </div>\n\n    <ng-template #configurationsHeading>\n      {{ 'epistolaAdminConfigurations' | pluginTranslate: 'epistola' | async }}\n      <cds-tag size=\"sm\" type=\"gray\" class=\"ms-1\">{{ cards.length }}</cds-tag>\n    </ng-template>\n\n    <ng-template #validationsHeading>\n      {{ 'epistolaAdminValidations' | pluginTranslate: 'epistola' | async }}\n      <cds-tag size=\"sm\" [type]=\"validationViolations.length > 0 ? 'red' : 'gray'\" class=\"ms-1\">\n        {{ validationViolations.length }}\n      </cds-tag>\n    </ng-template>\n\n    <ng-template #changelogHeading>\n      {{ 'epistolaAdminChangelog' | pluginTranslate: 'epistola' | async }}\n    </ng-template>\n\n    <!-- TEMPORARY (removed in 1.0.0): forms missing the task-id carrier -->\n    <ng-template #formsHeading>\n      {{ 'epistolaAdminForms' | pluginTranslate: 'epistola' | async }}\n      <cds-tag\n        *ngIf=\"formIssues\"\n        size=\"sm\"\n        [type]=\"formIssues.length > 0 ? 'red' : 'gray'\"\n        class=\"ms-1\"\n        >{{ formIssues.length }}</cds-tag\n      >\n    </ng-template>\n\n    <cds-tabs [cacheActive]=\"true\" type=\"contained\">\n      <cds-tab\n        [heading]=\"configurationsHeading\"\n        [active]=\"overviewTab === 'configurations'\"\n        (selected)=\"setOverviewTab('configurations')\"\n      >\n        <div *ngIf=\"loading\" class=\"text-muted mt-3\">\n          {{ 'epistolaAdminLoading' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <div *ngIf=\"!loading && cards.length === 0\" class=\"text-muted mt-3\">\n          {{ 'epistolaAdminNoConfigurations' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <div *ngIf=\"!loading && cards.length > 0\" class=\"card-grid\">\n          <div\n            *ngFor=\"let card of cards\"\n            class=\"config-card\"\n            [class.config-card--ok]=\"card.reachable && card.problemCount === 0\"\n            [class.config-card--warning]=\"card.reachable && card.problemCount > 0\"\n            [class.config-card--error]=\"!card.reachable\"\n            (click)=\"selectConfiguration(card)\"\n          >\n            <div class=\"config-card__header\">\n              <span\n                class=\"status-dot\"\n                [class.status-dot--ok]=\"card.reachable\"\n                [class.status-dot--error]=\"!card.reachable\"\n              >\n              </span>\n              <h5 class=\"config-card__title\">{{ card.configurationTitle }}</h5>\n            </div>\n\n            <div class=\"config-card__body\">\n              <div class=\"config-card__field\">\n                <span class=\"config-card__label\">{{\n                  'epistolaAdminTenantId' | pluginTranslate: 'epistola' | async\n                }}</span>\n                <code class=\"config-card__value\">{{ card.tenantId }}</code>\n              </div>\n              <div class=\"config-card__field\">\n                <span class=\"config-card__label\">{{\n                  'epistolaAdminStatus' | pluginTranslate: 'epistola' | async\n                }}</span>\n                <cds-tag size=\"sm\" [type]=\"card.reachable ? 'green' : 'red'\">\n                  {{\n                    card.reachable\n                      ? ('epistolaAdminConnected' | pluginTranslate: 'epistola' | async)\n                      : ('epistolaAdminUnreachable' | pluginTranslate: 'epistola' | async)\n                  }}\n                </cds-tag>\n              </div>\n              <div *ngIf=\"card.serverVersion\" class=\"config-card__field\">\n                <span class=\"config-card__label\">{{\n                  'epistolaAdminServerVersion' | pluginTranslate: 'epistola' | async\n                }}</span>\n                <span class=\"config-card__value\">{{ card.serverVersion }}</span>\n              </div>\n              <div class=\"config-card__field\">\n                <span class=\"config-card__label\">{{\n                  'epistolaAdminPluginActions' | pluginTranslate: 'epistola' | async\n                }}</span>\n                <span class=\"config-card__value\">{{ card.usageCount }}</span>\n              </div>\n              <div *ngIf=\"card.pendingJobs.length > 0\" class=\"config-card__field\">\n                <span class=\"config-card__label\">{{\n                  'epistolaAdminPendingJobs' | pluginTranslate: 'epistola' | async\n                }}</span>\n                <cds-tag size=\"sm\" type=\"blue\">{{ card.pendingJobs.length }}</cds-tag>\n              </div>\n              <div *ngIf=\"card.problemCount > 0\" class=\"config-card__field\">\n                <span class=\"config-card__label\">{{\n                  'epistolaAdminProblems' | pluginTranslate: 'epistola' | async\n                }}</span>\n                <cds-tag size=\"sm\" type=\"red\">{{ card.problemCount }}</cds-tag>\n              </div>\n            </div>\n\n            <div class=\"config-card__footer\">\n              <span class=\"config-card__latency\">{{ card.latencyMs }} ms</span>\n            </div>\n          </div>\n        </div>\n      </cds-tab>\n\n      <cds-tab\n        [heading]=\"validationsHeading\"\n        [active]=\"overviewTab === 'validations'\"\n        (selected)=\"setOverviewTab('validations')\"\n      >\n        <div class=\"text-muted small mt-3\">\n          <div>\n            {{ 'epistolaAdminValidationLastChecked' | pluginTranslate: 'epistola' | async }}:\n            <ng-container *ngIf=\"validationReport?.lastCheckedAt; else notYetRun\">\n              {{ validationReport?.lastCheckedAt | date: 'medium' }}\n            </ng-container>\n            <ng-template #notYetRun>\n              {{ 'epistolaAdminValidationNotYetRun' | pluginTranslate: 'epistola' | async }}\n            </ng-template>\n            \u00B7 {{ 'epistolaAdminValidationAutoRefresh' | pluginTranslate: 'epistola' | async }}\n            {{ refreshIntervalMinutes }} min.\n          </div>\n          <div>\n            {{ 'epistolaAdminValidationLatestVersionNote' | pluginTranslate: 'epistola' | async }}\n          </div>\n        </div>\n\n        <div *ngIf=\"validationViolations.length === 0\" class=\"text-muted mt-3 mb-3\">\n          {{ 'epistolaAdminNoValidations' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <div *ngIf=\"validationViolations.length > 0\" class=\"mt-3\">\n          <p class=\"text-muted mb-3\">\n            {{ 'epistolaAdminValidationWarningBody' | pluginTranslate: 'epistola' | async }}\n          </p>\n          <table class=\"table table-striped\">\n            <thead>\n              <tr>\n                <th>{{ 'epistolaAdminProcess' | pluginTranslate: 'epistola' | async }}</th>\n                <th>{{ 'epistolaAdminActivity' | pluginTranslate: 'epistola' | async }}</th>\n                <th>{{ 'epistolaAdminValidationCode' | pluginTranslate: 'epistola' | async }}</th>\n                <th>\n                  {{ 'epistolaAdminValidationMessage' | pluginTranslate: 'epistola' | async }}\n                </th>\n              </tr>\n            </thead>\n            <tbody>\n              <tr *ngFor=\"let v of validationViolations\">\n                <td>\n                  {{ v.processDefinitionName || v.processDefinitionKey }}\n                  <div *ngIf=\"v.processDefinitionName\" class=\"text-muted small\">\n                    <code>{{ v.processDefinitionKey }}</code>\n                  </div>\n                </td>\n                <td>\n                  <code>{{ v.activityId }}</code>\n                </td>\n                <td>\n                  <cds-tag size=\"sm\" type=\"red\">{{ v.code }}</cds-tag>\n                </td>\n                <td>{{ v.message }}</td>\n              </tr>\n            </tbody>\n          </table>\n        </div>\n      </cds-tab>\n\n      <cds-tab\n        [heading]=\"changelogHeading\"\n        [active]=\"overviewTab === 'changelog'\"\n        (selected)=\"setOverviewTab('changelog')\"\n      >\n        <div class=\"d-flex align-items-center mt-3 mb-3\">\n          <span class=\"text-muted me-2\">{{\n            'epistolaAdminRunningVersion' | pluginTranslate: 'epistola' | async\n          }}</span>\n          <cds-tag size=\"sm\" type=\"blue\">v{{ pluginVersion || '\u2014' }}</cds-tag>\n        </div>\n\n        <div *ngIf=\"changelogLoading\" class=\"text-muted mb-3\">\n          {{ 'epistolaAdminLoading' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <div\n          *ngIf=\"!changelogLoading && changelog && changelog.length === 0\"\n          class=\"text-muted mb-3\"\n        >\n          {{ 'epistolaAdminNoChangelog' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <div\n          *ngIf=\"!changelogLoading && changelog && changelog.length > 0\"\n          class=\"epistola-changelog\"\n        >\n          <section *ngFor=\"let release of changelog\" class=\"changelog-release\">\n            <div class=\"changelog-release__header\">\n              <cds-tag size=\"sm\" type=\"purple\">{{ release.version }}</cds-tag>\n              <span *ngIf=\"release.date\" class=\"text-muted ms-2\">{{ release.date }}</span>\n            </div>\n            <div *ngFor=\"let section of release.sections\" class=\"changelog-section\">\n              <h6 class=\"changelog-section__title\">{{ section.title }}</h6>\n              <ul class=\"changelog-section__items\">\n                <li *ngFor=\"let item of section.items\">{{ item }}</li>\n              </ul>\n            </div>\n          </section>\n        </div>\n      </cds-tab>\n\n      <!-- TEMPORARY (removed in 1.0.0): forms missing the task-id carrier -->\n      <cds-tab\n        [heading]=\"formsHeading\"\n        [active]=\"overviewTab === 'forms'\"\n        (selected)=\"setOverviewTab('forms')\"\n      >\n        <p class=\"text-muted mt-3 mb-3\">\n          {{ 'epistolaAdminFormsIntro' | pluginTranslate: 'epistola' | async }}\n        </p>\n\n        <div *ngIf=\"formIssuesLoading\" class=\"text-muted mb-3\">\n          {{ 'epistolaAdminLoading' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <div\n          *ngIf=\"!formIssuesLoading && formIssues && formIssues.length === 0\"\n          class=\"text-muted mb-3\"\n        >\n          {{ 'epistolaAdminNoFormIssues' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <div *ngIf=\"!formIssuesLoading && formIssues && formIssues.length > 0\">\n          <div class=\"mb-2\">\n            <button\n              class=\"btn btn-sm btn-primary\"\n              (click)=\"repairAllForms()\"\n              [disabled]=\"repairingAll\"\n            >\n              {{\n                (repairingAll ? 'epistolaAdminRepairing' : 'epistolaAdminRepairAll')\n                  | pluginTranslate: 'epistola'\n                  | async\n              }}\n            </button>\n            <span\n              *ngIf=\"formFeedback && formFeedback.formId === 'all'\"\n              class=\"small ms-2\"\n              [class.text-success]=\"formFeedback.type === 'success'\"\n              [class.text-danger]=\"formFeedback.type === 'error'\"\n              >{{ formFeedback.message }}</span\n            >\n          </div>\n\n          <table class=\"table table-striped\">\n            <thead>\n              <tr>\n                <th>{{ 'epistolaAdminFormName' | pluginTranslate: 'epistola' | async }}</th>\n                <th>{{ 'epistolaAdminFormMissing' | pluginTranslate: 'epistola' | async }}</th>\n                <th></th>\n              </tr>\n            </thead>\n            <tbody>\n              <tr *ngFor=\"let issue of formIssues\">\n                <td>\n                  <code>{{ issue.name }}</code>\n                  <cds-tag\n                    *ngIf=\"issue.readOnly\"\n                    size=\"sm\"\n                    type=\"warm-gray\"\n                    class=\"ms-1\"\n                    [title]=\"'epistolaAdminFormReadOnlyHint' | pluginTranslate: 'epistola' | async\"\n                    >{{\n                      'epistolaAdminFormReadOnly' | pluginTranslate: 'epistola' | async\n                    }}</cds-tag\n                  >\n                </td>\n                <td>{{ issue.missingComponents }}</td>\n                <td class=\"text-end\">\n                  <button\n                    class=\"btn btn-sm btn-outline-primary\"\n                    (click)=\"repairForm(issue)\"\n                    [disabled]=\"isRepairingForm(issue)\"\n                    [title]=\"'epistolaAdminRepairTooltip' | pluginTranslate: 'epistola' | async\"\n                  >\n                    {{\n                      (isRepairingForm(issue) ? 'epistolaAdminRepairing' : 'epistolaAdminRepair')\n                        | pluginTranslate: 'epistola'\n                        | async\n                    }}\n                  </button>\n                  <div\n                    *ngIf=\"formFeedback && formFeedback.formId === issue.formId\"\n                    class=\"small mt-1\"\n                    [class.text-success]=\"formFeedback.type === 'success'\"\n                    [class.text-danger]=\"formFeedback.type === 'error'\"\n                  >\n                    {{ formFeedback.message }}\n                  </div>\n                </td>\n              </tr>\n            </tbody>\n          </table>\n        </div>\n      </cds-tab>\n    </cds-tabs>\n  </ng-container>\n\n  <!-- Detail view: selected configuration -->\n  <ng-container *ngIf=\"selectedCard\">\n    <div class=\"detail-header mb-3\">\n      <button class=\"btn btn-link btn-sm p-0\" (click)=\"backToOverview()\">\n        &larr; {{ 'epistolaAdminBackToOverview' | pluginTranslate: 'epistola' | async }}\n      </button>\n    </div>\n\n    <div class=\"detail-summary mb-4\">\n      <h4>\n        <span\n          class=\"status-dot me-2\"\n          [class.status-dot--ok]=\"selectedCard.reachable\"\n          [class.status-dot--error]=\"!selectedCard.reachable\"\n        >\n        </span>\n        {{ selectedCard.configurationTitle }}\n      </h4>\n\n      <table class=\"table table-sm detail-info-table\">\n        <tbody>\n          <tr>\n            <th>{{ 'epistolaAdminTenantId' | pluginTranslate: 'epistola' | async }}</th>\n            <td>\n              <code>{{ selectedCard.tenantId }}</code>\n            </td>\n          </tr>\n          <tr>\n            <th>{{ 'epistolaAdminStatus' | pluginTranslate: 'epistola' | async }}</th>\n            <td>\n              <cds-tag size=\"sm\" [type]=\"selectedCard.reachable ? 'green' : 'red'\">\n                {{\n                  selectedCard.reachable\n                    ? ('epistolaAdminConnected' | pluginTranslate: 'epistola' | async)\n                    : ('epistolaAdminUnreachable' | pluginTranslate: 'epistola' | async)\n                }}\n              </cds-tag>\n              <span class=\"text-muted ms-2\">{{ selectedCard.latencyMs }} ms</span>\n            </td>\n          </tr>\n          <tr *ngIf=\"selectedCard.serverVersion\">\n            <th>{{ 'epistolaAdminServerVersion' | pluginTranslate: 'epistola' | async }}</th>\n            <td>{{ selectedCard.serverVersion }}</td>\n          </tr>\n          <tr *ngIf=\"selectedCard.errorMessage\">\n            <th>{{ 'epistolaAdminError' | pluginTranslate: 'epistola' | async }}</th>\n            <td class=\"text-danger\">{{ selectedCard.errorMessage }}</td>\n          </tr>\n        </tbody>\n      </table>\n    </div>\n\n    <!-- Tabs -->\n    <ng-template #actionsHeading>\n      {{ 'epistolaAdminPluginActions' | pluginTranslate: 'epistola' | async }}\n      <cds-tag size=\"sm\" type=\"gray\" class=\"ms-1\">{{ selectedCard.usageEntries.length }}</cds-tag>\n    </ng-template>\n\n    <ng-template #pendingHeading>\n      {{ 'epistolaAdminPendingJobs' | pluginTranslate: 'epistola' | async }}\n      <cds-tag\n        size=\"sm\"\n        [type]=\"selectedCard.pendingJobs.length > 0 ? 'blue' : 'gray'\"\n        class=\"ms-1\"\n      >\n        {{ selectedCard.pendingJobs.length }}\n      </cds-tag>\n    </ng-template>\n\n    <ng-template #catalogsHeading>\n      {{ 'epistolaAdminCatalogs' | pluginTranslate: 'epistola' | async }}\n      <cds-tag size=\"sm\" type=\"gray\" class=\"ms-1\">{{ catalogs.length }}</cds-tag>\n    </ng-template>\n\n    <cds-tabs [cacheActive]=\"true\" type=\"contained\">\n      <cds-tab\n        [heading]=\"actionsHeading\"\n        [active]=\"activeTab === 'actions'\"\n        (selected)=\"setActiveTab('actions')\"\n      >\n        <div *ngIf=\"selectedCard.usageEntries.length === 0\" class=\"text-muted mt-3 mb-3\">\n          {{ 'epistolaAdminNoUsageForConfig' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <table *ngIf=\"selectedCard.usageEntries.length > 0\" class=\"table table-striped mt-3\">\n          <thead>\n            <tr>\n              <th>{{ 'epistolaAdminCase' | pluginTranslate: 'epistola' | async }}</th>\n              <th>{{ 'epistolaAdminProcess' | pluginTranslate: 'epistola' | async }}</th>\n              <th>{{ 'epistolaAdminActivity' | pluginTranslate: 'epistola' | async }}</th>\n              <th>{{ 'epistolaAdminAction' | pluginTranslate: 'epistola' | async }}</th>\n              <th>{{ 'epistolaAdminProblems' | pluginTranslate: 'epistola' | async }}</th>\n              <th></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr\n              *ngFor=\"let entry of selectedCard.usageEntries\"\n              [class.table-warning]=\"entry.problems.length > 0\"\n            >\n              <td>{{ entry.caseDefinitionKey || '-' }}</td>\n              <td>\n                <a\n                  *ngIf=\"entry.caseDefinitionKey && entry.caseDefinitionVersionTag\"\n                  [routerLink]=\"[\n                    '/case-management',\n                    'case',\n                    entry.caseDefinitionKey,\n                    'version',\n                    entry.caseDefinitionVersionTag,\n                    'processes',\n                    entry.processDefinitionKey,\n                  ]\"\n                  class=\"usage-link\"\n                >\n                  {{ entry.processDefinitionName }}\n                </a>\n                <span *ngIf=\"!entry.caseDefinitionKey || !entry.caseDefinitionVersionTag\">\n                  {{ entry.processDefinitionName }}\n                </span>\n              </td>\n              <td>{{ entry.activityName }}</td>\n              <td>\n                <code>{{ entry.actionKey }}</code>\n              </td>\n              <td>\n                <cds-tag *ngIf=\"entry.problems.length === 0\" size=\"sm\" type=\"green\">OK</cds-tag>\n                <cds-tag\n                  *ngFor=\"let problem of entry.problems\"\n                  size=\"sm\"\n                  type=\"red\"\n                  class=\"d-block mb-1\"\n                >\n                  {{ problem }}\n                </cds-tag>\n              </td>\n              <td>\n                <button\n                  class=\"btn btn-sm btn-outline-secondary\"\n                  (click)=\"exportProcessLink(entry)\"\n                  [title]=\"'epistolaAdminExport' | pluginTranslate: 'epistola' | async\"\n                >\n                  &#x2913;\n                </button>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </cds-tab>\n\n      <cds-tab\n        [heading]=\"pendingHeading\"\n        [active]=\"activeTab === 'pending'\"\n        (selected)=\"setActiveTab('pending')\"\n      >\n        <div *ngIf=\"selectedCard.pendingJobs.length === 0\" class=\"text-muted mt-3 mb-3\">\n          {{ 'epistolaAdminNoPendingJobs' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <table *ngIf=\"selectedCard.pendingJobs.length > 0\" class=\"table table-striped mt-3\">\n          <thead>\n            <tr>\n              <th>{{ 'epistolaAdminProcess' | pluginTranslate: 'epistola' | async }}</th>\n              <th>{{ 'epistolaAdminActivity' | pluginTranslate: 'epistola' | async }}</th>\n              <th>{{ 'epistolaAdminRequestId' | pluginTranslate: 'epistola' | async }}</th>\n              <th></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr *ngFor=\"let job of selectedCard.pendingJobs\">\n              <td>{{ job.processDefinitionName }}</td>\n              <td>{{ job.activityName }}</td>\n              <td>\n                <code>{{ job.requestId }}</code>\n              </td>\n              <td class=\"text-end\">\n                <button\n                  class=\"btn btn-sm btn-outline-primary\"\n                  (click)=\"reconcilePending(job)\"\n                  [disabled]=\"isReconciling(job)\"\n                  [title]=\"'epistolaAdminReconcileTooltip' | pluginTranslate: 'epistola' | async\"\n                >\n                  <span *ngIf=\"!isReconciling(job)\">\n                    {{ 'epistolaAdminReconcile' | pluginTranslate: 'epistola' | async }}\n                  </span>\n                  <span *ngIf=\"isReconciling(job)\">\n                    {{ 'epistolaAdminReconciling' | pluginTranslate: 'epistola' | async }}\n                  </span>\n                </button>\n                <div\n                  *ngIf=\"reconcileFeedback && reconcileFeedback.executionId === job.executionId\"\n                  class=\"reconcile-feedback small mt-1\"\n                  [class.text-success]=\"reconcileFeedback.type === 'success'\"\n                  [class.text-warning]=\"reconcileFeedback.type === 'pending'\"\n                  [class.text-danger]=\"reconcileFeedback.type === 'error'\"\n                >\n                  {{ reconcileFeedback.message }}\n                </div>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </cds-tab>\n\n      <cds-tab\n        [heading]=\"catalogsHeading\"\n        [active]=\"activeTab === 'catalogs'\"\n        (selected)=\"setActiveTab('catalogs')\"\n      >\n        <p class=\"text-muted mt-3 mb-3\">\n          {{ 'epistolaAdminCatalogsIntro' | pluginTranslate: 'epistola' | async }}\n        </p>\n\n        <div *ngIf=\"catalogsLoading\" class=\"text-muted mb-3\">\n          {{ 'epistolaAdminLoading' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <div *ngIf=\"!catalogsLoading && catalogs.length === 0\" class=\"text-muted mb-3\">\n          {{ 'epistolaAdminNoCatalogs' | pluginTranslate: 'epistola' | async }}\n        </div>\n\n        <table *ngIf=\"!catalogsLoading && catalogs.length > 0\" class=\"table table-striped\">\n          <thead>\n            <tr>\n              <th>{{ 'epistolaAdminCatalogSlug' | pluginTranslate: 'epistola' | async }}</th>\n              <th>{{ 'epistolaAdminCatalogVersion' | pluginTranslate: 'epistola' | async }}</th>\n              <th>{{ 'epistolaAdminCatalogStatus' | pluginTranslate: 'epistola' | async }}</th>\n              <th></th>\n            </tr>\n          </thead>\n          <tbody>\n            <tr *ngFor=\"let catalog of catalogs\">\n              <td>\n                <code>{{ catalog.slug }}</code>\n              </td>\n              <td>{{ catalog.version }}</td>\n              <td>\n                <cds-tag *ngIf=\"catalog.status === 'IN_EPISTOLA'\" size=\"sm\" type=\"green\">\n                  {{ 'epistolaAdminCatalogInEpistola' | pluginTranslate: 'epistola' | async }}\n                </cds-tag>\n                <cds-tag *ngIf=\"catalog.status === 'NOT_IN_EPISTOLA'\" size=\"sm\" type=\"red\">\n                  {{ 'epistolaAdminCatalogNotInEpistola' | pluginTranslate: 'epistola' | async }}\n                </cds-tag>\n                <cds-tag *ngIf=\"catalog.status === 'UNKNOWN'\" size=\"sm\" type=\"gray\">\n                  {{ 'epistolaAdminCatalogStatusUnknown' | pluginTranslate: 'epistola' | async }}\n                </cds-tag>\n              </td>\n              <td class=\"text-end\">\n                <button\n                  class=\"btn btn-sm btn-outline-primary\"\n                  (click)=\"redeployCatalog(catalog)\"\n                  [disabled]=\"isRedeploying(catalog)\"\n                  [title]=\"'epistolaAdminRedeployTooltip' | pluginTranslate: 'epistola' | async\"\n                >\n                  <span *ngIf=\"!isRedeploying(catalog)\">\n                    {{ 'epistolaAdminRedeploy' | pluginTranslate: 'epistola' | async }}\n                  </span>\n                  <span *ngIf=\"isRedeploying(catalog)\">\n                    {{ 'epistolaAdminRedeploying' | pluginTranslate: 'epistola' | async }}\n                  </span>\n                </button>\n                <div\n                  *ngIf=\"catalogFeedback && catalogFeedback.slug === catalog.slug\"\n                  class=\"reconcile-feedback small mt-1\"\n                  [class.text-success]=\"catalogFeedback.type === 'success'\"\n                  [class.text-danger]=\"catalogFeedback.type === 'error'\"\n                >\n                  {{ catalogFeedback.message }}\n                </div>\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </cds-tab>\n    </cds-tabs>\n  </ng-container>\n</div>\n", styles: [".epistola-admin{padding:1.5rem}.epistola-admin .version-badge{font-size:.75rem;font-weight:500;padding:.2em .6em;border-radius:4px;background-color:#e8e8e8;color:#525252}.epistola-admin .badge{font-size:.85em;padding:.35em .65em}.epistola-admin code{font-size:.9em;color:#525252}.epistola-admin table th{font-weight:600;white-space:nowrap}.epistola-admin .status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:.5rem;flex-shrink:0;background-color:#adb5bd}.epistola-admin .status-dot--ok{background-color:#198754}.epistola-admin .status-dot--error{background-color:#dc3545}.epistola-admin .card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.epistola-admin .config-card{border:1px solid #dee2e6;border-radius:8px;padding:1.25rem;cursor:pointer;transition:box-shadow .15s ease,border-color .15s ease;background:#fff}.epistola-admin .config-card:hover{box-shadow:0 2px 8px #0000001a}.epistola-admin .config-card--ok{border-left:4px solid #198754}.epistola-admin .config-card--warning{border-left:4px solid #ffc107}.epistola-admin .config-card--error{border-left:4px solid #dc3545}.epistola-admin .config-card__header{display:flex;align-items:center;margin-bottom:1rem}.epistola-admin .config-card__title{margin:0;font-size:1.05rem;font-weight:600;color:#161616}.epistola-admin .config-card__body{display:flex;flex-direction:column;gap:.5rem}.epistola-admin .config-card__field{display:flex;justify-content:space-between;align-items:center}.epistola-admin .config-card__label{font-size:.875rem;color:#6c757d}.epistola-admin .config-card__value{font-size:.875rem;color:#161616}.epistola-admin .config-card__footer{margin-top:1rem;padding-top:.75rem;border-top:1px solid #f0f0f0;text-align:right}.epistola-admin .config-card__latency{font-size:.8rem;color:#adb5bd}.epistola-admin .usage-link{color:#0f62fe;text-decoration:none}.epistola-admin .usage-link:hover{text-decoration:underline}.epistola-admin .detail-info-table{max-width:500px}.epistola-admin .detail-info-table th{width:140px}.epistola-admin .detail-summary{padding:1rem 0;border-bottom:1px solid #dee2e6}.epistola-admin .epistola-changelog{max-height:60vh;overflow:auto;padding:.5rem 1rem;border:1px solid #dee2e6;border-radius:4px}.epistola-admin .epistola-changelog .changelog-release{padding:.75rem 0}.epistola-admin .epistola-changelog .changelog-release+.changelog-release{border-top:1px solid #eee}.epistola-admin .epistola-changelog .changelog-release__header{display:flex;align-items:center;margin-bottom:.5rem}.epistola-admin .epistola-changelog .changelog-section{margin:.25rem 0 .75rem}.epistola-admin .epistola-changelog .changelog-section__title{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:#6f6f6f;margin-bottom:.25rem}.epistola-admin .epistola-changelog .changelog-section__items{margin:0;padding-left:1.25rem;font-size:.8125rem;line-height:1.5}.epistola-admin .epistola-changelog .changelog-section__items li{margin-bottom:.25rem;word-break:break-word}\n"] }]
         }], ctorParameters: () => [{ type: EpistolaAdminService }, { type: i2$5.ActivatedRoute }, { type: i2$5.Router }] });
 
 function isRuntimeWindow(value) {
@@ -3548,12 +3731,59 @@ const EPISTOLA_DOCUMENT_OPTIONS = {
     icon: 'file-pdf-o',
     emptyValue: null,
     fieldOptions: ['label', 'display', 'documentVariable', 'tenantIdVariable', 'filename'],
+    // Embed the hidden task-id carrier so dropping this component is enough — no separate
+    // field for the author to add. Valtimo prefills it server-side via the epistola: resolver.
+    schema: { components: [PREFILLED_TASK_ID_CARRIER] },
 };
 function registerEpistolaDocumentComponent(injector) {
     if (customElements.get(EPISTOLA_DOCUMENT_OPTIONS.selector)) {
         return;
     }
     registerCustomFormioComponent(EPISTOLA_DOCUMENT_OPTIONS, EpistolaDocumentComponent, injector);
+    // Extend the base class to forward the server-prefilled task id (epistola: value
+    // resolver) to the Angular element, so the download authorizes against the exact task in
+    // every Valtimo task-open flow.
+    const Formio = window.Formio;
+    const BaseComponent = Formio?.Components?.components?.[EPISTOLA_DOCUMENT_OPTIONS.type];
+    if (!BaseComponent) {
+        return;
+    }
+    class EpistolaDocumentWithTaskContext extends BaseComponent {
+        attach(element) {
+            const result = super.attach(element);
+            if (this._customAngularElement) {
+                const prefilledTaskId = readPrefilledTaskId(this.root);
+                if (prefilledTaskId) {
+                    this._customAngularElement['taskInstanceId'] = prefilledTaskId;
+                }
+            }
+            return result;
+        }
+    }
+    Formio.Components.setComponent(EPISTOLA_DOCUMENT_OPTIONS.type, EpistolaDocumentWithTaskContext);
+}
+
+/**
+ * Hides a registered custom Formio component from the builder's component palette,
+ * while keeping it fully usable inside other components' `editForm`s and at runtime.
+ *
+ * Formio's `WebformBuilder` only adds a component to the palette when
+ * `component.builderInfo && component.builderInfo.schema` is truthy. Overriding the
+ * registered class's static `builderInfo` getter to `false` therefore removes it from
+ * the palette. Runtime instantiation and editForm usage don't consult `builderInfo`,
+ * so they are unaffected.
+ *
+ * Call this AFTER the component is registered (and after any `setComponent` re-registration),
+ * so it targets the final class in `Formio.Components.components[type]`.
+ */
+function hideFormioComponentFromBuilder(type) {
+    const registered = window.Formio?.Components?.components?.[type];
+    if (registered) {
+        Object.defineProperty(registered, 'builderInfo', {
+            get: () => false,
+            configurable: true,
+        });
+    }
 }
 
 const EPISTOLA_RETRY_FORM_OPTIONS = {
@@ -3564,11 +3794,39 @@ const EPISTOLA_RETRY_FORM_OPTIONS = {
     icon: 'refresh',
     emptyValue: null,
     fieldOptions: ['sourceActivityId', 'label'], // sourceActivityId is optional (set via BPMN input parameter)
+    // Embed the hidden task-id carrier so dropping this component is enough — no separate
+    // field for the author to add. Valtimo prefills it server-side via the epistola: resolver.
+    schema: { components: [PREFILLED_TASK_ID_CARRIER] },
 };
 function registerEpistolaRetryFormComponent(injector) {
-    if (!customElements.get(EPISTOLA_RETRY_FORM_OPTIONS.selector)) {
-        registerCustomFormioComponent(EPISTOLA_RETRY_FORM_OPTIONS, EpistolaRetryFormComponent, injector);
+    if (customElements.get(EPISTOLA_RETRY_FORM_OPTIONS.selector)) {
+        return;
+    }
+    registerCustomFormioComponent(EPISTOLA_RETRY_FORM_OPTIONS, EpistolaRetryFormComponent, injector);
+    // Extend the base class to forward the server-prefilled task id (epistola: value
+    // resolver) to the Angular element, so the retry form authorizes against the exact task in
+    // every Valtimo task-open flow.
+    const Formio = window.Formio;
+    const BaseComponent = Formio?.Components?.components?.[EPISTOLA_RETRY_FORM_OPTIONS.type];
+    if (!BaseComponent) {
+        return;
+    }
+    class EpistolaRetryFormWithTaskContext extends BaseComponent {
+        attach(element) {
+            const result = super.attach(element);
+            if (this._customAngularElement) {
+                const prefilledTaskId = readPrefilledTaskId(this.root);
+                if (prefilledTaskId) {
+                    this._customAngularElement['taskInstanceId'] = prefilledTaskId;
+                }
+            }
+            return result;
+        }
     }
+    Formio.Components.setComponent(EPISTOLA_RETRY_FORM_OPTIONS.type, EpistolaRetryFormWithTaskContext);
+    // Part of the plugin's auto-deployed retry form, not a drop-anywhere component — hide it
+    // from the builder palette. It still renders wherever it's already present in a form.
+    hideFormioComponentFromBuilder(EPISTOLA_RETRY_FORM_OPTIONS.type);
 }
 
 const EPISTOLA_DOCUMENT_PREVIEW_OPTIONS = {
@@ -3579,6 +3837,9 @@ const EPISTOLA_DOCUMENT_PREVIEW_OPTIONS = {
     icon: 'file-pdf-o',
     emptyValue: null,
     fieldOptions: ['label', 'processDefinitionKey', 'sourceActivityId', 'overrideMapping'],
+    // Embed the hidden task-id carrier so dropping this component is enough — no separate
+    // field for the author to add. Valtimo prefills it server-side via the epistola: resolver.
+    schema: { components: [PREFILLED_TASK_ID_CARRIER] },
     editForm: () => ({
         components: [
             {
@@ -3614,7 +3875,15 @@ function registerEpistolaDocumentPreviewComponent(injector) {
     class PreviewWithOverrides extends BasePreviewComponent {
         _debounceTimer = null;
         _changeListenerAttached = false;
+        _changeHandler = null;
+        _destroyed = false;
         attach(element) {
+            // Formio detaches and re-attaches components on every redraw — not only at
+            // teardown — so a re-attach means the component is alive again. Clear the
+            // destroyed flag here; it only stays set when detach() is the final call
+            // (genuine teardown, e.g. task completion), which is what suppresses the
+            // post-submit preview.
+            this._destroyed = false;
             // Bidirectional sync between processLinkSelection object and separate properties.
             // The editForm uses processLinkSelection (single field), while the component
             // config and Angular inputs use processDefinitionKey + sourceActivityId.
@@ -3634,32 +3903,61 @@ function registerEpistolaDocumentPreviewComponent(injector) {
                 this._customAngularElement['processDefinitionKey'] =
                     this.component.processDefinitionKey || '';
                 this._customAngularElement['sourceActivityId'] = this.component.sourceActivityId || '';
+                // Forward the server-prefilled task id (epistola: value resolver) so the
+                // component authorizes against the exact task in every Valtimo task-open flow.
+                const prefilledTaskId = readPrefilledTaskId(this.root);
+                if (prefilledTaskId) {
+                    this._customAngularElement['taskInstanceId'] = prefilledTaskId;
+                }
             }
             // Listen to form changes and compute input overrides from the mapping
             if (this.root && this.component?.overrideMapping && !this._changeListenerAttached) {
                 this._changeListenerAttached = true;
-                this.root.on('change', () => {
-                    this._computeAndSetOverrides();
-                });
-                // Compute initial value
-                this._computeAndSetOverrides();
+                this._changeHandler = () => this._computeAndSetOverrides();
+                this.root.on('change', this._changeHandler);
+                // Compute the initial overrides immediately (no debounce) so a pre-filled
+                // form paints its preview without the 1.5s delay.
+                this._computeAndSetOverrides(true);
             }
             return result;
         }
-        _computeAndSetOverrides() {
+        // Tear down the change listener and any pending debounce so a preview is never
+        // fired after the form is unmounted (e.g. on task completion). Without this the
+        // 1.5s debounce can outlive submit and POST /preview with reset/incomplete data,
+        // which Epistola rejects with a 400.
+        detach() {
+            this._destroyed = true;
+            if (this._debounceTimer) {
+                clearTimeout(this._debounceTimer);
+                this._debounceTimer = null;
+            }
+            if (this._changeHandler && this.root?.off) {
+                this.root.off('change', this._changeHandler);
+                this._changeHandler = null;
+            }
+            this._changeListenerAttached = false;
+            return super.detach();
+        }
+        _computeAndSetOverrides(immediate = false) {
             if (this._debounceTimer) {
                 clearTimeout(this._debounceTimer);
             }
             this._debounceTimer = setTimeout(() => {
+                // Skip if the form is being/has been submitted or the component is gone —
+                // those previews would run with incomplete/reset data and 400 from Epistola.
+                if (this._destroyed || this.root?.submitting || this.root?.submitted) {
+                    return;
+                }
                 const mapping = this.component?.overrideMapping;
                 const formData = this.root?.data;
-                if (mapping && formData) {
-                    const overrides = computeInputOverrides(mapping, formData);
-                    if (Object.keys(overrides).length > 0) {
-                        this.setValue(overrides);
-                    }
+                if (!mapping || !formData) {
+                    return;
                 }
-            }, 1500);
+                const overrides = computeInputOverrides(mapping, formData);
+                // Push null when there's nothing usable yet so the component reverts to
+                // its "complete the form" placeholder instead of keeping a stale preview.
+                this.setValue(Object.keys(overrides).length > 0 ? overrides : null);
+            }, immediate ? 0 : 1500);
         }
     }
     // Re-register with the extended class
@@ -3986,6 +4284,20 @@ function registerEpistolaOverrideBuilderComponent(injector) {
     }
     // Re-register with the extended class
     Formio.Components.setComponent(EPISTOLA_OVERRIDE_BUILDER_OPTIONS.type, OverrideBuilderWithFields);
+    // Internal editForm widget — not a standalone form field. Hide it from the builder palette.
+    hideFormioComponentFromBuilder(EPISTOLA_OVERRIDE_BUILDER_OPTIONS.type);
+}
+
+/**
+ * The plugin action definition key the backend serializes for generate-document
+ * process links. It carries the `epistola-` prefix — see `EPISTOLA_ACTION_KEYS`
+ * in `EpistolaAdminService` on the backend. The selector must match this exact
+ * value; the un-prefixed `generate-document` never appears in the API response.
+ */
+const GENERATE_DOCUMENT_ACTION_KEY = 'epistola-generate-document';
+/** Keeps only the generate-document process links from a usage overview. */
+function filterGenerateDocumentEntries(entries) {
+    return entries.filter((e) => e.actionKey === GENERATE_DOCUMENT_ACTION_KEY);
 }
 
 class EpistolaProcessLinkSelectorComponent {
@@ -4038,7 +4350,7 @@ class EpistolaProcessLinkSelectorComponent {
         this.cdr.markForCheck();
         this.loadSubscription = this.adminService.getPluginUsage().subscribe({
             next: (entries) => {
-                this.filteredEntries = entries.filter((e) => e.actionKey === 'generate-document');
+                this.filteredEntries = filterGenerateDocumentEntries(entries);
                 this.loading = false;
                 // Restore selection from value
                 if (this.value) {
@@ -4113,6 +4425,8 @@ const EPISTOLA_PROCESS_LINK_SELECTOR_OPTIONS = {
 function registerEpistolaProcessLinkSelectorComponent(injector) {
     if (!customElements.get(EPISTOLA_PROCESS_LINK_SELECTOR_OPTIONS.selector)) {
         registerCustomFormioComponent(EPISTOLA_PROCESS_LINK_SELECTOR_OPTIONS, EpistolaProcessLinkSelectorComponent, injector);
+        // Internal editForm widget — not a standalone form field. Hide it from the builder palette.
+        hideFormioComponentFromBuilder(EPISTOLA_PROCESS_LINK_SELECTOR_OPTIONS.type);
     }
 }
 
@@ -4150,11 +4464,6 @@ class EpistolaPluginModule {
             EpistolaPluginService,
             EpistolaAdminService,
             EpistolaMenuService,
-            {
-                provide: HTTP_INTERCEPTORS,
-                useClass: EpistolaTaskContextInterceptor,
-                multi: true,
-            },
             {
                 provide: ENVIRONMENT_INITIALIZER,
                 multi: true,
@@ -4221,11 +4530,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
                         EpistolaPluginService,
                         EpistolaAdminService,
                         EpistolaMenuService,
-                        {
-                            provide: HTTP_INTERCEPTORS,
-                            useClass: EpistolaTaskContextInterceptor,
-                            multi: true,
-                        },
                         {
                             provide: ENVIRONMENT_INITIALIZER,
                             multi: true,
@@ -4370,8 +4674,12 @@ const epistolaPluginSpecification = {
             'epistola-download-document': 'Download Document',
             documentVariable: 'Document Variabele',
             documentVariableTooltip: 'Naam van de procesvariabele met het Epistola resultaat. Mag een String document ID zijn (legacy) of een rich-result object met een documentId-veld; de actie haalt het document ID eruit.',
+            storageTarget: 'Opslagdoel',
+            storageTargetTooltip: 'Waar het gedownloade PDF wordt opgeslagen. "Tijdelijke resource-opslag" (aanbevolen) zet alleen een resource-id in de variabele — geschikt om door te geven aan documenten-api:store-temp-document. "Procesvariabele" zet de ruwe bytes inline in de variabele (alleen voor kleine, niet-gevoelige documenten; deze worden in de taakrespons meegestuurd).',
+            resourceIdVariable: 'Resource-ID Variabele',
+            resourceIdVariableTooltip: 'Naam van de procesvariabele waarin het tijdelijke resource-id wordt opgeslagen (geef deze door aan documenten-api:store-temp-document).',
             contentVariable: 'Inhoud Variabele',
-            contentVariableTooltip: 'Naam van de procesvariabele waarin de documentinhoud (Base64) wordt opgeslagen',
+            contentVariableTooltip: 'Naam van de procesvariabele waarin de ruwe PDF-bytes inline worden opgeslagen (alleen voor kleine, niet-gevoelige documenten).',
             // Admin page
             epistolaAdminOverview: 'Overzicht',
             epistolaAdminRefresh: 'Vernieuwen',
@@ -4406,6 +4714,10 @@ const epistolaPluginSpecification = {
             epistolaAdminValidationWarningBody: 'In deze procesdefinities is de grens tussen de generate-document service task en de EpistolaDocumentGenerated catch event niet synchroon. Resultaten kunnen verloren gaan; gebruik in dat geval de Hersynchroniseer-knop in de Wachtende taken-tab.',
             epistolaAdminValidationCode: 'Code',
             epistolaAdminValidationMessage: 'Bericht',
+            epistolaAdminValidationLastChecked: 'Laatst gecontroleerd',
+            epistolaAdminValidationNotYetRun: 'nog niet uitgevoerd',
+            epistolaAdminValidationAutoRefresh: 'automatisch opnieuw gecontroleerd, ongeveer elke',
+            epistolaAdminValidationLatestVersionNote: 'Alleen de meest recente versie van elke procesdefinitie wordt gecontroleerd; oudere versies met nog lopende instanties kunnen problemen hebben die hier niet worden getoond.',
             epistolaAdminCatalogs: 'Catalogi',
             epistolaAdminCatalogsIntro: 'Catalogi op het classpath van de applicatie. Deze worden bij het opstarten automatisch uitgerold; gebruik Opnieuw uitrollen om een catalogus handmatig (geforceerd) naar deze Epistola-omgeving te sturen, bijvoorbeeld als de automatische uitrol is mislukt.',
             epistolaAdminNoCatalogs: 'Geen catalogi gevonden op het classpath.',
@@ -4421,6 +4733,18 @@ const epistolaPluginSpecification = {
             epistolaAdminChangelog: 'Changelog',
             epistolaAdminRunningVersion: 'Actieve plugin-versie:',
             epistolaAdminNoChangelog: 'Geen changelog beschikbaar in deze build.',
+            // TEMPORARY (remove in 1.0.0): task-id carrier repair (admin "Forms" tab)
+            epistolaAdminForms: 'Formulieren',
+            epistolaAdminFormsIntro: 'Formulieren met een Epistola-component dat het verborgen task-id veld mist. Zonder dat veld werkt het voorbeeld/downloaden/opnieuw genereren niet in elke taak-openflow. Herstel voegt het veld toe.',
+            epistolaAdminFormName: 'Formulier',
+            epistolaAdminFormMissing: 'Ontbrekende componenten',
+            epistolaAdminFormReadOnly: 'Alleen-lezen',
+            epistolaAdminFormReadOnlyHint: 'Dit formulier komt van het classpath en wordt bij de volgende herstart teruggezet naar de bron. Voeg het veld toe aan de bron (component opnieuw plaatsen) voor een blijvende oplossing.',
+            epistolaAdminRepair: 'Herstellen',
+            epistolaAdminRepairAll: 'Alles herstellen',
+            epistolaAdminRepairing: 'Bezig...',
+            epistolaAdminRepairTooltip: 'Voeg het verborgen task-id veld toe aan alle Epistola-componenten in dit formulier.',
+            epistolaAdminNoFormIssues: 'Geen formulieren met een ontbrekend task-id veld gevonden.',
         },
         en: {
             title: 'Epistola Document Suite',
@@ -4526,8 +4850,12 @@ const epistolaPluginSpecification = {
             'epistola-download-document': 'Download Document',
             documentVariable: 'Document Variable',
             documentVariableTooltip: 'Name of the process variable holding the Epistola result. May be a String document id (legacy) or a rich result object with a `documentId` key — the action extracts the document id from it.',
+            storageTarget: 'Storage Target',
+            storageTargetTooltip: 'Where the downloaded PDF is stored. "Temporary resource storage" (recommended) writes only a resource id to the variable — ready to hand to documenten-api:store-temp-document. "Process variable" writes the raw bytes inline (small, non-sensitive documents only; they are included in the task response).',
+            resourceIdVariable: 'Resource ID Variable',
+            resourceIdVariableTooltip: 'Name of the process variable to store the temporary resource id in (hand this to documenten-api:store-temp-document).',
             contentVariable: 'Content Variable',
-            contentVariableTooltip: 'Name of the process variable to store the document content (Base64) in',
+            contentVariableTooltip: 'Name of the process variable to store the raw PDF bytes inline in (small, non-sensitive documents only).',
             // Admin page
             epistolaAdminOverview: 'Overview',
             epistolaAdminRefresh: 'Refresh',
@@ -4562,6 +4890,10 @@ const epistolaPluginSpecification = {
             epistolaAdminValidationWarningBody: 'These process definitions have a non-synchronous boundary between the generate-document service task and the EpistolaDocumentGenerated catch event. Results can be missed; use the Reconcile button on the Pending Jobs tab to recover.',
             epistolaAdminValidationCode: 'Code',
             epistolaAdminValidationMessage: 'Message',
+            epistolaAdminValidationLastChecked: 'Last checked',
+            epistolaAdminValidationNotYetRun: 'not yet run',
+            epistolaAdminValidationAutoRefresh: 'automatically re-checked roughly every',
+            epistolaAdminValidationLatestVersionNote: "Only the latest deployed version of each process definition is checked; older versions with running instances may have problems that aren't shown here.",
             epistolaAdminCatalogs: 'Catalogs',
             epistolaAdminCatalogsIntro: 'Catalogs on the application classpath. These are deployed automatically on startup; use Redeploy to manually (force) push one to this Epistola installation — for example when the automatic startup deploy failed.',
             epistolaAdminNoCatalogs: 'No catalogs found on the classpath.',
@@ -4577,6 +4909,18 @@ const epistolaPluginSpecification = {
             epistolaAdminChangelog: 'Changelog',
             epistolaAdminRunningVersion: 'Running plugin version:',
             epistolaAdminNoChangelog: 'No changelog available in this build.',
+            // TEMPORARY (remove in 1.0.0): task-id carrier repair (admin "Forms" tab)
+            epistolaAdminForms: 'Forms',
+            epistolaAdminFormsIntro: 'Forms with an Epistola component that is missing the hidden task-id field. Without it, preview/download/retry do not work in every task-open flow. Repair adds the field.',
+            epistolaAdminFormName: 'Form',
+            epistolaAdminFormMissing: 'Missing components',
+            epistolaAdminFormReadOnly: 'Read-only',
+            epistolaAdminFormReadOnlyHint: 'This form is deployed from the classpath and is reconciled to its source on the next restart. Add the field to the source (re-drop the component) for a permanent fix.',
+            epistolaAdminRepair: 'Repair',
+            epistolaAdminRepairAll: 'Repair all',
+            epistolaAdminRepairing: 'Working...',
+            epistolaAdminRepairTooltip: 'Add the hidden task-id field to all Epistola components in this form.',
+            epistolaAdminNoFormIssues: 'No forms with a missing task-id field found.',
         },
     },
 };
@@ -4589,5 +4933,5 @@ const epistolaPluginSpecification = {
  * Generated bundle index. Do not edit.
  */
 
-export { CheckJobStatusConfigurationComponent, DownloadDocumentConfigurationComponent, EPISTOLA_DOCUMENT_OPTIONS, EPISTOLA_DOCUMENT_PREVIEW_OPTIONS, EPISTOLA_OVERRIDE_BUILDER_OPTIONS, EPISTOLA_PROCESS_LINK_SELECTOR_OPTIONS, EPISTOLA_RETRY_FORM_OPTIONS, EpistolaAdminPageComponent, EpistolaAdminRoutingModule, EpistolaAdminService, EpistolaConfigurationComponent, EpistolaDocumentComponent, EpistolaDocumentPreviewComponent, EpistolaMenuService, EpistolaOverrideBuilderComponent, EpistolaPluginModule, EpistolaPluginService, EpistolaProcessLinkSelectorComponent, EpistolaRetryFormComponent, EpistolaTaskContextInterceptor, EpistolaTaskContextService, GenerateDocumentConfigurationComponent, JsonataEditorComponent, MappingBuilderComponent, epistolaPluginSpecification, errorResource, initialResource, isEpistolaEnabled, loadingResource, registerEpistolaDocumentComponent, registerEpistolaDocumentPreviewComponent, registerEpistolaOverrideBuilderComponent, registerEpistolaProcessLinkSelectorComponent, registerEpistolaRetryFormComponent, successResource };
+export { CheckJobStatusConfigurationComponent, DownloadDocumentConfigurationComponent, EPISTOLA_DOCUMENT_OPTIONS, EPISTOLA_DOCUMENT_PREVIEW_OPTIONS, EPISTOLA_OVERRIDE_BUILDER_OPTIONS, EPISTOLA_PROCESS_LINK_SELECTOR_OPTIONS, EPISTOLA_RETRY_FORM_OPTIONS, EpistolaAdminPageComponent, EpistolaAdminRoutingModule, EpistolaAdminService, EpistolaConfigurationComponent, EpistolaDocumentComponent, EpistolaDocumentPreviewComponent, EpistolaMenuService, EpistolaOverrideBuilderComponent, EpistolaPluginModule, EpistolaPluginService, EpistolaProcessLinkSelectorComponent, EpistolaRetryFormComponent, GenerateDocumentConfigurationComponent, JsonataEditorComponent, MappingBuilderComponent, PREFILLED_TASK_ID_CARRIER, PREFILLED_TASK_ID_DATA_KEY, PREFILLED_TASK_ID_SOURCE_KEY, epistolaPluginSpecification, errorResource, initialResource, isEpistolaEnabled, loadingResource, readPrefilledTaskId, registerEpistolaDocumentComponent, registerEpistolaDocumentPreviewComponent, registerEpistolaOverrideBuilderComponent, registerEpistolaProcessLinkSelectorComponent, registerEpistolaRetryFormComponent, successResource };
 //# sourceMappingURL=epistola.app-valtimo-plugin.mjs.map