npm - @memberjunction/ng-dashboards - Versions diffs - 5.46.0 → 5.48.0 - Mend

@memberjunction/ng-dashboards 5.46.0 → 5.48.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (71) hide show

package/dist/PredictiveStudio/components/ps-pipelines.component.js CHANGED Viewed

@@ -30,31 +30,34 @@ function PSPipelinesComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
 } }
 function PSPipelinesComponent_Conditional_2_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 62);
+    i0.ɵɵelementStart(0, "button", 63);
     i0.ɵɵlistener("click", function PSPipelinesComponent_Conditional_2_For_2_Template_button_click_0_listener() { const p_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.selectPipeline(p_r5.ID)); });
     i0.ɵɵelement(1, "i", 3);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementStart(3, "span", 63);
-    i0.ɵɵtext(4);
+    i0.ɵɵelementStart(2, "span", 64);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "span", 65);
+    i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const p_r5 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵclassProp("on", ctx_r1.isSelectedPipeline(p_r5));
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", p_r5.Name, " ");
+    i0.ɵɵproperty("title", p_r5.Name);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(p_r5.Name);
     i0.ɵɵadvance();
     i0.ɵɵclassMap(ctx_r1.statusClass(p_r5.Status));
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(p_r5.Status);
 } }
-function PSPipelinesComponent_Conditional_2_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 9);
-    i0.ɵɵelement(1, "i", 64);
+function PSPipelinesComponent_Conditional_2_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 18);
+    i0.ɵɵelement(1, "i", 66);
     i0.ɵɵtext(2, " Unsaved");
     i0.ɵɵelementEnd();
 } }
-function PSPipelinesComponent_Conditional_2_For_35_Template(rf, ctx) { if (rf & 1) {
+function PSPipelinesComponent_Conditional_2_For_36_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵnamespaceSVG();
     i0.ɵɵelement(0, "path");
 } if (rf & 2) {
@@ -62,8 +65,8 @@ function PSPipelinesComponent_Conditional_2_For_35_Template(rf, ctx) { if (rf &
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵattribute("d", ctx_r1.edgePath(edge_r6));
 } }
-function PSPipelinesComponent_Conditional_2_For_37_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 67);
+function PSPipelinesComponent_Conditional_2_For_38_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 69);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -71,8 +74,8 @@ function PSPipelinesComponent_Conditional_2_For_37_Conditional_5_Template(rf, ct
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(node_r8.tag);
 } }
-function PSPipelinesComponent_Conditional_2_For_37_For_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 69)(1, "span", 72);
+function PSPipelinesComponent_Conditional_2_For_38_For_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 71)(1, "span", 74);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "span");
@@ -85,28 +88,28 @@ function PSPipelinesComponent_Conditional_2_For_37_For_8_Template(rf, ctx) { if
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(row_r9.v);
 } }
-function PSPipelinesComponent_Conditional_2_For_37_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 70);
+function PSPipelinesComponent_Conditional_2_For_38_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 72);
 } }
-function PSPipelinesComponent_Conditional_2_For_37_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "span", 71);
+function PSPipelinesComponent_Conditional_2_For_38_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 73);
 } }
-function PSPipelinesComponent_Conditional_2_For_37_Template(rf, ctx) { if (rf & 1) {
+function PSPipelinesComponent_Conditional_2_For_38_Template(rf, ctx) { if (rf & 1) {
     const _r7 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 65);
-    i0.ɵɵlistener("click", function PSPipelinesComponent_Conditional_2_For_37_Template_div_click_0_listener() { const node_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.selectNode(node_r8.id)); });
-    i0.ɵɵelementStart(1, "div", 66);
-    i0.ɵɵelement(2, "i", 41);
+    i0.ɵɵelementStart(0, "div", 67);
+    i0.ɵɵlistener("click", function PSPipelinesComponent_Conditional_2_For_38_Template_div_click_0_listener() { const node_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.selectNode(node_r8.id)); });
+    i0.ɵɵelementStart(1, "div", 68);
+    i0.ɵɵelement(2, "i", 42);
     i0.ɵɵelementStart(3, "span");
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(5, PSPipelinesComponent_Conditional_2_For_37_Conditional_5_Template, 2, 1, "span", 67);
+    i0.ɵɵconditionalCreate(5, PSPipelinesComponent_Conditional_2_For_38_Conditional_5_Template, 2, 1, "span", 69);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 68);
-    i0.ɵɵrepeaterCreate(7, PSPipelinesComponent_Conditional_2_For_37_For_8_Template, 5, 2, "div", 69, _forTrack3);
+    i0.ɵɵelementStart(6, "div", 70);
+    i0.ɵɵrepeaterCreate(7, PSPipelinesComponent_Conditional_2_For_38_For_8_Template, 5, 2, "div", 71, _forTrack3);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(9, PSPipelinesComponent_Conditional_2_For_37_Conditional_9_Template, 1, 0, "span", 70);
-    i0.ɵɵconditionalCreate(10, PSPipelinesComponent_Conditional_2_For_37_Conditional_10_Template, 1, 0, "span", 71);
+    i0.ɵɵconditionalCreate(9, PSPipelinesComponent_Conditional_2_For_38_Conditional_9_Template, 1, 0, "span", 72);
+    i0.ɵɵconditionalCreate(10, PSPipelinesComponent_Conditional_2_For_38_Conditional_10_Template, 1, 0, "span", 73);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const node_r8 = ctx.$implicit;
@@ -128,15 +131,15 @@ function PSPipelinesComponent_Conditional_2_For_37_Template(rf, ctx) { if (rf &
     i0.ɵɵadvance();
     i0.ɵɵconditional(node_r8.hasOut ? 10 : -1);
 } }
-function PSPipelinesComponent_Conditional_2_Conditional_64_Template(rf, ctx) { if (rf & 1) {
+function PSPipelinesComponent_Conditional_2_Conditional_65_Template(rf, ctx) { if (rf & 1) {
     const _r10 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 73);
-    i0.ɵɵlistener("click", function PSPipelinesComponent_Conditional_2_Conditional_64_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.deleteSelected()); });
-    i0.ɵɵelement(1, "i", 74);
+    i0.ɵɵelementStart(0, "button", 75);
+    i0.ɵɵlistener("click", function PSPipelinesComponent_Conditional_2_Conditional_65_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.deleteSelected()); });
+    i0.ɵɵelement(1, "i", 76);
     i0.ɵɵelementEnd();
 } }
-function PSPipelinesComponent_Conditional_2_Conditional_66_For_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 75);
+function PSPipelinesComponent_Conditional_2_Conditional_67_For_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 77);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -145,26 +148,26 @@ function PSPipelinesComponent_Conditional_2_Conditional_66_For_5_Template(rf, ct
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(k_r12);
 } }
-function PSPipelinesComponent_Conditional_2_Conditional_66_Template(rf, ctx) { if (rf & 1) {
+function PSPipelinesComponent_Conditional_2_Conditional_67_Template(rf, ctx) { if (rf & 1) {
     const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 49)(1, "label");
+    i0.ɵɵelementStart(0, "div", 50)(1, "label");
     i0.ɵɵtext(2, "Kind");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "select", 53);
-    i0.ɵɵlistener("change", function PSPipelinesComponent_Conditional_2_Conditional_66_Template_select_change_3_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setSourceKind($event.target.value)); });
-    i0.ɵɵrepeaterCreate(4, PSPipelinesComponent_Conditional_2_Conditional_66_For_5_Template, 2, 2, "option", 75, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(3, "select", 54);
+    i0.ɵɵlistener("change", function PSPipelinesComponent_Conditional_2_Conditional_67_Template_select_change_3_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setSourceKind($event.target.value)); });
+    i0.ɵɵrepeaterCreate(4, PSPipelinesComponent_Conditional_2_Conditional_67_For_5_Template, 2, 2, "option", 77, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 49)(7, "label");
+    i0.ɵɵelementStart(6, "div", 50)(7, "label");
     i0.ɵɵtext(8, "Reference (entity / query / id)");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "input", 50);
-    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_66_Template_input_input_9_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setSourceRef($event.target.value)); });
+    i0.ɵɵelementStart(9, "input", 51);
+    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_67_Template_input_input_9_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setSourceRef($event.target.value)); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(10, "div", 49)(11, "label");
+    i0.ɵɵelementStart(10, "div", 50)(11, "label");
     i0.ɵɵtext(12, "Alias (optional)");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(13, "input", 50);
-    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_66_Template_input_input_13_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setSourceAlias($event.target.value)); });
+    i0.ɵɵelementStart(13, "input", 51);
+    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_67_Template_input_input_13_listener($event) { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setSourceAlias($event.target.value)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -177,8 +180,8 @@ function PSPipelinesComponent_Conditional_2_Conditional_66_Template(rf, ctx) { i
     i0.ɵɵadvance(4);
     i0.ɵɵproperty("value", ctx_r1.selectedSource.Alias || "");
 } }
-function PSPipelinesComponent_Conditional_2_Conditional_67_For_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 75);
+function PSPipelinesComponent_Conditional_2_Conditional_68_For_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 77);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -187,34 +190,34 @@ function PSPipelinesComponent_Conditional_2_Conditional_67_For_5_Template(rf, ct
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(k_r14);
 } }
-function PSPipelinesComponent_Conditional_2_Conditional_67_Case_10_Template(rf, ctx) { if (rf & 1) {
+function PSPipelinesComponent_Conditional_2_Conditional_68_Case_10_Template(rf, ctx) { if (rf & 1) {
     const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 49)(1, "label");
+    i0.ɵɵelementStart(0, "div", 50)(1, "label");
     i0.ɵɵtext(2, "Columns (comma-separated)");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "input", 50);
-    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_67_Case_10_Template_input_input_3_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setColumns($event.target.value)); });
+    i0.ɵɵelementStart(3, "input", 51);
+    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_68_Case_10_Template_input_input_3_listener($event) { i0.ɵɵrestoreView(_r15); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setColumns($event.target.value)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("value", ctx_r1.columnsText);
 } }
-function PSPipelinesComponent_Conditional_2_Conditional_67_Case_11_Template(rf, ctx) { if (rf & 1) {
+function PSPipelinesComponent_Conditional_2_Conditional_68_Case_11_Template(rf, ctx) { if (rf & 1) {
     const _r16 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 49)(1, "label");
+    i0.ɵɵelementStart(0, "div", 50)(1, "label");
     i0.ɵɵtext(2, "Columns (comma-separated)");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "input", 50);
-    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_67_Case_11_Template_input_input_3_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setColumns($event.target.value)); });
+    i0.ɵɵelementStart(3, "input", 51);
+    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_68_Case_11_Template_input_input_3_listener($event) { i0.ɵɵrestoreView(_r16); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setColumns($event.target.value)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("value", ctx_r1.columnsText);
 } }
-function PSPipelinesComponent_Conditional_2_Conditional_67_Case_12_For_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 75);
+function PSPipelinesComponent_Conditional_2_Conditional_68_Case_12_For_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 77);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -223,20 +226,20 @@ function PSPipelinesComponent_Conditional_2_Conditional_67_Case_12_For_9_Templat
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(s_r18);
 } }
