@dignite/vault-extract 0.2.0

package/fesm2022/dignite-vault-extract-documents-document-detail.component-DHs42DWJ.mjs

@@ -0,0 +1,1146 @@
+import * as i0 from '@angular/core';
+import { inject, DestroyRef, signal, computed, effect, ChangeDetectionStrategy, Component } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { forkJoin, timer, tap, switchMap, of } from 'rxjs';
+import { ActivatedRoute, Router } from '@angular/router';
+import * as i2 from '@angular/common';
+import { Location, DOCUMENT, CommonModule } from '@angular/common';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { marked } from 'marked';
+import { PermissionService, LocalizationService, LocalizationPipe } from '@abp/ng.core';
+import { DynamicFormComponent } from '@abp/ng.components/dynamic-form';
+import { ToasterService, ConfirmationService, Confirmation } from '@abp/ng.theme.shared';
+import { DocumentService, DocumentPipelineRunService, DocumentTypeService, FieldDefinitionService, CabinetService, EXTRACT_PERMISSIONS, DocumentLifecycleStatus, DocumentReviewDisposition, DocumentReviewReasons, PipelineRunStatus, FieldDataType } from '@dignite/vault-extract';
+import { f as formatExtractedFieldValue } from './dignite-vault-extract-documents-format-field-value-Xjb8lwzA.mjs';
+import { D as DocumentFileBlobService, i as isImageContentType, a as isPdfContentType } from './dignite-vault-extract-documents-content-type-DjCs-s4E.mjs';
+
+/**
+ * Removes Markdown code-fence delimiter lines from LLM-produced Markdown, keeping the fenced content in place.
+ *
+ * A vision-LLM OCR transcription (and, defensively, any LLM Markdown rendered in the operator UI) sometimes
+ * arrives wrapped — wholly, or only partly — in a ```` ```markdown ```` fence despite the OCR prompt forbidding
+ * it (#448). `marked` then renders the fenced block (typically a table) as a literal `<pre><code>` block instead
+ * of Markdown, so the table shows as raw pipes. In this channel the payload is digitized DOCUMENT text
+ * (headings / tables / lists), never source code, so a triple-backtick / triple-tilde fence is always such an
+ * artifact: drop the fence delimiter lines (keeping their content) before parsing — this handles a whole-output
+ * fence, a partial fence, and an unmatched (never-closed) fence uniformly.
+ *
+ * The backend `VisionLlmOutputGuard.StripCodeFences` strips this at the source for newly extracted documents;
+ * this frontend twin also rescues documents already stored with the fence baked in (`Document.Markdown` is
+ * write-once, so they are never re-extracted).
+ *
+ * A fence delimiter is a line whose trimmed text is a run of >= 3 back-ticks or >= 3 tildes, optionally
+ * followed by an info string that contains no further back-tick — so an inline `` `code` `` / ```` ```code``` ````
+ * span sitting on its own line is not mistaken for a fence.
+ */
+function stripMarkdownCodeFences(markdown) {
+    // Fast path: no fence character at all (the overwhelming majority of documents) — return untouched.
+    if (!markdown || (markdown.indexOf('`') < 0 && markdown.indexOf('~') < 0)) {
+        return markdown;
+    }
+    return markdown
+        .split('\n')
+        .filter(line => !isCodeFenceLine(line))
+        .join('\n');
+}
+function isCodeFenceLine(line) {
+    const s = line.trim();
+    const marker = s[0];
+    if (marker !== '`' && marker !== '~') {
+        return false;
+    }
+    let run = 0;
+    while (run < s.length && s[run] === marker) {
+        run++;
+    }
+    // >= 3 markers, and no back-tick after the run (a back-tick would make it an inline span, not a fence).
+    return run >= 3 && s.indexOf('`', run) < 0;
+}
+
+// Mirrors core/src/Dignite.Vault.Extract.Domain.Shared/Documents/ExtractPipelines.cs.
+const KNOWN_PIPELINE_CODES = [
+    'text-extraction',
+    'classification',
+    'field-extraction',
+];
+// #440 interim live status: while a document is still in-flight, silently re-fetch it + its pipeline runs so
+// the detail page reflects server-side progress without a manual Refresh. Bounded and self-terminating — to
+// be replaced by server push (SSE / SignalR), see issue #440. Start fast, then back the interval off toward
+// the cap so a long-running pipeline does not keep polling at full rate.
+const POLL_BASE_INTERVAL_MS = 2000;
+const POLL_MAX_INTERVAL_MS = 10000;
+class DocumentDetailComponent {
+    toPipelineRow(pipelineCode, labelKey, isKnown, run) {
+        return {
+            pipelineCode,
+            labelKey,
+            isKnown,
+            run,
+            statusBadgeClass: this.getRunStatusBadgeClass(run?.status),
+            statusLabel: this.getRunStatusLabel(run?.status),
+            inProgress: this.isRunInProgress(run?.status),
+            elapsedDisplay: run ? this.formatElapsedOrNull(run) : null,
+            retryable: isKnown && this.isRetryable(run),
+        };
+    }
+    formatElapsedOrNull(run) {
+        return this.getElapsedMs(run) === null ? null : this.formatElapsed(run);
+    }
+    // #418: shared Markdown -> HTML step, used by both the left-column preview and the LongText
+    // extracted-field values. Same GFM options and the same sanitize-on-bind contract: every caller MUST
+    // bind the result via [innerHTML] so Angular's DomSanitizer runs. Never bypassSecurityTrustHtml — a
+    // LongText field value is attacker-influenced too (LLM extraction / VLM OCR can be prompt-injected), so
+    // the sanitizer has to stay on end to end.
+    // #448: strip stray ```markdown code fences first. A vision-LLM OCR transcription is sometimes wrapped —
+    // wholly or partly — in a code fence despite the prompt forbidding it, which would make marked render the
+    // fenced table as literal <pre><code> (raw pipes) instead of a GFM table. The backend guard removes this at
+    // the source for new documents; stripping here also rescues documents already stored with the fence
+    // (Document.Markdown is write-once).
+    renderMarkdown(md) {
+        return md ? marked.parse(stripMarkdownCodeFences(md), { gfm: true, async: false }) : '';
+    }
+    constructor() {
+        this.route = inject(ActivatedRoute);
+        this.router = inject(Router);
+        this.location = inject(Location);
+        this.documentService = inject(DocumentService);
+        this.documentPipelineRunService = inject(DocumentPipelineRunService);
+        this.documentTypeService = inject(DocumentTypeService);
+        this.fieldDefinitionService = inject(FieldDefinitionService);
+        this.cabinetService = inject(CabinetService);
+        this.toaster = inject(ToasterService);
+        this.confirmation = inject(ConfirmationService);
+        this.permissionService = inject(PermissionService);
+        this.localization = inject(LocalizationService);
+        this.destroyRef = inject(DestroyRef);
+        // #440: DOM document handle for the Page Visibility check that pauses background polling on a hidden tab.
+        this.domDocument = inject(DOCUMENT);
+        // Original-file blob load / sanitize / revoke lifecycle (#277), shared with the file-preview page.
+        this.fileBlob = inject(DocumentFileBlobService);
+        this.canDelete = this.permissionService.getGrantedPolicy(EXTRACT_PERMISSIONS.Documents.Delete);
+        this.canEditFields = this.permissionService.getGrantedPolicy(EXTRACT_PERMISSIONS.Documents.ConfirmClassification);
+        this.canViewCabinets = this.permissionService.getGrantedPolicy(EXTRACT_PERMISSIONS.Cabinets.Default);
+        this.document = signal(null, ...(ngDevMode ? [{ debugName: "document" }] : /* istanbul ignore next */ []));
+        // #306/#354: when this document is a sub-document (originDocumentId set), the source/container document
+        // loaded for the provenance banner so it can show the parent's title instead of a raw id. null when this
+        // is a normal document, or when the parent is inaccessible (soft-deleted / cross-layer) — the banner then
+        // falls back to the id.
+        this.parentDocument = signal(null, ...(ngDevMode ? [{ debugName: "parentDocument" }] : /* istanbul ignore next */ []));
+        // #306/#354: true when the parent (origin) lookup failed — the source was removed (soft / permanently deleted) or is
+        // cross-layer / inaccessible. Drives the banner's "source unavailable" label and hides the dead "view parent" link,
+        // distinguishing a failed lookup from the brief in-flight window (both otherwise leave parentDocument null).
+        this.parentLookupFailed = signal(false, ...(ngDevMode ? [{ debugName: "parentLookupFailed" }] : /* istanbul ignore next */ []));
+        // #216: PipelineRun was split into an independent aggregate root and removed from
+        // DocumentDto.pipelineRuns. It is now an independent signal loaded separately through
+        // DocumentPipelineRunService in loadDocument.
+        this.pipelineRuns = signal([], ...(ngDevMode ? [{ debugName: "pipelineRuns" }] : /* istanbul ignore next */ []));
+        this.isLoading = signal(true, ...(ngDevMode ? [{ debugName: "isLoading" }] : /* istanbul ignore next */ []));
+        // Left column three-tab area (#274): Markdown preview by default; switching to 'file' triggers lazy
+        // loading of the original-file blob.
+        this.activeTab = signal('preview', ...(ngDevMode ? [{ debugName: "activeTab" }] : /* istanbul ignore next */ []));
+        this.retryingPipeline = signal(null, ...(ngDevMode ? [{ debugName: "retryingPipeline" }] : /* istanbul ignore next */ []));
+        this.isRerecognizing = signal(false, ...(ngDevMode ? [{ debugName: "isRerecognizing" }] : /* istanbul ignore next */ []));
+        this.isEditingFields = signal(false, ...(ngDevMode ? [{ debugName: "isEditingFields" }] : /* istanbul ignore next */ []));
+        this.isSavingFields = signal(false, ...(ngDevMode ? [{ debugName: "isSavingFields" }] : /* istanbul ignore next */ []));
+        this.fieldDefinitions = signal([], ...(ngDevMode ? [{ debugName: "fieldDefinitions" }] : /* istanbul ignore next */ []));
+        this.extractedFieldFormFields = signal([], ...(ngDevMode ? [{ debugName: "extractedFieldFormFields" }] : /* istanbul ignore next */ []));
+        // Candidate cabinets for the document: cabinetId-to-name display mapping plus reassignment dropdown
+        // options (#257). Loaded only with Cabinets.Default permission.
+        this.cabinets = signal([], ...(ngDevMode ? [{ debugName: "cabinets" }] : /* istanbul ignore next */ []));
+        // Cabinet reassignment (#257) edit state: entering edit shows the dropdown; empty selectedCabinetId
+        // means unclassified.
+        this.isEditingCabinet = signal(false, ...(ngDevMode ? [{ debugName: "isEditingCabinet" }] : /* istanbul ignore next */ []));
+        this.isSavingCabinet = signal(false, ...(ngDevMode ? [{ debugName: "isSavingCabinet" }] : /* istanbul ignore next */ []));
+        this.selectedCabinetId = signal('', ...(ngDevMode ? [{ debugName: "selectedCabinetId" }] : /* istanbul ignore next */ []));
+        // Document types visible in the current layer, used for typeCode-to-displayName mapping and the
+        // confirm-classification picker. Populated together with field definition loading.
+        this.documentTypes = signal([], ...(ngDevMode ? [{ debugName: "documentTypes" }] : /* istanbul ignore next */ []));
+        // #395: manual confirm/assign classification — the authoritative override for UnresolvedClassification,
+        // relocated here from the removed review-queue page.
+        this.showClassifyDialog = signal(false, ...(ngDevMode ? [{ debugName: "showClassifyDialog" }] : /* istanbul ignore next */ []));
+        this.selectedTypeId = signal('', ...(ngDevMode ? [{ debugName: "selectedTypeId" }] : /* istanbul ignore next */ []));
+        this.isConfirmingClassification = signal(false, ...(ngDevMode ? [{ debugName: "isConfirmingClassification" }] : /* istanbul ignore next */ []));
+        // #395: reject (#237/#284 recoverable disposition). The review queue was the only place this action
+        // lived; it moves to the remediation hub so the disposition is not lost.
+        this.showRejectDialog = signal(false, ...(ngDevMode ? [{ debugName: "showRejectDialog" }] : /* istanbul ignore next */ []));
+        this.rejectReason = signal('', ...(ngDevMode ? [{ debugName: "rejectReason" }] : /* istanbul ignore next */ []));
+        this.isRejecting = signal(false, ...(ngDevMode ? [{ debugName: "isRejecting" }] : /* istanbul ignore next */ []));
+        // #411: in-flight guard for the "Allow duplicate" operator action.
+        this.isAllowingDuplicate = signal(false, ...(ngDevMode ? [{ debugName: "isAllowingDuplicate" }] : /* istanbul ignore next */ []));
+        this.DocumentLifecycleStatus = DocumentLifecycleStatus;
+        this.DocumentReviewDisposition = DocumentReviewDisposition;
+        this.DocumentReviewReasons = DocumentReviewReasons;
+        this.PipelineRunStatus = PipelineRunStatus;
+        this.pipelineRows = computed(() => {
+            if (!this.document())
+                return [];
+            // #216: run source changed from doc.pipelineRuns to the independent pipelineRuns signal
+            // (DocumentPipelineRunService).
+            const allRuns = this.pipelineRuns();
+            const known = KNOWN_PIPELINE_CODES.map(code => this.toPipelineRow(code, `::Document:Pipeline:${code}`, true, this.pickLatestRun(allRuns, code)));
+            const unknownCodes = Array.from(new Set(allRuns
+                .map(r => r.pipelineCode)
+                .filter((code) => !!code && !KNOWN_PIPELINE_CODES.includes(code))));
+            const unknown = unknownCodes.map(code => this.toPipelineRow(code, code, false, this.pickLatestRun(allRuns, code)));
+            return [...known, ...unknown];
+        }, ...(ngDevMode ? [{ debugName: "pipelineRows" }] : /* istanbul ignore next */ []));
+        // #284: operator attention required, for any unresolved review reason, equals server-provided
+        // requiresReview. The client does not infer it locally.
+        this.needsReview = computed(() => this.document()?.requiresReview ?? false, ...(ngDevMode ? [{ debugName: "needsReview" }] : /* istanbul ignore next */ []));
+        // #395: classification still unresolved AND the operator may act — drives the "Confirm classification"
+        // CTA. Mirrors the list's needsConfirmation; the blocking UnresolvedClassification reason is the only one
+        // a manual type assignment resolves.
+        this.needsClassification = computed(() => this.canEditFields &&
+            (((this.document()?.reviewReasons ?? DocumentReviewReasons.None) & DocumentReviewReasons.UnresolvedClassification)
+                !== DocumentReviewReasons.None), ...(ngDevMode ? [{ debugName: "needsClassification" }] : /* istanbul ignore next */ []));
+        // #411: a suspected duplicate AND the operator may act — drives the "Allow" CTA (release as not a duplicate).
+        // The opposite resolution (confirm the duplicate) is the existing Delete action.
+        this.needsDuplicateReview = computed(() => this.canEditFields &&
+            (((this.document()?.reviewReasons ?? DocumentReviewReasons.None) & DocumentReviewReasons.DuplicateSuspected)
+                !== DocumentReviewReasons.None), ...(ngDevMode ? [{ debugName: "needsDuplicateReview" }] : /* istanbul ignore next */ []));
+        // #412: required fields are missing AND the operator may act — drives the "Complete fields" CTA. The reason
+        // is non-blocking and clears itself once the values are filled in the fields card below, so the banner
+        // offers a jump-and-edit shortcut rather than a confirm/approve button.
+        this.needsFieldCompletion = computed(() => this.canEditFields &&
+            (((this.document()?.reviewReasons ?? DocumentReviewReasons.None) & DocumentReviewReasons.MissingRequiredFields)
+                !== DocumentReviewReasons.None), ...(ngDevMode ? [{ debugName: "needsFieldCompletion" }] : /* istanbul ignore next */ []));
+        // #284: pure availability axis. After the two axes became orthogonal, the review banner and processing
+        // banner are judged independently; the template's @if needsReview takes precedence over isProcessing.
+        this.isProcessing = computed(() => {
+            const status = this.document()?.lifecycleStatus;
+            return status === DocumentLifecycleStatus.Uploaded ||
+                status === DocumentLifecycleStatus.Processing;
+        }, ...(ngDevMode ? [{ debugName: "isProcessing" }] : /* istanbul ignore next */ []));
+        this.isReady = computed(() => this.document()?.lifecycleStatus === DocumentLifecycleStatus.Ready, ...(ngDevMode ? [{ debugName: "isReady" }] : /* istanbul ignore next */ []));
+        // #306/#354: this document was derived from a constituent of another (container) document. Drives the
+        // provenance banner and its "view parent / view siblings" navigation. originDocumentId is a system signal
+        // carried on the Document output contract (DocumentDto), null for normally-uploaded documents.
+        this.isSubDocument = computed(() => !!this.document()?.originDocumentId, ...(ngDevMode ? [{ debugName: "isSubDocument" }] : /* istanbul ignore next */ []));
+        // True when any critical pipeline, text extraction or classification, has an in-progress run
+        // (Pending/Running).
+        this.pipelineInProgress = computed(() => this.pipelineRows().some(r => r.isKnown && r.inProgress), ...(ngDevMode ? [{ debugName: "pipelineInProgress" }] : /* istanbul ignore next */ []));
+        // #263 "rerecognize" availability: extracted text exists, ConfirmClassification permission is present
+        // (same as canEditFields), no critical pipeline is currently running, and the page is not loading. This
+        // avoids stacking reclassification onto a document already being processed or reprocessed.
+        // Use pipelineInProgress instead of !isProcessing(): the latter is always false when needsReview() is
+        // true, which would still expose the button on a pending-review document while reclassification is in
+        // progress (review #5). The in-flight POST is covered by button [disabled]="isRerecognizing()".
+        this.canRerecognize = computed(() => this.canEditFields &&
+            !!this.document()?.markdown &&
+            !this.pipelineInProgress() &&
+            !this.isLoading(), ...(ngDevMode ? [{ debugName: "canRerecognize" }] : /* istanbul ignore next */ []));
+        this.isReextracting = signal(false, ...(ngDevMode ? [{ debugName: "isReextracting" }] : /* istanbul ignore next */ []));
+        // #289 "field re-extraction only" availability: same prerequisites as "rerecognize", plus already
+        // classified with documentTypeCode. Field extraction is attached to a type, so unclassified documents
+        // have nothing to extract from; this mirrors the backend NotClassified guard.
+        this.canReextractFields = computed(() => this.canEditFields &&
+            !!this.document()?.documentTypeCode &&
+            !!this.document()?.markdown &&
+            !this.pipelineInProgress() &&
+            !this.isLoading(), ...(ngDevMode ? [{ debugName: "canReextractFields" }] : /* istanbul ignore next */ []));
+        this.isImage = computed(() => isImageContentType(this.document()?.fileOrigin?.contentType), ...(ngDevMode ? [{ debugName: "isImage" }] : /* istanbul ignore next */ []));
+        this.isPdf = computed(() => isPdfContentType(this.document()?.fileOrigin?.contentType), ...(ngDevMode ? [{ debugName: "isPdf" }] : /* istanbul ignore next */ []));
+        // Sub-documents (#306/#346) are spawned with no FileOrigin — their Markdown is seeded from the source
+        // segment slice, so there is no original file to preview or download. Gate every source-file affordance
+        // (Original File tab, footer, Download) on this so the UI never calls GetBlobAsync for a blob-less
+        // document, which fails with Extract:DocumentNoSourceBlob (and re-fires on every reload after rerecognize
+        // / Refresh while the file tab is active).
+        this.hasSourceFile = computed(() => !!this.document()?.fileOrigin, ...(ngDevMode ? [{ debugName: "hasSourceFile" }] : /* istanbul ignore next */ []));
+        // Intermediate computed for Markdown source (#274 review): when document() changes but markdown does
+        // not, such as field or cabinet changes, return the same string so downstream renderedMarkdown can
+        // short-circuit by value equality and avoid repeated marked.parse calls.
+        this.markdownSource = computed(() => this.document()?.markdown ?? '', ...(ngDevMode ? [{ debugName: "markdownSource" }] : /* istanbul ignore next */ []));
+        // Markdown preview (#274): marked renders to an HTML string. When the template binds [innerHTML],
+        // Angular's built-in DomSanitizer sanitizes it automatically by stripping <script>, on*, and
+        // javascript:. Never bypassSecurityTrustHtml: Markdown is attacker-influenced content because VLM OCR
+        // can be prompt-injected by text inside an image, so the sanitizer must stay on end to end.
+        this.renderedMarkdown = computed(() => this.renderMarkdown(this.markdownSource()), ...(ngDevMode ? [{ debugName: "renderedMarkdown" }] : /* istanbul ignore next */ []));
+        // Owning cabinet name for the document, cabinetId to name. Returns null when unclassified or
+        // unresolved because of missing permission or deleted cabinet.
+        this.cabinetName = computed(() => {
+            const id = this.document()?.cabinetId;
+            if (!id)
+                return null;
+            return this.cabinets().find(c => c.id === id)?.name ?? null;
+        }, ...(ngDevMode ? [{ debugName: "cabinetName" }] : /* istanbul ignore next */ []));
+        // Document type displayName, mapped from typeCode. Returns null when unclassified, and falls back to
+        // code for cross-layer or deleted types.
+        this.documentTypeDisplayName = computed(() => {
+            const code = this.document()?.documentTypeCode;
+            if (!code)
+                return null;
+            return this.documentTypes().find(t => t.typeCode === code)?.displayName ?? code;
+        }, ...(ngDevMode ? [{ debugName: "documentTypeDisplayName" }] : /* istanbul ignore next */ []));
+        // Type-bound extracted fields (field architecture v2). Show only values corresponding to currently
+        // active field definitions:
+        // The backend ExtractedFields output pierces soft-delete and still includes historical values for
+        // deleted field definitions, preserving data for downstream consumers (#206/#207). The operator UI no
+        // longer shows them, matching the list's dynamic columns which also use only active definitions. Labels
+        // use displayName and sorting uses displayOrder.
+        this.extractedFieldEntries = computed(() => {
+            const fields = this.document()?.extractedFields;
+            if (!fields)
+                return [];
+            const defByName = new Map(this.fieldDefinitions().map(d => [d.name ?? '', d]));
+            return Object.keys(fields)
+                .filter(key => defByName.has(key))
+                .sort((a, b) => (defByName.get(a).displayOrder ?? 0) - (defByName.get(b).displayOrder ?? 0) ||
+                a.localeCompare(b))
+                .map(key => {
+                const def = defByName.get(key);
+                const raw = fields[key];
+                const value = this.formatFieldValue(raw);
+                // #418: a LongText value is rendered as Markdown here in the detail view (never in the compact
+                // list, so multi-paragraph content cannot blow apart table rows). LongText is an explicit
+                // config-time choice on FieldDefinition.DataType — a declared type, not a runtime guess. Only
+                // render when there is real string content; a null / empty value (formatted as "—") stays plain
+                // text. renderedHtml keeps the sanitize-on-bind contract via renderMarkdown + [innerHTML].
+                const isMarkdown = def.dataType === FieldDataType.LongText &&
+                    typeof raw === 'string' &&
+                    raw.trim().length > 0;
+                return {
+                    key,
+                    label: def.displayName || key,
+                    value,
+                    isMarkdown,
+                    renderedHtml: isMarkdown ? this.renderMarkdown(value) : '',
+                };
+            });
+        }, ...(ngDevMode ? [{ debugName: "extractedFieldEntries" }] : /* istanbul ignore next */ []));
+        // Field card display condition: existing extracted values for read-only display, or editable with field
+        // definitions on this type so empty fields can be completed.
+        this.showFieldsCard = computed(() => this.extractedFieldEntries().length > 0 ||
+            (this.canEditFields && this.fieldDefinitions().length > 0), ...(ngDevMode ? [{ debugName: "showFieldsCard" }] : /* istanbul ignore next */ []));
+        // If the blob has not loaded when Download File is clicked, set this flag and trigger one download
+        // after the blob is ready. See downloadFile plus the constructor effect.
+        this.pendingDownload = false;
+        // #440: subscription to the pending poll tick (null when not polling) + the current backoff interval.
+        this.pollTimer = null;
+        this.pollIntervalMs = POLL_BASE_INTERVAL_MS;
+        // Pending download completion: when the blob arrives, trigger one download; when blob loading fails,
+        // show a hint. pendingDownload is a plain boolean, and this effect reruns only when fileBlob signals
+        // change. The download click first changes signals by triggering loading, so the logic naturally hits
+        // only once.
+        effect(() => {
+            const url = this.fileBlob.blobUrl();
+            const failed = this.fileBlob.hasError();
+            if (!this.pendingDownload)
+                return;
+            if (url) {
+                this.pendingDownload = false;
+                this.fileBlob.download(this.downloadFileName());
+            }
+            else if (failed) {
+                this.pendingDownload = false;
+                this.toaster.error('::Document:DownloadFailed', '::Error');
+            }
+        });
+        // #440: pause the background poll while the tab is hidden (no point re-fetching an unseen page) and
+        // resume with an immediate refresh when it returns to the foreground. Always tear the timer down on
+        // destroy so navigating away stops polling.
+        const onVisibilityChange = () => {
+            if (this.domDocument.hidden) {
+                this.clearPollTimer();
+            }
+            else if (this.shouldPoll() && !this.pollTimer) {
+                this.pollReload();
+            }
+        };
+        this.domDocument.addEventListener('visibilitychange', onVisibilityChange);
+        this.destroyRef.onDestroy(() => {
+            this.domDocument.removeEventListener('visibilitychange', onVisibilityChange);
+            this.clearPollTimer();
+        });
+    }
+    ngOnInit() {
+        // React to the :id route param rather than reading a one-time snapshot. Navigating between documents
+        // that share this route — a sub-document's "view parent"/"view siblings" actions, or any /documents/:id
+        // link — reuses this component instance, so ngOnInit does not fire again. Without reacting to the param
+        // the URL would change but the loaded document would not. Reload whenever the id actually changes,
+        // dropping the previous document's cached file blob and resetting the tab so a stale preview never
+        // carries over to the new document.
+        this.route.paramMap
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(params => {
+            const id = params.get('id');
+            if (!id || id === this.documentId)
+                return;
+            this.documentId = id;
+            this.fileBlob.reset();
+            this.activeTab.set('preview');
+            this.loadDocument();
+        });
+    }
+    refresh() {
+        this.loadDocument();
+    }
+    loadDocument() {
+        this.isLoading.set(true);
+        // Any explicit (re)load — navigation, manual Refresh, post-action reload — restarts the poll backoff
+        // from the base interval.
+        this.pollIntervalMs = POLL_BASE_INTERVAL_MS;
+        this.fetchDocument(false);
+    }
+    // #440: a background poll tick. Silently re-fetches — never toggles isLoading, so the full-page spinner
+    // and the Refresh-button spin stay quiet — and skips the one-time metadata (parent / cabinets) that does
+    // not change mid-pipeline, refreshing field definitions only when classification has just resolved a type.
+    pollReload() {
+        this.fetchDocument(true);
+    }
+    fetchDocument(quiet) {
+        // doc and runs are independent after #216, so load them once in parallel; fieldDefinitions still
+        // depend on doc.documentTypeCode and remain sequential.
+        forkJoin({
+            doc: this.documentService.get(this.documentId),
+            runs: this.documentPipelineRunService.getList(this.documentId),
+        })
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: ({ doc, runs }) => {
+                const previousTypeCode = this.document()?.documentTypeCode ?? null;
+                this.document.set(doc);
+                this.pipelineRuns.set(runs);
+                if (!quiet) {
+                    this.isLoading.set(false);
+                }
+                // Original-file blob lazy loading (#274): do not fetch while loading the document by default;
+                // download only when the Original File tab is selected. See selectTab.
+                // If the user is already on that tab, call ensureFilePreview once after reload
+                // (Refresh / rerecognize). It returns early when the blob is cached and resets a previous error
+                // for retry, preventing Refresh from being ineffective on a stuck preview (#274 review).
+                if (this.activeTab() === 'file') {
+                    this.ensureFilePreview();
+                }
+                // Field definitions are used for: 1. displayName in extracted-field display for all viewers;
+                // 2. completing empty fields when editable. Backend GetListAsync has been open to
+                // Documents.Default since #223, so load whenever a type exists and no longer gate on edit
+                // permission. #395: visible types are always loaded (even when unclassified) so the
+                // confirm-classification picker has its options.
+                // #440: on a quiet poll, reload them only when the type actually changed (classification just
+                // resolved) — otherwise the fields card would flash empty on every tick.
+                if (!quiet || (doc.documentTypeCode ?? null) !== previousTypeCode) {
+                    this.fieldDefinitions.set([]);
+                    this.loadDocumentTypesAndFields(doc.documentTypeCode);
+                }
+                // #306/#354: a sub-document carries its source (container) id. Fetch the parent's lightweight
+                // metadata so the provenance banner can show its title; reset first so a previous document's
+                // parent never lingers when navigating between documents in the same component instance.
+                // #440: skipped on a quiet poll — provenance is immutable for a loaded document, so re-fetching
+                // it would only make the banner flicker.
+                if (!quiet) {
+                    this.parentDocument.set(null);
+                    this.parentLookupFailed.set(false);
+                    if (doc.originDocumentId) {
+                        this.loadParentDocument(doc.originDocumentId);
+                    }
+                }
+                // Cabinet name mapping: fetch only when Cabinets.Default is granted and not already loaded. If
+                // there is no permission, the cabinet row is hidden.
+                if (this.canViewCabinets && this.cabinets().length === 0) {
+                    this.loadCabinets();
+                }
+                // #440: (re)schedule or stop the poll based on the freshly loaded state.
+                this.syncPolling();
+            },
+            error: () => {
+                if (!quiet) {
+                    this.isLoading.set(false);
+                }
+                // #440: stop polling on a failed tick rather than hammering a failing endpoint. Manual Refresh
+                // stays available, and any successful (re)load restarts it.
+                this.stopPolling();
+            },
+        });
+    }
+    // #440: a document warrants polling only while it is genuinely still advancing on the server — a known
+    // pipeline run is Pending/Running, or it is pre-terminal (Uploaded/Processing) and NOT parked waiting on
+    // the operator. The needs-review guard matters because a blocking review reason (e.g. low-confidence
+    // UnresolvedClassification) leaves lifecycle at Processing indefinitely — DeriveLifecycleAsync only
+    // reaches Ready once no blocking reason remains — so without the guard such a document would poll forever.
+    // When a run is actually in progress (e.g. the operator re-classified a needs-review document) we still
+    // poll, because pipelineInProgress() takes precedence.
+    shouldPoll() {
+        return this.pipelineInProgress() || (this.isProcessing() && !this.needsReview());
+    }
+    // #440: called after every load. Cancels any pending tick, then — if still in-flight and the tab is
+    // visible — schedules the next silent re-fetch, backing the interval off toward the cap.
+    syncPolling() {
+        this.clearPollTimer();
+        if (!this.shouldPoll()) {
+            this.pollIntervalMs = POLL_BASE_INTERVAL_MS;
+            return;
+        }
+        if (this.domDocument.hidden) {
+            return; // resumed by the visibilitychange handler in the constructor
+        }
+        this.pollTimer = timer(this.pollIntervalMs).subscribe(() => {
+            this.pollIntervalMs = Math.min(this.pollIntervalMs * 2, POLL_MAX_INTERVAL_MS);
+            this.pollReload();
+        });
+    }
+    clearPollTimer() {
+        this.pollTimer?.unsubscribe();
+        this.pollTimer = null;
+    }
+    stopPolling() {
+        this.clearPollTimer();
+        this.pollIntervalMs = POLL_BASE_INTERVAL_MS;
+    }
+    // doc.documentTypeCode is the current code projection in the Document output contract (#207). The
+    // field definition API associates by immutable DocumentTypeId, so first resolve code to id from types
+    // visible in the current layer, then query. #395: visible types are always stored (the
+    // confirm-classification picker needs them even when the document is unclassified); field definitions
+    // are only fetched when the document already has a type.
+    loadDocumentTypesAndFields(typeCode) {
+        this.documentTypeService.getVisible()
+            .pipe(
+        // One getVisible call serves two purposes: store documentTypes for document type displayName
+        // mapping + the confirm picker, then resolve typeId for field definition lookup.
+        tap(types => this.documentTypes.set(types)), switchMap(types => {
+            if (!typeCode)
+                return of([]);
+            const documentTypeId = types.find(t => t.typeCode === typeCode)?.id;
+            if (!documentTypeId)
+                return of([]);
+            return this.fieldDefinitionService.getList({ documentTypeId });
+        }), takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: defs => this.fieldDefinitions.set([...defs].sort((a, b) => (a.displayOrder ?? 0) - (b.displayOrder ?? 0) || (a.name ?? '').localeCompare(b.name ?? ''))),
+            error: () => this.fieldDefinitions.set([]),
+        });
+    }
+    // Cabinet candidates for name mapping display plus reassignment dropdown (#257). Called only with
+    // Cabinets.Default permission.
+    loadCabinets() {
+        this.cabinetService.getList()
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: list => this.cabinets.set(list),
+            error: () => this.cabinets.set([]),
+        });
+    }
+    // #306/#354: load the source (container) document of a sub-document for the provenance banner. A removed
+    // (soft / permanently deleted) or cross-layer parent (404 / filtered) is an EXPECTED outcome — a sub-document
+    // outlives its source — so pass skipHandleError to suppress ABP's global error popup; the component handles it by
+    // flagging parentLookupFailed, and the banner shows a "source unavailable" label. It never blocks the
+    // sub-document's own page.
+    loadParentDocument(originDocumentId) {
+        this.documentService.get(originDocumentId, { skipHandleError: true })
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: parent => {
+                this.parentDocument.set(parent);
+                this.parentLookupFailed.set(false);
+            },
+            error: () => {
+                this.parentDocument.set(null);
+                this.parentLookupFailed.set(true);
+            },
+        });
+    }
+    // Cabinet reassignment (#257): enter edit mode and preselect the current cabinet; empty string means
+    // unclassified.
+    startEditCabinet() {
+        this.selectedCabinetId.set(this.document()?.cabinetId ?? '');
+        this.isEditingCabinet.set(true);
+    }
+    cancelEditCabinet() {
+        this.isEditingCabinet.set(false);
+    }
+    saveCabinet() {
+        const doc = this.document();
+        if (!doc)
+            return;
+        this.isSavingCabinet.set(true);
+        // Empty string becomes null, meaning removed from cabinet / unclassified. Backend validates cabinet
+        // existence and current-layer ownership.
+        const cabinetId = this.selectedCabinetId() || null;
+        this.documentService.updateCabinet(doc.id, { cabinetId })
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: updated => {
+                this.document.set(updated);
+                this.isSavingCabinet.set(false);
+                this.isEditingCabinet.set(false);
+                this.toaster.success('::Document:CabinetUpdated', '::Success');
+            },
+            error: () => {
+                this.isSavingCabinet.set(false);
+                this.toaster.error('::Document:UpdateFailed', '::Error');
+            },
+        });
+    }
+    // Unified entry point for the Original File tab (#274 review): reset the previous preview error first
+    // so <img> rebuilds and retries, and failed downloads can refetch. Then ensure the blob is ready; the
+    // service prevents duplicate requests and revokes on component destroy.
+    // Fixes imageError getting stuck and Refresh being ineffective.
+    ensureFilePreview() {
+        // A blob-less sub-document has no original file: never call getBlob for it (would throw
+        // Extract:DocumentNoSourceBlob). The Original File tab is hidden for it, but loadDocument still reaches
+        // here when the tab was active, so guard at the source — this is the path that re-fired on every reload.
+        if (!this.hasSourceFile())
+            return;
+        this.fileBlob.resetError();
+        this.fileBlob.ensureLoaded(this.documentId);
+    }
+    // Tab switch (#274): when switching to Original File, ensure the original-file preview is ready.
+    selectTab(tab) {
+        this.activeTab.set(tab);
+        if (tab === 'file') {
+            this.ensureFilePreview();
+        }
+    }
+    // Download File footer action: trigger browser download of the original file directly, avoiding an
+    // extra trip through the preview page.
+    // If the blob is cached, from viewing Original File or a previous download, trigger immediately. If not
+    // cached, set pendingDownload and reuse the service fetch, which prevents duplicate requests. Blob
+    // arrival or failure is completed by the constructor effect.
+    downloadFile() {
+        // Defensive: the Download action is hidden for blob-less sub-documents; never trigger a getBlob for one.
+        if (!this.hasSourceFile())
+            return;
+        if (this.fileBlob.blobUrl()) {
+            this.fileBlob.download(this.downloadFileName());
+            return;
+        }
+        this.pendingDownload = true;
+        this.fileBlob.ensureLoaded(this.documentId);
+    }
+    downloadFileName() {
+        return this.document()?.fileOrigin?.originalFileName || this.document()?.title || 'document';
+    }
+    // <img> render failure, where the blob downloaded but decode failed, is folded into the unified preview
+    // error signal.
+    onPreviewError() {
+        this.fileBlob.markError();
+    }
+    goBack() {
+        // Return to wherever the operator came from — the review queue, the list, a cabinet-filtered view, etc.
+        // — instead of always the list. The Angular Router stamps an incrementing navigationId on history.state;
+        // it is > 1 once any in-app navigation has happened, and 1 on a direct deep-link / refresh (no in-app
+        // history to pop). Fall back to the list in that case so Back never leaves the app.
+        const navId = this.location.getState()?.navigationId;
+        if (navId && navId > 1) {
+            this.location.back();
+        }
+        else {
+            this.router.navigate(['/documents/list']);
+        }
+    }
+    // #354: open this sub-document's source (container) document.
+    openParentDocument() {
+        const originDocumentId = this.document()?.originDocumentId;
+        if (!originDocumentId)
+            return;
+        this.router.navigate(['/documents', originDocumentId]);
+    }
+    // #411: open a suspected-duplicate candidate so the operator can compare it before allowing / discarding.
+    openDocument(documentId) {
+        this.router.navigate(['/documents', documentId]);
+    }
+    // #354: list the sibling sub-documents (all those derived from the same source, including this one),
+    // reusing the list's originDocumentId provenance filter via a deep-link query param.
+    viewSiblingDocuments() {
+        const originDocumentId = this.document()?.originDocumentId;
+        if (!originDocumentId)
+            return;
+        this.router.navigate(['/documents/list'], { queryParams: { originDocumentId } });
+    }
+    delete() {
+        const doc = this.document();
+        if (!doc)
+            return;
+        this.confirmation
+            .warn('::Document:AreYouSureToDelete', '::AreYouSure')
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(status => {
+            if (status !== Confirmation.Status.confirm)
+                return;
+            this.documentService.delete(doc.id)
+                .pipe(takeUntilDestroyed(this.destroyRef))
+                .subscribe({
+                next: () => {
+                    this.toaster.success('::Document:DeletedSuccessfully', '::Success');
+                    this.router.navigate(['/documents/list']);
+                },
+            });
+        });
+    }
+    // #263 "rerecognize": rerun AI automatic classification on the existing Markdown, cascading to field
+    // re-extraction without rerunning OCR.
+    // This is an overwriting operation, replacing current type and manually edited field values, so confirm
+    // first. Reload after success to reflect Processing state.
+    rerecognize() {
+        const doc = this.document();
+        if (!doc || this.isRerecognizing())
+            return;
+        this.confirmation
+            .warn('::Document:Rerecognize:Confirm', '::AreYouSure')
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(status => {
+            if (status !== Confirmation.Status.confirm)
+                return;
+            this.isRerecognizing.set(true);
+            this.documentService.rerecognize(doc.id)
+                .pipe(takeUntilDestroyed(this.destroyRef))
+                .subscribe({
+                next: () => {
+                    this.isRerecognizing.set(false);
+                    this.toaster.success('::Document:RerecognizeQueued', '::Success');
+                    this.loadDocument();
+                },
+                error: () => {
+                    this.isRerecognizing.set(false);
+                    this.toaster.error('::Document:RerecognizeFailed', '::Error');
+                },
+            });
+        });
+    }
+    // #289 "field re-extraction only": rerun only the field-extraction pipeline on the existing
+    // classification, without reclassification or OCR.
+    // Safe leaf operation that overwrites only field values, including manual corrections. Confirm first.
+    // Lifecycle-neutral: does not move already Ready documents backward.
+    reextractFields() {
+        const doc = this.document();
+        if (!doc || this.isReextracting())
+            return;
+        this.confirmation
+            .warn('::Document:ReextractFields:Confirm', '::AreYouSure')
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(status => {
+            if (status !== Confirmation.Status.confirm)
+                return;
+            this.isReextracting.set(true);
+            this.documentService.reextractFields(doc.id)
+                .pipe(takeUntilDestroyed(this.destroyRef))
+                .subscribe({
+                next: () => {
+                    this.isReextracting.set(false);
+                    this.toaster.success('::Document:ReextractFieldsQueued', '::Success');
+                    this.loadDocument();
+                },
+                error: () => {
+                    this.isReextracting.set(false);
+                    this.toaster.error('::Document:ReextractFieldsFailed', '::Error');
+                },
+            });
+        });
+    }
+    // #395: manual confirm / assign document type. Authoritative override that clears
+    // UnresolvedClassification and cascades field extraction (backend confirmClassification). Defaults the
+    // picker to the document's current low-confidence type when present so the operator usually just confirms.
+    openClassifyDialog() {
+        const doc = this.document();
+        if (!doc)
+            return;
+        this.selectedTypeId.set(this.documentTypes().find(t => t.typeCode === doc.documentTypeCode)?.id ?? '');
+        this.showClassifyDialog.set(true);
+    }
+    closeClassifyDialog() {
+        this.showClassifyDialog.set(false);
+        this.selectedTypeId.set('');
+    }
+    submitClassify() {
+        const doc = this.document();
+        if (!doc || !this.selectedTypeId() || this.isConfirmingClassification())
+            return;
+        this.isConfirmingClassification.set(true);
+        this.documentService.confirmClassification(doc.id, { documentTypeId: this.selectedTypeId() })
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: () => {
+                this.isConfirmingClassification.set(false);
+                this.closeClassifyDialog();
+                this.toaster.success('::Document:ClassificationConfirmed', '::Success');
+                this.loadDocument();
+            },
+            error: () => {
+                this.isConfirmingClassification.set(false);
+                this.toaster.error('::Document:ConfirmFailed', '::Error');
+            },
+        });
+    }
+    // #395: reject the document (#237/#284 recoverable disposition). The rejection reason is required by the
+    // backend RejectReviewInput.Reason; reload after success so disposition/badge reflect the new state.
+    openRejectDialog() {
+        if (!this.document())
+            return;
+        this.rejectReason.set('');
+        this.showRejectDialog.set(true);
+    }
+    closeRejectDialog() {
+        this.showRejectDialog.set(false);
+        this.rejectReason.set('');
+    }
+    submitReject() {
+        const doc = this.document();
+        if (!doc || this.isRejecting())
+            return;
+        const reason = this.rejectReason().trim();
+        if (!reason) {
+            this.toaster.warn('::Document:Review:RejectReasonRequired');
+            return;
+        }
+        this.isRejecting.set(true);
+        this.documentService.rejectReview(doc.id, { reason })
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: () => {
+                this.isRejecting.set(false);
+                this.closeRejectDialog();
+                this.toaster.success('::Document:Review:RejectedSuccessfully', '::Success');
+                this.loadDocument();
+            },
+            error: () => {
+                this.isRejecting.set(false);
+                this.toaster.error('::Document:Review:ActionFailed', '::Error');
+            },
+        });
+    }
+    // #411: operator decides a suspected duplicate is not a duplicate (or is an acceptable re-upload). The backend
+    // sets the durable DuplicateAllowed override, clears the blocking reason, and re-derives lifecycle (releasing the
+    // document to Ready + DocumentReadyEto when nothing else blocks). Reload so the badge / banner reflect the change.
+    allowDuplicate() {
+        const doc = this.document();
+        if (!doc || this.isAllowingDuplicate())
+            return;
+        this.isAllowingDuplicate.set(true);
+        this.documentService.allowDuplicate(doc.id)
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: () => {
+                this.isAllowingDuplicate.set(false);
+                this.toaster.success('::Document:Review:DuplicateAllowed', '::Success');
+                this.loadDocument();
+            },
+            error: () => {
+                this.isAllowingDuplicate.set(false);
+                this.toaster.error('::Document:Review:ActionFailed', '::Error');
+            },
+        });
+    }
+    getStatusBadgeClass(status) {
+        switch (status) {
+            case DocumentLifecycleStatus.Uploaded: return 'badge bg-secondary';
+            case DocumentLifecycleStatus.Processing: return 'badge bg-warning text-dark';
+            case DocumentLifecycleStatus.Ready: return 'badge bg-success';
+            case DocumentLifecycleStatus.Failed: return 'badge bg-danger';
+            default: return 'badge bg-secondary';
+        }
+    }
+    // #284: header badge shows only lifecycle on the availability axis. Review state is expressed by the
+    // banner plus detail-area reviewReasonDetails and is not duplicated.
+    getDocumentStatusBadgeClass(doc) {
+        return this.getStatusBadgeClass(doc.lifecycleStatus);
+    }
+    getStatusLabel(status) {
+        switch (status) {
+            case DocumentLifecycleStatus.Uploaded: return '::Document:Status:Uploaded';
+            case DocumentLifecycleStatus.Processing: return '::Document:Status:Processing';
+            case DocumentLifecycleStatus.Ready: return '::Document:Status:Ready';
+            case DocumentLifecycleStatus.Failed: return '::Document:Status:Failed';
+            default: return '::Document:Status:Unknown';
+        }
+    }
+    getDocumentStatusLabel(doc) {
+        return this.getStatusLabel(doc.lifecycleStatus);
+    }
+    // #284: review reason to localization key, used for detail-area reviewReasonDetails rendering.
+    reviewReasonLabel(reason) {
+        switch (reason) {
+            case DocumentReviewReasons.UnresolvedClassification:
+                return '::Document:ReviewReason:UnresolvedClassification';
+            case DocumentReviewReasons.MissingRequiredFields:
+                return '::Document:ReviewReason:MissingRequiredFields';
+            case DocumentReviewReasons.SegmentationIncomplete:
+                return '::Document:ReviewReason:SegmentationIncomplete';
+            case DocumentReviewReasons.DuplicateSuspected:
+                return '::Document:ReviewReason:DuplicateSuspected';
+            default:
+                return '::Document:NeedsReview';
+        }
+    }
+    // #412: per-reason remediation hint shown in the banner, so the operator knows what each reason expects
+    // without inferring it from the (reason-neutral) headline. Each reason has exactly one remedy: assign a
+    // type, fill the fields below, re-classify, or release/delete the duplicate.
+    reviewReasonHint(reason) {
+        switch (reason) {
+            case DocumentReviewReasons.UnresolvedClassification:
+                return '::Document:Review:Hint:UnresolvedClassification';
+            case DocumentReviewReasons.MissingRequiredFields:
+                return '::Document:Review:Hint:MissingRequiredFields';
+            case DocumentReviewReasons.SegmentationIncomplete:
+                return '::Document:Review:Hint:SegmentationIncomplete';
+            case DocumentReviewReasons.DuplicateSuspected:
+                return '::Document:Review:Hint:DuplicateSuspected';
+            default:
+                return '::Document:NeedsReview';
+        }
+    }
+    // #412: "Complete fields" CTA — jump to the extracted-fields card and open the edit form so the missing
+    // required values can be filled. Filling them clears MissingRequiredFields server-side on the next save.
+    completeFields() {
+        if (this.canEditFields && this.fieldDefinitions().length > 0 && !this.isEditingFields()) {
+            this.startEditFields();
+        }
+        document.getElementById('extracted-fields-card')
+            ?.scrollIntoView({ behavior: 'smooth', block: 'start' });
+    }
+    getRunStatusBadgeClass(status) {
+        switch (status) {
+            case PipelineRunStatus.Pending: return 'badge bg-secondary';
+            case PipelineRunStatus.Running: return 'badge bg-warning text-dark';
+            case PipelineRunStatus.Succeeded: return 'badge bg-success';
+            case PipelineRunStatus.Failed: return 'badge bg-danger';
+            case PipelineRunStatus.Skipped: return 'badge bg-light text-dark border';
+            default: return 'badge bg-light text-muted border';
+        }
+    }
+    getRunStatusLabel(status) {
+        switch (status) {
+            case PipelineRunStatus.Pending: return '::Document:Pipeline:Status:Pending';
+            case PipelineRunStatus.Running: return '::Document:Pipeline:Status:Running';
+            case PipelineRunStatus.Succeeded: return '::Document:Pipeline:Status:Succeeded';
+            case PipelineRunStatus.Failed: return '::Document:Pipeline:Status:Failed';
+            case PipelineRunStatus.Skipped: return '::Document:Pipeline:Status:Skipped';
+            default: return '::Document:Pipeline:Status:NotStarted';
+        }
+    }
+    isRunInProgress(status) {
+        return status === PipelineRunStatus.Pending || status === PipelineRunStatus.Running;
+    }
+    isRetryable(run) {
+        return !!run && run.status === PipelineRunStatus.Failed;
+    }
+    retryPipeline(pipelineCode) {
+        if (this.retryingPipeline() !== null)
+            return;
+        this.retryingPipeline.set(pipelineCode);
+        this.documentService.retryPipeline(this.documentId, { pipelineCode })
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: () => {
+                this.retryingPipeline.set(null);
+                this.toaster.success('::Document:Pipeline:RetryQueued', '::Success');
+                this.loadDocument();
+            },
+            error: () => {
+                this.retryingPipeline.set(null);
+                this.toaster.error('::Document:Pipeline:RetryFailed', '::Error');
+            },
+        });
+    }
+    getElapsedMs(run) {
+        if (!run.startedAt)
+            return null;
+        const start = new Date(run.startedAt).getTime();
+        if (Number.isNaN(start))
+            return null;
+        const end = run.completedAt ? new Date(run.completedAt).getTime() : Date.now();
+        if (Number.isNaN(end) || end < start)
+            return null;
+        return end - start;
+    }
+    formatFieldValue(value) {
+        return formatExtractedFieldValue(value);
+    }
+    startEditFields() {
+        this.extractedFieldFormFields.set(this.createExtractedFieldFormFields());
+        this.isEditingFields.set(true);
+    }
+    cancelEditFields() {
+        this.isEditingFields.set(false);
+        this.extractedFieldFormFields.set([]);
+    }
+    saveFields(formValue) {
+        const doc = this.document();
+        if (!doc)
+            return;
+        this.isSavingFields.set(true);
+        const fields = {};
+        for (const def of this.fieldDefinitions()) {
+            const key = def.name ?? '';
+            const value = formValue[key];
+            if (this.shouldOmitFieldValue(value))
+                continue;
+            fields[key] = this.coerceValue(def, value);
+        }
+        this.documentService.updateExtractedFields(doc.id, { fields })
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe({
+            next: updated => {
+                this.document.set(updated);
+                this.isSavingFields.set(false);
+                this.isEditingFields.set(false);
+                this.extractedFieldFormFields.set([]);
+                this.toaster.success('::Document:FieldsUpdated', '::Success');
+            },
+            error: () => {
+                this.isSavingFields.set(false);
+                this.toaster.error('::Document:UpdateFailed', '::Error');
+            },
+        });
+    }
+    createExtractedFieldFormFields() {
+        const values = this.document()?.extractedFields ?? {};
+        return this.fieldDefinitions().map(def => {
+            const config = {
+                key: def.name ?? '',
+                label: `${def.displayName} (${def.name})`,
+                // Multi-value fields (#212, text only) use a textarea with one value per line; single-value fields
+                // choose input type by DataType.
+                type: def.allowMultiple ? 'textarea' : this.toFormFieldType(def.dataType),
+                value: this.toFormInitialValue(def, values[def.name ?? '']),
+                required: def.isRequired,
+                order: def.displayOrder,
+                gridSize: 12,
+                validators: def.isRequired
+                    ? [{ type: 'required', message: '::FieldDefinition:Required' }]
+                    : [],
+            };
+            if (def.allowMultiple) {
+                config.placeholder = this.localization.instant('::FieldDefinition:AllowMultipleEditHint');
+            }
+            else if (def.dataType === FieldDataType.Number) {
+                config.step = 'any';
+            }
+            else if (def.dataType === FieldDataType.Boolean) {
+                config.options = {
+                    defaultValues: [
+                        { key: 'true', value: 'true' },
+                        { key: 'false', value: 'false' },
+                    ],
+                };
+            }
+            return config;
+        });
+    }
+    toFormFieldType(dataType) {
+        switch (dataType) {
+            // Long text, such as summaries or descriptions, uses a multiline editor. The default branch of
+            // toFormInitialValue already fills it back as a string unchanged.
+            case FieldDataType.LongText:
+                return 'textarea';
+            case FieldDataType.Number:
+                return 'number';
+            case FieldDataType.Boolean:
+                return 'select';
+            case FieldDataType.Date:
+                return 'date';
+            case FieldDataType.DateTime:
+                return 'datetime-local';
+            default:
+                return 'text';
+        }
+    }
+    toFormInitialValue(def, value) {
+        // Multi-value fields (#212): output array becomes one textarea line per value. Non-arrays, including
+        // null or unextracted values, become empty.
+        if (def.allowMultiple) {
+            return Array.isArray(value) ? value.map(v => String(v)).join('\n') : '';
+        }
+        if (value === null || value === undefined)
+            return '';
+        switch (def.dataType) {
+            case FieldDataType.Number:
+                return this.toNumberInputValue(value);
+            case FieldDataType.Boolean:
+                return this.parseBoolean(value) ? 'true' : 'false';
+            case FieldDataType.Date:
+                return this.toDateInputValue(value);
+            case FieldDataType.DateTime:
+                return this.toDateTimeLocalInputValue(value);
+            default:
+                return typeof value === 'object' ? JSON.stringify(value) : String(value);
+        }
+    }
+    shouldOmitFieldValue(value) {
+        return value === null ||
+            value === undefined ||
+            (typeof value === 'string' && value.trim() === '');
+    }
+    // Convert to the corresponding JSON type by field DataType. Date/DateTime/Text are always stored as
+    // strings.
+    coerceValue(def, value) {
+        // Multi-value fields (#212): textarea one value per line, trimmed and with empty lines removed,
+        // becomes string[], symmetric with backend UpdateExtractedFieldsAsync receiving arrays.
+        if (def.allowMultiple) {
+            return String(value ?? '')
+                .split(/\r?\n/)
+                .map(s => s.trim())
+                .filter(s => s.length > 0);
+        }
+        switch (def.dataType) {
+            case FieldDataType.Number: {
+                const n = typeof value === 'number' ? value : Number(value);
+                return !Number.isNaN(n) ? n : value;
+            }
+            case FieldDataType.Boolean:
+                return this.parseBoolean(value);
+            default:
+                return value;
+        }
+    }
+    toNumberInputValue(value) {
+        const raw = String(value).trim();
+        if (raw === '')
+            return '';
+        const n = Number(raw);
+        return Number.isNaN(n) ? '' : raw;
+    }
+    parseBoolean(value) {
+        if (typeof value === 'boolean')
+            return value;
+        if (typeof value === 'number')
+            return value !== 0;
+        const normalized = String(value).trim().toLowerCase();
+        return normalized === 'true' || normalized === '1' || normalized === 'yes';
+    }
+    toDateInputValue(value) {
+        const raw = String(value);
+        return /^\d{4}-\d{2}-\d{2}/.test(raw) ? raw.slice(0, 10) : raw;
+    }
+    toDateTimeLocalInputValue(value) {
+        const raw = String(value);
+        if (!raw)
+            return '';
+        if (/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}/.test(raw)) {
+            return raw.slice(0, 16);
+        }
+        const parsed = new Date(raw);
+        if (Number.isNaN(parsed.getTime()))
+            return raw;
+        const pad = (n) => String(n).padStart(2, '0');
+        return `${parsed.getFullYear()}-${pad(parsed.getMonth() + 1)}-${pad(parsed.getDate())}` +
+            `T${pad(parsed.getHours())}:${pad(parsed.getMinutes())}`;
+    }
+    formatElapsed(run) {
+        const ms = this.getElapsedMs(run);
+        if (ms == null)
+            return '';
+        if (ms < 1000)
+            return `${ms} ms`;
+        const seconds = ms / 1000;
+        if (seconds < 60)
+            return `${seconds.toFixed(1)} s`;
+        const minutes = Math.floor(seconds / 60);
+        const remSeconds = Math.round(seconds - minutes * 60);
+        return `${minutes}m ${remSeconds}s`;
+    }
+    pickLatestRun(runs, pipelineCode) {
+        const matches = runs.filter(r => r.pipelineCode === pipelineCode);
+        if (matches.length === 0)
+            return null;
+        return matches.reduce((prev, curr) => ((curr.attemptNumber ?? 0) > (prev.attemptNumber ?? 0) ? curr : prev));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DocumentDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: DocumentDetailComponent, isStandalone: true, selector: "lib-document-detail", providers: [DocumentFileBlobService], ngImport: i0, template: "<div class=\"container-fluid py-4\">\n\n  <!-- Back + header -->\n  <div class=\"d-flex align-items-center mb-3 gap-2\">\n    <button class=\"btn btn-outline-secondary btn-sm\" (click)=\"goBack()\">\n      <i class=\"fas fa-arrow-left me-1\"></i>\n      {{ '::Back' | abpLocalization }}\n    </button>\n    @if (document()) {\n      <span class=\"ms-2 fw-semibold text-truncate\" style=\"max-width: 480px;\" [title]=\"document()!.title || document()!.fileOrigin?.originalFileName\">\n        {{ document()!.title || document()!.fileOrigin?.originalFileName }}\n      </span>\n      <span [class]=\"getDocumentStatusBadgeClass(document()!)\" class=\"ms-2\">\n        @if (isProcessing()) {\n          <span class=\"spinner-border spinner-border-sm me-1\" role=\"status\"></span>\n        }\n        {{ getDocumentStatusLabel(document()!) | abpLocalization }}\n      </span>\n    }\n    <div class=\"ms-auto d-flex gap-2\">\n      <!-- Display label is \"\u91CD\u65B0\u5206\u7C7B / Re-classify\": it re-runs classification on the already-extracted text,\n           NOT OCR (the #263 internal name stays \"rerecognize\"). The tooltip states the original file is not\n           re-scanned, to kill the \"re-OCR from the original file\" misconception. -->\n      @if (canRerecognize()) {\n        <button\n          class=\"btn btn-outline-primary btn-sm\"\n          (click)=\"rerecognize()\"\n          [disabled]=\"isRerecognizing()\"\n          title=\"{{ '::Document:Rerecognize:Hint' | abpLocalization }}\"\n        >\n          @if (isRerecognizing()) {\n            <span class=\"spinner-border spinner-border-sm me-1\" role=\"status\"></span>\n            {{ '::Document:Rerecognizing' | abpLocalization }}\n          } @else {\n            <i class=\"fas fa-wand-magic-sparkles me-1\"></i>\n            {{ '::Document:Rerecognize' | abpLocalization }}\n          }\n        </button>\n      }\n      @if (canReextractFields()) {\n        <button\n          class=\"btn btn-outline-secondary btn-sm\"\n          (click)=\"reextractFields()\"\n          [disabled]=\"isReextracting()\"\n          title=\"{{ '::Document:ReextractFields' | abpLocalization }}\"\n        >\n          @if (isReextracting()) {\n            <span class=\"spinner-border spinner-border-sm me-1\" role=\"status\"></span>\n            {{ '::Document:ReextractFieldsInProgress' | abpLocalization }}\n          } @else {\n            <i class=\"fas fa-list-check me-1\"></i>\n            {{ '::Document:ReextractFields' | abpLocalization }}\n          }\n        </button>\n      }\n      @if (canDelete && document()) {\n        <button\n          class=\"btn btn-outline-danger btn-sm\"\n          (click)=\"delete()\"\n          title=\"{{ '::Delete' | abpLocalization }}\"\n        >\n          <i class=\"fas fa-trash me-1\"></i>\n          {{ '::Delete' | abpLocalization }}\n        </button>\n      }\n      <button\n        class=\"btn btn-outline-secondary btn-sm\"\n        (click)=\"refresh()\"\n        [disabled]=\"isLoading()\"\n        title=\"{{ '::Refresh' | abpLocalization }}\"\n      >\n        <i class=\"fas fa-sync-alt\" [class.fa-spin]=\"isLoading()\"></i>\n      </button>\n    </div>\n  </div>\n\n  <!-- Loading state -->\n  @if (isLoading()) {\n    <div class=\"text-center py-5\">\n      <div class=\"spinner-border text-primary\" role=\"status\"></div>\n    </div>\n  }\n\n  @if (document()) {\n    <!-- Sub-document provenance banner (#306/#354): this document was derived from a container document.\n         Offer navigation back to the source and to its sibling sub-documents. -->\n    @if (isSubDocument()) {\n      <div class=\"alert alert-info d-flex flex-wrap align-items-center gap-2 mb-3\" role=\"alert\">\n        <i class=\"fas fa-sitemap me-1\"></i>\n        <span>\n          {{ '::Document:SubDocumentOf' | abpLocalization }}\n          @if (parentDocument(); as parent) {\n            <strong>{{ parent.title || parent.fileOrigin?.originalFileName || document()!.originDocumentId }}</strong>\n          } @else if (parentLookupFailed()) {\n            <!-- Source removed (soft / permanently deleted) or cross-layer: show an explicit \"unavailable\" label\n                 instead of a raw id, and drop the dead \"view parent\" link below. The sub-document stays fully usable. -->\n            <strong>{{ '::Document:SourceDocumentUnavailable' | abpLocalization }}</strong>\n          } @else {\n            <strong>{{ document()!.originDocumentId }}</strong>\n          }\n        </span>\n        <div class=\"ms-auto d-flex gap-2\">\n          @if (parentDocument()) {\n            <button type=\"button\" class=\"btn btn-sm btn-outline-primary\" (click)=\"openParentDocument()\">\n              <i class=\"fas fa-arrow-up me-1\"></i>{{ '::Document:ViewParentDocument' | abpLocalization }}\n            </button>\n          }\n          <button type=\"button\" class=\"btn btn-sm btn-outline-secondary\" (click)=\"viewSiblingDocuments()\">\n            <i class=\"fas fa-sitemap me-1\"></i>{{ '::Document:ViewSiblingDocuments' | abpLocalization }}\n          </button>\n        </div>\n      </div>\n    }\n\n    <!-- Review / processing banner. #395/#412: contextual remediation actions live here. The banner is\n         reason-aware \u2014 the active review reasons drive both the badges and which CTA appears: classification\n         is confirmed/assigned via the dialog, missing fields are completed in the fields card below, a\n         suspected duplicate is released, and the document can always be rejected. -->\n    @if (needsReview()) {\n      <div class=\"alert alert-warning mb-3\" role=\"alert\">\n        <div class=\"d-flex align-items-center flex-wrap gap-2\">\n          <i class=\"fas fa-user-edit me-2\"></i>\n          <span>{{ '::Document:PendingReviewMessage' | abpLocalization }}</span>\n          <!-- #412: surface the concrete reason(s) right here, so the operator no longer has to read them off\n               the metadata list in the right column. Blocking reasons are red, advisory ones amber. -->\n          @for (detail of document()!.reviewReasonDetails; track detail.reason) {\n            <span class=\"badge\"\n              [class.bg-danger]=\"detail.isBlocking\"\n              [class.bg-warning]=\"!detail.isBlocking\"\n              [class.text-dark]=\"!detail.isBlocking\">\n              {{ reviewReasonLabel(detail.reason) | abpLocalization }}\n            </span>\n          }\n          @if (canEditFields) {\n            <div class=\"ms-auto d-flex gap-2\">\n              @if (needsClassification()) {\n                <button type=\"button\" class=\"btn btn-sm btn-warning\" (click)=\"openClassifyDialog()\">\n                  <i class=\"fas fa-check me-1\"></i>\n                  {{ '::Document:ConfirmClassification' | abpLocalization }}\n                </button>\n              }\n              <!-- #412: missing required fields are completed below \u2014 jump there and open the editor. -->\n              @if (needsFieldCompletion()) {\n                <button type=\"button\" class=\"btn btn-sm btn-warning\" (click)=\"completeFields()\">\n                  <i class=\"fas fa-pen me-1\"></i>\n                  {{ '::Document:Review:CompleteFields' | abpLocalization }}\n                </button>\n              }\n              <!-- #411: resolve a suspected duplicate \u2014 \"Allow\" releases it (not a duplicate / acceptable re-upload);\n                   confirming the duplicate is the Delete action in the header toolbar. -->\n              @if (needsDuplicateReview()) {\n                <button type=\"button\" class=\"btn btn-sm btn-success\" (click)=\"allowDuplicate()\" [disabled]=\"isAllowingDuplicate()\">\n                  <i class=\"fas fa-check-double me-1\"></i>\n                  {{ '::Document:Review:AllowDuplicate' | abpLocalization }}\n                </button>\n              }\n              <button type=\"button\" class=\"btn btn-sm btn-outline-danger\" (click)=\"openRejectDialog()\">\n                <i class=\"fas fa-ban me-1\"></i>\n                {{ '::Document:Review:Reject' | abpLocalization }}\n              </button>\n            </div>\n          }\n        </div>\n        <!-- #412: one remediation hint per active reason, so each reason states its own expected action\n             instead of leaning on the single (reason-neutral) headline above. -->\n        @for (detail of document()!.reviewReasonDetails; track detail.reason) {\n          <div class=\"small text-muted mt-2\">\n            {{ reviewReasonHint(detail.reason) | abpLocalization }}\n            @if (detail.missingFieldNames?.length) {\n              <span class=\"fw-semibold\">{{ detail.missingFieldNames!.join('\u3001') }}</span>\n            }\n          </div>\n        }\n      </div>\n    } @else if (isProcessing()) {\n      <div class=\"alert alert-warning d-flex align-items-center mb-3\" role=\"alert\">\n        <div class=\"spinner-border spinner-border-sm me-2\" role=\"status\"></div>\n        <span>{{ '::Document:ProcessingMessage' | abpLocalization }}</span>\n      </div>\n    }\n\n    <div class=\"row g-3\">\n      <!-- LEFT: Tab area: Markdown preview / source / original file (#274) -->\n      <div class=\"col-lg-6\">\n        <div class=\"card shadow-sm h-100 d-flex flex-column\">\n          <div class=\"card-header p-0 pt-2\">\n            <ul class=\"nav nav-tabs card-header-tabs mx-2 mb-0\">\n              <li class=\"nav-item\">\n                <button class=\"nav-link\" [class.active]=\"activeTab() === 'preview'\"\n                        (click)=\"selectTab('preview')\">\n                  <i class=\"fas fa-eye me-1\"></i>{{ '::Document:Tab:Preview' | abpLocalization }}\n                </button>\n              </li>\n              <li class=\"nav-item\">\n                <button class=\"nav-link\" [class.active]=\"activeTab() === 'source'\"\n                        (click)=\"selectTab('source')\">\n                  <i class=\"fas fa-code me-1\"></i>{{ '::Document:Tab:Source' | abpLocalization }}\n                </button>\n              </li>\n              <!-- Sub-documents have no source blob (#306/#346); hide the Original File tab so the UI never\n                   calls GetBlobAsync for them (Extract:DocumentNoSourceBlob). -->\n              @if (hasSourceFile()) {\n                <li class=\"nav-item\">\n                  <button class=\"nav-link\" [class.active]=\"activeTab() === 'file'\"\n                          (click)=\"selectTab('file')\">\n                    <i class=\"fas fa-file me-1\"></i>{{ '::Document:OriginalFile' | abpLocalization }}\n                  </button>\n                </li>\n              }\n            </ul>\n          </div>\n          <div class=\"card-body overflow-auto\" style=\"min-height: 400px; max-height: 80vh;\">\n            @switch (activeTab()) {\n              @case ('preview') {\n                @if (document()!.markdown) {\n                  <div class=\"markdown-body\" [innerHTML]=\"renderedMarkdown()\"></div>\n                } @else {\n                  <div class=\"text-center text-muted py-5\">\n                    <i class=\"fas fa-align-left fa-3x mb-3 d-block\"></i>\n                    <p class=\"mb-0\">{{ '::Document:Markdown:Empty' | abpLocalization }}</p>\n                  </div>\n                }\n              }\n              @case ('source') {\n                @if (document()!.markdown) {\n                  <pre class=\"ocr-text mb-0\">{{ document()!.markdown }}</pre>\n                } @else {\n                  <div class=\"text-center text-muted py-5\">\n                    <p class=\"mb-0\">{{ '::Document:Markdown:Empty' | abpLocalization }}</p>\n                  </div>\n                }\n              }\n              @case ('file') {\n                @if (fileBlob.isLoading()) {\n                  <div class=\"text-center py-5\">\n                    <div class=\"spinner-border text-primary\" role=\"status\"></div>\n                  </div>\n                } @else if (fileBlob.hasError()) {\n                  <div class=\"text-center text-muted py-5\">\n                    <i class=\"fas fa-exclamation-triangle fa-3x mb-3 d-block\"></i>\n                    <p class=\"mb-0\">{{ '::Document:PreviewUnavailable' | abpLocalization }}</p>\n                  </div>\n                } @else if (isImage() && fileBlob.blobUrl()) {\n                  <div class=\"text-center\">\n                    <img\n                      [src]=\"fileBlob.blobUrl()\"\n                      (error)=\"onPreviewError()\"\n                      alt=\"{{ document()!.fileOrigin?.originalFileName }}\"\n                      class=\"img-fluid preview-image\"\n                      style=\"max-height: 70vh; object-fit: contain;\"\n                    />\n                  </div>\n                } @else if (isPdf() && fileBlob.safeResourceUrl()) {\n                  <iframe\n                    [src]=\"fileBlob.safeResourceUrl()\"\n                    [title]=\"document()!.fileOrigin?.originalFileName\"\n                    class=\"w-100 border rounded\"\n                    style=\"min-height: 70vh;\"\n                  ></iframe>\n                } @else {\n                  <div class=\"text-center text-muted py-5\">\n                    <i class=\"fas fa-image fa-3x mb-3 d-block\"></i>\n                    <p class=\"mb-0\">{{ '::Document:PreviewUnavailable' | abpLocalization }}</p>\n                  </div>\n                }\n              }\n            }\n          </div>\n          <!-- Source-file footer (name / type / download): only for documents that actually have a source\n               blob. A sub-document (#306/#346) has none, so hiding this avoids an empty footer and a Download\n               button that would fail with Extract:DocumentNoSourceBlob. -->\n          @if (hasSourceFile()) {\n            <div class=\"card-footer text-muted small d-flex align-items-center gap-2\">\n              <i class=\"fas fa-file\"></i>\n              <span class=\"text-truncate\">{{ document()!.fileOrigin?.originalFileName }}</span>\n              <span>\u00B7</span>\n              <span class=\"flex-shrink-0\">{{ document()!.fileOrigin?.contentType }}</span>\n              <button type=\"button\" (click)=\"downloadFile()\" [disabled]=\"fileBlob.isLoading()\"\n                      class=\"btn btn-sm btn-link p-0 ms-auto flex-shrink-0\">\n                @if (fileBlob.isLoading()) {\n                  <span class=\"spinner-border spinner-border-sm me-1\" role=\"status\"></span>\n                } @else {\n                  <i class=\"fas fa-download me-1\"></i>\n                }\n                {{ '::Document:DownloadFile' | abpLocalization }}\n              </button>\n            </div>\n          }\n        </div>\n      </div>\n\n      <!-- RIGHT: Document metadata, fields, pipelines -->\n      <div class=\"col-lg-6 d-flex flex-column\">\n        <div class=\"d-flex flex-column gap-3\">\n          <div class=\"card shadow-sm\">\n            <div class=\"card-body\">\n              <dl class=\"row mb-0 small\">\n                <dt class=\"col-sm-5 text-muted\">{{ '::Document:Type' | abpLocalization }}</dt>\n                <dd class=\"col-sm-7\">\n                  @if (documentTypeDisplayName(); as typeName) {\n                    <span class=\"badge bg-info text-dark\">{{ typeName }}</span>\n                  } @else {\n                    <span class=\"text-muted\">\u2014</span>\n                  }\n                </dd>\n\n                @if (canViewCabinets) {\n                  <dt class=\"col-sm-5 text-muted\">{{ '::Document:Cabinet' | abpLocalization }}</dt>\n                  <dd class=\"col-sm-7\">\n                    @if (isEditingCabinet()) {\n                      <div class=\"d-flex align-items-center gap-2 flex-wrap\">\n                        <select class=\"form-select form-select-sm w-auto\"\n                                [ngModel]=\"selectedCabinetId()\"\n                                (ngModelChange)=\"selectedCabinetId.set($event)\"\n                                [disabled]=\"isSavingCabinet()\">\n                          <option value=\"\">{{ '::Document:Unfiled' | abpLocalization }}</option>\n                          @for (c of cabinets(); track c.id) {\n                            <option [value]=\"c.id\">{{ c.name }}</option>\n                          }\n                        </select>\n                        <button type=\"button\" class=\"btn btn-sm btn-primary\"\n                                (click)=\"saveCabinet()\" [disabled]=\"isSavingCabinet()\">\n                          {{ '::Save' | abpLocalization }}\n                        </button>\n                        <button type=\"button\" class=\"btn btn-sm btn-outline-secondary\"\n                                (click)=\"cancelEditCabinet()\" [disabled]=\"isSavingCabinet()\">\n                          {{ '::Cancel' | abpLocalization }}\n                        </button>\n                      </div>\n                    } @else {\n                      @if (cabinetName(); as name) {\n                        <span class=\"badge bg-body-tertiary border\">\n                          <i class=\"fas fa-folder text-warning me-1\"></i>{{ name }}\n                        </span>\n                      } @else {\n                        <span class=\"text-muted\">{{ '::Document:Unfiled' | abpLocalization }}</span>\n                      }\n                      <button type=\"button\" class=\"btn btn-sm btn-link p-0 ms-2\"\n                              (click)=\"startEditCabinet()\">\n                        {{ '::Edit' | abpLocalization }}\n                      </button>\n                    }\n                  </dd>\n                }\n\n                <dt class=\"col-sm-5 text-muted\">{{ '::Document:ClassificationConfidence' | abpLocalization }}</dt>\n                <dd class=\"col-sm-7\">\n                  @if ((document()!.classificationConfidence ?? 0) > 0) {\n                    {{ ((document()!.classificationConfidence ?? 0) * 100).toFixed(0) }}%\n                  } @else {\n                    \u2014\n                  }\n                </dd>\n\n                @if (document()!.reviewDisposition === DocumentReviewDisposition.Confirmed || document()!.reviewDisposition === DocumentReviewDisposition.Rejected) {\n                  <dt class=\"col-sm-5 text-muted\">{{ '::Document:ReviewStatus' | abpLocalization }}</dt>\n                  <dd class=\"col-sm-7\">\n                    @if (document()!.reviewDisposition === DocumentReviewDisposition.Confirmed) {\n                      <span class=\"badge bg-success\">\n                        {{ '::Document:ReviewDisposition:Confirmed' | abpLocalization }}\n                      </span>\n                    } @else {\n                      <span class=\"badge bg-danger\">\n                        {{ '::Document:ReviewDisposition:Rejected' | abpLocalization }}\n                      </span>\n                    }\n                  </dd>\n                }\n\n                @if (document()!.reviewReasonDetails?.length) {\n                  <dt class=\"col-sm-5 text-muted\">{{ '::Document:NeedsReview' | abpLocalization }}</dt>\n                  <dd class=\"col-sm-7\">\n                    @for (detail of document()!.reviewReasonDetails; track detail.reason) {\n                      <div class=\"small mb-1\">\n                        <span class=\"badge\"\n                          [class.bg-danger]=\"detail.isBlocking\"\n                          [class.bg-warning]=\"!detail.isBlocking\"\n                          [class.text-dark]=\"!detail.isBlocking\">\n                          {{ reviewReasonLabel(detail.reason) | abpLocalization }}\n                        </span>\n                        @if (detail.missingFieldNames?.length) {\n                          <span class=\"text-muted ms-1\">{{ detail.missingFieldNames!.join('\u3001') }}</span>\n                        }\n                        <!-- #411: suspected-duplicate candidates \u2014 open each to compare before allowing / discarding. -->\n                        @if (detail.duplicateCandidates?.length) {\n                          <div class=\"text-muted ms-1 mt-1\">\n                            {{ '::Document:ReviewReason:DuplicateCandidates' | abpLocalization }}\n                            @for (candidate of detail.duplicateCandidates; track candidate.id) {\n                              <button type=\"button\" class=\"btn btn-link btn-sm p-0 ms-2 align-baseline text-start\"\n                                (click)=\"openDocument(candidate.id!)\">\n                                {{ candidate.title || candidate.fileName || candidate.id }}\n                                @if (candidate.creationTime) {\n                                  <span class=\"text-muted\">\u00B7 {{ candidate.creationTime | date:'yyyy-MM-dd' }}</span>\n                                }\n                              </button>\n                            }\n                          </div>\n                        }\n                      </div>\n                    }\n                  </dd>\n                }\n\n                @if (document()!.rejectionReason) {\n                  <dt class=\"col-sm-5 text-muted\">{{ '::Document:RejectionReason' | abpLocalization }}</dt>\n                  <dd class=\"col-sm-7 text-muted fst-italic small\">{{ document()!.rejectionReason }}</dd>\n                }\n\n                <dt class=\"col-sm-5 text-muted\">{{ '::Document:UploadedBy' | abpLocalization }}</dt>\n                <dd class=\"col-sm-7\">{{ document()!.fileOrigin?.uploadedByUserName }}</dd>\n\n                <dt class=\"col-sm-5 text-muted\">{{ '::Document:UploadedAt' | abpLocalization }}</dt>\n                <dd class=\"col-sm-7\">{{ document()!.creationTime | date:'yyyy-MM-dd HH:mm' }}</dd>\n              </dl>\n            </div>\n          </div>\n\n          @if (showFieldsCard()) {\n            <div class=\"card shadow-sm\" id=\"extracted-fields-card\">\n              <div class=\"card-header d-flex justify-content-between align-items-center\">\n                <h6 class=\"mb-0\">\n                  <i class=\"fas fa-table-list me-2\"></i>\n                  {{ '::Document:ExtractedFields' | abpLocalization }}\n                </h6>\n                @if (canEditFields && fieldDefinitions().length > 0 && !isEditingFields()) {\n                  <button class=\"btn btn-outline-primary btn-sm\" (click)=\"startEditFields()\">\n                    <i class=\"fas fa-pen me-1\"></i>{{ '::Edit' | abpLocalization }}\n                  </button>\n                }\n              </div>\n              <div class=\"card-body\">\n                @if (!isEditingFields()) {\n                  @if (extractedFieldEntries().length > 0) {\n                    <dl class=\"row mb-0 small\">\n                      @for (entry of extractedFieldEntries(); track entry.key) {\n                        <dt class=\"col-sm-5 text-muted text-truncate\" [title]=\"entry.key\">\n                          {{ entry.label }}\n                        </dt>\n                        <dd class=\"col-sm-7 mb-2\">\n                          @if (entry.isMarkdown) {\n                            <!-- #418: LongText values render as Markdown, sanitized on bind by Angular's\n                                 DomSanitizer \u2014 the same pipeline as the left-column preview. -->\n                            <div class=\"markdown-body\" [innerHTML]=\"entry.renderedHtml\"></div>\n                          } @else {\n                            <span [title]=\"entry.value\">{{ entry.value }}</span>\n                          }\n                        </dd>\n                      }\n                    </dl>\n                  } @else {\n                    <p class=\"text-muted small mb-0\">{{ '::Document:NoFieldValues' | abpLocalization }}</p>\n                  }\n                } @else {\n                  <abp-dynamic-form\n                    [fields]=\"extractedFieldFormFields()\"\n                    [submitInProgress]=\"isSavingFields()\"\n                    (onSubmit)=\"saveFields($event)\"\n                  >\n                    <div actions class=\"d-flex justify-content-end gap-2\">\n                      <button\n                        type=\"button\"\n                        class=\"btn btn-secondary btn-sm\"\n                        (click)=\"cancelEditFields()\"\n                        [disabled]=\"isSavingFields()\"\n                      >\n                        {{ '::Cancel' | abpLocalization }}\n                      </button>\n                      <button\n                        type=\"submit\"\n                        class=\"btn btn-primary btn-sm\"\n                        [disabled]=\"isSavingFields()\"\n                      >\n                        @if (isSavingFields()) {\n                          <span class=\"spinner-border spinner-border-sm me-1\"></span>\n                        }\n                        {{ '::Save' | abpLocalization }}\n                      </button>\n                    </div>\n                  </abp-dynamic-form>\n                }\n              </div>\n            </div>\n          }\n\n          <div class=\"card shadow-sm\">\n            <div class=\"card-header\">\n              <h6 class=\"mb-0\">\n                <i class=\"fas fa-stream me-2\"></i>\n                {{ '::Document:Pipelines' | abpLocalization }}\n              </h6>\n            </div>\n            <ul class=\"list-group list-group-flush small\">\n              @for (row of pipelineRows(); track row.pipelineCode) {\n                <li class=\"list-group-item\">\n                  <div class=\"d-flex align-items-center flex-wrap gap-2\">\n                    <span class=\"fw-semibold\">\n                      @if (row.isKnown) {\n                        {{ row.labelKey | abpLocalization }}\n                      } @else {\n                        {{ row.pipelineCode }}\n                      }\n                    </span>\n                    <span [class]=\"row.statusBadgeClass\">\n                      @if (row.inProgress) {\n                        <span class=\"spinner-border spinner-border-sm me-1\" role=\"status\"></span>\n                      }\n                      {{ row.statusLabel | abpLocalization }}\n                    </span>\n                    @if (row.run && (row.run.attemptNumber ?? 0) > 1) {\n                      <span class=\"badge bg-body-tertiary text-muted border\">\n                        {{ '::Document:Pipeline:Attempt' | abpLocalization }}\n                        #{{ row.run.attemptNumber }}\n                      </span>\n                    }\n                    @if (row.elapsedDisplay !== null) {\n                      <span class=\"text-muted ms-auto\">\n                        <i class=\"fas fa-clock me-1\"></i>{{ row.elapsedDisplay }}\n                      </span>\n                    }\n                    @if (row.retryable) {\n                      <button\n                        class=\"btn btn-outline-primary btn-sm\"\n                        [class.ms-auto]=\"row.elapsedDisplay === null\"\n                        [disabled]=\"retryingPipeline() !== null\"\n                        (click)=\"retryPipeline(row.pipelineCode)\">\n                        @if (retryingPipeline() === row.pipelineCode) {\n                          <span class=\"spinner-border spinner-border-sm me-1\" role=\"status\"></span>\n                          {{ '::Document:Pipeline:Retrying' | abpLocalization }}\n                        } @else {\n                          <i class=\"fas fa-redo me-1\"></i>\n                          {{ '::Document:Pipeline:Retry' | abpLocalization }}\n                        }\n                      </button>\n                    }\n                  </div>\n                  @if (row.run) {\n                    <div class=\"text-muted small mt-1\">\n                      @if (row.run.startedAt) {\n                        <span>\n                          <i class=\"fas fa-play me-1\"></i>{{ row.run.startedAt | date:'yyyy-MM-dd HH:mm:ss' }}\n                        </span>\n                      }\n                      @if (row.run.completedAt) {\n                        <span class=\"ms-3\">\n                          <i class=\"fas fa-flag-checkered me-1\"></i>{{ row.run.completedAt | date:'yyyy-MM-dd HH:mm:ss' }}\n                        </span>\n                      }\n                    </div>\n                  }\n                  @if (row.run?.statusMessage) {\n                    <div class=\"alert mt-2 mb-0 py-2 small\"\n                         [class.alert-danger]=\"row.run!.status === PipelineRunStatus.Failed\"\n                         [class.alert-secondary]=\"row.run!.status !== PipelineRunStatus.Failed\">\n                      {{ row.run!.statusMessage }}\n                    </div>\n                  }\n                </li>\n              }\n            </ul>\n          </div>\n        </div>\n      </div>\n    </div>\n  }\n</div>\n\n<!-- #395: Manual confirm / assign classification modal (relocated from the removed review queue). -->\n@if (showClassifyDialog()) {\n  <div class=\"modal d-block\" tabindex=\"-1\" style=\"background:rgba(0,0,0,.4);\" (click)=\"closeClassifyDialog()\">\n    <div class=\"modal-dialog modal-dialog-centered\" (click)=\"$event.stopPropagation()\">\n      <div class=\"modal-content\">\n        <div class=\"modal-header\">\n          <h5 class=\"modal-title\">\n            <i class=\"fas fa-user-edit me-2\"></i>\n            {{ '::Document:ConfirmClassification' | abpLocalization }}\n          </h5>\n          <button type=\"button\" class=\"btn-close\" (click)=\"closeClassifyDialog()\"></button>\n        </div>\n        <div class=\"modal-body\">\n          <p class=\"text-muted small mb-3\">\n            {{ document()?.title || document()?.fileOrigin?.originalFileName }}\n          </p>\n          <label class=\"form-label fw-semibold\">{{ '::Document:SelectDocumentType' | abpLocalization }}</label>\n          <select\n            class=\"form-select\"\n            [ngModel]=\"selectedTypeId()\"\n            (ngModelChange)=\"selectedTypeId.set($event)\"\n          >\n            <option value=\"\" disabled>{{ '::Document:SelectDocumentType' | abpLocalization }}</option>\n            @for (t of documentTypes(); track t.id) {\n              <option [value]=\"t.id\">{{ t.displayName }} ({{ t.typeCode }})</option>\n            }\n          </select>\n        </div>\n        <div class=\"modal-footer\">\n          <button type=\"button\" class=\"btn btn-secondary\" (click)=\"closeClassifyDialog()\">\n            {{ '::Cancel' | abpLocalization }}\n          </button>\n          <button\n            type=\"button\"\n            class=\"btn btn-primary\"\n            [disabled]=\"!selectedTypeId() || isConfirmingClassification()\"\n            (click)=\"submitClassify()\"\n          >\n            @if (isConfirmingClassification()) {\n              <span class=\"spinner-border spinner-border-sm me-1\"></span>\n            }\n            {{ '::Document:Confirm' | abpLocalization }}\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n}\n\n<!-- #395: Reject modal (relocated from the removed review queue). -->\n@if (showRejectDialog()) {\n  <div class=\"modal d-block\" tabindex=\"-1\" style=\"background:rgba(0,0,0,.4);\" (click)=\"closeRejectDialog()\">\n    <div class=\"modal-dialog modal-dialog-centered\" (click)=\"$event.stopPropagation()\">\n      <div class=\"modal-content\">\n        <div class=\"modal-header\">\n          <h5 class=\"modal-title\">\n            <i class=\"fas fa-ban me-2 text-danger\"></i>\n            {{ '::Document:Review:Reject' | abpLocalization }}\n          </h5>\n          <button type=\"button\" class=\"btn-close\" (click)=\"closeRejectDialog()\"></button>\n        </div>\n        <div class=\"modal-body\">\n          <p class=\"text-muted small mb-3\">\n            {{ document()?.title || document()?.fileOrigin?.originalFileName }}\n          </p>\n          <label class=\"form-label fw-semibold\">\n            {{ '::Document:Review:RejectReason' | abpLocalization }} <span class=\"text-danger\">*</span>\n          </label>\n          <textarea\n            class=\"form-control\"\n            rows=\"3\"\n            maxlength=\"2048\"\n            [ngModel]=\"rejectReason()\"\n            (ngModelChange)=\"rejectReason.set($event)\"\n            placeholder=\"{{ '::Document:Review:RejectReasonHint' | abpLocalization }}\"\n          ></textarea>\n        </div>\n        <div class=\"modal-footer\">\n          <button type=\"button\" class=\"btn btn-secondary\" (click)=\"closeRejectDialog()\">\n            {{ '::Cancel' | abpLocalization }}\n          </button>\n          <button\n            type=\"button\"\n            class=\"btn btn-danger\"\n            [disabled]=\"isRejecting()\"\n            (click)=\"submitReject()\"\n          >\n            @if (isRejecting()) {\n              <span class=\"spinner-border spinner-border-sm me-1\"></span>\n            }\n            {{ '::Document:Review:Reject' | abpLocalization }}\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n}\n", styles: [".preview-image{max-width:100%;border-radius:.25rem}.ocr-text{font-size:.8rem;white-space:pre-wrap;word-break:break-word;background-color:var(--bs-tertiary-bg, #f8f9fa);padding:.75rem;border-radius:.25rem;border:1px solid var(--bs-border-color, #dee2e6)}:host ::ng-deep .markdown-body{font-size:.9rem;line-height:1.6;word-wrap:break-word}:host ::ng-deep .markdown-body h1,:host ::ng-deep .markdown-body h2,:host ::ng-deep .markdown-body h3,:host ::ng-deep .markdown-body h4,:host ::ng-deep .markdown-body h5,:host ::ng-deep .markdown-body h6{margin-top:1rem;margin-bottom:.5rem;font-weight:600;line-height:1.25}:host ::ng-deep .markdown-body h1{font-size:1.5rem}:host ::ng-deep .markdown-body h2{font-size:1.3rem}:host ::ng-deep .markdown-body h3{font-size:1.15rem}:host ::ng-deep .markdown-body h4,:host ::ng-deep .markdown-body h5,:host ::ng-deep .markdown-body h6{font-size:1rem}:host ::ng-deep .markdown-body p{margin-bottom:.75rem}:host ::ng-deep .markdown-body ul,:host ::ng-deep .markdown-body ol{padding-left:1.5rem;margin-bottom:.75rem}:host ::ng-deep .markdown-body code{background-color:var(--bs-tertiary-bg, #f8f9fa);padding:.1rem .3rem;border-radius:.2rem;font-size:.85em}:host ::ng-deep .markdown-body pre{background-color:var(--bs-tertiary-bg, #f8f9fa);padding:.75rem;border-radius:.25rem;overflow-x:auto;margin-bottom:.75rem}:host ::ng-deep .markdown-body pre code{background-color:transparent;padding:0}:host ::ng-deep .markdown-body table{border-collapse:collapse;width:100%;margin-bottom:.75rem;font-size:.85rem}:host ::ng-deep .markdown-body table th,:host ::ng-deep .markdown-body table td{border:1px solid var(--bs-border-color, #dee2e6);padding:.4rem .6rem;text-align:left}:host ::ng-deep .markdown-body table th{background-color:var(--bs-tertiary-bg, #f8f9fa);font-weight:600}:host ::ng-deep .markdown-body img{max-width:100%;height:auto}:host ::ng-deep .markdown-body blockquote{border-left:3px solid var(--bs-border-color, #dee2e6);padding-left:.75rem;margin-bottom:.75rem;color:var(--bs-secondary-color, #6c757d)}:host ::ng-deep .markdown-body a{color:var(--bs-primary, #0d6efd)}:host ::ng-deep .markdown-body>:first-child{margin-top:0}:host ::ng-deep .markdown-body>:last-child{margin-bottom:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: DynamicFormComponent, selector: "abp-dynamic-form", inputs: ["fields", "values", "submitButtonText", "submitInProgress", "showCancelButton"], outputs: ["onSubmit", "formCancel"], exportAs: ["abpDynamicForm"] }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "pipe", type: LocalizationPipe, name: "abpLocalization" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: DocumentDetailComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-document-detail', imports: [CommonModule, FormsModule, DynamicFormComponent, LocalizationPipe], providers: [DocumentFileBlobService], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"container-fluid py-4\">\n\n  <!-- Back + header -->\n  <div class=\"d-flex align-items-center mb-3 gap-2\">\n    <button class=\"btn btn-outline-secondary btn-sm\" (click)=\"goBack()\">\n      <i class=\"fas fa-arrow-left me-1\"></i>\n      {{ '::Back' | abpLocalization }}\n    </button>\n    @if (document()) {\n      <span class=\"ms-2 fw-semibold text-truncate\" style=\"max-width: 480px;\" [title]=\"document()!.title || document()!.fileOrigin?.originalFileName\">\n        {{ document()!.title || document()!.fileOrigin?.originalFileName }}\n      </span>\n      <span [class]=\"getDocumentStatusBadgeClass(document()!)\" class=\"ms-2\">\n        @if (isProcessing()) {\n          <span class=\"spinner-border spinner-border-sm me-1\" role=\"status\"></span>\n        }\n        {{ getDocumentStatusLabel(document()!) | abpLocalization }}\n      </span>\n    }\n    <div class=\"ms-auto d-flex gap-2\">\n      <!-- Display label is \"\u91CD\u65B0\u5206\u7C7B / Re-classify\": it re-runs classification on the already-extracted text,\n           NOT OCR (the #263 internal name stays \"rerecognize\"). The tooltip states the original file is not\n           re-scanned, to kill the \"re-OCR from the original file\" misconception. -->\n      @if (canRerecognize()) {\n        <button\n          class=\"btn btn-outline-primary btn-sm\"\n          (click)=\"rerecognize()\"\n          [disabled]=\"isRerecognizing()\"\n          title=\"{{ '::Document:Rerecognize:Hint' | abpLocalization }}\"\n        >\n          @if (isRerecognizing()) {\n            <span class=\"spinner-border spinner-border-sm me-1\" role=\"status\"></span>\n            {{ '::Document:Rerecognizing' | abpLocalization }}\n          } @else {\n            <i class=\"fas fa-wand-magic-sparkles me-1\"></i>\n            {{ '::Document:Rerecognize' | abpLocalization }}\n          }\n        </button>\n      }\n      @if (canReextractFields()) {\n        <button\n          class=\"btn btn-outline-secondary btn-sm\"\n          (click)=\"reextractFields()\"\n          [disabled]=\"isReextracting()\"\n          title=\"{{ '::Document:ReextractFields' | abpLocalization }}\"\n        >\n          @if (isReextracting()) {\n            <span class=\"spinner-border spinner-border-sm me-1\" role=\"status\"></span>\n            {{ '::Document:ReextractFieldsInProgress' | abpLocalization }}\n          } @else {\n            <i class=\"fas fa-list-check me-1\"></i>\n            {{ '::Document:ReextractFields' | abpLocalization }}\n          }\n        </button>\n      }\n      @if (canDelete && document()) {\n        <button\n          class=\"btn btn-outline-danger btn-sm\"\n          (click)=\"delete()\"\n          title=\"{{ '::Delete' | abpLocalization }}\"\n        >\n          <i class=\"fas fa-trash me-1\"></i>\n          {{ '::Delete' | abpLocalization }}\n        </button>\n      }\n      <button\n        class=\"btn btn-outline-secondary btn-sm\"\n        (click)=\"refresh()\"\n        [disabled]=\"isLoading()\"\n        title=\"{{ '::Refresh' | abpLocalization }}\"\n      >\n        <i class=\"fas fa-sync-alt\" [class.fa-spin]=\"isLoading()\"></i>\n      </button>\n    </div>\n  </div>\n\n  <!-- Loading state -->\n  @if (isLoading()) {\n    <div class=\"text-center py-5\">\n      <div class=\"spinner-border text-primary\" role=\"status\"></div>\n    </div>\n  }\n\n  @if (document()) {\n    <!-- Sub-document provenance banner (#306/#354): this document was derived from a container document.\n         Offer navigation back to the source and to its sibling sub-documents. -->\n    @if (isSubDocument()) {\n      <div class=\"alert alert-info d-flex flex-wrap align-items-center gap-2 mb-3\" role=\"alert\">\n        <i class=\"fas fa-sitemap me-1\"></i>\n        <span>\n          {{ '::Document:SubDocumentOf' | abpLocalization }}\n          @if (parentDocument(); as parent) {\n            <strong>{{ parent.title || parent.fileOrigin?.originalFileName || document()!.originDocumentId }}</strong>\n          } @else if (parentLookupFailed()) {\n            <!-- Source removed (soft / permanently deleted) or cross-layer: show an explicit \"unavailable\" label\n                 instead of a raw id, and drop the dead \"view parent\" link below. The sub-document stays fully usable. -->\n            <strong>{{ '::Document:SourceDocumentUnavailable' | abpLocalization }}</strong>\n          } @else {\n            <strong>{{ document()!.originDocumentId }}</strong>\n          }\n        </span>\n        <div class=\"ms-auto d-flex gap-2\">\n          @if (parentDocument()) {\n            <button type=\"button\" class=\"btn btn-sm btn-outline-primary\" (click)=\"openParentDocument()\">\n              <i class=\"fas fa-arrow-up me-1\"></i>{{ '::Document:ViewParentDocument' | abpLocalization }}\n            </button>\n          }\n          <button type=\"button\" class=\"btn btn-sm btn-outline-secondary\" (click)=\"viewSiblingDocuments()\">\n            <i class=\"fas fa-sitemap me-1\"></i>{{ '::Document:ViewSiblingDocuments' | abpLocalization }}\n          </button>\n        </div>\n      </div>\n    }\n\n    <!-- Review / processing banner. #395/#412: contextual remediation actions live here. The banner is\n         reason-aware \u2014 the active review reasons drive both the badges and which CTA appears: classification\n         is confirmed/assigned via the dialog, missing fields are completed in the fields card below, a\n         suspected duplicate is released, and the document can always be rejected. -->\n    @if (needsReview()) {\n      <div class=\"alert alert-warning mb-3\" role=\"alert\">\n        <div class=\"d-flex align-items-center flex-wrap gap-2\">\n          <i class=\"fas fa-user-edit me-2\"></i>\n          <span>{{ '::Document:PendingReviewMessage' | abpLocalization }}</span>\n          <!-- #412: surface the concrete reason(s) right here, so the operator no longer has to read them off\n               the metadata list in the right column. Blocking reasons are red, advisory ones amber. -->\n          @for (detail of document()!.reviewReasonDetails; track detail.reason) {\n            <span class=\"badge\"\n              [class.bg-danger]=\"detail.isBlocking\"\n              [class.bg-warning]=\"!detail.isBlocking\"\n              [class.text-dark]=\"!detail.isBlocking\">\n              {{ reviewReasonLabel(detail.reason) | abpLocalization }}\n            </span>\n          }\n          @if (canEditFields) {\n            <div class=\"ms-auto d-flex gap-2\">\n              @if (needsClassification()) {\n                <button type=\"button\" class=\"btn btn-sm btn-warning\" (click)=\"openClassifyDialog()\">\n                  <i class=\"fas fa-check me-1\"></i>\n                  {{ '::Document:ConfirmClassification' | abpLocalization }}\n                </button>\n              }\n              <!-- #412: missing required fields are completed below \u2014 jump there and open the editor. -->\n              @if (needsFieldCompletion()) {\n                <button type=\"button\" class=\"btn btn-sm btn-warning\" (click)=\"completeFields()\">\n                  <i class=\"fas fa-pen me-1\"></i>\n                  {{ '::Document:Review:CompleteFields' | abpLocalization }}\n                </button>\n              }\n              <!-- #411: resolve a suspected duplicate \u2014 \"Allow\" releases it (not a duplicate / acceptable re-upload);\n                   confirming the duplicate is the Delete action in the header toolbar. -->\n              @if (needsDuplicateReview()) {\n                <button type=\"button\" class=\"btn btn-sm btn-success\" (click)=\"allowDuplicate()\" [disabled]=\"isAllowingDuplicate()\">\n                  <i class=\"fas fa-check-double me-1\"></i>\n                  {{ '::Document:Review:AllowDuplicate' | abpLocalization }}\n                </button>\n              }\n              <button type=\"button\" class=\"btn btn-sm btn-outline-danger\" (click)=\"openRejectDialog()\">\n                <i class=\"fas fa-ban me-1\"></i>\n                {{ '::Document:Review:Reject' | abpLocalization }}\n              </button>\n            </div>\n          }\n        </div>\n        <!-- #412: one remediation hint per active reason, so each reason states its own expected action\n             instead of leaning on the single (reason-neutral) headline above. -->\n        @for (detail of document()!.reviewReasonDetails; track detail.reason) {\n          <div class=\"small text-muted mt-2\">\n            {{ reviewReasonHint(detail.reason) | abpLocalization }}\n            @if (detail.missingFieldNames?.length) {\n              <span class=\"fw-semibold\">{{ detail.missingFieldNames!.join('\u3001') }}</span>\n            }\n          </div>\n        }\n      </div>\n    } @else if (isProcessing()) {\n      <div class=\"alert alert-warning d-flex align-items-center mb-3\" role=\"alert\">\n        <div class=\"spinner-border spinner-border-sm me-2\" role=\"status\"></div>\n        <span>{{ '::Document:ProcessingMessage' | abpLocalization }}</span>\n      </div>\n    }\n\n    <div class=\"row g-3\">\n      <!-- LEFT: Tab area: Markdown preview / source / original file (#274) -->\n      <div class=\"col-lg-6\">\n        <div class=\"card shadow-sm h-100 d-flex flex-column\">\n          <div class=\"card-header p-0 pt-2\">\n            <ul class=\"nav nav-tabs card-header-tabs mx-2 mb-0\">\n              <li class=\"nav-item\">\n                <button class=\"nav-link\" [class.active]=\"activeTab() === 'preview'\"\n                        (click)=\"selectTab('preview')\">\n                  <i class=\"fas fa-eye me-1\"></i>{{ '::Document:Tab:Preview' | abpLocalization }}\n                </button>\n              </li>\n              <li class=\"nav-item\">\n                <button class=\"nav-link\" [class.active]=\"activeTab() === 'source'\"\n                        (click)=\"selectTab('source')\">\n                  <i class=\"fas fa-code me-1\"></i>{{ '::Document:Tab:Source' | abpLocalization }}\n                </button>\n              </li>\n              <!-- Sub-documents have no source blob (#306/#346); hide the Original File tab so the UI never\n                   calls GetBlobAsync for them (Extract:DocumentNoSourceBlob). -->\n              @if (hasSourceFile()) {\n                <li class=\"nav-item\">\n                  <button class=\"nav-link\" [class.active]=\"activeTab() === 'file'\"\n                          (click)=\"selectTab('file')\">\n                    <i class=\"fas fa-file me-1\"></i>{{ '::Document:OriginalFile' | abpLocalization }}\n                  </button>\n                </li>\n              }\n            </ul>\n          </div>\n          <div class=\"card-body overflow-auto\" style=\"min-height: 400px; max-height: 80vh;\">\n            @switch (activeTab()) {\n              @case ('preview') {\n                @if (document()!.markdown) {\n                  <div class=\"markdown-body\" [innerHTML]=\"renderedMarkdown()\"></div>\n                } @else {\n                  <div class=\"text-center text-muted py-5\">\n                    <i class=\"fas fa-align-left fa-3x mb-3 d-block\"></i>\n                    <p class=\"mb-0\">{{ '::Document:Markdown:Empty' | abpLocalization }}</p>\n                  </div>\n                }\n              }\n              @case ('source') {\n                @if (document()!.markdown) {\n                  <pre class=\"ocr-text mb-0\">{{ document()!.markdown }}</pre>\n                } @else {\n                  <div class=\"text-center text-muted py-5\">\n                    <p class=\"mb-0\">{{ '::Document:Markdown:Empty' | abpLocalization }}</p>\n                  </div>\n                }\n              }\n              @case ('file') {\n                @if (fileBlob.isLoading()) {\n                  <div class=\"text-center py-5\">\n                    <div class=\"spinner-border text-primary\" role=\"status\"></div>\n                  </div>\n                } @else if (fileBlob.hasError()) {\n                  <div class=\"text-center text-muted py-5\">\n                    <i class=\"fas fa-exclamation-triangle fa-3x mb-3 d-block\"></i>\n                    <p class=\"mb-0\">{{ '::Document:PreviewUnavailable' | abpLocalization }}</p>\n                  </div>\n                } @else if (isImage() && fileBlob.blobUrl()) {\n                  <div class=\"text-center\">\n                    <img\n                      [src]=\"fileBlob.blobUrl()\"\n                      (error)=\"onPreviewError()\"\n                      alt=\"{{ document()!.fileOrigin?.originalFileName }}\"\n                      class=\"img-fluid preview-image\"\n                      style=\"max-height: 70vh; object-fit: contain;\"\n                    />\n                  </div>\n                } @else if (isPdf() && fileBlob.safeResourceUrl()) {\n                  <iframe\n                    [src]=\"fileBlob.safeResourceUrl()\"\n                    [title]=\"document()!.fileOrigin?.originalFileName\"\n                    class=\"w-100 border rounded\"\n                    style=\"min-height: 70vh;\"\n                  ></iframe>\n                } @else {\n                  <div class=\"text-center text-muted py-5\">\n                    <i class=\"fas fa-image fa-3x mb-3 d-block\"></i>\n                    <p class=\"mb-0\">{{ '::Document:PreviewUnavailable' | abpLocalization }}</p>\n                  </div>\n                }\n              }\n            }\n          </div>\n          <!-- Source-file footer (name / type / download): only for documents that actually have a source\n               blob. A sub-document (#306/#346) has none, so hiding this avoids an empty footer and a Download\n               button that would fail with Extract:DocumentNoSourceBlob. -->\n          @if (hasSourceFile()) {\n            <div class=\"card-footer text-muted small d-flex align-items-center gap-2\">\n              <i class=\"fas fa-file\"></i>\n              <span class=\"text-truncate\">{{ document()!.fileOrigin?.originalFileName }}</span>\n              <span>\u00B7</span>\n              <span class=\"flex-shrink-0\">{{ document()!.fileOrigin?.contentType }}</span>\n              <button type=\"button\" (click)=\"downloadFile()\" [disabled]=\"fileBlob.isLoading()\"\n                      class=\"btn btn-sm btn-link p-0 ms-auto flex-shrink-0\">\n                @if (fileBlob.isLoading()) {\n                  <span class=\"spinner-border spinner-border-sm me-1\" role=\"status\"></span>\n                } @else {\n                  <i class=\"fas fa-download me-1\"></i>\n                }\n                {{ '::Document:DownloadFile' | abpLocalization }}\n              </button>\n            </div>\n          }\n        </div>\n      </div>\n\n      <!-- RIGHT: Document metadata, fields, pipelines -->\n      <div class=\"col-lg-6 d-flex flex-column\">\n        <div class=\"d-flex flex-column gap-3\">\n          <div class=\"card shadow-sm\">\n            <div class=\"card-body\">\n              <dl class=\"row mb-0 small\">\n                <dt class=\"col-sm-5 text-muted\">{{ '::Document:Type' | abpLocalization }}</dt>\n                <dd class=\"col-sm-7\">\n                  @if (documentTypeDisplayName(); as typeName) {\n                    <span class=\"badge bg-info text-dark\">{{ typeName }}</span>\n                  } @else {\n                    <span class=\"text-muted\">\u2014</span>\n                  }\n                </dd>\n\n                @if (canViewCabinets) {\n                  <dt class=\"col-sm-5 text-muted\">{{ '::Document:Cabinet' | abpLocalization }}</dt>\n                  <dd class=\"col-sm-7\">\n                    @if (isEditingCabinet()) {\n                      <div class=\"d-flex align-items-center gap-2 flex-wrap\">\n                        <select class=\"form-select form-select-sm w-auto\"\n                                [ngModel]=\"selectedCabinetId()\"\n                                (ngModelChange)=\"selectedCabinetId.set($event)\"\n                                [disabled]=\"isSavingCabinet()\">\n                          <option value=\"\">{{ '::Document:Unfiled' | abpLocalization }}</option>\n                          @for (c of cabinets(); track c.id) {\n                            <option [value]=\"c.id\">{{ c.name }}</option>\n                          }\n                        </select>\n                        <button type=\"button\" class=\"btn btn-sm btn-primary\"\n                                (click)=\"saveCabinet()\" [disabled]=\"isSavingCabinet()\">\n                          {{ '::Save' | abpLocalization }}\n                        </button>\n                        <button type=\"button\" class=\"btn btn-sm btn-outline-secondary\"\n                                (click)=\"cancelEditCabinet()\" [disabled]=\"isSavingCabinet()\">\n                          {{ '::Cancel' | abpLocalization }}\n                        </button>\n                      </div>\n                    } @else {\n                      @if (cabinetName(); as name) {\n                        <span class=\"badge bg-body-tertiary border\">\n                          <i class=\"fas fa-folder text-warning me-1\"></i>{{ name }}\n                        </span>\n                      } @else {\n                        <span class=\"text-muted\">{{ '::Document:Unfiled' | abpLocalization }}</span>\n                      }\n                      <button type=\"button\" class=\"btn btn-sm btn-link p-0 ms-2\"\n                              (click)=\"startEditCabinet()\">\n                        {{ '::Edit' | abpLocalization }}\n                      </button>\n                    }\n                  </dd>\n                }\n\n                <dt class=\"col-sm-5 text-muted\">{{ '::Document:ClassificationConfidence' | abpLocalization }}</dt>\n                <dd class=\"col-sm-7\">\n                  @if ((document()!.classificationConfidence ?? 0) > 0) {\n                    {{ ((document()!.classificationConfidence ?? 0) * 100).toFixed(0) }}%\n                  } @else {\n                    \u2014\n                  }\n                </dd>\n\n                @if (document()!.reviewDisposition === DocumentReviewDisposition.Confirmed || document()!.reviewDisposition === DocumentReviewDisposition.Rejected) {\n                  <dt class=\"col-sm-5 text-muted\">{{ '::Document:ReviewStatus' | abpLocalization }}</dt>\n                  <dd class=\"col-sm-7\">\n                    @if (document()!.reviewDisposition === DocumentReviewDisposition.Confirmed) {\n                      <span class=\"badge bg-success\">\n                        {{ '::Document:ReviewDisposition:Confirmed' | abpLocalization }}\n                      </span>\n                    } @else {\n                      <span class=\"badge bg-danger\">\n                        {{ '::Document:ReviewDisposition:Rejected' | abpLocalization }}\n                      </span>\n                    }\n                  </dd>\n                }\n\n                @if (document()!.reviewReasonDetails?.length) {\n                  <dt class=\"col-sm-5 text-muted\">{{ '::Document:NeedsReview' | abpLocalization }}</dt>\n                  <dd class=\"col-sm-7\">\n                    @for (detail of document()!.reviewReasonDetails; track detail.reason) {\n                      <div class=\"small mb-1\">\n                        <span class=\"badge\"\n                          [class.bg-danger]=\"detail.isBlocking\"\n                          [class.bg-warning]=\"!detail.isBlocking\"\n                          [class.text-dark]=\"!detail.isBlocking\">\n                          {{ reviewReasonLabel(detail.reason) | abpLocalization }}\n                        </span>\n                        @if (detail.missingFieldNames?.length) {\n                          <span class=\"text-muted ms-1\">{{ detail.missingFieldNames!.join('\u3001') }}</span>\n                        }\n                        <!-- #411: suspected-duplicate candidates \u2014 open each to compare before allowing / discarding. -->\n                        @if (detail.duplicateCandidates?.length) {\n                          <div class=\"text-muted ms-1 mt-1\">\n                            {{ '::Document:ReviewReason:DuplicateCandidates' | abpLocalization }}\n                            @for (candidate of detail.duplicateCandidates; track candidate.id) {\n                              <button type=\"button\" class=\"btn btn-link btn-sm p-0 ms-2 align-baseline text-start\"\n                                (click)=\"openDocument(candidate.id!)\">\n                                {{ candidate.title || candidate.fileName || candidate.id }}\n                                @if (candidate.creationTime) {\n                                  <span class=\"text-muted\">\u00B7 {{ candidate.creationTime | date:'yyyy-MM-dd' }}</span>\n                                }\n                              </button>\n                            }\n                          </div>\n                        }\n                      </div>\n                    }\n                  </dd>\n                }\n\n                @if (document()!.rejectionReason) {\n                  <dt class=\"col-sm-5 text-muted\">{{ '::Document:RejectionReason' | abpLocalization }}</dt>\n                  <dd class=\"col-sm-7 text-muted fst-italic small\">{{ document()!.rejectionReason }}</dd>\n                }\n\n                <dt class=\"col-sm-5 text-muted\">{{ '::Document:UploadedBy' | abpLocalization }}</dt>\n                <dd class=\"col-sm-7\">{{ document()!.fileOrigin?.uploadedByUserName }}</dd>\n\n                <dt class=\"col-sm-5 text-muted\">{{ '::Document:UploadedAt' | abpLocalization }}</dt>\n                <dd class=\"col-sm-7\">{{ document()!.creationTime | date:'yyyy-MM-dd HH:mm' }}</dd>\n              </dl>\n            </div>\n          </div>\n\n          @if (showFieldsCard()) {\n            <div class=\"card shadow-sm\" id=\"extracted-fields-card\">\n              <div class=\"card-header d-flex justify-content-between align-items-center\">\n                <h6 class=\"mb-0\">\n                  <i class=\"fas fa-table-list me-2\"></i>\n                  {{ '::Document:ExtractedFields' | abpLocalization }}\n                </h6>\n                @if (canEditFields && fieldDefinitions().length > 0 && !isEditingFields()) {\n                  <button class=\"btn btn-outline-primary btn-sm\" (click)=\"startEditFields()\">\n                    <i class=\"fas fa-pen me-1\"></i>{{ '::Edit' | abpLocalization }}\n                  </button>\n                }\n              </div>\n              <div class=\"card-body\">\n                @if (!isEditingFields()) {\n                  @if (extractedFieldEntries().length > 0) {\n                    <dl class=\"row mb-0 small\">\n                      @for (entry of extractedFieldEntries(); track entry.key) {\n                        <dt class=\"col-sm-5 text-muted text-truncate\" [title]=\"entry.key\">\n                          {{ entry.label }}\n                        </dt>\n                        <dd class=\"col-sm-7 mb-2\">\n                          @if (entry.isMarkdown) {\n                            <!-- #418: LongText values render as Markdown, sanitized on bind by Angular's\n                                 DomSanitizer \u2014 the same pipeline as the left-column preview. -->\n                            <div class=\"markdown-body\" [innerHTML]=\"entry.renderedHtml\"></div>\n                          } @else {\n                            <span [title]=\"entry.value\">{{ entry.value }}</span>\n                          }\n                        </dd>\n                      }\n                    </dl>\n                  } @else {\n                    <p class=\"text-muted small mb-0\">{{ '::Document:NoFieldValues' | abpLocalization }}</p>\n                  }\n                } @else {\n                  <abp-dynamic-form\n                    [fields]=\"extractedFieldFormFields()\"\n                    [submitInProgress]=\"isSavingFields()\"\n                    (onSubmit)=\"saveFields($event)\"\n                  >\n                    <div actions class=\"d-flex justify-content-end gap-2\">\n                      <button\n                        type=\"button\"\n                        class=\"btn btn-secondary btn-sm\"\n                        (click)=\"cancelEditFields()\"\n                        [disabled]=\"isSavingFields()\"\n                      >\n                        {{ '::Cancel' | abpLocalization }}\n                      </button>\n                      <button\n                        type=\"submit\"\n                        class=\"btn btn-primary btn-sm\"\n                        [disabled]=\"isSavingFields()\"\n                      >\n                        @if (isSavingFields()) {\n                          <span class=\"spinner-border spinner-border-sm me-1\"></span>\n                        }\n                        {{ '::Save' | abpLocalization }}\n                      </button>\n                    </div>\n                  </abp-dynamic-form>\n                }\n              </div>\n            </div>\n          }\n\n          <div class=\"card shadow-sm\">\n            <div class=\"card-header\">\n              <h6 class=\"mb-0\">\n                <i class=\"fas fa-stream me-2\"></i>\n                {{ '::Document:Pipelines' | abpLocalization }}\n              </h6>\n            </div>\n            <ul class=\"list-group list-group-flush small\">\n              @for (row of pipelineRows(); track row.pipelineCode) {\n                <li class=\"list-group-item\">\n                  <div class=\"d-flex align-items-center flex-wrap gap-2\">\n                    <span class=\"fw-semibold\">\n                      @if (row.isKnown) {\n                        {{ row.labelKey | abpLocalization }}\n                      } @else {\n                        {{ row.pipelineCode }}\n                      }\n                    </span>\n                    <span [class]=\"row.statusBadgeClass\">\n                      @if (row.inProgress) {\n                        <span class=\"spinner-border spinner-border-sm me-1\" role=\"status\"></span>\n                      }\n                      {{ row.statusLabel | abpLocalization }}\n                    </span>\n                    @if (row.run && (row.run.attemptNumber ?? 0) > 1) {\n                      <span class=\"badge bg-body-tertiary text-muted border\">\n                        {{ '::Document:Pipeline:Attempt' | abpLocalization }}\n                        #{{ row.run.attemptNumber }}\n                      </span>\n                    }\n                    @if (row.elapsedDisplay !== null) {\n                      <span class=\"text-muted ms-auto\">\n                        <i class=\"fas fa-clock me-1\"></i>{{ row.elapsedDisplay }}\n                      </span>\n                    }\n                    @if (row.retryable) {\n                      <button\n                        class=\"btn btn-outline-primary btn-sm\"\n                        [class.ms-auto]=\"row.elapsedDisplay === null\"\n                        [disabled]=\"retryingPipeline() !== null\"\n                        (click)=\"retryPipeline(row.pipelineCode)\">\n                        @if (retryingPipeline() === row.pipelineCode) {\n                          <span class=\"spinner-border spinner-border-sm me-1\" role=\"status\"></span>\n                          {{ '::Document:Pipeline:Retrying' | abpLocalization }}\n                        } @else {\n                          <i class=\"fas fa-redo me-1\"></i>\n                          {{ '::Document:Pipeline:Retry' | abpLocalization }}\n                        }\n                      </button>\n                    }\n                  </div>\n                  @if (row.run) {\n                    <div class=\"text-muted small mt-1\">\n                      @if (row.run.startedAt) {\n                        <span>\n                          <i class=\"fas fa-play me-1\"></i>{{ row.run.startedAt | date:'yyyy-MM-dd HH:mm:ss' }}\n                        </span>\n                      }\n                      @if (row.run.completedAt) {\n                        <span class=\"ms-3\">\n                          <i class=\"fas fa-flag-checkered me-1\"></i>{{ row.run.completedAt | date:'yyyy-MM-dd HH:mm:ss' }}\n                        </span>\n                      }\n                    </div>\n                  }\n                  @if (row.run?.statusMessage) {\n                    <div class=\"alert mt-2 mb-0 py-2 small\"\n                         [class.alert-danger]=\"row.run!.status === PipelineRunStatus.Failed\"\n                         [class.alert-secondary]=\"row.run!.status !== PipelineRunStatus.Failed\">\n                      {{ row.run!.statusMessage }}\n                    </div>\n                  }\n                </li>\n              }\n            </ul>\n          </div>\n        </div>\n      </div>\n    </div>\n  }\n</div>\n\n<!-- #395: Manual confirm / assign classification modal (relocated from the removed review queue). -->\n@if (showClassifyDialog()) {\n  <div class=\"modal d-block\" tabindex=\"-1\" style=\"background:rgba(0,0,0,.4);\" (click)=\"closeClassifyDialog()\">\n    <div class=\"modal-dialog modal-dialog-centered\" (click)=\"$event.stopPropagation()\">\n      <div class=\"modal-content\">\n        <div class=\"modal-header\">\n          <h5 class=\"modal-title\">\n            <i class=\"fas fa-user-edit me-2\"></i>\n            {{ '::Document:ConfirmClassification' | abpLocalization }}\n          </h5>\n          <button type=\"button\" class=\"btn-close\" (click)=\"closeClassifyDialog()\"></button>\n        </div>\n        <div class=\"modal-body\">\n          <p class=\"text-muted small mb-3\">\n            {{ document()?.title || document()?.fileOrigin?.originalFileName }}\n          </p>\n          <label class=\"form-label fw-semibold\">{{ '::Document:SelectDocumentType' | abpLocalization }}</label>\n          <select\n            class=\"form-select\"\n            [ngModel]=\"selectedTypeId()\"\n            (ngModelChange)=\"selectedTypeId.set($event)\"\n          >\n            <option value=\"\" disabled>{{ '::Document:SelectDocumentType' | abpLocalization }}</option>\n            @for (t of documentTypes(); track t.id) {\n              <option [value]=\"t.id\">{{ t.displayName }} ({{ t.typeCode }})</option>\n            }\n          </select>\n        </div>\n        <div class=\"modal-footer\">\n          <button type=\"button\" class=\"btn btn-secondary\" (click)=\"closeClassifyDialog()\">\n            {{ '::Cancel' | abpLocalization }}\n          </button>\n          <button\n            type=\"button\"\n            class=\"btn btn-primary\"\n            [disabled]=\"!selectedTypeId() || isConfirmingClassification()\"\n            (click)=\"submitClassify()\"\n          >\n            @if (isConfirmingClassification()) {\n              <span class=\"spinner-border spinner-border-sm me-1\"></span>\n            }\n            {{ '::Document:Confirm' | abpLocalization }}\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n}\n\n<!-- #395: Reject modal (relocated from the removed review queue). -->\n@if (showRejectDialog()) {\n  <div class=\"modal d-block\" tabindex=\"-1\" style=\"background:rgba(0,0,0,.4);\" (click)=\"closeRejectDialog()\">\n    <div class=\"modal-dialog modal-dialog-centered\" (click)=\"$event.stopPropagation()\">\n      <div class=\"modal-content\">\n        <div class=\"modal-header\">\n          <h5 class=\"modal-title\">\n            <i class=\"fas fa-ban me-2 text-danger\"></i>\n            {{ '::Document:Review:Reject' | abpLocalization }}\n          </h5>\n          <button type=\"button\" class=\"btn-close\" (click)=\"closeRejectDialog()\"></button>\n        </div>\n        <div class=\"modal-body\">\n          <p class=\"text-muted small mb-3\">\n            {{ document()?.title || document()?.fileOrigin?.originalFileName }}\n          </p>\n          <label class=\"form-label fw-semibold\">\n            {{ '::Document:Review:RejectReason' | abpLocalization }} <span class=\"text-danger\">*</span>\n          </label>\n          <textarea\n            class=\"form-control\"\n            rows=\"3\"\n            maxlength=\"2048\"\n            [ngModel]=\"rejectReason()\"\n            (ngModelChange)=\"rejectReason.set($event)\"\n            placeholder=\"{{ '::Document:Review:RejectReasonHint' | abpLocalization }}\"\n          ></textarea>\n        </div>\n        <div class=\"modal-footer\">\n          <button type=\"button\" class=\"btn btn-secondary\" (click)=\"closeRejectDialog()\">\n            {{ '::Cancel' | abpLocalization }}\n          </button>\n          <button\n            type=\"button\"\n            class=\"btn btn-danger\"\n            [disabled]=\"isRejecting()\"\n            (click)=\"submitReject()\"\n          >\n            @if (isRejecting()) {\n              <span class=\"spinner-border spinner-border-sm me-1\"></span>\n            }\n            {{ '::Document:Review:Reject' | abpLocalization }}\n          </button>\n        </div>\n      </div>\n    </div>\n  </div>\n}\n", styles: [".preview-image{max-width:100%;border-radius:.25rem}.ocr-text{font-size:.8rem;white-space:pre-wrap;word-break:break-word;background-color:var(--bs-tertiary-bg, #f8f9fa);padding:.75rem;border-radius:.25rem;border:1px solid var(--bs-border-color, #dee2e6)}:host ::ng-deep .markdown-body{font-size:.9rem;line-height:1.6;word-wrap:break-word}:host ::ng-deep .markdown-body h1,:host ::ng-deep .markdown-body h2,:host ::ng-deep .markdown-body h3,:host ::ng-deep .markdown-body h4,:host ::ng-deep .markdown-body h5,:host ::ng-deep .markdown-body h6{margin-top:1rem;margin-bottom:.5rem;font-weight:600;line-height:1.25}:host ::ng-deep .markdown-body h1{font-size:1.5rem}:host ::ng-deep .markdown-body h2{font-size:1.3rem}:host ::ng-deep .markdown-body h3{font-size:1.15rem}:host ::ng-deep .markdown-body h4,:host ::ng-deep .markdown-body h5,:host ::ng-deep .markdown-body h6{font-size:1rem}:host ::ng-deep .markdown-body p{margin-bottom:.75rem}:host ::ng-deep .markdown-body ul,:host ::ng-deep .markdown-body ol{padding-left:1.5rem;margin-bottom:.75rem}:host ::ng-deep .markdown-body code{background-color:var(--bs-tertiary-bg, #f8f9fa);padding:.1rem .3rem;border-radius:.2rem;font-size:.85em}:host ::ng-deep .markdown-body pre{background-color:var(--bs-tertiary-bg, #f8f9fa);padding:.75rem;border-radius:.25rem;overflow-x:auto;margin-bottom:.75rem}:host ::ng-deep .markdown-body pre code{background-color:transparent;padding:0}:host ::ng-deep .markdown-body table{border-collapse:collapse;width:100%;margin-bottom:.75rem;font-size:.85rem}:host ::ng-deep .markdown-body table th,:host ::ng-deep .markdown-body table td{border:1px solid var(--bs-border-color, #dee2e6);padding:.4rem .6rem;text-align:left}:host ::ng-deep .markdown-body table th{background-color:var(--bs-tertiary-bg, #f8f9fa);font-weight:600}:host ::ng-deep .markdown-body img{max-width:100%;height:auto}:host ::ng-deep .markdown-body blockquote{border-left:3px solid var(--bs-border-color, #dee2e6);padding-left:.75rem;margin-bottom:.75rem;color:var(--bs-secondary-color, #6c757d)}:host ::ng-deep .markdown-body a{color:var(--bs-primary, #0d6efd)}:host ::ng-deep .markdown-body>:first-child{margin-top:0}:host ::ng-deep .markdown-body>:last-child{margin-bottom:0}\n"] }]
+        }], ctorParameters: () => [] });
+
+export { DocumentDetailComponent };
+//# sourceMappingURL=dignite-vault-extract-documents-document-detail.component-DHs42DWJ.mjs.map