@memberjunction/ng-dashboards 3.3.0 → 3.4.0

package/dist/Communication/communication-logs-resource.component.js

@@ -10,59 +10,79 @@ import { BaseResourceComponent } from '@memberjunction/ng-shared';
 import { RunView } from '@memberjunction/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
-function CommunicationLogsResourceComponent_div_12_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 12);
-    i0.ɵɵelement(1, "div", 13);
+function CommunicationLogsResourceComponent_tr_39_span_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 23);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const log_r1 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵproperty("title", log_r1.ErrorMessage);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", log_r1.ErrorMessage, " ");
+} }
+function CommunicationLogsResourceComponent_tr_39_span_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 24);
+    i0.ɵɵtext(1, "\u2014");
     i0.ɵɵelementEnd();
 } }
-function CommunicationLogsResourceComponent_tr_29_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr")(1, "td")(2, "span", 14);
-    i0.ɵɵtext(3);
+function CommunicationLogsResourceComponent_tr_39_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td")(2, "span", 18);
+    i0.ɵɵelement(3, "i");
+    i0.ɵɵtext(4);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(4, "td")(5, "span", 15);
-    i0.ɵɵelement(6, "i");
-    i0.ɵɵtext(7);
+    i0.ɵɵelementStart(5, "td")(6, "span", 19);
+    i0.ɵɵelement(7, "i");
+    i0.ɵɵtext(8);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "td");
-    i0.ɵɵtext(9);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "td");
-    i0.ɵɵtext(11);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "td");
-    i0.ɵɵtext(13);
-    i0.ɵɵpipe(14, "date");
+    i0.ɵɵelementStart(9, "td")(10, "span", 20);
+    i0.ɵɵelement(11, "i");
+    i0.ɵɵtext(12);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(13, "td");
+    i0.ɵɵtext(14);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "td", 16);
+    i0.ɵɵelementStart(15, "td");
     i0.ɵɵtext(16);
+    i0.ɵɵpipe(17, "date");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "td");
+    i0.ɵɵtemplate(19, CommunicationLogsResourceComponent_tr_39_span_19_Template, 2, 2, "span", 21)(20, CommunicationLogsResourceComponent_tr_39_span_20_Template, 2, 0, "span", 22);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const log_r1 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
-    i0.ɵɵclassMap(log_r1.Status.toLowerCase());
+    i0.ɵɵproperty("ngClass", ctx_r1.getStatusClass(log_r1.Status));
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(ctx_r1.getStatusIcon(log_r1.Status));
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", log_r1.Status, " ");
     i0.ɵɵadvance(2);
-    i0.ɵɵclassMap(log_r1.Direction.toLowerCase());
+    i0.ɵɵproperty("ngClass", log_r1.Direction.toLowerCase());
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(log_r1.Direction === "Sending" ? "fa-solid fa-arrow-up" : "fa-solid fa-arrow-down");
+    i0.ɵɵclassMap(log_r1.Direction === "Sending" ? "fa-solid fa-arrow-up-right" : "fa-solid fa-arrow-down-left");
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", log_r1.Direction, " ");
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(log_r1.CommunicationProvider);
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassMap(ctx_r1.getProviderIcon(log_r1.CommunicationProvider));
+    i0.ɵɵstyleProp("color", ctx_r1.getProviderColor(log_r1.CommunicationProvider));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", log_r1.CommunicationProvider, " ");
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(log_r1.CommunicationProviderMessageType);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(14, 13, log_r1.MessageDate, "medium"));
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("title", log_r1.ErrorMessage);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(17, 17, log_r1.MessageDate, "medium"));
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("ngIf", log_r1.ErrorMessage);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(log_r1.ErrorMessage || "-");
+    i0.ɵɵproperty("ngIf", !log_r1.ErrorMessage);
 } }
