@memberjunction/ng-dashboards 6.1.2 → 6.2.0-edge.0

package/dist/PredictiveStudio/components/ps-pipeline-wizard.component.js

@@ -0,0 +1,1397 @@
+import { ChangeDetectorRef, Component, EventEmitter, Input, Output, ViewEncapsulation, inject, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { UUIDsEqual } from '@memberjunction/global';
+import { MJButtonDirective } from '@memberjunction/ng-ui-components';
+import { MJNotificationService } from '@memberjunction/ng-notifications';
+import { Metadata } from '@memberjunction/core';
+import { DOMINANCE_THRESHOLD_DEFAULT, } from '@memberjunction/predictive-studio-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@angular/common";
+const _forTrack0 = ($index, $item) => $item.ID;
+const _forTrack1 = ($index, $item) => $item.Name;
+const _forTrack2 = ($index, $item) => $item.field.Name;
+function PSPipelineWizardComponent_Conditional_37_For_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 33);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ent_r3 = ctx.$implicit;
+    i0.ɵɵproperty("value", ent_r3.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate2("", ent_r3.Name, " (", ent_r3.BaseView || ent_r3.BaseTable, ")");
+} }
+function PSPipelineWizardComponent_Conditional_37_For_31_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 33);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const f_r4 = ctx.$implicit;
+    i0.ɵɵproperty("value", f_r4.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate2("", f_r4.Name, " (", f_r4.Type, ")");
+} }
+function PSPipelineWizardComponent_Conditional_37_For_46_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 33);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const m_r5 = ctx.$implicit;
+    i0.ɵɵproperty("value", m_r5);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(m_r5);
+} }
+function PSPipelineWizardComponent_Conditional_37_Conditional_64_For_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 33);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const f_r7 = ctx.$implicit;
+    i0.ɵɵproperty("value", f_r7.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(f_r7.Name);
+} }
+function PSPipelineWizardComponent_Conditional_37_Conditional_64_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 23)(1, "label");
+    i0.ɵɵtext(2, "Decision Date Field");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "select", 46);
+    i0.ɵɵtwoWayListener("ngModelChange", function PSPipelineWizardComponent_Conditional_37_Conditional_64_Template_select_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.asOfColumn, $event) || (ctx_r1.asOfColumn = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(4, "option", 33);
+    i0.ɵɵtext(5, "-- Select Date Field --");
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(6, PSPipelineWizardComponent_Conditional_37_Conditional_64_For_7_Template, 2, 2, "option", 33, _forTrack1);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.asOfColumn);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("value", "");
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r1.dateFields);
+} }
+function PSPipelineWizardComponent_Conditional_37_Conditional_65_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 23)(1, "label");
+    i0.ɵɵtext(2, "Offset Days before Outcome");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "input", 50);
+    i0.ɵɵtwoWayListener("ngModelChange", function PSPipelineWizardComponent_Conditional_37_Conditional_65_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.asOfOffsetDays, $event) || (ctx_r1.asOfOffsetDays = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.asOfOffsetDays);
+} }
+function PSPipelineWizardComponent_Conditional_37_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 14)(1, "div", 23)(2, "label", 24);
+    i0.ɵɵtext(3, "Pipeline Name ");
+    i0.ɵɵelementStart(4, "span", 25);
+    i0.ɵɵtext(5, "*");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "input", 26);
+    i0.ɵɵtwoWayListener("ngModelChange", function PSPipelineWizardComponent_Conditional_37_Template_input_ngModelChange_6_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.pipelineName, $event) || (ctx_r1.pipelineName = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "div", 23)(8, "label", 27);
+    i0.ɵɵtext(9, "Description");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "textarea", 28);
+    i0.ɵɵtwoWayListener("ngModelChange", function PSPipelineWizardComponent_Conditional_37_Template_textarea_ngModelChange_10_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.pipelineDescription, $event) || (ctx_r1.pipelineDescription = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(11, "div", 29)(12, "div", 23)(13, "label", 30);
+    i0.ɵɵtext(14, "Target Entity ");
+    i0.ɵɵelementStart(15, "span", 25);
+    i0.ɵɵtext(16, "*");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(17, "select", 31);
+    i0.ɵɵlistener("ngModelChange", function PSPipelineWizardComponent_Conditional_37_Template_select_ngModelChange_17_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onEntitySelected($event)); });
+    i0.ɵɵelementStart(18, "option", 32);
+    i0.ɵɵtext(19, "-- Select Entity --");
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(20, PSPipelineWizardComponent_Conditional_37_For_21_Template, 2, 3, "option", 33, _forTrack0);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(22, "div", 23)(23, "label", 34);
+    i0.ɵɵtext(24, "Target Variable (Label Column) ");
+    i0.ɵɵelementStart(25, "span", 25);
+    i0.ɵɵtext(26, "*");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(27, "select", 35);
+    i0.ɵɵtwoWayListener("ngModelChange", function PSPipelineWizardComponent_Conditional_37_Template_select_ngModelChange_27_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.targetVariable, $event) || (ctx_r1.targetVariable = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(28, "option", 32);
+    i0.ɵɵtext(29, "-- Select Label Field --");
+    i0.ɵɵelementEnd();
+    i0.ɵɵrepeaterCreate(30, PSPipelineWizardComponent_Conditional_37_For_31_Template, 2, 3, "option", 33, _forTrack1);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(32, "div", 29)(33, "div", 23)(34, "label", 36);
+    i0.ɵɵtext(35, "Problem Type");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(36, "select", 37);
+    i0.ɵɵtwoWayListener("ngModelChange", function PSPipelineWizardComponent_Conditional_37_Template_select_ngModelChange_36_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.problemType, $event) || (ctx_r1.problemType = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵlistener("ngModelChange", function PSPipelineWizardComponent_Conditional_37_Template_select_ngModelChange_36_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onProblemTypeChange()); });
+    i0.ɵɵelementStart(37, "option", 38);
+    i0.ɵɵtext(38, "Classification (Predict Categorical / Binary Outcome)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(39, "option", 39);
+    i0.ɵɵtext(40, "Regression (Predict Numeric Continuous Value)");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(41, "div", 23)(42, "label", 40);
+    i0.ɵɵtext(43, "Primary Evaluation Metric");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(44, "select", 41);
+    i0.ɵɵtwoWayListener("ngModelChange", function PSPipelineWizardComponent_Conditional_37_Template_select_ngModelChange_44_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.evaluationMetric, $event) || (ctx_r1.evaluationMetric = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵrepeaterCreate(45, PSPipelineWizardComponent_Conditional_37_For_46_Template, 2, 2, "option", 33, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(47, "div", 42)(48, "div", 43);
+    i0.ɵɵelement(49, "i", 44);
+    i0.ɵɵelementStart(50, "h4");
+    i0.ɵɵtext(51, "Point-in-Time Cutoff (Temporal Leakage Guard)");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(52, "div", 45)(53, "div", 29)(54, "div", 23)(55, "label");
+    i0.ɵɵtext(56, "Cutoff Mode");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(57, "select", 46);
+    i0.ɵɵtwoWayListener("ngModelChange", function PSPipelineWizardComponent_Conditional_37_Template_select_ngModelChange_57_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.asOfMode, $event) || (ctx_r1.asOfMode = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(58, "option", 47);
+    i0.ɵɵtext(59, "None (Static Cross-Sectional Data)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(60, "option", 48);
+    i0.ɵɵtext(61, "Date Column on Entity");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(62, "option", 49);
+    i0.ɵɵtext(63, "Relative Days Offset before Event");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵconditionalCreate(64, PSPipelineWizardComponent_Conditional_37_Conditional_64_Template, 8, 2, "div", 23);
+    i0.ɵɵconditionalCreate(65, PSPipelineWizardComponent_Conditional_37_Conditional_65_Template, 4, 1, "div", 23);
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(6);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.pipelineName);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.pipelineDescription);
+    i0.ɵɵadvance(7);
+    i0.ɵɵproperty("ngModel", ctx_r1.selectedEntityId);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("value", "");
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r1.availableEntities);
+    i0.ɵɵadvance(7);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.targetVariable);
+    i0.ɵɵproperty("disabled", !ctx_r1.selectedEntity);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("value", "");
+    i0.ɵɵadvance(2);
+    i0.ɵɵrepeater(ctx_r1.availableFields);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.problemType);
+    i0.ɵɵadvance(8);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.evaluationMetric);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.availableMetrics);
+    i0.ɵɵadvance(12);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.asOfMode);
+    i0.ɵɵadvance(7);
+    i0.ɵɵconditional(ctx_r1.asOfMode === "column" ? 64 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.asOfMode === "offset" ? 65 : -1);
+} }
+function PSPipelineWizardComponent_Conditional_38_For_39_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 68);
+    i0.ɵɵtext(1, "Target Label");
+    i0.ɵɵelementEnd();
+} }
+function PSPipelineWizardComponent_Conditional_38_For_39_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 71);
+    i0.ɵɵlistener("click", function PSPipelineWizardComponent_Conditional_38_For_39_Conditional_13_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r12); const item_r11 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleDenyList(item_r11)); });
+    i0.ɵɵelement(1, "i", 72);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r11 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵclassProp("denied", item_r11.isDenyList);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("fa-shield-halved", item_r11.isDenyList)("fa-shield", !item_r11.isDenyList);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", item_r11.isDenyList ? "Denied" : "Allow", " ");
+} }
+function PSPipelineWizardComponent_Conditional_38_For_39_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr")(1, "td")(2, "input", 67);
+    i0.ɵɵtwoWayListener("ngModelChange", function PSPipelineWizardComponent_Conditional_38_For_39_Template_input_ngModelChange_2_listener($event) { const item_r11 = i0.ɵɵrestoreView(_r10).$implicit; i0.ɵɵtwoWayBindingSet(item_r11.selected, $event) || (item_r11.selected = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(3, "td")(4, "strong");
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(6, PSPipelineWizardComponent_Conditional_38_For_39_Conditional_6_Template, 2, 0, "span", 68);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "td")(8, "code");
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(10, "td");
+    i0.ɵɵtext(11);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "td", 69);
+    i0.ɵɵconditionalCreate(13, PSPipelineWizardComponent_Conditional_38_For_39_Conditional_13_Template, 3, 7, "button", 70);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const item_r11 = ctx.$implicit;
+    i0.ɵɵclassProp("target-row", item_r11.isTarget)("deny-row", item_r11.isDenyList);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtwoWayProperty("ngModel", item_r11.selected);
+    i0.ɵɵproperty("disabled", item_r11.isTarget || item_r11.isDenyList);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(item_r11.field.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(item_r11.isTarget ? 6 : -1);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(item_r11.field.Type);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(item_r11.field.AllowsNull ? "Yes" : "No");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(!item_r11.isTarget ? 13 : -1);
+} }
+function PSPipelineWizardComponent_Conditional_38_Template(rf, ctx) { if (rf & 1) {
+    const _r9 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 15)(1, "div", 51)(2, "div", 52);
+    i0.ɵɵelement(3, "i", 53);
+    i0.ɵɵelementStart(4, "input", 54);
+    i0.ɵɵtwoWayListener("ngModelChange", function PSPipelineWizardComponent_Conditional_38_Template_input_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.fieldSearchFilter, $event) || (ctx_r1.fieldSearchFilter = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(5, "div", 55)(6, "button", 19);
+    i0.ɵɵlistener("click", function PSPipelineWizardComponent_Conditional_38_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.selectAllFields(true)); });
+    i0.ɵɵtext(7, "Select All");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "button", 19);
+    i0.ɵɵlistener("click", function PSPipelineWizardComponent_Conditional_38_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.selectAllFields(false)); });
+    i0.ɵɵtext(9, "Deselect All");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "button", 19);
+    i0.ɵɵlistener("click", function PSPipelineWizardComponent_Conditional_38_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.excludeAuditFields()); });
+    i0.ɵɵtext(11, "Exclude IDs & Timestamps");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(12, "div", 56)(13, "span");
+    i0.ɵɵtext(14, "Selected: ");
+    i0.ɵɵelementStart(15, "strong");
+    i0.ɵɵtext(16);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(17, " features");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "span");
+    i0.ɵɵtext(19, "Leakage Deny-List: ");
+    i0.ɵɵelementStart(20, "strong", 57);
+    i0.ɵɵtext(21);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(22, " excluded fields");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(23, "div", 58)(24, "table", 59)(25, "thead")(26, "tr")(27, "th", 60);
+    i0.ɵɵtext(28, "Use");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(29, "th");
+    i0.ɵɵtext(30, "Field Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(31, "th");
+    i0.ɵɵtext(32, "Data Type");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(33, "th");
+    i0.ɵɵtext(34, "Nullable");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(35, "th", 61);
+    i0.ɵɵtext(36, "Leakage Guard");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(37, "tbody");
+    i0.ɵɵrepeaterCreate(38, PSPipelineWizardComponent_Conditional_38_For_39_Template, 14, 11, "tr", 62, _forTrack2);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(40, "div", 63)(41, "label");
+    i0.ɵɵtext(42, "Single-Feature Dominance Threshold: ");
+    i0.ɵɵelementStart(43, "strong");
+    i0.ɵɵtext(44);
+    i0.ɵɵpipe(45, "percent");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(46, "div", 64)(47, "input", 65);
+    i0.ɵɵtwoWayListener("ngModelChange", function PSPipelineWizardComponent_Conditional_38_Template_input_ngModelChange_47_listener($event) { i0.ɵɵrestoreView(_r9); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.dominanceThreshold, $event) || (ctx_r1.dominanceThreshold = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(48, "span", 66);
+    i0.ɵɵtext(49);
+    i0.ɵɵpipe(50, "percent");
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.fieldSearchFilter);
+    i0.ɵɵadvance(12);
+    i0.ɵɵtextInterpolate(ctx_r1.selectedFeaturesCount);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.denyListCount);
+    i0.ɵɵadvance(17);
+    i0.ɵɵrepeater(ctx_r1.filteredFieldItems);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(45, 6, ctx_r1.dominanceThreshold));
+    i0.ɵɵadvance(3);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.dominanceThreshold);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1("Warns and holds model if any single feature accounts for > ", i0.ɵɵpipeBind1(50, 8, ctx_r1.dominanceThreshold), " of total importance.");
+} }
+function PSPipelineWizardComponent_Conditional_39_Template(rf, ctx) { if (rf & 1) {
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 16)(1, "div", 73)(2, "div", 74);
+    i0.ɵɵelement(3, "i", 75);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div", 76)(5, "h4");
+    i0.ɵɵtext(6, "Categorical Encoding");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "p", 77);
+    i0.ɵɵtext(8, "Converts text and discrete categoricals into numerical representations.");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "select", 46);
+    i0.ɵɵtwoWayListener("ngModelChange", function PSPipelineWizardComponent_Conditional_39_Template_select_ngModelChange_9_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.categoricalEncoding, $event) || (ctx_r1.categoricalEncoding = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(10, "option", 78);
+    i0.ɵɵtext(11, "One-Hot Encoding (Recommended for cardinality < 50)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "option", 47);
+    i0.ɵɵtext(13, "Pass-Through / Native Algorithm Handling");
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵelementStart(14, "div", 73)(15, "div", 74);
+    i0.ɵɵelement(16, "i", 79);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "div", 76)(18, "h4");
+    i0.ɵɵtext(19, "Missing Value Imputation");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(20, "p", 77);
+    i0.ɵɵtext(21, "Strategy for filling null or missing entries in training matrices.");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(22, "select", 46);
+    i0.ɵɵtwoWayListener("ngModelChange", function PSPipelineWizardComponent_Conditional_39_Template_select_ngModelChange_22_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.imputeStrategy, $event) || (ctx_r1.imputeStrategy = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(23, "option", 80);
+    i0.ɵɵtext(24, "Median (Robust against numeric outliers)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(25, "option", 81);
+    i0.ɵɵtext(26, "Mean (Standard arithmetic average)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(27, "option", 82);
+    i0.ɵɵtext(28, "Mode (Most frequent category)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(29, "option", 83);
+    i0.ɵɵtext(30, "Constant (Zero / Missing category token)");
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵelementStart(31, "div", 73)(32, "div", 74);
+    i0.ɵɵelement(33, "i", 84);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(34, "div", 76)(35, "h4");
+    i0.ɵɵtext(36, "Numeric Standardization");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(37, "p", 77);
+    i0.ɵɵtext(38, "Scales numeric features to prevent large magnitudes from dominating.");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(39, "select", 46);
+    i0.ɵɵtwoWayListener("ngModelChange", function PSPipelineWizardComponent_Conditional_39_Template_select_ngModelChange_39_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.standardizeStrategy, $event) || (ctx_r1.standardizeStrategy = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(40, "option", 85);
+    i0.ɵɵtext(41, "Standard Scaling (Z-score: mean 0, variance 1)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(42, "option", 86);
+    i0.ɵɵtext(43, "Min-Max Scaling (Bounding values to [0, 1])");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(44, "option", 47);
+    i0.ɵɵtext(45, "None (Native tree-based scaling)");
+    i0.ɵɵelementEnd()()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(9);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.categoricalEncoding);
+    i0.ɵɵadvance(13);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.imputeStrategy);
+    i0.ɵɵadvance(17);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.standardizeStrategy);
+} }
+function PSPipelineWizardComponent_Conditional_40_For_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 33);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const a_r15 = ctx.$implicit;
+    i0.ɵɵproperty("value", a_r15.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate2("", a_r15.Name, " (", a_r15.DriverClass, ")");
+} }
+function PSPipelineWizardComponent_Conditional_40_Conditional_43_Template(rf, ctx) { if (rf & 1) {
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 23)(1, "label");
+    i0.ɵɵtext(2, "Test Holdout Percentage: ");
+    i0.ɵɵelementStart(3, "strong");
+    i0.ɵɵtext(4);
+    i0.ɵɵpipe(5, "percent");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "input", 99);
+    i0.ɵɵtwoWayListener("ngModelChange", function PSPipelineWizardComponent_Conditional_40_Conditional_43_Template_input_ngModelChange_6_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.testSplitRatio, $event) || (ctx_r1.testSplitRatio = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind1(5, 2, ctx_r1.testSplitRatio));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.testSplitRatio);
+} }
+function PSPipelineWizardComponent_Conditional_40_Conditional_44_Template(rf, ctx) { if (rf & 1) {
+    const _r17 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 23)(1, "label");
+    i0.ɵɵtext(2, "Number of Folds (K)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "input", 100);
+    i0.ɵɵtwoWayListener("ngModelChange", function PSPipelineWizardComponent_Conditional_40_Conditional_44_Template_input_ngModelChange_3_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.kFolds, $event) || (ctx_r1.kFolds = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.kFolds);
+} }
+function PSPipelineWizardComponent_Conditional_40_Template(rf, ctx) { if (rf & 1) {
+    const _r14 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 17)(1, "div", 23)(2, "label", 87);
+    i0.ɵɵtext(3, "Algorithm ");
+    i0.ɵɵelementStart(4, "span", 25);
+    i0.ɵɵtext(5, "*");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "select", 88);
+    i0.ɵɵlistener("ngModelChange", function PSPipelineWizardComponent_Conditional_40_Template_select_ngModelChange_6_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onAlgorithmSelected($event)); });
+    i0.ɵɵrepeaterCreate(7, PSPipelineWizardComponent_Conditional_40_For_8_Template, 2, 3, "option", 33, _forTrack0);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(9, "div", 89)(10, "div", 43);
+    i0.ɵɵelement(11, "i", 90);
+    i0.ɵɵelementStart(12, "h4");
+    i0.ɵɵtext(13, "Algorithm Hyperparameters");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(14, "div", 45)(15, "div", 91)(16, "div", 23)(17, "label");
+    i0.ɵɵtext(18, "Estimators (Trees)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "input", 92);
+    i0.ɵɵtwoWayListener("ngModelChange", function PSPipelineWizardComponent_Conditional_40_Template_input_ngModelChange_19_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.hyperparamEstimators, $event) || (ctx_r1.hyperparamEstimators = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(20, "div", 23)(21, "label");
+    i0.ɵɵtext(22, "Max Depth");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(23, "input", 93);
+    i0.ɵɵtwoWayListener("ngModelChange", function PSPipelineWizardComponent_Conditional_40_Template_input_ngModelChange_23_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.hyperparamMaxDepth, $event) || (ctx_r1.hyperparamMaxDepth = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(24, "div", 23)(25, "label");
+    i0.ɵɵtext(26, "Learning Rate");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(27, "input", 94);
+    i0.ɵɵtwoWayListener("ngModelChange", function PSPipelineWizardComponent_Conditional_40_Template_input_ngModelChange_27_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.hyperparamLearningRate, $event) || (ctx_r1.hyperparamLearningRate = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()()()()();
+    i0.ɵɵelementStart(28, "div", 95)(29, "div", 43);
+    i0.ɵɵelement(30, "i", 96);
+    i0.ɵɵelementStart(31, "h4");
+    i0.ɵɵtext(32, "Validation Strategy");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(33, "div", 45)(34, "div", 29)(35, "div", 23)(36, "label");
+    i0.ɵɵtext(37, "Strategy");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(38, "select", 46);
+    i0.ɵɵtwoWayListener("ngModelChange", function PSPipelineWizardComponent_Conditional_40_Template_select_ngModelChange_38_listener($event) { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.validationStrategyType, $event) || (ctx_r1.validationStrategyType = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(39, "option", 97);
+    i0.ɵɵtext(40, "Train / Test Split");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(41, "option", 98);
+    i0.ɵɵtext(42, "K-Fold Cross-Validation");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵconditionalCreate(43, PSPipelineWizardComponent_Conditional_40_Conditional_43_Template, 7, 4, "div", 23)(44, PSPipelineWizardComponent_Conditional_40_Conditional_44_Template, 4, 1, "div", 23);
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(6);
+    i0.ɵɵproperty("ngModel", ctx_r1.selectedAlgorithmId);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.availableAlgorithms);
+    i0.ɵɵadvance(12);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.hyperparamEstimators);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.hyperparamMaxDepth);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.hyperparamLearningRate);
+    i0.ɵɵadvance(11);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r1.validationStrategyType);
+    i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r1.validationStrategyType === "train_test_split" ? 43 : 44);
+} }
+function PSPipelineWizardComponent_Conditional_45_Template(rf, ctx) { if (rf & 1) {
+    const _r18 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 19);
+    i0.ɵɵlistener("click", function PSPipelineWizardComponent_Conditional_45_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.prevStep()); });
+    i0.ɵɵelement(1, "i", 101);
+    i0.ɵɵtext(2, " Back ");
+    i0.ɵɵelementEnd();
+} }
+function PSPipelineWizardComponent_Conditional_46_Template(rf, ctx) { if (rf & 1) {
+    const _r19 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 102);
+    i0.ɵɵlistener("click", function PSPipelineWizardComponent_Conditional_46_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.nextStep()); });
+    i0.ɵɵtext(1, " Next ");
+    i0.ɵɵelement(2, "i", 103);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("disabled", !ctx_r1.canProceed());
+} }
+function PSPipelineWizardComponent_Conditional_47_Template(rf, ctx) { if (rf & 1) {
+    const _r20 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 104);
+    i0.ɵɵlistener("click", function PSPipelineWizardComponent_Conditional_47_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.saveDraft()); });
+    i0.ɵɵelement(1, "i", 105);
+    i0.ɵɵtext(2, " Save Draft ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "button", 102);
+    i0.ɵɵlistener("click", function PSPipelineWizardComponent_Conditional_47_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.saveAndTrain()); });
+    i0.ɵɵelement(4, "i", 106);
+    i0.ɵɵtext(5, " Save & Train Now ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("disabled", ctx_r1.busy || !ctx_r1.canSave());
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("disabled", ctx_r1.busy || !ctx_r1.canSave());
+} }
+export class PSPipelineWizardComponent {
+    provider = null;
+    currentUser = null;
+    engine = null;
+    initialAlgorithmName;
+    initialAlgorithmId;
+    cloneFromPipeline;
+    set cloneFrom(p) {
+        this.cloneFromPipeline = p ?? undefined;
+    }
+    closed = new EventEmitter();
+    saved = new EventEmitter();
+    trainRequested = new EventEmitter();
+    cdr = inject(ChangeDetectorRef);
+    notifications = inject(MJNotificationService);
+    currentStep = 'goal';
+    busy = false;
+    isEditing = false;
+    // Step 1: Goal & Target
+    pipelineName = '';
+    pipelineDescription = '';
+    selectedEntityId = '';
+    targetVariable = '';
+    problemType = 'classification';
+    evaluationMetric = 'AUC';
+    asOfMode = 'none';
+    asOfColumn = '';
+    asOfOffsetDays = 30;
+    // Step 2: Features
+    fieldItems = [];
+    fieldSearchFilter = '';
+    dominanceThreshold = DOMINANCE_THRESHOLD_DEFAULT;
+    // Step 3: Preprocessing
+    categoricalEncoding = 'onehot';
+    imputeStrategy = 'median';
+    standardizeStrategy = 'standard';
+    // Step 4: Algorithm & Validation
+    selectedAlgorithmId = '';
+    hyperparamEstimators = 100;
+    hyperparamMaxDepth = 6;
+    hyperparamLearningRate = 0.1;
+    validationStrategyType = 'train_test_split';
+    testSplitRatio = 0.2;
+    kFolds = 5;
+    ngOnInit() {
+        this.initFromDefaults();
+    }
+    get availableEntities() {
+        if (!this.provider)
+            return [];
+        return this.provider.Entities.filter((e) => !e.VirtualEntity && e.AllowUserSearchAPI)
+            .sort((a, b) => a.Name.localeCompare(b.Name));
+    }
+    get selectedEntity() {
+        if (!this.selectedEntityId || !this.provider)
+            return null;
+        return this.provider.Entities.find((e) => UUIDsEqual(e.ID, this.selectedEntityId)) ?? null;
+    }
+    get availableFields() {
+        return this.selectedEntity?.Fields ?? [];
+    }
+    get dateFields() {
+        return this.availableFields.filter((f) => f.Type?.toLowerCase().includes('date') || f.Type?.toLowerCase().includes('time'));
+    }
+    get availableMetrics() {
+        if (this.problemType === 'classification') {
+            return ['AUC', 'Accuracy', 'F1', 'Log Loss', 'Precision', 'Recall'];
+        }
+        return ['RMSE', 'MAE', 'R2', 'MSE'];
+    }
+    get availableAlgorithms() {
+        return this.engine?.Algorithms ?? [];
+    }
+    get filteredFieldItems() {
+        const q = this.fieldSearchFilter.trim().toLowerCase();
+        if (!q)
+            return this.fieldItems;
+        return this.fieldItems.filter((item) => item.field.Name.toLowerCase().includes(q) || item.field.Type?.toLowerCase().includes(q));
+    }
+    get selectedFeaturesCount() {
+        return this.fieldItems.filter((i) => i.selected && !i.isDenyList && !i.isTarget).length;
+    }
+    get denyListCount() {
+        return this.fieldItems.filter((i) => i.isDenyList).length;
+    }
+    onEntitySelected(entityId) {
+        this.selectedEntityId = entityId;
+        this.targetVariable = '';
+        this.populateFieldItems();
+        this.cdr.detectChanges();
+    }
+    onProblemTypeChange() {
+        this.evaluationMetric = this.problemType === 'classification' ? 'AUC' : 'RMSE';
+        this.cdr.detectChanges();
+    }
+    onAlgorithmSelected(algoId) {
+        this.selectedAlgorithmId = algoId;
+        this.cdr.detectChanges();
+    }
+    toggleDenyList(item) {
+        item.isDenyList = !item.isDenyList;
+        if (item.isDenyList) {
+            item.selected = false;
+        }
+        this.cdr.detectChanges();
+    }
+    selectAllFields(val) {
+        for (const item of this.fieldItems) {
+            if (!item.isTarget && !item.isDenyList) {
+                item.selected = val;
+            }
+        }
+        this.cdr.detectChanges();
+    }
+    excludeAuditFields() {
+        for (const item of this.fieldItems) {
+            const name = item.field.Name.toLowerCase();
+            if (name === 'id' ||
+                name.startsWith('__mj') ||
+                name.includes('created') ||
+                name.includes('updated') ||
+                name.includes('password')) {
+                item.selected = false;
+            }
+        }
+        this.cdr.detectChanges();
+    }
+    isStepDone(step) {
+        switch (step) {
+            case 'goal':
+                return Boolean(this.pipelineName.trim() && this.selectedEntityId && this.targetVariable);
+            case 'features':
+                return this.selectedFeaturesCount > 0;
+            case 'preprocessing':
+                return true;
+            case 'algorithm':
+                return Boolean(this.selectedAlgorithmId);
+        }
+    }
+    canProceed() {
+        return this.isStepDone(this.currentStep);
+    }
+    canSave() {
+        return (Boolean(this.pipelineName.trim()) &&
+            Boolean(this.selectedEntityId) &&
+            Boolean(this.targetVariable) &&
+            Boolean(this.selectedAlgorithmId) &&
+            this.selectedFeaturesCount > 0);
+    }
+    goToStep(step) {
+        this.currentStep = step;
+        this.cdr.detectChanges();
+    }
+    nextStep() {
+        if (this.currentStep === 'goal')
+            this.currentStep = 'features';
+        else if (this.currentStep === 'features')
+            this.currentStep = 'preprocessing';
+        else if (this.currentStep === 'preprocessing')
+            this.currentStep = 'algorithm';
+        this.cdr.detectChanges();
+    }
+    prevStep() {
+        if (this.currentStep === 'algorithm')
+            this.currentStep = 'preprocessing';
+        else if (this.currentStep === 'preprocessing')
+            this.currentStep = 'features';
+        else if (this.currentStep === 'features')
+            this.currentStep = 'goal';
+        this.cdr.detectChanges();
+    }
+    cancel() {
+        this.closed.emit();
+    }
+    onBackdropClick(event) {
+        if (event.target.classList.contains('ps-modal-backdrop')) {
+            this.cancel();
+        }
+    }
+    async saveDraft() {
+        return this.persistPipeline(false);
+    }
+    async saveAndTrain() {
+        const pipeline = await this.persistPipeline(true);
+        if (!pipeline)
+            return;
+        this.trainRequested.emit(pipeline);
+    }
+    async persistPipeline(andTrain) {
+        if (!this.canSave()) {
+            this.notifications.CreateSimpleNotification('Please complete required fields before saving.', 'warning', 3000);
+            return null;
+        }
+        this.busy = true;
+        this.cdr.detectChanges();
+        try {
+            const prov = this.provider ?? Metadata.Provider;
+            const p = await prov.GetEntityObject('MJ: ML Training Pipelines', this.currentUser ?? undefined);
+            p.NewRecord();
+            p.Name = this.pipelineName.trim();
+            p.Description = this.pipelineDescription.trim();
+            p.Version = 1;
+            p.Status = 'Draft';
+            p.TargetEntityID = this.selectedEntityId;
+            p.TargetVariable = this.targetVariable;
+            p.ProblemType = this.problemType;
+            p.AlgorithmID = this.selectedAlgorithmId;
+            // Source Bindings
+            const sourceBindings = [
+                {
+                    Kind: 'Entity',
+                    Ref: this.selectedEntity?.Name ?? this.selectedEntityId,
+                    Alias: 'src_primary',
+                },
+            ];
+            p.SourceBindings = JSON.stringify(sourceBindings);
+            // Feature Steps
+            const selectedColumns = this.fieldItems
+                .filter((i) => i.selected && !i.isDenyList && !i.isTarget)
+                .map((i) => i.field.Name);
+            const steps = [
+                {
+                    Id: 'step_select',
+                    Kind: 'select',
+                    Label: 'Select Features',
+                    Inputs: ['src_primary'],
+                    Columns: selectedColumns,
+                },
+            ];
+            if (this.categoricalEncoding === 'onehot') {
+                const catCols = this.fieldItems
+                    .filter((i) => i.selected && !i.isDenyList && !i.isTarget)
+                    .filter((i) => {
+                    const t = i.field.Type?.toLowerCase() ?? '';
+                    return t.includes('char') || t.includes('text') || t.includes('string');
+                })
+                    .map((i) => i.field.Name);
+                for (const c of catCols) {
+                    steps.push({
+                        Id: `step_onehot_${c}`,
+                        Kind: 'onehot',
+                        Label: `One-Hot ${c}`,
+                        Inputs: ['step_select'],
+                        Column: c,
+                    });
+                }
+            }
+            if (this.standardizeStrategy !== 'none') {
+                const numCols = this.fieldItems
+                    .filter((i) => i.selected && !i.isDenyList && !i.isTarget)
+                    .filter((i) => {
+                    const t = i.field.Type?.toLowerCase() ?? '';
+                    return (t.includes('int') ||
+                        t.includes('decimal') ||
+                        t.includes('float') ||
+                        t.includes('money') ||
+                        t.includes('numeric'));
+                })
+                    .map((i) => i.field.Name);
+                if (numCols.length > 0) {
+                    steps.push({
+                        Id: 'step_standardize',
+                        Kind: 'standardize',
+                        Label: 'Standardize Numerics',
+                        Inputs: ['step_select'],
+                        Columns: numCols,
+                    });
+                }
+            }
+            p.FeatureSteps = JSON.stringify({ Steps: steps });
+            // As-Of Strategy
+            const asOf = {
+                Mode: this.asOfMode,
+                ...(this.asOfMode === 'column' ? { Column: this.asOfColumn } : {}),
+                ...(this.asOfMode === 'offset' ? { OffsetDays: this.asOfOffsetDays } : {}),
+            };
+            p.AsOfStrategy = JSON.stringify(asOf);
+            // Leakage Guard
+            const denyList = this.fieldItems.filter((i) => i.isDenyList).map((i) => i.field.Name);
+            const leakageGuard = {
+                DenyFields: denyList,
+                SingleFeatureDominanceThreshold: this.dominanceThreshold,
+            };
+            p.LeakageGuard = JSON.stringify(leakageGuard);
+            // Validation Strategy
+            const valStrategy = {
+                Strategy: this.validationStrategyType,
+                LockedHoldoutFraction: 0.15,
+                ...(this.validationStrategyType === 'train_test_split' ? { TestSize: this.testSplitRatio } : {}),
+                ...(this.validationStrategyType === 'kfold' ? { K: this.kFolds } : {}),
+            };
+            p.ValidationStrategy = JSON.stringify(valStrategy);
+            if (!(await p.Save())) {
+                throw new Error(p.LatestResult?.CompleteMessage ?? 'Failed to save pipeline record.');
+            }
+            this.notifications.CreateSimpleNotification(`Training pipeline '${p.Name}' saved successfully.`, 'success', 3000);
+            this.saved.emit(p);
+            return p;
+        }
+        catch (err) {
+            const msg = err instanceof Error ? err.message : String(err);
+            this.notifications.CreateSimpleNotification(`Error saving pipeline: ${msg}`, 'error', 5000);
+            return null;
+        }
+        finally {
+            this.busy = false;
+            this.cdr.detectChanges();
+        }
+    }
+    initFromDefaults() {
+        // If initial algorithm requested (e.g. from Catalog)
+        if (this.initialAlgorithmId) {
+            this.selectedAlgorithmId = this.initialAlgorithmId;
+        }
+        else if (this.initialAlgorithmName && (this.engine?.Algorithms.length ?? 0) > 0) {
+            const match = this.engine.Algorithms.find((a) => a.Name.toLowerCase() === this.initialAlgorithmName.toLowerCase() ||
+                a.DriverClass?.toLowerCase() === this.initialAlgorithmName.toLowerCase());
+            if (match)
+                this.selectedAlgorithmId = match.ID;
+        }
+        else if ((this.engine?.Algorithms.length ?? 0) > 0) {
+            this.selectedAlgorithmId = this.engine.Algorithms[0].ID;
+        }
+        // If cloning from existing pipeline
+        if (this.cloneFromPipeline) {
+            const cp = this.cloneFromPipeline;
+            this.isEditing = false; // clone creates new
+            this.pipelineName = `${cp.Name} (Copy)`;
+            this.pipelineDescription = cp.Description || '';
+            this.selectedEntityId = cp.TargetEntityID;
+            this.targetVariable = cp.TargetVariable;
+            this.problemType = cp.ProblemType || 'classification';
+            if (cp.AlgorithmID)
+                this.selectedAlgorithmId = cp.AlgorithmID;
+            this.populateFieldItems();
+            // Read leakage guard
+            try {
+                if (cp.LeakageGuard) {
+                    const lg = JSON.parse(cp.LeakageGuard);
+                    const deny = (lg['DenyFields'] ?? lg['DenyList']);
+                    if (Array.isArray(deny)) {
+                        const denySet = new Set(deny.map((d) => d.toLowerCase()));
+                        for (const item of this.fieldItems) {
+                            if (denySet.has(item.field.Name.toLowerCase())) {
+                                item.isDenyList = true;
+                                item.selected = false;
+                            }
+                        }
+                    }
+                    if (typeof lg['SingleFeatureDominanceThreshold'] === 'number') {
+                        this.dominanceThreshold = lg['SingleFeatureDominanceThreshold'];
+                    }
+                }
+            }
+            catch {
+                // Ignore
+            }
+        }
+    }
+    populateFieldItems() {
+        if (!this.selectedEntity) {
+            this.fieldItems = [];
+            return;
+        }
+        const targetLower = (this.targetVariable || '').toLowerCase();
+        this.fieldItems = this.selectedEntity.Fields.map((f) => {
+            const nameLower = f.Name.toLowerCase();
+            const isTarget = Boolean(targetLower && nameLower === targetLower);
+            const isSystem = nameLower === 'id' ||
+                nameLower.startsWith('__mj') ||
+                nameLower.includes('created') ||
+                nameLower.includes('updated');
+            return {
+                field: f,
+                selected: !isTarget && !isSystem,
+                isDenyList: false,
+                isTarget,
+            };
+        });
+    }
+    static ɵfac = function PSPipelineWizardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PSPipelineWizardComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PSPipelineWizardComponent, selectors: [["ps-pipeline-wizard"]], inputs: { provider: "provider", currentUser: "currentUser", engine: "engine", initialAlgorithmName: "initialAlgorithmName", initialAlgorithmId: "initialAlgorithmId", cloneFromPipeline: "cloneFromPipeline", cloneFrom: "cloneFrom" }, outputs: { closed: "closed", saved: "saved", trainRequested: "trainRequested" }, decls: 48, vars: 23, consts: [[1, "ps-modal-backdrop", 3, "click"], ["role", "dialog", "aria-modal", "true", "data-testid", "ps-pipeline-wizard", 1, "ps-modal-dialog", "ps-wizard-dialog"], [1, "ps-wizard-header"], [1, "ps-wizard-header-title"], [1, "fa-solid", "fa-wand-magic-sparkles"], [1, "ps-wizard-subtitle"], ["aria-label", "Close wizard", 1, "ps-wizard-close", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "ps-wizard-stepper"], [1, "ps-step-tab", 3, "click"], [1, "step-num"], [1, "step-label"], [1, "step-line"], [1, "ps-wizard-body"], ["data-testid", "ps-wizard-step-goal", 1, "ps-step-content"], ["data-testid", "ps-wizard-step-features", 1, "ps-step-content"], ["data-testid", "ps-wizard-step-preprocessing", 1, "ps-step-content"], ["data-testid", "ps-wizard-step-algorithm", 1, "ps-step-content"], [1, "ps-wizard-footer"], ["mjButton", "", "variant", "secondary", "size", "sm", 3, "click"], [1, "ps-spacer"], ["mjButton", "", "variant", "secondary", "size", "sm"], ["mjButton", "", "variant", "primary", "size", "sm", 3, "disabled"], [1, "ps-field"], ["for", "pipeline-name"], [1, "req"], ["id", "pipeline-name", "type", "text", "placeholder", "e.g. Member Renewal Risk v1", 1, "mj-input", 3, "ngModelChange", "ngModel"], ["for", "pipeline-desc"], ["id", "pipeline-desc", "rows", "2", "placeholder", "Predicts whether active members will renew before their period ends.", 1, "mj-textarea", 3, "ngModelChange", "ngModel"], [1, "ps-grid-2"], ["for", "target-entity"], ["id", "target-entity", 1, "mj-input", 3, "ngModelChange", "ngModel"], ["disabled", "", 3, "value"], [3, "value"], ["for", "target-variable"], ["id", "target-variable", 1, "mj-input", 3, "ngModelChange", "ngModel", "disabled"], ["for", "problem-type"], ["id", "problem-type", 1, "mj-input", 3, "ngModelChange", "ngModel"], ["value", "classification"], ["value", "regression"], ["for", "eval-metric"], ["id", "eval-metric", 1, "mj-input", 3, "ngModelChange", "ngModel"], [1, "ps-card", "as-of-box"], [1, "ps-card-head"], [1, "fa-solid", "fa-clock-rotate-left"], [1, "ps-card-body"], [1, "mj-input", 3, "ngModelChange", "ngModel"], ["value", "none"], ["value", "column"], ["value", "offset"], ["type", "number", "min", "1", 1, "mj-input", 3, "ngModelChange", "ngModel"], [1, "feat-toolbar"], [1, "feat-search"], [1, "fa-solid", "fa-magnifying-glass"], ["type", "text", "placeholder", "Filter fields by name or type\u2026", 1, "mj-input", 3, "ngModelChange", "ngModel"], [1, "feat-actions"], [1, "feat-stats"], [1, "text-danger"], [1, "feat-table-wrap"], [1, "ps-table", "feat-table"], [2, "width", "40px"], [2, "width", "140px", "text-align", "center"], [3, "target-row", "deny-row"], [1, "ps-field", 2, "margin-top", "14px"], [1, "slider-row"], ["type", "range", "min", "0.5", "max", "0.99", "step", "0.01", 3, "ngModelChange", "ngModel"], [1, "ps-muted", "ps-small"], ["type", "checkbox", 3, "ngModelChange", "ngModel", "disabled"], [1, "ps-badge", "info", 2, "margin-left", "6px"], [2, "text-align", "center"], ["title", "Add to leakage deny-list", 1, "ps-deny-toggle", 3, "denied"], ["title", "Add to leakage deny-list", 1, "ps-deny-toggle", 3, "click"], [1, "fa-solid"], [1, "recipe-card"], [1, "recipe-icon"], [1, "fa-solid", "fa-table-cells"], [1, "recipe-details"], [1, "ps-small", "ps-muted"], ["value", "onehot"], [1, "fa-solid", "fa-fill-drip"], ["value", "median"], ["value", "mean"], ["value", "mode"], ["value", "constant"], [1, "fa-solid", "fa-ruler-combined"], ["value", "standard"], ["value", "minmax"], ["for", "algorithm-select"], ["id", "algorithm-select", 1, "mj-input", 3, "ngModelChange", "ngModel"], [1, "ps-card", 2, "margin", "12px 0"], [1, "fa-solid", "fa-sliders"], [1, "ps-grid-3"], ["type", "number", "min", "10", "max", "1000", "step", "10", 1, "mj-input", 3, "ngModelChange", "ngModel"], ["type", "number", "min", "1", "max", "20", 1, "mj-input", 3, "ngModelChange", "ngModel"], ["type", "number", "min", "0.001", "max", "1", "step", "0.01", 1, "mj-input", 3, "ngModelChange", "ngModel"], [1, "ps-card"], [1, "fa-solid", "fa-scissors"], ["value", "train_test_split"], ["value", "kfold"], ["type", "range", "min", "0.1", "max", "0.4", "step", "0.05", 3, "ngModelChange", "ngModel"], ["type", "number", "min", "2", "max", "10", 1, "mj-input", 3, "ngModelChange", "ngModel"], [1, "fa-solid", "fa-arrow-left"], ["mjButton", "", "variant", "primary", "size", "sm", 3, "click", "disabled"], [1, "fa-solid", "fa-arrow-right"], ["mjButton", "", "variant", "secondary", "size", "sm", 3, "click", "disabled"], [1, "fa-solid", "fa-floppy-disk"], [1, "fa-solid", "fa-play"]], template: function PSPipelineWizardComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵlistener("click", function PSPipelineWizardComponent_Template_div_click_0_listener($event) { return ctx.onBackdropClick($event); });
+            i0.ɵɵelementStart(1, "div", 1)(2, "div", 2)(3, "div", 3);
+            i0.ɵɵelement(4, "i", 4);
+            i0.ɵɵelementStart(5, "div")(6, "h2");
+            i0.ɵɵtext(7);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(8, "span", 5);
+            i0.ɵɵtext(9, "Step-by-step pipeline configuration with leakage guard");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(10, "button", 6);
+            i0.ɵɵlistener("click", function PSPipelineWizardComponent_Template_button_click_10_listener() { return ctx.cancel(); });
+            i0.ɵɵelement(11, "i", 7);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(12, "div", 8)(13, "button", 9);
+            i0.ɵɵlistener("click", function PSPipelineWizardComponent_Template_button_click_13_listener() { return ctx.goToStep("goal"); });
+            i0.ɵɵelementStart(14, "span", 10);
+            i0.ɵɵtext(15, "1");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(16, "span", 11);
+            i0.ɵɵtext(17, "Goal & Target");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelement(18, "div", 12);
+            i0.ɵɵelementStart(19, "button", 9);
+            i0.ɵɵlistener("click", function PSPipelineWizardComponent_Template_button_click_19_listener() { return ctx.goToStep("features"); });
+            i0.ɵɵelementStart(20, "span", 10);
+            i0.ɵɵtext(21, "2");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(22, "span", 11);
+            i0.ɵɵtext(23, "Features & Leakage");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelement(24, "div", 12);
+            i0.ɵɵelementStart(25, "button", 9);
+            i0.ɵɵlistener("click", function PSPipelineWizardComponent_Template_button_click_25_listener() { return ctx.goToStep("preprocessing"); });
+            i0.ɵɵelementStart(26, "span", 10);
+            i0.ɵɵtext(27, "3");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(28, "span", 11);
+            i0.ɵɵtext(29, "Preprocessing");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelement(30, "div", 12);
+            i0.ɵɵelementStart(31, "button", 9);
+            i0.ɵɵlistener("click", function PSPipelineWizardComponent_Template_button_click_31_listener() { return ctx.goToStep("algorithm"); });
+            i0.ɵɵelementStart(32, "span", 10);
+            i0.ɵɵtext(33, "4");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(34, "span", 11);
+            i0.ɵɵtext(35, "Algorithm & Split");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(36, "div", 13);
+            i0.ɵɵconditionalCreate(37, PSPipelineWizardComponent_Conditional_37_Template, 66, 12, "div", 14);
+            i0.ɵɵconditionalCreate(38, PSPipelineWizardComponent_Conditional_38_Template, 51, 10, "div", 15);
+            i0.ɵɵconditionalCreate(39, PSPipelineWizardComponent_Conditional_39_Template, 46, 3, "div", 16);
+            i0.ɵɵconditionalCreate(40, PSPipelineWizardComponent_Conditional_40_Template, 45, 6, "div", 17);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(41, "div", 18)(42, "button", 19);
+            i0.ɵɵlistener("click", function PSPipelineWizardComponent_Template_button_click_42_listener() { return ctx.cancel(); });
+            i0.ɵɵtext(43, "Cancel");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(44, "span", 20);
+            i0.ɵɵconditionalCreate(45, PSPipelineWizardComponent_Conditional_45_Template, 3, 0, "button", 21);
+            i0.ɵɵconditionalCreate(46, PSPipelineWizardComponent_Conditional_46_Template, 3, 1, "button", 22)(47, PSPipelineWizardComponent_Conditional_47_Template, 6, 2);
+            i0.ɵɵelementEnd()()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(7);
+            i0.ɵɵtextInterpolate(ctx.isEditing ? "Edit Training Pipeline" : "New ML Training Pipeline");
+            i0.ɵɵadvance(6);
+            i0.ɵɵclassProp("active", ctx.currentStep === "goal")("done", ctx.isStepDone("goal"));
+            i0.ɵɵadvance(6);
+            i0.ɵɵclassProp("active", ctx.currentStep === "features")("done", ctx.isStepDone("features"));
+            i0.ɵɵadvance(6);
+            i0.ɵɵclassProp("active", ctx.currentStep === "preprocessing")("done", ctx.isStepDone("preprocessing"));
+            i0.ɵɵadvance(6);
+            i0.ɵɵclassProp("active", ctx.currentStep === "algorithm")("done", ctx.isStepDone("algorithm"));
+            i0.ɵɵadvance(6);
+            i0.ɵɵconditional(ctx.currentStep === "goal" ? 37 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.currentStep === "features" ? 38 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.currentStep === "preprocessing" ? 39 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.currentStep === "algorithm" ? 40 : -1);
+            i0.ɵɵadvance(5);
+            i0.ɵɵconditional(ctx.currentStep !== "goal" ? 45 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.currentStep !== "algorithm" ? 46 : 47);
+        } }, dependencies: [CommonModule, FormsModule, i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.DefaultValueAccessor, i1.NumberValueAccessor, i1.RangeValueAccessor, i1.CheckboxControlValueAccessor, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.MinValidator, i1.MaxValidator, i1.NgModel, MJButtonDirective, i2.PercentPipe], styles: ["/* ============================================================================\n   Predictive Studio \u2014 shared panel styles (design-token compliant)\n   Maps the mockup design system onto MemberJunction semantic --mj-* tokens.\n   Loaded by every PS panel component (styleUrls) under ViewEncapsulation.None,\n   so the class names are global within the PS dashboard subtree.\n   No hardcoded colors except the intentional categorical node/algorithm palette\n   (declared once as --ps-* custom props below) which must stay distinct across\n   light/dark to remain readable as diagram accents.\n   ============================================================================ */\n\n/* Categorical accents for DAG node types + algorithm chips. These are\n   data-visualization colors that must remain distinct regardless of theme\n   (allowed exception #3 in the design-token rules). */\n.ps-panel {\n  --ps-node-source: #6b7280;\n  --ps-node-feature: #2050c8;\n  --ps-node-embedding: #7b3ff0;\n  --ps-node-target: #1f9d57;\n  --ps-node-algorithm: #d98213;\n  /* budget-gauge categorical accents (reuse the node palette so light/dark stay distinct) */\n  --ps-gauge-cost: var(--ps-node-algorithm);\n  --ps-gauge-iterations: var(--ps-node-feature);\n}\n\n.ps-panel {\n  display: block;\n  height: 100%;\n}\n\n/* ---- generic layout helpers ---- */\n.ps-row { display: flex; gap: 16px; }\n.ps-col { display: flex; flex-direction: column; gap: 16px; }\n.ps-wrap { flex-wrap: wrap; }\n.ps-spacer { flex: 1; }\n.ps-muted { color: var(--mj-text-muted); }\n.ps-small { font-size: 12.5px; }\n.ps-mono { font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace; font-size: 12.5px; }\n.ps-section-title {\n  font-size: 12px; text-transform: uppercase; letter-spacing: .06em;\n  color: var(--mj-text-muted); margin: 4px 0 2px; font-weight: 700;\n}\n\n/* ---- cards ---- */\n.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-card-head {\n  display: flex; align-items: center; gap: 10px;\n  padding: 14px 16px; border-bottom: 1px solid var(--mj-border-subtle);\n}\n.ps-card-head h3 { font-size: 14.5px; margin: 0; font-weight: 650; color: var(--mj-text-primary); }\n.ps-card-body { padding: 16px; }\n\n/* ---- KPI tiles ---- */\n.ps-kpi {\n  background: var(--mj-bg-surface); border: 1px solid var(--mj-border-default);\n  border-radius: 8px; padding: 16px 18px;\n}\n.ps-kpi .label { font-size: 12px; color: var(--mj-text-muted); font-weight: 600; }\n.ps-kpi .val { font-size: 26px; font-weight: 720; letter-spacing: -.02em; margin-top: 2px; color: var(--mj-text-primary); }\n\n/* ---- badges ---- */\n.ps-badge {\n  display: inline-flex; align-items: center; gap: 5px;\n  padding: 2px 9px; border-radius: 999px; font-size: 11.5px; font-weight: 650; line-height: 1.7;\n}\n.ps-badge.gray { background: var(--mj-bg-surface-sunken); color: var(--mj-text-secondary); }\n.ps-badge.blue { background: var(--mj-status-info-bg); color: var(--mj-status-info-text); }\n.ps-badge.green { background: var(--mj-status-success-bg); color: var(--mj-status-success-text); }\n.ps-badge.amber { background: var(--mj-status-warning-bg); color: var(--mj-status-warning-text); }\n.ps-badge.red { background: var(--mj-status-error-bg); color: var(--mj-status-error-text); }\n.ps-dot { width: 7px; height: 7px; border-radius: 50%; display: inline-block; }\n\n/* recommendation-level chips (the ranking matrix payoff) */\n.ps-lvl {\n  display: inline-flex; align-items: center; justify-content: center;\n  min-width: 92px; padding: 4px 10px; border-radius: 7px;\n  font-weight: 650; font-size: 11.5px; color: var(--mj-text-inverse);\n}\n.ps-lvl-Primary { background: var(--mj-status-success); }\n.ps-lvl-Strong { background: var(--mj-status-info); }\n.ps-lvl-Viable { background: var(--mj-status-warning); }\n.ps-lvl-Weak { background: var(--mj-text-disabled); }\n.ps-lvl-NotRecommended { background: var(--mj-bg-surface-sunken); color: var(--mj-text-muted); }\n\n/* ---- tags ---- */\n.ps-tag {\n  display: inline-block; padding: 2px 8px; border-radius: 6px;\n  background: var(--mj-bg-surface-sunken); color: var(--mj-text-secondary);\n  font-size: 11.5px; font-weight: 600;\n}\n.ps-tag.muted { opacity: .6; }\n.ps-divider { height: 1px; background: var(--mj-border-subtle); margin: 8px 0; }\n\n/* ---- tables ---- */\n.ps-table { width: 100%; border-collapse: collapse; font-size: 13px; }\n.ps-table th {\n  text-align: left; font-size: 11.5px; text-transform: uppercase; letter-spacing: .04em;\n  color: var(--mj-text-muted); font-weight: 700; padding: 9px 12px;\n  border-bottom: 1px solid var(--mj-border-default);\n}\n.ps-table td { padding: 11px 12px; border-bottom: 1px solid var(--mj-border-subtle); color: var(--mj-text-primary); }\n.ps-table tr:hover td { background: var(--mj-bg-surface-hover); }\n.ps-table .num { text-align: right; font-variant-numeric: tabular-nums; }\n\n.ps-rank {\n  width: 22px; height: 22px; border-radius: 6px; background: var(--mj-bg-surface-sunken);\n  display: inline-grid; place-items: center; font-weight: 700; font-size: 11.5px; color: var(--mj-text-secondary);\n}\n.ps-rank.gold { background: var(--mj-status-warning-bg); color: var(--mj-status-warning-text); }\n\n/* ---- progress bars ---- */\n.ps-bar { height: 8px; border-radius: 999px; background: var(--mj-bg-surface-sunken); overflow: hidden; }\n.ps-bar > span { display: block; height: 100%; border-radius: 999px; background: var(--mj-brand-primary); }\n.ps-bar.warn > span { background: var(--mj-status-warning); }\n.ps-bar.run > span { background: var(--mj-brand-primary); }\n\n.ps-fbar { display: grid; grid-template-columns: minmax(150px, 1.3fr) 2fr 56px; align-items: center; gap: 14px; padding: 8px 0; }\n.ps-fbar + .ps-fbar { border-top: 1px solid var(--mj-border-subtle); }\n.ps-fbar .track { height: 10px; border-radius: var(--mj-radius-full); background: var(--mj-bg-surface-sunken); overflow: hidden; }\n.ps-fbar .track > span { display: block; height: 100%; border-radius: var(--mj-radius-full); background: var(--mj-brand-primary); }\n.ps-fbar .track > span.warn { background: var(--mj-status-warning); }\n.ps-fbar .name { color: var(--mj-text-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.ps-fbar > .ps-mono { text-align: right; color: var(--mj-text-secondary); font-variant-numeric: tabular-nums; }\n\n/* gauge */\n.ps-gauge {\n  position: relative; width: 64px; height: 64px; border-radius: 50%; flex: 0 0 auto;\n  background: conic-gradient(var(--ps-gauge-color, var(--mj-brand-primary)) calc(var(--ps-p, 40) * 1%), var(--mj-bg-surface-sunken) 0);\n  display: grid; place-items: center;\n}\n.ps-gauge::after { content: ''; position: absolute; inset: 9px; background: var(--mj-bg-surface); border-radius: 50%; }\n.ps-gauge .g-val { position: relative; font-weight: 720; font-size: 14px; color: var(--mj-text-primary); }\n\n/* warning / info callouts */\n.ps-callout { display: flex; gap: 11px; padding: 12px 14px; border-radius: 10px; border: 1px solid; }\n.ps-callout.warn { background: var(--mj-status-warning-bg); border-color: var(--mj-status-warning-border); color: var(--mj-status-warning-text); }\n.ps-callout.info { background: var(--mj-status-info-bg); border-color: var(--mj-status-info-border); color: var(--mj-status-info-text); }\n.ps-callout.success { background: var(--mj-status-success-bg); border-color: var(--mj-status-success-border); color: var(--mj-status-success-text); }\n.ps-callout i { font-size: 16px; margin-top: 1px; }\n\n/* lifecycle stepper */\n.ps-stepper { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }\n.ps-step { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: var(--mj-text-muted); }\n.ps-step .pip {\n  width: 22px; height: 22px; border-radius: 50%; border: 2px solid var(--mj-border-strong);\n  display: grid; place-items: center; font-size: 11px;\n}\n.ps-step.done { color: var(--mj-status-success-text); }\n.ps-step.done .pip { background: var(--mj-status-success); border-color: var(--mj-status-success); color: var(--mj-text-inverse); }\n.ps-step.curr { color: var(--mj-brand-primary); }\n.ps-step.curr .pip { border-color: var(--mj-brand-primary); color: var(--mj-brand-primary); }\n.ps-step .ln { width: 26px; height: 2px; background: var(--mj-border-strong); }\n\n/* ---- DAG flow canvas ---- */\n.ps-flow {\n  position: relative;\n  background:\n    linear-gradient(var(--mj-border-subtle) 1px, transparent 1px) 0 0 / 22px 22px,\n    linear-gradient(90deg, var(--mj-border-subtle) 1px, transparent 1px) 0 0 / 22px 22px,\n    var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default); border-radius: 10px;\n  min-height: 620px; overflow: hidden;\n}\n.ps-node {\n  position: absolute; width: 190px; background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-strong); border-left-width: 3px; border-radius: 8px;\n  cursor: pointer;\n}\n.ps-node .nh {\n  display: flex; align-items: center; gap: 8px; padding: 9px 11px;\n  border-bottom: 1px solid var(--mj-border-subtle); font-weight: 650; font-size: 12.5px; color: var(--mj-text-primary);\n}\n.ps-node .nh i.tile {\n  width: 24px; height: 24px; border-radius: 6px; display: grid; place-items: center;\n  color: var(--mj-text-inverse); font-size: 12px; flex: 0 0 auto;\n}\n.ps-node .nh .ps-tag { margin-left: auto; }\n.ps-node .nb { padding: 9px 11px; font-size: 12px; color: var(--mj-text-secondary); }\n.ps-node .nb-row { display: flex; justify-content: space-between; gap: 8px; padding: 2px 0; }\n.ps-node .nb-row .k { color: var(--mj-text-muted); }\n.ps-node.src { border-left-color: var(--ps-node-source); }\n.ps-node.src .nh i.tile { background: var(--ps-node-source); }\n.ps-node.feat { border-left-color: var(--ps-node-feature); }\n.ps-node.feat .nh i.tile { background: var(--ps-node-feature); }\n.ps-node.emb { border-left-color: var(--ps-node-embedding); }\n.ps-node.emb .nh i.tile { background: var(--ps-node-embedding); }\n.ps-node.target { border-left-color: var(--ps-node-target); }\n.ps-node.target .nh i.tile { background: var(--ps-node-target); }\n.ps-node.algo { border-left-color: var(--ps-node-algorithm); }\n.ps-node.algo .nh i.tile { background: var(--ps-node-algorithm); }\n.ps-node.output { border-left-color: var(--mj-status-success); }\n.ps-node.output .nh i.tile { background: var(--mj-status-success); }\n.ps-node.selected {\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 18%, transparent);\n}\n.ps-node .port {\n  position: absolute; width: 11px; height: 11px; border-radius: 50%;\n  background: var(--mj-bg-surface); border: 2px solid var(--mj-brand-primary);\n  top: 50%; transform: translateY(-50%);\n}\n.ps-node .port.in { left: -6px; }\n.ps-node .port.out { right: -6px; }\nsvg.ps-edges { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }\nsvg.ps-edges path { stroke: color-mix(in srgb, var(--mj-brand-primary) 45%, transparent); stroke-width: 2; fill: none; }\n\n/* palette chips */\n.ps-pchip {\n  display: inline-flex; align-items: center; gap: 7px; padding: 6px 11px; border-radius: 8px;\n  border: 1px dashed var(--mj-border-strong); background: var(--mj-bg-surface);\n  font-size: 12.5px; font-weight: 600; color: var(--mj-text-secondary); cursor: grab;\n}\n.ps-pchip i { font-size: 12px; color: var(--mj-text-inverse); width: 20px; height: 20px; border-radius: 5px; display: grid; place-items: center; }\n.ps-pchip.s i { background: var(--ps-node-source); }\n.ps-pchip.f i { background: var(--ps-node-feature); }\n.ps-pchip.e i { background: var(--ps-node-embedding); }\n.ps-pchip.t i { background: var(--ps-node-target); }\n.ps-pchip.a i { background: var(--ps-node-algorithm); }\n\n/* segmented control */\n.ps-seg { display: inline-flex; border: 1px solid var(--mj-border-default); border-radius: 8px; overflow: hidden; }\n.ps-seg button {\n  border: none; background: var(--mj-bg-surface); color: var(--mj-text-secondary);\n  padding: 6px 12px; font-size: 12.5px; font-weight: 600; cursor: pointer;\n  border-right: 1px solid var(--mj-border-default);\n}\n.ps-seg button:last-child { border-right: none; }\n.ps-seg button.on { background: var(--mj-brand-primary); color: var(--mj-text-inverse); }\n\n/* field control */\n.ps-field { margin-bottom: 14px; }\n.ps-field > label {\n  display: block; font-size: 11px; text-transform: uppercase; letter-spacing: .04em;\n  color: var(--mj-text-muted); font-weight: 700; margin-bottom: 6px;\n}\n.ps-input {\n  width: 100%; padding: 8px 10px; border: 1px solid var(--mj-border-default);\n  border-radius: 6px; font-size: 13px; background: var(--mj-bg-surface); color: var(--mj-text-primary);\n  box-sizing: border-box;\n}\n.ps-input:focus { outline: none; border-color: var(--mj-brand-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 12%, transparent); }\n\n/* loading container */\n.ps-loading { display: flex; align-items: center; justify-content: center; padding: 60px 0; }\n\n/* ---- empty / prompt states ---- */\n.ps-empty {\n  display: flex; flex-direction: column; align-items: center; justify-content: center;\n  text-align: center; gap: 10px; padding: 56px 24px; color: var(--mj-text-muted);\n}\n.ps-empty .ps-empty-ico {\n  width: 60px; height: 60px; border-radius: 16px; display: grid; place-items: center;\n  background: var(--mj-bg-surface-sunken); color: var(--mj-text-disabled); font-size: 24px;\n}\n.ps-empty h3 { margin: 4px 0 0; font-size: 16px; font-weight: 650; color: var(--mj-text-secondary); }\n.ps-empty p { margin: 0; max-width: 420px; font-size: 13px; line-height: 1.5; }\n\n/* ---- confirm modal ---- */\n.ps-modal-backdrop {\n  position: fixed; inset: 0; z-index: 1000;\n  background: var(--mj-bg-overlay);\n  display: flex; align-items: center; justify-content: center; padding: 24px;\n}\n.ps-modal {\n  width: 100%; max-width: 480px; background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default); border-radius: 14px;\n  box-shadow: var(--mj-shadow-lg, var(--mj-shadow-sm)); overflow: hidden;\n}\n.ps-modal-head {\n  display: flex; align-items: center; gap: 12px; padding: 18px 20px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n.ps-modal-head .ico {\n  width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center;\n  font-size: 16px; flex: 0 0 auto;\n  background: var(--mj-status-info-bg); color: var(--mj-status-info-text);\n}\n.ps-modal-head.warn .ico { background: var(--mj-status-warning-bg); color: var(--mj-status-warning-text); }\n.ps-modal-head.danger .ico { background: var(--mj-status-error-bg); color: var(--mj-status-error-text); }\n.ps-modal-head h3 { margin: 0; font-size: 15.5px; font-weight: 650; color: var(--mj-text-primary); }\n.ps-modal-body { padding: 18px 20px; font-size: 13.5px; line-height: 1.55; color: var(--mj-text-secondary); }\n.ps-modal-body .ps-field { margin-top: 14px; margin-bottom: 0; }\n.ps-modal-foot {\n  display: flex; align-items: center; gap: 10px; padding: 14px 20px;\n  border-top: 1px solid var(--mj-border-subtle); background: var(--mj-bg-surface-card);\n}\n.ps-modal-foot .ps-spacer { flex: 1; }\n", ".ps-modal-backdrop {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.55);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 9999;\n  backdrop-filter: blur(2px);\n}\n\n.ps-wizard-dialog {\n  width: 920px;\n  max-width: 95vw;\n  max-height: 90vh;\n  background: var(--mj-bg-surface-card);\n  border-radius: var(--mj-radius-xl, 12px);\n  border: 1px solid var(--mj-border-default);\n  box-shadow: var(--mj-shadow-2xl);\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n.ps-wizard-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px;\n  border-bottom: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n}\n\n.ps-wizard-header-title {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.ps-wizard-header-title i {\n  font-size: 24px;\n  color: var(--mj-brand-primary);\n}\n\n.ps-wizard-header-title h2 {\n  margin: 0;\n  font-size: 1.15rem;\n  font-weight: 700;\n  color: var(--mj-text-primary);\n}\n\n.ps-wizard-subtitle {\n  font-size: var(--mj-text-xs);\n  color: var(--mj-text-muted);\n}\n\n.ps-wizard-close {\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  padding: 6px 8px;\n  border-radius: 6px;\n  color: var(--mj-text-muted);\n}\n\n.ps-wizard-close:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n}\n\n.ps-wizard-stepper {\n  display: flex;\n  align-items: center;\n  padding: 12px 20px;\n  background: var(--mj-bg-surface);\n  border-bottom: 1px solid var(--mj-border-default);\n  gap: 8px;\n}\n\n.ps-step-tab {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  padding: 6px 12px;\n  border-radius: var(--mj-radius-md);\n  color: var(--mj-text-muted);\n  font-size: var(--mj-text-sm);\n  font-weight: 500;\n  transition: all 0.15s;\n}\n\n.ps-step-tab .step-num {\n  width: 22px;\n  height: 22px;\n  border-radius: 50%;\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-muted);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 11px;\n  font-weight: 700;\n}\n\n.ps-step-tab.active {\n  color: var(--mj-brand-primary);\n  font-weight: 600;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.ps-step-tab.active .step-num {\n  background: var(--mj-brand-primary);\n  color: white;\n}\n\n.ps-step-tab.done .step-num {\n  background: var(--mj-status-success-bg, #e6f4ea);\n  color: var(--mj-status-success, #137333);\n}\n\n.step-line {\n  flex: 1;\n  height: 2px;\n  background: var(--mj-border-default);\n}\n\n.ps-wizard-body {\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  padding: 20px;\n}\n\n.ps-step-content {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n\n.ps-grid-2 {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 14px;\n}\n\n.ps-grid-3 {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  gap: 14px;\n}\n\n.ps-field {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.ps-field label {\n  font-size: var(--mj-text-xs);\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n}\n\n.ps-field label .req {\n  color: var(--mj-status-error, #d93025);\n}\n\n.as-of-box {\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md);\n  margin-top: 6px;\n}\n\n.feat-toolbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n}\n\n.feat-search {\n  position: relative;\n  flex: 1;\n}\n\n.feat-search i {\n  position: absolute;\n  left: 10px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: var(--mj-text-muted);\n}\n\n.feat-search input {\n  padding-left: 32px;\n  width: 100%;\n}\n\n.feat-actions {\n  display: flex;\n  gap: 6px;\n}\n\n.feat-stats {\n  display: flex;\n  gap: 18px;\n  font-size: var(--mj-text-xs);\n  color: var(--mj-text-muted);\n  padding: 4px 2px;\n}\n\n.feat-table-wrap {\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md);\n  max-height: 320px;\n  overflow-y: auto;\n}\n\n.feat-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: var(--mj-text-sm);\n}\n\n.feat-table th {\n  position: sticky;\n  top: 0;\n  background: var(--mj-bg-surface);\n  z-index: 1;\n  padding: 8px 12px;\n  text-align: left;\n  border-bottom: 1px solid var(--mj-border-default);\n  font-size: var(--mj-text-xs);\n  font-weight: 700;\n  color: var(--mj-text-muted);\n}\n\n.feat-table td {\n  padding: 8px 12px;\n  border-bottom: 1px solid var(--mj-border-default);\n  color: var(--mj-text-primary);\n}\n\n.feat-table tr:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.feat-table tr.deny-row {\n  background: color-mix(in srgb, var(--mj-status-error) 6%, transparent);\n  text-decoration: line-through;\n  color: var(--mj-text-muted);\n}\n\n.feat-table tr.target-row {\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n}\n\n.ps-deny-toggle {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 3px 8px;\n  font-size: 11px;\n  border-radius: 4px;\n  border: 1px solid var(--mj-border-default);\n  background: transparent;\n  cursor: pointer;\n  color: var(--mj-text-secondary);\n}\n\n.ps-deny-toggle.denied {\n  background: var(--mj-status-error-bg, #fce8e6);\n  border-color: var(--mj-status-error-border, #fad2cf);\n  color: var(--mj-status-error, #c5221f);\n  font-weight: 600;\n}\n\n.slider-row {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.slider-row input[type=\"range\"] {\n  width: 100%;\n}\n\n.recipe-card {\n  display: flex;\n  gap: 14px;\n  padding: 14px;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md);\n}\n\n.recipe-icon {\n  width: 42px;\n  height: 42px;\n  border-radius: var(--mj-radius-md);\n  background: color-mix(in srgb, var(--mj-brand-primary) 12%, transparent);\n  color: var(--mj-brand-primary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 18px;\n  flex: none;\n}\n\n.recipe-details {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.recipe-details h4 {\n  margin: 0;\n  font-size: var(--mj-text-sm);\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.ps-wizard-footer {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 14px 20px;\n  border-top: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n}\n"], encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PSPipelineWizardComponent, [{
+        type: Component,
+        args: [{ standalone: true, selector: 'ps-pipeline-wizard', imports: [CommonModule, FormsModule, MJButtonDirective], encapsulation: ViewEncapsulation.None, template: `
+    <div class="ps-modal-backdrop" (click)="onBackdropClick($event)">
+      <div class="ps-modal-dialog ps-wizard-dialog" role="dialog" aria-modal="true" data-testid="ps-pipeline-wizard">
+        <!-- Header -->
+        <div class="ps-wizard-header">
+          <div class="ps-wizard-header-title">
+            <i class="fa-solid fa-wand-magic-sparkles"></i>
+            <div>
+              <h2>{{ isEditing ? 'Edit Training Pipeline' : 'New ML Training Pipeline' }}</h2>
+              <span class="ps-wizard-subtitle">Step-by-step pipeline configuration with leakage guard</span>
+            </div>
+          </div>
+          <button class="ps-wizard-close" (click)="cancel()" aria-label="Close wizard">
+            <i class="fa-solid fa-xmark"></i>
+          </button>
+        </div>
+
+        <!-- Step Indicator Strip -->
+        <div class="ps-wizard-stepper">
+          <button class="ps-step-tab" [class.active]="currentStep === 'goal'" [class.done]="isStepDone('goal')" (click)="goToStep('goal')">
+            <span class="step-num">1</span>
+            <span class="step-label">Goal & Target</span>
+          </button>
+          <div class="step-line"></div>
+          <button class="ps-step-tab" [class.active]="currentStep === 'features'" [class.done]="isStepDone('features')" (click)="goToStep('features')">
+            <span class="step-num">2</span>
+            <span class="step-label">Features & Leakage</span>
+          </button>
+          <div class="step-line"></div>
+          <button class="ps-step-tab" [class.active]="currentStep === 'preprocessing'" [class.done]="isStepDone('preprocessing')" (click)="goToStep('preprocessing')">
+            <span class="step-num">3</span>
+            <span class="step-label">Preprocessing</span>
+          </button>
+          <div class="step-line"></div>
+          <button class="ps-step-tab" [class.active]="currentStep === 'algorithm'" [class.done]="isStepDone('algorithm')" (click)="goToStep('algorithm')">
+            <span class="step-num">4</span>
+            <span class="step-label">Algorithm & Split</span>
+          </button>
+        </div>
+
+        <!-- Step Content Area -->
+        <div class="ps-wizard-body">
+          <!-- Step 1: Goal & Target -->
+          @if (currentStep === 'goal') {
+            <div class="ps-step-content" data-testid="ps-wizard-step-goal">
+              <div class="ps-field">
+                <label for="pipeline-name">Pipeline Name <span class="req">*</span></label>
+                <input id="pipeline-name" class="mj-input" type="text" [(ngModel)]="pipelineName" placeholder="e.g. Member Renewal Risk v1" />
+              </div>
+
+              <div class="ps-field">
+                <label for="pipeline-desc">Description</label>
+                <textarea id="pipeline-desc" class="mj-textarea" rows="2" [(ngModel)]="pipelineDescription" placeholder="Predicts whether active members will renew before their period ends."></textarea>
+              </div>
+
+              <div class="ps-grid-2">
+                <div class="ps-field">
+                  <label for="target-entity">Target Entity <span class="req">*</span></label>
+                  <select id="target-entity" class="mj-input" [ngModel]="selectedEntityId" (ngModelChange)="onEntitySelected($event)">
+                    <option [value]="''" disabled>-- Select Entity --</option>
+                    @for (ent of availableEntities; track ent.ID) {
+                      <option [value]="ent.ID">{{ ent.Name }} ({{ ent.BaseView || ent.BaseTable }})</option>
+                    }
+                  </select>
+                </div>
+
+                <div class="ps-field">
+                  <label for="target-variable">Target Variable (Label Column) <span class="req">*</span></label>
+                  <select id="target-variable" class="mj-input" [(ngModel)]="targetVariable" [disabled]="!selectedEntity">
+                    <option [value]="''" disabled>-- Select Label Field --</option>
+                    @for (f of availableFields; track f.Name) {
+                      <option [value]="f.Name">{{ f.Name }} ({{ f.Type }})</option>
+                    }
+                  </select>
+                </div>
+              </div>
+
+              <div class="ps-grid-2">
+                <div class="ps-field">
+                  <label for="problem-type">Problem Type</label>
+                  <select id="problem-type" class="mj-input" [(ngModel)]="problemType" (ngModelChange)="onProblemTypeChange()">
+                    <option value="classification">Classification (Predict Categorical / Binary Outcome)</option>
+                    <option value="regression">Regression (Predict Numeric Continuous Value)</option>
+                  </select>
+                </div>
+
+                <div class="ps-field">
+                  <label for="eval-metric">Primary Evaluation Metric</label>
+                  <select id="eval-metric" class="mj-input" [(ngModel)]="evaluationMetric">
+                    @for (m of availableMetrics; track m) {
+                      <option [value]="m">{{ m }}</option>
+                    }
+                  </select>
+                </div>
+              </div>
+
+              <div class="ps-card as-of-box">
+                <div class="ps-card-head">
+                  <i class="fa-solid fa-clock-rotate-left"></i>
+                  <h4>Point-in-Time Cutoff (Temporal Leakage Guard)</h4>
+                </div>
+                <div class="ps-card-body">
+                  <div class="ps-grid-2">
+                    <div class="ps-field">
+                      <label>Cutoff Mode</label>
+                      <select class="mj-input" [(ngModel)]="asOfMode">
+                        <option value="none">None (Static Cross-Sectional Data)</option>
+                        <option value="column">Date Column on Entity</option>
+                        <option value="offset">Relative Days Offset before Event</option>
+                      </select>
+                    </div>
+
+                    @if (asOfMode === 'column') {
+                      <div class="ps-field">
+                        <label>Decision Date Field</label>
+                        <select class="mj-input" [(ngModel)]="asOfColumn">
+                          <option [value]="''">-- Select Date Field --</option>
+                          @for (f of dateFields; track f.Name) {
+                            <option [value]="f.Name">{{ f.Name }}</option>
+                          }
+                        </select>
+                      </div>
+                    }
+
+                    @if (asOfMode === 'offset') {
+                      <div class="ps-field">
+                        <label>Offset Days before Outcome</label>
+                        <input class="mj-input" type="number" min="1" [(ngModel)]="asOfOffsetDays" />
+                      </div>
+                    }
+                  </div>
+                </div>
+              </div>
+            </div>
+          }
+
+          <!-- Step 2: Feature Selection & Leakage Guard -->
+          @if (currentStep === 'features') {
+            <div class="ps-step-content" data-testid="ps-wizard-step-features">
+              <div class="feat-toolbar">
+                <div class="feat-search">
+                  <i class="fa-solid fa-magnifying-glass"></i>
+                  <input class="mj-input" type="text" [(ngModel)]="fieldSearchFilter" placeholder="Filter fields by name or type…" />
+                </div>
+                <div class="feat-actions">
+                  <button mjButton variant="secondary" size="sm" (click)="selectAllFields(true)">Select All</button>
+                  <button mjButton variant="secondary" size="sm" (click)="selectAllFields(false)">Deselect All</button>
+                  <button mjButton variant="secondary" size="sm" (click)="excludeAuditFields()">Exclude IDs & Timestamps</button>
+                </div>
+              </div>
+
+              <div class="feat-stats">
+                <span>Selected: <strong>{{ selectedFeaturesCount }}</strong> features</span>
+                <span>Leakage Deny-List: <strong class="text-danger">{{ denyListCount }}</strong> excluded fields</span>
+              </div>
+
+              <div class="feat-table-wrap">
+                <table class="ps-table feat-table">
+                  <thead>
+                    <tr>
+                      <th style="width: 40px;">Use</th>
+                      <th>Field Name</th>
+                      <th>Data Type</th>
+                      <th>Nullable</th>
+                      <th style="width: 140px; text-align: center;">Leakage Guard</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    @for (item of filteredFieldItems; track item.field.Name) {
+                      <tr [class.target-row]="item.isTarget" [class.deny-row]="item.isDenyList">
+                        <td>
+                          <input type="checkbox" [(ngModel)]="item.selected" [disabled]="item.isTarget || item.isDenyList" />
+                        </td>
+                        <td>
+                          <strong>{{ item.field.Name }}</strong>
+                          @if (item.isTarget) {
+                            <span class="ps-badge info" style="margin-left: 6px;">Target Label</span>
+                          }
+                        </td>
+                        <td><code>{{ item.field.Type }}</code></td>
+                        <td>{{ item.field.AllowsNull ? 'Yes' : 'No' }}</td>
+                        <td style="text-align: center;">
+                          @if (!item.isTarget) {
+                            <button class="ps-deny-toggle" [class.denied]="item.isDenyList" (click)="toggleDenyList(item)" title="Add to leakage deny-list">
+                              <i class="fa-solid" [class.fa-shield-halved]="item.isDenyList" [class.fa-shield]="!item.isDenyList"></i>
+                              {{ item.isDenyList ? 'Denied' : 'Allow' }}
+                            </button>
+                          }
+                        </td>
+                      </tr>
+                    }
+                  </tbody>
+                </table>
+              </div>
+
+              <div class="ps-field" style="margin-top: 14px;">
+                <label>Single-Feature Dominance Threshold: <strong>{{ dominanceThreshold | percent }}</strong></label>
+                <div class="slider-row">
+                  <input type="range" min="0.5" max="0.99" step="0.01" [(ngModel)]="dominanceThreshold" />
+                  <span class="ps-muted ps-small">Warns and holds model if any single feature accounts for > {{ dominanceThreshold | percent }} of total importance.</span>
+                </div>
+              </div>
+            </div>
+          }
+
+          <!-- Step 3: Preprocessing Recipe -->
+          @if (currentStep === 'preprocessing') {
+            <div class="ps-step-content" data-testid="ps-wizard-step-preprocessing">
+              <div class="recipe-card">
+                <div class="recipe-icon"><i class="fa-solid fa-table-cells"></i></div>
+                <div class="recipe-details">
+                  <h4>Categorical Encoding</h4>
+                  <p class="ps-small ps-muted">Converts text and discrete categoricals into numerical representations.</p>
+                  <select class="mj-input" [(ngModel)]="categoricalEncoding">
+                    <option value="onehot">One-Hot Encoding (Recommended for cardinality &lt; 50)</option>
+                    <option value="none">Pass-Through / Native Algorithm Handling</option>
+                  </select>
+                </div>
+              </div>
+
+              <div class="recipe-card">
+                <div class="recipe-icon"><i class="fa-solid fa-fill-drip"></i></div>
+                <div class="recipe-details">
+                  <h4>Missing Value Imputation</h4>
+                  <p class="ps-small ps-muted">Strategy for filling null or missing entries in training matrices.</p>
+                  <select class="mj-input" [(ngModel)]="imputeStrategy">
+                    <option value="median">Median (Robust against numeric outliers)</option>
+                    <option value="mean">Mean (Standard arithmetic average)</option>
+                    <option value="mode">Mode (Most frequent category)</option>
+                    <option value="constant">Constant (Zero / Missing category token)</option>
+                  </select>
+                </div>
+              </div>
+
+              <div class="recipe-card">
+                <div class="recipe-icon"><i class="fa-solid fa-ruler-combined"></i></div>
+                <div class="recipe-details">
+                  <h4>Numeric Standardization</h4>
+                  <p class="ps-small ps-muted">Scales numeric features to prevent large magnitudes from dominating.</p>
+                  <select class="mj-input" [(ngModel)]="standardizeStrategy">
+                    <option value="standard">Standard Scaling (Z-score: mean 0, variance 1)</option>
+                    <option value="minmax">Min-Max Scaling (Bounding values to [0, 1])</option>
+                    <option value="none">None (Native tree-based scaling)</option>
+                  </select>
+                </div>
+              </div>
+            </div>
+          }
+
+          <!-- Step 4: Algorithm & Validation Split -->
+          @if (currentStep === 'algorithm') {
+            <div class="ps-step-content" data-testid="ps-wizard-step-algorithm">
+              <div class="ps-field">
+                <label for="algorithm-select">Algorithm <span class="req">*</span></label>
+                <select id="algorithm-select" class="mj-input" [ngModel]="selectedAlgorithmId" (ngModelChange)="onAlgorithmSelected($event)">
+                  @for (a of availableAlgorithms; track a.ID) {
+                    <option [value]="a.ID">{{ a.Name }} ({{ a.DriverClass }})</option>
+                  }
+                </select>
+              </div>
+
+              <!-- Hyperparameter controls -->
+              <div class="ps-card" style="margin: 12px 0;">
+                <div class="ps-card-head">
+                  <i class="fa-solid fa-sliders"></i>
+                  <h4>Algorithm Hyperparameters</h4>
+                </div>
+                <div class="ps-card-body">
+                  <div class="ps-grid-3">
+                    <div class="ps-field">
+                      <label>Estimators (Trees)</label>
+                      <input class="mj-input" type="number" min="10" max="1000" step="10" [(ngModel)]="hyperparamEstimators" />
+                    </div>
+                    <div class="ps-field">
+                      <label>Max Depth</label>
+                      <input class="mj-input" type="number" min="1" max="20" [(ngModel)]="hyperparamMaxDepth" />
+                    </div>
+                    <div class="ps-field">
+                      <label>Learning Rate</label>
+                      <input class="mj-input" type="number" min="0.001" max="1" step="0.01" [(ngModel)]="hyperparamLearningRate" />
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- Validation strategy -->
+              <div class="ps-card">
+                <div class="ps-card-head">
+                  <i class="fa-solid fa-scissors"></i>
+                  <h4>Validation Strategy</h4>
+                </div>
+                <div class="ps-card-body">
+                  <div class="ps-grid-2">
+                    <div class="ps-field">
+                      <label>Strategy</label>
+                      <select class="mj-input" [(ngModel)]="validationStrategyType">
+                        <option value="train_test_split">Train / Test Split</option>
+                        <option value="kfold">K-Fold Cross-Validation</option>
+                      </select>
+                    </div>
+
+                    @if (validationStrategyType === 'train_test_split') {
+                      <div class="ps-field">
+                        <label>Test Holdout Percentage: <strong>{{ testSplitRatio | percent }}</strong></label>
+                        <input type="range" min="0.1" max="0.4" step="0.05" [(ngModel)]="testSplitRatio" />
+                      </div>
+                    } @else {
+                      <div class="ps-field">
+                        <label>Number of Folds (K)</label>
+                        <input class="mj-input" type="number" min="2" max="10" [(ngModel)]="kFolds" />
+                      </div>
+                    }
+                  </div>
+                </div>
+              </div>
+            </div>
+          }
+        </div>
+
+        <!-- Footer Actions -->
+        <div class="ps-wizard-footer">
+          <button mjButton variant="secondary" size="sm" (click)="cancel()">Cancel</button>
+          <span class="ps-spacer"></span>
+
+          @if (currentStep !== 'goal') {
+            <button mjButton variant="secondary" size="sm" (click)="prevStep()">
+              <i class="fa-solid fa-arrow-left"></i> Back
+            </button>
+          }
+
+          @if (currentStep !== 'algorithm') {
+            <button mjButton variant="primary" size="sm" (click)="nextStep()" [disabled]="!canProceed()">
+              Next <i class="fa-solid fa-arrow-right"></i>
+            </button>
+          } @else {
+            <button mjButton variant="secondary" size="sm" (click)="saveDraft()" [disabled]="busy || !canSave()">
+              <i class="fa-solid fa-floppy-disk"></i> Save Draft
+            </button>
+            <button mjButton variant="primary" size="sm" (click)="saveAndTrain()" [disabled]="busy || !canSave()">
+              <i class="fa-solid fa-play"></i> Save & Train Now
+            </button>
+          }
+        </div>
+      </div>
+    </div>
+  `, styles: ["/* ============================================================================\n   Predictive Studio \u2014 shared panel styles (design-token compliant)\n   Maps the mockup design system onto MemberJunction semantic --mj-* tokens.\n   Loaded by every PS panel component (styleUrls) under ViewEncapsulation.None,\n   so the class names are global within the PS dashboard subtree.\n   No hardcoded colors except the intentional categorical node/algorithm palette\n   (declared once as --ps-* custom props below) which must stay distinct across\n   light/dark to remain readable as diagram accents.\n   ============================================================================ */\n\n/* Categorical accents for DAG node types + algorithm chips. These are\n   data-visualization colors that must remain distinct regardless of theme\n   (allowed exception #3 in the design-token rules). */\n.ps-panel {\n  --ps-node-source: #6b7280;\n  --ps-node-feature: #2050c8;\n  --ps-node-embedding: #7b3ff0;\n  --ps-node-target: #1f9d57;\n  --ps-node-algorithm: #d98213;\n  /* budget-gauge categorical accents (reuse the node palette so light/dark stay distinct) */\n  --ps-gauge-cost: var(--ps-node-algorithm);\n  --ps-gauge-iterations: var(--ps-node-feature);\n}\n\n.ps-panel {\n  display: block;\n  height: 100%;\n}\n\n/* ---- generic layout helpers ---- */\n.ps-row { display: flex; gap: 16px; }\n.ps-col { display: flex; flex-direction: column; gap: 16px; }\n.ps-wrap { flex-wrap: wrap; }\n.ps-spacer { flex: 1; }\n.ps-muted { color: var(--mj-text-muted); }\n.ps-small { font-size: 12.5px; }\n.ps-mono { font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace; font-size: 12.5px; }\n.ps-section-title {\n  font-size: 12px; text-transform: uppercase; letter-spacing: .06em;\n  color: var(--mj-text-muted); margin: 4px 0 2px; font-weight: 700;\n}\n\n/* ---- cards ---- */\n.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-card-head {\n  display: flex; align-items: center; gap: 10px;\n  padding: 14px 16px; border-bottom: 1px solid var(--mj-border-subtle);\n}\n.ps-card-head h3 { font-size: 14.5px; margin: 0; font-weight: 650; color: var(--mj-text-primary); }\n.ps-card-body { padding: 16px; }\n\n/* ---- KPI tiles ---- */\n.ps-kpi {\n  background: var(--mj-bg-surface); border: 1px solid var(--mj-border-default);\n  border-radius: 8px; padding: 16px 18px;\n}\n.ps-kpi .label { font-size: 12px; color: var(--mj-text-muted); font-weight: 600; }\n.ps-kpi .val { font-size: 26px; font-weight: 720; letter-spacing: -.02em; margin-top: 2px; color: var(--mj-text-primary); }\n\n/* ---- badges ---- */\n.ps-badge {\n  display: inline-flex; align-items: center; gap: 5px;\n  padding: 2px 9px; border-radius: 999px; font-size: 11.5px; font-weight: 650; line-height: 1.7;\n}\n.ps-badge.gray { background: var(--mj-bg-surface-sunken); color: var(--mj-text-secondary); }\n.ps-badge.blue { background: var(--mj-status-info-bg); color: var(--mj-status-info-text); }\n.ps-badge.green { background: var(--mj-status-success-bg); color: var(--mj-status-success-text); }\n.ps-badge.amber { background: var(--mj-status-warning-bg); color: var(--mj-status-warning-text); }\n.ps-badge.red { background: var(--mj-status-error-bg); color: var(--mj-status-error-text); }\n.ps-dot { width: 7px; height: 7px; border-radius: 50%; display: inline-block; }\n\n/* recommendation-level chips (the ranking matrix payoff) */\n.ps-lvl {\n  display: inline-flex; align-items: center; justify-content: center;\n  min-width: 92px; padding: 4px 10px; border-radius: 7px;\n  font-weight: 650; font-size: 11.5px; color: var(--mj-text-inverse);\n}\n.ps-lvl-Primary { background: var(--mj-status-success); }\n.ps-lvl-Strong { background: var(--mj-status-info); }\n.ps-lvl-Viable { background: var(--mj-status-warning); }\n.ps-lvl-Weak { background: var(--mj-text-disabled); }\n.ps-lvl-NotRecommended { background: var(--mj-bg-surface-sunken); color: var(--mj-text-muted); }\n\n/* ---- tags ---- */\n.ps-tag {\n  display: inline-block; padding: 2px 8px; border-radius: 6px;\n  background: var(--mj-bg-surface-sunken); color: var(--mj-text-secondary);\n  font-size: 11.5px; font-weight: 600;\n}\n.ps-tag.muted { opacity: .6; }\n.ps-divider { height: 1px; background: var(--mj-border-subtle); margin: 8px 0; }\n\n/* ---- tables ---- */\n.ps-table { width: 100%; border-collapse: collapse; font-size: 13px; }\n.ps-table th {\n  text-align: left; font-size: 11.5px; text-transform: uppercase; letter-spacing: .04em;\n  color: var(--mj-text-muted); font-weight: 700; padding: 9px 12px;\n  border-bottom: 1px solid var(--mj-border-default);\n}\n.ps-table td { padding: 11px 12px; border-bottom: 1px solid var(--mj-border-subtle); color: var(--mj-text-primary); }\n.ps-table tr:hover td { background: var(--mj-bg-surface-hover); }\n.ps-table .num { text-align: right; font-variant-numeric: tabular-nums; }\n\n.ps-rank {\n  width: 22px; height: 22px; border-radius: 6px; background: var(--mj-bg-surface-sunken);\n  display: inline-grid; place-items: center; font-weight: 700; font-size: 11.5px; color: var(--mj-text-secondary);\n}\n.ps-rank.gold { background: var(--mj-status-warning-bg); color: var(--mj-status-warning-text); }\n\n/* ---- progress bars ---- */\n.ps-bar { height: 8px; border-radius: 999px; background: var(--mj-bg-surface-sunken); overflow: hidden; }\n.ps-bar > span { display: block; height: 100%; border-radius: 999px; background: var(--mj-brand-primary); }\n.ps-bar.warn > span { background: var(--mj-status-warning); }\n.ps-bar.run > span { background: var(--mj-brand-primary); }\n\n.ps-fbar { display: grid; grid-template-columns: minmax(150px, 1.3fr) 2fr 56px; align-items: center; gap: 14px; padding: 8px 0; }\n.ps-fbar + .ps-fbar { border-top: 1px solid var(--mj-border-subtle); }\n.ps-fbar .track { height: 10px; border-radius: var(--mj-radius-full); background: var(--mj-bg-surface-sunken); overflow: hidden; }\n.ps-fbar .track > span { display: block; height: 100%; border-radius: var(--mj-radius-full); background: var(--mj-brand-primary); }\n.ps-fbar .track > span.warn { background: var(--mj-status-warning); }\n.ps-fbar .name { color: var(--mj-text-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.ps-fbar > .ps-mono { text-align: right; color: var(--mj-text-secondary); font-variant-numeric: tabular-nums; }\n\n/* gauge */\n.ps-gauge {\n  position: relative; width: 64px; height: 64px; border-radius: 50%; flex: 0 0 auto;\n  background: conic-gradient(var(--ps-gauge-color, var(--mj-brand-primary)) calc(var(--ps-p, 40) * 1%), var(--mj-bg-surface-sunken) 0);\n  display: grid; place-items: center;\n}\n.ps-gauge::after { content: ''; position: absolute; inset: 9px; background: var(--mj-bg-surface); border-radius: 50%; }\n.ps-gauge .g-val { position: relative; font-weight: 720; font-size: 14px; color: var(--mj-text-primary); }\n\n/* warning / info callouts */\n.ps-callout { display: flex; gap: 11px; padding: 12px 14px; border-radius: 10px; border: 1px solid; }\n.ps-callout.warn { background: var(--mj-status-warning-bg); border-color: var(--mj-status-warning-border); color: var(--mj-status-warning-text); }\n.ps-callout.info { background: var(--mj-status-info-bg); border-color: var(--mj-status-info-border); color: var(--mj-status-info-text); }\n.ps-callout.success { background: var(--mj-status-success-bg); border-color: var(--mj-status-success-border); color: var(--mj-status-success-text); }\n.ps-callout i { font-size: 16px; margin-top: 1px; }\n\n/* lifecycle stepper */\n.ps-stepper { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }\n.ps-step { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: var(--mj-text-muted); }\n.ps-step .pip {\n  width: 22px; height: 22px; border-radius: 50%; border: 2px solid var(--mj-border-strong);\n  display: grid; place-items: center; font-size: 11px;\n}\n.ps-step.done { color: var(--mj-status-success-text); }\n.ps-step.done .pip { background: var(--mj-status-success); border-color: var(--mj-status-success); color: var(--mj-text-inverse); }\n.ps-step.curr { color: var(--mj-brand-primary); }\n.ps-step.curr .pip { border-color: var(--mj-brand-primary); color: var(--mj-brand-primary); }\n.ps-step .ln { width: 26px; height: 2px; background: var(--mj-border-strong); }\n\n/* ---- DAG flow canvas ---- */\n.ps-flow {\n  position: relative;\n  background:\n    linear-gradient(var(--mj-border-subtle) 1px, transparent 1px) 0 0 / 22px 22px,\n    linear-gradient(90deg, var(--mj-border-subtle) 1px, transparent 1px) 0 0 / 22px 22px,\n    var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default); border-radius: 10px;\n  min-height: 620px; overflow: hidden;\n}\n.ps-node {\n  position: absolute; width: 190px; background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-strong); border-left-width: 3px; border-radius: 8px;\n  cursor: pointer;\n}\n.ps-node .nh {\n  display: flex; align-items: center; gap: 8px; padding: 9px 11px;\n  border-bottom: 1px solid var(--mj-border-subtle); font-weight: 650; font-size: 12.5px; color: var(--mj-text-primary);\n}\n.ps-node .nh i.tile {\n  width: 24px; height: 24px; border-radius: 6px; display: grid; place-items: center;\n  color: var(--mj-text-inverse); font-size: 12px; flex: 0 0 auto;\n}\n.ps-node .nh .ps-tag { margin-left: auto; }\n.ps-node .nb { padding: 9px 11px; font-size: 12px; color: var(--mj-text-secondary); }\n.ps-node .nb-row { display: flex; justify-content: space-between; gap: 8px; padding: 2px 0; }\n.ps-node .nb-row .k { color: var(--mj-text-muted); }\n.ps-node.src { border-left-color: var(--ps-node-source); }\n.ps-node.src .nh i.tile { background: var(--ps-node-source); }\n.ps-node.feat { border-left-color: var(--ps-node-feature); }\n.ps-node.feat .nh i.tile { background: var(--ps-node-feature); }\n.ps-node.emb { border-left-color: var(--ps-node-embedding); }\n.ps-node.emb .nh i.tile { background: var(--ps-node-embedding); }\n.ps-node.target { border-left-color: var(--ps-node-target); }\n.ps-node.target .nh i.tile { background: var(--ps-node-target); }\n.ps-node.algo { border-left-color: var(--ps-node-algorithm); }\n.ps-node.algo .nh i.tile { background: var(--ps-node-algorithm); }\n.ps-node.output { border-left-color: var(--mj-status-success); }\n.ps-node.output .nh i.tile { background: var(--mj-status-success); }\n.ps-node.selected {\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 18%, transparent);\n}\n.ps-node .port {\n  position: absolute; width: 11px; height: 11px; border-radius: 50%;\n  background: var(--mj-bg-surface); border: 2px solid var(--mj-brand-primary);\n  top: 50%; transform: translateY(-50%);\n}\n.ps-node .port.in { left: -6px; }\n.ps-node .port.out { right: -6px; }\nsvg.ps-edges { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }\nsvg.ps-edges path { stroke: color-mix(in srgb, var(--mj-brand-primary) 45%, transparent); stroke-width: 2; fill: none; }\n\n/* palette chips */\n.ps-pchip {\n  display: inline-flex; align-items: center; gap: 7px; padding: 6px 11px; border-radius: 8px;\n  border: 1px dashed var(--mj-border-strong); background: var(--mj-bg-surface);\n  font-size: 12.5px; font-weight: 600; color: var(--mj-text-secondary); cursor: grab;\n}\n.ps-pchip i { font-size: 12px; color: var(--mj-text-inverse); width: 20px; height: 20px; border-radius: 5px; display: grid; place-items: center; }\n.ps-pchip.s i { background: var(--ps-node-source); }\n.ps-pchip.f i { background: var(--ps-node-feature); }\n.ps-pchip.e i { background: var(--ps-node-embedding); }\n.ps-pchip.t i { background: var(--ps-node-target); }\n.ps-pchip.a i { background: var(--ps-node-algorithm); }\n\n/* segmented control */\n.ps-seg { display: inline-flex; border: 1px solid var(--mj-border-default); border-radius: 8px; overflow: hidden; }\n.ps-seg button {\n  border: none; background: var(--mj-bg-surface); color: var(--mj-text-secondary);\n  padding: 6px 12px; font-size: 12.5px; font-weight: 600; cursor: pointer;\n  border-right: 1px solid var(--mj-border-default);\n}\n.ps-seg button:last-child { border-right: none; }\n.ps-seg button.on { background: var(--mj-brand-primary); color: var(--mj-text-inverse); }\n\n/* field control */\n.ps-field { margin-bottom: 14px; }\n.ps-field > label {\n  display: block; font-size: 11px; text-transform: uppercase; letter-spacing: .04em;\n  color: var(--mj-text-muted); font-weight: 700; margin-bottom: 6px;\n}\n.ps-input {\n  width: 100%; padding: 8px 10px; border: 1px solid var(--mj-border-default);\n  border-radius: 6px; font-size: 13px; background: var(--mj-bg-surface); color: var(--mj-text-primary);\n  box-sizing: border-box;\n}\n.ps-input:focus { outline: none; border-color: var(--mj-brand-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 12%, transparent); }\n\n/* loading container */\n.ps-loading { display: flex; align-items: center; justify-content: center; padding: 60px 0; }\n\n/* ---- empty / prompt states ---- */\n.ps-empty {\n  display: flex; flex-direction: column; align-items: center; justify-content: center;\n  text-align: center; gap: 10px; padding: 56px 24px; color: var(--mj-text-muted);\n}\n.ps-empty .ps-empty-ico {\n  width: 60px; height: 60px; border-radius: 16px; display: grid; place-items: center;\n  background: var(--mj-bg-surface-sunken); color: var(--mj-text-disabled); font-size: 24px;\n}\n.ps-empty h3 { margin: 4px 0 0; font-size: 16px; font-weight: 650; color: var(--mj-text-secondary); }\n.ps-empty p { margin: 0; max-width: 420px; font-size: 13px; line-height: 1.5; }\n\n/* ---- confirm modal ---- */\n.ps-modal-backdrop {\n  position: fixed; inset: 0; z-index: 1000;\n  background: var(--mj-bg-overlay);\n  display: flex; align-items: center; justify-content: center; padding: 24px;\n}\n.ps-modal {\n  width: 100%; max-width: 480px; background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default); border-radius: 14px;\n  box-shadow: var(--mj-shadow-lg, var(--mj-shadow-sm)); overflow: hidden;\n}\n.ps-modal-head {\n  display: flex; align-items: center; gap: 12px; padding: 18px 20px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n.ps-modal-head .ico {\n  width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center;\n  font-size: 16px; flex: 0 0 auto;\n  background: var(--mj-status-info-bg); color: var(--mj-status-info-text);\n}\n.ps-modal-head.warn .ico { background: var(--mj-status-warning-bg); color: var(--mj-status-warning-text); }\n.ps-modal-head.danger .ico { background: var(--mj-status-error-bg); color: var(--mj-status-error-text); }\n.ps-modal-head h3 { margin: 0; font-size: 15.5px; font-weight: 650; color: var(--mj-text-primary); }\n.ps-modal-body { padding: 18px 20px; font-size: 13.5px; line-height: 1.55; color: var(--mj-text-secondary); }\n.ps-modal-body .ps-field { margin-top: 14px; margin-bottom: 0; }\n.ps-modal-foot {\n  display: flex; align-items: center; gap: 10px; padding: 14px 20px;\n  border-top: 1px solid var(--mj-border-subtle); background: var(--mj-bg-surface-card);\n}\n.ps-modal-foot .ps-spacer { flex: 1; }\n", ".ps-modal-backdrop {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.55);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  z-index: 9999;\n  backdrop-filter: blur(2px);\n}\n\n.ps-wizard-dialog {\n  width: 920px;\n  max-width: 95vw;\n  max-height: 90vh;\n  background: var(--mj-bg-surface-card);\n  border-radius: var(--mj-radius-xl, 12px);\n  border: 1px solid var(--mj-border-default);\n  box-shadow: var(--mj-shadow-2xl);\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n.ps-wizard-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px;\n  border-bottom: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n}\n\n.ps-wizard-header-title {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n\n.ps-wizard-header-title i {\n  font-size: 24px;\n  color: var(--mj-brand-primary);\n}\n\n.ps-wizard-header-title h2 {\n  margin: 0;\n  font-size: 1.15rem;\n  font-weight: 700;\n  color: var(--mj-text-primary);\n}\n\n.ps-wizard-subtitle {\n  font-size: var(--mj-text-xs);\n  color: var(--mj-text-muted);\n}\n\n.ps-wizard-close {\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  padding: 6px 8px;\n  border-radius: 6px;\n  color: var(--mj-text-muted);\n}\n\n.ps-wizard-close:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n}\n\n.ps-wizard-stepper {\n  display: flex;\n  align-items: center;\n  padding: 12px 20px;\n  background: var(--mj-bg-surface);\n  border-bottom: 1px solid var(--mj-border-default);\n  gap: 8px;\n}\n\n.ps-step-tab {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  padding: 6px 12px;\n  border-radius: var(--mj-radius-md);\n  color: var(--mj-text-muted);\n  font-size: var(--mj-text-sm);\n  font-weight: 500;\n  transition: all 0.15s;\n}\n\n.ps-step-tab .step-num {\n  width: 22px;\n  height: 22px;\n  border-radius: 50%;\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-muted);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 11px;\n  font-weight: 700;\n}\n\n.ps-step-tab.active {\n  color: var(--mj-brand-primary);\n  font-weight: 600;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.ps-step-tab.active .step-num {\n  background: var(--mj-brand-primary);\n  color: white;\n}\n\n.ps-step-tab.done .step-num {\n  background: var(--mj-status-success-bg, #e6f4ea);\n  color: var(--mj-status-success, #137333);\n}\n\n.step-line {\n  flex: 1;\n  height: 2px;\n  background: var(--mj-border-default);\n}\n\n.ps-wizard-body {\n  flex: 1;\n  min-height: 0;\n  overflow-y: auto;\n  padding: 20px;\n}\n\n.ps-step-content {\n  display: flex;\n  flex-direction: column;\n  gap: 14px;\n}\n\n.ps-grid-2 {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 14px;\n}\n\n.ps-grid-3 {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  gap: 14px;\n}\n\n.ps-field {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.ps-field label {\n  font-size: var(--mj-text-xs);\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n}\n\n.ps-field label .req {\n  color: var(--mj-status-error, #d93025);\n}\n\n.as-of-box {\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md);\n  margin-top: 6px;\n}\n\n.feat-toolbar {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 12px;\n}\n\n.feat-search {\n  position: relative;\n  flex: 1;\n}\n\n.feat-search i {\n  position: absolute;\n  left: 10px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: var(--mj-text-muted);\n}\n\n.feat-search input {\n  padding-left: 32px;\n  width: 100%;\n}\n\n.feat-actions {\n  display: flex;\n  gap: 6px;\n}\n\n.feat-stats {\n  display: flex;\n  gap: 18px;\n  font-size: var(--mj-text-xs);\n  color: var(--mj-text-muted);\n  padding: 4px 2px;\n}\n\n.feat-table-wrap {\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md);\n  max-height: 320px;\n  overflow-y: auto;\n}\n\n.feat-table {\n  width: 100%;\n  border-collapse: collapse;\n  font-size: var(--mj-text-sm);\n}\n\n.feat-table th {\n  position: sticky;\n  top: 0;\n  background: var(--mj-bg-surface);\n  z-index: 1;\n  padding: 8px 12px;\n  text-align: left;\n  border-bottom: 1px solid var(--mj-border-default);\n  font-size: var(--mj-text-xs);\n  font-weight: 700;\n  color: var(--mj-text-muted);\n}\n\n.feat-table td {\n  padding: 8px 12px;\n  border-bottom: 1px solid var(--mj-border-default);\n  color: var(--mj-text-primary);\n}\n\n.feat-table tr:hover {\n  background: var(--mj-bg-surface-hover);\n}\n\n.feat-table tr.deny-row {\n  background: color-mix(in srgb, var(--mj-status-error) 6%, transparent);\n  text-decoration: line-through;\n  color: var(--mj-text-muted);\n}\n\n.feat-table tr.target-row {\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n}\n\n.ps-deny-toggle {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  padding: 3px 8px;\n  font-size: 11px;\n  border-radius: 4px;\n  border: 1px solid var(--mj-border-default);\n  background: transparent;\n  cursor: pointer;\n  color: var(--mj-text-secondary);\n}\n\n.ps-deny-toggle.denied {\n  background: var(--mj-status-error-bg, #fce8e6);\n  border-color: var(--mj-status-error-border, #fad2cf);\n  color: var(--mj-status-error, #c5221f);\n  font-weight: 600;\n}\n\n.slider-row {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n.slider-row input[type=\"range\"] {\n  width: 100%;\n}\n\n.recipe-card {\n  display: flex;\n  gap: 14px;\n  padding: 14px;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md);\n}\n\n.recipe-icon {\n  width: 42px;\n  height: 42px;\n  border-radius: var(--mj-radius-md);\n  background: color-mix(in srgb, var(--mj-brand-primary) 12%, transparent);\n  color: var(--mj-brand-primary);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 18px;\n  flex: none;\n}\n\n.recipe-details {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.recipe-details h4 {\n  margin: 0;\n  font-size: var(--mj-text-sm);\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.ps-wizard-footer {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 14px 20px;\n  border-top: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n}\n"] }]
+    }], null, { provider: [{
+            type: Input
+        }], currentUser: [{
+            type: Input
+        }], engine: [{
+            type: Input
+        }], initialAlgorithmName: [{
+            type: Input
+        }], initialAlgorithmId: [{
+            type: Input
+        }], cloneFromPipeline: [{
+            type: Input
+        }], cloneFrom: [{
+            type: Input
+        }], closed: [{
+            type: Output
+        }], saved: [{
+            type: Output
+        }], trainRequested: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PSPipelineWizardComponent, { className: "PSPipelineWizardComponent", filePath: "src/PredictiveStudio/components/ps-pipeline-wizard.component.ts", lineNumber: 395 }); })();
+//# sourceMappingURL=ps-pipeline-wizard.component.js.map