-function PSPipelinesComponent_Conditional_2_Conditional_67_Case_12_Template(rf, ctx) { if (rf & 1) {
+function PSPipelinesComponent_Conditional_2_Conditional_68_Case_12_Template(rf, ctx) { if (rf & 1) {
     const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 49)(1, "label");
+    i0.ɵɵelementStart(0, "div", 50)(1, "label");
     i0.ɵɵtext(2, "Column");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "input", 50);
-    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_67_Case_12_Template_input_input_3_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setStepStr("Column", $event.target.value)); });
+    i0.ɵɵelementStart(3, "input", 51);
+    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_68_Case_12_Template_input_input_3_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setStepStr("Column", $event.target.value)); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(4, "div", 49)(5, "label");
+    i0.ɵɵelementStart(4, "div", 50)(5, "label");
     i0.ɵɵtext(6, "Strategy");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "select", 53);
-    i0.ɵɵlistener("change", function PSPipelinesComponent_Conditional_2_Conditional_67_Case_12_Template_select_change_7_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setStepStr("Strategy", $event.target.value)); });
-    i0.ɵɵrepeaterCreate(8, PSPipelinesComponent_Conditional_2_Conditional_67_Case_12_For_9_Template, 2, 2, "option", 75, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(7, "select", 54);
+    i0.ɵɵlistener("change", function PSPipelinesComponent_Conditional_2_Conditional_68_Case_12_Template_select_change_7_listener($event) { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setStepStr("Strategy", $event.target.value)); });
+    i0.ɵɵrepeaterCreate(8, PSPipelinesComponent_Conditional_2_Conditional_68_Case_12_For_9_Template, 2, 2, "option", 77, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -247,32 +250,32 @@ function PSPipelinesComponent_Conditional_2_Conditional_67_Case_12_Template(rf,
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx_r1.imputeStrategies);
 } }
-function PSPipelinesComponent_Conditional_2_Conditional_67_Case_13_Template(rf, ctx) { if (rf & 1) {
+function PSPipelinesComponent_Conditional_2_Conditional_68_Case_13_Template(rf, ctx) { if (rf & 1) {
     const _r19 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 49)(1, "label");
+    i0.ɵɵelementStart(0, "div", 50)(1, "label");
     i0.ɵɵtext(2, "Column");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "input", 50);
-    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_67_Case_13_Template_input_input_3_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setStepStr("Column", $event.target.value)); });
+    i0.ɵɵelementStart(3, "input", 51);
+    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_68_Case_13_Template_input_input_3_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setStepStr("Column", $event.target.value)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("value", ctx_r1.stepField("Column"));
 } }
-function PSPipelinesComponent_Conditional_2_Conditional_67_Case_14_Template(rf, ctx) { if (rf & 1) {
+function PSPipelinesComponent_Conditional_2_Conditional_68_Case_14_Template(rf, ctx) { if (rf & 1) {
     const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 49)(1, "label");
+    i0.ɵɵelementStart(0, "div", 50)(1, "label");
     i0.ɵɵtext(2, "Column");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "input", 50);
-    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_67_Case_14_Template_input_input_3_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setStepStr("Column", $event.target.value)); });
+    i0.ɵɵelementStart(3, "input", 51);
+    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_68_Case_14_Template_input_input_3_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setStepStr("Column", $event.target.value)); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(4, "div", 49)(5, "label");
+    i0.ɵɵelementStart(4, "div", 50)(5, "label");
     i0.ɵɵtext(6, "Bins");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "input", 76);
-    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_67_Case_14_Template_input_input_7_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setStepNum("Bins", $event.target.value)); });
+    i0.ɵɵelementStart(7, "input", 78);
+    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_68_Case_14_Template_input_input_7_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setStepNum("Bins", $event.target.value)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -281,25 +284,25 @@ function PSPipelinesComponent_Conditional_2_Conditional_67_Case_14_Template(rf,
     i0.ɵɵadvance(4);
     i0.ɵɵproperty("value", ctx_r1.stepField("Bins"));
 } }
-function PSPipelinesComponent_Conditional_2_Conditional_67_Case_15_Template(rf, ctx) { if (rf & 1) {
+function PSPipelinesComponent_Conditional_2_Conditional_68_Case_15_Template(rf, ctx) { if (rf & 1) {
     const _r21 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 49)(1, "label");
+    i0.ɵɵelementStart(0, "div", 50)(1, "label");
     i0.ɵɵtext(2, "Entity");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "input", 50);
-    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_67_Case_15_Template_input_input_3_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setStepStr("Entity", $event.target.value)); });
+    i0.ɵɵelementStart(3, "input", 51);
+    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_68_Case_15_Template_input_input_3_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setStepStr("Entity", $event.target.value)); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(4, "div", 49)(5, "label");
+    i0.ɵɵelementStart(4, "div", 50)(5, "label");
     i0.ɵɵtext(6, "Embedding model ref");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "input", 50);
-    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_67_Case_15_Template_input_input_7_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setStepStr("EmbeddingModelRef", $event.target.value)); });
+    i0.ɵɵelementStart(7, "input", 51);
+    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_68_Case_15_Template_input_input_7_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setStepStr("EmbeddingModelRef", $event.target.value)); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "div", 49)(9, "label");
+    i0.ɵɵelementStart(8, "div", 50)(9, "label");
     i0.ɵɵtext(10, "Dimensions");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "input", 76);
-    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_67_Case_15_Template_input_input_11_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setStepNum("Dims", $event.target.value)); });
+    i0.ɵɵelementStart(11, "input", 78);
+    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_68_Case_15_Template_input_input_11_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setStepNum("Dims", $event.target.value)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -310,49 +313,49 @@ function PSPipelinesComponent_Conditional_2_Conditional_67_Case_15_Template(rf,
     i0.ɵɵadvance(4);
     i0.ɵɵproperty("value", ctx_r1.stepField("Dims"));
 } }
-function PSPipelinesComponent_Conditional_2_Conditional_67_Case_16_Template(rf, ctx) { if (rf & 1) {
+function PSPipelinesComponent_Conditional_2_Conditional_68_Case_16_Template(rf, ctx) { if (rf & 1) {
     const _r22 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 49)(1, "label");
+    i0.ɵɵelementStart(0, "div", 50)(1, "label");
     i0.ɵɵtext(2, "Feature Pipeline ref");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "input", 50);
-    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_67_Case_16_Template_input_input_3_listener($event) { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setStepStr("FeaturePipelineRef", $event.target.value)); });
+    i0.ɵɵelementStart(3, "input", 51);
+    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_68_Case_16_Template_input_input_3_listener($event) { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setStepStr("FeaturePipelineRef", $event.target.value)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("value", ctx_r1.stepField("FeaturePipelineRef"));
 } }
-function PSPipelinesComponent_Conditional_2_Conditional_67_Case_17_Template(rf, ctx) { if (rf & 1) {
+function PSPipelinesComponent_Conditional_2_Conditional_68_Case_17_Template(rf, ctx) { if (rf & 1) {
     const _r23 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 49)(1, "label");
+    i0.ɵɵelementStart(0, "div", 50)(1, "label");
     i0.ɵɵtext(2, "Flow Agent ref");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "input", 50);
-    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_67_Case_17_Template_input_input_3_listener($event) { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setStepStr("FlowAgentRef", $event.target.value)); });
+    i0.ɵɵelementStart(3, "input", 51);
+    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_68_Case_17_Template_input_input_3_listener($event) { i0.ɵɵrestoreView(_r23); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setStepStr("FlowAgentRef", $event.target.value)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("value", ctx_r1.stepField("FlowAgentRef"));
 } }
-function PSPipelinesComponent_Conditional_2_Conditional_67_Case_18_Template(rf, ctx) { if (rf & 1) {
+function PSPipelinesComponent_Conditional_2_Conditional_68_Case_18_Template(rf, ctx) { if (rf & 1) {
     const _r24 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 49)(1, "label");
+    i0.ɵɵelementStart(0, "div", 50)(1, "label");
     i0.ɵɵtext(2, "Image column");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "input", 50);
-    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_67_Case_18_Template_input_input_3_listener($event) { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setStepStr("ImageColumn", $event.target.value)); });
+    i0.ɵɵelementStart(3, "input", 51);
+    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_68_Case_18_Template_input_input_3_listener($event) { i0.ɵɵrestoreView(_r24); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.setStepStr("ImageColumn", $event.target.value)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("value", ctx_r1.stepField("ImageColumn"));
 } }
-function PSPipelinesComponent_Conditional_2_Conditional_67_Conditional_19_For_5_Template(rf, ctx) { if (rf & 1) {
+function PSPipelinesComponent_Conditional_2_Conditional_68_Conditional_19_For_5_Template(rf, ctx) { if (rf & 1) {
     const _r25 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "label", 78)(1, "input", 80);
-    i0.ɵɵlistener("change", function PSPipelinesComponent_Conditional_2_Conditional_67_Conditional_19_For_5_Template_input_change_1_listener() { const s_r26 = i0.ɵɵrestoreView(_r25).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.toggleInput(s_r26.Id)); });
+    i0.ɵɵelementStart(0, "label", 80)(1, "input", 82);
+    i0.ɵɵlistener("change", function PSPipelinesComponent_Conditional_2_Conditional_68_Conditional_19_For_5_Template_input_change_1_listener() { const s_r26 = i0.ɵɵrestoreView(_r25).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.toggleInput(s_r26.Id)); });
     i0.ɵɵelementEnd();
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
@@ -364,14 +367,14 @@ function PSPipelinesComponent_Conditional_2_Conditional_67_Conditional_19_For_5_
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", s_r26.Label || s_r26.Kind);
 } }
-function PSPipelinesComponent_Conditional_2_Conditional_67_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 49)(1, "label");
+function PSPipelinesComponent_Conditional_2_Conditional_68_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 50)(1, "label");
     i0.ɵɵtext(2, "Inputs (upstream steps)");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 77);
-    i0.ɵɵrepeaterCreate(4, PSPipelinesComponent_Conditional_2_Conditional_67_Conditional_19_For_5_Template, 3, 2, "label", 78, _forTrack4);
+    i0.ɵɵelementStart(3, "div", 79);
+    i0.ɵɵrepeaterCreate(4, PSPipelinesComponent_Conditional_2_Conditional_68_Conditional_19_For_5_Template, 3, 2, "label", 80, _forTrack4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 79);
+    i0.ɵɵelementStart(6, "div", 81);
     i0.ɵɵtext(7, "No inputs = a root step fed directly by the sources.");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -379,23 +382,23 @@ function PSPipelinesComponent_Conditional_2_Conditional_67_Conditional_19_Templa
     i0.ɵɵadvance(4);
     i0.ɵɵrepeater(ctx_r1.otherSteps);
 } }
-function PSPipelinesComponent_Conditional_2_Conditional_67_Template(rf, ctx) { if (rf & 1) {
+function PSPipelinesComponent_Conditional_2_Conditional_68_Template(rf, ctx) { if (rf & 1) {
     const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 49)(1, "label");
+    i0.ɵɵelementStart(0, "div", 50)(1, "label");
     i0.ɵɵtext(2, "Kind");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "select", 53);
-    i0.ɵɵlistener("change", function PSPipelinesComponent_Conditional_2_Conditional_67_Template_select_change_3_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setStepKind($event.target.value)); });
-    i0.ɵɵrepeaterCreate(4, PSPipelinesComponent_Conditional_2_Conditional_67_For_5_Template, 2, 2, "option", 75, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(3, "select", 54);
+    i0.ɵɵlistener("change", function PSPipelinesComponent_Conditional_2_Conditional_68_Template_select_change_3_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setStepKind($event.target.value)); });
+    i0.ɵɵrepeaterCreate(4, PSPipelinesComponent_Conditional_2_Conditional_68_For_5_Template, 2, 2, "option", 77, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 49)(7, "label");
+    i0.ɵɵelementStart(6, "div", 50)(7, "label");
     i0.ɵɵtext(8, "Label");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "input", 50);
