@memberjunction/ng-core-entity-forms 6.2.0-edge.5 → 6.2.0-edge.6

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

@@ -4,7 +4,8 @@ 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 { ImportanceDisplay } from '@memberjunction/predictive-studio-core';
+import { PS_FEATURE_DOMINANCE_THRESHOLD, FormatMetricValue, HumanizeFeatureName, MaxFeatureImportance, MetricsToDisplay, ModelImportanceView, 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;
@@ -84,7 +85,16 @@ function PSModelDetailComponent_Conditional_1_Conditional_46_Template(rf, ctx) {
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", ctx_r4.gapVerdict, ". ");
 } }
-function PSModelDetailComponent_Conditional_1_Conditional_54_For_1_Template(rf, ctx) { if (rf & 1) {
+function PSModelDetailComponent_Conditional_1_Conditional_51_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 23);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r4.ImportanceCaption);
+} }
+function PSModelDetailComponent_Conditional_1_Conditional_53_For_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "div", 31)(1, "span", 32);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
@@ -106,18 +116,47 @@ function PSModelDetailComponent_Conditional_1_Conditional_54_For_1_Template(rf,
     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);
+function PSModelDetailComponent_Conditional_1_Conditional_53_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, PSModelDetailComponent_Conditional_1_Conditional_53_For_1_Template, 7, 7, "div", 31, _forTrack1);
 } if (rf & 2) {
     const ctx_r4 = i0.ɵɵnextContext(2);
-    i0.ɵɵrepeater(ctx_r4.importance);
+    i0.ɵɵrepeater(ctx_r4.DisplayedImportance);
 } }
-function PSModelDetailComponent_Conditional_1_Conditional_55_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 23);
+function PSModelDetailComponent_Conditional_1_Conditional_54_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 35);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r4.ImportanceHiddenNote);
+} }
+function PSModelDetailComponent_Conditional_1_Conditional_54_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 36);
     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) {
+function PSModelDetailComponent_Conditional_1_Conditional_54_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, PSModelDetailComponent_Conditional_1_Conditional_54_Conditional_0_Template, 2, 1, "div", 35)(1, PSModelDetailComponent_Conditional_1_Conditional_54_Conditional_1_Template, 2, 0, "div", 36);
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext(2);
+    i0.ɵɵconditional(ctx_r4.ImportanceHidden ? 0 : 1);
+} }
+function PSModelDetailComponent_Conditional_1_Conditional_55_Conditional_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "strong");
+    i0.ɵɵtext(1, "Leakage flag raised.");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(2, " A single feature's split share is at or above the ");
+    i0.ɵɵelementStart(3, "strong");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(5, " dominance threshold. ");
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r4.dominanceThreshold);
+} }
+function PSModelDetailComponent_Conditional_1_Conditional_55_Conditional_3_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "strong");
     i0.ɵɵtext(1, "Leakage flag raised.");
     i0.ɵɵelementEnd();
@@ -130,18 +169,38 @@ function PSModelDetailComponent_Conditional_1_Conditional_56_Conditional_3_Templ
     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. ");
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext(4);
+    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_55_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, PSModelDetailComponent_Conditional_1_Conditional_55_Conditional_3_Conditional_0_Template, 6, 1)(1, PSModelDetailComponent_Conditional_1_Conditional_55_Conditional_3_Conditional_1_Template, 9, 3);
+    i0.ɵɵelementStart(2, "div", 38);
+    i0.ɵɵelement(3, "i", 39);
+    i0.ɵɵtext(4, " Sign-off with a reason is required to publish this model. ");
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r4 = i0.ɵɵnextContext(3);
+    i0.ɵɵconditional(ctx_r4.ImportanceHidden ? 0 : 1);
+} }
+function PSModelDetailComponent_Conditional_1_Conditional_55_Conditional_4_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "strong");
+    i0.ɵɵtext(1, "Leakage gate clear.");
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(2, " No single feature's split share is at or above the ");
+    i0.ɵɵelementStart(3, "strong");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(5, " dominance threshold. ");
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext(4);
     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) {
+function PSModelDetailComponent_Conditional_1_Conditional_55_Conditional_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "strong");
     i0.ɵɵtext(1, "Leakage gate clear.");
     i0.ɵɵelementEnd();
@@ -154,62 +213,68 @@ function PSModelDetailComponent_Conditional_1_Conditional_56_Conditional_4_Templ
     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);
+    const ctx_r4 = i0.ɵɵnextContext(4);
     i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate2("", ctx_r4.topFeatureName, " at ", ctx_r4.topFeatureValue);
