@memberjunction/ng-core-entity-forms 6.1.2 → 6.2.0-edge.0

package/dist/lib/custom/MLModels/ps-model-detail.component.js

@@ -0,0 +1,693 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, Output, inject, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { MJButtonDirective } from '@memberjunction/ng-ui-components';
+import { MJNotificationService } from '@memberjunction/ng-notifications';
+import { PredictiveStudioPromoteModelOperation, } from '@memberjunction/core-entities';
+import { PS_FEATURE_DOMINANCE_THRESHOLD, formatMetricValue, humanizeFeatureName, maxFeatureImportance, metricsToDisplay, overfitGap, parseFeatureImportance, parseMetrics, primaryModelScore, } from './ml-model-view-models';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+const _forTrack0 = ($index, $item) => $item.key;
+const _forTrack1 = ($index, $item) => $item.name;
+function PSModelDetailComponent_Conditional_1_For_19_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 28);
+} }
+function PSModelDetailComponent_Conditional_1_For_19_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const $index_r1 = i0.ɵɵnextContext().$index;
+    i0.ɵɵtextInterpolate1(" ", $index_r1 + 1, " ");
+} }
+function PSModelDetailComponent_Conditional_1_For_19_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 29);
+} }
+function PSModelDetailComponent_Conditional_1_For_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 26)(1, "span", 27);
+    i0.ɵɵconditionalCreate(2, PSModelDetailComponent_Conditional_1_For_19_Conditional_2_Template, 1, 0, "i", 28)(3, PSModelDetailComponent_Conditional_1_For_19_Conditional_3_Template, 1, 1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(5, PSModelDetailComponent_Conditional_1_For_19_Conditional_5_Template, 1, 0, "span", 29);
+} if (rf & 2) {
+    const step_r2 = ctx.$implicit;
+    const ɵ$index_35_r3 = ctx.$index;
+    const ɵ$count_35_r4 = ctx.$count;
+    const ctx_r4 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("done", ctx_r4.stepState(step_r2) === "done")("curr", ctx_r4.stepState(step_r2) === "curr");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r4.stepState(step_r2) === "done" ? 2 : 3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", step_r2, " ");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!(ɵ$index_35_r3 === ɵ$count_35_r4 - 1) ? 5 : -1);
+} }
+function PSModelDetailComponent_Conditional_1_Conditional_44_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 30)(1, "span", 16);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "strong");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const s_r6 = ctx.$implicit;
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(s_r6.label);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(s_r6.value);
+} }
+function PSModelDetailComponent_Conditional_1_Conditional_44_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 21);
+    i0.ɵɵrepeaterCreate(1, PSModelDetailComponent_Conditional_1_Conditional_44_For_2_Template, 5, 2, "div", 30, _forTrack0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r4.secondaryMetrics);
+} }
+function PSModelDetailComponent_Conditional_1_Conditional_45_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 22);
+    i0.ɵɵtext(1, "No secondary metrics recorded for this model.");
+    i0.ɵɵelementEnd();
+} }
+function PSModelDetailComponent_Conditional_1_Conditional_46_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 14);
+    i0.ɵɵtext(1, " Train\u2013holdout gap of ");
+    i0.ɵɵelementStart(2, "strong");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r4.gapText);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r4.gapVerdict, ". ");
+} }
+function PSModelDetailComponent_Conditional_1_Conditional_54_For_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 31)(1, "span", 32);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 33);
+    i0.ɵɵelement(4, "span");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 34);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const f_r7 = ctx.$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("title", f_r7.name);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(f_r7.name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵstyleProp("width", f_r7.pct, "%");
+    i0.ɵɵclassProp("warn", f_r7.warning);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(f_r7.value);
+} }
+function PSModelDetailComponent_Conditional_1_Conditional_54_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, PSModelDetailComponent_Conditional_1_Conditional_54_For_1_Template, 7, 7, "div", 31, _forTrack1);
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext(2);
+    i0.ɵɵrepeater(ctx_r4.importance);
+} }
+function PSModelDetailComponent_Conditional_1_Conditional_55_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 23);
+    i0.ɵɵtext(1, "No feature-importance data was recorded for this model.");
+    i0.ɵɵelementEnd();
+} }
+function PSModelDetailComponent_Conditional_1_Conditional_56_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "strong");
+    i0.ɵɵtext(1, "Leakage flag raised.");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(2, " A single feature dominates \u2014 top importance is ");
+    i0.ɵɵelementStart(3, "strong");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(5, ", at/above the ");
+    i0.ɵɵelementStart(6, "strong");
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(8, " dominance threshold. ");
+    i0.ɵɵelementStart(9, "div", 36);
+    i0.ɵɵelement(10, "i", 37);
+    i0.ɵɵtext(11, " Sign-off with a reason is required to publish this model. ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate2("", ctx_r4.topFeatureName, " at ", ctx_r4.topFeatureValue);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r4.dominanceThreshold);
+} }
+function PSModelDetailComponent_Conditional_1_Conditional_56_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "strong");
+    i0.ɵɵtext(1, "Leakage gate clear.");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(2, " No single feature dominates \u2014 top importance is ");
+    i0.ɵɵelementStart(3, "strong");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(5, ", below the ");
+    i0.ɵɵelementStart(6, "strong");
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(8, " dominance threshold. ");
+    i0.ɵɵelementStart(9, "div", 36);
+    i0.ɵɵelement(10, "i", 28);
+    i0.ɵɵtext(11, " Sign-off required before any Validated \u2192 Published promotion. ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate2("", ctx_r4.topFeatureName, " at ", ctx_r4.topFeatureValue);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r4.dominanceThreshold);
+} }
+function PSModelDetailComponent_Conditional_1_Conditional_56_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 35);
+    i0.ɵɵelement(1, "i");
+    i0.ɵɵelementStart(2, "div");
+    i0.ɵɵconditionalCreate(3, PSModelDetailComponent_Conditional_1_Conditional_56_Conditional_3_Template, 12, 3)(4, PSModelDetailComponent_Conditional_1_Conditional_56_Conditional_4_Template, 12, 3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext(2);
+    i0.ɵɵclassProp("success", !ctx_r4.leakageFlagged)("warn", ctx_r4.leakageFlagged);
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(ctx_r4.leakageFlagged ? "fa-solid fa-triangle-exclamation" : "fa-solid fa-shield-halved");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r4.leakageFlagged ? 3 : 4);
+} }
+function PSModelDetailComponent_Conditional_1_Conditional_57_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 43);
+    i0.ɵɵlistener("click", function PSModelDetailComponent_Conditional_1_Conditional_57_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r4 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r4.requestPromote("Validated")); });
+    i0.ɵɵelement(1, "i", 44);
+    i0.ɵɵtext(2, " Mark Validated ");
+    i0.ɵɵelementEnd();
+} }
+function PSModelDetailComponent_Conditional_1_Conditional_57_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 45);
+    i0.ɵɵlistener("click", function PSModelDetailComponent_Conditional_1_Conditional_57_Conditional_5_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r9); const ctx_r4 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r4.requestPromote("Published")); });
+    i0.ɵɵelement(1, "i", 46);
+    i0.ɵɵtext(2, " Promote to Published ");
+    i0.ɵɵelementEnd();
+} }
+function PSModelDetailComponent_Conditional_1_Conditional_57_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 47);
+    i0.ɵɵlistener("click", function PSModelDetailComponent_Conditional_1_Conditional_57_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r4 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r4.requestPromote("Archived")); });
+    i0.ɵɵelement(1, "i", 48);
+    i0.ɵɵtext(2, " Archive ");
+    i0.ɵɵelementEnd();
+} }
+function PSModelDetailComponent_Conditional_1_Conditional_57_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2)(1, "div", 38)(2, "span", 39);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(4, PSModelDetailComponent_Conditional_1_Conditional_57_Conditional_4_Template, 3, 0, "button", 40);
+    i0.ɵɵconditionalCreate(5, PSModelDetailComponent_Conditional_1_Conditional_57_Conditional_5_Template, 3, 0, "button", 41);
+    i0.ɵɵconditionalCreate(6, PSModelDetailComponent_Conditional_1_Conditional_57_Conditional_6_Template, 3, 0, "button", 42);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r4.actionHint);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r4.canValidate ? 4 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r4.canPublish ? 5 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r4.canArchive ? 6 : -1);
+} }
+function PSModelDetailComponent_Conditional_1_Conditional_58_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 55)(1, "label");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "textarea", 62);
+    i0.ɵɵtwoWayListener("ngModelChange", function PSModelDetailComponent_Conditional_1_Conditional_58_Conditional_9_Template_textarea_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r4 = i0.ɵɵnextContext(3); i0.ɵɵtwoWayBindingSet(ctx_r4.pendingReason, $event) || (ctx_r4.pendingReason = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate2(" ", ctx_r4.pending.leakageFlagged ? "Leakage sign-off reason" : "Reason (optional)", " ", ctx_r4.pending.leakageFlagged ? " *" : "", " ");
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r4.pendingReason);
+    i0.ɵɵproperty("placeholder", ctx_r4.pending.leakageFlagged ? "Explain why this model is safe to publish despite the leakage flag\u2026" : "Add an optional note for the record\u2026")("disabled", ctx_r4.busy);
+} }
+function PSModelDetailComponent_Conditional_1_Conditional_58_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 58);
+} }
+function PSModelDetailComponent_Conditional_1_Conditional_58_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i");
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassMap(ctx_r4.pendingIcon);
+} }
+function PSModelDetailComponent_Conditional_1_Conditional_58_Template(rf, ctx) { if (rf & 1) {
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 49);
+    i0.ɵɵlistener("click", function PSModelDetailComponent_Conditional_1_Conditional_58_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r4 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r4.cancelPromote()); });
+    i0.ɵɵelementStart(1, "div", 50);
+    i0.ɵɵlistener("click", function PSModelDetailComponent_Conditional_1_Conditional_58_Template_div_click_1_listener($event) { return $event.stopPropagation(); });
+    i0.ɵɵelementStart(2, "div", 51)(3, "span", 52);
+    i0.ɵɵelement(4, "i");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "h3");
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "div", 53);
+    i0.ɵɵelement(8, "div", 54);
+    i0.ɵɵconditionalCreate(9, PSModelDetailComponent_Conditional_1_Conditional_58_Conditional_9_Template, 4, 5, "div", 55);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "div", 56)(11, "button", 57);
+    i0.ɵɵlistener("click", function PSModelDetailComponent_Conditional_1_Conditional_58_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r11); const ctx_r4 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r4.confirmPromote(ctx_r4.pendingReason.trim())); });
+    i0.ɵɵconditionalCreate(12, PSModelDetailComponent_Conditional_1_Conditional_58_Conditional_12_Template, 1, 0, "i", 58)(13, PSModelDetailComponent_Conditional_1_Conditional_58_Conditional_13_Template, 1, 2, "i", 59);
+    i0.ɵɵtext(14);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(15, "span", 60);
+    i0.ɵɵelementStart(16, "button", 61);
+    i0.ɵɵlistener("click", function PSModelDetailComponent_Conditional_1_Conditional_58_Template_button_click_16_listener() { i0.ɵɵrestoreView(_r11); const ctx_r4 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r4.cancelPromote()); });
+    i0.ɵɵtext(17, " Cancel ");
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("warn", ctx_r4.pendingVariant === "warn")("danger", ctx_r4.pendingVariant === "danger");
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r4.pendingIcon);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r4.pendingTitle);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("innerHTML", ctx_r4.pendingMessage, i0.ɵɵsanitizeHtml);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r4.pending.leakageFlagged || ctx_r4.pending.targetStatus === "Archived" ? 9 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("variant", ctx_r4.pendingVariant === "danger" ? "danger" : "primary")("disabled", ctx_r4.busy || ctx_r4.pending.leakageFlagged && !ctx_r4.pendingReason.trim());
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r4.busy ? 12 : 13);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r4.pendingConfirmLabel, " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r4.busy);
+} }
+function PSModelDetailComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2)(1, "div", 3)(2, "div", 4);
+    i0.ɵɵelement(3, "i", 5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 6)(5, "h2", 7);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementStart(7, "span", 8);
+    i0.ɵɵtext(8);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(9, "div", 9);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(11, "span", 10);
+    i0.ɵɵtext(12);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(13, "div", 2)(14, "div", 11)(15, "div", 12);
+    i0.ɵɵtext(16, "Lifecycle");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "div", 13);
+    i0.ɵɵrepeaterCreate(18, PSModelDetailComponent_Conditional_1_For_19_Template, 6, 7, null, null, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(20, "div", 14);
+    i0.ɵɵtext(21, " Models are immutable once registered; promotion only changes lifecycle state, never weights. ");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(22, "div", 2)(23, "div", 15)(24, "h3");
+    i0.ɵɵtext(25, "Performance");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(26, "span", 16);
+    i0.ɵɵtext(27, "Holdout = held-out test fold, never seen in training");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(28, "div", 11)(29, "div", 17)(30, "div", 18)(31, "div", 12);
+    i0.ɵɵtext(32);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(33, "div", 19);
+    i0.ɵɵtext(34);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(35, "div", 16);
+    i0.ɵɵtext(36, "in-sample \u2022 optimistic");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(37, "div", 20)(38, "div", 12);
+    i0.ɵɵtext(39);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(40, "div", 19);
+    i0.ɵɵtext(41);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(42, "div", 16);
+    i0.ɵɵtext(43, "out-of-sample \u2022 the honest number");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵconditionalCreate(44, PSModelDetailComponent_Conditional_1_Conditional_44_Template, 3, 0, "div", 21)(45, PSModelDetailComponent_Conditional_1_Conditional_45_Template, 2, 0, "div", 22);
+    i0.ɵɵconditionalCreate(46, PSModelDetailComponent_Conditional_1_Conditional_46_Template, 5, 2, "div", 14);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(47, "div", 2)(48, "div", 15)(49, "h3");
+    i0.ɵɵtext(50, "Feature Importance");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(51, "span", 16);
+    i0.ɵɵtext(52);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(53, "div", 11);
+    i0.ɵɵconditionalCreate(54, PSModelDetailComponent_Conditional_1_Conditional_54_Template, 2, 0)(55, PSModelDetailComponent_Conditional_1_Conditional_55_Template, 2, 0, "div", 23);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(56, PSModelDetailComponent_Conditional_1_Conditional_56_Template, 5, 7, "div", 24);
+    i0.ɵɵconditionalCreate(57, PSModelDetailComponent_Conditional_1_Conditional_57_Template, 7, 4, "div", 2);
+    i0.ɵɵconditionalCreate(58, PSModelDetailComponent_Conditional_1_Conditional_58_Template, 18, 14, "div", 25);
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate1(" ", ctx_r4.modelDisplayName, " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("v", ctx_r4.model.Version);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate2(" ", ctx_r4.model.Algorithm || "Model", "", ctx_r4.targetSuffix, " \u2022 immutable snapshot ");
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(ctx_r4.statusBadgeClass(ctx_r4.model.Status));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r4.model.Status);
+    i0.ɵɵadvance(6);
+    i0.ɵɵrepeater(ctx_r4.lifecycleSteps);
+    i0.ɵɵadvance(14);
+    i0.ɵɵtextInterpolate1("Train ", ctx_r4.primaryScoreLabel);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r4.trainPrimaryScore);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate1("Holdout ", ctx_r4.primaryScoreLabel);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r4.holdoutPrimaryScore);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r4.secondaryMetrics.length > 0 ? 44 : 45);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r4.gapText ? 46 : -1);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(ctx_r4.importanceCaption);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r4.importance.length > 0 ? 54 : 55);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r4.importance.length > 0 ? 56 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r4.showActions ? 57 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r4.pending ? 58 : -1);
+} }
+function PSModelDetailComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1)(1, "span", 63);
+    i0.ɵɵelement(2, "i", 5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "h3");
+    i0.ɵɵtext(4, "No Model Selected");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "p", 64);
+    i0.ɵɵtext(6, "Select an ML Model from the list to inspect its configuration and metrics.");
+    i0.ɵɵelementEnd()();
+} }
+/**
+ * **PSModelDetailComponent** — Unified enterprise component for inspecting, evaluating,
+ * and promoting versioned ML Models. Shared between:
+ *   1. **Predictive Studio Model Registry** (`PSRegistryComponent`)
+ *   2. **Custom Entity Form for `MJ: ML Models`** (`MLModelFormComponentExtended`)
+ *
+ * Renders:
+ *   - Identity & immutable snapshot badge
+ *   - Progressive 4-stage lifecycle stepper (Draft → Validated → Published → Archived)
+ *   - In-sample train vs out-of-sample holdout performance cards and overfit gap check
+ *   - Key feature importance rankings with single-feature dominance warnings
+ *   - Target leakage gate verification and required sign-off rationale capture
+ *   - Remote Operation lifecycle promotion (Validate, Publish, Archive)
+ */
+export class PSModelDetailComponent {
+    constructor() {
+        this.model = null;
+        this.provider = null;
+        this.currentUser = null;
+        this.showActions = true;
+        this.statusChanged = new EventEmitter();
+        this.cdr = inject(ChangeDetectorRef);
+        this.notifications = inject(MJNotificationService);
+        this.lifecycleSteps = ['Draft', 'Validated', 'Published', 'Archived'];
+        this.dominanceThreshold = PS_FEATURE_DOMINANCE_THRESHOLD.toFixed(2);
+        this.pending = null;
+        this.pendingReason = '';
+        this.busy = false;
+    }
+    get modelDisplayName() {
+        if (this.displayName)
+            return this.displayName;
+        if (!this.model)
+            return '';
+        return this.model.Pipeline || (this.model.Algorithm ? `${this.model.Algorithm} Model` : 'ML Model');
+    }
+    // ── Badges & Lifecycle Stepper ──
+    statusBadgeClass(status) {
+        switch ((status ?? '').toLowerCase()) {
+            case 'published':
+                return 'green';
+            case 'validated':
+                return 'blue';
+            case 'draft':
+                return 'amber';
+            case 'archived':
+                return 'gray';
+            default:
+                return 'gray';
+        }
+    }
+    stepState(step) {
+        const order = ['Draft', 'Validated', 'Published', 'Archived'];
+        const currIdx = order.indexOf(this.model?.Status ?? 'Draft');
+        const stepIdx = order.indexOf(step);
+        if (stepIdx < currIdx)
+            return 'done';
+        if (stepIdx === currIdx)
+            return 'curr';
+        return 'todo';
+    }
+    get targetSuffix() {
+        const target = this.model?.TargetVariable;
+        return target ? ` · predicts ${target}` : '';
+    }
+    // ── Metrics & Performance Derivations ──
+    get primaryScoreLabel() {
+        if (!this.model)
+            return 'Score';
+        const score = primaryModelScore(this.model);
+        return score?.label ?? 'AUC';
+    }
+    get trainPrimaryScore() {
+        if (!this.model)
+            return '—';
+        const score = primaryModelScore(this.model);
+        const trainMetrics = parseMetrics(this.model.Metrics);
+        if (score && trainMetrics[score.key] != null) {
+            return formatMetricValue(score.key, trainMetrics[score.key]);
+        }
+        return trainMetrics.AUC != null ? trainMetrics.AUC.toFixed(3) : '—';
+    }
+    get holdoutPrimaryScore() {
+        if (!this.model)
+            return '—';
+        const score = primaryModelScore(this.model);
+        const holdoutMetrics = parseMetrics(this.model.HoldoutMetrics);
+        if (score && holdoutMetrics[score.key] != null) {
+            return formatMetricValue(score.key, holdoutMetrics[score.key]);
+        }
+        return holdoutMetrics.AUC != null ? holdoutMetrics.AUC.toFixed(3) : '—';
+    }
+    get secondaryMetrics() {
+        if (!this.model)
+            return [];
+        const score = primaryModelScore(this.model);
+        const primaryKey = score?.key;
+        const holdout = metricsToDisplay(parseMetrics(this.model.HoldoutMetrics), { excludeAuc: false });
+        const all = holdout.length > 0 ? holdout : metricsToDisplay(parseMetrics(this.model.Metrics), { excludeAuc: false });
+        return primaryKey ? all.filter((m) => m.key !== primaryKey) : all.filter((m) => m.key !== 'AUC');
+    }
+    get gapText() {
+        if (!this.model)
+            return '';
+        const gap = overfitGap(this.model);
+        return gap == null ? '' : Math.abs(gap).toFixed(3);
+    }
+    get gapVerdict() {
+        if (!this.model)
+            return '';
+        const gap = overfitGap(this.model);
+        if (gap == null)
+            return '';
+        return gap > 0.1 ? 'is wide — watch for overfitting' : 'is within tolerance — no overfitting flag';
+    }
+    // ── Feature Importance & Leakage Gate ──
+    get importance() {
+        if (!this.model)
+            return [];
+        return parseFeatureImportance(this.model.FeatureImportance, 6).map((b) => ({
+            ...b,
+            name: humanizeFeatureName(b.name),
+        }));
+    }
+    get importanceCaption() {
+        const n = this.importance.length;
+        return n === 0 ? 'no data' : `normalized · top ${n}`;
+    }
+    get topFeatureName() {
+        return this.importance[0]?.name ?? '—';
+    }
+    get topFeatureValue() {
+        return this.importance[0]?.value ?? '—';
+    }
+    get leakageFlagged() {
+        if (!this.model)
+            return false;
+        const max = maxFeatureImportance(this.model.FeatureImportance);
+        return max != null && max >= PS_FEATURE_DOMINANCE_THRESHOLD;
+    }
+    // ── Actions & Promotion Flow ──
+    get canValidate() {
+        return this.model?.Status === 'Draft';
+    }
+    get canPublish() {
+        return this.model?.Status === 'Validated';
+    }
+    get canArchive() {
+        return this.model?.Status === 'Published' || this.model?.Status === 'Validated';
+    }
+    get actionHint() {
+        switch (this.model?.Status) {
+            case 'Draft':
+                return 'Verify metrics and feature importance before validating or publishing.';
+            case 'Validated':
+                return 'Validated and sign-off clear. Ready to promote to production serving.';
+            case 'Published':
+                return 'Active in production serving. Archiving will detach live predictions.';
+            case 'Archived':
+                return 'Archived snapshot. Preserved for governance and historical auditing.';
+            default:
+                return '';
+        }
+    }
+    requestPromote(targetStatus) {
+        if (!this.model)
+            return;
+        this.pendingReason = '';
+        this.pending = {
+            modelId: this.model.ID,
+            modelName: `${this.modelDisplayName} v${this.model.Version}`,
+            targetStatus,
+            leakageFlagged: this.leakageFlagged && targetStatus !== 'Archived',
+        };
+        this.cdr.markForCheck();
+    }
+    cancelPromote() {
+        if (this.busy)
+            return;
+        this.pending = null;
+        this.pendingReason = '';
+        this.cdr.markForCheck();
+    }
+    get pendingTitle() {
+        if (!this.pending)
+            return '';
+        return this.pending.targetStatus === 'Archived' ? 'Archive model' : `Promote to ${this.pending.targetStatus}`;
+    }
+    get pendingIcon() {
+        if (!this.pending)
+            return 'fa-solid fa-check';
+        return this.pending.targetStatus === 'Archived' ? 'fa-solid fa-box-archive' : 'fa-solid fa-arrow-up';
+    }
+    get pendingConfirmLabel() {
+        if (!this.pending)
+            return 'Confirm';
+        return this.pending.targetStatus === 'Archived' ? 'Archive' : `Promote to ${this.pending.targetStatus}`;
+    }
+    get pendingVariant() {
+        if (!this.pending)
+            return 'info';
+        if (this.pending.targetStatus === 'Archived')
+            return 'warn';
+        return this.pending.leakageFlagged ? 'warn' : 'info';
+    }
+    get pendingMessage() {
+        if (!this.pending)
+            return '';
+        const name = this.escapeHtml(this.pending.modelName);
+        if (this.pending.targetStatus === 'Archived') {
+            return `Archive <strong>${name}</strong>? This detaches any active scoring bindings and removes it from production scoring. The model artifact remains immutable and recoverable.`;
+        }
+        if (this.pending.leakageFlagged) {
+            return `<strong>${name}</strong> is flagged for possible target leakage. Publishing requires an explicit sign-off — confirm you understand the risk and provide a reason below.`;
+        }
+        return `Promote <strong>${name}</strong> to <strong>${this.pending.targetStatus}</strong>? This changes only the lifecycle state — the trained weights never change.`;
+    }
+    async confirmPromote(reason) {
+        if (!this.pending || this.busy || !this.model)
+            return;
+        this.busy = true;
+        this.cdr.markForCheck();
+        const { modelId, modelName, targetStatus, leakageFlagged } = this.pending;
+        try {
+            const op = new PredictiveStudioPromoteModelOperation();
+            const result = await op.Execute({
+                modelId,
+                targetStatus,
+                signOff: leakageFlagged ? true : undefined,
+                reason: reason || undefined,
+            }, { provider: this.provider ?? undefined, user: this.currentUser ?? undefined });
+            if (result.Success && result.Output?.promoted) {
+                const newStatus = result.Output.status;
+                this.model.Status = newStatus;
+                this.notifications.CreateSimpleNotification(`${modelName} → ${newStatus}`, 'success', 3500);
+                this.statusChanged.emit({ modelId, newStatus });
+                this.pending = null;
+                this.pendingReason = '';
+            }
+            else {
+                this.notifications.CreateSimpleNotification(result.ErrorMessage || `Could not promote ${modelName} (status: ${result.Output?.status ?? 'unchanged'}).`, 'error', 5000);
+            }
+        }
+        catch (e) {
+            this.notifications.CreateSimpleNotification(`Promotion failed: ${e instanceof Error ? e.message : String(e)}`, 'error', 5000);
+        }
+        finally {
+            this.busy = false;
+            this.cdr.markForCheck();
+        }
+    }
+    escapeHtml(value) {
+        return value
+            .replace(/&/g, '&amp;')
+            .replace(/</g, '&lt;')
+            .replace(/>/g, '&gt;')
+            .replace(/"/g, '&quot;');
+    }
+    static { this.ɵfac = function PSModelDetailComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PSModelDetailComponent)(); }; }
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PSModelDetailComponent, selectors: [["ps-model-detail"]], inputs: { model: "model", provider: "provider", currentUser: "currentUser", showActions: "showActions", displayName: "displayName" }, outputs: { statusChanged: "statusChanged" }, decls: 3, vars: 1, consts: [["data-testid", "ps-model-detail", 1, "ps-model-detail"], [1, "ps-empty", 2, "padding", "32px", "text-align", "center"], [1, "ps-card"], [1, "ps-card-body", "dh"], [1, "big-ico"], [1, "fa-solid", "fa-cube"], [2, "flex", "1", "min-width", "0"], ["data-testid", "ps-registry-detail-name"], [1, "ps-tag", "ps-mono"], [1, "ps-muted", "ps-small", "sub"], [1, "ps-badge"], [1, "ps-card-body"], [1, "ps-section-title"], [1, "ps-stepper"], [1, "ps-small", "ps-muted", 2, "margin-top", "10px"], [1, "ps-card-head"], [1, "ps-muted", "ps-small"], [1, "metric-pair"], [1, "mtile"], [1, "v"], [1, "mtile", "honest"], [1, "stat-bar"], [1, "ps-small", "ps-muted", 2, "margin-top", "6px"], [1, "ps-small", "ps-muted"], [1, "ps-callout", "gate", 3, "success", "warn"], [1, "ps-modal-backdrop"], [1, "ps-step"], [1, "pip"], [1, "fa-solid", "fa-check"], [1, "ln"], [1, "b"], [1, "ps-fbar"], [1, "name", "ps-small", 3, "title"], [1, "track"], [1, "ps-mono"], [1, "ps-callout", "gate"], [1, "ps-small", 2, "margin-top", "6px"], [1, "fa-solid", "fa-pen"], [1, "ps-card-body", "ps-row", 2, "align-items", "center", "flex-wrap", "wrap", "gap", "8px"], [1, "ps-muted", "ps-small", 2, "flex", "1"], ["mjButton", "", "variant", "secondary", "size", "sm", "data-testid", "ps-registry-validate"], ["mjButton", "", "variant", "primary", "size", "sm", "data-testid", "ps-registry-promote"], ["mjButton", "", "variant", "secondary", "size", "sm", "data-testid", "ps-registry-archive"], ["mjButton", "", "variant", "secondary", "size", "sm", "data-testid", "ps-registry-validate", 3, "click"], [1, "fa-solid", "fa-circle-check"], ["mjButton", "", "variant", "primary", "size", "sm", "data-testid", "ps-registry-promote", 3, "click"], [1, "fa-solid", "fa-arrow-up"], ["mjButton", "", "variant", "secondary", "size", "sm", "data-testid", "ps-registry-archive", 3, "click"], [1, "fa-solid", "fa-box-archive"], [1, "ps-modal-backdrop", 3, "click"], ["data-testid", "ps-confirm-modal", 1, "ps-modal", 3, "click"], [1, "ps-modal-head"], [1, "ico"], [1, "ps-modal-body"], [3, "innerHTML"], [1, "ps-field", 2, "margin-top", "12px"], [1, "ps-modal-foot"], ["mjButton", "", "size", "sm", 3, "click", "variant", "disabled"], [1, "fa-solid", "fa-circle-notch", "fa-spin"], [3, "class"], [1, "ps-spacer", 2, "flex", "1"], ["mjButton", "", "variant", "secondary", "size", "sm", 3, "click", "disabled"], ["rows", "3", 1, "ps-input", 3, "ngModelChange", "ngModel", "placeholder", "disabled"], [1, "ps-empty-ico"], [1, "ps-muted"]], template: function PSModelDetailComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵconditionalCreate(1, PSModelDetailComponent_Conditional_1_Template, 59, 18)(2, PSModelDetailComponent_Conditional_2_Template, 7, 0, "div", 1);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.model ? 1 : 2);
+        } }, dependencies: [CommonModule, FormsModule, i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgModel, MJButtonDirective], styles: ["\n\n.ps-model-detail[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  width: 100%;\n  color: var(--mj-text-primary);\n  background: transparent;\n  font-family: inherit;\n}\n\n\n.ps-model-detail[_ngcontent-%COMP%]   .ps-row[_ngcontent-%COMP%] { display: flex; gap: 16px; }\n.ps-model-detail[_ngcontent-%COMP%]   .ps-col[_ngcontent-%COMP%] { display: flex; flex-direction: column; gap: 16px; }\n.ps-model-detail[_ngcontent-%COMP%]   .ps-spacer[_ngcontent-%COMP%] { flex: 1; }\n.ps-model-detail[_ngcontent-%COMP%]   .ps-muted[_ngcontent-%COMP%] { color: var(--mj-text-muted); }\n.ps-model-detail[_ngcontent-%COMP%]   .ps-small[_ngcontent-%COMP%] { font-size: 12.5px; }\n.ps-model-detail[_ngcontent-%COMP%]   .ps-mono[_ngcontent-%COMP%] { font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace; font-size: 12.5px; }\n.ps-model-detail[_ngcontent-%COMP%]   .ps-section-title[_ngcontent-%COMP%] {\n  font-size: 12px;\n  text-transform: uppercase;\n  letter-spacing: .06em;\n  color: var(--mj-text-muted);\n  margin: 4px 0 2px;\n  font-weight: 700;\n}\n\n\n.ps-model-detail[_ngcontent-%COMP%]   .ps-card[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  overflow: hidden;\n}\n.ps-model-detail[_ngcontent-%COMP%]   .ps-card-head[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 14px 16px;\n  border-bottom: 1px solid var(--mj-border-subtle, var(--mj-border-default));\n}\n.ps-model-detail[_ngcontent-%COMP%]   .ps-card-head[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  font-size: 14.5px;\n  margin: 0;\n  font-weight: 650;\n  color: var(--mj-text-primary);\n}\n.ps-model-detail[_ngcontent-%COMP%]   .ps-card-body[_ngcontent-%COMP%] {\n  padding: 16px;\n}\n\n\n.ps-model-detail[_ngcontent-%COMP%]   .ps-badge[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  padding: 3px 10px;\n  border-radius: 999px;\n  font-size: 11.5px;\n  font-weight: 650;\n  line-height: 1.5;\n}\n.ps-model-detail[_ngcontent-%COMP%]   .ps-badge.gray[_ngcontent-%COMP%] { background: var(--mj-bg-surface-sunken, #f3f4f6); color: var(--mj-text-secondary); }\n.ps-model-detail[_ngcontent-%COMP%]   .ps-badge.blue[_ngcontent-%COMP%] { background: var(--mj-status-info-bg, #eff6ff); color: var(--mj-status-info-text, #1d4ed8); }\n.ps-model-detail[_ngcontent-%COMP%]   .ps-badge.green[_ngcontent-%COMP%] { background: var(--mj-status-success-bg, #f0fdf4); color: var(--mj-status-success-text, #15803d); }\n.ps-model-detail[_ngcontent-%COMP%]   .ps-badge.amber[_ngcontent-%COMP%] { background: var(--mj-status-warning-bg, #fffbeb); color: var(--mj-status-warning-text, #b45309); }\n.ps-model-detail[_ngcontent-%COMP%]   .ps-badge.red[_ngcontent-%COMP%] { background: var(--mj-status-error-bg, #fef2f2); color: var(--mj-status-error-text, #b91c1c); }\n\n.ps-model-detail[_ngcontent-%COMP%]   .ps-tag[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 7px;\n  border-radius: 4px;\n  font-size: 11px;\n  font-weight: 600;\n  background: var(--mj-bg-surface-sunken, #f3f4f6);\n  color: var(--mj-text-secondary);\n}\n\n\n.ps-model-detail[_ngcontent-%COMP%]   .dh[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n}\n.ps-model-detail[_ngcontent-%COMP%]   .big-ico[_ngcontent-%COMP%] {\n  width: 48px;\n  height: 48px;\n  border-radius: 12px;\n  display: grid;\n  place-items: center;\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  font-size: 20px;\n  flex: 0 0 auto;\n}\n.ps-model-detail[_ngcontent-%COMP%]   .dh[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%] {\n  font-size: 18px;\n  color: var(--mj-text-primary);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 0;\n  font-weight: 700;\n}\n.ps-model-detail[_ngcontent-%COMP%]   .dh[_ngcontent-%COMP%]   .sub[_ngcontent-%COMP%] {\n  margin-top: 2px;\n}\n\n\n.ps-model-detail[_ngcontent-%COMP%]   .ps-stepper[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 8px;\n  flex-wrap: wrap;\n}\n.ps-model-detail[_ngcontent-%COMP%]   .ps-step[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--mj-text-muted);\n}\n.ps-model-detail[_ngcontent-%COMP%]   .ps-step.curr[_ngcontent-%COMP%] {\n  color: var(--mj-text-primary);\n}\n.ps-model-detail[_ngcontent-%COMP%]   .ps-step.done[_ngcontent-%COMP%] {\n  color: var(--mj-status-success, #15803d);\n}\n.ps-model-detail[_ngcontent-%COMP%]   .ps-step[_ngcontent-%COMP%]   .pip[_ngcontent-%COMP%] {\n  width: 22px;\n  height: 22px;\n  border-radius: 50%;\n  display: grid;\n  place-items: center;\n  font-size: 11px;\n  border: 1.5px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n}\n.ps-model-detail[_ngcontent-%COMP%]   .ps-step.curr[_ngcontent-%COMP%]   .pip[_ngcontent-%COMP%] {\n  border-color: var(--mj-brand-primary);\n  color: var(--mj-brand-primary);\n  font-weight: 700;\n}\n.ps-model-detail[_ngcontent-%COMP%]   .ps-step.done[_ngcontent-%COMP%]   .pip[_ngcontent-%COMP%] {\n  background: var(--mj-status-success, #15803d);\n  border-color: var(--mj-status-success, #15803d);\n  color: var(--mj-text-inverse);\n}\n.ps-model-detail[_ngcontent-%COMP%]   .ps-stepper[_ngcontent-%COMP%]   .ln[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 16px;\n  height: 2px;\n  background: var(--mj-border-default);\n}\n\n\n.ps-model-detail[_ngcontent-%COMP%]   .metric-pair[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 12px;\n}\n@media (max-width: 640px) {\n  .ps-model-detail[_ngcontent-%COMP%]   .metric-pair[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n  }\n}\n.ps-model-detail[_ngcontent-%COMP%]   .mtile[_ngcontent-%COMP%] {\n  border: 1px solid var(--mj-border-default);\n  border-radius: 9px;\n  padding: 14px;\n  background: var(--mj-bg-surface);\n}\n.ps-model-detail[_ngcontent-%COMP%]   .mtile[_ngcontent-%COMP%]   .v[_ngcontent-%COMP%] {\n  font-size: 28px;\n  font-weight: 720;\n  color: var(--mj-text-primary);\n  letter-spacing: -.02em;\n}\n.ps-model-detail[_ngcontent-%COMP%]   .mtile.honest[_ngcontent-%COMP%] {\n  border-color: var(--mj-brand-primary);\n  background: color-mix(in srgb, var(--mj-brand-primary) 6%, var(--mj-bg-surface));\n}\n.ps-model-detail[_ngcontent-%COMP%]   .mtile.honest[_ngcontent-%COMP%]   .v[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.ps-model-detail[_ngcontent-%COMP%]   .stat-bar[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 10px;\n  margin-top: 14px;\n  flex-wrap: wrap;\n}\n.ps-model-detail[_ngcontent-%COMP%]   .stat-bar[_ngcontent-%COMP%]   .b[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  padding: 8px 12px;\n  border: 1px solid var(--mj-border-subtle, var(--mj-border-default));\n  border-radius: 8px;\n  flex: 1;\n  min-width: 90px;\n}\n.ps-model-detail[_ngcontent-%COMP%]   .stat-bar[_ngcontent-%COMP%]   .b[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] {\n  color: var(--mj-text-primary);\n  font-size: 15px;\n}\n\n\n.ps-model-detail[_ngcontent-%COMP%]   .ps-fbar[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 8px;\n}\n.ps-model-detail[_ngcontent-%COMP%]   .ps-fbar[_ngcontent-%COMP%]   .name[_ngcontent-%COMP%] {\n  width: 170px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex-shrink: 0;\n  color: var(--mj-text-secondary);\n}\n.ps-model-detail[_ngcontent-%COMP%]   .ps-fbar[_ngcontent-%COMP%]   .track[_ngcontent-%COMP%] {\n  flex: 1;\n  height: 8px;\n  background: var(--mj-bg-surface-sunken, #f3f4f6);\n  border-radius: 999px;\n  overflow: hidden;\n}\n.ps-model-detail[_ngcontent-%COMP%]   .ps-fbar[_ngcontent-%COMP%]   .track[_ngcontent-%COMP%]   span[_ngcontent-%COMP%] {\n  display: block;\n  height: 100%;\n  background: var(--mj-brand-primary);\n  border-radius: 999px;\n}\n.ps-model-detail[_ngcontent-%COMP%]   .ps-fbar[_ngcontent-%COMP%]   .track[_ngcontent-%COMP%]   span.warn[_ngcontent-%COMP%] {\n  background: var(--mj-status-warning, #d98213);\n}\n\n\n.ps-model-detail[_ngcontent-%COMP%]   .ps-callout[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 12px;\n  padding: 14px 16px;\n  border-radius: 8px;\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n}\n.ps-model-detail[_ngcontent-%COMP%]   .ps-callout.gate[_ngcontent-%COMP%] {\n  align-items: flex-start;\n}\n.ps-model-detail[_ngcontent-%COMP%]   .ps-callout.gate[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 20px;\n  margin-top: 2px;\n}\n.ps-model-detail[_ngcontent-%COMP%]   .ps-callout.success[_ngcontent-%COMP%] {\n  background: var(--mj-status-success-bg, #f0fdf4);\n  border-color: color-mix(in srgb, var(--mj-status-success) 25%, transparent);\n  color: var(--mj-status-success-text, #15803d);\n}\n.ps-model-detail[_ngcontent-%COMP%]   .ps-callout.warn[_ngcontent-%COMP%] {\n  background: var(--mj-status-warning-bg, #fffbeb);\n  border-color: color-mix(in srgb, var(--mj-status-warning) 25%, transparent);\n  color: var(--mj-status-warning-text, #b45309);\n}\n\n\n.ps-model-detail[_ngcontent-%COMP%]   .ps-modal-backdrop[_ngcontent-%COMP%] {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.45);\n  z-index: 10000;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 16px;\n}\n.ps-model-detail[_ngcontent-%COMP%]   .ps-modal[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 12px;\n  width: 100%;\n  max-width: 480px;\n  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);\n  overflow: hidden;\n}\n.ps-model-detail[_ngcontent-%COMP%]   .ps-modal-head[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 16px 20px;\n  border-bottom: 1px solid var(--mj-border-subtle, var(--mj-border-default));\n}\n.ps-model-detail[_ngcontent-%COMP%]   .ps-modal-head[_ngcontent-%COMP%]   .ico[_ngcontent-%COMP%] {\n  width: 32px;\n  height: 32px;\n  border-radius: 8px;\n  display: grid;\n  place-items: center;\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  font-size: 15px;\n}\n.ps-model-detail[_ngcontent-%COMP%]   .ps-modal-head.warn[_ngcontent-%COMP%]   .ico[_ngcontent-%COMP%] {\n  background: var(--mj-status-warning, #d98213);\n}\n.ps-model-detail[_ngcontent-%COMP%]   .ps-modal-head.danger[_ngcontent-%COMP%]   .ico[_ngcontent-%COMP%] {\n  background: var(--mj-status-error, #b91c1c);\n}\n.ps-model-detail[_ngcontent-%COMP%]   .ps-modal-head[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 700;\n}\n.ps-model-detail[_ngcontent-%COMP%]   .ps-modal-body[_ngcontent-%COMP%] {\n  padding: 20px;\n  font-size: 13.5px;\n  line-height: 1.5;\n}\n.ps-model-detail[_ngcontent-%COMP%]   .ps-modal-foot[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 14px 20px;\n  border-top: 1px solid var(--mj-border-subtle, var(--mj-border-default));\n  background: var(--mj-bg-surface-sunken, #f9fafb);\n}\n.ps-model-detail[_ngcontent-%COMP%]   .ps-field[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n.ps-model-detail[_ngcontent-%COMP%]   .ps-field[_ngcontent-%COMP%]   label[_ngcontent-%COMP%] {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n}\n.ps-model-detail[_ngcontent-%COMP%]   .ps-input[_ngcontent-%COMP%] {\n  width: 100%;\n  padding: 8px 10px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n  font-family: inherit;\n  font-size: 13px;\n  resize: vertical;\n}\n.ps-model-detail[_ngcontent-%COMP%]   .ps-input[_ngcontent-%COMP%]:focus {\n  outline: none;\n  border-color: var(--mj-brand-primary);\n}"], changeDetection: 0 }); }
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PSModelDetailComponent, [{
+        type: Component,
+        args: [{ standalone: true, selector: 'ps-model-detail', imports: [CommonModule, FormsModule, MJButtonDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ps-model-detail\" data-testid=\"ps-model-detail\">\n  @if (model) {\n    <!-- 1. Header Card -->\n    <div class=\"ps-card\">\n      <div class=\"ps-card-body dh\">\n        <div class=\"big-ico\"><i class=\"fa-solid fa-cube\"></i></div>\n        <div style=\"flex:1;min-width:0;\">\n          <h2 data-testid=\"ps-registry-detail-name\">\n            {{ modelDisplayName }}\n            <span class=\"ps-tag ps-mono\">v{{ model.Version }}</span>\n          </h2>\n          <div class=\"ps-muted ps-small sub\">\n            {{ model.Algorithm || 'Model' }}{{ targetSuffix }} &bull; immutable snapshot\n          </div>\n        </div>\n        <span class=\"ps-badge\" [class]=\"statusBadgeClass(model.Status)\">{{ model.Status }}</span>\n      </div>\n    </div>\n\n    <!-- 2. Lifecycle Stepper -->\n    <div class=\"ps-card\">\n      <div class=\"ps-card-body\">\n        <div class=\"ps-section-title\">Lifecycle</div>\n        <div class=\"ps-stepper\">\n          @for (step of lifecycleSteps; track step; let last = $last) {\n            <div class=\"ps-step\" [class.done]=\"stepState(step) === 'done'\" [class.curr]=\"stepState(step) === 'curr'\">\n              <span class=\"pip\">\n                @if (stepState(step) === 'done') {\n                  <i class=\"fa-solid fa-check\"></i>\n                } @else {\n                  {{ $index + 1 }}\n                }\n              </span>\n              {{ step }}\n            </div>\n            @if (!last) {\n              <span class=\"ln\"></span>\n            }\n          }\n        </div>\n        <div class=\"ps-small ps-muted\" style=\"margin-top:10px\">\n          Models are immutable once registered; promotion only changes lifecycle state, never weights.\n        </div>\n      </div>\n    </div>\n\n    <!-- 3. Performance Metrics -->\n    <div class=\"ps-card\">\n      <div class=\"ps-card-head\">\n        <h3>Performance</h3>\n        <span class=\"ps-muted ps-small\">Holdout = held-out test fold, never seen in training</span>\n      </div>\n      <div class=\"ps-card-body\">\n        <div class=\"metric-pair\">\n          <div class=\"mtile\">\n            <div class=\"ps-section-title\">Train {{ primaryScoreLabel }}</div>\n            <div class=\"v\">{{ trainPrimaryScore }}</div>\n            <div class=\"ps-muted ps-small\">in-sample &bull; optimistic</div>\n          </div>\n          <div class=\"mtile honest\">\n            <div class=\"ps-section-title\">Holdout {{ primaryScoreLabel }}</div>\n            <div class=\"v\">{{ holdoutPrimaryScore }}</div>\n            <div class=\"ps-muted ps-small\">out-of-sample &bull; the honest number</div>\n          </div>\n        </div>\n\n        @if (secondaryMetrics.length > 0) {\n          <div class=\"stat-bar\">\n            @for (s of secondaryMetrics; track s.key) {\n              <div class=\"b\">\n                <span class=\"ps-muted ps-small\">{{ s.label }}</span>\n                <strong>{{ s.value }}</strong>\n              </div>\n            }\n          </div>\n        } @else {\n          <div class=\"ps-small ps-muted\" style=\"margin-top:6px\">No secondary metrics recorded for this model.</div>\n        }\n\n        @if (gapText) {\n          <div class=\"ps-small ps-muted\" style=\"margin-top:10px\">\n            Train\u2013holdout gap of <strong>{{ gapText }}</strong> {{ gapVerdict }}.\n          </div>\n        }\n      </div>\n    </div>\n\n    <!-- 4. Feature Importance -->\n    <div class=\"ps-card\">\n      <div class=\"ps-card-head\">\n        <h3>Feature Importance</h3>\n        <span class=\"ps-muted ps-small\">{{ importanceCaption }}</span>\n      </div>\n      <div class=\"ps-card-body\">\n        @if (importance.length > 0) {\n          @for (f of importance; track f.name) {\n            <div class=\"ps-fbar\">\n              <span class=\"name ps-small\" [title]=\"f.name\">{{ f.name }}</span>\n              <div class=\"track\">\n                <span [class.warn]=\"f.warning\" [style.width.%]=\"f.pct\"></span>\n              </div>\n              <span class=\"ps-mono\">{{ f.value }}</span>\n            </div>\n          }\n        } @else {\n          <div class=\"ps-small ps-muted\">No feature-importance data was recorded for this model.</div>\n        }\n      </div>\n    </div>\n\n    <!-- 5. Leakage Sign-Off Gate -->\n    @if (importance.length > 0) {\n      <div class=\"ps-callout gate\" [class.success]=\"!leakageFlagged\" [class.warn]=\"leakageFlagged\">\n        <i [class]=\"leakageFlagged ? 'fa-solid fa-triangle-exclamation' : 'fa-solid fa-shield-halved'\"></i>\n        <div>\n          @if (leakageFlagged) {\n            <strong>Leakage flag raised.</strong> A single feature dominates \u2014 top importance is\n            <strong>{{ topFeatureName }} at {{ topFeatureValue }}</strong>, at/above the\n            <strong>{{ dominanceThreshold }}</strong> dominance threshold.\n            <div class=\"ps-small\" style=\"margin-top:6px\">\n              <i class=\"fa-solid fa-pen\"></i> Sign-off with a reason is required to publish this model.\n            </div>\n          } @else {\n            <strong>Leakage gate clear.</strong> No single feature dominates \u2014 top importance is\n            <strong>{{ topFeatureName }} at {{ topFeatureValue }}</strong>, below the\n            <strong>{{ dominanceThreshold }}</strong> dominance threshold.\n            <div class=\"ps-small\" style=\"margin-top:6px\">\n              <i class=\"fa-solid fa-check\"></i> Sign-off required before any Validated &rarr; Published promotion.\n            </div>\n          }\n        </div>\n      </div>\n    }\n\n    <!-- 6. Lifecycle Actions -->\n    @if (showActions) {\n      <div class=\"ps-card\">\n        <div class=\"ps-card-body ps-row\" style=\"align-items:center;flex-wrap:wrap;gap:8px\">\n          <span class=\"ps-muted ps-small\" style=\"flex:1\">{{ actionHint }}</span>\n          @if (canValidate) {\n            <button mjButton variant=\"secondary\" size=\"sm\" data-testid=\"ps-registry-validate\" (click)=\"requestPromote('Validated')\">\n              <i class=\"fa-solid fa-circle-check\"></i> Mark Validated\n            </button>\n          }\n          @if (canPublish) {\n            <button mjButton variant=\"primary\" size=\"sm\" data-testid=\"ps-registry-promote\" (click)=\"requestPromote('Published')\">\n              <i class=\"fa-solid fa-arrow-up\"></i> Promote to Published\n            </button>\n          }\n          @if (canArchive) {\n            <button mjButton variant=\"secondary\" size=\"sm\" data-testid=\"ps-registry-archive\" (click)=\"requestPromote('Archived')\">\n              <i class=\"fa-solid fa-box-archive\"></i> Archive\n            </button>\n          }\n        </div>\n      </div>\n    }\n\n    <!-- 7. Confirm Promotion Modal -->\n    @if (pending) {\n      <div class=\"ps-modal-backdrop\" (click)=\"cancelPromote()\">\n        <div class=\"ps-modal\" (click)=\"$event.stopPropagation()\" data-testid=\"ps-confirm-modal\">\n          <div class=\"ps-modal-head\" [class.warn]=\"pendingVariant === 'warn'\" [class.danger]=\"pendingVariant === 'danger'\">\n            <span class=\"ico\"><i [class]=\"pendingIcon\"></i></span>\n            <h3>{{ pendingTitle }}</h3>\n          </div>\n          <div class=\"ps-modal-body\">\n            <div [innerHTML]=\"pendingMessage\"></div>\n            @if (pending.leakageFlagged || pending.targetStatus === 'Archived') {\n              <div class=\"ps-field\" style=\"margin-top:12px\">\n                <label>\n                  {{ pending.leakageFlagged ? 'Leakage sign-off reason' : 'Reason (optional)' }}\n                  {{ pending.leakageFlagged ? ' *' : '' }}\n                </label>\n                <textarea\n                  class=\"ps-input\"\n                  rows=\"3\"\n                  [(ngModel)]=\"pendingReason\"\n                  [placeholder]=\"pending.leakageFlagged ? 'Explain why this model is safe to publish despite the leakage flag\u2026' : 'Add an optional note for the record\u2026'\"\n                  [disabled]=\"busy\"></textarea>\n              </div>\n            }\n          </div>\n          <div class=\"ps-modal-foot\">\n            <button\n              mjButton\n              [variant]=\"pendingVariant === 'danger' ? 'danger' : 'primary'\"\n              size=\"sm\"\n              [disabled]=\"busy || (pending.leakageFlagged && !pendingReason.trim())\"\n              (click)=\"confirmPromote(pendingReason.trim())\">\n              @if (busy) {\n                <i class=\"fa-solid fa-circle-notch fa-spin\"></i>\n              } @else {\n                <i [class]=\"pendingIcon\"></i>\n              }\n              {{ pendingConfirmLabel }}\n            </button>\n            <span class=\"ps-spacer\" style=\"flex:1\"></span>\n            <button mjButton variant=\"secondary\" size=\"sm\" [disabled]=\"busy\" (click)=\"cancelPromote()\">\n              Cancel\n            </button>\n          </div>\n        </div>\n      </div>\n    }\n  } @else {\n    <div class=\"ps-empty\" style=\"padding: 32px; text-align: center;\">\n      <span class=\"ps-empty-ico\"><i class=\"fa-solid fa-cube\"></i></span>\n      <h3>No Model Selected</h3>\n      <p class=\"ps-muted\">Select an ML Model from the list to inspect its configuration and metrics.</p>\n    </div>\n  }\n</div>\n", styles: ["/* PSModelDetailComponent Styles \u2014 Design Token Compliant */\n\n.ps-model-detail {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  width: 100%;\n  color: var(--mj-text-primary);\n  background: transparent;\n  font-family: inherit;\n}\n\n/* ---- generic helpers ---- */\n.ps-model-detail .ps-row { display: flex; gap: 16px; }\n.ps-model-detail .ps-col { display: flex; flex-direction: column; gap: 16px; }\n.ps-model-detail .ps-spacer { flex: 1; }\n.ps-model-detail .ps-muted { color: var(--mj-text-muted); }\n.ps-model-detail .ps-small { font-size: 12.5px; }\n.ps-model-detail .ps-mono { font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace; font-size: 12.5px; }\n.ps-model-detail .ps-section-title {\n  font-size: 12px;\n  text-transform: uppercase;\n  letter-spacing: .06em;\n  color: var(--mj-text-muted);\n  margin: 4px 0 2px;\n  font-weight: 700;\n}\n\n/* ---- cards ---- */\n.ps-model-detail .ps-card {\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  overflow: hidden;\n}\n.ps-model-detail .ps-card-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 14px 16px;\n  border-bottom: 1px solid var(--mj-border-subtle, var(--mj-border-default));\n}\n.ps-model-detail .ps-card-head h3 {\n  font-size: 14.5px;\n  margin: 0;\n  font-weight: 650;\n  color: var(--mj-text-primary);\n}\n.ps-model-detail .ps-card-body {\n  padding: 16px;\n}\n\n/* ---- badges & tags ---- */\n.ps-model-detail .ps-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  padding: 3px 10px;\n  border-radius: 999px;\n  font-size: 11.5px;\n  font-weight: 650;\n  line-height: 1.5;\n}\n.ps-model-detail .ps-badge.gray { background: var(--mj-bg-surface-sunken, #f3f4f6); color: var(--mj-text-secondary); }\n.ps-model-detail .ps-badge.blue { background: var(--mj-status-info-bg, #eff6ff); color: var(--mj-status-info-text, #1d4ed8); }\n.ps-model-detail .ps-badge.green { background: var(--mj-status-success-bg, #f0fdf4); color: var(--mj-status-success-text, #15803d); }\n.ps-model-detail .ps-badge.amber { background: var(--mj-status-warning-bg, #fffbeb); color: var(--mj-status-warning-text, #b45309); }\n.ps-model-detail .ps-badge.red { background: var(--mj-status-error-bg, #fef2f2); color: var(--mj-status-error-text, #b91c1c); }\n\n.ps-model-detail .ps-tag {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 7px;\n  border-radius: 4px;\n  font-size: 11px;\n  font-weight: 600;\n  background: var(--mj-bg-surface-sunken, #f3f4f6);\n  color: var(--mj-text-secondary);\n}\n\n/* ---- detail header ---- */\n.ps-model-detail .dh {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n}\n.ps-model-detail .big-ico {\n  width: 48px;\n  height: 48px;\n  border-radius: 12px;\n  display: grid;\n  place-items: center;\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  font-size: 20px;\n  flex: 0 0 auto;\n}\n.ps-model-detail .dh h2 {\n  font-size: 18px;\n  color: var(--mj-text-primary);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 0;\n  font-weight: 700;\n}\n.ps-model-detail .dh .sub {\n  margin-top: 2px;\n}\n\n/* ---- stepper ---- */\n.ps-model-detail .ps-stepper {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 8px;\n  flex-wrap: wrap;\n}\n.ps-model-detail .ps-step {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--mj-text-muted);\n}\n.ps-model-detail .ps-step.curr {\n  color: var(--mj-text-primary);\n}\n.ps-model-detail .ps-step.done {\n  color: var(--mj-status-success, #15803d);\n}\n.ps-model-detail .ps-step .pip {\n  width: 22px;\n  height: 22px;\n  border-radius: 50%;\n  display: grid;\n  place-items: center;\n  font-size: 11px;\n  border: 1.5px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n}\n.ps-model-detail .ps-step.curr .pip {\n  border-color: var(--mj-brand-primary);\n  color: var(--mj-brand-primary);\n  font-weight: 700;\n}\n.ps-model-detail .ps-step.done .pip {\n  background: var(--mj-status-success, #15803d);\n  border-color: var(--mj-status-success, #15803d);\n  color: var(--mj-text-inverse);\n}\n.ps-model-detail .ps-stepper .ln {\n  flex: 1;\n  min-width: 16px;\n  height: 2px;\n  background: var(--mj-border-default);\n}\n\n/* ---- performance metrics ---- */\n.ps-model-detail .metric-pair {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 12px;\n}\n@media (max-width: 640px) {\n  .ps-model-detail .metric-pair {\n    grid-template-columns: 1fr;\n  }\n}\n.ps-model-detail .mtile {\n  border: 1px solid var(--mj-border-default);\n  border-radius: 9px;\n  padding: 14px;\n  background: var(--mj-bg-surface);\n}\n.ps-model-detail .mtile .v {\n  font-size: 28px;\n  font-weight: 720;\n  color: var(--mj-text-primary);\n  letter-spacing: -.02em;\n}\n.ps-model-detail .mtile.honest {\n  border-color: var(--mj-brand-primary);\n  background: color-mix(in srgb, var(--mj-brand-primary) 6%, var(--mj-bg-surface));\n}\n.ps-model-detail .mtile.honest .v {\n  color: var(--mj-brand-primary);\n}\n\n.ps-model-detail .stat-bar {\n  display: flex;\n  gap: 10px;\n  margin-top: 14px;\n  flex-wrap: wrap;\n}\n.ps-model-detail .stat-bar .b {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  padding: 8px 12px;\n  border: 1px solid var(--mj-border-subtle, var(--mj-border-default));\n  border-radius: 8px;\n  flex: 1;\n  min-width: 90px;\n}\n.ps-model-detail .stat-bar .b strong {\n  color: var(--mj-text-primary);\n  font-size: 15px;\n}\n\n/* ---- feature importance bars ---- */\n.ps-model-detail .ps-fbar {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 8px;\n}\n.ps-model-detail .ps-fbar .name {\n  width: 170px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex-shrink: 0;\n  color: var(--mj-text-secondary);\n}\n.ps-model-detail .ps-fbar .track {\n  flex: 1;\n  height: 8px;\n  background: var(--mj-bg-surface-sunken, #f3f4f6);\n  border-radius: 999px;\n  overflow: hidden;\n}\n.ps-model-detail .ps-fbar .track span {\n  display: block;\n  height: 100%;\n  background: var(--mj-brand-primary);\n  border-radius: 999px;\n}\n.ps-model-detail .ps-fbar .track span.warn {\n  background: var(--mj-status-warning, #d98213);\n}\n\n/* ---- leakage gate callout ---- */\n.ps-model-detail .ps-callout {\n  display: flex;\n  gap: 12px;\n  padding: 14px 16px;\n  border-radius: 8px;\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n}\n.ps-model-detail .ps-callout.gate {\n  align-items: flex-start;\n}\n.ps-model-detail .ps-callout.gate i {\n  font-size: 20px;\n  margin-top: 2px;\n}\n.ps-model-detail .ps-callout.success {\n  background: var(--mj-status-success-bg, #f0fdf4);\n  border-color: color-mix(in srgb, var(--mj-status-success) 25%, transparent);\n  color: var(--mj-status-success-text, #15803d);\n}\n.ps-model-detail .ps-callout.warn {\n  background: var(--mj-status-warning-bg, #fffbeb);\n  border-color: color-mix(in srgb, var(--mj-status-warning) 25%, transparent);\n  color: var(--mj-status-warning-text, #b45309);\n}\n\n/* ---- confirmation modal ---- */\n.ps-model-detail .ps-modal-backdrop {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.45);\n  z-index: 10000;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 16px;\n}\n.ps-model-detail .ps-modal {\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 12px;\n  width: 100%;\n  max-width: 480px;\n  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);\n  overflow: hidden;\n}\n.ps-model-detail .ps-modal-head {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 16px 20px;\n  border-bottom: 1px solid var(--mj-border-subtle, var(--mj-border-default));\n}\n.ps-model-detail .ps-modal-head .ico {\n  width: 32px;\n  height: 32px;\n  border-radius: 8px;\n  display: grid;\n  place-items: center;\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  font-size: 15px;\n}\n.ps-model-detail .ps-modal-head.warn .ico {\n  background: var(--mj-status-warning, #d98213);\n}\n.ps-model-detail .ps-modal-head.danger .ico {\n  background: var(--mj-status-error, #b91c1c);\n}\n.ps-model-detail .ps-modal-head h3 {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 700;\n}\n.ps-model-detail .ps-modal-body {\n  padding: 20px;\n  font-size: 13.5px;\n  line-height: 1.5;\n}\n.ps-model-detail .ps-modal-foot {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 14px 20px;\n  border-top: 1px solid var(--mj-border-subtle, var(--mj-border-default));\n  background: var(--mj-bg-surface-sunken, #f9fafb);\n}\n.ps-model-detail .ps-field {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n.ps-model-detail .ps-field label {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n}\n.ps-model-detail .ps-input {\n  width: 100%;\n  padding: 8px 10px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n  font-family: inherit;\n  font-size: 13px;\n  resize: vertical;\n}\n.ps-model-detail .ps-input:focus {\n  outline: none;\n  border-color: var(--mj-brand-primary);\n}\n"] }]
+    }], null, { model: [{
+            type: Input
+        }], provider: [{
+            type: Input
+        }], currentUser: [{
+            type: Input
+        }], showActions: [{
+            type: Input
+        }], statusChanged: [{
+            type: Output
+        }], displayName: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PSModelDetailComponent, { className: "PSModelDetailComponent", filePath: "src/lib/custom/MLModels/ps-model-detail.component.ts", lineNumber: 65 }); })();
+//# sourceMappingURL=ps-model-detail.component.js.map