-    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_67_Template_input_input_9_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setStepLabel($event.target.value)); });
+    i0.ɵɵelementStart(9, "input", 51);
+    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_68_Template_input_input_9_listener($event) { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setStepLabel($event.target.value)); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(10, PSPipelinesComponent_Conditional_2_Conditional_67_Case_10_Template, 4, 1, "div", 49)(11, PSPipelinesComponent_Conditional_2_Conditional_67_Case_11_Template, 4, 1, "div", 49)(12, PSPipelinesComponent_Conditional_2_Conditional_67_Case_12_Template, 10, 2)(13, PSPipelinesComponent_Conditional_2_Conditional_67_Case_13_Template, 4, 1, "div", 49)(14, PSPipelinesComponent_Conditional_2_Conditional_67_Case_14_Template, 8, 2)(15, PSPipelinesComponent_Conditional_2_Conditional_67_Case_15_Template, 12, 3)(16, PSPipelinesComponent_Conditional_2_Conditional_67_Case_16_Template, 4, 1, "div", 49)(17, PSPipelinesComponent_Conditional_2_Conditional_67_Case_17_Template, 4, 1, "div", 49)(18, PSPipelinesComponent_Conditional_2_Conditional_67_Case_18_Template, 4, 1, "div", 49);
-    i0.ɵɵconditionalCreate(19, PSPipelinesComponent_Conditional_2_Conditional_67_Conditional_19_Template, 8, 0, "div", 49);
+    i0.ɵɵconditionalCreate(10, PSPipelinesComponent_Conditional_2_Conditional_68_Case_10_Template, 4, 1, "div", 50)(11, PSPipelinesComponent_Conditional_2_Conditional_68_Case_11_Template, 4, 1, "div", 50)(12, PSPipelinesComponent_Conditional_2_Conditional_68_Case_12_Template, 10, 2)(13, PSPipelinesComponent_Conditional_2_Conditional_68_Case_13_Template, 4, 1, "div", 50)(14, PSPipelinesComponent_Conditional_2_Conditional_68_Case_14_Template, 8, 2)(15, PSPipelinesComponent_Conditional_2_Conditional_68_Case_15_Template, 12, 3)(16, PSPipelinesComponent_Conditional_2_Conditional_68_Case_16_Template, 4, 1, "div", 50)(17, PSPipelinesComponent_Conditional_2_Conditional_68_Case_17_Template, 4, 1, "div", 50)(18, PSPipelinesComponent_Conditional_2_Conditional_68_Case_18_Template, 4, 1, "div", 50);
+    i0.ɵɵconditionalCreate(19, PSPipelinesComponent_Conditional_2_Conditional_68_Conditional_19_Template, 8, 0, "div", 50);
 } if (rf & 2) {
     let tmp_5_0;
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -410,8 +413,8 @@ function PSPipelinesComponent_Conditional_2_Conditional_67_Template(rf, ctx) { i
     i0.ɵɵadvance(9);
     i0.ɵɵconditional(ctx_r1.otherSteps.length > 0 ? 19 : -1);
 } }
-function PSPipelinesComponent_Conditional_2_Conditional_68_For_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 75);
+function PSPipelinesComponent_Conditional_2_Conditional_69_For_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 77);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -420,20 +423,20 @@ function PSPipelinesComponent_Conditional_2_Conditional_68_For_9_Template(rf, ct
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(pt_r28);
 } }
-function PSPipelinesComponent_Conditional_2_Conditional_68_Template(rf, ctx) { if (rf & 1) {
+function PSPipelinesComponent_Conditional_2_Conditional_69_Template(rf, ctx) { if (rf & 1) {
     const _r27 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 49)(1, "label");
+    i0.ɵɵelementStart(0, "div", 50)(1, "label");
     i0.ɵɵtext(2, "Target variable");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "input", 50);
-    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_68_Template_input_input_3_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setTargetVariable($event.target.value)); });
+    i0.ɵɵelementStart(3, "input", 51);
+    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_69_Template_input_input_3_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setTargetVariable($event.target.value)); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(4, "div", 49)(5, "label");
+    i0.ɵɵelementStart(4, "div", 50)(5, "label");
     i0.ɵɵtext(6, "Problem type");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "select", 53);
-    i0.ɵɵlistener("change", function PSPipelinesComponent_Conditional_2_Conditional_68_Template_select_change_7_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setProblemType($event.target.value)); });
-    i0.ɵɵrepeaterCreate(8, PSPipelinesComponent_Conditional_2_Conditional_68_For_9_Template, 2, 2, "option", 75, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(7, "select", 54);
+    i0.ɵɵlistener("change", function PSPipelinesComponent_Conditional_2_Conditional_69_Template_select_change_7_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setProblemType($event.target.value)); });
+    i0.ɵɵrepeaterCreate(8, PSPipelinesComponent_Conditional_2_Conditional_69_For_9_Template, 2, 2, "option", 77, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -444,8 +447,8 @@ function PSPipelinesComponent_Conditional_2_Conditional_68_Template(rf, ctx) { i
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx_r1.problemTypes);
 } }
-function PSPipelinesComponent_Conditional_2_Conditional_69_For_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "option", 75);
+function PSPipelinesComponent_Conditional_2_Conditional_70_For_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 77);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -454,20 +457,20 @@ function PSPipelinesComponent_Conditional_2_Conditional_69_For_5_Template(rf, ct
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate(a_r30.Name);
 } }
-function PSPipelinesComponent_Conditional_2_Conditional_69_Template(rf, ctx) { if (rf & 1) {
+function PSPipelinesComponent_Conditional_2_Conditional_70_Template(rf, ctx) { if (rf & 1) {
     const _r29 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 49)(1, "label");
+    i0.ɵɵelementStart(0, "div", 50)(1, "label");
     i0.ɵɵtext(2, "Algorithm");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "select", 53);
-    i0.ɵɵlistener("change", function PSPipelinesComponent_Conditional_2_Conditional_69_Template_select_change_3_listener($event) { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setAlgorithm($event.target.value)); });
-    i0.ɵɵrepeaterCreate(4, PSPipelinesComponent_Conditional_2_Conditional_69_For_5_Template, 2, 2, "option", 75, _forTrack0);
+    i0.ɵɵelementStart(3, "select", 54);
+    i0.ɵɵlistener("change", function PSPipelinesComponent_Conditional_2_Conditional_70_Template_select_change_3_listener($event) { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setAlgorithm($event.target.value)); });
+    i0.ɵɵrepeaterCreate(4, PSPipelinesComponent_Conditional_2_Conditional_70_For_5_Template, 2, 2, "option", 77, _forTrack0);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "div", 49)(7, "label");
+    i0.ɵɵelementStart(6, "div", 50)(7, "label");
     i0.ɵɵtext(8, "Hyperparameters (JSON)");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "textarea", 81);
-    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_69_Template_textarea_input_9_listener($event) { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setHyperparams($event.target.value)); });
+    i0.ɵɵelementStart(9, "textarea", 83);
+    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_70_Template_textarea_input_9_listener($event) { i0.ɵɵrestoreView(_r29); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setHyperparams($event.target.value)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -478,8 +481,8 @@ function PSPipelinesComponent_Conditional_2_Conditional_69_Template(rf, ctx) { i
     i0.ɵɵadvance(5);
     i0.ɵɵproperty("value", ctx_r1.editHyperparams);
 } }
-function PSPipelinesComponent_Conditional_2_Conditional_70_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 26);
+function PSPipelinesComponent_Conditional_2_Conditional_71_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 27);
     i0.ɵɵtext(1, "The trained model artifact. Run ");
     i0.ɵɵelementStart(2, "strong");
     i0.ɵɵtext(3, "Train");
@@ -487,52 +490,52 @@ function PSPipelinesComponent_Conditional_2_Conditional_70_Template(rf, ctx) { i
     i0.ɵɵtext(4, " to produce a new versioned model from this pipeline.");
     i0.ɵɵelementEnd();
 } }
-function PSPipelinesComponent_Conditional_2_Conditional_101_Template(rf, ctx) { if (rf & 1) {
+function PSPipelinesComponent_Conditional_2_Conditional_102_Template(rf, ctx) { if (rf & 1) {
     const _r31 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 49)(1, "label");
+    i0.ɵɵelementStart(0, "div", 50)(1, "label");
     i0.ɵɵtext(2, "Decision-date column");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "input", 50);
-    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_101_Template_input_input_3_listener($event) { i0.ɵɵrestoreView(_r31); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setAsOfColumn($event.target.value)); });
+    i0.ɵɵelementStart(3, "input", 51);
+    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_102_Template_input_input_3_listener($event) { i0.ɵɵrestoreView(_r31); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setAsOfColumn($event.target.value)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("value", ctx_r1.editAsOf.Column || "");
 } }
-function PSPipelinesComponent_Conditional_2_Conditional_102_Template(rf, ctx) { if (rf & 1) {
+function PSPipelinesComponent_Conditional_2_Conditional_103_Template(rf, ctx) { if (rf & 1) {
     const _r32 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 49)(1, "label");
+    i0.ɵɵelementStart(0, "div", 50)(1, "label");
     i0.ɵɵtext(2, "Offset days before label");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "input", 76);
-    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_102_Template_input_input_3_listener($event) { i0.ɵɵrestoreView(_r32); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setAsOfOffset($event.target.value)); });
+    i0.ɵɵelementStart(3, "input", 78);
+    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_103_Template_input_input_3_listener($event) { i0.ɵɵrestoreView(_r32); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setAsOfOffset($event.target.value)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("value", ctx_r1.editAsOf.OffsetDays ?? 0);
 } }
-function PSPipelinesComponent_Conditional_2_Conditional_119_Template(rf, ctx) { if (rf & 1) {
+function PSPipelinesComponent_Conditional_2_Conditional_120_Template(rf, ctx) { if (rf & 1) {
     const _r33 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 49)(1, "label");
+    i0.ɵɵelementStart(0, "div", 50)(1, "label");
     i0.ɵɵtext(2, "Test size");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "input", 61);
-    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_119_Template_input_input_3_listener($event) { i0.ɵɵrestoreView(_r33); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setTestSize($event.target.value)); });
+    i0.ɵɵelementStart(3, "input", 62);
+    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_120_Template_input_input_3_listener($event) { i0.ɵɵrestoreView(_r33); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setTestSize($event.target.value)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("value", ctx_r1.editValidation.TestSize ?? 0.2);
 } }