+    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);
+function PSModelDetailComponent_Conditional_1_Conditional_55_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, PSModelDetailComponent_Conditional_1_Conditional_55_Conditional_4_Conditional_0_Template, 6, 1)(1, PSModelDetailComponent_Conditional_1_Conditional_55_Conditional_4_Conditional_1_Template, 9, 3);
+    i0.ɵɵelementStart(2, "div", 38);
+    i0.ɵɵelement(3, "i", 28);
+    i0.ɵɵtext(4, " Sign-off required before any Validated \u2192 Published promotion. ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r4 = i0.ɵɵnextContext(3);
+    i0.ɵɵconditional(ctx_r4.ImportanceHidden ? 0 : 1);
+} }
+function PSModelDetailComponent_Conditional_1_Conditional_55_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 37);
     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.ɵɵconditionalCreate(3, PSModelDetailComponent_Conditional_1_Conditional_55_Conditional_3_Template, 5, 1)(4, PSModelDetailComponent_Conditional_1_Conditional_55_Conditional_4_Template, 5, 1);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r4 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("success", !ctx_r4.leakageFlagged)("warn", ctx_r4.leakageFlagged);
+    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.ɵɵclassMap(ctx_r4.LeakageFlagged ? "fa-solid fa-triangle-exclamation" : "fa-solid fa-shield-halved");
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r4.leakageFlagged ? 3 : 4);
+    i0.ɵɵconditional(ctx_r4.LeakageFlagged ? 3 : 4);
 } }
-function PSModelDetailComponent_Conditional_1_Conditional_57_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+function PSModelDetailComponent_Conditional_1_Conditional_56_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.ɵɵelementStart(0, "button", 45);
+    i0.ɵɵlistener("click", function PSModelDetailComponent_Conditional_1_Conditional_56_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", 46);
     i0.ɵɵtext(2, " Mark Validated ");
     i0.ɵɵelementEnd();
 } }
-function PSModelDetailComponent_Conditional_1_Conditional_57_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+function PSModelDetailComponent_Conditional_1_Conditional_56_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.ɵɵelementStart(0, "button", 47);
+    i0.ɵɵlistener("click", function PSModelDetailComponent_Conditional_1_Conditional_56_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", 48);
     i0.ɵɵtext(2, " Promote to Published ");
     i0.ɵɵelementEnd();
 } }
-function PSModelDetailComponent_Conditional_1_Conditional_57_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+function PSModelDetailComponent_Conditional_1_Conditional_56_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.ɵɵelementStart(0, "button", 49);
+    i0.ɵɵlistener("click", function PSModelDetailComponent_Conditional_1_Conditional_56_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", 50);
     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);
+function PSModelDetailComponent_Conditional_1_Conditional_56_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 2)(1, "div", 40)(2, "span", 41);
     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.ɵɵconditionalCreate(4, PSModelDetailComponent_Conditional_1_Conditional_56_Conditional_4_Template, 3, 0, "button", 42);
+    i0.ɵɵconditionalCreate(5, PSModelDetailComponent_Conditional_1_Conditional_56_Conditional_5_Template, 3, 0, "button", 43);
+    i0.ɵɵconditionalCreate(6, PSModelDetailComponent_Conditional_1_Conditional_56_Conditional_6_Template, 3, 0, "button", 44);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r4 = i0.ɵɵnextContext(2);
@@ -222,13 +287,13 @@ function PSModelDetailComponent_Conditional_1_Conditional_57_Template(rf, ctx) {
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r4.canArchive ? 6 : -1);
 } }
-function PSModelDetailComponent_Conditional_1_Conditional_58_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+function PSModelDetailComponent_Conditional_1_Conditional_57_Conditional_9_Template(rf, ctx) { if (rf & 1) {
     const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 55)(1, "label");
+    i0.ɵɵelementStart(0, "div", 57)(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.ɵɵelementStart(3, "textarea", 64);
+    i0.ɵɵtwoWayListener("ngModelChange", function PSModelDetailComponent_Conditional_1_Conditional_57_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);
@@ -238,39 +303,39 @@ function PSModelDetailComponent_Conditional_1_Conditional_58_Conditional_9_Templ
     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_57_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 60);
 } }
-function PSModelDetailComponent_Conditional_1_Conditional_58_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+function PSModelDetailComponent_Conditional_1_Conditional_57_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) {
+function PSModelDetailComponent_Conditional_1_Conditional_57_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.ɵɵelementStart(0, "div", 51);
+    i0.ɵɵlistener("click", function PSModelDetailComponent_Conditional_1_Conditional_57_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r4 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r4.cancelPromote()); });
+    i0.ɵɵelementStart(1, "div", 52);
+    i0.ɵɵlistener("click", function PSModelDetailComponent_Conditional_1_Conditional_57_Template_div_click_1_listener($event) { return $event.stopPropagation(); });
+    i0.ɵɵelementStart(2, "div", 53)(3, "span", 54);
     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.ɵɵelementStart(7, "div", 55);