-function CommunicationLogsResourceComponent_tr_30_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr")(1, "td", 17);
-    i0.ɵɵtext(2, "No logs found matching your criteria");
-    i0.ɵɵelementEnd()();
+function CommunicationLogsResourceComponent_tr_40_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td", 25)(2, "div", 26);
+    i0.ɵɵelement(3, "i", 27);
+    i0.ɵɵelementStart(4, "p");
+    i0.ɵɵtext(5, "No logs found matching your criteria");
+    i0.ɵɵelementEnd()()()();
 } }
 /**
  * Tree-shaking prevention function
@@ -75,6 +95,7 @@ let CommunicationLogsResourceComponent = class CommunicationLogsResourceComponen
     logs = [];
     filteredLogs = [];
     isLoading = false;
+    statusFilter = '';
     searchTerm = '';
     constructor(cdr) {
         super();
@@ -93,7 +114,7 @@ let CommunicationLogsResourceComponent = class CommunicationLogsResourceComponen
             const result = await rv.RunView({
                 EntityName: 'Communication Logs',
                 OrderBy: 'MessageDate DESC',
-                MaxRows: 100,
+                MaxRows: 200,
                 ResultType: 'entity_object'
             });
             if (result.Success) {
@@ -113,68 +134,152 @@ let CommunicationLogsResourceComponent = class CommunicationLogsResourceComponen
         this.searchTerm = event.target.value.toLowerCase();
         this.applyFilter();
     }
+    onStatusFilter(status) {
+        this.statusFilter = status;
+        this.applyFilter();
+    }
+    getStatusClass(status) {
+        const s = (status || '').toLowerCase();
+        if (s === 'complete')
+            return 'complete';
+        if (s === 'failed')
+            return 'failed';
+        if (s === 'pending')
+            return 'pending';
+        if (s === 'in-progress')
+            return 'in-progress';
+        return '';
+    }
+    getStatusIcon(status) {
+        const s = (status || '').toLowerCase();
+        if (s === 'complete')
+            return 'fa-solid fa-check';
+        if (s === 'failed')
+            return 'fa-solid fa-xmark';
+        if (s === 'pending')
+            return 'fa-solid fa-clock';
+        if (s === 'in-progress')
+            return 'fa-solid fa-spinner';
+        return 'fa-solid fa-circle';
+    }
+    getProviderIcon(name) {
+        if (!name)
+            return 'fa-solid fa-server';
+        const n = name.toLowerCase();
+        if (n.includes('sendgrid'))
+            return 'fa-solid fa-envelope';
+        if (n.includes('twilio'))
+            return 'fa-solid fa-comment-sms';
+        if (n.includes('gmail') || n.includes('google'))
+            return 'fa-brands fa-google';
+        if (n.includes('microsoft') || n.includes('graph'))
+            return 'fa-brands fa-microsoft';
+        return 'fa-solid fa-server';
+    }
+    getProviderColor(name) {
+        if (!name)
+            return 'inherit';
+        const n = name.toLowerCase();
+        if (n.includes('sendgrid'))
+            return '#1A82E2';
+        if (n.includes('twilio'))
+            return '#F22F46';
+        if (n.includes('gmail') || n.includes('google'))
+            return '#EA4335';
+        if (n.includes('microsoft') || n.includes('graph'))
+            return '#0078D4';
+        return 'inherit';
+    }
     applyFilter() {
-        if (!this.searchTerm) {
-            this.filteredLogs = this.logs;
+        let filtered = this.logs;
+        if (this.statusFilter) {
+            filtered = filtered.filter(l => l.Status === this.statusFilter);
         }
-        else {
-            this.filteredLogs = this.logs.filter(l => l.CommunicationProvider?.toLowerCase().includes(this.searchTerm) ||
+        if (this.searchTerm) {
+            filtered = filtered.filter(l => l.CommunicationProvider?.toLowerCase().includes(this.searchTerm) ||
                 l.CommunicationProviderMessageType?.toLowerCase().includes(this.searchTerm) ||
                 l.Status?.toLowerCase().includes(this.searchTerm) ||
                 l.ErrorMessage?.toLowerCase().includes(this.searchTerm));
         }
+        this.filteredLogs = filtered;
         this.cdr.detectChanges();
     }
     async GetResourceDisplayName(data) {
-        return 'Logs';
+        return 'Message Logs';
     }
     async GetResourceIconClass(data) {
         return 'fa-solid fa-list-ul';
     }
     static ɵfac = function CommunicationLogsResourceComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || CommunicationLogsResourceComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CommunicationLogsResourceComponent, selectors: [["mj-communication-logs-resource"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 31, vars: 3, consts: [[1, "logs-container"], [1, "logs-header"], [1, "title-area"], [1, "header-actions"], [1, "search-box"], [1, "fa-solid", "fa-magnifying-glass"], ["type", "text", "placeholder", "Search logs...", 3, "input"], [1, "grid-wrapper"], ["class", "loading-overlay", 4, "ngIf"], [1, "custom-grid"], [4, "ngFor", "ngForOf"], [4, "ngIf"], [1, "loading-overlay"], [1, "spinner"], [1, "status-pill"], [1, "direction-icon"], [1, "error-cell", 3, "title"], ["colspan", "6", 1, "no-data"]], template: function CommunicationLogsResourceComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 0)(1, "header", 1)(2, "div", 2)(3, "h1");
-            i0.ɵɵtext(4, "Communication Logs");
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: CommunicationLogsResourceComponent, selectors: [["mj-communication-logs-resource"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 41, vars: 12, consts: [[1, "logs-wrapper"], [1, "card"], [1, "logs-toolbar"], [1, "search-input-wrapper"], [1, "fa-solid", "fa-search"], ["type", "text", "placeholder", "Search messages, providers, recipients...", 3, "input"], [1, "filter-chip", 3, "click"], [1, "fa-solid", "fa-filter"], [1, "fa-solid", "fa-check-circle"], [1, "fa-solid", "fa-times-circle"], [1, "fa-solid", "fa-clock"], [1, "toolbar-spacer"], [1, "tb-btn", 3, "click"], [1, "fa-solid", "fa-rotate"], [1, "table-wrapper"], [1, "log-table"], [4, "ngFor", "ngForOf"], [4, "ngIf"], [1, "log-status-badge", 3, "ngClass"], [1, "log-direction", 3, "ngClass"], [1, "log-provider-badge"], ["class", "log-error-text", 3, "title", 4, "ngIf"], ["class", "no-error", 4, "ngIf"], [1, "log-error-text", 3, "title"], [1, "no-error"], ["colspan", "6", 1, "no-data"], [1, "empty-state"], [1, "fa-solid", "fa-inbox"]], template: function CommunicationLogsResourceComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3);
+            i0.ɵɵelement(4, "i", 4);
+            i0.ɵɵelementStart(5, "input", 5);
+            i0.ɵɵlistener("input", function CommunicationLogsResourceComponent_Template_input_input_5_listener($event) { return ctx.onSearch($event); });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(6, "div", 6);
+            i0.ɵɵlistener("click", function CommunicationLogsResourceComponent_Template_div_click_6_listener() { return ctx.onStatusFilter(""); });
+            i0.ɵɵelement(7, "i", 7);
+            i0.ɵɵtext(8, " All ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(9, "div", 6);
+            i0.ɵɵlistener("click", function CommunicationLogsResourceComponent_Template_div_click_9_listener() { return ctx.onStatusFilter("Complete"); });
+            i0.ɵɵelement(10, "i", 8);
+            i0.ɵɵtext(11, " Sent ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(5, "p");
-            i0.ɵɵtext(6, "Full audit trail of all messages");
+            i0.ɵɵelementStart(12, "div", 6);
+            i0.ɵɵlistener("click", function CommunicationLogsResourceComponent_Template_div_click_12_listener() { return ctx.onStatusFilter("Failed"); });
+            i0.ɵɵelement(13, "i", 9);
+            i0.ɵɵtext(14, " Failed ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(15, "div", 6);
+            i0.ɵɵlistener("click", function CommunicationLogsResourceComponent_Template_div_click_15_listener() { return ctx.onStatusFilter("Pending"); });
+            i0.ɵɵelement(16, "i", 10);
+            i0.ɵɵtext(17, " Pending ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(18, "div", 11);
+            i0.ɵɵelementStart(19, "button", 12);
+            i0.ɵɵlistener("click", function CommunicationLogsResourceComponent_Template_button_click_19_listener() { return ctx.loadData(); });
+            i0.ɵɵelement(20, "i", 13);
+            i0.ɵɵtext(21, " Refresh ");
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(7, "div", 3)(8, "div", 4);
-            i0.ɵɵelement(9, "i", 5);
-            i0.ɵɵelementStart(10, "input", 6);
-            i0.ɵɵlistener("input", function CommunicationLogsResourceComponent_Template_input_input_10_listener($event) { return ctx.onSearch($event); });
-            i0.ɵɵelementEnd()()()();
-            i0.ɵɵelementStart(11, "div", 7);
-            i0.ɵɵtemplate(12, CommunicationLogsResourceComponent_div_12_Template, 2, 0, "div", 8);
-            i0.ɵɵelementStart(13, "table", 9)(14, "thead")(15, "tr")(16, "th");
-            i0.ɵɵtext(17, "Status");
+            i0.ɵɵelementStart(22, "div", 14)(23, "table", 15)(24, "thead")(25, "tr")(26, "th");
+            i0.ɵɵtext(27, "Status");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(18, "th");
-            i0.ɵɵtext(19, "Direction");
+            i0.ɵɵelementStart(28, "th");
+            i0.ɵɵtext(29, "Direction");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(20, "th");
-            i0.ɵɵtext(21, "Provider");
+            i0.ɵɵelementStart(30, "th");
+            i0.ɵɵtext(31, "Provider");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(22, "th");
-            i0.ɵɵtext(23, "Type");
+            i0.ɵɵelementStart(32, "th");
+            i0.ɵɵtext(33, "Type");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(24, "th");
-            i0.ɵɵtext(25, "Date");
+            i0.ɵɵelementStart(34, "th");
+            i0.ɵɵtext(35, "Date");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(26, "th");
-            i0.ɵɵtext(27, "Error Message");
+            i0.ɵɵelementStart(36, "th");
+            i0.ɵɵtext(37, "Error");
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(28, "tbody");
-            i0.ɵɵtemplate(29, CommunicationLogsResourceComponent_tr_29_Template, 17, 16, "tr", 10)(30, CommunicationLogsResourceComponent_tr_30_Template, 3, 0, "tr", 11);
-            i0.ɵɵelementEnd()()()();
+            i0.ɵɵelementStart(38, "tbody");
+            i0.ɵɵtemplate(39, CommunicationLogsResourceComponent_tr_39_Template, 21, 20, "tr", 16)(40, CommunicationLogsResourceComponent_tr_40_Template, 6, 0, "tr", 17);
+            i0.ɵɵelementEnd()()()()();
         } if (rf & 2) {
-            i0.ɵɵadvance(12);
-            i0.ɵɵproperty("ngIf", ctx.isLoading);
-            i0.ɵɵadvance(17);
+            i0.ɵɵadvance(6);
+            i0.ɵɵclassProp("active", ctx.statusFilter === "");
+            i0.ɵɵadvance(3);
+            i0.ɵɵclassProp("active", ctx.statusFilter === "Complete");
+            i0.ɵɵadvance(3);
+            i0.ɵɵclassProp("active", ctx.statusFilter === "Failed");
+            i0.ɵɵadvance(3);
+            i0.ɵɵclassProp("active", ctx.statusFilter === "Pending");
+            i0.ɵɵadvance(5);
+            i0.ɵɵclassProp("spinning", ctx.isLoading);
+            i0.ɵɵadvance(19);
             i0.ɵɵproperty("ngForOf", ctx.filteredLogs);
             i0.ɵɵadvance();
             i0.ɵɵproperty("ngIf", ctx.filteredLogs.length === 0 && !ctx.isLoading);
-        } }, dependencies: [i1.NgForOf, i1.NgIf, i1.DatePipe], styles: [".logs-container[_ngcontent-%COMP%] {\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n        background-color: #f8fafc;\n        font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    }\n    .logs-header[_ngcontent-%COMP%] {\n        padding: 24px 32px;\n        background: white;\n        border-bottom: 1px solid #e2e8f0;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n    .title-area[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%] {\n        margin: 0;\n        font-size: 1.5rem;\n        font-weight: 800;\n        color: #0f172a;\n    }\n    .title-area[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n        margin: 4px 0 0;\n        color: #64748b;\n        font-size: 0.875rem;\n    }\n    .search-box[_ngcontent-%COMP%] {\n        position: relative;\n        width: 300px;\n    }\n    .search-box[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n        position: absolute;\n        left: 12px;\n        top: 50%;\n        transform: translateY(-50%);\n        color: #94a3b8;\n    }\n    .search-box[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n        width: 100%;\n        padding: 10px 12px 10px 40px;\n        border: 1px solid #e2e8f0;\n        border-radius: 8px;\n        font-size: 0.875rem;\n        transition: all 0.2s;\n    }\n    .search-box[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]:focus {\n        outline: none;\n        border-color: #3b82f6;\n        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n    }\n\n    .grid-wrapper[_ngcontent-%COMP%] {\n        flex: 1;\n        padding: 24px 32px;\n        overflow-y: auto;\n        position: relative;\n    }\n\n    .custom-grid[_ngcontent-%COMP%] {\n        width: 100%;\n        border-collapse: separate;\n        border-spacing: 0;\n        background: white;\n        border-radius: 12px;\n        overflow: hidden;\n        box-shadow: 0 1px 3px rgba(0,0,0,0.05);\n        border: 1px solid #e2e8f0;\n    }\n    .custom-grid[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n        background: #f8fafc;\n        padding: 16px;\n        text-align: left;\n        font-size: 0.75rem;\n        font-weight: 700;\n        color: #64748b;\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n        border-bottom: 1px solid #e2e8f0;\n    }\n    .custom-grid[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n        padding: 16px;\n        font-size: 0.875rem;\n        color: #1e293b;\n        border-bottom: 1px solid #f1f5f9;\n    }\n    .custom-grid[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:last-child   td[_ngcontent-%COMP%] {\n        border-bottom: none;\n    }\n    .custom-grid[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover   td[_ngcontent-%COMP%] {\n        background: #f8fafc;\n    }\n\n    .status-pill[_ngcontent-%COMP%] {\n        padding: 4px 10px;\n        border-radius: 20px;\n        font-size: 0.75rem;\n        font-weight: 700;\n        text-transform: uppercase;\n    }\n    .status-pill.complete[_ngcontent-%COMP%] { background: #dcfce7; color: #166534; }\n    .status-pill.failed[_ngcontent-%COMP%] { background: #fee2e2; color: #991b1b; }\n    .status-pill.pending[_ngcontent-%COMP%] { background: #fef3c7; color: #92400e; }\n\n    .direction-icon[_ngcontent-%COMP%] {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        font-weight: 500;\n    }\n    .direction-icon.sending[_ngcontent-%COMP%] { color: #3b82f6; }\n    .direction-icon.receiving[_ngcontent-%COMP%] { color: #8b5cf6; }\n\n    .error-cell[_ngcontent-%COMP%] {\n        color: #ef4444;\n        max-width: 200px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n\n    .no-data[_ngcontent-%COMP%] {\n        text-align: center;\n        padding: 48px !important;\n        color: #94a3b8;\n        font-style: italic;\n    }\n\n    .loading-overlay[_ngcontent-%COMP%] {\n        position: absolute;\n        top: 0; left: 0; right: 0; bottom: 0;\n        background: rgba(255,255,255,0.7);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        z-index: 10;\n    }\n    .spinner[_ngcontent-%COMP%] {\n        width: 32px;\n        height: 32px;\n        border: 3px solid #e2e8f0;\n        border-top-color: #3b82f6;\n        border-radius: 50%;\n        animation: _ngcontent-%COMP%_spin 0.8s linear infinite;\n    }\n    @keyframes _ngcontent-%COMP%_spin { to { transform: rotate(360deg); } }"] });
+        } }, dependencies: [i1.NgClass, i1.NgForOf, i1.NgIf, i1.DatePipe], styles: [".logs-wrapper[_ngcontent-%COMP%] {\n        height: 100%;\n        padding: 24px;\n        background: var(--mat-sys-surface-container);\n    }\n    .card[_ngcontent-%COMP%] {\n        background: var(--mat-sys-surface-container-lowest);\n        border: 1px solid var(--mat-sys-outline-variant);\n        border-radius: var(--mat-sys-corner-medium, 12px);\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n    }\n\n    \n\n    .logs-toolbar[_ngcontent-%COMP%] {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        padding: 12px 20px;\n        border-bottom: 1px solid var(--mat-sys-outline-variant);\n        background: var(--mat-sys-surface-container-low);\n        flex-shrink: 0;\n    }\n    .search-input-wrapper[_ngcontent-%COMP%] {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        flex: 1;\n        max-width: 400px;\n        padding: 6px 12px;\n        border: 1px solid var(--mat-sys-outline-variant);\n        border-radius: var(--mat-sys-corner-small, 8px);\n        background: var(--mat-sys-surface-container-lowest);\n        transition: border-color 0.15s, box-shadow 0.15s;\n    }\n    .search-input-wrapper[_ngcontent-%COMP%]:focus-within {\n        border-color: var(--mat-sys-primary);\n        box-shadow: 0 0 0 2px color-mix(in srgb, var(--mat-sys-primary) 15%, transparent);\n    }\n    .search-input-wrapper[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mat-sys-on-surface-variant); font-size: 12px; }\n    .search-input-wrapper[_ngcontent-%COMP%]   input[_ngcontent-%COMP%] {\n        flex: 1; border: none; outline: none;\n        background: transparent; font-size: 12px;\n        font-family: inherit; color: var(--mat-sys-on-surface);\n    }\n    .search-input-wrapper[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]::placeholder { color: var(--mat-sys-on-surface-variant); }\n\n    .filter-chip[_ngcontent-%COMP%] {\n        display: inline-flex; align-items: center;\n        gap: 4px; padding: 4px 10px;\n        border: 1px solid var(--mat-sys-outline-variant);\n        border-radius: 16px;\n        background: var(--mat-sys-surface-container-lowest);\n        font-size: 11px; font-weight: 500;\n        color: var(--mat-sys-on-surface-variant);\n        cursor: pointer; transition: all 0.15s;\n    }\n    .filter-chip[_ngcontent-%COMP%]:hover {\n        border-color: var(--mat-sys-outline);\n        background: var(--mat-sys-surface-container);\n    }\n    .filter-chip.active[_ngcontent-%COMP%] {\n        border-color: var(--mat-sys-primary);\n        background: var(--mat-sys-primary-container);\n        color: var(--mat-sys-on-primary-container);\n    }\n    .filter-chip[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 10px; }\n\n    .toolbar-spacer[_ngcontent-%COMP%] { flex: 1; }\n\n    .tb-btn[_ngcontent-%COMP%] {\n        display: inline-flex; align-items: center;\n        gap: 6px; padding: 6px 12px;\n        border: 1px solid var(--mat-sys-outline-variant);\n        border-radius: var(--mat-sys-corner-extra-small, 4px);\n        background: var(--mat-sys-surface-container-lowest);\n        color: var(--mat-sys-on-surface-variant);\n        font-size: 12px; font-weight: 500;\n        cursor: pointer; transition: all 0.15s ease;\n        font-family: inherit;\n    }\n    .tb-btn[_ngcontent-%COMP%]:hover {\n        background: var(--mat-sys-surface-container-high);\n        border-color: var(--mat-sys-outline);\n        color: var(--mat-sys-on-surface);\n    }\n    .tb-btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 12px; }\n\n    @keyframes _ngcontent-%COMP%_spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\n    .spinning[_ngcontent-%COMP%] { animation: _ngcontent-%COMP%_spin 1s linear infinite; }\n\n    \n\n    .table-wrapper[_ngcontent-%COMP%] { flex: 1; overflow-y: auto; }\n\n    .log-table[_ngcontent-%COMP%] {\n        width: 100%;\n        border-collapse: collapse;\n        font-size: 12px;\n    }\n    .log-table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%] {\n        background: var(--mat-sys-surface-container-low);\n        position: sticky; top: 0; z-index: 1;\n    }\n    .log-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n        padding: 10px 16px;\n        text-align: left;\n        font-weight: 700; font-size: 10px;\n        text-transform: uppercase; letter-spacing: 0.5px;\n        color: var(--mat-sys-on-surface-variant);\n        border-bottom: 1px solid var(--mat-sys-outline-variant);\n        white-space: nowrap;\n    }\n    .log-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n        padding: 12px 16px;\n        border-bottom: 1px solid var(--mat-sys-surface-container);\n        color: var(--mat-sys-on-surface);\n        vertical-align: middle;\n    }\n    .log-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%] { transition: background 0.15s; }\n    .log-table[_ngcontent-%COMP%]   tbody[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover { background: var(--mat-sys-surface-container-low); }\n\n    .log-status-badge[_ngcontent-%COMP%] {\n        display: inline-flex; align-items: center;\n        gap: 4px; font-size: 11px; font-weight: 600;\n        padding: 3px 10px;\n        border-radius: var(--mat-sys-corner-extra-small, 4px);\n    }\n    .log-status-badge.complete[_ngcontent-%COMP%] { background: #d4f8e0; color: #1b873f; }\n    .log-status-badge.failed[_ngcontent-%COMP%] { background: #ffdce0; color: #cf222e; }\n    .log-status-badge.pending[_ngcontent-%COMP%] { background: #fff0c7; color: #9a6700; }\n    .log-status-badge.in-progress[_ngcontent-%COMP%] { background: #ddf4ff; color: #0969da; }\n\n    .log-direction[_ngcontent-%COMP%] {\n        display: flex; align-items: center;\n        gap: 4px; font-size: 11px;\n        color: var(--mat-sys-on-surface-variant);\n    }\n    .log-direction[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 10px; }\n    .log-direction.sending[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mat-sys-primary); }\n    .log-direction.receiving[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: #1b873f; }\n\n    .log-provider-badge[_ngcontent-%COMP%] {\n        display: inline-flex; align-items: center;\n        gap: 6px; padding: 3px 10px;\n        border-radius: var(--mat-sys-corner-extra-small, 4px);\n        background: var(--mat-sys-surface-container);\n        font-weight: 500;\n    }\n\n    .log-error-text[_ngcontent-%COMP%] {\n        color: #cf222e;\n        max-width: 200px;\n        overflow: hidden; text-overflow: ellipsis;\n        white-space: nowrap; font-size: 11px;\n        display: block;\n    }\n    .no-error[_ngcontent-%COMP%] { color: var(--mat-sys-on-surface-variant); }\n\n    .no-data[_ngcontent-%COMP%] { padding: 0 !important; }\n    .empty-state[_ngcontent-%COMP%] {\n        display: flex; flex-direction: column;\n        align-items: center; justify-content: center;\n        padding: 48px 0; color: var(--mat-sys-on-surface-variant);\n    }\n    .empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { font-size: 2rem; margin-bottom: 12px; opacity: 0.5; }\n    .empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] { margin: 0; font-size: 13px; }"] });
 };
 CommunicationLogsResourceComponent = __decorate([
     RegisterClass(BaseResourceComponent, 'CommunicationLogsResource')
@@ -183,62 +288,89 @@ export { CommunicationLogsResourceComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(CommunicationLogsResourceComponent, [{
         type: Component,
         args: [{ selector: 'mj-communication-logs-resource', template: `
-    <div class="logs-container">
-        <header class="logs-header">
-            <div class="title-area">
-                <h1>Communication Logs</h1>
-                <p>Full audit trail of all messages</p>
-            </div>
-            <div class="header-actions">
-                <div class="search-box">
-                    <i class="fa-solid fa-magnifying-glass"></i>
-                    <input type="text" placeholder="Search logs..." (input)="onSearch($event)">
+    <div class="logs-wrapper">
+        <div class="card">
+            <div class="logs-toolbar">
+                <div class="search-input-wrapper">
+                    <i class="fa-solid fa-search"></i>
+                    <input type="text" placeholder="Search messages, providers, recipients..." (input)="onSearch($event)">
+                </div>
+                <div class="filter-chip" [class.active]="statusFilter === ''"
+                    (click)="onStatusFilter('')">
+                    <i class="fa-solid fa-filter"></i> All
+                </div>
+                <div class="filter-chip" [class.active]="statusFilter === 'Complete'"
+                    (click)="onStatusFilter('Complete')">
+                    <i class="fa-solid fa-check-circle"></i> Sent
+                </div>
+                <div class="filter-chip" [class.active]="statusFilter === 'Failed'"
+                    (click)="onStatusFilter('Failed')">
+                    <i class="fa-solid fa-times-circle"></i> Failed
+                </div>
+                <div class="filter-chip" [class.active]="statusFilter === 'Pending'"
+                    (click)="onStatusFilter('Pending')">
+                    <i class="fa-solid fa-clock"></i> Pending
                 </div>
+                <div class="toolbar-spacer"></div>
+                <button class="tb-btn" (click)="loadData()">
+                    <i class="fa-solid fa-rotate" [class.spinning]="isLoading"></i> Refresh
+                </button>
             </div>
-        </header>
-
-        <div class="grid-wrapper">
-            <div *ngIf="isLoading" class="loading-overlay">
-                <div class="spinner"></div>
+            <div class="table-wrapper">
+                <table class="log-table">
+                    <thead>
+                        <tr>
+                            <th>Status</th>
+                            <th>Direction</th>
+                            <th>Provider</th>
+                            <th>Type</th>
+                            <th>Date</th>
+                            <th>Error</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr *ngFor="let log of filteredLogs">
+                            <td>
+                                <span class="log-status-badge" [ngClass]="getStatusClass(log.Status)">
+                                    <i [class]="getStatusIcon(log.Status)"></i>
+                                    {{log.Status}}
+                                </span>
+                            </td>
+                            <td>
+                                <span class="log-direction" [ngClass]="log.Direction.toLowerCase()">
+                                    <i [class]="log.Direction === 'Sending' ? 'fa-solid fa-arrow-up-right' : 'fa-solid fa-arrow-down-left'"></i>
+                                    {{log.Direction}}
+                                </span>
+                            </td>
+                            <td>
+                                <span class="log-provider-badge">
+                                    <i [class]="getProviderIcon(log.CommunicationProvider)" [style.color]="getProviderColor(log.CommunicationProvider)"></i>
+                                    {{log.CommunicationProvider}}
+                                </span>
+                            </td>
+                            <td>{{log.CommunicationProviderMessageType}}</td>
+                            <td>{{log.MessageDate | date:'medium'}}</td>
+                            <td>
+                                <span *ngIf="log.ErrorMessage" class="log-error-text" [title]="log.ErrorMessage">
+                                    {{log.ErrorMessage}}
+                                </span>
+                                <span *ngIf="!log.ErrorMessage" class="no-error">&mdash;</span>
+                            </td>
+                        </tr>
+                        <tr *ngIf="filteredLogs.length === 0 && !isLoading">
+                            <td colspan="6" class="no-data">
+                                <div class="empty-state">
+                                    <i class="fa-solid fa-inbox"></i>
+                                    <p>No logs found matching your criteria</p>
+                                </div>
+                            </td>
+                        </tr>
+                    </tbody>
+                </table>
             </div>
-
-            <table class="custom-grid">
-                <thead>
-                    <tr>
-                        <th>Status</th>
-                        <th>Direction</th>
-                        <th>Provider</th>
-                        <th>Type</th>
-                        <th>Date</th>
-                        <th>Error Message</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr *ngFor="let log of filteredLogs">
-                        <td>
-                            <span class="status-pill" [class]="log.Status.toLowerCase()">
-                                {{log.Status}}
-                            </span>
-                        </td>
-                        <td>
-                            <span class="direction-icon" [class]="log.Direction.toLowerCase()">
-                                <i [class]="log.Direction === 'Sending' ? 'fa-solid fa-arrow-up' : 'fa-solid fa-arrow-down'"></i>
-                                {{log.Direction}}
-                            </span>
-                        </td>
-                        <td>{{log.CommunicationProvider}}</td>
-                        <td>{{log.CommunicationProviderMessageType}}</td>
-                        <td>{{log.MessageDate | date:'medium'}}</td>
-                        <td class="error-cell" [title]="log.ErrorMessage">{{log.ErrorMessage || '-'}}</td>
-                    </tr>
-                    <tr *ngIf="filteredLogs.length === 0 && !isLoading">
-                        <td colspan="6" class="no-data">No logs found matching your criteria</td>
-                    </tr>
-                </tbody>
-            </table>
         </div>
     </div>
-  `, styles: ["\n    .logs-container {\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n        background-color: #f8fafc;\n        font-family: 'Inter', system-ui, -apple-system, sans-serif;\n    }\n    .logs-header {\n        padding: 24px 32px;\n        background: white;\n        border-bottom: 1px solid #e2e8f0;\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n    }\n    .title-area h1 {\n        margin: 0;\n        font-size: 1.5rem;\n        font-weight: 800;\n        color: #0f172a;\n    }\n    .title-area p {\n        margin: 4px 0 0;\n        color: #64748b;\n        font-size: 0.875rem;\n    }\n    .search-box {\n        position: relative;\n        width: 300px;\n    }\n    .search-box i {\n        position: absolute;\n        left: 12px;\n        top: 50%;\n        transform: translateY(-50%);\n        color: #94a3b8;\n    }\n    .search-box input {\n        width: 100%;\n        padding: 10px 12px 10px 40px;\n        border: 1px solid #e2e8f0;\n        border-radius: 8px;\n        font-size: 0.875rem;\n        transition: all 0.2s;\n    }\n    .search-box input:focus {\n        outline: none;\n        border-color: #3b82f6;\n        box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);\n    }\n\n    .grid-wrapper {\n        flex: 1;\n        padding: 24px 32px;\n        overflow-y: auto;\n        position: relative;\n    }\n\n    .custom-grid {\n        width: 100%;\n        border-collapse: separate;\n        border-spacing: 0;\n        background: white;\n        border-radius: 12px;\n        overflow: hidden;\n        box-shadow: 0 1px 3px rgba(0,0,0,0.05);\n        border: 1px solid #e2e8f0;\n    }\n    .custom-grid th {\n        background: #f8fafc;\n        padding: 16px;\n        text-align: left;\n        font-size: 0.75rem;\n        font-weight: 700;\n        color: #64748b;\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n        border-bottom: 1px solid #e2e8f0;\n    }\n    .custom-grid td {\n        padding: 16px;\n        font-size: 0.875rem;\n        color: #1e293b;\n        border-bottom: 1px solid #f1f5f9;\n    }\n    .custom-grid tr:last-child td {\n        border-bottom: none;\n    }\n    .custom-grid tr:hover td {\n        background: #f8fafc;\n    }\n\n    .status-pill {\n        padding: 4px 10px;\n        border-radius: 20px;\n        font-size: 0.75rem;\n        font-weight: 700;\n        text-transform: uppercase;\n    }\n    .status-pill.complete { background: #dcfce7; color: #166534; }\n    .status-pill.failed { background: #fee2e2; color: #991b1b; }\n    .status-pill.pending { background: #fef3c7; color: #92400e; }\n\n    .direction-icon {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        font-weight: 500;\n    }\n    .direction-icon.sending { color: #3b82f6; }\n    .direction-icon.receiving { color: #8b5cf6; }\n\n    .error-cell {\n        color: #ef4444;\n        max-width: 200px;\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n    }\n\n    .no-data {\n        text-align: center;\n        padding: 48px !important;\n        color: #94a3b8;\n        font-style: italic;\n    }\n\n    .loading-overlay {\n        position: absolute;\n        top: 0; left: 0; right: 0; bottom: 0;\n        background: rgba(255,255,255,0.7);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        z-index: 10;\n    }\n    .spinner {\n        width: 32px;\n        height: 32px;\n        border: 3px solid #e2e8f0;\n        border-top-color: #3b82f6;\n        border-radius: 50%;\n        animation: spin 0.8s linear infinite;\n    }\n    @keyframes spin { to { transform: rotate(360deg); } }\n  "] }]
+  `, styles: ["\n    .logs-wrapper {\n        height: 100%;\n        padding: 24px;\n        background: var(--mat-sys-surface-container);\n    }\n    .card {\n        background: var(--mat-sys-surface-container-lowest);\n        border: 1px solid var(--mat-sys-outline-variant);\n        border-radius: var(--mat-sys-corner-medium, 12px);\n        overflow: hidden;\n        display: flex;\n        flex-direction: column;\n        height: 100%;\n    }\n\n    /* TOOLBAR */\n    .logs-toolbar {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        padding: 12px 20px;\n        border-bottom: 1px solid var(--mat-sys-outline-variant);\n        background: var(--mat-sys-surface-container-low);\n        flex-shrink: 0;\n    }\n    .search-input-wrapper {\n        display: flex;\n        align-items: center;\n        gap: 8px;\n        flex: 1;\n        max-width: 400px;\n        padding: 6px 12px;\n        border: 1px solid var(--mat-sys-outline-variant);\n        border-radius: var(--mat-sys-corner-small, 8px);\n        background: var(--mat-sys-surface-container-lowest);\n        transition: border-color 0.15s, box-shadow 0.15s;\n    }\n    .search-input-wrapper:focus-within {\n        border-color: var(--mat-sys-primary);\n        box-shadow: 0 0 0 2px color-mix(in srgb, var(--mat-sys-primary) 15%, transparent);\n    }\n    .search-input-wrapper i { color: var(--mat-sys-on-surface-variant); font-size: 12px; }\n    .search-input-wrapper input {\n        flex: 1; border: none; outline: none;\n        background: transparent; font-size: 12px;\n        font-family: inherit; color: var(--mat-sys-on-surface);\n    }\n    .search-input-wrapper input::placeholder { color: var(--mat-sys-on-surface-variant); }\n\n    .filter-chip {\n        display: inline-flex; align-items: center;\n        gap: 4px; padding: 4px 10px;\n        border: 1px solid var(--mat-sys-outline-variant);\n        border-radius: 16px;\n        background: var(--mat-sys-surface-container-lowest);\n        font-size: 11px; font-weight: 500;\n        color: var(--mat-sys-on-surface-variant);\n        cursor: pointer; transition: all 0.15s;\n    }\n    .filter-chip:hover {\n        border-color: var(--mat-sys-outline);\n        background: var(--mat-sys-surface-container);\n    }\n    .filter-chip.active {\n        border-color: var(--mat-sys-primary);\n        background: var(--mat-sys-primary-container);\n        color: var(--mat-sys-on-primary-container);\n    }\n    .filter-chip i { font-size: 10px; }\n\n    .toolbar-spacer { flex: 1; }\n\n    .tb-btn {\n        display: inline-flex; align-items: center;\n        gap: 6px; padding: 6px 12px;\n        border: 1px solid var(--mat-sys-outline-variant);\n        border-radius: var(--mat-sys-corner-extra-small, 4px);\n        background: var(--mat-sys-surface-container-lowest);\n        color: var(--mat-sys-on-surface-variant);\n        font-size: 12px; font-weight: 500;\n        cursor: pointer; transition: all 0.15s ease;\n        font-family: inherit;\n    }\n    .tb-btn:hover {\n        background: var(--mat-sys-surface-container-high);\n        border-color: var(--mat-sys-outline);\n        color: var(--mat-sys-on-surface);\n    }\n    .tb-btn i { font-size: 12px; }\n\n    @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }\n    .spinning { animation: spin 1s linear infinite; }\n\n    /* TABLE */\n    .table-wrapper { flex: 1; overflow-y: auto; }\n\n    .log-table {\n        width: 100%;\n        border-collapse: collapse;\n        font-size: 12px;\n    }\n    .log-table thead {\n        background: var(--mat-sys-surface-container-low);\n        position: sticky; top: 0; z-index: 1;\n    }\n    .log-table th {\n        padding: 10px 16px;\n        text-align: left;\n        font-weight: 700; font-size: 10px;\n        text-transform: uppercase; letter-spacing: 0.5px;\n        color: var(--mat-sys-on-surface-variant);\n        border-bottom: 1px solid var(--mat-sys-outline-variant);\n        white-space: nowrap;\n    }\n    .log-table td {\n        padding: 12px 16px;\n        border-bottom: 1px solid var(--mat-sys-surface-container);\n        color: var(--mat-sys-on-surface);\n        vertical-align: middle;\n    }\n    .log-table tbody tr { transition: background 0.15s; }\n    .log-table tbody tr:hover { background: var(--mat-sys-surface-container-low); }\n\n    .log-status-badge {\n        display: inline-flex; align-items: center;\n        gap: 4px; font-size: 11px; font-weight: 600;\n        padding: 3px 10px;\n        border-radius: var(--mat-sys-corner-extra-small, 4px);\n    }\n    .log-status-badge.complete { background: #d4f8e0; color: #1b873f; }\n    .log-status-badge.failed { background: #ffdce0; color: #cf222e; }\n    .log-status-badge.pending { background: #fff0c7; color: #9a6700; }\n    .log-status-badge.in-progress { background: #ddf4ff; color: #0969da; }\n\n    .log-direction {\n        display: flex; align-items: center;\n        gap: 4px; font-size: 11px;\n        color: var(--mat-sys-on-surface-variant);\n    }\n    .log-direction i { font-size: 10px; }\n    .log-direction.sending i { color: var(--mat-sys-primary); }\n    .log-direction.receiving i { color: #1b873f; }\n\n    .log-provider-badge {\n        display: inline-flex; align-items: center;\n        gap: 6px; padding: 3px 10px;\n        border-radius: var(--mat-sys-corner-extra-small, 4px);\n        background: var(--mat-sys-surface-container);\n        font-weight: 500;\n    }\n\n    .log-error-text {\n        color: #cf222e;\n        max-width: 200px;\n        overflow: hidden; text-overflow: ellipsis;\n        white-space: nowrap; font-size: 11px;\n        display: block;\n    }\n    .no-error { color: var(--mat-sys-on-surface-variant); }\n\n    .no-data { padding: 0 !important; }\n    .empty-state {\n        display: flex; flex-direction: column;\n        align-items: center; justify-content: center;\n        padding: 48px 0; color: var(--mat-sys-on-surface-variant);\n    }\n    .empty-state i { font-size: 2rem; margin-bottom: 12px; opacity: 0.5; }\n    .empty-state p { margin: 0; font-size: 13px; }\n  "] }]
     }], () => [{ type: i0.ChangeDetectorRef }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CommunicationLogsResourceComponent, { className: "CommunicationLogsResourceComponent", filePath: "src/Communication/communication-logs-resource.component.ts", lineNumber: 222 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(CommunicationLogsResourceComponent, { className: "CommunicationLogsResourceComponent", filePath: "src/Communication/communication-logs-resource.component.ts", lineNumber: 272 }); })();
 //# sourceMappingURL=communication-logs-resource.component.js.map

package/dist/Communication/communication-logs-resource.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"communication-logs-resource.component.js","sourceRoot":"","sources":["../../src/Communication/communication-logs-resource.component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"communication-logs-resource.component.js","sourceRoot":"","sources":["../../src/Communication/communication-logs-resource.component.ts"],"names":[],"mappings":"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"}