-function PSPipelinesComponent_Conditional_2_Conditional_120_Template(rf, ctx) { if (rf & 1) {
+function PSPipelinesComponent_Conditional_2_Conditional_121_Template(rf, ctx) { if (rf & 1) {
     const _r34 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 49)(1, "label");
+    i0.ɵɵelementStart(0, "div", 50)(1, "label");
     i0.ɵɵtext(2, "Folds (k)");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "input", 76);
-    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_120_Template_input_input_3_listener($event) { i0.ɵɵrestoreView(_r34); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setK($event.target.value)); });
+    i0.ɵɵelementStart(3, "input", 78);
+    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Conditional_121_Template_input_input_3_listener($event) { i0.ɵɵrestoreView(_r34); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setK($event.target.value)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -542,171 +545,173 @@ function PSPipelinesComponent_Conditional_2_Conditional_120_Template(rf, ctx) {
 function PSPipelinesComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 6);
-    i0.ɵɵrepeaterCreate(1, PSPipelinesComponent_Conditional_2_For_2_Template, 5, 6, "button", 7, _forTrack0);
-    i0.ɵɵelement(3, "span", 8);
-    i0.ɵɵconditionalCreate(4, PSPipelinesComponent_Conditional_2_Conditional_4_Template, 3, 0, "span", 9);
-    i0.ɵɵelementStart(5, "button", 10);
-    i0.ɵɵlistener("click", function PSPipelinesComponent_Conditional_2_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.save()); });
-    i0.ɵɵelement(6, "i", 11);
-    i0.ɵɵtext(7, " Save ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "button", 12);
-    i0.ɵɵlistener("click", function PSPipelinesComponent_Conditional_2_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.validate()); });
-    i0.ɵɵelement(9, "i", 13);
-    i0.ɵɵtext(10, " Validate ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "button", 14);
-    i0.ɵɵlistener("click", function PSPipelinesComponent_Conditional_2_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.train()); });
-    i0.ɵɵelement(12, "i", 15);
-    i0.ɵɵtext(13, " Train ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "button", 16);
-    i0.ɵɵlistener("click", function PSPipelinesComponent_Conditional_2_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.refine()); });
-    i0.ɵɵelement(15, "i", 17);
-    i0.ɵɵtext(16, " Agent ");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(17, "div", 18)(18, "div", 19)(19, "div", 20)(20, "span", 21);
-    i0.ɵɵtext(21, "Add:");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(22, "button", 22);
-    i0.ɵɵlistener("click", function PSPipelinesComponent_Conditional_2_Template_button_click_22_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.addSource()); });
-    i0.ɵɵelement(23, "i", 23);
-    i0.ɵɵtext(24, " Source");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(25, "button", 24);
-    i0.ɵɵlistener("click", function PSPipelinesComponent_Conditional_2_Template_button_click_25_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.addStep()); });
-    i0.ɵɵelement(26, "i", 25);
-    i0.ɵɵtext(27, " Feature step");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelement(28, "span", 8);
-    i0.ɵɵelementStart(29, "span", 26);
-    i0.ɵɵelement(30, "i", 27);
-    i0.ɵɵtext(31);
+    i0.ɵɵrepeaterCreate(1, PSPipelinesComponent_Conditional_2_For_2_Template, 6, 7, "button", 7, _forTrack0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 8)(4, "button", 9);
+    i0.ɵɵlistener("click", function PSPipelinesComponent_Conditional_2_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.save()); });
+    i0.ɵɵelement(5, "i", 10);
+    i0.ɵɵtext(6, " Save ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "button", 11);
+    i0.ɵɵlistener("click", function PSPipelinesComponent_Conditional_2_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.validate()); });
+    i0.ɵɵelement(8, "i", 12);
+    i0.ɵɵtext(9, " Validate ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "button", 13);
+    i0.ɵɵlistener("click", function PSPipelinesComponent_Conditional_2_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.train()); });
+    i0.ɵɵelement(11, "i", 14);
+    i0.ɵɵtext(12, " Train ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(13, "button", 15);
+    i0.ɵɵlistener("click", function PSPipelinesComponent_Conditional_2_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.refine()); });
+    i0.ɵɵelement(14, "i", 16);
+    i0.ɵɵtext(15, " Agent ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(16, "span", 17);
+    i0.ɵɵconditionalCreate(17, PSPipelinesComponent_Conditional_2_Conditional_17_Template, 3, 0, "span", 18);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(18, "div", 19)(19, "div", 20)(20, "div", 21)(21, "span", 22);
+    i0.ɵɵtext(22, "Add:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(23, "button", 23);
+    i0.ɵɵlistener("click", function PSPipelinesComponent_Conditional_2_Template_button_click_23_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.addSource()); });
+    i0.ɵɵelement(24, "i", 24);
+    i0.ɵɵtext(25, " Source");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(26, "button", 25);
+    i0.ɵɵlistener("click", function PSPipelinesComponent_Conditional_2_Template_button_click_26_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.addStep()); });
+    i0.ɵɵelement(27, "i", 26);
+    i0.ɵɵtext(28, " Feature step");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(29, "span", 17);
+    i0.ɵɵelementStart(30, "span", 27);
+    i0.ɵɵelement(31, "i", 28);
+    i0.ɵɵtext(32);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(32, "div", 28);
+    i0.ɵɵelementStart(33, "div", 29);
     i0.ɵɵnamespaceSVG();
-    i0.ɵɵelementStart(33, "svg", 29);
-    i0.ɵɵrepeaterCreate(34, PSPipelinesComponent_Conditional_2_For_35_Template, 1, 1, ":svg:path", null, _forTrack1);
+    i0.ɵɵelementStart(34, "svg", 30);
+    i0.ɵɵrepeaterCreate(35, PSPipelinesComponent_Conditional_2_For_36_Template, 1, 1, ":svg:path", null, _forTrack1);
     i0.ɵɵelementEnd();
-    i0.ɵɵrepeaterCreate(36, PSPipelinesComponent_Conditional_2_For_37_Template, 11, 13, "div", 30, _forTrack2);
+    i0.ɵɵrepeaterCreate(37, PSPipelinesComponent_Conditional_2_For_38_Template, 11, 13, "div", 31, _forTrack2);
     i0.ɵɵelementEnd();
     i0.ɵɵnamespaceHTML();
-    i0.ɵɵelementStart(38, "div", 31)(39, "div", 32)(40, "span");
-    i0.ɵɵelement(41, "i", 33);
-    i0.ɵɵtext(42, " Source");
+    i0.ɵɵelementStart(39, "div", 32)(40, "div", 33)(41, "span");
+    i0.ɵɵelement(42, "i", 34);
+    i0.ɵɵtext(43, " Source");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(43, "span");
-    i0.ɵɵelement(44, "i", 34);
-    i0.ɵɵtext(45, " Feature");
+    i0.ɵɵelementStart(44, "span");
+    i0.ɵɵelement(45, "i", 35);
+    i0.ɵɵtext(46, " Feature");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(46, "span");
-    i0.ɵɵelement(47, "i", 35);
-    i0.ɵɵtext(48, " Embedding");
+    i0.ɵɵelementStart(47, "span");
+    i0.ɵɵelement(48, "i", 36);
+    i0.ɵɵtext(49, " Embedding");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(49, "span");
-    i0.ɵɵelement(50, "i", 36);
-    i0.ɵɵtext(51, " Target");
+    i0.ɵɵelementStart(50, "span");
+    i0.ɵɵelement(51, "i", 37);
+    i0.ɵɵtext(52, " Target");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(52, "span");
-    i0.ɵɵelement(53, "i", 37);
-    i0.ɵɵtext(54, " Algorithm");
+    i0.ɵɵelementStart(53, "span");
+    i0.ɵɵelement(54, "i", 38);
+    i0.ɵɵtext(55, " Algorithm");
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(55, "div", 38)(56, "div", 39)(57, "div", 40);
-    i0.ɵɵelement(58, "i", 41);
-    i0.ɵɵelementStart(59, "div", 42)(60, "h3", 43);
-    i0.ɵɵtext(61);
+    i0.ɵɵelementStart(56, "div", 39)(57, "div", 40)(58, "div", 41);
+    i0.ɵɵelement(59, "i", 42);
+    i0.ɵɵelementStart(60, "div", 43)(61, "h3", 44);
+    i0.ɵɵtext(62);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(62, "div", 26);
-    i0.ɵɵtext(63);
+    i0.ɵɵelementStart(63, "div", 27);
+    i0.ɵɵtext(64);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(64, PSPipelinesComponent_Conditional_2_Conditional_64_Template, 2, 0, "button", 44);
+    i0.ɵɵconditionalCreate(65, PSPipelinesComponent_Conditional_2_Conditional_65_Template, 2, 0, "button", 45);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(65, "div", 45);
-    i0.ɵɵconditionalCreate(66, PSPipelinesComponent_Conditional_2_Conditional_66_Template, 14, 3);
-    i0.ɵɵconditionalCreate(67, PSPipelinesComponent_Conditional_2_Conditional_67_Template, 20, 4);
-    i0.ɵɵconditionalCreate(68, PSPipelinesComponent_Conditional_2_Conditional_68_Template, 10, 2);
+    i0.ɵɵelementStart(66, "div", 46);
+    i0.ɵɵconditionalCreate(67, PSPipelinesComponent_Conditional_2_Conditional_67_Template, 14, 3);
+    i0.ɵɵconditionalCreate(68, PSPipelinesComponent_Conditional_2_Conditional_68_Template, 20, 4);
     i0.ɵɵconditionalCreate(69, PSPipelinesComponent_Conditional_2_Conditional_69_Template, 10, 2);
