cat-documents-ng 1.0.30 → 1.0.32

package/Shared/constant/ERROR.d.ts

@@ -49,7 +49,5 @@ export declare class ERRORS {
     static ERROR_CALLING_API_WITH_SELECTION: string;
     static ERROR_FILE_NAME_INVALID_CHARACTERS: string;
     static ERROR_FILE_NAME_EMPTY: string;
-    static ERROR_SUMMARY_GENERATION: string;
-    static ERROR_INSIGHTS_GENERATION: string;
     static ERROR_QUESTION_GENERATION: string;
 }

package/Shared/constant/URLS.d.ts

@@ -123,7 +123,5 @@ export declare class URLS {
     static CONVERT_TO_PDF: string;
     static BROKER_DOCUMENT_CATAGORIES: string;
     static BROKER_DOCUMENT_TYPES: string;
-    static AI_SUMMARY: string;
-    static AI_INSIGHTS: string;
     static AI_QUESTION: string;
 }

package/fesm2022/cat-documents-ng.mjs

@@ -981,8 +981,6 @@ class ERRORS {
     static ERROR_CALLING_API_WITH_SELECTION = 'Error calling API with selection:';
     static ERROR_FILE_NAME_INVALID_CHARACTERS = 'File name contains invalid characters (< > : " / \\ | ? *)';
     static ERROR_FILE_NAME_EMPTY = 'File name cannot be empty';
-    static ERROR_SUMMARY_GENERATION = 'Summary cannot be generated.';
-    static ERROR_INSIGHTS_GENERATION = 'Insights cannot be generated.';
     static ERROR_QUESTION_GENERATION = 'Question cannot be generated.';
 }
 
@@ -1111,9 +1109,7 @@ class URLS {
     static CONVERT_TO_PDF = "documents/convert-email-to-pdf";
     static BROKER_DOCUMENT_CATAGORIES = "documentTypes/getAllCategoriesForBrokerBySource/";
     static BROKER_DOCUMENT_TYPES = "documentTypes/getAllDocumentTypesForBrokerByCategoryId/";
-    static AI_SUMMARY = "summarize/";
-    static AI_INSIGHTS = "getInsights/";
-    static AI_QUESTION = "questions/";
+    static AI_QUESTION = "question/";
 }
 
 /**
@@ -1435,34 +1431,9 @@ class DocumentHttpService {
     get documentIntelligenceApiUrl() {
         return this.appConfigService.documentIntelligenceApiUrl;
     }
-    /**
-     * Calls AI summary endpoint for a document.
-     * @param {string} documentId - The document ID to summarize.
-     * @returns {Observable<AiSummaryResponse>} AI summary response.
-     */
-    getAiSummary(documentId) {
-        if (!documentId || !this.documentIntelligenceApiUrl) {
-            return throwError(() => new Error(ERRORS.ERROR_SUMMARY_GENERATION));
-        }
-        return this.http.post(`${this.documentIntelligenceApiUrl}${URLS.AI_SUMMARY}${documentId}`, '').pipe(catchError((error) => {
-            return throwError(() => new Error(error));
-        }));
-    }
-    /**
-     * Calls AI insights endpoint for a document.
-     * @param {string} documentId - The document ID to generate insights for.
-     * @returns {Observable<AiInsightsResponse>} AI insights response.
-     */
-    getAiInsights(documentId) {
-        if (!documentId || !this.documentIntelligenceApiUrl) {
-            return throwError(() => new Error(ERRORS.ERROR_INSIGHTS_GENERATION));
-        }
-        return this.http.post(`${this.documentIntelligenceApiUrl}${URLS.AI_INSIGHTS}${documentId}`, '').pipe(catchError((error) => {
-            return throwError(() => new Error(error));
-        }));
-    }
     /**
      * Calls AI question endpoint for chat answers.
+     * Uses same HttpClient as getDocumentHistoryByDocumentId; host app interceptor supplies Authorization Bearer.
      * @param {string} documentId - The document ID used for context.
      * @param {string} question - The question asked by the user.
      * @returns {Observable<AiQuestionResponse>} AI question answer response.
@@ -6660,7 +6631,7 @@ class DocumentHistoryAiService {
     state = {
         showAiMenu: false,
         showAiSidebar: false,
-        aiSidebarHeader: 'Summary',
+        aiSidebarHeader: 'Query',
         aiContent: '',
         aiContentHtml: '',
         aiLoading: false,
@@ -6689,17 +6660,13 @@ class DocumentHistoryAiService {
         this.state.showAiMenu = false;
     }
     /**
-     * Opens AI sidebar and loads selected section data.
-     * @param {'Summary' | 'Query' | 'Insights'} section - Selected AI section.
+     * Opens AI sidebar for Query panel.
+     * @param {'Query'} section - AI section (Query only).
      * @param {any} selectedDocument - Selected document object.
      */
     openAiPanel(section, selectedDocument) {
-        this.initializePanel(section);
-        if (section === 'Query') {
-            this.resetQueryState();
-            return;
-        }
-        this.loadAiContent(section, selectedDocument);
+        this.initializePanel();
+        this.resetQueryState();
     }
     /**
      * Sends query using current query text in state.
@@ -6735,33 +6702,6 @@ class DocumentHistoryAiService {
     getCurrentDocumentId(selectedDocument) {
         return selectedDocument?._id;
     }
-    /**
-     * Fetches AI content for summary or insights.
-     * @param {'Summary' | 'Insights'} section - AI section to load.
-     * @param {string} documentId - Document identifier.
-     * @returns {Observable<string>} Resolved AI content text.
-     */
-    fetchAiContent(section, documentId) {
-        if (!documentId) {
-            return throwError(() => new Error('Document ID is missing.'));
-        }
-        return section === 'Summary'
-            ? this.fetchSummary(documentId)
-            : this.fetchInsights(documentId);
-    }
-    /**
-     * Fetches section content and returns text + formatted html.
-     * @param {'Summary' | 'Insights'} section - AI section to load.
-     * @param {any} selectedDocument - Selected document object.
-     * @returns {Observable<{ content: string; html: string }>} Content payload.
-     */
-    getAiContentForSection(section, selectedDocument) {
-        const documentId = this.getCurrentDocumentId(selectedDocument);
-        if (!documentId) {
-            return throwError(() => new Error(ERRORS.NO_VALUE_FOUND));
-        }
-        return this.fetchAiContent(section, documentId).pipe(map(this.toContentResult.bind(this)), catchError$1(this.handleSectionError(section)));
-    }
     /**
      * Sends question against a document.
      * @param {string} documentId - Document identifier.
@@ -6787,16 +6727,6 @@ class DocumentHistoryAiService {
         }
         return this.askQuestion(documentId, question).pipe(map(this.toAnswerResult.bind(this)), catchError$1(this.handleQuestionGenerationError));
     }
-    /**
-     * Returns section-specific generation error.
-     * @param {'Summary' | 'Insights'} section - Section name.
-     * @returns {string} Error message.
-     */
-    getSectionError(section) {
-        return section === 'Summary'
-            ? ERRORS.ERROR_SUMMARY_GENERATION
-            : ERRORS.ERROR_INSIGHTS_GENERATION;
-    }
     /**
      * Converts markdown-like output to presentable HTML.
      * @param {string} content - Raw AI response content.
@@ -6806,44 +6736,6 @@ class DocumentHistoryAiService {
         const escaped = this.escapeHtml(content || '');
         return this.renderMarkdownLines(escaped.split('\n'));
     }
-    /**
-     * Fetches summary text by document id.
-     * @param {string} documentId - Document identifier.
-     * @returns {Observable<string>} Summary text.
-     */
-    fetchSummary(documentId) {
-        return this.documentHttpService.getAiSummary(documentId).pipe(map(this.extractSummaryContent), catchError$1(this.handleSummaryError));
-    }
-    /**
-     * Fetches insights text by document id.
-     * @param {string} documentId - Document identifier.
-     * @returns {Observable<string>} Insights text.
-     */
-    fetchInsights(documentId) {
-        return this.documentHttpService.getAiInsights(documentId).pipe(map(this.extractInsightsContent), catchError$1(this.handleInsightsError));
-    }
-    /**
-     * Extracts summary text from API response.
-     * @param {any} response - Summary API response.
-     * @returns {string} Summary text.
-     */
-    extractSummaryContent(response) {
-        if (!response?.success) {
-            throw new Error(ERRORS.ERROR_SUMMARY_GENERATION);
-        }
-        return response.documentSummary || 'No summary found.';
-    }
-    /**
-     * Extracts insights text from API response.
-     * @param {any} response - Insights API response.
-     * @returns {string} Insights text.
-     */
-    extractInsightsContent(response) {
-        if (!response?.success) {
-            throw new Error(ERRORS.ERROR_INSIGHTS_GENERATION);
-        }
-        return response.documentInsight || 'No insights found.';
-    }
     /**
      * Extracts answer text from question API response.
      * @param {any} response - Question API response.
@@ -6855,14 +6747,6 @@ class DocumentHistoryAiService {
         }
         return response.answer || 'No answer found.';
     }
-    /**
-     * Maps content text to content payload.
-     * @param {string} content - Plain content text.
-     * @returns {{ content: string; html: string }} Content payload.
-     */
-    toContentResult(content) {
-        return { content, html: this.formatAiContent(content) };
-    }
     /**
      * Maps answer text to answer payload.
      * @param {string} answer - Plain answer text.
@@ -6872,29 +6756,16 @@ class DocumentHistoryAiService {
         return { answer, html: this.formatAiContent(answer) };
     }
     /**
-     * Initializes panel state for a selected section.
-     * @param {'Summary' | 'Query' | 'Insights'} section - Selected section.
+     * Initializes panel state for Query.
      */
