@memberjunction/ng-dashboards 5.26.0 → 5.27.1

package/dist/AI/components/analytics/usage-patterns/usage-patterns.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usage-patterns.component.js","sourceRoot":"","sources":["../../../../../src/AI/components/analytics/usage-patterns/usage-patterns.component.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @fileoverview Usage Patterns Analytics.\n *\n * Displays a time-of-day heatmap (7 days × 24 hours), day-of-week distribution bars,\n * peak hours summary cards, and an hourly throughput bar chart.\n * Data loaded from MJ: AI Prompt Runs for the last 30 days.\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';\n\n// ── Interfaces ──\n\ninterface PromptRunRecord {\n    ID: string;\n    RunAt: string;\n    Success: boolean;\n    Cost: number | null;\n    TokensUsed: number | null;\n    ExecutionTimeMS: number | null;\n}\n\ninterface HeatmapCell {\n    Day: number;       // 0-6 (Mon-Sun)\n    Hour: number;      // 0-23\n    Count: number;\n    Intensity: number; // 0-100\n}\n\ninterface DayDistribution {\n    DayIndex: number;\n    DayName: string;\n    Count: number;\n    WidthPercent: number;\n}\n\ninterface PeakSummary {\n    Label: string;\n    Value: string;\n    Count: number;\n    Icon: string;\n}\n\ninterface HourlyBar {\n    Hour: number;\n    Label: string;\n    Count: number;\n    HeightPercent: number;\n}\n\nconst DAY_NAMES = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'];\nconst HOURS = Array.from({ length: 24 }, (_, i) => i);\n\nconst FIELDS: string[] = [\n    'ID', 'RunAt', 'Success', 'Cost', 'TokensUsed', 'ExecutionTimeMS'\n];\n\n@Component({\n    standalone: false,\n    selector: 'app-analytics-usage-patterns',\n    template: `\n        <!-- Filter Bar -->\n        <app-analytics-filter-bar\n            [TimeRange]=\"TimeRange\"\n            [ShowModelFilter]=\"false\"\n            [ShowAgentFilter]=\"false\"\n            [ShowPromptFilter]=\"false\"\n            [ShowStatusFilter]=\"false\"\n            [ShowCompareToggle]=\"false\"\n            (TimeRangeChange)=\"OnTimeRangeChange($event)\"\n        ></app-analytics-filter-bar>\n\n        @if (IsLoading) {\n            <div class=\"loading-container\">\n                <mj-loading text=\"Analyzing usage patterns...\"></mj-loading>\n            </div>\n        } @else if (TotalRuns === 0) {\n            <div class=\"empty-state\">\n                <i class=\"fa-solid fa-chart-line empty-state__icon\"></i>\n                <div class=\"empty-state__title\">No Data Available</div>\n                <div class=\"empty-state__subtitle\">No prompt runs found in the last 30 days.</div>\n            </div>\n        } @else {\n            <!-- Heatmap -->\n            <div class=\"panel\">\n                <div class=\"panel__header\">\n                    <h4 class=\"panel__title\">Time-of-Day Heatmap</h4>\n                    <span class=\"panel__subtitle\">Execution count by day and hour</span>\n                </div>\n                <div class=\"heatmap-wrapper\">\n                    <div class=\"heatmap-grid\">\n                        <!-- Corner spacer -->\n                        <div class=\"heatmap-corner\"></div>\n                        <!-- Hour labels -->\n                        @for (h of Hours; track h) {\n                            <div class=\"heatmap-hour-label\">{{ h }}</div>\n                        }\n\n                        <!-- Rows: one per day -->\n                        @for (day of DayNames; track day; let d = $index) {\n                            <div class=\"heatmap-day-label\">{{ day }}</div>\n                            @for (h of Hours; track h) {\n                                <div\n                                    class=\"heatmap-cell\"\n                                    [style.background]=\"getCellBackground(d, h)\"\n                                    [title]=\"getCellTooltip(d, h)\">\n                                    @if (getCellCount(d, h) > 0) {\n                                        <span class=\"heatmap-cell__count\">{{ getCellCount(d, h) }}</span>\n                                    }\n                                </div>\n                            }\n                        }\n                    </div>\n                </div>\n            </div>\n\n            <!-- Day Distribution + Peak Summary -->\n            <div class=\"two-col-row\">\n                <!-- Day-of-Week Distribution -->\n                <div class=\"panel\">\n                    <div class=\"panel__header\">\n                        <h4 class=\"panel__title\">Day-of-Week Distribution</h4>\n                    </div>\n                    <div class=\"day-distribution\">\n                        @for (d of DayDistributions; track d.DayIndex) {\n                            <div class=\"day-bar-row\">\n                                <span class=\"day-bar-label\">{{ d.DayName }}</span>\n                                <div class=\"day-bar-track\">\n                                    <div\n                                        class=\"day-bar-fill\"\n                                        [style.width.%]=\"d.WidthPercent\">\n                                    </div>\n                                </div>\n                                <span class=\"day-bar-count\">{{ d.Count | number }}</span>\n                            </div>\n                        }\n                    </div>\n                </div>\n\n                <!-- Peak Hours Summary -->\n                <div class=\"panel\">\n                    <div class=\"panel__header\">\n                        <h4 class=\"panel__title\">Peak Hours Summary</h4>\n                    </div>\n                    <div class=\"peak-cards\">\n                        @for (peak of PeakSummaries; track peak.Label) {\n                            <div class=\"peak-card\">\n                                <div class=\"peak-card__icon\">\n                                    <i [class]=\"peak.Icon\"></i>\n                                </div>\n                                <div class=\"peak-card__content\">\n                                    <div class=\"peak-card__label\">{{ peak.Label }}</div>\n                                    <div class=\"peak-card__value\">{{ peak.Value }}</div>\n                                    <div class=\"peak-card__count\">{{ peak.Count | number }} runs</div>\n                                </div>\n                            </div>\n                        }\n                    </div>\n                </div>\n            </div>\n\n            <!-- Hourly Throughput -->\n            <div class=\"panel\">\n                <div class=\"panel__header\">\n                    <h4 class=\"panel__title\">Hourly Throughput</h4>\n                    <span class=\"panel__subtitle\">Total runs per hour (all days combined)</span>\n                </div>\n                <div class=\"hourly-chart\">\n                    <div class=\"hourly-bars\">\n                        @for (bar of HourlyBars; track bar.Hour) {\n                            <div class=\"hourly-bar-col\" [title]=\"bar.Label + ': ' + bar.Count + ' runs'\">\n                                <div\n                                    class=\"hourly-bar\"\n                                    [style.height.%]=\"bar.HeightPercent\">\n                                </div>\n                                <span class=\"hourly-bar-label\">{{ bar.Label }}</span>\n                            </div>\n                        }\n                    </div>\n                </div>\n            </div>\n        }\n    `,\n    styles: [`\n        :host { display: block; }\n\n        /* ── Header ── */\n        .section-header {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            margin-bottom: 16px;\n        }\n\n        .section-header__left {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .section-header__icon {\n            font-size: 18px;\n            color: var(--mj-brand-primary);\n        }\n\n        .section-header__title {\n            font-size: 18px;\n            font-weight: 700;\n            color: var(--mj-text-primary);\n            margin: 0;\n        }\n\n        .time-range-badge {\n            display: inline-flex;\n            align-items: center;\n            gap: 6px;\n            padding: 5px 12px;\n            border-radius: 20px;\n            font-size: 12px;\n            font-weight: 600;\n            color: var(--mj-text-secondary);\n            background: var(--mj-bg-surface-card);\n            border: 1px solid var(--mj-border-subtle);\n        }\n\n        /* ── Loading / Empty ── */\n        .loading-container {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            min-height: 300px;\n        }\n\n        .empty-state {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            padding: 60px 24px;\n            text-align: center;\n        }\n\n        .empty-state__icon {\n            font-size: 36px;\n            color: var(--mj-text-muted);\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        /* ── Panels ── */\n        .panel {\n            background: var(--mj-bg-surface);\n            border: 1px solid var(--mj-border-default);\n            border-radius: 12px;\n            padding: 20px;\n            margin-bottom: 16px;\n        }\n\n        .panel__header {\n            display: flex;\n            align-items: baseline;\n            gap: 10px;\n            margin-bottom: 16px;\n        }\n\n        .panel__title {\n            font-size: 14px;\n            font-weight: 600;\n            color: var(--mj-text-primary);\n            margin: 0;\n        }\n\n        .panel__subtitle {\n            font-size: 12px;\n            color: var(--mj-text-muted);\n        }\n\n        /* ── Heatmap ── */\n        .heatmap-wrapper {\n            overflow-x: auto;\n        }\n\n        .heatmap-grid {\n            display: grid;\n            grid-template-columns: 44px repeat(24, 1fr);\n            gap: 2px;\n            min-width: 600px;\n        }\n\n        .heatmap-corner {\n            /* empty top-left cell */\n        }\n\n        .heatmap-hour-label {\n            font-size: 10px;\n            color: var(--mj-text-muted);\n            text-align: center;\n            padding-bottom: 4px;\n            font-weight: 500;\n        }\n\n        .heatmap-day-label {\n            font-size: 11px;\n            color: var(--mj-text-secondary);\n            font-weight: 600;\n            display: flex;\n            align-items: center;\n            justify-content: flex-end;\n            padding-right: 6px;\n        }\n\n        .heatmap-cell {\n            min-height: 28px;\n            border-radius: 3px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            cursor: default;\n            transition: opacity 0.15s ease;\n        }\n\n        .heatmap-cell:hover {\n            opacity: 0.8;\n            outline: 1px solid var(--mj-border-strong);\n        }\n\n        .heatmap-cell__count {\n            font-size: 9px;\n            font-weight: 600;\n            color: var(--mj-text-primary);\n        }\n\n        /* ── Two Column Row ── */\n        .two-col-row {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 16px;\n        }\n\n        @media (max-width: 1024px) {\n            .two-col-row {\n                grid-template-columns: 1fr;\n            }\n        }\n\n        /* ── Day Distribution ── */\n        .day-distribution {\n            display: flex;\n            flex-direction: column;\n            gap: 10px;\n        }\n\n        .day-bar-row {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n        }\n\n        .day-bar-label {\n            width: 36px;\n            font-size: 12px;\n            font-weight: 600;\n            color: var(--mj-text-secondary);\n            text-align: right;\n            flex-shrink: 0;\n        }\n\n        .day-bar-track {\n            flex: 1;\n            height: 22px;\n            background: var(--mj-bg-surface-sunken);\n            border-radius: 4px;\n            overflow: hidden;\n        }\n\n        .day-bar-fill {\n            height: 100%;\n            background: var(--mj-brand-primary);\n            border-radius: 4px;\n            transition: width 0.3s ease;\n            min-width: 2px;\n        }\n\n        .day-bar-count {\n            width: 48px;\n            font-size: 12px;\n            font-weight: 600;\n            color: var(--mj-text-primary);\n            text-align: right;\n            flex-shrink: 0;\n        }\n\n        /* ── Peak Cards ── */\n        .peak-cards {\n            display: flex;\n            flex-direction: column;\n            gap: 12px;\n        }\n\n        .peak-card {\n            display: flex;\n            align-items: center;\n            gap: 14px;\n            padding: 14px;\n            background: var(--mj-bg-surface-card);\n            border: 1px solid var(--mj-border-subtle);\n            border-radius: 10px;\n        }\n\n        .peak-card__icon {\n            width: 40px;\n            height: 40px;\n            border-radius: 10px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 16px;\n            flex-shrink: 0;\n            background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n            color: var(--mj-brand-primary);\n        }\n\n        .peak-card:nth-child(2) .peak-card__icon {\n            background: color-mix(in srgb, var(--mj-status-success) 10%, var(--mj-bg-surface));\n            color: var(--mj-status-success);\n        }\n\n        .peak-card:nth-child(3) .peak-card__icon {\n            background: color-mix(in srgb, var(--mj-status-info) 10%, var(--mj-bg-surface));\n            color: var(--mj-status-info);\n        }\n\n        .peak-card__content {\n            display: flex;\n            flex-direction: column;\n            gap: 2px;\n        }\n\n        .peak-card__label {\n            font-size: 11px;\n            font-weight: 500;\n            color: var(--mj-text-muted);\n            text-transform: uppercase;\n            letter-spacing: 0.3px;\n        }\n\n        .peak-card__value {\n            font-size: 14px;\n            font-weight: 700;\n            color: var(--mj-text-primary);\n        }\n\n        .peak-card__count {\n            font-size: 12px;\n            color: var(--mj-text-secondary);\n        }\n\n        /* ── Hourly Throughput Chart ── */\n        .hourly-chart {\n            padding-top: 8px;\n        }\n\n        .hourly-bars {\n            display: flex;\n            align-items: flex-end;\n            gap: 3px;\n            height: 160px;\n        }\n\n        .hourly-bar-col {\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: flex-end;\n            height: 100%;\n            cursor: default;\n        }\n\n        .hourly-bar {\n            width: 100%;\n            min-height: 2px;\n            background: color-mix(in srgb, var(--mj-brand-primary) 35%, var(--mj-bg-surface));\n            border-radius: 3px 3px 0 0;\n            transition: background 0.15s ease, height 0.3s ease;\n        }\n\n        .hourly-bar-col:hover .hourly-bar {\n            background: color-mix(in srgb, var(--mj-brand-primary) 60%, var(--mj-bg-surface));\n        }\n\n        .hourly-bar-label {\n            font-size: 9px;\n            color: var(--mj-text-muted);\n            margin-top: 4px;\n            white-space: nowrap;\n        }\n\n        /* ── Responsive ── */\n        @media (max-width: 1024px) {\n            .heatmap-grid {\n                grid-template-columns: 36px repeat(24, 1fr);\n            }\n\n            .heatmap-cell {\n                min-height: 22px;\n            }\n\n            .heatmap-cell__count {\n                font-size: 8px;\n            }\n\n            .hourly-bars {\n                height: 120px;\n            }\n        }\n    `]\n})\nexport class AnalyticsUsagePatternsComponent implements OnInit, OnDestroy {\n\n    private _timeRange = '30d';\n    private isInitialized = false;\n\n    @Input()\n    set TimeRange(value: string) {\n        if (value !== this._timeRange) {\n            this._timeRange = value;\n            if (this.isInitialized) {\n                this.loadData();\n            }\n        }\n    }\n    get TimeRange(): string { return this._timeRange; }\n\n    @Output() TimeRangeChange = new EventEmitter<string>();\n\n    // ── Public state ──\n    IsLoading = true;\n    TotalRuns = 0;\n\n    HeatmapCells: HeatmapCell[][] = []; // [day][hour]\n    DayDistributions: DayDistribution[] = [];\n    PeakSummaries: PeakSummary[] = [];\n    HourlyBars: HourlyBar[] = [];\n\n    readonly DayNames = DAY_NAMES;\n    readonly Hours = HOURS;\n\n    // ── Private ──\n    private destroy$ = new Subject<void>();\n    private cdr = inject(ChangeDetectorRef);\n\n    async ngOnInit(): Promise<void> {\n        await this.loadData();\n        this.isInitialized = true;\n    }\n\n    OnTimeRangeChange(range: string): void {\n        this.TimeRange = range;\n        this.TimeRangeChange.emit(range);\n    }\n\n    ngOnDestroy(): void {\n        this.destroy$.next();\n        this.destroy$.complete();\n    }\n\n    // ── Heatmap helpers (called from template) ──\n\n    getCellBackground(day: number, hour: number): string {\n        const intensity = this.HeatmapCells[day]?.[hour]?.Intensity ?? 0;\n        return `color-mix(in srgb, var(--mj-brand-primary) ${intensity}%, var(--mj-bg-surface))`;\n    }\n\n    getCellTooltip(day: number, hour: number): string {\n        const count = this.HeatmapCells[day]?.[hour]?.Count ?? 0;\n        return `${DAY_NAMES[day]} ${this.formatHourLabel(hour)}: ${count} runs`;\n    }\n\n    getCellCount(day: number, hour: number): number {\n        return this.HeatmapCells[day]?.[hour]?.Count ?? 0;\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 runs = await this.fetchPromptRuns();\n            this.TotalRuns = runs.length;\n\n            if (runs.length > 0) {\n                const dayCounts = this.buildDayHourCounts(runs);\n                this.HeatmapCells = this.buildHeatmap(dayCounts);\n                this.DayDistributions = this.buildDayDistributions(dayCounts);\n                this.HourlyBars = this.buildHourlyBars(dayCounts);\n                this.PeakSummaries = this.buildPeakSummaries(dayCounts);\n            }\n        } catch (err) {\n            console.error('Usage patterns data load failed:', err);\n        } finally {\n            this.IsLoading = false;\n            this.cdr.detectChanges();\n        }\n    }\n\n    private async fetchPromptRuns(): Promise<PromptRunRecord[]> {\n        const rv = new RunView();\n        const since = new Date();\n        switch (this.TimeRange) {\n            case '1h': since.setHours(since.getHours() - 1); break;\n            case '6h': since.setHours(since.getHours() - 6); break;\n            case '24h': since.setDate(since.getDate() - 1); break;\n            case '7d': since.setDate(since.getDate() - 7); break;\n            case '30d': default: since.setDate(since.getDate() - 30); break;\n        }\n        const sinceStr = since.toISOString();\n\n        const result = await rv.RunView<PromptRunRecord>({\n            EntityName: 'MJ: AI Prompt Runs',\n            ExtraFilter: `RunAt >= '${sinceStr}'`,\n            Fields: FIELDS,\n            ResultType: 'simple'\n        });\n\n        if (!result.Success) {\n            console.error('Failed to load prompt runs:', result.ErrorMessage);\n            return [];\n        }\n\n        return result.Results ?? [];\n    }\n\n    /**\n     * Build a 7×24 count matrix: dayCounts[dayIndex][hour] = count.\n     * dayIndex 0 = Monday, 6 = Sunday. Uses the JS Date getDay() offset.\n     */\n    private buildDayHourCounts(runs: PromptRunRecord[]): number[][] {\n        const counts: number[][] = Array.from({ length: 7 }, () => new Array(24).fill(0));\n\n        for (const run of runs) {\n            const dt = new Date(run.RunAt);\n            const jsDay = dt.getDay(); // 0=Sun, 1=Mon, ..., 6=Sat\n            const dayIndex = jsDay === 0 ? 6 : jsDay - 1; // Convert to 0=Mon, 6=Sun\n            const hour = dt.getHours();\n            counts[dayIndex][hour]++;\n        }\n\n        return counts;\n    }\n\n    private buildHeatmap(dayCounts: number[][]): HeatmapCell[][] {\n        const maxCount = this.findMaxCount(dayCounts);\n\n        return dayCounts.map((hours, day) =>\n            hours.map((count, hour) => ({\n                Day: day,\n                Hour: hour,\n                Count: count,\n                Intensity: maxCount > 0 ? Math.round((count / maxCount) * 100) : 0\n            }))\n        );\n    }\n\n    private buildDayDistributions(dayCounts: number[][]): DayDistribution[] {\n        const daySums = dayCounts.map(hours => hours.reduce((sum, c) => sum + c, 0));\n        const maxDay = Math.max(...daySums, 1);\n\n        return daySums.map((count, i) => ({\n            DayIndex: i,\n            DayName: DAY_NAMES[i],\n            Count: count,\n            WidthPercent: Math.round((count / maxDay) * 100)\n        }));\n    }\n\n    private buildHourlyBars(dayCounts: number[][]): HourlyBar[] {\n        const hourSums = HOURS.map(h =>\n            dayCounts.reduce((sum, dayHours) => sum + dayHours[h], 0)\n        );\n        const maxHour = Math.max(...hourSums, 1);\n\n        return hourSums.map((count, h) => ({\n            Hour: h,\n            Label: this.formatHourLabel(h),\n            Count: count,\n            HeightPercent: Math.round((count / maxHour) * 100)\n        }));\n    }\n\n    private buildPeakSummaries(dayCounts: number[][]): PeakSummary[] {\n        const hourSums = HOURS.map(h =>\n            dayCounts.reduce((sum, dayHours) => sum + dayHours[h], 0)\n        );\n        const daySums = dayCounts.map(hours => hours.reduce((sum, c) => sum + c, 0));\n\n        // Busiest hour\n        const busiestHourIdx = this.indexOfMax(hourSums);\n        const busiestHour: PeakSummary = {\n            Label: 'Busiest Hour',\n            Value: `${this.formatHourRange(busiestHourIdx)}`,\n            Count: hourSums[busiestHourIdx],\n            Icon: 'fa-solid fa-fire'\n        };\n\n        // Busiest day\n        const busiestDayIdx = this.indexOfMax(daySums);\n        const busiestDay: PeakSummary = {\n            Label: 'Busiest Day',\n            Value: this.fullDayName(busiestDayIdx),\n            Count: daySums[busiestDayIdx],\n            Icon: 'fa-solid fa-calendar-day'\n        };\n\n        // Quietest cell (day+hour combo)\n        let minCount = Infinity;\n        let quietDay = 0;\n        let quietHour = 0;\n        for (let d = 0; d < 7; d++) {\n            for (let h = 0; h < 24; h++) {\n                if (dayCounts[d][h] < minCount) {\n                    minCount = dayCounts[d][h];\n                    quietDay = d;\n                    quietHour = h;\n                }\n            }\n        }\n\n        const quietest: PeakSummary = {\n            Label: 'Quietest Period',\n            Value: `${DAY_NAMES[quietDay]} ${this.formatHourLabel(quietHour)}`,\n            Count: minCount,\n            Icon: 'fa-solid fa-moon'\n        };\n\n        return [busiestHour, busiestDay, quietest];\n    }\n\n    // ── Utility helpers ──\n\n    private findMaxCount(dayCounts: number[][]): number {\n        let max = 0;\n        for (const hours of dayCounts) {\n            for (const c of hours) {\n                if (c > max) max = c;\n            }\n        }\n        return max;\n    }\n\n    private indexOfMax(arr: number[]): number {\n        let maxIdx = 0;\n        for (let i = 1; i < arr.length; i++) {\n            if (arr[i] > arr[maxIdx]) maxIdx = i;\n        }\n        return maxIdx;\n    }\n\n    private formatHourLabel(h: number): string {\n        if (h === 0) return '12a';\n        if (h < 12) return `${h}a`;\n        if (h === 12) return '12p';\n        return `${h - 12}p`;\n    }\n\n    private formatHourRange(h: number): string {\n        const start = this.formatHour12(h);\n        const end = this.formatHour12((h + 1) % 24);\n        return `${start} - ${end}`;\n    }\n\n    private formatHour12(h: number): string {\n        if (h === 0) return '12:00 AM';\n        if (h < 12) return `${h}:00 AM`;\n        if (h === 12) return '12:00 PM';\n        return `${h - 12}:00 PM`;\n    }\n\n    private fullDayName(idx: number): string {\n        const names = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday'];\n        return names[idx] ?? 'Unknown';\n    }\n}\n\nexport function LoadAnalyticsUsagePatterns() { /* tree-shaking prevention */ }\n"]}

package/dist/AI/components/execution-monitoring.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"execution-monitoring.component.d.ts","sourceRoot":"","sources":["../../../src/AI/components/execution-monitoring.component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"execution-monitoring.component.d.ts","sourceRoot":"","sources":["../../../src/AI/components/execution-monitoring.component.ts"],"names":[],"mappings":"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"}

package/dist/AI/components/execution-monitoring.component.js

@@ -1,14 +1,7 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
 import { Component, ChangeDetectionStrategy } from '@angular/core';
 import { Subject } from 'rxjs';
 import { map, takeUntil, debounceTime } from 'rxjs/operators';
 import { RunView, CompositeKey } from '@memberjunction/core';
-import { RegisterClass } from '@memberjunction/global';
 import { BaseResourceComponent } from '@memberjunction/ng-shared';
 import * as i0 from "@angular/core";
 import * as i1 from "../services/ai-instrumentation.service";
@@ -684,7 +677,8 @@ function ExecutionMonitoringComponent_Conditional_80_Template(rf, ctx) { if (rf
  * AI Monitor Resource - displays AI execution monitoring and analytics
  * Extends BaseResourceComponent to work with the resource type system
  */
-let ExecutionMonitoringComponent = class ExecutionMonitoringComponent extends BaseResourceComponent {
+// @RegisterClass removed — AIOverviewHubComponent now registers as 'AIMonitorResource'
+export class ExecutionMonitoringComponent extends BaseResourceComponent {
     instrumentationService;
     cdr;
     destroy$ = new Subject();
@@ -1486,11 +1480,7 @@ let ExecutionMonitoringComponent = class ExecutionMonitoringComponent extends Ba
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.selectedExecution ? 80 : -1);
         } }, dependencies: [i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.NgModel, i3.SplitComponent, i3.SplitAreaComponent, i4.LoadingComponent, i5.KPICardComponent, i6.TimeSeriesChartComponent, i7.LiveExecutionWidgetComponent, i8.PerformanceHeatmapComponent, i9.AsyncPipe, i9.TitleCasePipe, i9.DatePipe], styles: [".execution-monitoring[_ngcontent-%COMP%] {\n      padding: 0;\n      background: var(--mj-bg-surface-card);\n      width: 100%;\n      height: 100%;\n      position: relative;\n      overflow: auto;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .execution-monitoring.loading[_ngcontent-%COMP%] {\n      overflow: hidden;\n    }\n\n    \n\n    .loading-overlay[_ngcontent-%COMP%] {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: color-mix(in srgb, var(--mj-bg-surface) 70%, transparent);\n      z-index: 999;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      backdrop-filter: blur(4px);\n    }\n\n    \n\n    .monitoring-header[_ngcontent-%COMP%] {\n      background: var(--mj-bg-surface);\n      padding: 16px 24px;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      flex-wrap: wrap;\n      gap: 16px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n      border-bottom: 1px solid var(--mj-border-default);\n      position: relative;\n      z-index: 10;\n    }\n\n    .monitoring-title[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 20px;\n      font-weight: 700;\n      color: var(--mj-text-primary);\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .monitoring-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: var(--mj-brand-primary);\n      font-size: 22px;\n    }\n\n    .monitoring-controls[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 12px;\n      align-items: center;\n      flex-wrap: wrap;\n    }\n\n    .time-range-control[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 13px;\n    }\n\n    .time-range-control[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n      color: var(--mj-text-muted);\n      font-weight: 500;\n    }\n\n    .time-range-control[_ngcontent-%COMP%]   select[_ngcontent-%COMP%] {\n      padding: 8px 14px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 8px;\n      font-size: 13px;\n      background: var(--mj-bg-surface-card);\n      color: var(--mj-text-primary);\n      cursor: pointer;\n      transition: all 0.2s ease;\n    }\n\n    .time-range-control[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]:hover:not(:disabled) {\n      background: var(--mj-bg-surface-sunken);\n      border-color: var(--mj-border-strong);\n    }\n\n    .time-range-control[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]:focus {\n      outline: none;\n      border-color: var(--mj-brand-primary);\n      box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    }\n\n    .time-range-control[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    .time-range-control[_ngcontent-%COMP%]   select[_ngcontent-%COMP%]   option[_ngcontent-%COMP%] {\n      background: var(--mj-bg-surface);\n      color: var(--mj-text-primary);\n    }\n\n    .refresh-btn[_ngcontent-%COMP%] {\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n      border: none;\n      padding: 8px 16px;\n      border-radius: 8px;\n      font-size: 13px;\n      font-weight: 600;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      transition: all 0.2s ease;\n      box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 25%, transparent);\n    }\n\n    .refresh-btn[_ngcontent-%COMP%]:hover:not(:disabled) {\n      background: var(--mj-brand-primary-hover);\n      transform: translateY(-1px);\n      box-shadow: 0 4px 12px color-mix(in srgb, var(--mj-brand-primary) 35%, transparent);\n    }\n\n    .refresh-btn[_ngcontent-%COMP%]:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n      transform: none;\n    }\n\n    .refresh-btn[_ngcontent-%COMP%]   i.spinning[_ngcontent-%COMP%] {\n      animation: _ngcontent-%COMP%_spin 1s linear infinite;\n    }\n\n    @keyframes _ngcontent-%COMP%_spin {\n      0% { transform: rotate(0deg); }\n      100% { transform: rotate(360deg); }\n    }\n\n    .kpi-dashboard[_ngcontent-%COMP%] {\n      padding: 20px;\n    }\n\n    .kpi-grid[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n      gap: 16px;\n    }\n\n    .dashboard-splitter[_ngcontent-%COMP%] {\n      flex: 1;\n      min-height: 500px;\n      margin: 0 20px 20px 20px;\n    }\n\n    .dashboard-section[_ngcontent-%COMP%] {\n      background: var(--mj-bg-surface);\n      border-radius: 12px;\n      box-shadow: 0 4px 16px color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n      overflow: hidden;\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n      border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n      transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .dashboard-section[_ngcontent-%COMP%]:hover {\n      box-shadow: 0 8px 24px color-mix(in srgb, var(--mj-brand-primary) 12%, transparent);\n    }\n\n    \n\n    [_nghost-%COMP%]     as-split-area > .as-split-area-content {\n      overflow: hidden;\n      padding: 10px;\n    }\n\n    \n\n    .cost-chart-container[_ngcontent-%COMP%], .efficiency-chart-container[_ngcontent-%COMP%], .status-container[_ngcontent-%COMP%] {\n      padding: 20px;\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .chart-header[_ngcontent-%COMP%] {\n      margin-bottom: 16px;\n    }\n\n    .chart-title[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 16px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .chart-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: var(--mj-brand-primary);\n    }\n\n    .cost-bars[_ngcontent-%COMP%], .efficiency-items[_ngcontent-%COMP%] {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n\n    .cost-bar-item[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 8px 0;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .cost-bar-item[_ngcontent-%COMP%]:last-child {\n      border-bottom: none;\n    }\n\n    .cost-bar-info[_ngcontent-%COMP%] {\n      min-width: 120px;\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n    }\n\n    .model-name[_ngcontent-%COMP%] {\n      font-size: 12px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n    }\n\n    .cost-value[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: var(--mj-brand-primary);\n      font-weight: 600;\n    }\n\n    .cost-bar-container[_ngcontent-%COMP%] {\n      flex: 1;\n      height: 8px;\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n      border-radius: 4px;\n      overflow: hidden;\n    }\n\n    .cost-bar[_ngcontent-%COMP%] {\n      height: 100%;\n      background: var(--mj-brand-primary);\n      border-radius: 4px;\n      transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .token-info[_ngcontent-%COMP%] {\n      font-size: 10px;\n      color: var(--mj-text-muted);\n      min-width: 80px;\n      text-align: right;\n    }\n\n    \n\n    .efficiency-item[_ngcontent-%COMP%] {\n      padding: 12px 0;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .efficiency-item[_ngcontent-%COMP%]:last-child {\n      border-bottom: none;\n    }\n\n    .efficiency-header[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 8px;\n    }\n\n    .efficiency-ratio[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: var(--mj-brand-primary);\n      font-weight: 600;\n    }\n\n    .token-breakdown[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n    }\n\n    .token-bar[_ngcontent-%COMP%] {\n      height: 8px;\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n      border-radius: 4px;\n      overflow: hidden;\n      display: flex;\n    }\n\n    .token-segment[_ngcontent-%COMP%] {\n      height: 100%;\n      transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .token-segment--input[_ngcontent-%COMP%] {\n      background: var(--mj-brand-primary);\n    }\n\n    .token-segment--output[_ngcontent-%COMP%] {\n      background: var(--mj-brand-accent);\n    }\n\n    .token-labels[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: space-between;\n      font-size: 10px;\n      color: var(--mj-text-muted);\n    }\n\n    .input-label[_ngcontent-%COMP%] {\n      color: var(--mj-brand-primary);\n      font-weight: 500;\n    }\n\n    .output-label[_ngcontent-%COMP%] {\n      color: var(--mj-brand-accent);\n      font-weight: 500;\n    }\n\n    .cost-per-token[_ngcontent-%COMP%] {\n      font-size: 10px;\n      color: var(--mj-text-disabled);\n      margin-top: 4px;\n    }\n\n    \n\n    .status-metrics[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n      flex: 1;\n    }\n\n    .status-metric[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 12px;\n      background: var(--mj-bg-surface-card);\n      border-radius: 6px;\n    }\n\n    .status-icon[_ngcontent-%COMP%] {\n      width: 40px;\n      height: 40px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n    }\n\n    .status-icon--success[_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n      color: var(--mj-status-success);\n    }\n\n    .status-icon--warning[_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n      color: var(--mj-status-warning);\n    }\n\n    .status-icon--info[_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n      color: var(--mj-brand-primary);\n    }\n\n    .status-icon--primary[_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n      color: var(--mj-brand-primary);\n    }\n\n    .status-info[_ngcontent-%COMP%] {\n      flex: 1;\n    }\n\n    .status-label[_ngcontent-%COMP%] {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      font-weight: 500;\n    }\n\n    .status-value[_ngcontent-%COMP%] {\n      font-size: 18px;\n      font-weight: 700;\n      color: var(--mj-text-primary);\n      margin: 2px 0;\n    }\n\n    .status-subtitle[_ngcontent-%COMP%] {\n      font-size: 10px;\n      color: var(--mj-text-disabled);\n    }\n\n    \n\n    .execution-modal[_ngcontent-%COMP%] {\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: rgba(0, 0, 0, 0.5);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: 1000;\n      padding: 20px;\n    }\n\n    .execution-modal-content[_ngcontent-%COMP%] {\n      background: var(--mj-bg-surface);\n      border-radius: 8px;\n      max-width: 800px;\n      width: 100%;\n      max-height: 80vh;\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .execution-modal-header[_ngcontent-%COMP%] {\n      padding: 20px;\n      border-bottom: 1px solid var(--mj-border-default);\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .execution-modal-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 18px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n    }\n\n    .modal-header-actions[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 12px;\n      align-items: center;\n    }\n\n    .open-record-btn[_ngcontent-%COMP%] {\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n      border: none;\n      padding: 8px 16px;\n      border-radius: 8px;\n      font-size: 13px;\n      font-weight: 600;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 25%, transparent);\n    }\n\n    .open-record-btn[_ngcontent-%COMP%]:hover {\n      background: var(--mj-brand-primary-hover);\n      transform: translateY(-1px);\n      box-shadow: 0 4px 12px color-mix(in srgb, var(--mj-brand-primary) 35%, transparent);\n    }\n\n    .open-record-btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 12px;\n    }\n\n    .close-btn[_ngcontent-%COMP%] {\n      background: none;\n      border: none;\n      font-size: 16px;\n      color: var(--mj-text-disabled);\n      cursor: pointer;\n      padding: 4px;\n    }\n\n    .close-btn[_ngcontent-%COMP%]:hover {\n      color: var(--mj-text-primary);\n    }\n\n    .execution-modal-body[_ngcontent-%COMP%] {\n      padding: 20px;\n      overflow-y: auto;\n      flex: 1;\n    }\n\n    .execution-details[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n    }\n\n    .detail-section[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n      margin: 0 0 12px 0;\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      border-bottom: 1px solid var(--mj-border-default);\n      padding-bottom: 6px;\n    }\n\n    .detail-grid[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 12px;\n    }\n\n    .detail-item[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n    }\n\n    .detail-item[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n      font-weight: 500;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .detail-item[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n      font-size: 13px;\n      color: var(--mj-text-primary);\n    }\n\n    .status-badge[_ngcontent-%COMP%] {\n      display: inline-block;\n      padding: 2px 8px;\n      border-radius: 12px;\n      font-size: 10px;\n      font-weight: 500;\n      text-transform: uppercase;\n    }\n\n    .status-badge--completed[_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n      color: var(--mj-status-success);\n    }\n\n    .status-badge--running[_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n      color: var(--mj-brand-primary);\n    }\n\n    .status-badge--failed[_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n      color: var(--mj-status-error);\n    }\n\n    .error-message[_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--mj-status-warning) 10%, var(--mj-bg-surface));\n      border: 1px solid var(--mj-status-warning);\n      border-radius: 4px;\n      padding: 12px;\n      font-size: 12px;\n      color: var(--mj-status-error);\n      font-family: monospace;\n    }\n\n    .child-executions[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .child-execution[_ngcontent-%COMP%] {\n      background: var(--mj-bg-surface-card);\n      border-radius: 4px;\n      padding: 12px;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .child-info[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .child-name[_ngcontent-%COMP%] {\n      font-size: 12px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n    }\n\n    .child-type[_ngcontent-%COMP%] {\n      font-size: 10px;\n      background: var(--mj-border-default);\n      padding: 2px 6px;\n      border-radius: 3px;\n      color: var(--mj-text-muted);\n    }\n\n    .child-status[_ngcontent-%COMP%] {\n      font-size: 10px;\n      padding: 2px 6px;\n      border-radius: 3px;\n    }\n\n    .child-metrics[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 12px;\n      font-size: 11px;\n      color: var(--mj-text-muted);\n    }\n\n    .loading-details[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      padding: 40px;\n      gap: 12px;\n    }\n\n    \n\n    .drill-down-container[_ngcontent-%COMP%] {\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .drill-down-tabs[_ngcontent-%COMP%] {\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .tab-header[_ngcontent-%COMP%] {\n      display: flex;\n      border-bottom: 1px solid color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n      background: var(--mj-bg-surface-card);\n      min-height: 44px;\n      overflow-x: auto;\n    }\n\n    .tab-item[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 18px;\n      background: transparent;\n      border: none;\n      border-bottom: 2px solid transparent;\n      cursor: pointer;\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-muted);\n      white-space: nowrap;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      min-width: 120px;\n      justify-content: space-between;\n    }\n\n    .tab-item[_ngcontent-%COMP%]:hover {\n      background: color-mix(in srgb, var(--mj-brand-primary) 5%, transparent);\n      color: var(--mj-brand-primary);\n    }\n\n    .tab-item.active[_ngcontent-%COMP%] {\n      background: var(--mj-bg-surface);\n      color: var(--mj-brand-primary);\n      border-bottom-color: var(--mj-brand-primary);\n      font-weight: 600;\n    }\n\n    .tab-title[_ngcontent-%COMP%] {\n      flex: 1;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .tab-close[_ngcontent-%COMP%] {\n      background: none;\n      border: none;\n      color: var(--mj-text-disabled);\n      cursor: pointer;\n      padding: 2px;\n      border-radius: 2px;\n      font-size: 10px;\n      width: 16px;\n      height: 16px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.2s ease;\n    }\n\n    .tab-close[_ngcontent-%COMP%]:hover {\n      background: rgba(0, 0, 0, 0.1);\n      color: var(--mj-text-primary);\n    }\n\n    .tab-content[_ngcontent-%COMP%] {\n      flex: 1;\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .tab-pane[_ngcontent-%COMP%] {\n      height: 100%;\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .trends-chart[_ngcontent-%COMP%] {\n      padding: 0;\n    }\n\n    .trends-chart[_ngcontent-%COMP%]   app-time-series-chart[_ngcontent-%COMP%] {\n      height: 100%;\n      display: block;\n      overflow: hidden;\n    }\n\n    \n\n    .tab-pane.trends-chart[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\n    }\n\n    \n\n    .executions-drill-down[_ngcontent-%COMP%] {\n      padding: 20px;\n      overflow-y: auto;\n    }\n\n    .drill-down-header[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 20px;\n      padding-bottom: 12px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .drill-down-header[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 16px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .drill-down-meta[_ngcontent-%COMP%] {\n      display: flex;\n      gap: 12px;\n      align-items: center;\n      font-size: 12px;\n    }\n\n    .timestamp[_ngcontent-%COMP%] {\n      color: var(--mj-text-muted);\n      background: var(--mj-bg-surface-sunken);\n      padding: 4px 8px;\n      border-radius: 4px;\n    }\n\n    .metric-badge[_ngcontent-%COMP%] {\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n      padding: 4px 10px;\n      border-radius: 6px;\n      font-weight: 600;\n      box-shadow: 0 2px 4px color-mix(in srgb, var(--mj-brand-primary) 25%, transparent);\n    }\n\n    .loading-spinner[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 40px;\n      color: var(--mj-text-muted);\n      gap: 12px;\n    }\n\n    .executions-table[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      overflow: hidden;\n    }\n\n    .table-header[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: 80px 1fr 120px 100px 100px 80px 100px 120px;\n      gap: 12px;\n      background: var(--mj-bg-surface-card);\n      padding: 12px 16px;\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    .table-row[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: 80px 1fr 120px 100px 100px 80px 100px 120px;\n      gap: 12px;\n      padding: 12px 16px;\n      border-top: 1px solid var(--mj-bg-surface-sunken);\n      cursor: pointer;\n      transition: background 0.2s ease;\n      align-items: center;\n    }\n\n    .table-row[_ngcontent-%COMP%]:hover {\n      background: var(--mj-bg-surface-card);\n    }\n\n    .table-cell[_ngcontent-%COMP%] {\n      font-size: 12px;\n      color: var(--mj-text-primary);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .type-badge[_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--mj-text-muted) 10%, var(--mj-bg-surface));\n      color: var(--mj-text-muted);\n      padding: 3px 8px;\n      border-radius: 4px;\n      font-size: 10px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n\n    .type-badge--prompt[_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n      color: var(--mj-brand-primary);\n    }\n\n    .type-badge--agent[_ngcontent-%COMP%] {\n      background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n      color: var(--mj-status-success);\n    }\n\n    .no-data[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      padding: 60px 20px;\n      color: var(--mj-text-disabled);\n      gap: 16px;\n    }\n\n    .no-data[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      font-size: 48px;\n      color: var(--mj-border-default);\n    }\n\n    .no-data[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 14px;\n    }\n\n    \n\n    .model-detail[_ngcontent-%COMP%] {\n      padding: 20px;\n      overflow-y: auto;\n    }\n\n    .model-details[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 24px;\n    }\n\n    .model-info-grid[_ngcontent-%COMP%] {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 16px;\n    }\n\n    .info-item[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n      padding: 16px;\n      background: var(--mj-bg-surface-card);\n      border-radius: 6px;\n    }\n\n    .info-item[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin: 0;\n    }\n\n    .info-item[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n      font-size: 14px;\n      color: var(--mj-text-primary);\n      font-weight: 500;\n    }\n\n    .status-indicator[_ngcontent-%COMP%] {\n      display: inline-flex;\n      align-items: center;\n      gap: 4px;\n      font-size: 12px;\n    }\n\n    .status-indicator.active[_ngcontent-%COMP%] {\n      color: var(--mj-status-success);\n    }\n\n    .status-indicator.active[_ngcontent-%COMP%]::before {\n      content: '';\n      width: 6px;\n      height: 6px;\n      background: var(--mj-status-success);\n      border-radius: 50%;\n    }\n\n    .model-description[_ngcontent-%COMP%] {\n      padding: 20px;\n      background: var(--mj-bg-surface-card);\n      border-radius: 8px;\n    }\n\n    .model-description[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n      margin: 0 0 12px 0;\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n    }\n\n    .model-description[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n      margin: 0;\n      font-size: 13px;\n      color: var(--mj-text-muted);\n      line-height: 1.5;\n    }\n\n    \n\n    .clickable[_ngcontent-%COMP%] {\n      cursor: pointer;\n      transition: transform 0.2s ease, box-shadow 0.2s ease;\n    }\n\n    .clickable[_ngcontent-%COMP%]:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n    }\n\n    \n\n    .analysis-panels[_ngcontent-%COMP%] {\n      padding: 12px;\n      height: 100%;\n      overflow-y: auto;\n      background: var(--mj-bg-surface-card);\n    }\n\n    .analysis-panel[_ngcontent-%COMP%] {\n      margin-bottom: 12px;\n      border-radius: 10px;\n      box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n      background: var(--mj-bg-surface);\n      overflow: hidden;\n      border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .analysis-panel[_ngcontent-%COMP%]:hover {\n      box-shadow: 0 4px 12px color-mix(in srgb, var(--mj-brand-primary) 12%, transparent);\n    }\n\n    .analysis-panel[_ngcontent-%COMP%]:last-child {\n      margin-bottom: 0;\n    }\n\n    .panel-header[_ngcontent-%COMP%] {\n      padding: 14px 18px;\n      background: var(--mj-bg-surface-card);\n      border-bottom: 1px solid color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .panel-header[_ngcontent-%COMP%]:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .panel-title[_ngcontent-%COMP%] {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      font-size: 14px;\n    }\n\n    .panel-title[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n      color: var(--mj-brand-primary);\n      width: 18px;\n    }\n\n    .panel-toggle-icon[_ngcontent-%COMP%] {\n      color: var(--mj-brand-primary);\n      font-size: 12px;\n      transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .panel-content[_ngcontent-%COMP%] {\n      padding: 18px;\n      border-top: 1px solid color-mix(in srgb, var(--mj-brand-primary) 5%, transparent);\n      animation: _ngcontent-%COMP%_slideDown 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    @keyframes _ngcontent-%COMP%_slideDown {\n      from {\n        opacity: 0;\n        max-height: 0;\n      }\n      to {\n        opacity: 1;\n        max-height: 500px;\n      }\n    }\n\n    .live-executions-panel[_ngcontent-%COMP%] {\n      padding: 0;\n    }\n\n    .live-executions-panel[_ngcontent-%COMP%]   app-live-execution-widget[_ngcontent-%COMP%] {\n      height: 300px;\n      display: block;\n    }\n\n    \n\n    @media (max-width: 1200px) {\n      .dashboard-splitter[_ngcontent-%COMP%] {\n        min-height: 400px;\n      }\n      \n      .table-header[_ngcontent-%COMP%], \n   .table-row[_ngcontent-%COMP%] {\n        grid-template-columns: 60px 1fr 100px 80px 80px 60px 80px 100px;\n        gap: 8px;\n      }\n      \n      .model-info-grid[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n      }\n      \n      .analysis-panels[_ngcontent-%COMP%] {\n        padding: 8px;\n      }\n      \n      .analysis-panel[_ngcontent-%COMP%] {\n        margin-bottom: 8px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .execution-monitoring[_ngcontent-%COMP%] {\n        padding: 12px;\n      }\n      \n      .monitoring-header[_ngcontent-%COMP%] {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n      \n      .monitoring-controls[_ngcontent-%COMP%] {\n        width: 100%;\n        justify-content: flex-start;\n      }\n      \n      .dashboard-splitter[_ngcontent-%COMP%] {\n        min-height: 350px;\n      }\n      \n      .kpi-grid[_ngcontent-%COMP%] {\n        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      }\n\n      \n\n      [_nghost-%COMP%]     as-split-area > .as-split-area-content {\n        padding: 5px;\n      }\n\n      .tab-header[_ngcontent-%COMP%] {\n        overflow-x: auto;\n      }\n      \n      .tab-item[_ngcontent-%COMP%] {\n        min-width: 100px;\n        padding: 6px 12px;\n      }\n      \n      .table-header[_ngcontent-%COMP%], \n   .table-row[_ngcontent-%COMP%] {\n        grid-template-columns: 1fr;\n        gap: 4px;\n        text-align: left;\n      }\n      \n      .table-row[_ngcontent-%COMP%] {\n        display: block;\n        padding: 16px;\n      }\n      \n      .table-cell[_ngcontent-%COMP%] {\n        display: block;\n        margin-bottom: 8px;\n      }\n      \n      .table-cell[_ngcontent-%COMP%]:before {\n        content: attr(data-label) ': ';\n        font-weight: 600;\n        color: var(--mj-text-muted);\n        font-size: 11px;\n        text-transform: uppercase;\n      }\n      \n      .executions-drill-down[_ngcontent-%COMP%], \n   .model-detail[_ngcontent-%COMP%] {\n        padding: 12px;\n      }\n      \n      .panel-content[_ngcontent-%COMP%] {\n        padding: 12px;\n      }\n      \n      .panel-header[_ngcontent-%COMP%] {\n        padding: 10px 12px;\n      }\n      \n      .panel-title[_ngcontent-%COMP%] {\n        font-size: 13px;\n      }\n    }"], changeDetection: 0 });
-};
-ExecutionMonitoringComponent = __decorate([
-    RegisterClass(BaseResourceComponent, 'AIMonitorResource')
-], ExecutionMonitoringComponent);
-export { ExecutionMonitoringComponent };
+}
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ExecutionMonitoringComponent, [{
         type: Component,
         args: [{ standalone: false, selector: 'app-execution-monitoring', changeDetection: ChangeDetectionStrategy.OnPush, template: `
@@ -2014,5 +2004,5 @@ export { ExecutionMonitoringComponent };
     </div>
   `, styles: ["\n    .execution-monitoring {\n      padding: 0;\n      background: var(--mj-bg-surface-card);\n      width: 100%;\n      height: 100%;\n      position: relative;\n      overflow: auto;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .execution-monitoring.loading {\n      overflow: hidden;\n    }\n\n    /* Loading Overlay */\n    .loading-overlay {\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      background: color-mix(in srgb, var(--mj-bg-surface) 70%, transparent);\n      z-index: 999;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      backdrop-filter: blur(4px);\n    }\n\n    /* === Dashboard Header - Clean White Style === */\n    .monitoring-header {\n      background: var(--mj-bg-surface);\n      padding: 16px 24px;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      flex-wrap: wrap;\n      gap: 16px;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);\n      border-bottom: 1px solid var(--mj-border-default);\n      position: relative;\n      z-index: 10;\n    }\n\n    .monitoring-title {\n      margin: 0;\n      font-size: 20px;\n      font-weight: 700;\n      color: var(--mj-text-primary);\n      display: flex;\n      align-items: center;\n      gap: 12px;\n    }\n\n    .monitoring-title i {\n      color: var(--mj-brand-primary);\n      font-size: 22px;\n    }\n\n    .monitoring-controls {\n      display: flex;\n      gap: 12px;\n      align-items: center;\n      flex-wrap: wrap;\n    }\n\n    .time-range-control {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      font-size: 13px;\n    }\n\n    .time-range-control label {\n      color: var(--mj-text-muted);\n      font-weight: 500;\n    }\n\n    .time-range-control select {\n      padding: 8px 14px;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 8px;\n      font-size: 13px;\n      background: var(--mj-bg-surface-card);\n      color: var(--mj-text-primary);\n      cursor: pointer;\n      transition: all 0.2s ease;\n    }\n\n    .time-range-control select:hover:not(:disabled) {\n      background: var(--mj-bg-surface-sunken);\n      border-color: var(--mj-border-strong);\n    }\n\n    .time-range-control select:focus {\n      outline: none;\n      border-color: var(--mj-brand-primary);\n      box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n    }\n\n    .time-range-control select:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    .time-range-control select option {\n      background: var(--mj-bg-surface);\n      color: var(--mj-text-primary);\n    }\n\n    .refresh-btn {\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n      border: none;\n      padding: 8px 16px;\n      border-radius: 8px;\n      font-size: 13px;\n      font-weight: 600;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      transition: all 0.2s ease;\n      box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 25%, transparent);\n    }\n\n    .refresh-btn:hover:not(:disabled) {\n      background: var(--mj-brand-primary-hover);\n      transform: translateY(-1px);\n      box-shadow: 0 4px 12px color-mix(in srgb, var(--mj-brand-primary) 35%, transparent);\n    }\n\n    .refresh-btn:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n      transform: none;\n    }\n\n    .refresh-btn i.spinning {\n      animation: spin 1s linear infinite;\n    }\n\n    @keyframes spin {\n      0% { transform: rotate(0deg); }\n      100% { transform: rotate(360deg); }\n    }\n\n    .kpi-dashboard {\n      padding: 20px;\n    }\n\n    .kpi-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n      gap: 16px;\n    }\n\n    .dashboard-splitter {\n      flex: 1;\n      min-height: 500px;\n      margin: 0 20px 20px 20px;\n    }\n\n    .dashboard-section {\n      background: var(--mj-bg-surface);\n      border-radius: 12px;\n      box-shadow: 0 4px 16px color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n      overflow: hidden;\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n      border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n      transition: box-shadow 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .dashboard-section:hover {\n      box-shadow: 0 8px 24px color-mix(in srgb, var(--mj-brand-primary) 12%, transparent);\n    }\n\n    /* Ensure splitter areas take full height */\n    :host ::ng-deep as-split-area > .as-split-area-content {\n      overflow: hidden;\n      padding: 10px;\n    }\n\n    /* Cost Analysis Styles */\n    .cost-chart-container, .efficiency-chart-container, .status-container {\n      padding: 20px;\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .chart-header {\n      margin-bottom: 16px;\n    }\n\n    .chart-title {\n      margin: 0;\n      font-size: 16px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .chart-title i {\n      color: var(--mj-brand-primary);\n    }\n\n    .cost-bars, .efficiency-items {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      gap: 12px;\n    }\n\n    .cost-bar-item {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 8px 0;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .cost-bar-item:last-child {\n      border-bottom: none;\n    }\n\n    .cost-bar-info {\n      min-width: 120px;\n      display: flex;\n      flex-direction: column;\n      gap: 2px;\n    }\n\n    .model-name {\n      font-size: 12px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n    }\n\n    .cost-value {\n      font-size: 11px;\n      color: var(--mj-brand-primary);\n      font-weight: 600;\n    }\n\n    .cost-bar-container {\n      flex: 1;\n      height: 8px;\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n      border-radius: 4px;\n      overflow: hidden;\n    }\n\n    .cost-bar {\n      height: 100%;\n      background: var(--mj-brand-primary);\n      border-radius: 4px;\n      transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .token-info {\n      font-size: 10px;\n      color: var(--mj-text-muted);\n      min-width: 80px;\n      text-align: right;\n    }\n\n    /* Token Efficiency Styles */\n    .efficiency-item {\n      padding: 12px 0;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .efficiency-item:last-child {\n      border-bottom: none;\n    }\n\n    .efficiency-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 8px;\n    }\n\n    .efficiency-ratio {\n      font-size: 11px;\n      color: var(--mj-brand-primary);\n      font-weight: 600;\n    }\n\n    .token-breakdown {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n    }\n\n    .token-bar {\n      height: 8px;\n      background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n      border-radius: 4px;\n      overflow: hidden;\n      display: flex;\n    }\n\n    .token-segment {\n      height: 100%;\n      transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .token-segment--input {\n      background: var(--mj-brand-primary);\n    }\n\n    .token-segment--output {\n      background: var(--mj-brand-accent);\n    }\n\n    .token-labels {\n      display: flex;\n      justify-content: space-between;\n      font-size: 10px;\n      color: var(--mj-text-muted);\n    }\n\n    .input-label {\n      color: var(--mj-brand-primary);\n      font-weight: 500;\n    }\n\n    .output-label {\n      color: var(--mj-brand-accent);\n      font-weight: 500;\n    }\n\n    .cost-per-token {\n      font-size: 10px;\n      color: var(--mj-text-disabled);\n      margin-top: 4px;\n    }\n\n    /* System Status Styles */\n    .status-metrics {\n      display: flex;\n      flex-direction: column;\n      gap: 16px;\n      flex: 1;\n    }\n\n    .status-metric {\n      display: flex;\n      align-items: center;\n      gap: 12px;\n      padding: 12px;\n      background: var(--mj-bg-surface-card);\n      border-radius: 6px;\n    }\n\n    .status-icon {\n      width: 40px;\n      height: 40px;\n      border-radius: 50%;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n    }\n\n    .status-icon--success {\n      background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n      color: var(--mj-status-success);\n    }\n\n    .status-icon--warning {\n      background: color-mix(in srgb, var(--mj-status-warning) 15%, var(--mj-bg-surface));\n      color: var(--mj-status-warning);\n    }\n\n    .status-icon--info {\n      background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n      color: var(--mj-brand-primary);\n    }\n\n    .status-icon--primary {\n      background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n      color: var(--mj-brand-primary);\n    }\n\n    .status-info {\n      flex: 1;\n    }\n\n    .status-label {\n      font-size: 12px;\n      color: var(--mj-text-muted);\n      font-weight: 500;\n    }\n\n    .status-value {\n      font-size: 18px;\n      font-weight: 700;\n      color: var(--mj-text-primary);\n      margin: 2px 0;\n    }\n\n    .status-subtitle {\n      font-size: 10px;\n      color: var(--mj-text-disabled);\n    }\n\n    /* Execution Modal Styles */\n    .execution-modal {\n      position: fixed;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      background: rgba(0, 0, 0, 0.5);\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      z-index: 1000;\n      padding: 20px;\n    }\n\n    .execution-modal-content {\n      background: var(--mj-bg-surface);\n      border-radius: 8px;\n      max-width: 800px;\n      width: 100%;\n      max-height: 80vh;\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .execution-modal-header {\n      padding: 20px;\n      border-bottom: 1px solid var(--mj-border-default);\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .execution-modal-header h3 {\n      margin: 0;\n      font-size: 18px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n    }\n\n    .modal-header-actions {\n      display: flex;\n      gap: 12px;\n      align-items: center;\n    }\n\n    .open-record-btn {\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n      border: none;\n      padding: 8px 16px;\n      border-radius: 8px;\n      font-size: 13px;\n      font-weight: 600;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 25%, transparent);\n    }\n\n    .open-record-btn:hover {\n      background: var(--mj-brand-primary-hover);\n      transform: translateY(-1px);\n      box-shadow: 0 4px 12px color-mix(in srgb, var(--mj-brand-primary) 35%, transparent);\n    }\n\n    .open-record-btn i {\n      font-size: 12px;\n    }\n\n    .close-btn {\n      background: none;\n      border: none;\n      font-size: 16px;\n      color: var(--mj-text-disabled);\n      cursor: pointer;\n      padding: 4px;\n    }\n\n    .close-btn:hover {\n      color: var(--mj-text-primary);\n    }\n\n    .execution-modal-body {\n      padding: 20px;\n      overflow-y: auto;\n      flex: 1;\n    }\n\n    .execution-details {\n      display: flex;\n      flex-direction: column;\n      gap: 20px;\n    }\n\n    .detail-section h4 {\n      margin: 0 0 12px 0;\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      border-bottom: 1px solid var(--mj-border-default);\n      padding-bottom: 6px;\n    }\n\n    .detail-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      gap: 12px;\n    }\n\n    .detail-item {\n      display: flex;\n      flex-direction: column;\n      gap: 4px;\n    }\n\n    .detail-item label {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n      font-weight: 500;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n    }\n\n    .detail-item span {\n      font-size: 13px;\n      color: var(--mj-text-primary);\n    }\n\n    .status-badge {\n      display: inline-block;\n      padding: 2px 8px;\n      border-radius: 12px;\n      font-size: 10px;\n      font-weight: 500;\n      text-transform: uppercase;\n    }\n\n    .status-badge--completed {\n      background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n      color: var(--mj-status-success);\n    }\n\n    .status-badge--running {\n      background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n      color: var(--mj-brand-primary);\n    }\n\n    .status-badge--failed {\n      background: color-mix(in srgb, var(--mj-status-error) 15%, var(--mj-bg-surface));\n      color: var(--mj-status-error);\n    }\n\n    .error-message {\n      background: color-mix(in srgb, var(--mj-status-warning) 10%, var(--mj-bg-surface));\n      border: 1px solid var(--mj-status-warning);\n      border-radius: 4px;\n      padding: 12px;\n      font-size: 12px;\n      color: var(--mj-status-error);\n      font-family: monospace;\n    }\n\n    .child-executions {\n      display: flex;\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .child-execution {\n      background: var(--mj-bg-surface-card);\n      border-radius: 4px;\n      padding: 12px;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    .child-info {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .child-name {\n      font-size: 12px;\n      font-weight: 500;\n      color: var(--mj-text-primary);\n    }\n\n    .child-type {\n      font-size: 10px;\n      background: var(--mj-border-default);\n      padding: 2px 6px;\n      border-radius: 3px;\n      color: var(--mj-text-muted);\n    }\n\n    .child-status {\n      font-size: 10px;\n      padding: 2px 6px;\n      border-radius: 3px;\n    }\n\n    .child-metrics {\n      display: flex;\n      gap: 12px;\n      font-size: 11px;\n      color: var(--mj-text-muted);\n    }\n\n    .loading-details {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      padding: 40px;\n      gap: 12px;\n    }\n\n    /* Drill-down Tab Styles */\n    .drill-down-container {\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .drill-down-tabs {\n      height: 100%;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .tab-header {\n      display: flex;\n      border-bottom: 1px solid color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n      background: var(--mj-bg-surface-card);\n      min-height: 44px;\n      overflow-x: auto;\n    }\n\n    .tab-item {\n      display: flex;\n      align-items: center;\n      gap: 8px;\n      padding: 10px 18px;\n      background: transparent;\n      border: none;\n      border-bottom: 2px solid transparent;\n      cursor: pointer;\n      font-size: 13px;\n      font-weight: 500;\n      color: var(--mj-text-muted);\n      white-space: nowrap;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n      min-width: 120px;\n      justify-content: space-between;\n    }\n\n    .tab-item:hover {\n      background: color-mix(in srgb, var(--mj-brand-primary) 5%, transparent);\n      color: var(--mj-brand-primary);\n    }\n\n    .tab-item.active {\n      background: var(--mj-bg-surface);\n      color: var(--mj-brand-primary);\n      border-bottom-color: var(--mj-brand-primary);\n      font-weight: 600;\n    }\n\n    .tab-title {\n      flex: 1;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n\n    .tab-close {\n      background: none;\n      border: none;\n      color: var(--mj-text-disabled);\n      cursor: pointer;\n      padding: 2px;\n      border-radius: 2px;\n      font-size: 10px;\n      width: 16px;\n      height: 16px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      transition: all 0.2s ease;\n    }\n\n    .tab-close:hover {\n      background: rgba(0, 0, 0, 0.1);\n      color: var(--mj-text-primary);\n    }\n\n    .tab-content {\n      flex: 1;\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .tab-pane {\n      height: 100%;\n      overflow: hidden;\n      display: flex;\n      flex-direction: column;\n    }\n\n    .trends-chart {\n      padding: 0;\n    }\n\n    .trends-chart app-time-series-chart {\n      height: 100%;\n      display: block;\n      overflow: hidden;\n    }\n\n    /* Ensure chart fits within tab pane */\n    .tab-pane.trends-chart {\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\n    }\n\n    /* Drill-down specific styles */\n    .executions-drill-down {\n      padding: 20px;\n      overflow-y: auto;\n    }\n\n    .drill-down-header {\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      margin-bottom: 20px;\n      padding-bottom: 12px;\n      border-bottom: 1px solid var(--mj-border-default);\n    }\n\n    .drill-down-header h4 {\n      margin: 0;\n      font-size: 16px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      display: flex;\n      align-items: center;\n      gap: 8px;\n    }\n\n    .drill-down-meta {\n      display: flex;\n      gap: 12px;\n      align-items: center;\n      font-size: 12px;\n    }\n\n    .timestamp {\n      color: var(--mj-text-muted);\n      background: var(--mj-bg-surface-sunken);\n      padding: 4px 8px;\n      border-radius: 4px;\n    }\n\n    .metric-badge {\n      background: var(--mj-brand-primary);\n      color: var(--mj-text-inverse);\n      padding: 4px 10px;\n      border-radius: 6px;\n      font-weight: 600;\n      box-shadow: 0 2px 4px color-mix(in srgb, var(--mj-brand-primary) 25%, transparent);\n    }\n\n    .loading-spinner {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      padding: 40px;\n      color: var(--mj-text-muted);\n      gap: 12px;\n    }\n\n    .executions-table {\n      display: flex;\n      flex-direction: column;\n      gap: 0;\n      border: 1px solid var(--mj-border-default);\n      border-radius: 6px;\n      overflow: hidden;\n    }\n\n    .table-header {\n      display: grid;\n      grid-template-columns: 80px 1fr 120px 100px 100px 80px 100px 120px;\n      gap: 12px;\n      background: var(--mj-bg-surface-card);\n      padding: 12px 16px;\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    .table-row {\n      display: grid;\n      grid-template-columns: 80px 1fr 120px 100px 100px 80px 100px 120px;\n      gap: 12px;\n      padding: 12px 16px;\n      border-top: 1px solid var(--mj-bg-surface-sunken);\n      cursor: pointer;\n      transition: background 0.2s ease;\n      align-items: center;\n    }\n\n    .table-row:hover {\n      background: var(--mj-bg-surface-card);\n    }\n\n    .table-cell {\n      font-size: 12px;\n      color: var(--mj-text-primary);\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    }\n\n    .type-badge {\n      background: color-mix(in srgb, var(--mj-text-muted) 10%, var(--mj-bg-surface));\n      color: var(--mj-text-muted);\n      padding: 3px 8px;\n      border-radius: 4px;\n      font-size: 10px;\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.3px;\n    }\n\n    .type-badge--prompt {\n      background: color-mix(in srgb, var(--mj-brand-primary) 15%, var(--mj-bg-surface));\n      color: var(--mj-brand-primary);\n    }\n\n    .type-badge--agent {\n      background: color-mix(in srgb, var(--mj-status-success) 15%, var(--mj-bg-surface));\n      color: var(--mj-status-success);\n    }\n\n    .no-data {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      justify-content: center;\n      padding: 60px 20px;\n      color: var(--mj-text-disabled);\n      gap: 16px;\n    }\n\n    .no-data i {\n      font-size: 48px;\n      color: var(--mj-border-default);\n    }\n\n    .no-data p {\n      margin: 0;\n      font-size: 14px;\n    }\n\n    /* Model detail styles */\n    .model-detail {\n      padding: 20px;\n      overflow-y: auto;\n    }\n\n    .model-details {\n      display: flex;\n      flex-direction: column;\n      gap: 24px;\n    }\n\n    .model-info-grid {\n      display: grid;\n      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n      gap: 16px;\n    }\n\n    .info-item {\n      display: flex;\n      flex-direction: column;\n      gap: 6px;\n      padding: 16px;\n      background: var(--mj-bg-surface-card);\n      border-radius: 6px;\n    }\n\n    .info-item label {\n      font-size: 11px;\n      color: var(--mj-text-muted);\n      font-weight: 600;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin: 0;\n    }\n\n    .info-item span {\n      font-size: 14px;\n      color: var(--mj-text-primary);\n      font-weight: 500;\n    }\n\n    .status-indicator {\n      display: inline-flex;\n      align-items: center;\n      gap: 4px;\n      font-size: 12px;\n    }\n\n    .status-indicator.active {\n      color: var(--mj-status-success);\n    }\n\n    .status-indicator.active::before {\n      content: '';\n      width: 6px;\n      height: 6px;\n      background: var(--mj-status-success);\n      border-radius: 50%;\n    }\n\n    .model-description {\n      padding: 20px;\n      background: var(--mj-bg-surface-card);\n      border-radius: 8px;\n    }\n\n    .model-description h5 {\n      margin: 0 0 12px 0;\n      font-size: 14px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n    }\n\n    .model-description p {\n      margin: 0;\n      font-size: 13px;\n      color: var(--mj-text-muted);\n      line-height: 1.5;\n    }\n\n    /* Clickable KPI cards */\n    .clickable {\n      cursor: pointer;\n      transition: transform 0.2s ease, box-shadow 0.2s ease;\n    }\n\n    .clickable:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n    }\n\n    /* Collapsible Panel Styles */\n    .analysis-panels {\n      padding: 12px;\n      height: 100%;\n      overflow-y: auto;\n      background: var(--mj-bg-surface-card);\n    }\n\n    .analysis-panel {\n      margin-bottom: 12px;\n      border-radius: 10px;\n      box-shadow: 0 2px 8px color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n      background: var(--mj-bg-surface);\n      overflow: hidden;\n      border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .analysis-panel:hover {\n      box-shadow: 0 4px 12px color-mix(in srgb, var(--mj-brand-primary) 12%, transparent);\n    }\n\n    .analysis-panel:last-child {\n      margin-bottom: 0;\n    }\n\n    .panel-header {\n      padding: 14px 18px;\n      background: var(--mj-bg-surface-card);\n      border-bottom: 1px solid color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n      cursor: pointer;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .panel-header:hover {\n      background: var(--mj-bg-surface-sunken);\n    }\n\n    .panel-title {\n      display: flex;\n      align-items: center;\n      gap: 10px;\n      font-weight: 600;\n      color: var(--mj-text-primary);\n      font-size: 14px;\n    }\n\n    .panel-title i {\n      color: var(--mj-brand-primary);\n      width: 18px;\n    }\n\n    .panel-toggle-icon {\n      color: var(--mj-brand-primary);\n      font-size: 12px;\n      transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    .panel-content {\n      padding: 18px;\n      border-top: 1px solid color-mix(in srgb, var(--mj-brand-primary) 5%, transparent);\n      animation: slideDown 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n    }\n\n    @keyframes slideDown {\n      from {\n        opacity: 0;\n        max-height: 0;\n      }\n      to {\n        opacity: 1;\n        max-height: 500px;\n      }\n    }\n\n    .live-executions-panel {\n      padding: 0;\n    }\n\n    .live-executions-panel app-live-execution-widget {\n      height: 300px;\n      display: block;\n    }\n\n    /* Responsive Design */\n    @media (max-width: 1200px) {\n      .dashboard-splitter {\n        min-height: 400px;\n      }\n      \n      .table-header,\n      .table-row {\n        grid-template-columns: 60px 1fr 100px 80px 80px 60px 80px 100px;\n        gap: 8px;\n      }\n      \n      .model-info-grid {\n        grid-template-columns: 1fr;\n      }\n      \n      .analysis-panels {\n        padding: 8px;\n      }\n      \n      .analysis-panel {\n        margin-bottom: 8px;\n      }\n    }\n\n    @media (max-width: 768px) {\n      .execution-monitoring {\n        padding: 12px;\n      }\n      \n      .monitoring-header {\n        flex-direction: column;\n        align-items: flex-start;\n      }\n      \n      .monitoring-controls {\n        width: 100%;\n        justify-content: flex-start;\n      }\n      \n      .dashboard-splitter {\n        min-height: 350px;\n      }\n      \n      .kpi-grid {\n        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n      }\n\n      /* Reduce padding on smaller screens */\n      :host ::ng-deep as-split-area > .as-split-area-content {\n        padding: 5px;\n      }\n\n      .tab-header {\n        overflow-x: auto;\n      }\n      \n      .tab-item {\n        min-width: 100px;\n        padding: 6px 12px;\n      }\n      \n      .table-header,\n      .table-row {\n        grid-template-columns: 1fr;\n        gap: 4px;\n        text-align: left;\n      }\n      \n      .table-row {\n        display: block;\n        padding: 16px;\n      }\n      \n      .table-cell {\n        display: block;\n        margin-bottom: 8px;\n      }\n      \n      .table-cell:before {\n        content: attr(data-label) ': ';\n        font-weight: 600;\n        color: var(--mj-text-muted);\n        font-size: 11px;\n        text-transform: uppercase;\n      }\n      \n      .executions-drill-down,\n      .model-detail {\n        padding: 12px;\n      }\n      \n      .panel-content {\n        padding: 12px;\n      }\n      \n      .panel-header {\n        padding: 10px 12px;\n      }\n      \n      .panel-title {\n        font-size: 13px;\n      }\n    }\n  "] }]
     }], () => [{ type: i1.AIInstrumentationService }, { type: i0.ChangeDetectorRef }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ExecutionMonitoringComponent, { className: "ExecutionMonitoringComponent", filePath: "src/AI/components/execution-monitoring.component.ts", lineNumber: 1767 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ExecutionMonitoringComponent, { className: "ExecutionMonitoringComponent", filePath: "src/AI/components/execution-monitoring.component.ts", lineNumber: 1766 }); })();
 //# sourceMappingURL=execution-monitoring.component.js.map