-    i0.ɵɵconditionalCreate(70, PSPipelinesComponent_Conditional_2_Conditional_70_Template, 5, 0, "div", 26);
+    i0.ɵɵconditionalCreate(70, PSPipelinesComponent_Conditional_2_Conditional_70_Template, 10, 2);
+    i0.ɵɵconditionalCreate(71, PSPipelinesComponent_Conditional_2_Conditional_71_Template, 5, 0, "div", 27);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(71, "div", 46)(72, "div", 47);
-    i0.ɵɵelement(73, "i", 48);
-    i0.ɵɵelementStart(74, "h3");
-    i0.ɵɵtext(75, "Leakage guard");
+    i0.ɵɵelementStart(72, "div", 47)(73, "div", 48);
+    i0.ɵɵelement(74, "i", 49);
+    i0.ɵɵelementStart(75, "h3");
+    i0.ɵɵtext(76, "Leakage guard");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(76, "div", 45)(77, "div", 49)(78, "label");
-    i0.ɵɵtext(79, "Deny-list columns (comma-separated)");
+    i0.ɵɵelementStart(77, "div", 46)(78, "div", 50)(79, "label");
+    i0.ɵɵtext(80, "Deny-list columns (comma-separated)");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(80, "input", 50);
-    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Template_input_input_80_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setDeny($event.target.value)); });
+    i0.ɵɵelementStart(81, "input", 51);
+    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Template_input_input_81_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setDeny($event.target.value)); });
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(81, "div", 49)(82, "label");
-    i0.ɵɵtext(83, "Single-feature dominance threshold");
+    i0.ɵɵelementStart(82, "div", 50)(83, "label");
+    i0.ɵɵtext(84, "Single-feature dominance threshold");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(84, "input", 51);
-    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Template_input_input_84_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setThreshold($event.target.value)); });
+    i0.ɵɵelementStart(85, "input", 52);
+    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Template_input_input_85_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setThreshold($event.target.value)); });
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(85, "div", 46)(86, "div", 47);
-    i0.ɵɵelement(87, "i", 52);
-    i0.ɵɵelementStart(88, "h3");
-    i0.ɵɵtext(89, "As-of strategy");
+    i0.ɵɵelementStart(86, "div", 47)(87, "div", 48);
+    i0.ɵɵelement(88, "i", 53);
+    i0.ɵɵelementStart(89, "h3");
+    i0.ɵɵtext(90, "As-of strategy");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(90, "div", 45)(91, "div", 49)(92, "label");
-    i0.ɵɵtext(93, "Mode");
+    i0.ɵɵelementStart(91, "div", 46)(92, "div", 50)(93, "label");
+    i0.ɵɵtext(94, "Mode");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(94, "select", 53);
-    i0.ɵɵlistener("change", function PSPipelinesComponent_Conditional_2_Template_select_change_94_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setAsOfMode($event.target.value)); });
-    i0.ɵɵelementStart(95, "option", 54);
-    i0.ɵɵtext(96, "none");
+    i0.ɵɵelementStart(95, "select", 54);
+    i0.ɵɵlistener("change", function PSPipelinesComponent_Conditional_2_Template_select_change_95_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setAsOfMode($event.target.value)); });
+    i0.ɵɵelementStart(96, "option", 55);
+    i0.ɵɵtext(97, "none");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(97, "option", 55);
-    i0.ɵɵtext(98, "column");
+    i0.ɵɵelementStart(98, "option", 56);
+    i0.ɵɵtext(99, "column");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(99, "option", 56);
-    i0.ɵɵtext(100, "offset");
+    i0.ɵɵelementStart(100, "option", 57);
+    i0.ɵɵtext(101, "offset");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(101, PSPipelinesComponent_Conditional_2_Conditional_101_Template, 4, 1, "div", 49);
-    i0.ɵɵconditionalCreate(102, PSPipelinesComponent_Conditional_2_Conditional_102_Template, 4, 1, "div", 49);
+    i0.ɵɵconditionalCreate(102, PSPipelinesComponent_Conditional_2_Conditional_102_Template, 4, 1, "div", 50);
+    i0.ɵɵconditionalCreate(103, PSPipelinesComponent_Conditional_2_Conditional_103_Template, 4, 1, "div", 50);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(103, "div", 46)(104, "div", 47);
-    i0.ɵɵelement(105, "i", 57);
-    i0.ɵɵelementStart(106, "h3");
-    i0.ɵɵtext(107, "Validation");
+    i0.ɵɵelementStart(104, "div", 47)(105, "div", 48);
+    i0.ɵɵelement(106, "i", 58);
+    i0.ɵɵelementStart(107, "h3");
+    i0.ɵɵtext(108, "Validation");
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(108, "div", 45)(109, "div", 49)(110, "label");
-    i0.ɵɵtext(111, "Strategy");
+    i0.ɵɵelementStart(109, "div", 46)(110, "div", 50)(111, "label");
+    i0.ɵɵtext(112, "Strategy");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(112, "select", 53);
-    i0.ɵɵlistener("change", function PSPipelinesComponent_Conditional_2_Template_select_change_112_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setValStrategy($event.target.value)); });
-    i0.ɵɵelementStart(113, "option", 58);
-    i0.ɵɵtext(114, "train_test_split");
+    i0.ɵɵelementStart(113, "select", 54);
+    i0.ɵɵlistener("change", function PSPipelinesComponent_Conditional_2_Template_select_change_113_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setValStrategy($event.target.value)); });
+    i0.ɵɵelementStart(114, "option", 59);
+    i0.ɵɵtext(115, "train_test_split");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(115, "option", 59);
-    i0.ɵɵtext(116, "kfold");
+    i0.ɵɵelementStart(116, "option", 60);
+    i0.ɵɵtext(117, "kfold");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(117, "option", 60);
-    i0.ɵɵtext(118, "holdout");
+    i0.ɵɵelementStart(118, "option", 61);
+    i0.ɵɵtext(119, "holdout");
     i0.ɵɵelementEnd()()();
-    i0.ɵɵconditionalCreate(119, PSPipelinesComponent_Conditional_2_Conditional_119_Template, 4, 1, "div", 49);
-    i0.ɵɵconditionalCreate(120, PSPipelinesComponent_Conditional_2_Conditional_120_Template, 4, 1, "div", 49);
-    i0.ɵɵelementStart(121, "div", 49)(122, "label");
-    i0.ɵɵtext(123, "Locked holdout fraction");
+    i0.ɵɵconditionalCreate(120, PSPipelinesComponent_Conditional_2_Conditional_120_Template, 4, 1, "div", 50);
+    i0.ɵɵconditionalCreate(121, PSPipelinesComponent_Conditional_2_Conditional_121_Template, 4, 1, "div", 50);
+    i0.ɵɵelementStart(122, "div", 50)(123, "label");
+    i0.ɵɵtext(124, "Locked holdout fraction");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(124, "input", 61);
-    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Template_input_input_124_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setHoldout($event.target.value)); });
+    i0.ɵɵelementStart(125, "input", 62);
+    i0.ɵɵlistener("input", function PSPipelinesComponent_Conditional_2_Template_input_input_125_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.setHoldout($event.target.value)); });
     i0.ɵɵelementEnd()()()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx_r1.pipelines);
     i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r1.dirty ? 4 : -1);
-    i0.ɵɵadvance();
     i0.ɵɵproperty("disabled", !ctx_r1.dirty || ctx_r1.busy);
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("disabled", ctx_r1.busy);
     i0.ɵɵadvance(3);
     i0.ɵɵproperty("disabled", ctx_r1.busy || ctx_r1.dirty);
-    i0.ɵɵadvance(20);
+    i0.ɵɵadvance(7);
+    i0.ɵɵconditional(ctx_r1.dirty ? 17 : -1);
+    i0.ɵɵadvance(15);
     i0.ɵɵtextInterpolate2(" ", ctx_r1.nodes.length, " nodes \u00B7 ", ctx_r1.edges.length, " edges");
     i0.ɵɵadvance();
     i0.ɵɵstyleProp("width", ctx_r1.canvasW, "px")("height", ctx_r1.canvasH, "px");
@@ -724,17 +729,17 @@ function PSPipelinesComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1("", ctx_r1.nodeTypeLabel(ctx_r1.selectedNode.type), " \u00B7 selected");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.selectedNode.type === "src" || ctx_r1.selectedNode.type === "feat" || ctx_r1.selectedNode.type === "emb" ? 64 : -1);
+    i0.ɵɵconditional(ctx_r1.selectedNode.type === "src" || ctx_r1.selectedNode.type === "feat" || ctx_r1.selectedNode.type === "emb" ? 65 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.selectedSource ? 66 : -1);
+    i0.ɵɵconditional(ctx_r1.selectedSource ? 67 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.selectedStep ? 67 : -1);
+    i0.ɵɵconditional(ctx_r1.selectedStep ? 68 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.selectedNode.type === "target" ? 68 : -1);
+    i0.ɵɵconditional(ctx_r1.selectedNode.type === "target" ? 69 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.selectedNode.type === "algo" ? 69 : -1);
+    i0.ɵɵconditional(ctx_r1.selectedNode.type === "algo" ? 70 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.selectedNode.type === "output" ? 70 : -1);
+    i0.ɵɵconditional(ctx_r1.selectedNode.type === "output" ? 71 : -1);
     i0.ɵɵadvance(10);
     i0.ɵɵproperty("value", ctx_r1.denyText);
     i0.ɵɵadvance(4);
@@ -742,15 +747,15 @@ function PSPipelinesComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(10);
     i0.ɵɵproperty("value", ctx_r1.editAsOf.Mode);
     i0.ɵɵadvance(7);
-    i0.ɵɵconditional(ctx_r1.editAsOf.Mode === "column" ? 101 : -1);
+    i0.ɵɵconditional(ctx_r1.editAsOf.Mode === "column" ? 102 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.editAsOf.Mode === "offset" ? 102 : -1);
+    i0.ɵɵconditional(ctx_r1.editAsOf.Mode === "offset" ? 103 : -1);
     i0.ɵɵadvance(10);
     i0.ɵɵproperty("value", ctx_r1.editValidation.Strategy);
     i0.ɵɵadvance(7);
-    i0.ɵɵconditional(ctx_r1.editValidation.Strategy === "train_test_split" ? 119 : -1);
+    i0.ɵɵconditional(ctx_r1.editValidation.Strategy === "train_test_split" ? 120 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.editValidation.Strategy === "kfold" ? 120 : -1);
+    i0.ɵɵconditional(ctx_r1.editValidation.Strategy === "kfold" ? 121 : -1);
     i0.ɵɵadvance(4);
     i0.ɵɵproperty("value", ctx_r1.editValidation.LockedHoldoutFraction);
 } }
