@memberjunction/ng-dashboards 5.26.0 → 5.27.1

package/dist/AI/components/analytics/error-analysis/error-analysis.component.js

@@ -0,0 +1,490 @@
+/**
+ * @fileoverview Error Analysis -- Basic.
+ *
+ * Displays error summary cards, and errors grouped by source (Prompt+Model combination).
+ * Each group can be expanded to show individual error details.
+ * Data loaded from MJ: AI Prompt Runs where Success=false.
+ */
+import { Component, Input, ChangeDetectorRef, inject } from '@angular/core';
+import { Subject } from 'rxjs';
+import { RunView } from '@memberjunction/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-shared-generic";
+import * as i2 from "../analytics-filter-bar.component";
+import * as i3 from "@angular/common";
+const _forTrack0 = ($index, $item) => $item.Source;
+const _forTrack1 = ($index, $item) => $item.ID;
+function AnalyticsErrorAnalysisComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵelement(1, "mj-loading", 2);
+    i0.ɵɵelementEnd();
+} }
+function AnalyticsErrorAnalysisComponent_Conditional_2_Conditional_27_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 16);
+    i0.ɵɵelement(1, "i", 18);
+    i0.ɵɵelementStart(2, "div", 19);
+    i0.ɵɵtext(3, "No Errors Found");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 20);
+    i0.ɵɵtext(5, "No errors detected in the selected time range.");
+    i0.ɵɵelementEnd()();
+} }
+function AnalyticsErrorAnalysisComponent_Conditional_2_For_29_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 34)(1, "span", 36);
+    i0.ɵɵtext(2, "Last error:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const group_r2 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1(" ", group_r2.LastErrorMessage, " ");
+} }
+function AnalyticsErrorAnalysisComponent_Conditional_2_For_29_Conditional_20_For_2_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 40);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const err_r4 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(err_r4.Duration);
+} }
+function AnalyticsErrorAnalysisComponent_Conditional_2_For_29_Conditional_20_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 37)(1, "div", 38)(2, "span", 39);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(4, AnalyticsErrorAnalysisComponent_Conditional_2_For_29_Conditional_20_For_2_Conditional_4_Template, 2, 1, "span", 40);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 41);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const err_r4 = ctx.$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(err_r4.Time);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(err_r4.Duration ? 4 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(err_r4.ErrorMessage);
+} }
+function AnalyticsErrorAnalysisComponent_Conditional_2_For_29_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 35);
+    i0.ɵɵrepeaterCreate(1, AnalyticsErrorAnalysisComponent_Conditional_2_For_29_Conditional_20_For_2_Template, 7, 3, "div", 37, _forTrack1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const group_r2 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(group_r2.Errors);
+} }
+function AnalyticsErrorAnalysisComponent_Conditional_2_For_29_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 21)(1, "div", 22);
+    i0.ɵɵlistener("click", function AnalyticsErrorAnalysisComponent_Conditional_2_For_29_Template_div_click_1_listener() { const group_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.ToggleGroup(group_r2)); })("keydown.enter", function AnalyticsErrorAnalysisComponent_Conditional_2_For_29_Template_div_keydown_enter_1_listener() { const group_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.ToggleGroup(group_r2)); });
+    i0.ɵɵelementStart(2, "div", 23);
+    i0.ɵɵelement(3, "i", 24);
+    i0.ɵɵelementStart(4, "div", 25)(5, "div", 26);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "div", 27)(8, "span", 28);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "span", 29);
+    i0.ɵɵtext(11, "+");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "span", 30);
+    i0.ɵɵtext(13);
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵelementStart(14, "div", 31)(15, "span", 32);
+    i0.ɵɵtext(16);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "div", 33);
+    i0.ɵɵtext(18);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵconditionalCreate(19, AnalyticsErrorAnalysisComponent_Conditional_2_For_29_Conditional_19_Template, 4, 1, "div", 34);
+    i0.ɵɵconditionalCreate(20, AnalyticsErrorAnalysisComponent_Conditional_2_For_29_Conditional_20_Template, 3, 0, "div", 35);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const group_r2 = ctx.$implicit;
+    i0.ɵɵclassProp("error-group--expanded", group_r2.IsExpanded);
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassMap(group_r2.IsExpanded ? "fa-solid fa-chevron-down" : "fa-solid fa-chevron-right");
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(group_r2.Source);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(group_r2.PromptName);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(group_r2.ModelName);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(group_r2.Count);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(group_r2.LastErrorTime);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!group_r2.IsExpanded ? 19 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(group_r2.IsExpanded ? 20 : -1);
+} }
+function AnalyticsErrorAnalysisComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3)(1, "div", 4)(2, "div", 5);
+    i0.ɵɵelement(3, "i", 6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 7)(5, "div", 8);
+    i0.ɵɵtext(6, "Total Errors");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "div", 9);
+    i0.ɵɵtext(8);
+    i0.ɵɵpipe(9, "number");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(10, "div", 10)(11, "div", 11);
+    i0.ɵɵelement(12, "i", 12);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "div", 7)(14, "div", 8);
+    i0.ɵɵtext(15, "Error Rate");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "div", 9);
+    i0.ɵɵtext(17);
+    i0.ɵɵpipe(18, "number");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(19, "div", 10)(20, "div", 13);
+    i0.ɵɵelement(21, "i", 14);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(22, "div", 7)(23, "div", 8);
+    i0.ɵɵtext(24, "Most Common");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(25, "div", 15);
+    i0.ɵɵtext(26);
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵconditionalCreate(27, AnalyticsErrorAnalysisComponent_Conditional_2_Conditional_27_Template, 6, 0, "div", 16);
+    i0.ɵɵrepeaterCreate(28, AnalyticsErrorAnalysisComponent_Conditional_2_For_29_Template, 21, 11, "div", 17, _forTrack0);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(8);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(9, 5, ctx_r2.Summary.TotalErrors));
+    i0.ɵɵadvance(9);
+    i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind2(18, 7, ctx_r2.Summary.ErrorRate, "1.1-1"), "%");
+    i0.ɵɵadvance(8);
+    i0.ɵɵproperty("title", ctx_r2.Summary.MostCommonError);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r2.Summary.MostCommonError || "N/A", " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r2.ErrorGroups.length === 0 ? 27 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r2.ErrorGroups);
+} }
+const FIELDS = [
+    'ID', 'RunAt', 'ErrorMessage', 'Model', 'Prompt',
+    'Vendor', 'ExecutionTimeMS', 'Status'
+];
+export class AnalyticsErrorAnalysisComponent {
+    TimeRange = '7d';
+    Filters = { Models: [], Agents: [], Prompts: [], Statuses: [] };
+    cdr = inject(ChangeDetectorRef);
+    destroy$ = new Subject();
+    IsLoading = false;
+    Summary = {
+        TotalErrors: 0,
+        ErrorRate: 0,
+        MostCommonError: ''
+    };
+    ErrorGroups = [];
+    failedRuns = [];
+    totalRunCount = 0;
+    ngOnInit() {
+        this.LoadData();
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    // ── Public Handlers ──
+    OnTimeRangeChange(range) {
+        this.TimeRange = range;
+        this.LoadData();
+    }
+    OnFiltersChange(filters) {
+        this.Filters = filters;
+        this.LoadData();
+    }
+    ToggleGroup(group) {
+        group.IsExpanded = !group.IsExpanded;
+        this.cdr.detectChanges();
+    }
+    // ── Data Loading ──
+    async LoadData() {
+        this.IsLoading = true;
+        this.cdr.detectChanges();
+        try {
+            const rv = new RunView();
+            const dateFilter = this.buildDateFilter();
+            const extraFilters = this.buildExtraFilters();
+            const baseFilter = [dateFilter, ...extraFilters].filter(Boolean).join(' AND ');
+            const errorFilter = baseFilter + ' AND Success = 0';
+            const [errorResult, totalResult] = await rv.RunViews([
+                {
+                    EntityName: 'MJ: AI Prompt Runs',
+                    ExtraFilter: errorFilter,
+                    Fields: FIELDS,
+                    OrderBy: 'RunAt DESC',
+                    ResultType: 'simple'
+                },
+                {
+                    EntityName: 'MJ: AI Prompt Runs',
+                    ExtraFilter: baseFilter,
+                    Fields: ['ID'],
+                    ResultType: 'simple'
+                }
+            ]);
+            this.failedRuns = (errorResult?.Results ?? []);
+            this.totalRunCount = totalResult?.Results?.length ?? 0;
+            this.computeSummary();
+            this.buildErrorGroups();
+        }
+        catch (e) {
+            console.error('Error Analysis load error:', e);
+        }
+        finally {
+            this.IsLoading = false;
+            this.cdr.detectChanges();
+        }
+    }
+    // ── Computations ──
+    computeSummary() {
+        const errorCount = this.failedRuns.length;
+        const errorRate = this.totalRunCount > 0 ? (errorCount / this.totalRunCount) * 100 : 0;
+        // Find most common error by grouping error messages
+        const messageCounts = new Map();
+        for (const run of this.failedRuns) {
+            const msg = this.normalizeErrorMessage(run.ErrorMessage ?? 'Unknown error');
+            messageCounts.set(msg, (messageCounts.get(msg) ?? 0) + 1);
+        }
+        let mostCommon = '';
+        let maxCount = 0;
+        for (const [msg, count] of messageCounts) {
+            if (count > maxCount) {
+                maxCount = count;
+                mostCommon = msg;
+            }
+        }
+        this.Summary = {
+            TotalErrors: errorCount,
+            ErrorRate: errorRate,
+            MostCommonError: mostCommon
+        };
+    }
+    buildErrorGroups() {
+        const groups = new Map();
+        for (const run of this.failedRuns) {
+            const prompt = run.Prompt ?? 'Unknown Prompt';
+            const model = run.Model ?? 'Unknown Model';
+            const key = prompt + ' + ' + model;
+            if (!groups.has(key))
+                groups.set(key, []);
+            groups.get(key).push(run);
+        }
+        this.ErrorGroups = Array.from(groups.entries())
+            .map(([source, runs]) => {
+            const sortedRuns = runs.sort((a, b) => new Date(b.RunAt).getTime() - new Date(a.RunAt).getTime());
+            return {
+                Source: source,
+                PromptName: sortedRuns[0].Prompt ?? 'Unknown',
+                ModelName: sortedRuns[0].Model ?? 'Unknown',
+                Count: sortedRuns.length,
+                LastErrorMessage: this.truncateMessage(sortedRuns[0].ErrorMessage ?? 'No message'),
+                LastErrorTime: this.formatRelativeTime(sortedRuns[0].RunAt),
+                IsExpanded: false,
+                Errors: sortedRuns.slice(0, 20).map(r => ({
+                    ID: r.ID,
+                    Time: this.formatDateTime(r.RunAt),
+                    ErrorMessage: r.ErrorMessage ?? 'No error message',
+                    Duration: r.ExecutionTimeMS != null ? r.ExecutionTimeMS + 'ms' : ''
+                }))
+            };
+        })
+            .sort((a, b) => b.Count - a.Count);
+    }
+    // ── Helpers ──
+    buildDateFilter() {
+        const now = new Date();
+        const msMap = {
+            '1h': 3600000, '6h': 21600000, '24h': 86400000,
+            '7d': 604800000, '30d': 2592000000
+        };
+        const ms = msMap[this.TimeRange] ?? 604800000;
+        const start = new Date(now.getTime() - ms);
+        return `RunAt >= '${start.toISOString()}'`;
+    }
+    buildExtraFilters() {
+        const filters = [];
+        if (this.Filters.Models.length > 0) {
+            filters.push(`ModelID IN (${this.Filters.Models.map(id => `'${id}'`).join(',')})`);
+        }
+        if (this.Filters.Prompts.length > 0) {
+            filters.push(`PromptID IN (${this.Filters.Prompts.map(id => `'${id}'`).join(',')})`);
+        }
+        return filters;
+    }
+    normalizeErrorMessage(msg) {
+        // Truncate and normalize for grouping
+        return msg.slice(0, 100).trim().toLowerCase();
+    }
+    truncateMessage(msg) {
+        if (msg.length <= 120)
+            return msg;
+        return msg.slice(0, 120) + '...';
+    }
+    formatRelativeTime(dateStr) {
+        const now = Date.now();
+        const then = new Date(dateStr).getTime();
+        const diffMin = Math.floor((now - then) / 60000);
+        if (diffMin < 1)
+            return 'just now';
+        if (diffMin < 60)
+            return diffMin + 'm ago';
+        const diffHr = Math.floor(diffMin / 60);
+        if (diffHr < 24)
+            return diffHr + 'h ago';
+        const diffDay = Math.floor(diffHr / 24);
+        return diffDay + 'd ago';
+    }
+    formatDateTime(dateStr) {
+        const d = new Date(dateStr);
+        const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+        const hh = d.getHours().toString().padStart(2, '0');
+        const mm = d.getMinutes().toString().padStart(2, '0');
+        return `${months[d.getMonth()]} ${d.getDate()} ${hh}:${mm}`;
+    }
+    static ɵfac = function AnalyticsErrorAnalysisComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || AnalyticsErrorAnalysisComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: AnalyticsErrorAnalysisComponent, selectors: [["app-analytics-error-analysis"]], inputs: { TimeRange: "TimeRange", Filters: "Filters" }, standalone: false, decls: 3, vars: 9, consts: [[3, "TimeRangeChange", "FiltersChange", "TimeRange", "Filters", "ShowAgentFilter", "ShowPromptFilter", "ShowModelFilter", "ShowStatusFilter", "ShowCompareToggle", "ShowExportButton"], [1, "loading-container"], ["text", "Loading error data..."], [1, "summary-row"], [1, "summary-card", "summary-card--error"], [1, "summary-icon"], [1, "fa-solid", "fa-circle-exclamation"], [1, "summary-content"], [1, "summary-label"], [1, "summary-value"], [1, "summary-card"], [1, "summary-icon", "summary-icon--warning"], [1, "fa-solid", "fa-percentage"], [1, "summary-icon", "summary-icon--info"], [1, "fa-solid", "fa-bug"], [1, "summary-value", "summary-value--text", 3, "title"], [1, "empty-state"], [1, "error-group", 3, "error-group--expanded"], [1, "fa-solid", "fa-check-circle", "empty-state__icon"], [1, "empty-state__title"], [1, "empty-state__subtitle"], [1, "error-group"], ["role", "button", "tabindex", "0", 1, "error-group__header", 3, "click", "keydown.enter"], [1, "error-group__left"], [1, "expand-icon"], [1, "error-group__source"], [1, "source-name"], [1, "source-details"], [1, "source-prompt"], [1, "source-separator"], [1, "source-model"], [1, "error-group__right"], [1, "error-count-badge"], [1, "last-error-time"], [1, "error-group__preview"], [1, "error-group__body"], [1, "preview-label"], [1, "error-detail"], [1, "error-detail__header"], [1, "error-detail__time"], [1, "error-detail__duration"], [1, "error-detail__message"]], template: function AnalyticsErrorAnalysisComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "app-analytics-filter-bar", 0);
+            i0.ɵɵlistener("TimeRangeChange", function AnalyticsErrorAnalysisComponent_Template_app_analytics_filter_bar_TimeRangeChange_0_listener($event) { return ctx.OnTimeRangeChange($event); })("FiltersChange", function AnalyticsErrorAnalysisComponent_Template_app_analytics_filter_bar_FiltersChange_0_listener($event) { return ctx.OnFiltersChange($event); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(1, AnalyticsErrorAnalysisComponent_Conditional_1_Template, 2, 0, "div", 1)(2, AnalyticsErrorAnalysisComponent_Conditional_2_Template, 30, 10);
+        } if (rf & 2) {
+            i0.ɵɵproperty("TimeRange", ctx.TimeRange)("Filters", ctx.Filters)("ShowAgentFilter", false)("ShowPromptFilter", true)("ShowModelFilter", true)("ShowStatusFilter", false)("ShowCompareToggle", false)("ShowExportButton", false);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.IsLoading ? 1 : 2);
+        } }, dependencies: [i1.LoadingComponent, i2.AnalyticsFilterBarComponent, i3.DecimalPipe], styles: ["[_nghost-%COMP%] { display: block; }\n\n        .loading-container[_ngcontent-%COMP%] {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            min-height: 300px;\n        }\n\n        \n\n        .summary-row[_ngcontent-%COMP%] {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 12px;\n            margin: 16px 0;\n        }\n\n        .summary-card[_ngcontent-%COMP%] {\n            background: var(--mj-bg-surface);\n            border: 1px solid var(--mj-border-default);\n            border-radius: 10px;\n            padding: 16px;\n            display: flex;\n            align-items: center;\n            gap: 14px;\n        }\n\n        .summary-card--error[_ngcontent-%COMP%] {\n            border-left: 4px solid var(--mj-status-error);\n        }\n\n        .summary-icon[_ngcontent-%COMP%] {\n            width: 40px;\n            height: 40px;\n            border-radius: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: color-mix(in srgb, var(--mj-status-error) 12%, var(--mj-bg-surface));\n            color: var(--mj-status-error);\n            font-size: 16px;\n            flex-shrink: 0;\n        }\n\n        .summary-icon--warning[_ngcontent-%COMP%] {\n            background: color-mix(in srgb, var(--mj-status-warning) 12%, var(--mj-bg-surface));\n            color: var(--mj-status-warning);\n        }\n\n        .summary-icon--info[_ngcontent-%COMP%] {\n            background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n            color: var(--mj-brand-primary);\n        }\n\n        .summary-label[_ngcontent-%COMP%] {\n            font-size: 11px;\n            font-weight: 600;\n            color: var(--mj-text-muted);\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        .summary-value[_ngcontent-%COMP%] {\n            font-size: 22px;\n            font-weight: 700;\n            color: var(--mj-text-primary);\n            letter-spacing: -0.02em;\n        }\n\n        .summary-value--text[_ngcontent-%COMP%] {\n            font-size: 13px;\n            font-weight: 500;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            max-width: 220px;\n        }\n\n        \n\n        .empty-state[_ngcontent-%COMP%] {\n            text-align: center;\n            padding: 48px 24px;\n            color: var(--mj-text-muted);\n        }\n\n        .empty-state__icon[_ngcontent-%COMP%] {\n            font-size: 40px;\n            color: var(--mj-status-success);\n            margin-bottom: 12px;\n        }\n\n        .empty-state__title[_ngcontent-%COMP%] {\n            font-size: 16px;\n            font-weight: 600;\n            color: var(--mj-text-primary);\n            margin-bottom: 4px;\n        }\n\n        .empty-state__subtitle[_ngcontent-%COMP%] {\n            font-size: 13px;\n            color: var(--mj-text-muted);\n        }\n\n        \n\n        .error-group[_ngcontent-%COMP%] {\n            background: var(--mj-bg-surface);\n            border: 1px solid var(--mj-border-default);\n            border-radius: 10px;\n            margin-bottom: 8px;\n            overflow: hidden;\n            transition: border-color 0.2s;\n        }\n\n        .error-group--expanded[_ngcontent-%COMP%] {\n            border-color: var(--mj-status-error);\n        }\n\n        .error-group__header[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 14px 16px;\n            cursor: pointer;\n            transition: background 0.15s;\n        }\n\n        .error-group__header[_ngcontent-%COMP%]:hover {\n            background: var(--mj-bg-surface-hover);\n        }\n\n        .error-group__left[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            min-width: 0;\n        }\n\n        .expand-icon[_ngcontent-%COMP%] {\n            font-size: 11px;\n            color: var(--mj-text-muted);\n            width: 16px;\n            flex-shrink: 0;\n            transition: transform 0.2s;\n        }\n\n        .error-group__source[_ngcontent-%COMP%] {\n            min-width: 0;\n        }\n\n        .source-name[_ngcontent-%COMP%] {\n            font-size: 14px;\n            font-weight: 600;\n            color: var(--mj-text-primary);\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        .source-details[_ngcontent-%COMP%] {\n            font-size: 12px;\n            color: var(--mj-text-muted);\n            display: flex;\n            align-items: center;\n            gap: 4px;\n            margin-top: 2px;\n        }\n\n        .source-separator[_ngcontent-%COMP%] {\n            color: var(--mj-text-disabled);\n        }\n\n        .error-group__right[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            flex-shrink: 0;\n        }\n\n        .error-count-badge[_ngcontent-%COMP%] {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            min-width: 28px;\n            height: 24px;\n            padding: 0 8px;\n            border-radius: 12px;\n            background: color-mix(in srgb, var(--mj-status-error) 12%, var(--mj-bg-surface));\n            color: var(--mj-status-error);\n            font-size: 12px;\n            font-weight: 700;\n        }\n\n        .last-error-time[_ngcontent-%COMP%] {\n            font-size: 12px;\n            color: var(--mj-text-disabled);\n            white-space: nowrap;\n        }\n\n        .error-group__preview[_ngcontent-%COMP%] {\n            padding: 0 16px 12px 42px;\n            font-size: 12px;\n            color: var(--mj-text-muted);\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        .preview-label[_ngcontent-%COMP%] {\n            color: var(--mj-text-disabled);\n            margin-right: 4px;\n        }\n\n        .error-group__body[_ngcontent-%COMP%] {\n            border-top: 1px solid var(--mj-border-subtle);\n            max-height: 400px;\n            overflow-y: auto;\n        }\n\n        .error-detail[_ngcontent-%COMP%] {\n            padding: 12px 16px 12px 42px;\n            border-bottom: 1px solid var(--mj-border-subtle);\n        }\n\n        .error-detail[_ngcontent-%COMP%]:last-child {\n            border-bottom: none;\n        }\n\n        .error-detail__header[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            margin-bottom: 4px;\n        }\n\n        .error-detail__time[_ngcontent-%COMP%] {\n            font-size: 11px;\n            font-weight: 600;\n            color: var(--mj-text-muted);\n        }\n\n        .error-detail__duration[_ngcontent-%COMP%] {\n            font-size: 11px;\n            color: var(--mj-text-disabled);\n            font-variant-numeric: tabular-nums;\n        }\n\n        .error-detail__message[_ngcontent-%COMP%] {\n            font-size: 13px;\n            color: var(--mj-status-error-text, var(--mj-status-error));\n            line-height: 1.5;\n            word-break: break-word;\n            font-family: monospace;\n            background: color-mix(in srgb, var(--mj-status-error) 5%, var(--mj-bg-surface));\n            padding: 8px 10px;\n            border-radius: 6px;\n            border: 1px solid color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n        }\n\n        \n\n        @media (max-width: 768px) {\n            .summary-row[_ngcontent-%COMP%] {\n                grid-template-columns: 1fr;\n            }\n\n            .summary-value[_ngcontent-%COMP%] {\n                font-size: 18px;\n            }\n        }"] });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(AnalyticsErrorAnalysisComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'app-analytics-error-analysis', template: `
+        <!-- Filter Bar -->
+        <app-analytics-filter-bar
+            [TimeRange]="TimeRange"
+            [Filters]="Filters"
+            [ShowAgentFilter]="false"
+            [ShowPromptFilter]="true"
+            [ShowModelFilter]="true"
+            [ShowStatusFilter]="false"
+            [ShowCompareToggle]="false"
+            [ShowExportButton]="false"
+            (TimeRangeChange)="OnTimeRangeChange($event)"
+            (FiltersChange)="OnFiltersChange($event)"
+        ></app-analytics-filter-bar>
+
+        @if (IsLoading) {
+            <div class="loading-container">
+                <mj-loading text="Loading error data..."></mj-loading>
+            </div>
+        } @else {
+            <!-- Summary Cards -->
+            <div class="summary-row">
+                <div class="summary-card summary-card--error">
+                    <div class="summary-icon">
+                        <i class="fa-solid fa-circle-exclamation"></i>
+                    </div>
+                    <div class="summary-content">
+                        <div class="summary-label">Total Errors</div>
+                        <div class="summary-value">{{ Summary.TotalErrors | number }}</div>
+                    </div>
+                </div>
+                <div class="summary-card">
+                    <div class="summary-icon summary-icon--warning">
+                        <i class="fa-solid fa-percentage"></i>
+                    </div>
+                    <div class="summary-content">
+                        <div class="summary-label">Error Rate</div>
+                        <div class="summary-value">{{ Summary.ErrorRate | number:'1.1-1' }}%</div>
+                    </div>
+                </div>
+                <div class="summary-card">
+                    <div class="summary-icon summary-icon--info">
+                        <i class="fa-solid fa-bug"></i>
+                    </div>
+                    <div class="summary-content">
+                        <div class="summary-label">Most Common</div>
+                        <div class="summary-value summary-value--text" [title]="Summary.MostCommonError">
+                            {{ Summary.MostCommonError || 'N/A' }}
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <!-- Error Groups -->
+            @if (ErrorGroups.length === 0) {
+                <div class="empty-state">
+                    <i class="fa-solid fa-check-circle empty-state__icon"></i>
+                    <div class="empty-state__title">No Errors Found</div>
+                    <div class="empty-state__subtitle">No errors detected in the selected time range.</div>
+                </div>
+            }
+
+            @for (group of ErrorGroups; track group.Source) {
+                <div class="error-group" [class.error-group--expanded]="group.IsExpanded">
+                    <div
+                        class="error-group__header"
+                        (click)="ToggleGroup(group)"
+                        role="button"
+                        tabindex="0"
+                        (keydown.enter)="ToggleGroup(group)">
+                        <div class="error-group__left">
+                            <i [class]="group.IsExpanded ? 'fa-solid fa-chevron-down' : 'fa-solid fa-chevron-right'"
+                               class="expand-icon"></i>
+                            <div class="error-group__source">
+                                <div class="source-name">{{ group.Source }}</div>
+                                <div class="source-details">
+                                    <span class="source-prompt">{{ group.PromptName }}</span>
+                                    <span class="source-separator">+</span>
+                                    <span class="source-model">{{ group.ModelName }}</span>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="error-group__right">
+                            <span class="error-count-badge">{{ group.Count }}</span>
+                            <div class="last-error-time">{{ group.LastErrorTime }}</div>
+                        </div>
+                    </div>
+
+                    @if (!group.IsExpanded) {
+                        <div class="error-group__preview">
+                            <span class="preview-label">Last error:</span>
+                            {{ group.LastErrorMessage }}
+                        </div>
+                    }
+
+                    @if (group.IsExpanded) {
+                        <div class="error-group__body">
+                            @for (err of group.Errors; track err.ID) {
+                                <div class="error-detail">
+                                    <div class="error-detail__header">
+                                        <span class="error-detail__time">{{ err.Time }}</span>
+                                        @if (err.Duration) {
+                                            <span class="error-detail__duration">{{ err.Duration }}</span>
+                                        }
+                                    </div>
+                                    <div class="error-detail__message">{{ err.ErrorMessage }}</div>
+                                </div>
+                            }
+                        </div>
+                    }
+                </div>
+            }
+        }
+    `, styles: ["\n        :host { display: block; }\n\n        .loading-container {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            min-height: 300px;\n        }\n\n        /* \u2500\u2500 Summary Row \u2500\u2500 */\n        .summary-row {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 12px;\n            margin: 16px 0;\n        }\n\n        .summary-card {\n            background: var(--mj-bg-surface);\n            border: 1px solid var(--mj-border-default);\n            border-radius: 10px;\n            padding: 16px;\n            display: flex;\n            align-items: center;\n            gap: 14px;\n        }\n\n        .summary-card--error {\n            border-left: 4px solid var(--mj-status-error);\n        }\n\n        .summary-icon {\n            width: 40px;\n            height: 40px;\n            border-radius: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: color-mix(in srgb, var(--mj-status-error) 12%, var(--mj-bg-surface));\n            color: var(--mj-status-error);\n            font-size: 16px;\n            flex-shrink: 0;\n        }\n\n        .summary-icon--warning {\n            background: color-mix(in srgb, var(--mj-status-warning) 12%, var(--mj-bg-surface));\n            color: var(--mj-status-warning);\n        }\n\n        .summary-icon--info {\n            background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n            color: var(--mj-brand-primary);\n        }\n\n        .summary-label {\n            font-size: 11px;\n            font-weight: 600;\n            color: var(--mj-text-muted);\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        .summary-value {\n            font-size: 22px;\n            font-weight: 700;\n            color: var(--mj-text-primary);\n            letter-spacing: -0.02em;\n        }\n\n        .summary-value--text {\n            font-size: 13px;\n            font-weight: 500;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            max-width: 220px;\n        }\n\n        /* \u2500\u2500 Empty State \u2500\u2500 */\n        .empty-state {\n            text-align: center;\n            padding: 48px 24px;\n            color: var(--mj-text-muted);\n        }\n\n        .empty-state__icon {\n            font-size: 40px;\n            color: var(--mj-status-success);\n            margin-bottom: 12px;\n        }\n\n        .empty-state__title {\n            font-size: 16px;\n            font-weight: 600;\n            color: var(--mj-text-primary);\n            margin-bottom: 4px;\n        }\n\n        .empty-state__subtitle {\n            font-size: 13px;\n            color: var(--mj-text-muted);\n        }\n\n        /* \u2500\u2500 Error Groups \u2500\u2500 */\n        .error-group {\n            background: var(--mj-bg-surface);\n            border: 1px solid var(--mj-border-default);\n            border-radius: 10px;\n            margin-bottom: 8px;\n            overflow: hidden;\n            transition: border-color 0.2s;\n        }\n\n        .error-group--expanded {\n            border-color: var(--mj-status-error);\n        }\n\n        .error-group__header {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 14px 16px;\n            cursor: pointer;\n            transition: background 0.15s;\n        }\n\n        .error-group__header:hover {\n            background: var(--mj-bg-surface-hover);\n        }\n\n        .error-group__left {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            min-width: 0;\n        }\n\n        .expand-icon {\n            font-size: 11px;\n            color: var(--mj-text-muted);\n            width: 16px;\n            flex-shrink: 0;\n            transition: transform 0.2s;\n        }\n\n        .error-group__source {\n            min-width: 0;\n        }\n\n        .source-name {\n            font-size: 14px;\n            font-weight: 600;\n            color: var(--mj-text-primary);\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        .source-details {\n            font-size: 12px;\n            color: var(--mj-text-muted);\n            display: flex;\n            align-items: center;\n            gap: 4px;\n            margin-top: 2px;\n        }\n\n        .source-separator {\n            color: var(--mj-text-disabled);\n        }\n\n        .error-group__right {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            flex-shrink: 0;\n        }\n\n        .error-count-badge {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            min-width: 28px;\n            height: 24px;\n            padding: 0 8px;\n            border-radius: 12px;\n            background: color-mix(in srgb, var(--mj-status-error) 12%, var(--mj-bg-surface));\n            color: var(--mj-status-error);\n            font-size: 12px;\n            font-weight: 700;\n        }\n\n        .last-error-time {\n            font-size: 12px;\n            color: var(--mj-text-disabled);\n            white-space: nowrap;\n        }\n\n        .error-group__preview {\n            padding: 0 16px 12px 42px;\n            font-size: 12px;\n            color: var(--mj-text-muted);\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        .preview-label {\n            color: var(--mj-text-disabled);\n            margin-right: 4px;\n        }\n\n        .error-group__body {\n            border-top: 1px solid var(--mj-border-subtle);\n            max-height: 400px;\n            overflow-y: auto;\n        }\n\n        .error-detail {\n            padding: 12px 16px 12px 42px;\n            border-bottom: 1px solid var(--mj-border-subtle);\n        }\n\n        .error-detail:last-child {\n            border-bottom: none;\n        }\n\n        .error-detail__header {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            margin-bottom: 4px;\n        }\n\n        .error-detail__time {\n            font-size: 11px;\n            font-weight: 600;\n            color: var(--mj-text-muted);\n        }\n\n        .error-detail__duration {\n            font-size: 11px;\n            color: var(--mj-text-disabled);\n            font-variant-numeric: tabular-nums;\n        }\n\n        .error-detail__message {\n            font-size: 13px;\n            color: var(--mj-status-error-text, var(--mj-status-error));\n            line-height: 1.5;\n            word-break: break-word;\n            font-family: monospace;\n            background: color-mix(in srgb, var(--mj-status-error) 5%, var(--mj-bg-surface));\n            padding: 8px 10px;\n            border-radius: 6px;\n            border: 1px solid color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n        }\n\n        /* \u2500\u2500 Responsive \u2500\u2500 */\n        @media (max-width: 768px) {\n            .summary-row {\n                grid-template-columns: 1fr;\n            }\n\n            .summary-value {\n                font-size: 18px;\n            }\n        }\n    "] }]
+    }], null, { TimeRange: [{
+            type: Input
+        }], Filters: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(AnalyticsErrorAnalysisComponent, { className: "AnalyticsErrorAnalysisComponent", filePath: "src/AI/components/analytics/error-analysis/error-analysis.component.ts", lineNumber: 447 }); })();
+export function LoadAnalyticsErrorAnalysis() { }
+//# sourceMappingURL=error-analysis.component.js.map