+    i0.ɵɵelement(8, "div", 56);
+    i0.ɵɵconditionalCreate(9, PSModelDetailComponent_Conditional_1_Conditional_57_Conditional_9_Template, 4, 5, "div", 57);
     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.ɵɵelementStart(10, "div", 58)(11, "button", 59);
+    i0.ɵɵlistener("click", function PSModelDetailComponent_Conditional_1_Conditional_57_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_57_Conditional_12_Template, 1, 0, "i", 60)(13, PSModelDetailComponent_Conditional_1_Conditional_57_Conditional_13_Template, 1, 2, "i", 61);
     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.ɵɵelement(15, "span", 62);
+    i0.ɵɵelementStart(16, "button", 63);
+    i0.ɵɵlistener("click", function PSModelDetailComponent_Conditional_1_Conditional_57_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) {
@@ -348,15 +413,14 @@ function PSModelDetailComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     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.ɵɵconditionalCreate(51, PSModelDetailComponent_Conditional_1_Conditional_51_Template, 2, 1, "span", 23);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(52, "div", 11);
+    i0.ɵɵconditionalCreate(53, PSModelDetailComponent_Conditional_1_Conditional_53_Template, 2, 0)(54, PSModelDetailComponent_Conditional_1_Conditional_54_Template, 2, 1);
     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);
+    i0.ɵɵconditionalCreate(55, PSModelDetailComponent_Conditional_1_Conditional_55_Template, 5, 7, "div", 24);
+    i0.ɵɵconditionalCreate(56, PSModelDetailComponent_Conditional_1_Conditional_56_Template, 7, 4, "div", 2);
+    i0.ɵɵconditionalCreate(57, PSModelDetailComponent_Conditional_1_Conditional_57_Template, 18, 14, "div", 25);
 } if (rf & 2) {
     const ctx_r4 = i0.ɵɵnextContext();
     i0.ɵɵadvance(6);
@@ -383,25 +447,25 @@ function PSModelDetailComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     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(5);
+    i0.ɵɵconditional(!ctx_r4.ImportanceHidden ? 51 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r4.importance.length > 0 ? 54 : 55);
+    i0.ɵɵconditional(ctx_r4.DisplayedImportance.length > 0 ? 53 : 54);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r4.importance.length > 0 ? 56 : -1);
+    i0.ɵɵconditional(ctx_r4.Importance.length > 0 ? 55 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r4.showActions ? 57 : -1);
+    i0.ɵɵconditional(ctx_r4.showActions ? 56 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r4.pending ? 58 : -1);
+    i0.ɵɵconditional(ctx_r4.pending ? 57 : -1);
 } }
 function PSModelDetailComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 1)(1, "span", 63);
+    i0.ɵɵelementStart(0, "div", 1)(1, "span", 65);
     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.ɵɵelementStart(5, "p", 66);
     i0.ɵɵtext(6, "Select an ML Model from the list to inspect its configuration and metrics.");
     i0.ɵɵelementEnd()();
 } }