@@ -1350,14 +1355,14 @@ export class PSPipelinesComponent {
         return `M ${sx} ${sy} C ${c1x} ${sy}, ${c2x} ${ty}, ${tx} ${ty}`;
     }
     static ɵfac = function PSPipelinesComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PSPipelinesComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PSPipelinesComponent, selectors: [["ps-pipelines"]], inputs: { engine: "engine", provider: "provider", currentUser: "currentUser" }, outputs: { askAgent: "askAgent" }, decls: 3, vars: 1, consts: [["data-testid", "ps-pipelines-panel", 1, "ps-panel", "ps-pipelines"], ["data-testid", "ps-pipelines-empty", 1, "ps-empty"], [1, "ps-empty-ico"], [1, "fa-solid", "fa-diagram-project"], ["mjButton", "", "variant", "primary", "size", "sm", "data-testid", "ps-pipelines-ask-agent", 3, "click"], [1, "fa-solid", "fa-robot"], ["data-testid", "ps-pipelines-picker", 1, "pl-bar"], ["data-testid", "ps-pipelines-pill", 1, "pl-pill", 3, "on"], [1, "ps-spacer"], ["data-testid", "ps-pipelines-dirty", 1, "ps-tag", "amber"], ["mjButton", "", "variant", "primary", "size", "sm", "data-testid", "ps-pipelines-save", 3, "click", "disabled"], [1, "fa-solid", "fa-floppy-disk"], ["mjButton", "", "variant", "secondary", "size", "sm", "data-testid", "ps-pipelines-validate", 3, "click", "disabled"], [1, "fa-solid", "fa-circle-check"], ["mjButton", "", "variant", "secondary", "size", "sm", "data-testid", "ps-pipelines-train", 3, "click", "disabled"], [1, "fa-solid", "fa-play"], ["mjButton", "", "variant", "secondary", "size", "sm", 3, "click"], [1, "fa-solid", "fa-wand-magic-sparkles"], [1, "builder"], [1, "canvas-wrap"], [1, "canvas-bar"], [1, "ps-small", "ps-muted", 2, "font-weight", "600"], ["data-testid", "ps-pipelines-add-source", 1, "ps-pchip", "s", 3, "click"], [1, "fa-solid", "fa-database"], ["data-testid", "ps-pipelines-add-step", 1, "ps-pchip", "f", 3, "click"], [1, "fa-solid", "fa-sliders"], [1, "ps-small", "ps-muted"], [1, "fa-solid", "fa-circle-nodes"], ["data-testid", "ps-pipelines-canvas", 1, "ps-flow", "big"], ["data-testid", "ps-pipelines-edges", 1, "ps-edges"], ["data-testid", "ps-pipelines-node", 1, "ps-node", 3, "ngClass", "selected", "left", "top"], [1, "flow-toolbar"], [1, "legend"], [1, "sw", "src"], [1, "sw", "feat"], [1, "sw", "emb"], [1, "sw", "target"], [1, "sw", "algo"], ["data-testid", "ps-pipelines-inspector", 1, "ps-col", "inspector"], [1, "ps-card", "insp"], [1, "ihead"], [1, "tile", 3, "ngClass"], [2, "flex", "1"], ["data-testid", "ps-pipelines-inspector-title"], ["mjButton", "", "variant", "secondary", "size", "sm", "data-testid", "ps-pipelines-delete"], [1, "ps-card-body"], [1, "ps-card"], [1, "ps-card-head"], [1, "fa-solid", "fa-shield-halved", 2, "color", "var(--mj-status-warning)"], [1, "ps-field"], ["type", "text", 1, "mj-input", 3, "input", "value"], ["type", "number", "step", "0.05", "min", "0", "max", "1", 1, "mj-input", 3, "input", "value"], [1, "fa-solid", "fa-clock-rotate-left", 2, "color", "var(--mj-brand-primary)"], [1, "mj-input", 3, "change", "value"], ["value", "none"], ["value", "column"], ["value", "offset"], [1, "fa-solid", "fa-scissors", 2, "color", "var(--mj-brand-primary)"], ["value", "train_test_split"], ["value", "kfold"], ["value", "holdout"], ["type", "number", "step", "0.05", 1, "mj-input", 3, "input", "value"], ["data-testid", "ps-pipelines-pill", 1, "pl-pill", 3, "click"], [1, "ps-badge"], [1, "fa-solid", "fa-pen"], ["data-testid", "ps-pipelines-node", 1, "ps-node", 3, "click", "ngClass"], [1, "nh"], [1, "ps-tag"], [1, "nb"], [1, "nb-row"], [1, "port", "in"], [1, "port", "out"], [1, "k"], ["mjButton", "", "variant", "secondary", "size", "sm", "data-testid", "ps-pipelines-delete", 3, "click"], [1, "fa-solid", "fa-trash"], [3, "value"], ["type", "number", 1, "mj-input", 3, "input", "value"], [1, "inputs-list"], [1, "inp-row"], [1, "ps-small", "ps-muted", 2, "margin-top", "4px"], ["type", "checkbox", 3, "change", "checked"], ["rows", "4", 1, "mj-textarea", 3, "input", "value"]], template: function PSPipelinesComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PSPipelinesComponent, selectors: [["ps-pipelines"]], inputs: { engine: "engine", provider: "provider", currentUser: "currentUser" }, outputs: { askAgent: "askAgent" }, decls: 3, vars: 1, consts: [["data-testid", "ps-pipelines-panel", 1, "ps-panel", "ps-pipelines"], ["data-testid", "ps-pipelines-empty", 1, "ps-empty"], [1, "ps-empty-ico"], [1, "fa-solid", "fa-diagram-project"], ["mjButton", "", "variant", "primary", "size", "sm", "data-testid", "ps-pipelines-ask-agent", 3, "click"], [1, "fa-solid", "fa-robot"], ["data-testid", "ps-pipelines-picker", 1, "pl-picker"], ["data-testid", "ps-pipelines-pill", 1, "pl-pill", 3, "on", "title"], [1, "pl-toolbar"], ["mjButton", "", "variant", "primary", "size", "sm", "data-testid", "ps-pipelines-save", 3, "click", "disabled"], [1, "fa-solid", "fa-floppy-disk"], ["mjButton", "", "variant", "secondary", "size", "sm", "data-testid", "ps-pipelines-validate", 3, "click", "disabled"], [1, "fa-solid", "fa-circle-check"], ["mjButton", "", "variant", "secondary", "size", "sm", "data-testid", "ps-pipelines-train", 3, "click", "disabled"], [1, "fa-solid", "fa-play"], ["mjButton", "", "variant", "secondary", "size", "sm", 3, "click"], [1, "fa-solid", "fa-wand-magic-sparkles"], [1, "ps-spacer"], ["data-testid", "ps-pipelines-dirty", 1, "ps-tag", "amber"], [1, "builder"], [1, "canvas-wrap"], [1, "canvas-bar"], [1, "ps-small", "ps-muted", 2, "font-weight", "600"], ["data-testid", "ps-pipelines-add-source", 1, "ps-pchip", "s", 3, "click"], [1, "fa-solid", "fa-database"], ["data-testid", "ps-pipelines-add-step", 1, "ps-pchip", "f", 3, "click"], [1, "fa-solid", "fa-sliders"], [1, "ps-small", "ps-muted"], [1, "fa-solid", "fa-circle-nodes"], ["data-testid", "ps-pipelines-canvas", 1, "ps-flow", "big"], ["data-testid", "ps-pipelines-edges", 1, "ps-edges"], ["data-testid", "ps-pipelines-node", 1, "ps-node", 3, "ngClass", "selected", "left", "top"], [1, "flow-toolbar"], [1, "legend"], [1, "sw", "src"], [1, "sw", "feat"], [1, "sw", "emb"], [1, "sw", "target"], [1, "sw", "algo"], ["data-testid", "ps-pipelines-inspector", 1, "ps-col", "inspector"], [1, "ps-card", "insp"], [1, "ihead"], [1, "tile", 3, "ngClass"], [2, "flex", "1"], ["data-testid", "ps-pipelines-inspector-title"], ["mjButton", "", "variant", "secondary", "size", "sm", "data-testid", "ps-pipelines-delete"], [1, "ps-card-body"], [1, "ps-card"], [1, "ps-card-head"], [1, "fa-solid", "fa-shield-halved", 2, "color", "var(--mj-status-warning)"], [1, "ps-field"], ["type", "text", 1, "mj-input", 3, "input", "value"], ["type", "number", "step", "0.05", "min", "0", "max", "1", 1, "mj-input", 3, "input", "value"], [1, "fa-solid", "fa-clock-rotate-left", 2, "color", "var(--mj-brand-primary)"], [1, "mj-input", 3, "change", "value"], ["value", "none"], ["value", "column"], ["value", "offset"], [1, "fa-solid", "fa-scissors", 2, "color", "var(--mj-brand-primary)"], ["value", "train_test_split"], ["value", "kfold"], ["value", "holdout"], ["type", "number", "step", "0.05", 1, "mj-input", 3, "input", "value"], ["data-testid", "ps-pipelines-pill", 1, "pl-pill", 3, "click", "title"], [1, "pl-pill-name"], [1, "ps-badge"], [1, "fa-solid", "fa-pen"], ["data-testid", "ps-pipelines-node", 1, "ps-node", 3, "click", "ngClass"], [1, "nh"], [1, "ps-tag"], [1, "nb"], [1, "nb-row"], [1, "port", "in"], [1, "port", "out"], [1, "k"], ["mjButton", "", "variant", "secondary", "size", "sm", "data-testid", "ps-pipelines-delete", 3, "click"], [1, "fa-solid", "fa-trash"], [3, "value"], ["type", "number", 1, "mj-input", 3, "input", "value"], [1, "inputs-list"], [1, "inp-row"], [1, "ps-small", "ps-muted", 2, "margin-top", "4px"], ["type", "checkbox", 3, "change", "checked"], ["rows", "4", 1, "mj-textarea", 3, "input", "value"]], template: function PSPipelinesComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