package/dist/AI/components/analytics/error-analysis/error-analysis.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-analysis.component.js","sourceRoot":"","sources":["../../../../../src/AI/components/analytics/error-analysis/error-analysis.component.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EACH,SAAS,EAAE,KAAK,EACG,iBAAiB,EAAE,MAAM,EAC/C,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,MAAM,MAAM,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;;;;;;;;IAgEnC,8BAA+B;IAC3B,gCAAsD;IAC1D,iBAAM;;;IAqCF,+BAAyB;IACrB,wBAA0D;IAC1D,+BAAgC;IAAA,+BAAe;IAAA,iBAAM;IACrD,+BAAmC;IAAA,8DAA8C;IACrF,AADqF,iBAAM,EACrF;;;IA+BM,AADJ,+BAAkC,eACF;IAAA,2BAAW;IAAA,iBAAO;IAC9C,YACJ;IAAA,iBAAM;;;IADF,eACJ;IADI,0DACJ;;;IAUoB,gCAAqC;IAAA,YAAkB;IAAA,iBAAO;;;IAAzB,cAAkB;IAAlB,qCAAkB;;;IAF3D,AADJ,AADJ,+BAA0B,cACY,eACG;IAAA,YAAc;IAAA,iBAAO;IACtD,6IAAoB;IAGxB,iBAAM;IACN,+BAAmC;IAAA,YAAsB;IAC7D,AAD6D,iBAAM,EAC7D;;;IANmC,eAAc;IAAd,iCAAc;IAC/C,cAEC;IAFD,0CAEC;IAE8B,eAAsB;IAAtB,yCAAsB;;;IATrE,+BAA+B;IAC3B,uIAUC;IACL,iBAAM;;;IAXF,cAUC;IAVD,8BAUC;;;;IA3CT,AADJ,+BAA0E,cAM7B;IAArC,AAHA,mOAAS,4BAAkB,KAAC,sOAGX,4BAAkB,KAAC;IACpC,+BAA+B;IAC3B,wBAC2B;IAEvB,AADJ,+BAAiC,cACJ;IAAA,YAAkB;IAAA,iBAAM;IAE7C,AADJ,+BAA4B,eACI;IAAA,YAAsB;IAAA,iBAAO;IACzD,iCAA+B;IAAA,kBAAC;IAAA,iBAAO;IACvC,iCAA2B;IAAA,aAAqB;IAG5D,AADI,AADI,AADoD,iBAAO,EACrD,EACJ,EACJ;IAEF,AADJ,gCAAgC,gBACI;IAAA,aAAiB;IAAA,iBAAO;IACxD,gCAA6B;IAAA,aAAyB;IAE9D,AADI,AAD0D,iBAAM,EAC1D,EACJ;IAEN,yHAAyB;IAOzB,yHAAwB;IAe5B,iBAAM;;;IA/CmB,4DAAgD;IAQ1D,eAAqF;IAArF,6FAAqF;IAG3D,eAAkB;IAAlB,qCAAkB;IAEX,eAAsB;IAAtB,yCAAsB;IAEvB,eAAqB;IAArB,wCAAqB;IAKxB,eAAiB;IAAjB,oCAAiB;IACpB,eAAyB;IAAzB,4CAAyB;IAI9D,cAKC;IALD,gDAKC;IAED,cAcC;IAdD,+CAcC;;;IAtFD,AADJ,AADJ,8BAAyB,aACyB,aAChB;IACtB,uBAA8C;IAClD,iBAAM;IAEF,AADJ,8BAA6B,aACE;IAAA,4BAAY;IAAA,iBAAM;IAC7C,8BAA2B;IAAA,YAAkC;;IAErE,AADI,AADiE,iBAAM,EACjE,EACJ;IAEF,AADJ,gCAA0B,eAC0B;IAC5C,yBAAsC;IAC1C,iBAAM;IAEF,AADJ,+BAA6B,cACE;IAAA,2BAAU;IAAA,iBAAM;IAC3C,+BAA2B;IAAA,aAAyC;;IAE5E,AADI,AADwE,iBAAM,EACxE,EACJ;IAEF,AADJ,gCAA0B,eACuB;IACzC,yBAA+B;IACnC,iBAAM;IAEF,AADJ,+BAA6B,cACE;IAAA,4BAAW;IAAA,iBAAM;IAC5C,gCAAiF;IAC7E,aACJ;IAGZ,AADI,AADI,AADI,iBAAM,EACJ,EACJ,EACJ;IAGN,kHAAgC;IAQhC,qHAiDC;;;IAnFsC,eAAkC;IAAlC,sEAAkC;IASlC,eAAyC;IAAzC,wFAAyC;IASrB,eAAiC;IAAjC,sDAAiC;IAC5E,cACJ;IADI,wEACJ;IAMZ,cAMC;IAND,2DAMC;IAED,cAiDC;IAjDD,iCAiDC;;AAvHb,MAAM,MAAM,GAAG;IACX,IAAI,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,QAAQ;IAChD,QAAQ,EAAE,iBAAiB,EAAE,QAAQ;CACxC,CAAC;AAsYF,MAAM,OAAO,+BAA+B;IAC/B,SAAS,GAAG,IAAI,CAAC;IACjB,OAAO,GAAsB,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;IAEpF,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAC;IAChC,QAAQ,GAAG,IAAI,OAAO,EAAQ,CAAC;IAEhC,SAAS,GAAG,KAAK,CAAC;IAElB,OAAO,GAAiB;QAC3B,WAAW,EAAE,CAAC;QACd,SAAS,EAAE,CAAC;QACZ,eAAe,EAAE,EAAE;KACtB,CAAC;IAEK,WAAW,GAAiB,EAAE,CAAC;IAE9B,UAAU,GAAsB,EAAE,CAAC;IACnC,aAAa,GAAG,CAAC,CAAC;IAE1B,QAAQ;QACJ,IAAI,CAAC,QAAQ,EAAE,CAAC;IACpB,CAAC;IAED,WAAW;QACP,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;QACrB,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC;IAC7B,CAAC;IAED,wBAAwB;IAEjB,iBAAiB,CAAC,KAAa;QAClC,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACvB,IAAI,CAAC,QAAQ,EAAE,CAAC;IACpB,CAAC;IAEM,eAAe,CAAC,OAA0B;QAC7C,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,QAAQ,EAAE,CAAC;IACpB,CAAC;IAEM,WAAW,CAAC,KAAiB;QAChC,KAAK,CAAC,UAAU,GAAG,CAAC,KAAK,CAAC,UAAU,CAAC;QACrC,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;IAC7B,CAAC;IAED,qBAAqB;IAEb,KAAK,CAAC,QAAQ;QAClB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACtB,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;QAEzB,IAAI,CAAC;YACD,MAAM,EAAE,GAAG,IAAI,OAAO,EAAE,CAAC;YACzB,MAAM,UAAU,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;YAC1C,MAAM,YAAY,GAAG,IAAI,CAAC,iBAAiB,EAAE,CAAC;YAC9C,MAAM,UAAU,GAAG,CAAC,UAAU,EAAE,GAAG,YAAY,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC/E,MAAM,WAAW,GAAG,UAAU,GAAG,kBAAkB,CAAC;YAEpD,MAAM,CAAC,WAAW,EAAE,WAAW,CAAC,GAAG,MAAM,EAAE,CAAC,QAAQ,CAAC;gBACjD;oBACI,UAAU,EAAE,oBAAoB;oBAChC,WAAW,EAAE,WAAW;oBACxB,MAAM,EAAE,MAAM;oBACd,OAAO,EAAE,YAAY;oBACrB,UAAU,EAAE,QAAQ;iBACvB;gBACD;oBACI,UAAU,EAAE,oBAAoB;oBAChC,WAAW,EAAE,UAAU;oBACvB,MAAM,EAAE,CAAC,IAAI,CAAC;oBACd,UAAU,EAAE,QAAQ;iBACvB;aACJ,CAAC,CAAC;YAEH,IAAI,CAAC,UAAU,GAAG,CAAC,WAAW,EAAE,OAAO,IAAI,EAAE,CAAsB,CAAC;YACpE,IAAI,CAAC,aAAa,GAAG,WAAW,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,CAAC;YAEvD,IAAI,CAAC,cAAc,EAAE,CAAC;YACtB,IAAI,CAAC,gBAAgB,EAAE,CAAC;QAC5B,CAAC;QAAC,OAAO,CAAC,EAAE,CAAC;YACT,OAAO,CAAC,KAAK,CAAC,4BAA4B,EAAE,CAAC,CAAC,CAAC;QACnD,CAAC;gBAAS,CAAC;YACP,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;YACvB,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;QAC7B,CAAC;IACL,CAAC;IAED,qBAAqB;IAEb,cAAc;QAClB,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC;QAC1C,MAAM,SAAS,GAAG,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,GAAG,IAAI,CAAC,aAAa,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;QAEvF,oDAAoD;QACpD,MAAM,aAAa,GAAG,IAAI,GAAG,EAAkB,CAAC;QAChD,KAAK,MAAM,GAAG,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YAChC,MAAM,GAAG,GAAG,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAAC,YAAY,IAAI,eAAe,CAAC,CAAC;YAC5E,aAAa,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QAC9D,CAAC;QAED,IAAI,UAAU,GAAG,EAAE,CAAC;QACpB,IAAI,QAAQ,GAAG,CAAC,CAAC;QACjB,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,aAAa,EAAE,CAAC;YACvC,IAAI,KAAK,GAAG,QAAQ,EAAE,CAAC;gBACnB,QAAQ,GAAG,KAAK,CAAC;gBACjB,UAAU,GAAG,GAAG,CAAC;YACrB,CAAC;QACL,CAAC;QAED,IAAI,CAAC,OAAO,GAAG;YACX,WAAW,EAAE,UAAU;YACvB,SAAS,EAAE,SAAS;YACpB,eAAe,EAAE,UAAU;SAC9B,CAAC;IACN,CAAC;IAEO,gBAAgB;QACpB,MAAM,MAAM,GAAG,IAAI,GAAG,EAA6B,CAAC;QAEpD,KAAK,MAAM,GAAG,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YAChC,MAAM,MAAM,GAAG,GAAG,CAAC,MAAM,IAAI,gBAAgB,CAAC;YAC9C,MAAM,KAAK,GAAG,GAAG,CAAC,KAAK,IAAI,eAAe,CAAC;YAC3C,MAAM,GAAG,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,CAAC;YACnC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;gBAAE,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;YAC1C,MAAM,CAAC,GAAG,CAAC,GAAG,CAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAC/B,CAAC;QAED,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;aAC1C,GAAG,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,EAAE;YACpB,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAClC,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,CAC5D,CAAC;YAEF,OAAO;gBACH,MAAM,EAAE,MAAM;gBACd,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,MAAM,IAAI,SAAS;gBAC7C,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,SAAS;gBAC3C,KAAK,EAAE,UAAU,CAAC,MAAM;gBACxB,gBAAgB,EAAE,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,YAAY,IAAI,YAAY,CAAC;gBAClF,aAAa,EAAE,IAAI,CAAC,kBAAkB,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;gBAC3D,UAAU,EAAE,KAAK;gBACjB,MAAM,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;oBACtC,EAAE,EAAE,CAAC,CAAC,EAAE;oBACR,IAAI,EAAE,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,KAAK,CAAC;oBAClC,YAAY,EAAE,CAAC,CAAC,YAAY,IAAI,kBAAkB;oBAClD,QAAQ,EAAE,CAAC,CAAC,eAAe,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC,CAAC,EAAE;iBACtE,CAAC,CAAC;aACN,CAAC;QACN,CAAC,CAAC;aACD,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC;IAED,gBAAgB;IAER,eAAe;QACnB,MAAM,GAAG,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,MAAM,KAAK,GAA2B;YAClC,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ;YAC9C,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU;SACrC,CAAC;QACF,MAAM,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC;QAC9C,MAAM,KAAK,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC;QAC3C,OAAO,aAAa,KAAK,CAAC,WAAW,EAAE,GAAG,CAAC;IAC/C,CAAC;IAEO,iBAAiB;QACrB,MAAM,OAAO,GAAa,EAAE,CAAC;QAC7B,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACjC,OAAO,CAAC,IAAI,CAAC,eAAe,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACvF,CAAC;QACD,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAClC,OAAO,CAAC,IAAI,CAAC,gBAAgB,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;QACzF,CAAC;QACD,OAAO,OAAO,CAAC;IACnB,CAAC;IAEO,qBAAqB,CAAC,GAAW;QACrC,sCAAsC;QACtC,OAAO,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;IAClD,CAAC;IAEO,eAAe,CAAC,GAAW;QAC/B,IAAI,GAAG,CAAC,MAAM,IAAI,GAAG;YAAE,OAAO,GAAG,CAAC;QAClC,OAAO,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,GAAG,KAAK,CAAC;IACrC,CAAC;IAEO,kBAAkB,CAAC,OAAe;QACtC,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QACvB,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,CAAC;QACzC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,CAAC;QACjD,IAAI,OAAO,GAAG,CAAC;YAAE,OAAO,UAAU,CAAC;QACnC,IAAI,OAAO,GAAG,EAAE;YAAE,OAAO,OAAO,GAAG,OAAO,CAAC;QAC3C,MAAM,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC,CAAC;QACxC,IAAI,MAAM,GAAG,EAAE;YAAE,OAAO,MAAM,GAAG,OAAO,CAAC;QACzC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;QACxC,OAAO,OAAO,GAAG,OAAO,CAAC;IAC7B,CAAC;IAEO,cAAc,CAAC,OAAe;QAClC,MAAM,CAAC,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC;QAC5B,MAAM,MAAM,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QACpG,MAAM,EAAE,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;QACpD,MAAM,EAAE,GAAG,CAAC,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;QACtD,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC;IAChE,CAAC;yHA7MQ,+BAA+B;6DAA/B,+BAA+B;YA/XpC,mDAWC;YADG,AADA,wJAAmB,6BAAyB,IAAC,uIAC5B,2BAAuB,IAAC;YAC5C,iBAA2B;YAM1B,AAJF,iGAAiB,mEAIR;;YATL,AADA,AADA,AADA,AADA,AADA,AADA,AADA,yCAAuB,wBACJ,0BACM,0BACA,yBACD,2BACE,4BACC,2BACD;YAK9B,cAiGC;YAjGD,uCAiGC;;;iFAiRI,+BAA+B;cApY3C,SAAS;6BACM,KAAK,YACP,8BAA8B,YAC9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAiHT;;kBAiRA,KAAK;;kBACL,KAAK;;kFAFG,+BAA+B;AAgN5C,MAAM,UAAU,0BAA0B,KAAmC,CAAC","sourcesContent":["/**\n * @fileoverview Error Analysis -- Basic.\n *\n * Displays error summary cards, and errors grouped by source (Prompt+Model combination).\n * Each group can be expanded to show individual error details.\n * Data loaded from MJ: AI Prompt Runs where Success=false.\n */\n\nimport {\n    Component, Input, Output, EventEmitter,\n    OnInit, OnDestroy, ChangeDetectorRef, inject\n} from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { RunView } from '@memberjunction/core';\nimport { GlobalFilterState } from '../../../interfaces/analytics-preferences.interface';\n\n// ── Interfaces ──\n\ninterface FailedRunRecord {\n    ID: string;\n    RunAt: string;\n    ErrorMessage: string | null;\n    Model: string | null;\n    Prompt: string | null;\n    Vendor: string | null;\n    ExecutionTimeMS: number | null;\n    Status: string;\n}\n\ninterface ErrorSummary {\n    TotalErrors: number;\n    ErrorRate: number;\n    MostCommonError: string;\n}\n\ninterface ErrorGroup {\n    Source: string;\n    PromptName: string;\n    ModelName: string;\n    Count: number;\n    LastErrorMessage: string;\n    LastErrorTime: string;\n    IsExpanded: boolean;\n    Errors: ErrorDetail[];\n}\n\ninterface ErrorDetail {\n    ID: string;\n    Time: string;\n    ErrorMessage: string;\n    Duration: string;\n}\n\nconst FIELDS = [\n    'ID', 'RunAt', 'ErrorMessage', 'Model', 'Prompt',\n    'Vendor', 'ExecutionTimeMS', 'Status'\n];\n\n@Component({\n    standalone: false,\n    selector: 'app-analytics-error-analysis',\n    template: `\n        <!-- Filter Bar -->\n        <app-analytics-filter-bar\n            [TimeRange]=\"TimeRange\"\n            [Filters]=\"Filters\"\n            [ShowAgentFilter]=\"false\"\n            [ShowPromptFilter]=\"true\"\n            [ShowModelFilter]=\"true\"\n            [ShowStatusFilter]=\"false\"\n            [ShowCompareToggle]=\"false\"\n            [ShowExportButton]=\"false\"\n            (TimeRangeChange)=\"OnTimeRangeChange($event)\"\n            (FiltersChange)=\"OnFiltersChange($event)\"\n        ></app-analytics-filter-bar>\n\n        @if (IsLoading) {\n            <div class=\"loading-container\">\n                <mj-loading text=\"Loading error data...\"></mj-loading>\n            </div>\n        } @else {\n            <!-- Summary Cards -->\n            <div class=\"summary-row\">\n                <div class=\"summary-card summary-card--error\">\n                    <div class=\"summary-icon\">\n                        <i class=\"fa-solid fa-circle-exclamation\"></i>\n                    </div>\n                    <div class=\"summary-content\">\n                        <div class=\"summary-label\">Total Errors</div>\n                        <div class=\"summary-value\">{{ Summary.TotalErrors | number }}</div>\n                    </div>\n                </div>\n                <div class=\"summary-card\">\n                    <div class=\"summary-icon summary-icon--warning\">\n                        <i class=\"fa-solid fa-percentage\"></i>\n                    </div>\n                    <div class=\"summary-content\">\n                        <div class=\"summary-label\">Error Rate</div>\n                        <div class=\"summary-value\">{{ Summary.ErrorRate | number:'1.1-1' }}%</div>\n                    </div>\n                </div>\n                <div class=\"summary-card\">\n                    <div class=\"summary-icon summary-icon--info\">\n                        <i class=\"fa-solid fa-bug\"></i>\n                    </div>\n                    <div class=\"summary-content\">\n                        <div class=\"summary-label\">Most Common</div>\n                        <div class=\"summary-value summary-value--text\" [title]=\"Summary.MostCommonError\">\n                            {{ Summary.MostCommonError || 'N/A' }}\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <!-- Error Groups -->\n            @if (ErrorGroups.length === 0) {\n                <div class=\"empty-state\">\n                    <i class=\"fa-solid fa-check-circle empty-state__icon\"></i>\n                    <div class=\"empty-state__title\">No Errors Found</div>\n                    <div class=\"empty-state__subtitle\">No errors detected in the selected time range.</div>\n                </div>\n            }\n\n            @for (group of ErrorGroups; track group.Source) {\n                <div class=\"error-group\" [class.error-group--expanded]=\"group.IsExpanded\">\n                    <div\n                        class=\"error-group__header\"\n                        (click)=\"ToggleGroup(group)\"\n                        role=\"button\"\n                        tabindex=\"0\"\n                        (keydown.enter)=\"ToggleGroup(group)\">\n                        <div class=\"error-group__left\">\n                            <i [class]=\"group.IsExpanded ? 'fa-solid fa-chevron-down' : 'fa-solid fa-chevron-right'\"\n                               class=\"expand-icon\"></i>\n                            <div class=\"error-group__source\">\n                                <div class=\"source-name\">{{ group.Source }}</div>\n                                <div class=\"source-details\">\n                                    <span class=\"source-prompt\">{{ group.PromptName }}</span>\n                                    <span class=\"source-separator\">+</span>\n                                    <span class=\"source-model\">{{ group.ModelName }}</span>\n                                </div>\n                            </div>\n                        </div>\n                        <div class=\"error-group__right\">\n                            <span class=\"error-count-badge\">{{ group.Count }}</span>\n                            <div class=\"last-error-time\">{{ group.LastErrorTime }}</div>\n                        </div>\n                    </div>\n\n                    @if (!group.IsExpanded) {\n                        <div class=\"error-group__preview\">\n                            <span class=\"preview-label\">Last error:</span>\n                            {{ group.LastErrorMessage }}\n                        </div>\n                    }\n\n                    @if (group.IsExpanded) {\n                        <div class=\"error-group__body\">\n                            @for (err of group.Errors; track err.ID) {\n                                <div class=\"error-detail\">\n                                    <div class=\"error-detail__header\">\n                                        <span class=\"error-detail__time\">{{ err.Time }}</span>\n                                        @if (err.Duration) {\n                                            <span class=\"error-detail__duration\">{{ err.Duration }}</span>\n                                        }\n                                    </div>\n                                    <div class=\"error-detail__message\">{{ err.ErrorMessage }}</div>\n                                </div>\n                            }\n                        </div>\n                    }\n                </div>\n            }\n        }\n    `,\n    styles: [`\n        :host { display: block; }\n\n        .loading-container {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            min-height: 300px;\n        }\n\n        /* ── Summary Row ── */\n        .summary-row {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n            gap: 12px;\n            margin: 16px 0;\n        }\n\n        .summary-card {\n            background: var(--mj-bg-surface);\n            border: 1px solid var(--mj-border-default);\n            border-radius: 10px;\n            padding: 16px;\n            display: flex;\n            align-items: center;\n            gap: 14px;\n        }\n\n        .summary-card--error {\n            border-left: 4px solid var(--mj-status-error);\n        }\n\n        .summary-icon {\n            width: 40px;\n            height: 40px;\n            border-radius: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: color-mix(in srgb, var(--mj-status-error) 12%, var(--mj-bg-surface));\n            color: var(--mj-status-error);\n            font-size: 16px;\n            flex-shrink: 0;\n        }\n\n        .summary-icon--warning {\n            background: color-mix(in srgb, var(--mj-status-warning) 12%, var(--mj-bg-surface));\n            color: var(--mj-status-warning);\n        }\n\n        .summary-icon--info {\n            background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n            color: var(--mj-brand-primary);\n        }\n\n        .summary-label {\n            font-size: 11px;\n            font-weight: 600;\n            color: var(--mj-text-muted);\n            text-transform: uppercase;\n            letter-spacing: 0.5px;\n        }\n\n        .summary-value {\n            font-size: 22px;\n            font-weight: 700;\n            color: var(--mj-text-primary);\n            letter-spacing: -0.02em;\n        }\n\n        .summary-value--text {\n            font-size: 13px;\n            font-weight: 500;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            max-width: 220px;\n        }\n\n        /* ── Empty State ── */\n        .empty-state {\n            text-align: center;\n            padding: 48px 24px;\n            color: var(--mj-text-muted);\n        }\n\n        .empty-state__icon {\n            font-size: 40px;\n            color: var(--mj-status-success);\n            margin-bottom: 12px;\n        }\n\n        .empty-state__title {\n            font-size: 16px;\n            font-weight: 600;\n            color: var(--mj-text-primary);\n            margin-bottom: 4px;\n        }\n\n        .empty-state__subtitle {\n            font-size: 13px;\n            color: var(--mj-text-muted);\n        }\n\n        /* ── Error Groups ── */\n        .error-group {\n            background: var(--mj-bg-surface);\n            border: 1px solid var(--mj-border-default);\n            border-radius: 10px;\n            margin-bottom: 8px;\n            overflow: hidden;\n            transition: border-color 0.2s;\n        }\n\n        .error-group--expanded {\n            border-color: var(--mj-status-error);\n        }\n\n        .error-group__header {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding: 14px 16px;\n            cursor: pointer;\n            transition: background 0.15s;\n        }\n\n        .error-group__header:hover {\n            background: var(--mj-bg-surface-hover);\n        }\n\n        .error-group__left {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            min-width: 0;\n        }\n\n        .expand-icon {\n            font-size: 11px;\n            color: var(--mj-text-muted);\n            width: 16px;\n            flex-shrink: 0;\n            transition: transform 0.2s;\n        }\n\n        .error-group__source {\n            min-width: 0;\n        }\n\n        .source-name {\n            font-size: 14px;\n            font-weight: 600;\n            color: var(--mj-text-primary);\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        .source-details {\n            font-size: 12px;\n            color: var(--mj-text-muted);\n            display: flex;\n            align-items: center;\n            gap: 4px;\n            margin-top: 2px;\n        }\n\n        .source-separator {\n            color: var(--mj-text-disabled);\n        }\n\n        .error-group__right {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            flex-shrink: 0;\n        }\n\n        .error-count-badge {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            min-width: 28px;\n            height: 24px;\n            padding: 0 8px;\n            border-radius: 12px;\n            background: color-mix(in srgb, var(--mj-status-error) 12%, var(--mj-bg-surface));\n            color: var(--mj-status-error);\n            font-size: 12px;\n            font-weight: 700;\n        }\n\n        .last-error-time {\n            font-size: 12px;\n            color: var(--mj-text-disabled);\n            white-space: nowrap;\n        }\n\n        .error-group__preview {\n            padding: 0 16px 12px 42px;\n            font-size: 12px;\n            color: var(--mj-text-muted);\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        .preview-label {\n            color: var(--mj-text-disabled);\n            margin-right: 4px;\n        }\n\n        .error-group__body {\n            border-top: 1px solid var(--mj-border-subtle);\n            max-height: 400px;\n            overflow-y: auto;\n        }\n\n        .error-detail {\n            padding: 12px 16px 12px 42px;\n            border-bottom: 1px solid var(--mj-border-subtle);\n        }\n\n        .error-detail:last-child {\n            border-bottom: none;\n        }\n\n        .error-detail__header {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            margin-bottom: 4px;\n        }\n\n        .error-detail__time {\n            font-size: 11px;\n            font-weight: 600;\n            color: var(--mj-text-muted);\n        }\n\n        .error-detail__duration {\n            font-size: 11px;\n            color: var(--mj-text-disabled);\n            font-variant-numeric: tabular-nums;\n        }\n\n        .error-detail__message {\n            font-size: 13px;\n            color: var(--mj-status-error-text, var(--mj-status-error));\n            line-height: 1.5;\n            word-break: break-word;\n            font-family: monospace;\n            background: color-mix(in srgb, var(--mj-status-error) 5%, var(--mj-bg-surface));\n            padding: 8px 10px;\n            border-radius: 6px;\n            border: 1px solid color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n        }\n\n        /* ── Responsive ── */\n        @media (max-width: 768px) {\n            .summary-row {\n                grid-template-columns: 1fr;\n            }\n\n            .summary-value {\n                font-size: 18px;\n            }\n        }\n    `]\n})\nexport class AnalyticsErrorAnalysisComponent implements OnInit, OnDestroy {\n    @Input() TimeRange = '7d';\n    @Input() Filters: GlobalFilterState = { Models: [], Agents: [], Prompts: [], Statuses: [] };\n\n    private cdr = inject(ChangeDetectorRef);\n    private destroy$ = new Subject<void>();\n\n    public IsLoading = false;\n\n    public Summary: ErrorSummary = {\n        TotalErrors: 0,\n        ErrorRate: 0,\n        MostCommonError: ''\n    };\n\n    public ErrorGroups: ErrorGroup[] = [];\n\n    private failedRuns: FailedRunRecord[] = [];\n    private totalRunCount = 0;\n\n    ngOnInit(): void {\n        this.LoadData();\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next();\n        this.destroy$.complete();\n    }\n\n    // ── Public Handlers ──\n\n    public OnTimeRangeChange(range: string): void {\n        this.TimeRange = range;\n        this.LoadData();\n    }\n\n    public OnFiltersChange(filters: GlobalFilterState): void {\n        this.Filters = filters;\n        this.LoadData();\n    }\n\n    public ToggleGroup(group: ErrorGroup): void {\n        group.IsExpanded = !group.IsExpanded;\n        this.cdr.detectChanges();\n    }\n\n    // ── Data Loading ──\n\n    private async LoadData(): Promise<void> {\n        this.IsLoading = true;\n        this.cdr.detectChanges();\n\n        try {\n            const rv = new RunView();\n            const dateFilter = this.buildDateFilter();\n            const extraFilters = this.buildExtraFilters();\n            const baseFilter = [dateFilter, ...extraFilters].filter(Boolean).join(' AND ');\n            const errorFilter = baseFilter + ' AND Success = 0';\n\n            const [errorResult, totalResult] = await rv.RunViews([\n                {\n                    EntityName: 'MJ: AI Prompt Runs',\n                    ExtraFilter: errorFilter,\n                    Fields: FIELDS,\n                    OrderBy: 'RunAt DESC',\n                    ResultType: 'simple'\n                },\n                {\n                    EntityName: 'MJ: AI Prompt Runs',\n                    ExtraFilter: baseFilter,\n                    Fields: ['ID'],\n                    ResultType: 'simple'\n                }\n            ]);\n\n            this.failedRuns = (errorResult?.Results ?? []) as FailedRunRecord[];\n            this.totalRunCount = totalResult?.Results?.length ?? 0;\n\n            this.computeSummary();\n            this.buildErrorGroups();\n        } catch (e) {\n            console.error('Error Analysis load error:', e);\n        } finally {\n            this.IsLoading = false;\n            this.cdr.detectChanges();\n        }\n    }\n\n    // ── Computations ──\n\n    private computeSummary(): void {\n        const errorCount = this.failedRuns.length;\n        const errorRate = this.totalRunCount > 0 ? (errorCount / this.totalRunCount) * 100 : 0;\n\n        // Find most common error by grouping error messages\n        const messageCounts = new Map<string, number>();\n        for (const run of this.failedRuns) {\n            const msg = this.normalizeErrorMessage(run.ErrorMessage ?? 'Unknown error');\n            messageCounts.set(msg, (messageCounts.get(msg) ?? 0) + 1);\n        }\n\n        let mostCommon = '';\n        let maxCount = 0;\n        for (const [msg, count] of messageCounts) {\n            if (count > maxCount) {\n                maxCount = count;\n                mostCommon = msg;\n            }\n        }\n\n        this.Summary = {\n            TotalErrors: errorCount,\n            ErrorRate: errorRate,\n            MostCommonError: mostCommon\n        };\n    }\n\n    private buildErrorGroups(): void {\n        const groups = new Map<string, FailedRunRecord[]>();\n\n        for (const run of this.failedRuns) {\n            const prompt = run.Prompt ?? 'Unknown Prompt';\n            const model = run.Model ?? 'Unknown Model';\n            const key = prompt + ' + ' + model;\n            if (!groups.has(key)) groups.set(key, []);\n            groups.get(key)!.push(run);\n        }\n\n        this.ErrorGroups = Array.from(groups.entries())\n            .map(([source, runs]) => {\n                const sortedRuns = runs.sort((a, b) =>\n                    new Date(b.RunAt).getTime() - new Date(a.RunAt).getTime()\n                );\n\n                return {\n                    Source: source,\n                    PromptName: sortedRuns[0].Prompt ?? 'Unknown',\n                    ModelName: sortedRuns[0].Model ?? 'Unknown',\n                    Count: sortedRuns.length,\n                    LastErrorMessage: this.truncateMessage(sortedRuns[0].ErrorMessage ?? 'No message'),\n                    LastErrorTime: this.formatRelativeTime(sortedRuns[0].RunAt),\n                    IsExpanded: false,\n                    Errors: sortedRuns.slice(0, 20).map(r => ({\n                        ID: r.ID,\n                        Time: this.formatDateTime(r.RunAt),\n                        ErrorMessage: r.ErrorMessage ?? 'No error message',\n                        Duration: r.ExecutionTimeMS != null ? r.ExecutionTimeMS + 'ms' : ''\n                    }))\n                };\n            })\n            .sort((a, b) => b.Count - a.Count);\n    }\n\n    // ── Helpers ──\n\n    private buildDateFilter(): string {\n        const now = new Date();\n        const msMap: Record<string, number> = {\n            '1h': 3600000, '6h': 21600000, '24h': 86400000,\n            '7d': 604800000, '30d': 2592000000\n        };\n        const ms = msMap[this.TimeRange] ?? 604800000;\n        const start = new Date(now.getTime() - ms);\n        return `RunAt >= '${start.toISOString()}'`;\n    }\n\n    private buildExtraFilters(): string[] {\n        const filters: string[] = [];\n        if (this.Filters.Models.length > 0) {\n            filters.push(`ModelID IN (${this.Filters.Models.map(id => `'${id}'`).join(',')})`);\n        }\n        if (this.Filters.Prompts.length > 0) {\n            filters.push(`PromptID IN (${this.Filters.Prompts.map(id => `'${id}'`).join(',')})`);\n        }\n        return filters;\n    }\n\n    private normalizeErrorMessage(msg: string): string {\n        // Truncate and normalize for grouping\n        return msg.slice(0, 100).trim().toLowerCase();\n    }\n\n    private truncateMessage(msg: string): string {\n        if (msg.length <= 120) return msg;\n        return msg.slice(0, 120) + '...';\n    }\n\n    private formatRelativeTime(dateStr: string): string {\n        const now = Date.now();\n        const then = new Date(dateStr).getTime();\n        const diffMin = Math.floor((now - then) / 60000);\n        if (diffMin < 1) return 'just now';\n        if (diffMin < 60) return diffMin + 'm ago';\n        const diffHr = Math.floor(diffMin / 60);\n        if (diffHr < 24) return diffHr + 'h ago';\n        const diffDay = Math.floor(diffHr / 24);\n        return diffDay + 'd ago';\n    }\n\n    private formatDateTime(dateStr: string): string {\n        const d = new Date(dateStr);\n        const months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\n        const hh = d.getHours().toString().padStart(2, '0');\n        const mm = d.getMinutes().toString().padStart(2, '0');\n        return `${months[d.getMonth()]} ${d.getDate()} ${hh}:${mm}`;\n    }\n}\n\nexport function LoadAnalyticsErrorAnalysis() { /* tree-shaking prevention */ }\n"]}