@@ -441,6 +505,11 @@ export class PSModelDetailComponent {
         this.Pending = null;
         this.PendingReason = '';
         this.Busy = false;
+        // ── Feature Importance & Leakage Gate ──
+        /** Cached parsed and displayed importance bars for the last (Lineage JSON, importance JSON) pair. */
+        this.importanceCache = null;
+        /** The note shown in place of hidden importance. */
+        this.ImportanceHiddenNote = ImportanceDisplay.HiddenNote;
     }
     /** @deprecated Use {@link Model}. */
     set model(value) {
@@ -632,19 +701,44 @@ export class PSModelDetailComponent {
     get gapVerdict() {
         return this.GapVerdict;
     }
-    // ── Feature Importance & Leakage Gate ──
-    get Importance() {
+    get cachedImportance() {
         if (!this.Model)
-            return [];
-        return ParseFeatureImportance(this.Model.FeatureImportance, 6).map((b) => ({
-            ...b,
-            name: HumanizeFeatureName(b.name),
-        }));
+            return { allBars: [], displayedBars: [] };
+        const key = `${this.Model.Lineage}\u0000${this.Model.FeatureImportance}`;
+        if (this.importanceCache?.key !== key) {
+            const allBars = ParseFeatureImportance(this.Model.FeatureImportance, 6).map((b) => ({
+                ...b,
+                name: HumanizeFeatureName(b.name),
+            }));
+            const displayedBars = ModelImportanceView.DisplayedFeatureImportance(this.Model.Lineage, this.Model.FeatureImportance, 6).map((b) => ({
+                ...b,
+                name: HumanizeFeatureName(b.name),
+            }));
+            this.importanceCache = { key, allBars, displayedBars };
+        }
+        return this.importanceCache;
+    }
+    get Importance() {
+        return this.cachedImportance.allBars;
     }
     /** @deprecated Use {@link Importance}. */
     get importance() {
         return this.Importance;
     }
+    /**
+     * The importance bars shown in the Feature Importance card (empty for split / impurity importance). Cached on the
+     * Lineage JSON (which holds the stored importance kind) and the importance JSON, so the parse runs once per model and
+     * again whenever either value changes
+     * (coding standards §7: getters Angular bindings hit).
+     */
+    get DisplayedImportance() {
+        return this.cachedImportance.displayedBars;
+    }
+    /** True when the model has importance data that is hidden because of its kind. */
+    get ImportanceHidden() {
+        return this.Importance.length > 0 && this.DisplayedImportance.length === 0;
+    }
+    /** The Feature Importance card's caption. The template hides it when {@link ImportanceHidden}, along with the bars. */
     get ImportanceCaption() {
         const n = this.Importance.length;
         return n === 0 ? 'no data' : `normalized · top ${n}`;
@@ -844,9 +938,9 @@ export class PSModelDetailComponent {
             .replace(/"/g, '"');
     }
     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", model: "model", Provider: "Provider", provider: "provider", CurrentUser: "CurrentUser", currentUser: "currentUser", ShowActions: "ShowActions", showActions: "showActions", displayName: "displayName" }, outputs: { StatusChanged: "StatusChanged", 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) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PSModelDetailComponent, selectors: [["ps-model-detail"]], inputs: { Model: "Model", model: "model", Provider: "Provider", provider: "provider", CurrentUser: "CurrentUser", currentUser: "currentUser", ShowActions: "ShowActions", showActions: "showActions", displayName: "displayName" }, outputs: { StatusChanged: "StatusChanged", 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"], ["data-testid", "ps-importance-caption", 1, "ps-muted", "ps-small"], ["data-testid", "ps-leakage-gate", 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"], ["data-testid", "ps-importance-hidden", 1, "ps-small", "ps-muted"], [1, "ps-small", "ps-muted"], ["data-testid", "ps-leakage-gate", 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.ɵɵconditionalCreate(1, PSModelDetailComponent_Conditional_1_Template, 58, 18)(2, PSModelDetailComponent_Conditional_2_Template, 7, 0, "div", 1);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance();
@@ -855,7 +949,7 @@ export class PSModelDetailComponent {
 }
 (() => { (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"] }]
+        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        @if (!ImportanceHidden) {\n          <span class=\"ps-muted ps-small\" data-testid=\"ps-importance-caption\">{{ ImportanceCaption }}</span>\n        }\n      </div>\n      <div class=\"ps-card-body\">\n        @if (DisplayedImportance.length > 0) {\n          @for (f of DisplayedImportance; 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          @if (ImportanceHidden) {\n            <div class=\"ps-small ps-muted\" data-testid=\"ps-importance-hidden\">{{ ImportanceHiddenNote }}</div>\n          } @else {\n            <div class=\"ps-small ps-muted\">No feature-importance data was recorded for this model.</div>\n          }\n        }\n      </div>\n    </div>\n\n    <!-- 5. Leakage Sign-Off Gate -->\n    @if (Importance.length > 0) {\n      <div class=\"ps-callout gate\" data-testid=\"ps-leakage-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            @if (ImportanceHidden) {\n              <strong>Leakage flag raised.</strong> A single feature's split share is at or above the\n              <strong>{{ dominanceThreshold }}</strong> dominance threshold.\n            } @else {\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            }\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            @if (ImportanceHidden) {\n              <strong>Leakage gate clear.</strong> No single feature's split share is at or above the\n              <strong>{{ dominanceThreshold }}</strong> dominance threshold.\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            }\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
         }], model: [{
@@ -879,5 +973,5 @@ export class PSModelDetailComponent {
         }], displayName: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PSModelDetailComponent, { className: "PSModelDetailComponent", filePath: "src/lib/custom/MLModels/ps-model-detail.component.ts", lineNumber: 65 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PSModelDetailComponent, { className: "PSModelDetailComponent", filePath: "src/lib/custom/MLModels/ps-model-detail.component.ts", lineNumber: 67 }); })();
 //# sourceMappingURL=ps-model-detail.component.js.map