-            i0.ɵɵconditionalCreate(1, PSPipelinesComponent_Conditional_1_Template, 10, 0, "div", 1)(2, PSPipelinesComponent_Conditional_2_Template, 125, 32);
+            i0.ɵɵconditionalCreate(1, PSPipelinesComponent_Conditional_1_Template, 10, 0, "div", 1)(2, PSPipelinesComponent_Conditional_2_Template, 126, 32);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.pipelines.length === 0 ? 1 : 2);
-        } }, dependencies: [CommonModule, i1.NgClass, MJButtonDirective], 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: 10px;\n  box-shadow: var(--mj-shadow-sm);\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: 10px; padding: 16px 18px; box-shadow: var(--mj-shadow-sm);\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: 150px 1fr 48px; align-items: center; gap: 10px; padding: 5px 0; }\n.ps-fbar .track { height: 14px; border-radius: 5px; background: var(--mj-bg-surface-sunken); overflow: hidden; }\n.ps-fbar .track > span { display: block; height: 100%; background: var(--mj-brand-primary); }\n.ps-fbar .track > span.warn { background: var(--mj-status-warning); }\n.ps-fbar .name { color: var(--mj-text-secondary); }\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: 10px;\n  box-shadow: var(--mj-shadow-sm); 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", "// Training Pipelines \u2014 real visual DAG builder driven by each pipeline's persisted spec.\n\n.ps-pipelines { display: flex; flex-direction: column; gap: 14px; }\n\n// Pipeline picker bar\n.ps-pipelines .pl-bar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }\n.ps-pipelines .pl-pill {\n  display: inline-flex; align-items: center; gap: 8px; cursor: pointer;\n  background: var(--mj-bg-surface); border: 1px solid var(--mj-border-default);\n  color: var(--mj-text-secondary); border-radius: 999px; padding: 6px 12px; font-size: 13px;\n}\n.ps-pipelines .pl-pill:hover { background: var(--mj-bg-surface-hover); }\n.ps-pipelines .pl-pill.on {\n  border-color: var(--mj-brand-primary); color: var(--mj-text-primary);\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.ps-pipelines .builder { display: grid; grid-template-columns: 1fr 320px; gap: 16px; align-items: start; }\n@media (max-width: 1080px) { .ps-pipelines .builder { grid-template-columns: 1fr; } }\n\n.ps-pipelines .canvas-wrap { display: flex; flex-direction: column; min-width: 0; }\n.ps-pipelines .canvas-bar {\n  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;\n  background: var(--mj-bg-surface); border: 1px solid var(--mj-border-default);\n  border-bottom: none; border-radius: 10px 10px 0 0; padding: 12px 14px;\n}\n/* The DAG canvas is sized in px by the layered layout (inline width/height) and\n   may exceed the 1fr column width, so allow it to scroll rather than clip the\n   right-most layers. min-height keeps an empty/short graph from collapsing. */\n.ps-pipelines .ps-flow.big {\n  border-radius: 0;\n  min-height: 460px;\n  max-width: 100%;\n  overflow: auto;\n}\n/* Pin every node to a fixed height so its port (top:50%) lines up exactly with\n   the SVG edge anchor (node.y + NODE_H/2). NODE_H in the component = 86. */\n.ps-pipelines .ps-flow.big .ps-node {\n  height: 86px;\n  display: flex;\n  flex-direction: column;\n}\n.ps-pipelines .ps-flow.big .ps-node .nb { flex: 1; min-height: 0; }\n.ps-pipelines .flow-toolbar {\n  display: flex; align-items: center; gap: 8px;\n  background: var(--mj-bg-surface); border: 1px solid var(--mj-border-default);\n  border-top: none; border-radius: 0 0 10px 10px; padding: 10px 14px;\n}\n.ps-pipelines .legend { display: flex; align-items: center; gap: 14px; font-size: 12px; color: var(--mj-text-secondary); flex-wrap: wrap; }\n.ps-pipelines .legend span { display: inline-flex; align-items: center; gap: 6px; }\n.ps-pipelines .legend .sw { width: 11px; height: 11px; border-radius: 3px; display: inline-block; }\n.ps-pipelines .legend .sw.src { background: var(--ps-node-source); }\n.ps-pipelines .legend .sw.feat { background: var(--ps-node-feature); }\n.ps-pipelines .legend .sw.emb { background: var(--ps-node-embedding); }\n.ps-pipelines .legend .sw.target { background: var(--ps-node-target); }\n.ps-pipelines .legend .sw.algo { background: var(--ps-node-algorithm); }\n\n/* inspector */\n.ps-pipelines .inspector .insp { position: sticky; top: 0; }\n.ps-pipelines .ihead { display: flex; align-items: center; gap: 11px; padding: 14px 16px; border-bottom: 1px solid var(--mj-border-subtle); }\n.ps-pipelines .ihead h3 { font-size: 14px; color: var(--mj-text-primary); margin: 0; }\n.ps-pipelines .ihead .tile {\n  width: 30px; height: 30px; border-radius: 8px; display: grid; place-items: center;\n  color: var(--mj-text-inverse); font-size: 13px; flex: 0 0 auto; background: var(--ps-node-feature);\n}\n.ps-pipelines .ihead .tile[data-type='src'] { background: var(--ps-node-source); }\n.ps-pipelines .ihead .tile[data-type='emb'] { background: var(--ps-node-embedding); }\n.ps-pipelines .ihead .tile[data-type='target'] { background: var(--ps-node-target); }\n.ps-pipelines .ihead .tile[data-type='algo'] { background: var(--ps-node-algorithm); }\n.ps-pipelines .ihead .tile[data-type='output'] { background: var(--mj-status-success); }\n\n// Palette chips are interactive buttons in the editor\n.ps-pipelines .canvas-bar .ps-pchip { cursor: pointer; border: none; }\n.ps-pipelines .canvas-bar .ps-pchip:hover { filter: brightness(1.08); }\n\n// Inspector edit fields\n.ps-pipelines .ps-field { display: flex; flex-direction: column; gap: 4px; margin-bottom: 12px; }\n.ps-pipelines .ps-field > label { font-size: 12px; font-weight: 650; color: var(--mj-text-muted); }\n.ps-pipelines .inputs-list { display: flex; flex-direction: column; gap: 4px; }\n.ps-pipelines .inp-row { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--mj-text-secondary); cursor: pointer; }\n\n// Empty-state CTA spacing\n.ps-pipelines .ps-empty button { margin-top: 16px; }\n"], encapsulation: 2 });
+        } }, dependencies: [CommonModule, i1.NgClass, MJButtonDirective], 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", "/* Training Pipelines \u2014 real visual DAG builder driven by each pipeline's persisted spec. */\n\n.ps-pipelines { display: flex; flex-direction: column; gap: 14px; height: 100%; min-height: 0; }\n\n/* Pipeline picker bar */\n.ps-pipelines .pl-picker { display: flex; align-items: center; gap: 8px; overflow-x: auto; padding-bottom: 6px; }\n.ps-pipelines .pl-toolbar { display: flex; align-items: center; gap: 8px; margin: 8px 0 12px; padding-bottom: 12px; border-bottom: 1px solid var(--mj-border-subtle); }\n.ps-pipelines .pl-pill {\n  display: inline-flex; align-items: center; gap: 8px; cursor: pointer; flex: 0 0 auto; max-width: 260px;\n  background: var(--mj-bg-surface); border: 1px solid var(--mj-border-default);\n  color: var(--mj-text-secondary); border-radius: 999px; padding: 6px 12px; font-size: 13px;\n}\n.ps-pipelines .pl-pill .pl-pill-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.ps-pipelines .pl-pill:hover { background: var(--mj-bg-surface-hover); }\n.ps-pipelines .pl-pill.on {\n  border-color: var(--mj-brand-primary); color: var(--mj-text-primary);\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n/* The builder fills the remaining panel height; each column scrolls on its own. */\n.ps-pipelines .builder {\n  flex: 1; min-height: 0;\n  display: grid; grid-template-columns: 1fr 320px; grid-template-rows: minmax(0, 1fr); gap: 16px;\n}\n@media (max-width: 1080px) {\n  .ps-pipelines .builder { grid-template-columns: 1fr; grid-template-rows: minmax(0, 1.4fr) minmax(0, 1fr); }\n}\n\n.ps-pipelines .canvas-wrap { display: flex; flex-direction: column; min-width: 0; min-height: 0; }\n.ps-pipelines .canvas-bar {\n  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;\n  background: var(--mj-bg-surface); border: 1px solid var(--mj-border-default);\n  border-bottom: none; border-radius: 10px 10px 0 0; padding: 12px 14px;\n}\n/* The DAG canvas is sized in px by the layered layout (inline width/height) and\n   may exceed the column, so it scrolls internally (both axes) while the column\n   itself stays put. flex:1 makes it absorb the remaining column height. */\n.ps-pipelines .ps-flow.big {\n  border-radius: 0;\n  flex: 1 1 auto;\n  min-height: 0;\n  max-width: 100%;\n  overflow: auto;\n}\n/* Pin every node to a fixed height so its port (top:50%) lines up exactly with\n   the SVG edge anchor (node.y + NODE_H/2). NODE_H in the component = 86. */\n.ps-pipelines .ps-flow.big .ps-node {\n  height: 86px;\n  display: flex;\n  flex-direction: column;\n}\n.ps-pipelines .ps-flow.big .ps-node .nb { flex: 1; min-height: 0; }\n.ps-pipelines .flow-toolbar {\n  display: flex; align-items: center; gap: 8px;\n  background: var(--mj-bg-surface); border: 1px solid var(--mj-border-default);\n  border-top: none; border-radius: 0 0 10px 10px; padding: 10px 14px;\n}\n.ps-pipelines .legend { display: flex; align-items: center; gap: 14px; font-size: 12px; color: var(--mj-text-secondary); flex-wrap: wrap; }\n.ps-pipelines .legend span { display: inline-flex; align-items: center; gap: 6px; }\n.ps-pipelines .legend .sw { width: 11px; height: 11px; border-radius: 3px; display: inline-block; }\n.ps-pipelines .legend .sw.src { background: var(--ps-node-source); }\n.ps-pipelines .legend .sw.feat { background: var(--ps-node-feature); }\n.ps-pipelines .legend .sw.emb { background: var(--ps-node-embedding); }\n.ps-pipelines .legend .sw.target { background: var(--ps-node-target); }\n.ps-pipelines .legend .sw.algo { background: var(--ps-node-algorithm); }\n\n/* inspector \u2014 its own scroll column, independent of the canvas. NOTE: .inspector is\n   also a .ps-col (display:flex column), so its card children ARE flex items \u2014 without\n   flex-shrink:0 they compress to fit (scrollHeight == clientHeight, verified live) and\n   the column never scrolls. These child rules are load-bearing, not decorative. */\n.ps-pipelines .inspector {\n  min-height: 0;\n  overflow-y: auto;\n}\n.ps-pipelines .inspector > * { flex: 0 0 auto; }\n.ps-pipelines .inspector .insp { position: static; }\n.ps-pipelines .ihead { display: flex; align-items: center; gap: 11px; padding: 14px 16px; border-bottom: 1px solid var(--mj-border-subtle); }\n.ps-pipelines .ihead h3 { font-size: 14px; color: var(--mj-text-primary); margin: 0; }\n.ps-pipelines .ihead .tile {\n  width: 30px; height: 30px; border-radius: 8px; display: grid; place-items: center;\n  color: var(--mj-text-inverse); font-size: 13px; flex: 0 0 auto; background: var(--ps-node-feature);\n}\n.ps-pipelines .ihead .tile[data-type='src'] { background: var(--ps-node-source); }\n.ps-pipelines .ihead .tile[data-type='emb'] { background: var(--ps-node-embedding); }\n.ps-pipelines .ihead .tile[data-type='target'] { background: var(--ps-node-target); }\n.ps-pipelines .ihead .tile[data-type='algo'] { background: var(--ps-node-algorithm); }\n.ps-pipelines .ihead .tile[data-type='output'] { background: var(--mj-status-success); }\n\n/* Palette chips are interactive buttons in the editor */\n.ps-pipelines .canvas-bar .ps-pchip { cursor: pointer; border: none; }\n.ps-pipelines .canvas-bar .ps-pchip:hover { filter: brightness(1.08); }\n\n/* Inspector edit fields */\n.ps-pipelines .ps-field { display: flex; flex-direction: column; gap: 4px; margin-bottom: 12px; }\n.ps-pipelines .ps-field > label { font-size: 12px; font-weight: 650; color: var(--mj-text-muted); }\n.ps-pipelines .inputs-list { display: flex; flex-direction: column; gap: 4px; }\n.ps-pipelines .inp-row { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--mj-text-secondary); cursor: pointer; }\n\n/* Empty-state CTA spacing */\n.ps-pipelines .ps-empty button { margin-top: 16px; }\n"], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PSPipelinesComponent, [{
         type: Component,