-    initializePanel(section) {
-        this.state.aiSidebarHeader = section;
+    initializePanel() {
+        this.state.aiSidebarHeader = 'Query';
         this.state.showAiSidebar = true;
         this.state.showAiMenu = false;
         this.state.aiError = '';
         this.state.aiContent = '';
         this.state.aiContentHtml = '';
     }
-    /**
-     * Loads summary/insights content into UI state.
-     * @param {'Summary' | 'Insights'} section - Content section to load.
-     * @param {any} selectedDocument - Selected document object.
-     */
-    loadAiContent(section, selectedDocument) {
-        this.state.aiLoading = true;
-        this.getAiContentForSection(section, selectedDocument).subscribe({
-            next: this.handleAiContentResult.bind(this),
-            error: this.handleAiContentRequestError.bind(this)
-        });
-    }
     /**
      * Resets query-specific UI state.
      */
@@ -6913,25 +6784,6 @@ class DocumentHistoryAiService {
         this.state.queryText = '';
         this.state.queryLoading = true;
     }
-    /**
-     * Handles successful summary/insights response and updates state.
-     * @param {{ content: string; html: string }} result - Formatted content result.
-     * @param {string} result.content - Raw AI content text.
-     * @param {string} result.html - Formatted AI HTML.
-     */
-    handleAiContentResult(result) {
-        this.state.aiLoading = false;
-        this.state.aiContent = result.content;
-        this.state.aiContentHtml = result.html;
-    }
-    /**
-     * Handles summary/insights request errors.
-     * @param {Error} error - Error object.
-     */
-    handleAiContentRequestError(error) {
-        this.state.aiLoading = false;
-        this.state.aiError = error?.message || this.getSectionError(this.state.aiSidebarHeader);
-    }
     /**
      * Handles successful question response and updates state.
      * @param {{ answer: string; html: string }} result - Formatted answer result.
@@ -6954,28 +6806,6 @@ class DocumentHistoryAiService {
         this.state.queryLoading = false;
         this.state.aiError = error?.message || ERRORS.ERROR_QUESTION_GENERATION;
     }
-    /**
-     * Produces section-specific catchError handler.
-     * @param {'Summary' | 'Insights'} section - AI section.
-     * @returns {(error: any) => Observable<never>} Error handler.
-     */
-    handleSectionError(section) {
-        return () => throwError(() => new Error(this.getSectionError(section)));
-    }
-    /**
-     * Converts summary request errors.
-     * @returns {Observable<never>} Error observable.
-     */
-    handleSummaryError() {
-        return throwError(() => new Error(ERRORS.ERROR_SUMMARY_GENERATION));
-    }
-    /**
-     * Converts insights request errors.
-     * @returns {Observable<never>} Error observable.
-     */
-    handleInsightsError() {
-        return throwError(() => new Error(ERRORS.ERROR_INSIGHTS_GENERATION));
-    }
     /**
      * Converts ask-question request errors.
      * @returns {Observable<never>} Error observable.
@@ -7185,6 +7015,11 @@ class DocumentHistoryComponent {
      * The selected document for actions
      */
     selectedDocument;
+    /**
+     * When true, shows AI dropdown (Summary / Query / Insights) and sidebar.
+     * Set false to hide document intelligence UI (default off until enabled).
+     */
+    isDocumentIntelligence = true;
     /**
      * Event emitted when delete task is requested
      */
@@ -7345,9 +7180,11 @@ class DocumentHistoryComponent {
     }
     /**
      * Open AI sidebar with selected section
-     * @param {'Summary' | 'Query' | 'Insights'} section - AI section selected from menu.
+     * @param {'Query'} section - AI section (Query only).
      */
     openAiPanel(section) {
+        if (!this.isDocumentIntelligence)
+            return;
         this.documentHistoryAiService.openAiPanel(section, this.selectedDocument);
     }
     /**
@@ -7520,7 +7357,7 @@ class DocumentHistoryComponent {
                 this.closeActionsMenu();
             }
         }
-        if (this.documentHistoryAiService.state.showAiMenu) {
+        if (this.isDocumentIntelligence && this.documentHistoryAiService.state.showAiMenu) {
             const aiMenu = target.closest('.ai-menu');
             if (!aiMenu) {
                 this.documentHistoryAiService.closeAiMenu();
@@ -7528,11 +7365,11 @@ class DocumentHistoryComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentHistoryComponent, deps: [{ token: DocumentHistoryService }, { token: DocumentViewerService }, { token: DocumentActionsService }, { token: i3.ConfirmationService }, { token: DocumentHttpService }, { token: DocumentHistoryAiService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: DocumentHistoryComponent, isStandalone: false, selector: "document-history", inputs: { historyData: "historyData", showHistory: "showHistory", contextId: "contextId", selectedDocument: "selectedDocument" }, outputs: { deleteTaskRequested: "deleteTaskRequested", documentSelected: "documentSelected" }, host: { listeners: { "document:click": "onDocumentClickOutside($event)" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"document-review-container\" *ngIf=\"showHistory && historyData.length > 0\">\n  <!-- Header Section -->\n  <div class=\"review-header\">\n    <div class=\"review-title-section\">\n      <h2 class=\"review-title\">Document Review</h2>\n      <div class=\"ai-menu\">\n        <button class=\"ai-btn\" (click)=\"documentHistoryAiService.toggleAiMenu()\" [class.active]=\"documentHistoryAiService.state.showAiMenu\">\n          <i class=\"pi pi-sparkles\"></i>\n          <span>AI</span>\n          <i class=\"pi pi-chevron-down\" [class.rotated]=\"documentHistoryAiService.state.showAiMenu\"></i>\n        </button>\n        <div class=\"ai-dropdown\" *ngIf=\"documentHistoryAiService.state.showAiMenu\" (click)=\"$event.stopPropagation()\">\n          <button type=\"button\" class=\"ai-dropdown-item\" (click)=\"openAiPanel('Summary')\">Summary</button>\n          <button type=\"button\" class=\"ai-dropdown-item\" (click)=\"openAiPanel('Query')\">Query</button>\n          <button type=\"button\" class=\"ai-dropdown-item\" (click)=\"openAiPanel('Insights')\">Insights</button>\n        </div>\n      </div>\n    </div>\n    <!-- <div class=\"actions-menu\" *ngIf=\"selectedDocument?.isUploaded || selectedDocument?.status == 'Approved'\"> -->\n      <!-- <div class=\"actions-menu\" *ngIf=\"(selectedDocument?.isUploaded || selectedDocument?.status == 'Approved') && !selectedDocument?.isSystemDocument\"> -->\n        <div class=\"actions-menu\" *ngIf=\"(selectedDocument?.status !== 'Approved') && (!selectedDocument?.isSystemDocument)\">\n        <button class=\"actions-btn\" (click)=\"toggleActionsMenu()\" [class.active]=\"showActionsMenu\">\n        Actions\n        <i class=\"pi pi-chevron-down\" [class.rotated]=\"showActionsMenu\"></i>\n      </button>\n\n      <!-- Actions Dropdown Menu -->\n      <div class=\"actions-dropdown\" *ngIf=\"showActionsMenu\" (click)=\"$event.stopPropagation()\">\n        <div class=\"dropdown-item\" *ngIf=\"selectedDocument?.status == 'Approved' || selectedDocument?.isUploaded || selectedDocument?.status == 'Uploaded'\">\n          <ng-content [select]=\"'action-launcher'\"></ng-content>\n        </div>\n        <div *ngIf=\"selectedDocument?.status == 'Uploaded' || selectedDocument?.status === 'Rejected' || selectedDocument?.status === 'Reviewing' || selectedDocument?.status === 'Pending'\" [permission]=\"'documents-deleteDocumentByDocumentId'\" class=\"dropdown-item\" (click)=\"onDeleteTask()\">\n          <span>Delete Document</span>\n        </div>\n      </div>\n      \n    </div>\n  </div>\n\n  <!-- Document Actions Component - Below Header -->\n  <div class=\"document-actions-section\">\n    <ng-content select=\"[actions-component]\"></ng-content>\n  </div>\n\n\n  <!-- Alerts Section -->\n  <!-- <div class=\"alerts-section\">\n    <div class=\"alert-card\">\n      <div class=\"alert-header\">\n        <i class=\"pi pi-exclamation-triangle alert-icon\"></i>\n        <span class=\"alert-text\">Alerts</span>\n        <div class=\"alert-badge\">\n          <span class=\"alert-count\">{{ getAlertCount() }}</span>\n          <i class=\"pi pi-chevron-right\"></i>\n        </div>\n      </div>\n    </div>\n  </div> -->\n\n  <!-- Timeline Section -->\n  <div class=\"timeline-section\">\n    <h3 class=\"timeline-title\">Timeline</h3>\n    <div class=\"timeline-container\">\n      <div class=\"timeline-item\" *ngFor=\"let section of processedHistoryData\">\n        <ng-container *ngFor=\"let item of section.list; let i = index\">\n          <div class=\"timeline-event mb-2\" *ngIf=\"!item.shouldHide\">\n          <div class=\"event-card\" [ngClass]=\"item.eventCardClass\">\n            <!-- Event Header -->\n            <div class=\"event-header\">\n              <div class=\"event-info\">\n                  <i [class]=\"item.eventIcon\"></i>\n                <span class=\"event-label\">{{ item.label }}</span>\n              </div>\n              <div class=\"event-timestamp\">{{ item.dateTime }}</div>\n            </div>\n            <!-- User Information -->\n            <div class=\"event-user mb-2\">\n              <span class=\"user-name\">{{ item.userName }}</span>\n              <span class=\"user-role\">({{ item.userRole }})</span>\n            </div>\n            <!-- Event Description -->\n            <div class=\"event-description\" *ngIf=\"item.requestDescription\">\n              <ul class=\"event-description-list\" *ngIf=\"item.label.toLowerCase().includes('requested')\">\n                <li class=\"event-description-item\">{{ item.requestDescription }}</li>\n              </ul>\n              <p *ngIf=\"!item.label.toLowerCase().includes('requested')\">{{ item.requestDescription }}</p>\n            </div>\n\n            <!-- Document Upload Cards -->\n            <div class=\"document-uploads\" *ngIf=\"item.documentList && item.documentList.length > 0\">\n              <div class=\"uploaded-documents\">\n                <div class=\"document-card\" *ngFor=\"let doc of item.documentList\" (click)=\"onDocumentClick(doc)\">\n                  <div class=\"document-icon\">\n                    <i class=\"pi pi-file\"></i>\n                  </div>\n                  <span class=\"document-name\">{{ doc.docName }}</span>\n                </div>\n              </div>\n            </div>\n\n\n          </div>\n        </div>\n        </ng-container>\n      </div>\n    </div>\n  </div>\n\n  <!-- <ng-content [select]=\"'actions-component'\"></ng-content> -->\n</div>\n\n<p-sidebar\n  [(visible)]=\"documentHistoryAiService.state.showAiSidebar\"\n  position=\"right\"\n  [style]=\"{ width: '420px' }\"\n  [dismissible]=\"true\"\n  [showCloseIcon]=\"true\"\n  [appendTo]=\"'body'\"\n>\n  <ng-template pTemplate=\"header\">\n    <h3 class=\"ai-sidebar-title\">{{ documentHistoryAiService.state.aiSidebarHeader }}</h3>\n  </ng-template>\n\n  <div class=\"ai-sidebar-content\">\n    <ng-container *ngIf=\"documentHistoryAiService.state.aiSidebarHeader !== 'Query'\">\n      <p class=\"ai-sidebar-text\" *ngIf=\"documentHistoryAiService.state.aiLoading\">Loading {{ documentHistoryAiService.state.aiSidebarHeader.toLowerCase() }}...</p>\n      <p class=\"ai-sidebar-error\" *ngIf=\"!documentHistoryAiService.state.aiLoading && documentHistoryAiService.state.aiError\">{{ documentHistoryAiService.state.aiError }}</p>\n      <div class=\"ai-sidebar-text ai-markdown\" *ngIf=\"!documentHistoryAiService.state.aiLoading && !documentHistoryAiService.state.aiError\" [innerHTML]=\"documentHistoryAiService.state.aiContentHtml\"></div>\n    </ng-container>\n\n    <ng-container *ngIf=\"documentHistoryAiService.state.aiSidebarHeader === 'Query'\">\n      <p class=\"ai-sidebar-error\" *ngIf=\"documentHistoryAiService.state.aiError\">{{ documentHistoryAiService.state.aiError }}</p>\n\n      <div class=\"query-chat-messages\">\n        <div class=\"query-chat-empty\" *ngIf=\"documentHistoryAiService.state.queryMessages.length === 0 && !documentHistoryAiService.state.queryLoading\">\n          Ask anything about this document.\n        </div>\n\n        <div *ngFor=\"let message of documentHistoryAiService.state.queryMessages\" class=\"query-chat-message\" [ngClass]=\"message.role\">\n          <div class=\"query-chat-bubble\">\n            <span *ngIf=\"message.role === 'user'\">{{ message.content }}</span>\n            <div *ngIf=\"message.role === 'assistant'\" class=\"ai-markdown\" [innerHTML]=\"message.htmlContent\"></div>\n          </div>\n        </div>\n\n        <div class=\"query-chat-message assistant\" *ngIf=\"documentHistoryAiService.state.queryLoading\">\n          <div class=\"query-chat-bubble\">Thinking...</div>\n        </div>\n      </div>\n\n      <div class=\"query-chat-input-wrap\">\n        <textarea\n          [(ngModel)]=\"documentHistoryAiService.state.queryText\"\n          (keydown)=\"onQueryEnter($event)\"\n          class=\"query-chat-input\"\n          rows=\"3\"\n          placeholder=\"Type your question\"\n        ></textarea>\n        <button type=\"button\" class=\"query-send-btn\" [disabled]=\"documentHistoryAiService.state.queryLoading || !documentHistoryAiService.state.queryText.trim()\" (click)=\"sendQuery()\">\n          Send\n        </button>\n      </div>\n    </ng-container>\n  </div>\n</p-sidebar>", styles: [".document-review-container{border-radius:8px;max-height:100%;overflow-y:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.document-review-container .review-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.document-review-container .review-header .review-title-section{display:flex;align-items:center;gap:.75rem}.document-review-container .review-header .review-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.document-review-container .review-header .ai-menu{position:relative}.document-review-container .review-header .ai-menu .ai-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:0 .85rem;color:#374151;font-size:.875rem;height:40px;line-height:1;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.document-review-container .review-header .ai-menu .ai-btn:hover{background:#f9fafb}.document-review-container .review-header .ai-menu .ai-btn.active{background:#f3f4f6;border-color:#9ca3af}.document-review-container .review-header .ai-menu .ai-btn i{font-size:.75rem;transition:transform .2s}.document-review-container .review-header .ai-menu .ai-btn i.rotated{transform:rotate(180deg)}.document-review-container .review-header .ai-menu .ai-dropdown{position:absolute;top:100%;left:0;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1000;min-width:160px;margin-top:.25rem;padding:.25rem 0}.document-review-container .review-header .ai-menu .ai-dropdown .ai-dropdown-item{width:100%;text-align:left;border:none;background:transparent;padding:.625rem .875rem;cursor:pointer;color:#374151;font-size:.875rem}.document-review-container .review-header .ai-menu .ai-dropdown .ai-dropdown-item:hover{background:#f9fafb}.document-review-container .review-header .actions-menu{position:relative}.document-review-container .review-header .actions-menu .actions-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:0 1rem;height:40px;line-height:1;color:#374151;font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.document-review-container .review-header .actions-menu .actions-btn:hover{background:#f9fafb}.document-review-container .review-header .actions-menu .actions-btn.active{background:#f3f4f6;border-color:#9ca3af}.document-review-container .review-header .actions-menu .actions-btn i{font-size:.75rem;transition:transform .2s}.document-review-container .review-header .actions-menu .actions-btn i.rotated{transform:rotate(180deg)}.document-review-container .review-header .actions-menu .actions-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1000;min-width:180px;margin-top:.25rem}.document-review-container .review-header .actions-menu .actions-dropdown .dropdown-item{padding:.75rem 1rem;cursor:pointer;color:#374151;font-size:.875rem;border-bottom:1px solid #f3f4f6;transition:background-color .2s}.document-review-container .review-header .actions-menu .actions-dropdown .dropdown-item:last-child{border-bottom:none;border-radius:0 0 8px 8px}.document-review-container .review-header .actions-menu .actions-dropdown .dropdown-item:first-child{border-radius:8px 8px 0 0}.document-review-container .review-header .actions-menu .actions-dropdown .dropdown-item:hover{background:#f9fafb}.document-review-container .review-header .actions-menu .actions-dropdown .dropdown-item span{display:block}.document-review-container ::ng-deep document-actions{margin-bottom:1.5rem}.document-review-container ::ng-deep document-actions .actions-card{margin:0;width:100%}.document-review-container .document-actions-section{padding:1rem 0}.document-review-container .alerts-section{margin-bottom:2rem}.document-review-container .alerts-section .alert-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.document-review-container .alerts-section .alert-card .alert-header{display:flex;align-items:center;gap:.75rem}.document-review-container .alerts-section .alert-card .alert-header .alert-icon{color:#ef4444;font-size:1.25rem}.document-review-container .alerts-section .alert-card .alert-header .alert-text{font-weight:500;color:#1f2937;font-size:1rem}.document-review-container .alerts-section .alert-card .alert-header .alert-badge{margin-left:auto;display:flex;align-items:center;gap:.5rem;background:#ef4444;color:#fff;border-radius:50%;width:24px;height:24px;justify-content:center;position:relative}.document-review-container .alerts-section .alert-card .alert-header .alert-badge .alert-count{font-size:.75rem;font-weight:600}.document-review-container .alerts-section .alert-card .alert-header .alert-badge i{position:absolute;right:-8px;font-size:.75rem;color:#ef4444;background:#fff;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.document-review-container .timeline-section .timeline-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem}.document-review-container .timeline-section .timeline-container .timeline-item{margin-bottom:1.5rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem;position:relative}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-info{display:flex;align-items:center;gap:.75rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-info .event-icon{width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-info .event-icon i{font-size:1rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-info .event-icon.icon-requested{background:#3b82f6}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-info .event-icon.icon-accepted{background:#10b981}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-info .event-icon.icon-rejected{background:#ef4444}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-info .event-icon.icon-default{background:#6b7280}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-info .event-label{font-weight:600;color:#1f2937;font-size:1rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-timestamp{color:#6b7280;font-size:.875rem;font-weight:500}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-description{margin-bottom:1rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-description p{color:#374151;line-height:1.5;margin:0;font-size:.875rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .document-uploads{margin-bottom:1rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .document-uploads .uploaded-documents{display:flex;flex-direction:column;gap:.75rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .document-uploads .uploaded-documents .document-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .2s ease}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .document-uploads .uploaded-documents .document-card:hover{background:#e2e8f0;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .document-uploads .uploaded-documents .document-card:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .document-uploads .uploaded-documents .document-card .document-icon{color:#3b82f6;font-size:1.25rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .document-uploads .uploaded-documents .document-card .document-name{color:#1f2937;font-size:.875rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-user{font-size:.875rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-user .user-name{color:rgb(75,85,99,var(--tw-text-opacity, 1));font-weight:500}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-user .user-role{color:#6b7280;margin-left:.25rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card.event-requested{background:#dbeafe;border-radius:16px;font-size:.875rem;line-height:1.25rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card.event-accepted{background:#dcfce7;border-radius:16px;font-size:.875rem;line-height:1.25rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card.event-rejected{background:#fee2e2;border-radius:16px;font-size:.875rem;line-height:1.25rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card.event-default{border-left:4px solid #6b7280}@media (max-width: 768px){.document-review-container{padding:1rem}.document-review-container .review-header{flex-direction:column;gap:1rem;align-items:flex-start}.document-review-container .review-header .actions-menu{align-self:flex-end}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header{flex-direction:column;align-items:flex-start;gap:.5rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-timestamp{align-self:flex-end}}.ai-sidebar-title{margin:0;font-size:1.1rem;font-weight:600;color:#111827}.ai-sidebar-content{padding:1rem .5rem}.ai-sidebar-text{margin:0;color:#4b5563;font-size:.95rem;line-height:1.5;white-space:pre-wrap}.ai-markdown p{margin:0 0 .5rem}.ai-markdown :last-child{margin-bottom:0}.ai-markdown strong{color:#111827;font-weight:700}.ai-markdown .ai-markdown-list{margin:0 0 .5rem 1.1rem;padding:0}.ai-markdown li{margin-bottom:.35rem}.ai-sidebar-error{margin:0;color:#dc2626;font-size:.9rem}.query-chat-messages{max-height:calc(100vh - 260px);overflow-y:auto;padding:.25rem .1rem .5rem;margin-bottom:.75rem}.query-chat-empty{color:#6b7280;font-size:.9rem;text-align:center;padding:.75rem .5rem}.query-chat-message{display:flex;margin-bottom:.6rem}.query-chat-message.user{justify-content:flex-end}.query-chat-message.assistant{justify-content:flex-start}.query-chat-bubble{max-width:85%;padding:.6rem .75rem;border-radius:12px;font-size:.9rem;line-height:1.45;border:1px solid #e5e7eb;background:#f9fafb;color:#1f2937}.query-chat-message.user .query-chat-bubble{background:#dbeafe;border-color:#bfdbfe}.query-chat-input-wrap{display:flex;flex-direction:column;gap:.5rem}.query-chat-input{width:100%;border:1px solid #d1d5db;border-radius:8px;padding:.6rem .7rem;font-size:.9rem;resize:vertical;min-height:70px}.query-chat-input:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa33}.query-send-btn{align-self:flex-end;border:1px solid #2563eb;background:#2563eb;color:#fff;border-radius:8px;padding:.45rem .9rem;font-size:.85rem;cursor:pointer}.query-send-btn:hover:not(:disabled){background:#1d4ed8}.query-send-btn:disabled{cursor:not-allowed;opacity:.6}\n"], dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4.Sidebar, selector: "p-sidebar", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "directive", type: i9$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i9$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: HasPermissionDirective, selector: "[permission]", inputs: ["permission"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: DocumentHistoryComponent, isStandalone: false, selector: "document-history", inputs: { historyData: "historyData", showHistory: "showHistory", contextId: "contextId", selectedDocument: "selectedDocument", isDocumentIntelligence: "isDocumentIntelligence" }, outputs: { deleteTaskRequested: "deleteTaskRequested", documentSelected: "documentSelected" }, host: { listeners: { "document:click": "onDocumentClickOutside($event)" } }, usesOnChanges: true, ngImport: i0, template: "<div class=\"document-review-container\" *ngIf=\"showHistory && historyData.length > 0\">\n  <!-- Header Section -->\n  <div class=\"review-header\">\n    <div class=\"review-title-section\">\n      <h2 class=\"review-title\">Document Review</h2>\n      <div class=\"ai-menu\" *ngIf=\"isDocumentIntelligence\">\n        <button class=\"ai-btn\" (click)=\"documentHistoryAiService.toggleAiMenu()\" [class.active]=\"documentHistoryAiService.state.showAiMenu\">\n          <i class=\"pi pi-sparkles\"></i>\n          <span>AI</span>\n          <i class=\"pi pi-chevron-down\" [class.rotated]=\"documentHistoryAiService.state.showAiMenu\"></i>\n        </button>\n        <div class=\"ai-dropdown\" *ngIf=\"documentHistoryAiService.state.showAiMenu\" (click)=\"$event.stopPropagation()\">\n          <button type=\"button\" class=\"ai-dropdown-item\" (click)=\"openAiPanel('Query')\">Query</button>\n        </div>\n      </div>\n    </div>\n    <!-- <div class=\"actions-menu\" *ngIf=\"selectedDocument?.isUploaded || selectedDocument?.status == 'Approved'\"> -->\n      <!-- <div class=\"actions-menu\" *ngIf=\"(selectedDocument?.isUploaded || selectedDocument?.status == 'Approved') && !selectedDocument?.isSystemDocument\"> -->\n        <div class=\"actions-menu\" *ngIf=\"(selectedDocument?.status !== 'Approved') && (!selectedDocument?.isSystemDocument)\">\n        <button class=\"actions-btn\" (click)=\"toggleActionsMenu()\" [class.active]=\"showActionsMenu\">\n        Actions\n        <i class=\"pi pi-chevron-down\" [class.rotated]=\"showActionsMenu\"></i>\n      </button>\n\n      <!-- Actions Dropdown Menu -->\n      <div class=\"actions-dropdown\" *ngIf=\"showActionsMenu\" (click)=\"$event.stopPropagation()\">\n        <div class=\"dropdown-item\" *ngIf=\"selectedDocument?.status == 'Approved' || selectedDocument?.isUploaded || selectedDocument?.status == 'Uploaded'\">\n          <ng-content [select]=\"'action-launcher'\"></ng-content>\n        </div>\n        <div *ngIf=\"selectedDocument?.status == 'Uploaded' || selectedDocument?.status === 'Rejected' || selectedDocument?.status === 'Reviewing' || selectedDocument?.status === 'Pending'\" [permission]=\"'documents-deleteDocumentByDocumentId'\" class=\"dropdown-item\" (click)=\"onDeleteTask()\">\n          <span>Delete Document</span>\n        </div>\n      </div>\n      \n    </div>\n  </div>\n\n  <!-- Document Actions Component - Below Header -->\n  <div class=\"document-actions-section\">\n    <ng-content select=\"[actions-component]\"></ng-content>\n  </div>\n\n\n  <!-- Alerts Section -->\n  <!-- <div class=\"alerts-section\">\n    <div class=\"alert-card\">\n      <div class=\"alert-header\">\n        <i class=\"pi pi-exclamation-triangle alert-icon\"></i>\n        <span class=\"alert-text\">Alerts</span>\n        <div class=\"alert-badge\">\n          <span class=\"alert-count\">{{ getAlertCount() }}</span>\n          <i class=\"pi pi-chevron-right\"></i>\n        </div>\n      </div>\n    </div>\n  </div> -->\n\n  <!-- Timeline Section -->\n  <div class=\"timeline-section\">\n    <h3 class=\"timeline-title\">Timeline</h3>\n    <div class=\"timeline-container\">\n      <div class=\"timeline-item\" *ngFor=\"let section of processedHistoryData\">\n        <ng-container *ngFor=\"let item of section.list; let i = index\">\n          <div class=\"timeline-event mb-2\" *ngIf=\"!item.shouldHide\">\n          <div class=\"event-card\" [ngClass]=\"item.eventCardClass\">\n            <!-- Event Header -->\n            <div class=\"event-header\">\n              <div class=\"event-info\">\n                  <i [class]=\"item.eventIcon\"></i>\n                <span class=\"event-label\">{{ item.label }}</span>\n              </div>\n              <div class=\"event-timestamp\">{{ item.dateTime }}</div>\n            </div>\n            <!-- User Information -->\n            <div class=\"event-user mb-2\">\n              <span class=\"user-name\">{{ item.userName }}</span>\n              <span class=\"user-role\">({{ item.userRole }})</span>\n            </div>\n            <!-- Event Description -->\n            <div class=\"event-description\" *ngIf=\"item.requestDescription\">\n              <ul class=\"event-description-list\" *ngIf=\"item.label.toLowerCase().includes('requested')\">\n                <li class=\"event-description-item\">{{ item.requestDescription }}</li>\n              </ul>\n              <p *ngIf=\"!item.label.toLowerCase().includes('requested')\">{{ item.requestDescription }}</p>\n            </div>\n\n            <!-- Document Upload Cards -->\n            <div class=\"document-uploads\" *ngIf=\"item.documentList && item.documentList.length > 0\">\n              <div class=\"uploaded-documents\">\n                <div class=\"document-card\" *ngFor=\"let doc of item.documentList\" (click)=\"onDocumentClick(doc)\">\n                  <div class=\"document-icon\">\n                    <i class=\"pi pi-file\"></i>\n                  </div>\n                  <span class=\"document-name\">{{ doc.docName }}</span>\n                </div>\n              </div>\n            </div>\n\n\n          </div>\n        </div>\n        </ng-container>\n      </div>\n    </div>\n  </div>\n\n  <!-- <ng-content [select]=\"'actions-component'\"></ng-content> -->\n</div>\n\n<p-sidebar\n  *ngIf=\"isDocumentIntelligence\"\n  [(visible)]=\"documentHistoryAiService.state.showAiSidebar\"\n  position=\"right\"\n  [style]=\"{ width: '420px' }\"\n  [dismissible]=\"true\"\n  [showCloseIcon]=\"true\"\n  [appendTo]=\"'body'\"\n>\n  <ng-template pTemplate=\"header\">\n    <h3 class=\"ai-sidebar-title\">{{ documentHistoryAiService.state.aiSidebarHeader }}</h3>\n  </ng-template>\n\n  <div class=\"ai-sidebar-content\">\n    <ng-container *ngIf=\"documentHistoryAiService.state.aiSidebarHeader === 'Query'\">\n      <p class=\"ai-sidebar-error\" *ngIf=\"documentHistoryAiService.state.aiError\">{{ documentHistoryAiService.state.aiError }}</p>\n\n      <div class=\"query-chat-messages\">\n        <div class=\"query-chat-empty\" *ngIf=\"documentHistoryAiService.state.queryMessages.length === 0 && !documentHistoryAiService.state.queryLoading\">\n          Ask anything about this document.\n        </div>\n\n        <div *ngFor=\"let message of documentHistoryAiService.state.queryMessages\" class=\"query-chat-message\" [ngClass]=\"message.role\">\n          <div class=\"query-chat-bubble\">\n            <span *ngIf=\"message.role === 'user'\">{{ message.content }}</span>\n            <div *ngIf=\"message.role === 'assistant'\" class=\"ai-markdown\" [innerHTML]=\"message.htmlContent\"></div>\n          </div>\n        </div>\n\n        <div class=\"query-chat-message assistant\" *ngIf=\"documentHistoryAiService.state.queryLoading\">\n          <div class=\"query-chat-bubble\">Thinking...</div>\n        </div>\n      </div>\n\n      <div class=\"query-chat-input-wrap\">\n        <textarea\n          [(ngModel)]=\"documentHistoryAiService.state.queryText\"\n          (keydown)=\"onQueryEnter($event)\"\n          class=\"query-chat-input\"\n          rows=\"3\"\n          placeholder=\"Type your question\"\n        ></textarea>\n        <button type=\"button\" class=\"query-send-btn\" [disabled]=\"documentHistoryAiService.state.queryLoading || !documentHistoryAiService.state.queryText.trim()\" (click)=\"sendQuery()\">\n          Send\n        </button>\n      </div>\n    </ng-container>\n  </div>\n</p-sidebar>", styles: [".document-review-container{border-radius:8px;max-height:100%;overflow-y:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.document-review-container .review-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.document-review-container .review-header .review-title-section{display:flex;align-items:center;gap:.75rem}.document-review-container .review-header .review-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.document-review-container .review-header .ai-menu{position:relative}.document-review-container .review-header .ai-menu .ai-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:0 .85rem;color:#374151;font-size:.875rem;height:40px;line-height:1;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.document-review-container .review-header .ai-menu .ai-btn:hover{background:#f9fafb}.document-review-container .review-header .ai-menu .ai-btn.active{background:#f3f4f6;border-color:#9ca3af}.document-review-container .review-header .ai-menu .ai-btn i{font-size:.75rem;transition:transform .2s}.document-review-container .review-header .ai-menu .ai-btn i.rotated{transform:rotate(180deg)}.document-review-container .review-header .ai-menu .ai-dropdown{position:absolute;top:100%;left:0;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1000;min-width:160px;margin-top:.25rem;padding:.25rem 0}.document-review-container .review-header .ai-menu .ai-dropdown .ai-dropdown-item{width:100%;text-align:left;border:none;background:transparent;padding:.625rem .875rem;cursor:pointer;color:#374151;font-size:.875rem}.document-review-container .review-header .ai-menu .ai-dropdown .ai-dropdown-item:hover{background:#f9fafb}.document-review-container .review-header .actions-menu{position:relative}.document-review-container .review-header .actions-menu .actions-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:0 1rem;height:40px;line-height:1;color:#374151;font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.document-review-container .review-header .actions-menu .actions-btn:hover{background:#f9fafb}.document-review-container .review-header .actions-menu .actions-btn.active{background:#f3f4f6;border-color:#9ca3af}.document-review-container .review-header .actions-menu .actions-btn i{font-size:.75rem;transition:transform .2s}.document-review-container .review-header .actions-menu .actions-btn i.rotated{transform:rotate(180deg)}.document-review-container .review-header .actions-menu .actions-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1000;min-width:180px;margin-top:.25rem}.document-review-container .review-header .actions-menu .actions-dropdown .dropdown-item{padding:.75rem 1rem;cursor:pointer;color:#374151;font-size:.875rem;border-bottom:1px solid #f3f4f6;transition:background-color .2s}.document-review-container .review-header .actions-menu .actions-dropdown .dropdown-item:last-child{border-bottom:none;border-radius:0 0 8px 8px}.document-review-container .review-header .actions-menu .actions-dropdown .dropdown-item:first-child{border-radius:8px 8px 0 0}.document-review-container .review-header .actions-menu .actions-dropdown .dropdown-item:hover{background:#f9fafb}.document-review-container .review-header .actions-menu .actions-dropdown .dropdown-item span{display:block}.document-review-container ::ng-deep document-actions{margin-bottom:1.5rem}.document-review-container ::ng-deep document-actions .actions-card{margin:0;width:100%}.document-review-container .document-actions-section{padding:1rem 0}.document-review-container .alerts-section{margin-bottom:2rem}.document-review-container .alerts-section .alert-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.document-review-container .alerts-section .alert-card .alert-header{display:flex;align-items:center;gap:.75rem}.document-review-container .alerts-section .alert-card .alert-header .alert-icon{color:#ef4444;font-size:1.25rem}.document-review-container .alerts-section .alert-card .alert-header .alert-text{font-weight:500;color:#1f2937;font-size:1rem}.document-review-container .alerts-section .alert-card .alert-header .alert-badge{margin-left:auto;display:flex;align-items:center;gap:.5rem;background:#ef4444;color:#fff;border-radius:50%;width:24px;height:24px;justify-content:center;position:relative}.document-review-container .alerts-section .alert-card .alert-header .alert-badge .alert-count{font-size:.75rem;font-weight:600}.document-review-container .alerts-section .alert-card .alert-header .alert-badge i{position:absolute;right:-8px;font-size:.75rem;color:#ef4444;background:#fff;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.document-review-container .timeline-section .timeline-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem}.document-review-container .timeline-section .timeline-container .timeline-item{margin-bottom:1.5rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem;position:relative}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-info{display:flex;align-items:center;gap:.75rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-info .event-icon{width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-info .event-icon i{font-size:1rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-info .event-icon.icon-requested{background:#3b82f6}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-info .event-icon.icon-accepted{background:#10b981}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-info .event-icon.icon-rejected{background:#ef4444}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-info .event-icon.icon-default{background:#6b7280}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-info .event-label{font-weight:600;color:#1f2937;font-size:1rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-timestamp{color:#6b7280;font-size:.875rem;font-weight:500}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-description{margin-bottom:1rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-description p{color:#374151;line-height:1.5;margin:0;font-size:.875rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .document-uploads{margin-bottom:1rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .document-uploads .uploaded-documents{display:flex;flex-direction:column;gap:.75rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .document-uploads .uploaded-documents .document-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .2s ease}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .document-uploads .uploaded-documents .document-card:hover{background:#e2e8f0;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .document-uploads .uploaded-documents .document-card:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .document-uploads .uploaded-documents .document-card .document-icon{color:#3b82f6;font-size:1.25rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .document-uploads .uploaded-documents .document-card .document-name{color:#1f2937;font-size:.875rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-user{font-size:.875rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-user .user-name{color:rgb(75,85,99,var(--tw-text-opacity, 1));font-weight:500}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-user .user-role{color:#6b7280;margin-left:.25rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card.event-requested{background:#dbeafe;border-radius:16px;font-size:.875rem;line-height:1.25rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card.event-accepted{background:#dcfce7;border-radius:16px;font-size:.875rem;line-height:1.25rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card.event-rejected{background:#fee2e2;border-radius:16px;font-size:.875rem;line-height:1.25rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card.event-default{border-left:4px solid #6b7280}@media (max-width: 768px){.document-review-container{padding:1rem}.document-review-container .review-header{flex-direction:column;gap:1rem;align-items:flex-start}.document-review-container .review-header .actions-menu{align-self:flex-end}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header{flex-direction:column;align-items:flex-start;gap:.5rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-timestamp{align-self:flex-end}}.ai-sidebar-title{margin:0;font-size:1.1rem;font-weight:600;color:#111827}.ai-sidebar-content{padding:1rem .5rem}.ai-sidebar-text{margin:0;color:#4b5563;font-size:.95rem;line-height:1.5;white-space:pre-wrap}.ai-markdown p{margin:0 0 .5rem}.ai-markdown :last-child{margin-bottom:0}.ai-markdown strong{color:#111827;font-weight:700}.ai-markdown .ai-markdown-list{margin:0 0 .5rem 1.1rem;padding:0}.ai-markdown li{margin-bottom:.35rem}.ai-sidebar-error{margin:0;color:#dc2626;font-size:.9rem}.query-chat-messages{max-height:calc(100vh - 260px);overflow-y:auto;padding:.25rem .1rem .5rem;margin-bottom:.75rem}.query-chat-empty{color:#6b7280;font-size:.9rem;text-align:center;padding:.75rem .5rem}.query-chat-message{display:flex;margin-bottom:.6rem}.query-chat-message.user{justify-content:flex-end}.query-chat-message.assistant{justify-content:flex-start}.query-chat-bubble{max-width:85%;padding:.6rem .75rem;border-radius:12px;font-size:.9rem;line-height:1.45;border:1px solid #e5e7eb;background:#f9fafb;color:#1f2937}.query-chat-message.user .query-chat-bubble{background:#dbeafe;border-color:#bfdbfe}.query-chat-input-wrap{display:flex;flex-direction:column;gap:.5rem}.query-chat-input{width:100%;border:1px solid #d1d5db;border-radius:8px;padding:.6rem .7rem;font-size:.9rem;resize:vertical;min-height:70px}.query-chat-input:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa33}.query-send-btn{align-self:flex-end;border:1px solid #2563eb;background:#2563eb;color:#fff;border-radius:8px;padding:.45rem .9rem;font-size:.85rem;cursor:pointer}.query-send-btn:hover:not(:disabled){background:#1d4ed8}.query-send-btn:disabled{cursor:not-allowed;opacity:.6}\n"], dependencies: [{ kind: "directive", type: i6.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i4.Sidebar, selector: "p-sidebar", inputs: ["appendTo", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "directive", type: i9$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i9$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i9$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: HasPermissionDirective, selector: "[permission]", inputs: ["permission"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentHistoryComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'document-history', standalone: false, template: "<div class=\"document-review-container\" *ngIf=\"showHistory && historyData.length > 0\">\n  <!-- Header Section -->\n  <div class=\"review-header\">\n    <div class=\"review-title-section\">\n      <h2 class=\"review-title\">Document Review</h2>\n      <div class=\"ai-menu\">\n        <button class=\"ai-btn\" (click)=\"documentHistoryAiService.toggleAiMenu()\" [class.active]=\"documentHistoryAiService.state.showAiMenu\">\n          <i class=\"pi pi-sparkles\"></i>\n          <span>AI</span>\n          <i class=\"pi pi-chevron-down\" [class.rotated]=\"documentHistoryAiService.state.showAiMenu\"></i>\n        </button>\n        <div class=\"ai-dropdown\" *ngIf=\"documentHistoryAiService.state.showAiMenu\" (click)=\"$event.stopPropagation()\">\n          <button type=\"button\" class=\"ai-dropdown-item\" (click)=\"openAiPanel('Summary')\">Summary</button>\n          <button type=\"button\" class=\"ai-dropdown-item\" (click)=\"openAiPanel('Query')\">Query</button>\n          <button type=\"button\" class=\"ai-dropdown-item\" (click)=\"openAiPanel('Insights')\">Insights</button>\n        </div>\n      </div>\n    </div>\n    <!-- <div class=\"actions-menu\" *ngIf=\"selectedDocument?.isUploaded || selectedDocument?.status == 'Approved'\"> -->\n      <!-- <div class=\"actions-menu\" *ngIf=\"(selectedDocument?.isUploaded || selectedDocument?.status == 'Approved') && !selectedDocument?.isSystemDocument\"> -->\n        <div class=\"actions-menu\" *ngIf=\"(selectedDocument?.status !== 'Approved') && (!selectedDocument?.isSystemDocument)\">\n        <button class=\"actions-btn\" (click)=\"toggleActionsMenu()\" [class.active]=\"showActionsMenu\">\n        Actions\n        <i class=\"pi pi-chevron-down\" [class.rotated]=\"showActionsMenu\"></i>\n      </button>\n\n      <!-- Actions Dropdown Menu -->\n      <div class=\"actions-dropdown\" *ngIf=\"showActionsMenu\" (click)=\"$event.stopPropagation()\">\n        <div class=\"dropdown-item\" *ngIf=\"selectedDocument?.status == 'Approved' || selectedDocument?.isUploaded || selectedDocument?.status == 'Uploaded'\">\n          <ng-content [select]=\"'action-launcher'\"></ng-content>\n        </div>\n        <div *ngIf=\"selectedDocument?.status == 'Uploaded' || selectedDocument?.status === 'Rejected' || selectedDocument?.status === 'Reviewing' || selectedDocument?.status === 'Pending'\" [permission]=\"'documents-deleteDocumentByDocumentId'\" class=\"dropdown-item\" (click)=\"onDeleteTask()\">\n          <span>Delete Document</span>\n        </div>\n      </div>\n      \n    </div>\n  </div>\n\n  <!-- Document Actions Component - Below Header -->\n  <div class=\"document-actions-section\">\n    <ng-content select=\"[actions-component]\"></ng-content>\n  </div>\n\n\n  <!-- Alerts Section -->\n  <!-- <div class=\"alerts-section\">\n    <div class=\"alert-card\">\n      <div class=\"alert-header\">\n        <i class=\"pi pi-exclamation-triangle alert-icon\"></i>\n        <span class=\"alert-text\">Alerts</span>\n        <div class=\"alert-badge\">\n          <span class=\"alert-count\">{{ getAlertCount() }}</span>\n          <i class=\"pi pi-chevron-right\"></i>\n        </div>\n      </div>\n    </div>\n  </div> -->\n\n  <!-- Timeline Section -->\n  <div class=\"timeline-section\">\n    <h3 class=\"timeline-title\">Timeline</h3>\n    <div class=\"timeline-container\">\n      <div class=\"timeline-item\" *ngFor=\"let section of processedHistoryData\">\n        <ng-container *ngFor=\"let item of section.list; let i = index\">\n          <div class=\"timeline-event mb-2\" *ngIf=\"!item.shouldHide\">\n          <div class=\"event-card\" [ngClass]=\"item.eventCardClass\">\n            <!-- Event Header -->\n            <div class=\"event-header\">\n              <div class=\"event-info\">\n                  <i [class]=\"item.eventIcon\"></i>\n                <span class=\"event-label\">{{ item.label }}</span>\n              </div>\n              <div class=\"event-timestamp\">{{ item.dateTime }}</div>\n            </div>\n            <!-- User Information -->\n            <div class=\"event-user mb-2\">\n              <span class=\"user-name\">{{ item.userName }}</span>\n              <span class=\"user-role\">({{ item.userRole }})</span>\n            </div>\n            <!-- Event Description -->\n            <div class=\"event-description\" *ngIf=\"item.requestDescription\">\n              <ul class=\"event-description-list\" *ngIf=\"item.label.toLowerCase().includes('requested')\">\n                <li class=\"event-description-item\">{{ item.requestDescription }}</li>\n              </ul>\n              <p *ngIf=\"!item.label.toLowerCase().includes('requested')\">{{ item.requestDescription }}</p>\n            </div>\n\n            <!-- Document Upload Cards -->\n            <div class=\"document-uploads\" *ngIf=\"item.documentList && item.documentList.length > 0\">\n              <div class=\"uploaded-documents\">\n                <div class=\"document-card\" *ngFor=\"let doc of item.documentList\" (click)=\"onDocumentClick(doc)\">\n                  <div class=\"document-icon\">\n                    <i class=\"pi pi-file\"></i>\n                  </div>\n                  <span class=\"document-name\">{{ doc.docName }}</span>\n                </div>\n              </div>\n            </div>\n\n\n          </div>\n        </div>\n        </ng-container>\n      </div>\n    </div>\n  </div>\n\n  <!-- <ng-content [select]=\"'actions-component'\"></ng-content> -->\n</div>\n\n<p-sidebar\n  [(visible)]=\"documentHistoryAiService.state.showAiSidebar\"\n  position=\"right\"\n  [style]=\"{ width: '420px' }\"\n  [dismissible]=\"true\"\n  [showCloseIcon]=\"true\"\n  [appendTo]=\"'body'\"\n>\n  <ng-template pTemplate=\"header\">\n    <h3 class=\"ai-sidebar-title\">{{ documentHistoryAiService.state.aiSidebarHeader }}</h3>\n  </ng-template>\n\n  <div class=\"ai-sidebar-content\">\n    <ng-container *ngIf=\"documentHistoryAiService.state.aiSidebarHeader !== 'Query'\">\n      <p class=\"ai-sidebar-text\" *ngIf=\"documentHistoryAiService.state.aiLoading\">Loading {{ documentHistoryAiService.state.aiSidebarHeader.toLowerCase() }}...</p>\n      <p class=\"ai-sidebar-error\" *ngIf=\"!documentHistoryAiService.state.aiLoading && documentHistoryAiService.state.aiError\">{{ documentHistoryAiService.state.aiError }}</p>\n      <div class=\"ai-sidebar-text ai-markdown\" *ngIf=\"!documentHistoryAiService.state.aiLoading && !documentHistoryAiService.state.aiError\" [innerHTML]=\"documentHistoryAiService.state.aiContentHtml\"></div>\n    </ng-container>\n\n    <ng-container *ngIf=\"documentHistoryAiService.state.aiSidebarHeader === 'Query'\">\n      <p class=\"ai-sidebar-error\" *ngIf=\"documentHistoryAiService.state.aiError\">{{ documentHistoryAiService.state.aiError }}</p>\n\n      <div class=\"query-chat-messages\">\n        <div class=\"query-chat-empty\" *ngIf=\"documentHistoryAiService.state.queryMessages.length === 0 && !documentHistoryAiService.state.queryLoading\">\n          Ask anything about this document.\n        </div>\n\n        <div *ngFor=\"let message of documentHistoryAiService.state.queryMessages\" class=\"query-chat-message\" [ngClass]=\"message.role\">\n          <div class=\"query-chat-bubble\">\n            <span *ngIf=\"message.role === 'user'\">{{ message.content }}</span>\n            <div *ngIf=\"message.role === 'assistant'\" class=\"ai-markdown\" [innerHTML]=\"message.htmlContent\"></div>\n          </div>\n        </div>\n\n        <div class=\"query-chat-message assistant\" *ngIf=\"documentHistoryAiService.state.queryLoading\">\n          <div class=\"query-chat-bubble\">Thinking...</div>\n        </div>\n      </div>\n\n      <div class=\"query-chat-input-wrap\">\n        <textarea\n          [(ngModel)]=\"documentHistoryAiService.state.queryText\"\n          (keydown)=\"onQueryEnter($event)\"\n          class=\"query-chat-input\"\n          rows=\"3\"\n          placeholder=\"Type your question\"\n        ></textarea>\n        <button type=\"button\" class=\"query-send-btn\" [disabled]=\"documentHistoryAiService.state.queryLoading || !documentHistoryAiService.state.queryText.trim()\" (click)=\"sendQuery()\">\n          Send\n        </button>\n      </div>\n    </ng-container>\n  </div>\n</p-sidebar>", styles: [".document-review-container{border-radius:8px;max-height:100%;overflow-y:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.document-review-container .review-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.document-review-container .review-header .review-title-section{display:flex;align-items:center;gap:.75rem}.document-review-container .review-header .review-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.document-review-container .review-header .ai-menu{position:relative}.document-review-container .review-header .ai-menu .ai-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:0 .85rem;color:#374151;font-size:.875rem;height:40px;line-height:1;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.document-review-container .review-header .ai-menu .ai-btn:hover{background:#f9fafb}.document-review-container .review-header .ai-menu .ai-btn.active{background:#f3f4f6;border-color:#9ca3af}.document-review-container .review-header .ai-menu .ai-btn i{font-size:.75rem;transition:transform .2s}.document-review-container .review-header .ai-menu .ai-btn i.rotated{transform:rotate(180deg)}.document-review-container .review-header .ai-menu .ai-dropdown{position:absolute;top:100%;left:0;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1000;min-width:160px;margin-top:.25rem;padding:.25rem 0}.document-review-container .review-header .ai-menu .ai-dropdown .ai-dropdown-item{width:100%;text-align:left;border:none;background:transparent;padding:.625rem .875rem;cursor:pointer;color:#374151;font-size:.875rem}.document-review-container .review-header .ai-menu .ai-dropdown .ai-dropdown-item:hover{background:#f9fafb}.document-review-container .review-header .actions-menu{position:relative}.document-review-container .review-header .actions-menu .actions-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:0 1rem;height:40px;line-height:1;color:#374151;font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.document-review-container .review-header .actions-menu .actions-btn:hover{background:#f9fafb}.document-review-container .review-header .actions-menu .actions-btn.active{background:#f3f4f6;border-color:#9ca3af}.document-review-container .review-header .actions-menu .actions-btn i{font-size:.75rem;transition:transform .2s}.document-review-container .review-header .actions-menu .actions-btn i.rotated{transform:rotate(180deg)}.document-review-container .review-header .actions-menu .actions-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1000;min-width:180px;margin-top:.25rem}.document-review-container .review-header .actions-menu .actions-dropdown .dropdown-item{padding:.75rem 1rem;cursor:pointer;color:#374151;font-size:.875rem;border-bottom:1px solid #f3f4f6;transition:background-color .2s}.document-review-container .review-header .actions-menu .actions-dropdown .dropdown-item:last-child{border-bottom:none;border-radius:0 0 8px 8px}.document-review-container .review-header .actions-menu .actions-dropdown .dropdown-item:first-child{border-radius:8px 8px 0 0}.document-review-container .review-header .actions-menu .actions-dropdown .dropdown-item:hover{background:#f9fafb}.document-review-container .review-header .actions-menu .actions-dropdown .dropdown-item span{display:block}.document-review-container ::ng-deep document-actions{margin-bottom:1.5rem}.document-review-container ::ng-deep document-actions .actions-card{margin:0;width:100%}.document-review-container .document-actions-section{padding:1rem 0}.document-review-container .alerts-section{margin-bottom:2rem}.document-review-container .alerts-section .alert-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.document-review-container .alerts-section .alert-card .alert-header{display:flex;align-items:center;gap:.75rem}.document-review-container .alerts-section .alert-card .alert-header .alert-icon{color:#ef4444;font-size:1.25rem}.document-review-container .alerts-section .alert-card .alert-header .alert-text{font-weight:500;color:#1f2937;font-size:1rem}.document-review-container .alerts-section .alert-card .alert-header .alert-badge{margin-left:auto;display:flex;align-items:center;gap:.5rem;background:#ef4444;color:#fff;border-radius:50%;width:24px;height:24px;justify-content:center;position:relative}.document-review-container .alerts-section .alert-card .alert-header .alert-badge .alert-count{font-size:.75rem;font-weight:600}.document-review-container .alerts-section .alert-card .alert-header .alert-badge i{position:absolute;right:-8px;font-size:.75rem;color:#ef4444;background:#fff;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.document-review-container .timeline-section .timeline-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem}.document-review-container .timeline-section .timeline-container .timeline-item{margin-bottom:1.5rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem;position:relative}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-info{display:flex;align-items:center;gap:.75rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-info .event-icon{width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-info .event-icon i{font-size:1rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-info .event-icon.icon-requested{background:#3b82f6}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-info .event-icon.icon-accepted{background:#10b981}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-info .event-icon.icon-rejected{background:#ef4444}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-info .event-icon.icon-default{background:#6b7280}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-info .event-label{font-weight:600;color:#1f2937;font-size:1rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-timestamp{color:#6b7280;font-size:.875rem;font-weight:500}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-description{margin-bottom:1rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-description p{color:#374151;line-height:1.5;margin:0;font-size:.875rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .document-uploads{margin-bottom:1rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .document-uploads .uploaded-documents{display:flex;flex-direction:column;gap:.75rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .document-uploads .uploaded-documents .document-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .2s ease}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .document-uploads .uploaded-documents .document-card:hover{background:#e2e8f0;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .document-uploads .uploaded-documents .document-card:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .document-uploads .uploaded-documents .document-card .document-icon{color:#3b82f6;font-size:1.25rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .document-uploads .uploaded-documents .document-card .document-name{color:#1f2937;font-size:.875rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-user{font-size:.875rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-user .user-name{color:rgb(75,85,99,var(--tw-text-opacity, 1));font-weight:500}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-user .user-role{color:#6b7280;margin-left:.25rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card.event-requested{background:#dbeafe;border-radius:16px;font-size:.875rem;line-height:1.25rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card.event-accepted{background:#dcfce7;border-radius:16px;font-size:.875rem;line-height:1.25rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card.event-rejected{background:#fee2e2;border-radius:16px;font-size:.875rem;line-height:1.25rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card.event-default{border-left:4px solid #6b7280}@media (max-width: 768px){.document-review-container{padding:1rem}.document-review-container .review-header{flex-direction:column;gap:1rem;align-items:flex-start}.document-review-container .review-header .actions-menu{align-self:flex-end}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header{flex-direction:column;align-items:flex-start;gap:.5rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-timestamp{align-self:flex-end}}.ai-sidebar-title{margin:0;font-size:1.1rem;font-weight:600;color:#111827}.ai-sidebar-content{padding:1rem .5rem}.ai-sidebar-text{margin:0;color:#4b5563;font-size:.95rem;line-height:1.5;white-space:pre-wrap}.ai-markdown p{margin:0 0 .5rem}.ai-markdown :last-child{margin-bottom:0}.ai-markdown strong{color:#111827;font-weight:700}.ai-markdown .ai-markdown-list{margin:0 0 .5rem 1.1rem;padding:0}.ai-markdown li{margin-bottom:.35rem}.ai-sidebar-error{margin:0;color:#dc2626;font-size:.9rem}.query-chat-messages{max-height:calc(100vh - 260px);overflow-y:auto;padding:.25rem .1rem .5rem;margin-bottom:.75rem}.query-chat-empty{color:#6b7280;font-size:.9rem;text-align:center;padding:.75rem .5rem}.query-chat-message{display:flex;margin-bottom:.6rem}.query-chat-message.user{justify-content:flex-end}.query-chat-message.assistant{justify-content:flex-start}.query-chat-bubble{max-width:85%;padding:.6rem .75rem;border-radius:12px;font-size:.9rem;line-height:1.45;border:1px solid #e5e7eb;background:#f9fafb;color:#1f2937}.query-chat-message.user .query-chat-bubble{background:#dbeafe;border-color:#bfdbfe}.query-chat-input-wrap{display:flex;flex-direction:column;gap:.5rem}.query-chat-input{width:100%;border:1px solid #d1d5db;border-radius:8px;padding:.6rem .7rem;font-size:.9rem;resize:vertical;min-height:70px}.query-chat-input:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa33}.query-send-btn{align-self:flex-end;border:1px solid #2563eb;background:#2563eb;color:#fff;border-radius:8px;padding:.45rem .9rem;font-size:.85rem;cursor:pointer}.query-send-btn:hover:not(:disabled){background:#1d4ed8}.query-send-btn:disabled{cursor:not-allowed;opacity:.6}\n"] }]
+            args: [{ selector: 'document-history', standalone: false, template: "<div class=\"document-review-container\" *ngIf=\"showHistory && historyData.length > 0\">\n  <!-- Header Section -->\n  <div class=\"review-header\">\n    <div class=\"review-title-section\">\n      <h2 class=\"review-title\">Document Review</h2>\n      <div class=\"ai-menu\" *ngIf=\"isDocumentIntelligence\">\n        <button class=\"ai-btn\" (click)=\"documentHistoryAiService.toggleAiMenu()\" [class.active]=\"documentHistoryAiService.state.showAiMenu\">\n          <i class=\"pi pi-sparkles\"></i>\n          <span>AI</span>\n          <i class=\"pi pi-chevron-down\" [class.rotated]=\"documentHistoryAiService.state.showAiMenu\"></i>\n        </button>\n        <div class=\"ai-dropdown\" *ngIf=\"documentHistoryAiService.state.showAiMenu\" (click)=\"$event.stopPropagation()\">\n          <button type=\"button\" class=\"ai-dropdown-item\" (click)=\"openAiPanel('Query')\">Query</button>\n        </div>\n      </div>\n    </div>\n    <!-- <div class=\"actions-menu\" *ngIf=\"selectedDocument?.isUploaded || selectedDocument?.status == 'Approved'\"> -->\n      <!-- <div class=\"actions-menu\" *ngIf=\"(selectedDocument?.isUploaded || selectedDocument?.status == 'Approved') && !selectedDocument?.isSystemDocument\"> -->\n        <div class=\"actions-menu\" *ngIf=\"(selectedDocument?.status !== 'Approved') && (!selectedDocument?.isSystemDocument)\">\n        <button class=\"actions-btn\" (click)=\"toggleActionsMenu()\" [class.active]=\"showActionsMenu\">\n        Actions\n        <i class=\"pi pi-chevron-down\" [class.rotated]=\"showActionsMenu\"></i>\n      </button>\n\n      <!-- Actions Dropdown Menu -->\n      <div class=\"actions-dropdown\" *ngIf=\"showActionsMenu\" (click)=\"$event.stopPropagation()\">\n        <div class=\"dropdown-item\" *ngIf=\"selectedDocument?.status == 'Approved' || selectedDocument?.isUploaded || selectedDocument?.status == 'Uploaded'\">\n          <ng-content [select]=\"'action-launcher'\"></ng-content>\n        </div>\n        <div *ngIf=\"selectedDocument?.status == 'Uploaded' || selectedDocument?.status === 'Rejected' || selectedDocument?.status === 'Reviewing' || selectedDocument?.status === 'Pending'\" [permission]=\"'documents-deleteDocumentByDocumentId'\" class=\"dropdown-item\" (click)=\"onDeleteTask()\">\n          <span>Delete Document</span>\n        </div>\n      </div>\n      \n    </div>\n  </div>\n\n  <!-- Document Actions Component - Below Header -->\n  <div class=\"document-actions-section\">\n    <ng-content select=\"[actions-component]\"></ng-content>\n  </div>\n\n\n  <!-- Alerts Section -->\n  <!-- <div class=\"alerts-section\">\n    <div class=\"alert-card\">\n      <div class=\"alert-header\">\n        <i class=\"pi pi-exclamation-triangle alert-icon\"></i>\n        <span class=\"alert-text\">Alerts</span>\n        <div class=\"alert-badge\">\n          <span class=\"alert-count\">{{ getAlertCount() }}</span>\n          <i class=\"pi pi-chevron-right\"></i>\n        </div>\n      </div>\n    </div>\n  </div> -->\n\n  <!-- Timeline Section -->\n  <div class=\"timeline-section\">\n    <h3 class=\"timeline-title\">Timeline</h3>\n    <div class=\"timeline-container\">\n      <div class=\"timeline-item\" *ngFor=\"let section of processedHistoryData\">\n        <ng-container *ngFor=\"let item of section.list; let i = index\">\n          <div class=\"timeline-event mb-2\" *ngIf=\"!item.shouldHide\">\n          <div class=\"event-card\" [ngClass]=\"item.eventCardClass\">\n            <!-- Event Header -->\n            <div class=\"event-header\">\n              <div class=\"event-info\">\n                  <i [class]=\"item.eventIcon\"></i>\n                <span class=\"event-label\">{{ item.label }}</span>\n              </div>\n              <div class=\"event-timestamp\">{{ item.dateTime }}</div>\n            </div>\n            <!-- User Information -->\n            <div class=\"event-user mb-2\">\n              <span class=\"user-name\">{{ item.userName }}</span>\n              <span class=\"user-role\">({{ item.userRole }})</span>\n            </div>\n            <!-- Event Description -->\n            <div class=\"event-description\" *ngIf=\"item.requestDescription\">\n              <ul class=\"event-description-list\" *ngIf=\"item.label.toLowerCase().includes('requested')\">\n                <li class=\"event-description-item\">{{ item.requestDescription }}</li>\n              </ul>\n              <p *ngIf=\"!item.label.toLowerCase().includes('requested')\">{{ item.requestDescription }}</p>\n            </div>\n\n            <!-- Document Upload Cards -->\n            <div class=\"document-uploads\" *ngIf=\"item.documentList && item.documentList.length > 0\">\n              <div class=\"uploaded-documents\">\n                <div class=\"document-card\" *ngFor=\"let doc of item.documentList\" (click)=\"onDocumentClick(doc)\">\n                  <div class=\"document-icon\">\n                    <i class=\"pi pi-file\"></i>\n                  </div>\n                  <span class=\"document-name\">{{ doc.docName }}</span>\n                </div>\n              </div>\n            </div>\n\n\n          </div>\n        </div>\n        </ng-container>\n      </div>\n    </div>\n  </div>\n\n  <!-- <ng-content [select]=\"'actions-component'\"></ng-content> -->\n</div>\n\n<p-sidebar\n  *ngIf=\"isDocumentIntelligence\"\n  [(visible)]=\"documentHistoryAiService.state.showAiSidebar\"\n  position=\"right\"\n  [style]=\"{ width: '420px' }\"\n  [dismissible]=\"true\"\n  [showCloseIcon]=\"true\"\n  [appendTo]=\"'body'\"\n>\n  <ng-template pTemplate=\"header\">\n    <h3 class=\"ai-sidebar-title\">{{ documentHistoryAiService.state.aiSidebarHeader }}</h3>\n  </ng-template>\n\n  <div class=\"ai-sidebar-content\">\n    <ng-container *ngIf=\"documentHistoryAiService.state.aiSidebarHeader === 'Query'\">\n      <p class=\"ai-sidebar-error\" *ngIf=\"documentHistoryAiService.state.aiError\">{{ documentHistoryAiService.state.aiError }}</p>\n\n      <div class=\"query-chat-messages\">\n        <div class=\"query-chat-empty\" *ngIf=\"documentHistoryAiService.state.queryMessages.length === 0 && !documentHistoryAiService.state.queryLoading\">\n          Ask anything about this document.\n        </div>\n\n        <div *ngFor=\"let message of documentHistoryAiService.state.queryMessages\" class=\"query-chat-message\" [ngClass]=\"message.role\">\n          <div class=\"query-chat-bubble\">\n            <span *ngIf=\"message.role === 'user'\">{{ message.content }}</span>\n            <div *ngIf=\"message.role === 'assistant'\" class=\"ai-markdown\" [innerHTML]=\"message.htmlContent\"></div>\n          </div>\n        </div>\n\n        <div class=\"query-chat-message assistant\" *ngIf=\"documentHistoryAiService.state.queryLoading\">\n          <div class=\"query-chat-bubble\">Thinking...</div>\n        </div>\n      </div>\n\n      <div class=\"query-chat-input-wrap\">\n        <textarea\n          [(ngModel)]=\"documentHistoryAiService.state.queryText\"\n          (keydown)=\"onQueryEnter($event)\"\n          class=\"query-chat-input\"\n          rows=\"3\"\n          placeholder=\"Type your question\"\n        ></textarea>\n        <button type=\"button\" class=\"query-send-btn\" [disabled]=\"documentHistoryAiService.state.queryLoading || !documentHistoryAiService.state.queryText.trim()\" (click)=\"sendQuery()\">\n          Send\n        </button>\n      </div>\n    </ng-container>\n  </div>\n</p-sidebar>", styles: [".document-review-container{border-radius:8px;max-height:100%;overflow-y:auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.document-review-container .review-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.document-review-container .review-header .review-title-section{display:flex;align-items:center;gap:.75rem}.document-review-container .review-header .review-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin:0}.document-review-container .review-header .ai-menu{position:relative}.document-review-container .review-header .ai-menu .ai-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:0 .85rem;color:#374151;font-size:.875rem;height:40px;line-height:1;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.document-review-container .review-header .ai-menu .ai-btn:hover{background:#f9fafb}.document-review-container .review-header .ai-menu .ai-btn.active{background:#f3f4f6;border-color:#9ca3af}.document-review-container .review-header .ai-menu .ai-btn i{font-size:.75rem;transition:transform .2s}.document-review-container .review-header .ai-menu .ai-btn i.rotated{transform:rotate(180deg)}.document-review-container .review-header .ai-menu .ai-dropdown{position:absolute;top:100%;left:0;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1000;min-width:160px;margin-top:.25rem;padding:.25rem 0}.document-review-container .review-header .ai-menu .ai-dropdown .ai-dropdown-item{width:100%;text-align:left;border:none;background:transparent;padding:.625rem .875rem;cursor:pointer;color:#374151;font-size:.875rem}.document-review-container .review-header .ai-menu .ai-dropdown .ai-dropdown-item:hover{background:#f9fafb}.document-review-container .review-header .actions-menu{position:relative}.document-review-container .review-header .actions-menu .actions-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:0 1rem;height:40px;line-height:1;color:#374151;font-size:.875rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s}.document-review-container .review-header .actions-menu .actions-btn:hover{background:#f9fafb}.document-review-container .review-header .actions-menu .actions-btn.active{background:#f3f4f6;border-color:#9ca3af}.document-review-container .review-header .actions-menu .actions-btn i{font-size:.75rem;transition:transform .2s}.document-review-container .review-header .actions-menu .actions-btn i.rotated{transform:rotate(180deg)}.document-review-container .review-header .actions-menu .actions-dropdown{position:absolute;top:100%;right:0;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1000;min-width:180px;margin-top:.25rem}.document-review-container .review-header .actions-menu .actions-dropdown .dropdown-item{padding:.75rem 1rem;cursor:pointer;color:#374151;font-size:.875rem;border-bottom:1px solid #f3f4f6;transition:background-color .2s}.document-review-container .review-header .actions-menu .actions-dropdown .dropdown-item:last-child{border-bottom:none;border-radius:0 0 8px 8px}.document-review-container .review-header .actions-menu .actions-dropdown .dropdown-item:first-child{border-radius:8px 8px 0 0}.document-review-container .review-header .actions-menu .actions-dropdown .dropdown-item:hover{background:#f9fafb}.document-review-container .review-header .actions-menu .actions-dropdown .dropdown-item span{display:block}.document-review-container ::ng-deep document-actions{margin-bottom:1.5rem}.document-review-container ::ng-deep document-actions .actions-card{margin:0;width:100%}.document-review-container .document-actions-section{padding:1rem 0}.document-review-container .alerts-section{margin-bottom:2rem}.document-review-container .alerts-section .alert-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.document-review-container .alerts-section .alert-card .alert-header{display:flex;align-items:center;gap:.75rem}.document-review-container .alerts-section .alert-card .alert-header .alert-icon{color:#ef4444;font-size:1.25rem}.document-review-container .alerts-section .alert-card .alert-header .alert-text{font-weight:500;color:#1f2937;font-size:1rem}.document-review-container .alerts-section .alert-card .alert-header .alert-badge{margin-left:auto;display:flex;align-items:center;gap:.5rem;background:#ef4444;color:#fff;border-radius:50%;width:24px;height:24px;justify-content:center;position:relative}.document-review-container .alerts-section .alert-card .alert-header .alert-badge .alert-count{font-size:.75rem;font-weight:600}.document-review-container .alerts-section .alert-card .alert-header .alert-badge i{position:absolute;right:-8px;font-size:.75rem;color:#ef4444;background:#fff;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.document-review-container .timeline-section .timeline-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem}.document-review-container .timeline-section .timeline-container .timeline-item{margin-bottom:1.5rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem;position:relative}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-info{display:flex;align-items:center;gap:.75rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-info .event-icon{width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-info .event-icon i{font-size:1rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-info .event-icon.icon-requested{background:#3b82f6}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-info .event-icon.icon-accepted{background:#10b981}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-info .event-icon.icon-rejected{background:#ef4444}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-info .event-icon.icon-default{background:#6b7280}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-info .event-label{font-weight:600;color:#1f2937;font-size:1rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-timestamp{color:#6b7280;font-size:.875rem;font-weight:500}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-description{margin-bottom:1rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-description p{color:#374151;line-height:1.5;margin:0;font-size:.875rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .document-uploads{margin-bottom:1rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .document-uploads .uploaded-documents{display:flex;flex-direction:column;gap:.75rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .document-uploads .uploaded-documents .document-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .2s ease}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .document-uploads .uploaded-documents .document-card:hover{background:#e2e8f0;border-color:#3b82f6;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .document-uploads .uploaded-documents .document-card:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .document-uploads .uploaded-documents .document-card .document-icon{color:#3b82f6;font-size:1.25rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .document-uploads .uploaded-documents .document-card .document-name{color:#1f2937;font-size:.875rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-user{font-size:.875rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-user .user-name{color:rgb(75,85,99,var(--tw-text-opacity, 1));font-weight:500}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-user .user-role{color:#6b7280;margin-left:.25rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card.event-requested{background:#dbeafe;border-radius:16px;font-size:.875rem;line-height:1.25rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card.event-accepted{background:#dcfce7;border-radius:16px;font-size:.875rem;line-height:1.25rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card.event-rejected{background:#fee2e2;border-radius:16px;font-size:.875rem;line-height:1.25rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card.event-default{border-left:4px solid #6b7280}@media (max-width: 768px){.document-review-container{padding:1rem}.document-review-container .review-header{flex-direction:column;gap:1rem;align-items:flex-start}.document-review-container .review-header .actions-menu{align-self:flex-end}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header{flex-direction:column;align-items:flex-start;gap:.5rem}.document-review-container .timeline-section .timeline-container .timeline-item .timeline-event .event-card .event-header .event-timestamp{align-self:flex-end}}.ai-sidebar-title{margin:0;font-size:1.1rem;font-weight:600;color:#111827}.ai-sidebar-content{padding:1rem .5rem}.ai-sidebar-text{margin:0;color:#4b5563;font-size:.95rem;line-height:1.5;white-space:pre-wrap}.ai-markdown p{margin:0 0 .5rem}.ai-markdown :last-child{margin-bottom:0}.ai-markdown strong{color:#111827;font-weight:700}.ai-markdown .ai-markdown-list{margin:0 0 .5rem 1.1rem;padding:0}.ai-markdown li{margin-bottom:.35rem}.ai-sidebar-error{margin:0;color:#dc2626;font-size:.9rem}.query-chat-messages{max-height:calc(100vh - 260px);overflow-y:auto;padding:.25rem .1rem .5rem;margin-bottom:.75rem}.query-chat-empty{color:#6b7280;font-size:.9rem;text-align:center;padding:.75rem .5rem}.query-chat-message{display:flex;margin-bottom:.6rem}.query-chat-message.user{justify-content:flex-end}.query-chat-message.assistant{justify-content:flex-start}.query-chat-bubble{max-width:85%;padding:.6rem .75rem;border-radius:12px;font-size:.9rem;line-height:1.45;border:1px solid #e5e7eb;background:#f9fafb;color:#1f2937}.query-chat-message.user .query-chat-bubble{background:#dbeafe;border-color:#bfdbfe}.query-chat-input-wrap{display:flex;flex-direction:column;gap:.5rem}.query-chat-input{width:100%;border:1px solid #d1d5db;border-radius:8px;padding:.6rem .7rem;font-size:.9rem;resize:vertical;min-height:70px}.query-chat-input:focus{outline:none;border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa33}.query-send-btn{align-self:flex-end;border:1px solid #2563eb;background:#2563eb;color:#fff;border-radius:8px;padding:.45rem .9rem;font-size:.85rem;cursor:pointer}.query-send-btn:hover:not(:disabled){background:#1d4ed8}.query-send-btn:disabled{cursor:not-allowed;opacity:.6}\n"] }]
         }], ctorParameters: () => [{ type: DocumentHistoryService }, { type: DocumentViewerService }, { type: DocumentActionsService }, { type: i3.ConfirmationService }, { type: DocumentHttpService }, { type: DocumentHistoryAiService }], propDecorators: { historyData: [{
                 type: Input
             }], showHistory: [{
@@ -7541,6 +7378,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
                 type: Input
             }], selectedDocument: [{
                 type: Input
+            }], isDocumentIntelligence: [{
+                type: Input
             }], deleteTaskRequested: [{
                 type: Output
             }], documentSelected: [{
@@ -9484,7 +9323,7 @@ class DocumentViewerComponent {
         this.documentStore.clearDocumentViewerState();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentViewerComponent, deps: [{ token: DocumentHttpService }, { token: DocumentHelperService }, { token: i3.MessageService }, { token: DocumentViewerService }, { token: DocumentStore }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: DocumentViewerComponent, isStandalone: false, selector: "document-viewer", inputs: { selectedDocument: "selectedDocument", documentList: "documentList", contextId: "contextId", isFormHide: "isFormHide" }, outputs: { documentStatusUpdated: "documentStatusUpdated", deleteError: "deleteError", deleteSuccess: "deleteSuccess", viewerDestroyed: "viewerDestroyed" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"document-viewer-container grid p-formgrid\">\n  <div class=\"main-content col-12 md:col-12\">\n    @if(messages.length > 0) {\n    <p-messages [(value)]=\"messages\" [enableService]=\"false\"></p-messages>\n    }\n    \n    <div class=\"content-grid col-12 md:col-12\">\n      @if(selectedDocument){\n      <div class=\"document-preview p-0 col-12 md:col-9\">\n        <document-content-viewer\n          [documentUrl]=\"selectedDocument?.documentUrl\"\n          [contentType]=\"selectedDocument?.contentType\"\n          [documentName]=\"selectedDocument?.docName\"\n          [selectedDocument]=\"selectedDocument\"\n          [contextId]=\"contextId\"\n          [isFormHide]=\"isFormHide\"\n          (documentNameUpdated)=\"onDocumentNameUpdated()\"\n        ></document-content-viewer>\n      </div>\n      }\n\n      <div class=\"sidebar col-12 md:col-3 pt-0\">\n        <div class=\"sidebar card\">\n          <document-history \n          [historyData]=\"currentState.documentHistory\" \n          [showHistory]=\"currentState.showDocumentHistory\"\n          [contextId]=\"contextId\"\n          [selectedDocument]=\"selectedDocument\"\n          (deleteTaskRequested)=\"onDeleteTaskRequested()\"\n          (documentSelected)=\"onDocumentSelected($event)\">\n          \n          <!-- Document Actions Component inside the history component -->\n           <div actions-component *ngIf=\"selectedDocument?.status !=='Pending' && !selectedDocument?.isUploaded && selectedDocument?.status === 'Reviewing'\">\n          <document-actions\n            [document]=\"selectedDocument\"\n            [documentId]=\"selectedDocument?._id\"\n            [currentStatus]=\"currentState.documentStatus\"\n            [isLoading]=\"currentState.isActionLoading\"\n            [isUploaded]=\"currentState.documentIsUploaded\"\n            [statusId]=\"selectedDocument?.statusId\"\n            (actionPerformed)=\"handleDocumentAction($event)\">\n          </document-actions>\n          </div>\n          <ng-content [select]=\"'action-launcher'\"></ng-content>\n        </document-history>\n        \n      </div>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block;height:100%;width:100%;overflow:hidden;position:relative}.document-viewer-container{height:100%;width:100%;position:relative;z-index:1;overflow:hidden;display:flex;flex-direction:column}.document-viewer-container .main-content{height:100%;display:flex;flex-direction:column;overflow:hidden;min-height:0}.document-viewer-container .main-content .p-messages{margin-bottom:.5rem;flex-shrink:0}.document-viewer-container .main-content .content-grid{display:grid;grid-template-columns:1fr 400px;gap:1rem;height:0;min-height:0;overflow:hidden;flex:1}.document-viewer-container .main-content .content-grid .document-preview{background:transparent;height:100%;width:100%;min-width:0;overflow:auto;border-radius:10px;scrollbar-width:none;-ms-overflow-style:none}.document-viewer-container .main-content .content-grid .document-preview::-webkit-scrollbar{display:none}.document-viewer-container .main-content .content-grid .sidebar{display:flex;flex-direction:column;gap:.75rem;height:100%;overflow-y:auto;min-width:0;width:100%;scrollbar-width:none;-ms-overflow-style:none}.document-viewer-container .main-content .content-grid .sidebar::-webkit-scrollbar{display:none}.document-viewer-container .main-content .content-grid .sidebar ::ng-deep .document-actions-container{margin:0}.document-viewer-container .main-content .content-grid .sidebar ::ng-deep .document-history-container{padding:.75rem;max-height:none;scrollbar-width:none;-ms-overflow-style:none}.document-viewer-container .main-content .content-grid .sidebar ::ng-deep .document-history-container::-webkit-scrollbar{display:none}::ng-deep .p-dialog-content{overflow:hidden!important;height:100%!important}::ng-deep .p-dialog{overflow:hidden!important}@media (max-width: 1200px){.document-viewer-container .main-content .content-grid{grid-template-columns:1fr 380px;gap:.75rem}}@media (max-width: 768px){.document-viewer-container .main-content .content-grid{grid-template-columns:1fr;gap:.5rem}.document-viewer-container .main-content .content-grid .sidebar{order:-1}}.alert-card{background-color:#fb392d1a}.success-alert{border-radius:10px;border:1px solid rgba(251,57,45,.1);background:linear-gradient(0deg,#dedede 0% 100%),#fff}.p-timeline-event-opposite{display:none}.decription{color:#676b89}.textAreaControl textarea{width:100%;resize:vertical;max-width:100%}.document-btn-wrapper .p-button-outlined{color:#f57c00}.document-viewer{position:relative;z-index:1}.document-viewer .p-dialog{width:100%;height:100%;max-height:100%!important;box-shadow:none!important;z-index:9999!important}.document-viewer .p-dialog-header-close-icon{height:20px;width:20px}.document-viewer .p-dialog-header{background-color:#fff;border-radius:0;padding:.5rem}.document-viewer .p-dialog-content{background-color:#fff;border-radius:0;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.Messages, selector: "p-messages", inputs: ["value", "closable", "style", "styleClass", "enableService", "key", "escape", "severity", "showTransitionOptions", "hideTransitionOptions"], outputs: ["valueChange", "onClose"] }, { kind: "component", type: DocumentHistoryComponent, selector: "document-history", inputs: ["historyData", "showHistory", "contextId", "selectedDocument"], outputs: ["deleteTaskRequested", "documentSelected"] }, { kind: "component", type: DocumentContentViewerComponent, selector: "document-content-viewer", inputs: ["documentUrl", "contentType", "documentName", "selectedDocument", "contextId", "isFormHide"] }, { kind: "component", type: DocumentActionsComponent, selector: "document-actions", inputs: ["document", "documentId", "currentStatus", "isLoading", "isUploaded", "statusId"], outputs: ["actionPerformed"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: DocumentViewerComponent, isStandalone: false, selector: "document-viewer", inputs: { selectedDocument: "selectedDocument", documentList: "documentList", contextId: "contextId", isFormHide: "isFormHide" }, outputs: { documentStatusUpdated: "documentStatusUpdated", deleteError: "deleteError", deleteSuccess: "deleteSuccess", viewerDestroyed: "viewerDestroyed" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"document-viewer-container grid p-formgrid\">\n  <div class=\"main-content col-12 md:col-12\">\n    @if(messages.length > 0) {\n    <p-messages [(value)]=\"messages\" [enableService]=\"false\"></p-messages>\n    }\n    \n    <div class=\"content-grid col-12 md:col-12\">\n      @if(selectedDocument){\n      <div class=\"document-preview p-0 col-12 md:col-9\">\n        <document-content-viewer\n          [documentUrl]=\"selectedDocument?.documentUrl\"\n          [contentType]=\"selectedDocument?.contentType\"\n          [documentName]=\"selectedDocument?.docName\"\n          [selectedDocument]=\"selectedDocument\"\n          [contextId]=\"contextId\"\n          [isFormHide]=\"isFormHide\"\n          (documentNameUpdated)=\"onDocumentNameUpdated()\"\n        ></document-content-viewer>\n      </div>\n      }\n\n      <div class=\"sidebar col-12 md:col-3 pt-0\">\n        <div class=\"sidebar card\">\n          <document-history \n          [historyData]=\"currentState.documentHistory\" \n          [showHistory]=\"currentState.showDocumentHistory\"\n          [contextId]=\"contextId\"\n          [selectedDocument]=\"selectedDocument\"\n          (deleteTaskRequested)=\"onDeleteTaskRequested()\"\n          (documentSelected)=\"onDocumentSelected($event)\">\n          \n          <!-- Document Actions Component inside the history component -->\n           <div actions-component *ngIf=\"selectedDocument?.status !=='Pending' && !selectedDocument?.isUploaded && selectedDocument?.status === 'Reviewing'\">\n          <document-actions\n            [document]=\"selectedDocument\"\n            [documentId]=\"selectedDocument?._id\"\n            [currentStatus]=\"currentState.documentStatus\"\n            [isLoading]=\"currentState.isActionLoading\"\n            [isUploaded]=\"currentState.documentIsUploaded\"\n            [statusId]=\"selectedDocument?.statusId\"\n            (actionPerformed)=\"handleDocumentAction($event)\">\n          </document-actions>\n          </div>\n          <ng-content [select]=\"'action-launcher'\"></ng-content>\n        </document-history>\n        \n      </div>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:block;height:100%;width:100%;overflow:hidden;position:relative}.document-viewer-container{height:100%;width:100%;position:relative;z-index:1;overflow:hidden;display:flex;flex-direction:column}.document-viewer-container .main-content{height:100%;display:flex;flex-direction:column;overflow:hidden;min-height:0}.document-viewer-container .main-content .p-messages{margin-bottom:.5rem;flex-shrink:0}.document-viewer-container .main-content .content-grid{display:grid;grid-template-columns:1fr 400px;gap:1rem;height:0;min-height:0;overflow:hidden;flex:1}.document-viewer-container .main-content .content-grid .document-preview{background:transparent;height:100%;width:100%;min-width:0;overflow:auto;border-radius:10px;scrollbar-width:none;-ms-overflow-style:none}.document-viewer-container .main-content .content-grid .document-preview::-webkit-scrollbar{display:none}.document-viewer-container .main-content .content-grid .sidebar{display:flex;flex-direction:column;gap:.75rem;height:100%;overflow-y:auto;min-width:0;width:100%;scrollbar-width:none;-ms-overflow-style:none}.document-viewer-container .main-content .content-grid .sidebar::-webkit-scrollbar{display:none}.document-viewer-container .main-content .content-grid .sidebar ::ng-deep .document-actions-container{margin:0}.document-viewer-container .main-content .content-grid .sidebar ::ng-deep .document-history-container{padding:.75rem;max-height:none;scrollbar-width:none;-ms-overflow-style:none}.document-viewer-container .main-content .content-grid .sidebar ::ng-deep .document-history-container::-webkit-scrollbar{display:none}::ng-deep .p-dialog-content{overflow:hidden!important;height:100%!important}::ng-deep .p-dialog{overflow:hidden!important}@media (max-width: 1200px){.document-viewer-container .main-content .content-grid{grid-template-columns:1fr 380px;gap:.75rem}}@media (max-width: 768px){.document-viewer-container .main-content .content-grid{grid-template-columns:1fr;gap:.5rem}.document-viewer-container .main-content .content-grid .sidebar{order:-1}}.alert-card{background-color:#fb392d1a}.success-alert{border-radius:10px;border:1px solid rgba(251,57,45,.1);background:linear-gradient(0deg,#dedede 0% 100%),#fff}.p-timeline-event-opposite{display:none}.decription{color:#676b89}.textAreaControl textarea{width:100%;resize:vertical;max-width:100%}.document-btn-wrapper .p-button-outlined{color:#f57c00}.document-viewer{position:relative;z-index:1}.document-viewer .p-dialog{width:100%;height:100%;max-height:100%!important;box-shadow:none!important;z-index:9999!important}.document-viewer .p-dialog-header-close-icon{height:20px;width:20px}.document-viewer .p-dialog-header{background-color:#fff;border-radius:0;padding:.5rem}.document-viewer .p-dialog-content{background-color:#fff;border-radius:0;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i5.Messages, selector: "p-messages", inputs: ["value", "closable", "style", "styleClass", "enableService", "key", "escape", "severity", "showTransitionOptions", "hideTransitionOptions"], outputs: ["valueChange", "onClose"] }, { kind: "component", type: DocumentHistoryComponent, selector: "document-history", inputs: ["historyData", "showHistory", "contextId", "selectedDocument", "isDocumentIntelligence"], outputs: ["deleteTaskRequested", "documentSelected"] }, { kind: "component", type: DocumentContentViewerComponent, selector: "document-content-viewer", inputs: ["documentUrl", "contentType", "documentName", "selectedDocument", "contextId", "isFormHide"] }, { kind: "component", type: DocumentActionsComponent, selector: "document-actions", inputs: ["document", "documentId", "currentStatus", "isLoading", "isUploaded", "statusId"], outputs: ["actionPerformed"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: DocumentViewerComponent, decorators: [{
             type: Component,