@@ -1378,17 +1383,19 @@ export class PSPipelinesComponent {
           </button>
         </div>
       } @else {
-        <!-- Pipeline picker + toolbar -->
-        <div class="pl-bar" data-testid="ps-pipelines-picker">
+        <!-- Pipeline picker (its own scrollable row) -->
+        <div class="pl-picker" data-testid="ps-pipelines-picker">
           @for (p of pipelines; track p.ID) {
             <button class="pl-pill" [class.on]="isSelectedPipeline(p)"
-              data-testid="ps-pipelines-pill" (click)="selectPipeline(p.ID)">
-              <i class="fa-solid fa-diagram-project"></i> {{ p.Name }}
+              data-testid="ps-pipelines-pill" (click)="selectPipeline(p.ID)" [title]="p.Name">
+              <i class="fa-solid fa-diagram-project"></i> <span class="pl-pill-name">{{ p.Name }}</span>
               <span class="ps-badge" [class]="statusClass(p.Status)">{{ p.Status }}</span>
             </button>
           }
-          <span class="ps-spacer"></span>
-          @if (dirty) { <span class="ps-tag amber" data-testid="ps-pipelines-dirty"><i class="fa-solid fa-pen"></i> Unsaved</span> }
+        </div>
+        <!-- Toolbar for the selected pipeline (its own row) -->
+        <div class="pl-toolbar">
           <button mjButton variant="primary" size="sm" data-testid="ps-pipelines-save" [disabled]="!dirty || busy" (click)="save()">
             <i class="fa-solid fa-floppy-disk"></i> Save
           </button>
@@ -1401,6 +1408,8 @@ export class PSPipelinesComponent {
           <button mjButton variant="secondary" size="sm" (click)="refine()">
             <i class="fa-solid fa-wand-magic-sparkles"></i> Agent
           </button>
+          <span class="ps-spacer"></span>
+          @if (dirty) { <span class="ps-tag amber" data-testid="ps-pipelines-dirty"><i class="fa-solid fa-pen"></i> Unsaved</span> }
         </div>
         <div class="builder">
@@ -1574,7 +1583,7 @@ export class PSPipelinesComponent {
         </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: 10px;\n  box-shadow: var(--mj-shadow-sm);\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: 10px; padding: 16px 18px; box-shadow: var(--mj-shadow-sm);\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: 150px 1fr 48px; align-items: center; gap: 10px; padding: 5px 0; }\n.ps-fbar .track { height: 14px; border-radius: 5px; background: var(--mj-bg-surface-sunken); overflow: hidden; }\n.ps-fbar .track > span { display: block; height: 100%; background: var(--mj-brand-primary); }\n.ps-fbar .track > span.warn { background: var(--mj-status-warning); }\n.ps-fbar .name { color: var(--mj-text-secondary); }\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: 10px;\n  box-shadow: var(--mj-shadow-sm); 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", "// Training Pipelines \u2014 real visual DAG builder driven by each pipeline's persisted spec.\n\n.ps-pipelines { display: flex; flex-direction: column; gap: 14px; }\n\n// Pipeline picker bar\n.ps-pipelines .pl-bar { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }\n.ps-pipelines .pl-pill {\n  display: inline-flex; align-items: center; gap: 8px; cursor: pointer;\n  background: var(--mj-bg-surface); border: 1px solid var(--mj-border-default);\n  color: var(--mj-text-secondary); border-radius: 999px; padding: 6px 12px; font-size: 13px;\n}\n.ps-pipelines .pl-pill:hover { background: var(--mj-bg-surface-hover); }\n.ps-pipelines .pl-pill.on {\n  border-color: var(--mj-brand-primary); color: var(--mj-text-primary);\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n.ps-pipelines .builder { display: grid; grid-template-columns: 1fr 320px; gap: 16px; align-items: start; }\n@media (max-width: 1080px) { .ps-pipelines .builder { grid-template-columns: 1fr; } }\n\n.ps-pipelines .canvas-wrap { display: flex; flex-direction: column; min-width: 0; }\n.ps-pipelines .canvas-bar {\n  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;\n  background: var(--mj-bg-surface); border: 1px solid var(--mj-border-default);\n  border-bottom: none; border-radius: 10px 10px 0 0; padding: 12px 14px;\n}\n/* The DAG canvas is sized in px by the layered layout (inline width/height) and\n   may exceed the 1fr column width, so allow it to scroll rather than clip the\n   right-most layers. min-height keeps an empty/short graph from collapsing. */\n.ps-pipelines .ps-flow.big {\n  border-radius: 0;\n  min-height: 460px;\n  max-width: 100%;\n  overflow: auto;\n}\n/* Pin every node to a fixed height so its port (top:50%) lines up exactly with\n   the SVG edge anchor (node.y + NODE_H/2). NODE_H in the component = 86. */\n.ps-pipelines .ps-flow.big .ps-node {\n  height: 86px;\n  display: flex;\n  flex-direction: column;\n}\n.ps-pipelines .ps-flow.big .ps-node .nb { flex: 1; min-height: 0; }\n.ps-pipelines .flow-toolbar {\n  display: flex; align-items: center; gap: 8px;\n  background: var(--mj-bg-surface); border: 1px solid var(--mj-border-default);\n  border-top: none; border-radius: 0 0 10px 10px; padding: 10px 14px;\n}\n.ps-pipelines .legend { display: flex; align-items: center; gap: 14px; font-size: 12px; color: var(--mj-text-secondary); flex-wrap: wrap; }\n.ps-pipelines .legend span { display: inline-flex; align-items: center; gap: 6px; }\n.ps-pipelines .legend .sw { width: 11px; height: 11px; border-radius: 3px; display: inline-block; }\n.ps-pipelines .legend .sw.src { background: var(--ps-node-source); }\n.ps-pipelines .legend .sw.feat { background: var(--ps-node-feature); }\n.ps-pipelines .legend .sw.emb { background: var(--ps-node-embedding); }\n.ps-pipelines .legend .sw.target { background: var(--ps-node-target); }\n.ps-pipelines .legend .sw.algo { background: var(--ps-node-algorithm); }\n\n/* inspector */\n.ps-pipelines .inspector .insp { position: sticky; top: 0; }\n.ps-pipelines .ihead { display: flex; align-items: center; gap: 11px; padding: 14px 16px; border-bottom: 1px solid var(--mj-border-subtle); }\n.ps-pipelines .ihead h3 { font-size: 14px; color: var(--mj-text-primary); margin: 0; }\n.ps-pipelines .ihead .tile {\n  width: 30px; height: 30px; border-radius: 8px; display: grid; place-items: center;\n  color: var(--mj-text-inverse); font-size: 13px; flex: 0 0 auto; background: var(--ps-node-feature);\n}\n.ps-pipelines .ihead .tile[data-type='src'] { background: var(--ps-node-source); }\n.ps-pipelines .ihead .tile[data-type='emb'] { background: var(--ps-node-embedding); }\n.ps-pipelines .ihead .tile[data-type='target'] { background: var(--ps-node-target); }\n.ps-pipelines .ihead .tile[data-type='algo'] { background: var(--ps-node-algorithm); }\n.ps-pipelines .ihead .tile[data-type='output'] { background: var(--mj-status-success); }\n\n// Palette chips are interactive buttons in the editor\n.ps-pipelines .canvas-bar .ps-pchip { cursor: pointer; border: none; }\n.ps-pipelines .canvas-bar .ps-pchip:hover { filter: brightness(1.08); }\n\n// Inspector edit fields\n.ps-pipelines .ps-field { display: flex; flex-direction: column; gap: 4px; margin-bottom: 12px; }\n.ps-pipelines .ps-field > label { font-size: 12px; font-weight: 650; color: var(--mj-text-muted); }\n.ps-pipelines .inputs-list { display: flex; flex-direction: column; gap: 4px; }\n.ps-pipelines .inp-row { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--mj-text-secondary); cursor: pointer; }\n\n// Empty-state CTA spacing\n.ps-pipelines .ps-empty button { margin-top: 16px; }\n"] }]
+  `, 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", "/* Training Pipelines \u2014 real visual DAG builder driven by each pipeline's persisted spec. */\n\n.ps-pipelines { display: flex; flex-direction: column; gap: 14px; height: 100%; min-height: 0; }\n\n/* Pipeline picker bar */\n.ps-pipelines .pl-picker { display: flex; align-items: center; gap: 8px; overflow-x: auto; padding-bottom: 6px; }\n.ps-pipelines .pl-toolbar { display: flex; align-items: center; gap: 8px; margin: 8px 0 12px; padding-bottom: 12px; border-bottom: 1px solid var(--mj-border-subtle); }\n.ps-pipelines .pl-pill {\n  display: inline-flex; align-items: center; gap: 8px; cursor: pointer; flex: 0 0 auto; max-width: 260px;\n  background: var(--mj-bg-surface); border: 1px solid var(--mj-border-default);\n  color: var(--mj-text-secondary); border-radius: 999px; padding: 6px 12px; font-size: 13px;\n}\n.ps-pipelines .pl-pill .pl-pill-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.ps-pipelines .pl-pill:hover { background: var(--mj-bg-surface-hover); }\n.ps-pipelines .pl-pill.on {\n  border-color: var(--mj-brand-primary); color: var(--mj-text-primary);\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n}\n\n/* The builder fills the remaining panel height; each column scrolls on its own. */\n.ps-pipelines .builder {\n  flex: 1; min-height: 0;\n  display: grid; grid-template-columns: 1fr 320px; grid-template-rows: minmax(0, 1fr); gap: 16px;\n}\n@media (max-width: 1080px) {\n  .ps-pipelines .builder { grid-template-columns: 1fr; grid-template-rows: minmax(0, 1.4fr) minmax(0, 1fr); }\n}\n\n.ps-pipelines .canvas-wrap { display: flex; flex-direction: column; min-width: 0; min-height: 0; }\n.ps-pipelines .canvas-bar {\n  display: flex; align-items: center; gap: 10px; flex-wrap: wrap;\n  background: var(--mj-bg-surface); border: 1px solid var(--mj-border-default);\n  border-bottom: none; border-radius: 10px 10px 0 0; padding: 12px 14px;\n}\n/* The DAG canvas is sized in px by the layered layout (inline width/height) and\n   may exceed the column, so it scrolls internally (both axes) while the column\n   itself stays put. flex:1 makes it absorb the remaining column height. */\n.ps-pipelines .ps-flow.big {\n  border-radius: 0;\n  flex: 1 1 auto;\n  min-height: 0;\n  max-width: 100%;\n  overflow: auto;\n}\n/* Pin every node to a fixed height so its port (top:50%) lines up exactly with\n   the SVG edge anchor (node.y + NODE_H/2). NODE_H in the component = 86. */\n.ps-pipelines .ps-flow.big .ps-node {\n  height: 86px;\n  display: flex;\n  flex-direction: column;\n}\n.ps-pipelines .ps-flow.big .ps-node .nb { flex: 1; min-height: 0; }\n.ps-pipelines .flow-toolbar {\n  display: flex; align-items: center; gap: 8px;\n  background: var(--mj-bg-surface); border: 1px solid var(--mj-border-default);\n  border-top: none; border-radius: 0 0 10px 10px; padding: 10px 14px;\n}\n.ps-pipelines .legend { display: flex; align-items: center; gap: 14px; font-size: 12px; color: var(--mj-text-secondary); flex-wrap: wrap; }\n.ps-pipelines .legend span { display: inline-flex; align-items: center; gap: 6px; }\n.ps-pipelines .legend .sw { width: 11px; height: 11px; border-radius: 3px; display: inline-block; }\n.ps-pipelines .legend .sw.src { background: var(--ps-node-source); }\n.ps-pipelines .legend .sw.feat { background: var(--ps-node-feature); }\n.ps-pipelines .legend .sw.emb { background: var(--ps-node-embedding); }\n.ps-pipelines .legend .sw.target { background: var(--ps-node-target); }\n.ps-pipelines .legend .sw.algo { background: var(--ps-node-algorithm); }\n\n/* inspector \u2014 its own scroll column, independent of the canvas. NOTE: .inspector is\n   also a .ps-col (display:flex column), so its card children ARE flex items \u2014 without\n   flex-shrink:0 they compress to fit (scrollHeight == clientHeight, verified live) and\n   the column never scrolls. These child rules are load-bearing, not decorative. */\n.ps-pipelines .inspector {\n  min-height: 0;\n  overflow-y: auto;\n}\n.ps-pipelines .inspector > * { flex: 0 0 auto; }\n.ps-pipelines .inspector .insp { position: static; }\n.ps-pipelines .ihead { display: flex; align-items: center; gap: 11px; padding: 14px 16px; border-bottom: 1px solid var(--mj-border-subtle); }\n.ps-pipelines .ihead h3 { font-size: 14px; color: var(--mj-text-primary); margin: 0; }\n.ps-pipelines .ihead .tile {\n  width: 30px; height: 30px; border-radius: 8px; display: grid; place-items: center;\n  color: var(--mj-text-inverse); font-size: 13px; flex: 0 0 auto; background: var(--ps-node-feature);\n}\n.ps-pipelines .ihead .tile[data-type='src'] { background: var(--ps-node-source); }\n.ps-pipelines .ihead .tile[data-type='emb'] { background: var(--ps-node-embedding); }\n.ps-pipelines .ihead .tile[data-type='target'] { background: var(--ps-node-target); }\n.ps-pipelines .ihead .tile[data-type='algo'] { background: var(--ps-node-algorithm); }\n.ps-pipelines .ihead .tile[data-type='output'] { background: var(--mj-status-success); }\n\n/* Palette chips are interactive buttons in the editor */\n.ps-pipelines .canvas-bar .ps-pchip { cursor: pointer; border: none; }\n.ps-pipelines .canvas-bar .ps-pchip:hover { filter: brightness(1.08); }\n\n/* Inspector edit fields */\n.ps-pipelines .ps-field { display: flex; flex-direction: column; gap: 4px; margin-bottom: 12px; }\n.ps-pipelines .ps-field > label { font-size: 12px; font-weight: 650; color: var(--mj-text-muted); }\n.ps-pipelines .inputs-list { display: flex; flex-direction: column; gap: 4px; }\n.ps-pipelines .inp-row { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--mj-text-secondary); cursor: pointer; }\n\n/* Empty-state CTA spacing */\n.ps-pipelines .ps-empty button { margin-top: 16px; }\n"] }]
     }], null, { engine: [{
             type: Input
         }], provider: [{
@@ -1584,5 +1593,5 @@ export class PSPipelinesComponent {
         }], askAgent: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PSPipelinesComponent, { className: "PSPipelinesComponent", filePath: "src/PredictiveStudio/components/ps-pipelines.component.ts", lineNumber: 307 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PSPipelinesComponent, { className: "PSPipelinesComponent", filePath: "src/PredictiveStudio/components/ps-pipelines.component.ts", lineNumber: 311 }); })();
 //# sourceMappingURL=ps-pipelines.component.js.map