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

package/dist/PredictiveStudio/components/ps-experiments.component.js

@@ -3,326 +3,378 @@ import { CommonModule } from '@angular/common';
 import { MJButtonDirective } from '@memberjunction/ng-ui-components';
 import { MJNotificationService } from '@memberjunction/ng-notifications';
 import { UUIDsEqual } from '@memberjunction/global';
+import { Metadata, RunView } from '@memberjunction/core';
 import { PredictiveStudioControlExperimentSessionOperation, } from '@memberjunction/core-entities';
+import { ArtifactsModule } from '@memberjunction/ng-artifacts';
 import { deriveLeaderboard, groupIterationsToKanban, } from '../predictive-studio.view-models';
 import { PSConfirmModalComponent } from './ps-confirm-modal.component';
+import { PSRunExperimentModalComponent } from './ps-run-experiment-modal.component';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
+import * as i2 from "@memberjunction/ng-artifacts";
 const _c0 = a0 => ({ c: a0 });
 const _forTrack0 = ($index, $item) => $item.rank;
 const _forTrack1 = ($index, $item) => $item.iteration;
-const _forTrack2 = ($index, $item) => $item.label;
+const _forTrack2 = ($index, $item) => $item.ID;
+const _forTrack3 = ($index, $item) => $item.label;
 function PSExperimentsComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 2)(1, "span", 4);
-    i0.ɵɵelement(2, "i", 5);
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 2)(1, "span", 6);
+    i0.ɵɵelement(2, "i", 7);
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(3, "h3");
     i0.ɵɵtext(4, "No experiment sessions yet");
     i0.ɵɵelementEnd();
     i0.ɵɵelementStart(5, "p");
-    i0.ɵɵtext(6, "Launch an experiment to watch the Model Dev Agent search algorithms and feature sets in waves. Running and completed iterations will appear here with a live leaderboard.");
-    i0.ɵɵelementEnd()();
+    i0.ɵɵtext(6, "Launch an experiment to watch the Model Dev Agent search algorithms and feature sets in waves, or configure a manual multi-algorithm tournament.");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "div", 8)(8, "button", 9);
+    i0.ɵɵlistener("click", function PSExperimentsComponent_Conditional_1_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.openNewExperimentModal()); });
+    i0.ɵɵelement(9, "i", 7);
+    i0.ɵɵtext(10, " New Experiment ");
+    i0.ɵɵelementEnd()()();
 } }
-function PSExperimentsComponent_Conditional_2_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 32);
-    i0.ɵɵlistener("click", function PSExperimentsComponent_Conditional_2_Conditional_12_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.requestControl("pause")); });
-    i0.ɵɵelement(1, "i", 33);
+function PSExperimentsComponent_Conditional_2_Conditional_5_For_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 43);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const s_r5 = ctx.$implicit;
+    i0.ɵɵproperty("value", s_r5.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate2("", s_r5.Name, " (", s_r5.Status, ")");
+} }
+function PSExperimentsComponent_Conditional_2_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 41);
+    i0.ɵɵtext(1, "\u00B7 Switch:");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "select", 42);
+    i0.ɵɵlistener("change", function PSExperimentsComponent_Conditional_2_Conditional_5_Template_select_change_2_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.selectSession($event.target.value)); });
+    i0.ɵɵrepeaterCreate(3, PSExperimentsComponent_Conditional_2_Conditional_5_For_4_Template, 2, 3, "option", 43, _forTrack2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("value", ctx_r1.sessionId);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.sessions);
+} }
+function PSExperimentsComponent_Conditional_2_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 44);
+    i0.ɵɵlistener("click", function PSExperimentsComponent_Conditional_2_Conditional_20_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.requestControl("pause")); });
+    i0.ɵɵelement(1, "i", 45);
     i0.ɵɵtext(2, " Pause");
     i0.ɵɵelementEnd();
 } }
-function PSExperimentsComponent_Conditional_2_Conditional_13_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 34);
-    i0.ɵɵlistener("click", function PSExperimentsComponent_Conditional_2_Conditional_13_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.requestControl("resume")); });
-    i0.ɵɵelement(1, "i", 35);
+function PSExperimentsComponent_Conditional_2_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 46);
+    i0.ɵɵlistener("click", function PSExperimentsComponent_Conditional_2_Conditional_21_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.requestControl("resume")); });
+    i0.ɵɵelement(1, "i", 47);
     i0.ɵɵtext(2, " Resume");
     i0.ɵɵelementEnd();
 } }
-function PSExperimentsComponent_Conditional_2_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 36);
-    i0.ɵɵlistener("click", function PSExperimentsComponent_Conditional_2_Conditional_14_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.requestControl("cancel")); });
-    i0.ɵɵelement(1, "i", 37);
+function PSExperimentsComponent_Conditional_2_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 48);
+    i0.ɵɵlistener("click", function PSExperimentsComponent_Conditional_2_Conditional_22_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.requestControl("cancel")); });
+    i0.ɵɵelement(1, "i", 49);
     i0.ɵɵtext(2, " Cancel");
     i0.ɵɵelementEnd();
 } }
-function PSExperimentsComponent_Conditional_2_Conditional_23_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 7);
+function PSExperimentsComponent_Conditional_2_Conditional_31_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 15);
     i0.ɵɵtext(1, "No scored iterations yet.");
     i0.ɵɵelementEnd();
 } }
-function PSExperimentsComponent_Conditional_2_For_25_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 38)(1, "span", 39);
+function PSExperimentsComponent_Conditional_2_For_33_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 50)(1, "span", 51);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 40);
+    i0.ɵɵelementStart(3, "span", 52);
     i0.ɵɵelement(4, "i");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "div")(6, "div", 41);
+    i0.ɵɵelementStart(5, "div")(6, "div", 53);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "div", 42);
+    i0.ɵɵelementStart(8, "div", 54);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(10, "span", 43);
+    i0.ɵɵelementStart(10, "span", 55);
     i0.ɵɵtext(11);
     i0.ɵɵpipe(12, "number");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const lp_r5 = ctx.$implicit;
-    i0.ɵɵclassProp("best", lp_r5.best)("pruned", lp_r5.pruned);
+    const lp_r9 = ctx.$implicit;
+    i0.ɵɵclassProp("best", lp_r9.best)("pruned", lp_r9.pruned);
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("gold", lp_r5.best);
+    i0.ɵɵclassProp("gold", lp_r9.best);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(lp_r5.rank);
+    i0.ɵɵtextInterpolate(lp_r9.rank);
     i0.ɵɵadvance();
-    i0.ɵɵstyleProp("background", lp_r5.algorithmColor);
+    i0.ɵɵstyleProp("background", lp_r9.algorithmColor);
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(lp_r5.algorithmIcon);
+    i0.ɵɵclassMap(lp_r9.algorithmIcon);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(lp_r5.algorithm);
+    i0.ɵɵtextInterpolate(lp_r9.algorithm);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(lp_r5.features);
+    i0.ɵɵtextInterpolate(lp_r9.features);
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("win", lp_r5.best);
+    i0.ɵɵclassProp("win", lp_r9.best);
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(12, 16, lp_r5.auc, "1.3-3"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(12, 16, lp_r9.auc, "1.3-3"));
 } }
-function PSExperimentsComponent_Conditional_2_Conditional_26_For_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 45)(1, "div", 46)(2, "span", 47);
+function PSExperimentsComponent_Conditional_2_Conditional_34_For_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 57)(1, "div", 58)(2, "span", 59);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(4, "div", 48)(5, "div", 49);
+    i0.ɵɵelementStart(4, "div", 60)(5, "div", 61);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 50)(8, "strong");
+    i0.ɵɵelementStart(7, "div", 62)(8, "strong");
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(10, "span", 51);
+    i0.ɵɵelementStart(10, "span", 63);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(12, "div", 52);
+    i0.ɵɵelementStart(12, "div", 64);
     i0.ɵɵelement(13, "span");
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const b_r6 = ctx.$implicit;
+    const b_r10 = ctx.$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵstyleProp("--ps-p", b_r6.fillPct)("--ps-gauge-color", b_r6.color);
+    i0.ɵɵstyleProp("--ps-p", b_r10.fillPct)("--ps-gauge-color", b_r10.color);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(b_r6.centerText);
+    i0.ɵɵtextInterpolate(b_r10.centerText);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(b_r6.label);
+    i0.ɵɵtextInterpolate(b_r10.label);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(b_r6.value);
+    i0.ɵɵtextInterpolate(b_r10.value);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1("/ ", b_r6.cap);
+    i0.ɵɵtextInterpolate1("/ ", b_r10.cap);
     i0.ɵɵadvance(2);
-    i0.ɵɵstyleProp("width", b_r6.fillPct, "%")("background", b_r6.color);
+    i0.ɵɵstyleProp("width", b_r10.fillPct, "%")("background", b_r10.color);
 } }
-function PSExperimentsComponent_Conditional_2_Conditional_26_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 20)(1, "div", 44);
-    i0.ɵɵrepeaterCreate(2, PSExperimentsComponent_Conditional_2_Conditional_26_For_3_Template, 14, 12, "div", 45, _forTrack2);
+function PSExperimentsComponent_Conditional_2_Conditional_34_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 29)(1, "div", 56);
+    i0.ɵɵrepeaterCreate(2, PSExperimentsComponent_Conditional_2_Conditional_34_For_3_Template, 14, 12, "div", 57, _forTrack3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵadvance(2);
     i0.ɵɵrepeater(ctx_r1.budget);
 } }
-function PSExperimentsComponent_Conditional_2_For_37_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0, 27);
+function PSExperimentsComponent_Conditional_2_For_45_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0, 36);
 } if (rf & 2) {
-    const c_r7 = ctx.$implicit;
+    const c_r11 = ctx.$implicit;
     i0.ɵɵnextContext();
-    const iterCard_r8 = i0.ɵɵreference(62);
-    i0.ɵɵproperty("ngTemplateOutlet", iterCard_r8)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0, c_r7));
+    const iterCard_r12 = i0.ɵɵreference(70);
+    i0.ɵɵproperty("ngTemplateOutlet", iterCard_r12)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0, c_r11));
 } }
-function PSExperimentsComponent_Conditional_2_Conditional_38_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 7);
+function PSExperimentsComponent_Conditional_2_Conditional_46_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 15);
     i0.ɵɵtext(1, "No running iterations.");
     i0.ɵɵelementEnd();
 } }
-function PSExperimentsComponent_Conditional_2_For_48_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0, 27);
+function PSExperimentsComponent_Conditional_2_For_56_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0, 36);
 } if (rf & 2) {
-    const c_r9 = ctx.$implicit;
+    const c_r13 = ctx.$implicit;
     i0.ɵɵnextContext();
-    const iterCard_r8 = i0.ɵɵreference(62);
-    i0.ɵɵproperty("ngTemplateOutlet", iterCard_r8)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0, c_r9));
+    const iterCard_r12 = i0.ɵɵreference(70);
+    i0.ɵɵproperty("ngTemplateOutlet", iterCard_r12)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0, c_r13));
 } }
-function PSExperimentsComponent_Conditional_2_Conditional_49_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 7);
+function PSExperimentsComponent_Conditional_2_Conditional_57_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 15);
     i0.ɵɵtext(1, "No completed iterations.");
     i0.ɵɵelementEnd();
 } }
-function PSExperimentsComponent_Conditional_2_For_59_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementContainer(0, 27);
+function PSExperimentsComponent_Conditional_2_For_67_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementContainer(0, 36);
 } if (rf & 2) {
-    const c_r10 = ctx.$implicit;
+    const c_r14 = ctx.$implicit;
     i0.ɵɵnextContext();
-    const iterCard_r8 = i0.ɵɵreference(62);
-    i0.ɵɵproperty("ngTemplateOutlet", iterCard_r8)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0, c_r10));
+    const iterCard_r12 = i0.ɵɵreference(70);
+    i0.ɵɵproperty("ngTemplateOutlet", iterCard_r12)("ngTemplateOutletContext", i0.ɵɵpureFunction1(2, _c0, c_r14));
 } }
-function PSExperimentsComponent_Conditional_2_Conditional_60_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 7);
+function PSExperimentsComponent_Conditional_2_Conditional_68_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 15);
     i0.ɵɵtext(1, "Nothing pruned.");
     i0.ɵɵelementEnd();
 } }
-function PSExperimentsComponent_Conditional_2_ng_template_61_For_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 57);
+function PSExperimentsComponent_Conditional_2_ng_template_69_For_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 69);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const f_r11 = ctx.$implicit;
+    const f_r15 = ctx.$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(f_r11);
+    i0.ɵɵtextInterpolate(f_r15);
 } }
-function PSExperimentsComponent_Conditional_2_ng_template_61_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 58)(1, "div", 63);
+function PSExperimentsComponent_Conditional_2_ng_template_69_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 70)(1, "div", 75);
     i0.ɵɵelement(2, "span");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 64)(4, "span", 51);
+    i0.ɵɵelementStart(3, "div", 76)(4, "span", 63);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const c_r12 = i0.ɵɵnextContext().c;
+    const c_r16 = i0.ɵɵnextContext().c;
     i0.ɵɵadvance(2);
-    i0.ɵɵstyleProp("width", c_r12.progress, "%");
+    i0.ɵɵstyleProp("width", c_r16.progress, "%");
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(c_r12.progressDetail);
+    i0.ɵɵtextInterpolate(c_r16.progressDetail);
 } }
-function PSExperimentsComponent_Conditional_2_ng_template_61_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 59)(1, "span", 65);
+function PSExperimentsComponent_Conditional_2_ng_template_69_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 71)(1, "span", 77);
     i0.ɵɵtext(2);
     i0.ɵɵpipe(3, "number");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 66);
+    i0.ɵɵelementStart(4, "span", 78);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const c_r12 = i0.ɵɵnextContext().c;
+    const c_r16 = i0.ɵɵnextContext().c;
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("green", c_r12.status === "Best");
+    i0.ɵɵclassProp("green", c_r16.status === "Best");
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(3, 4, c_r12.score, "1.3-3"));
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(3, 4, c_r16.score, "1.3-3"));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1("score \u00B7 ", c_r12.scoreDelta);
+    i0.ɵɵtextInterpolate1("score \u00B7 ", c_r16.scoreDelta);
 } }
-function PSExperimentsComponent_Conditional_2_ng_template_61_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 53)(1, "div", 54)(2, "span", 40);
+function PSExperimentsComponent_Conditional_2_ng_template_69_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 65)(1, "div", 66)(2, "span", 52);
     i0.ɵɵelement(3, "i");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "div")(5, "div", 41);
+    i0.ɵɵelementStart(4, "div")(5, "div", 53);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "div", 55);
+    i0.ɵɵelementStart(7, "div", 67);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelement(9, "span", 10);
-    i0.ɵɵelementStart(10, "span", 8);
+    i0.ɵɵelement(9, "span", 14);
+    i0.ɵɵelementStart(10, "span", 12);
     i0.ɵɵtext(11);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(12, "div", 56);
-    i0.ɵɵrepeaterCreate(13, PSExperimentsComponent_Conditional_2_ng_template_61_For_14_Template, 2, 1, "span", 57, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementStart(12, "div", 68);
+    i0.ɵɵrepeaterCreate(13, PSExperimentsComponent_Conditional_2_ng_template_69_For_14_Template, 2, 1, "span", 69, i0.ɵɵrepeaterTrackByIdentity);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(15, PSExperimentsComponent_Conditional_2_ng_template_61_Conditional_15_Template, 6, 3, "div", 58)(16, PSExperimentsComponent_Conditional_2_ng_template_61_Conditional_16_Template, 6, 7, "div", 59);
-    i0.ɵɵelementStart(17, "div", 60);
-    i0.ɵɵelement(18, "i", 61);
-    i0.ɵɵelementStart(19, "span", 62);
+    i0.ɵɵconditionalCreate(15, PSExperimentsComponent_Conditional_2_ng_template_69_Conditional_15_Template, 6, 3, "div", 70)(16, PSExperimentsComponent_Conditional_2_ng_template_69_Conditional_16_Template, 6, 7, "div", 71);
+    i0.ɵɵelementStart(17, "div", 72);
+    i0.ɵɵelement(18, "i", 73);
+    i0.ɵɵelementStart(19, "span", 74);
     i0.ɵɵtext(20);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const c_r12 = ctx.c;
+    const c_r16 = ctx.c;
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("best", c_r12.status === "Best")("running", c_r12.status === "Running")("pruned", c_r12.status === "Pruned");
+    i0.ɵɵclassProp("best", c_r16.status === "Best")("running", c_r16.status === "Running")("pruned", c_r16.status === "Pruned");
     i0.ɵɵadvance(2);
-    i0.ɵɵstyleProp("background", c_r12.algorithmColor);
+    i0.ɵɵstyleProp("background", c_r16.algorithmColor);
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(c_r12.algorithmIcon);
+    i0.ɵɵclassMap(c_r16.algorithmIcon);
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(c_r12.algorithm);
+    i0.ɵɵtextInterpolate(c_r16.algorithm);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(c_r12.iteration);
+    i0.ɵɵtextInterpolate(c_r16.iteration);
     i0.ɵɵadvance(2);
-    i0.ɵɵclassMap(ctx_r1.statusBadgeClass(c_r12.status));
+    i0.ɵɵclassMap(ctx_r1.statusBadgeClass(c_r16.status));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.statusLabel(c_r12.status));
+    i0.ɵɵtextInterpolate(ctx_r1.statusLabel(c_r16.status));
     i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(c_r12.features);
+    i0.ɵɵrepeater(c_r16.features);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(c_r12.status === "Running" ? 15 : 16);
+    i0.ɵɵconditional(c_r16.status === "Running" ? 15 : 16);
     i0.ɵɵadvance(5);
-    i0.ɵɵtextInterpolate(c_r12.rationale);
+    i0.ɵɵtextInterpolate(c_r16.rationale);
 } }
 function PSExperimentsComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 6)(1, "div")(2, "div", 7);
-    i0.ɵɵtext(3, "Experiment session");
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 10)(1, "div")(2, "div", 11)(3, "span");
+    i0.ɵɵtext(4, "Experiment session");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "h2");
-    i0.ɵɵtext(5);
-    i0.ɵɵelementStart(6, "span", 8);
-    i0.ɵɵelement(7, "span", 9);
-    i0.ɵɵtext(8);
+    i0.ɵɵconditionalCreate(5, PSExperimentsComponent_Conditional_2_Conditional_5_Template, 5, 1);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "h2");
+    i0.ɵɵtext(7);
+    i0.ɵɵelementStart(8, "span", 12);
+    i0.ɵɵelement(9, "span", 13);
+    i0.ɵɵtext(10);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵelement(9, "span", 10);
-    i0.ɵɵelementStart(10, "span", 7);
-    i0.ɵɵtext(11);
+    i0.ɵɵelement(11, "span", 14);
+    i0.ɵɵelementStart(12, "span", 15);
+    i0.ɵɵtext(13);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "button", 16);
+    i0.ɵɵlistener("click", function PSExperimentsComponent_Conditional_2_Template_button_click_14_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.viewResultsArtifact()); });
+    i0.ɵɵelement(15, "i", 17);
+    i0.ɵɵtext(16);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "button", 18);
+    i0.ɵɵlistener("click", function PSExperimentsComponent_Conditional_2_Template_button_click_17_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.openNewExperimentModal()); });
+    i0.ɵɵelement(18, "i", 19);
+    i0.ɵɵtext(19, " New Experiment ");
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(12, PSExperimentsComponent_Conditional_2_Conditional_12_Template, 3, 0, "button", 11);
-    i0.ɵɵconditionalCreate(13, PSExperimentsComponent_Conditional_2_Conditional_13_Template, 3, 0, "button", 12);
-    i0.ɵɵconditionalCreate(14, PSExperimentsComponent_Conditional_2_Conditional_14_Template, 3, 0, "button", 13);
+    i0.ɵɵconditionalCreate(20, PSExperimentsComponent_Conditional_2_Conditional_20_Template, 3, 0, "button", 20);
+    i0.ɵɵconditionalCreate(21, PSExperimentsComponent_Conditional_2_Conditional_21_Template, 3, 0, "button", 21);
+    i0.ɵɵconditionalCreate(22, PSExperimentsComponent_Conditional_2_Conditional_22_Template, 3, 0, "button", 22);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "div", 14)(16, "div", 15)(17, "div", 16)(18, "div", 17);
-    i0.ɵɵelement(19, "i", 18);
-    i0.ɵɵtext(20, " Leaderboard");
+    i0.ɵɵelementStart(23, "div", 23)(24, "div", 24)(25, "div", 25)(26, "div", 26);
+    i0.ɵɵelement(27, "i", 27);
+    i0.ɵɵtext(28, " Leaderboard");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(21, "div", 7);
-    i0.ɵɵtext(22);
+    i0.ɵɵelementStart(29, "div", 15);
+    i0.ɵɵtext(30);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(23, PSExperimentsComponent_Conditional_2_Conditional_23_Template, 2, 0, "span", 7);
-    i0.ɵɵrepeaterCreate(24, PSExperimentsComponent_Conditional_2_For_25_Template, 13, 19, "div", 19, _forTrack0);
+    i0.ɵɵconditionalCreate(31, PSExperimentsComponent_Conditional_2_Conditional_31_Template, 2, 0, "span", 15);
+    i0.ɵɵrepeaterCreate(32, PSExperimentsComponent_Conditional_2_For_33_Template, 13, 19, "div", 28, _forTrack0);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(26, PSExperimentsComponent_Conditional_2_Conditional_26_Template, 4, 0, "div", 20);
-    i0.ɵɵelementStart(27, "div", 21)(28, "div", 22)(29, "div", 23);
-    i0.ɵɵelement(30, "i", 24);
-    i0.ɵɵelementStart(31, "h3");
-    i0.ɵɵtext(32, "Running");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(33, "span", 25);
-    i0.ɵɵtext(34);
+    i0.ɵɵconditionalCreate(34, PSExperimentsComponent_Conditional_2_Conditional_34_Template, 4, 0, "div", 29);
+    i0.ɵɵelementStart(35, "div", 30)(36, "div", 31)(37, "div", 32);
+    i0.ɵɵelement(38, "i", 33);
+    i0.ɵɵelementStart(39, "h3");
+    i0.ɵɵtext(40, "Running");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(41, "span", 34);
+    i0.ɵɵtext(42);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(35, "div", 26);
-    i0.ɵɵrepeaterCreate(36, PSExperimentsComponent_Conditional_2_For_37_Template, 1, 4, "ng-container", 27, _forTrack1);
-    i0.ɵɵconditionalCreate(38, PSExperimentsComponent_Conditional_2_Conditional_38_Template, 2, 0, "span", 7);
+    i0.ɵɵelementStart(43, "div", 35);
+    i0.ɵɵrepeaterCreate(44, PSExperimentsComponent_Conditional_2_For_45_Template, 1, 4, "ng-container", 36, _forTrack1);
+    i0.ɵɵconditionalCreate(46, PSExperimentsComponent_Conditional_2_Conditional_46_Template, 2, 0, "span", 15);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(39, "div", 28)(40, "div", 23);
-    i0.ɵɵelement(41, "i", 29);
-    i0.ɵɵelementStart(42, "h3");
-    i0.ɵɵtext(43, "Completed");
+    i0.ɵɵelementStart(47, "div", 37)(48, "div", 32);
+    i0.ɵɵelement(49, "i", 38);
+    i0.ɵɵelementStart(50, "h3");
+    i0.ɵɵtext(51, "Completed");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(44, "span", 25);
-    i0.ɵɵtext(45);
+    i0.ɵɵelementStart(52, "span", 34);
+    i0.ɵɵtext(53);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(46, "div", 26);
-    i0.ɵɵrepeaterCreate(47, PSExperimentsComponent_Conditional_2_For_48_Template, 1, 4, "ng-container", 27, _forTrack1);
-    i0.ɵɵconditionalCreate(49, PSExperimentsComponent_Conditional_2_Conditional_49_Template, 2, 0, "span", 7);
+    i0.ɵɵelementStart(54, "div", 35);
+    i0.ɵɵrepeaterCreate(55, PSExperimentsComponent_Conditional_2_For_56_Template, 1, 4, "ng-container", 36, _forTrack1);
+    i0.ɵɵconditionalCreate(57, PSExperimentsComponent_Conditional_2_Conditional_57_Template, 2, 0, "span", 15);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(50, "div", 30)(51, "div", 23);
-    i0.ɵɵelement(52, "i", 31);
-    i0.ɵɵelementStart(53, "h3");
-    i0.ɵɵtext(54, "Pruned");
+    i0.ɵɵelementStart(58, "div", 39)(59, "div", 32);
+    i0.ɵɵelement(60, "i", 40);
+    i0.ɵɵelementStart(61, "h3");
+    i0.ɵɵtext(62, "Pruned");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(55, "span", 25);
-    i0.ɵɵtext(56);
+    i0.ɵɵelementStart(63, "span", 34);
+    i0.ɵɵtext(64);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(57, "div", 26);
-    i0.ɵɵrepeaterCreate(58, PSExperimentsComponent_Conditional_2_For_59_Template, 1, 4, "ng-container", 27, _forTrack1);
-    i0.ɵɵconditionalCreate(60, PSExperimentsComponent_Conditional_2_Conditional_60_Template, 2, 0, "span", 7);
+    i0.ɵɵelementStart(65, "div", 35);
+    i0.ɵɵrepeaterCreate(66, PSExperimentsComponent_Conditional_2_For_67_Template, 1, 4, "ng-container", 36, _forTrack1);
+    i0.ɵɵconditionalCreate(68, PSExperimentsComponent_Conditional_2_Conditional_68_Template, 2, 0, "span", 15);
     i0.ɵɵelementEnd()()();
-    i0.ɵɵtemplate(61, PSExperimentsComponent_Conditional_2_ng_template_61_Template, 21, 17, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
+    i0.ɵɵtemplate(69, PSExperimentsComponent_Conditional_2_ng_template_69_Template, 21, 17, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance(5);
+    i0.ɵɵconditional(ctx_r1.sessions.length > 1 ? 5 : -1);
+    i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate1("", ctx_r1.session.Name, " ");
     i0.ɵɵadvance();
     i0.ɵɵclassMap(ctx_r1.sessionBadgeClass);
@@ -333,43 +385,47 @@ function PSExperimentsComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance(3);
     i0.ɵɵtextInterpolate(ctx_r1.iterationCountLabel);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.canPause ? 12 : -1);
+    i0.ɵɵproperty("disabled", ctx_r1.artifactLoading);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.artifactLoading ? "Loading\u2026" : "View Results Artifact", " ");
+    i0.ɵɵadvance(4);
+    i0.ɵɵconditional(ctx_r1.canPause ? 20 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.canResume ? 13 : -1);
+    i0.ɵɵconditional(ctx_r1.canResume ? 21 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.canCancel ? 14 : -1);
+    i0.ɵɵconditional(ctx_r1.canCancel ? 22 : -1);
     i0.ɵɵadvance(8);
     i0.ɵɵtextInterpolate1("", ctx_r1.leaderboard.length, " scored \u00B7 by metric");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.leaderboard.length === 0 ? 23 : -1);
+    i0.ɵɵconditional(ctx_r1.leaderboard.length === 0 ? 31 : -1);
     i0.ɵɵadvance();
     i0.ɵɵrepeater(ctx_r1.leaderboard);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.budget.length > 0 ? 26 : -1);
+    i0.ɵɵconditional(ctx_r1.budget.length > 0 ? 34 : -1);
     i0.ɵɵadvance(8);
     i0.ɵɵtextInterpolate(ctx_r1.kanban.running.length);
     i0.ɵɵadvance(2);
     i0.ɵɵrepeater(ctx_r1.kanban.running);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.kanban.running.length === 0 ? 38 : -1);
+    i0.ɵɵconditional(ctx_r1.kanban.running.length === 0 ? 46 : -1);
     i0.ɵɵadvance(7);
     i0.ɵɵtextInterpolate(ctx_r1.kanban.completed.length);
     i0.ɵɵadvance(2);
     i0.ɵɵrepeater(ctx_r1.kanban.completed);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.kanban.completed.length === 0 ? 49 : -1);
+    i0.ɵɵconditional(ctx_r1.kanban.completed.length === 0 ? 57 : -1);
     i0.ɵɵadvance(7);
     i0.ɵɵtextInterpolate(ctx_r1.kanban.pruned.length);
     i0.ɵɵadvance(2);
     i0.ɵɵrepeater(ctx_r1.kanban.pruned);
     i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.kanban.pruned.length === 0 ? 60 : -1);
+    i0.ɵɵconditional(ctx_r1.kanban.pruned.length === 0 ? 68 : -1);
 } }
 function PSExperimentsComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "ps-confirm-modal", 67);
-    i0.ɵɵlistener("confirmed", function PSExperimentsComponent_Conditional_3_Template_ps_confirm_modal_confirmed_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.confirmControl()); })("cancelled", function PSExperimentsComponent_Conditional_3_Template_ps_confirm_modal_cancelled_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.cancelControl()); });
-    i0.ɵɵelement(1, "div", 68);
+    const _r17 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "ps-confirm-modal", 79);
+    i0.ɵɵlistener("confirmed", function PSExperimentsComponent_Conditional_3_Template_ps_confirm_modal_confirmed_0_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.confirmControl()); })("cancelled", function PSExperimentsComponent_Conditional_3_Template_ps_confirm_modal_cancelled_0_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.cancelControl()); });
+    i0.ɵɵelement(1, "div", 80);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -377,6 +433,29 @@ function PSExperimentsComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵadvance();
     i0.ɵɵproperty("innerHTML", ctx_r1.pendingMessage, i0.ɵɵsanitizeHtml);
 } }
+function PSExperimentsComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    const _r18 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 81);
+    i0.ɵɵlistener("click", function PSExperimentsComponent_Conditional_4_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeArtifactModal()); });
+    i0.ɵɵelementStart(1, "div", 82);
+    i0.ɵɵlistener("click", function PSExperimentsComponent_Conditional_4_Template_div_click_1_listener($event) { return $event.stopPropagation(); });
+    i0.ɵɵelementStart(2, "div", 83)(3, "mj-artifact-viewer-panel", 84);
+    i0.ɵɵlistener("closed", function PSExperimentsComponent_Conditional_4_Template_mj_artifact_viewer_panel_closed_3_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeArtifactModal()); });
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("artifactId", ctx_r1.activeArtifactId)("currentUser", ctx_r1.currentUser)("showCloseButton", true);
+} }
+function PSExperimentsComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r19 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "ps-run-experiment-modal", 85);
+    i0.ɵɵlistener("started", function PSExperimentsComponent_Conditional_5_Template_ps_run_experiment_modal_started_0_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onExperimentStarted($event)); })("closed", function PSExperimentsComponent_Conditional_5_Template_ps_run_experiment_modal_closed_0_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeNewExperimentModal()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("engine", ctx_r1.engine)("provider", ctx_r1.provider)("currentUser", ctx_r1.currentUser);
+} }
 /**
  * Experiments panel: a kanban of iteration cards in Running / Completed / Pruned columns, a leaderboard
  * strip ranked by score, and budget gauges — all live against `MJ: Experiment Sessions` + their
@@ -409,6 +488,115 @@ export class PSExperimentsComponent {
     pendingAction = null;
     /** Remote Op in flight. */
     busy = false;
+    showNewExperimentModal = false;
+    showArtifactModal = false;
+    activeArtifactId = null;
+    artifactLoading = false;
+    get sessions() {
+        return this.engine?.Sessions ?? [];
+    }
+    selectSession(id) {
+        this.sessionId = id;
+        this.rebuild();
+        this.cdr.detectChanges();
+    }
+    openNewExperimentModal() {
+        this.showNewExperimentModal = true;
+    }
+    closeNewExperimentModal() {
+        this.showNewExperimentModal = false;
+    }
+    async onExperimentStarted(newSessionId) {
+        this.closeNewExperimentModal();
+        await this.engine.Config(true, this.currentUser ?? undefined, this.provider ?? undefined);
+        this.sessionId = newSessionId;
+        this.rebuild();
+        this.cdr.detectChanges();
+    }
+    closeArtifactModal() {
+        this.showArtifactModal = false;
+        this.activeArtifactId = null;
+    }
+    async viewResultsArtifact() {
+        const s = this.session;
+        if (!s || this.artifactLoading)
+            return;
+        this.artifactLoading = true;
+        try {
+            const p = this.provider ?? Metadata.Provider;
+            const rv = new RunView();
+            const res = await rv.RunView({
+                EntityName: 'MJ: Artifacts',
+                ExtraFilter: `Name LIKE '${s.Name}%' OR Comments LIKE '%${s.ID}%'`,
+                ResultType: 'entity_object',
+            }, this.currentUser ?? undefined);
+            if (res.Success && res.Results && res.Results.length > 0) {
+                this.activeArtifactId = res.Results[0].ID;
+                this.showArtifactModal = true;
+                return;
+            }
+            const art = await p.GetEntityObject('MJ: Artifacts', this.currentUser ?? undefined);
+            art.Name = `${s.Name} — Results`;
+            art.Description = `Modeling results, leaderboard, and winning model metrics for ${s.Name}.`;
+            art.TypeID = 'D41AB707-58F1-4413-8725-9DF31C95F4C5';
+            art.Comments = `Auto-generated for Experiment Session ${s.ID}`;
+            const saved = await art.Save();
+            if (!saved) {
+                this.notifications.CreateSimpleNotification('Could not generate artifact record.', 'error', 5000);
+                return;
+            }
+            const ver = await p.GetEntityObject('MJ: Artifact Versions', this.currentUser ?? undefined);
+            ver.ArtifactID = art.ID;
+            ver.VersionNumber = 1;
+            ver.Comments = 'Initial results artifact';
+            const planSpec = this.parsePlanSpec(s.PlanSpec);
+            const winningRow = this.leaderboard[0];
+            const winningIteration = winningRow
+                ? this.engine.IterationsForSession(s.ID).find((it) => this.engine.AlgorithmForIteration(it.ID) === winningRow.algorithm && it.Score === winningRow.auc)
+                : undefined;
+            const winningRun = winningIteration ? this.engine.TrainingRuns.find((r) => UUIDsEqual(r.ExperimentSessionIterationID, winningIteration.ID)) : undefined;
+            const winningModelId = winningRun?.ResultingModelID ?? undefined;
+            const payload = {
+                Name: s.Name,
+                Goal: s.Goal || planSpec?.Goal || 'Predictive modeling experiment',
+                TargetMetric: planSpec?.TargetDefinition?.SuccessMetric || 'Score',
+                Summary: `Experiment session completed with ${this.leaderboard.length} iterations. Winning algorithm: ${winningRow?.algorithm ?? 'None'}.`,
+                Leaderboard: this.leaderboard.map((lb) => ({
+                    rank: lb.rank,
+                    algorithm: lb.algorithm,
+                    algorithmName: lb.algorithm,
+                    featureSet: lb.features,
+                    score: lb.auc,
+                    isWinner: lb.best,
+                })),
+                BestModelID: winningModelId,
+                BestModel: winningModelId && winningRow ? { ID: winningModelId, Name: winningRow.algorithm } : undefined,
+                Markdown: `## Experiment Session: ${s.Name}\n\n**Status:** ${s.Status}\n**Goal:** ${s.Goal || 'N/A'}\n\n### Leaderboard\n\nRanked by metric:\n` +
+                    this.leaderboard.map(l => `- **#${l.rank} ${l.algorithm}**: Score ${l.auc.toFixed(3)} (${l.features})`).join('\n'),
+            };
+            ver.Content = JSON.stringify(payload);
+            await ver.Save();
+            this.activeArtifactId = art.ID;
+            this.showArtifactModal = true;
+        }
+        catch (e) {
+            this.notifications.CreateSimpleNotification(`Error: ${e instanceof Error ? e.message : String(e)}`, 'error', 5000);
+        }
+        finally {
+            this.artifactLoading = false;
+            this.cdr.detectChanges();
+        }
+    }
+    parsePlanSpec(raw) {
+        if (!raw)
+            return null;
+        try {
+            return JSON.parse(raw);
+        }
+        catch {
+            return null;
+        }
+    }
     ngOnInit() {
         this.selectActiveSession();
         this.rebuild();
@@ -617,37 +805,65 @@ export class PSExperimentsComponent {
         this.cdr.detectChanges();
     }
     static ɵfac = function PSExperimentsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PSExperimentsComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PSExperimentsComponent, selectors: [["ps-experiments"]], inputs: { engine: "engine", provider: "provider", currentUser: "currentUser" }, decls: 4, vars: 2, consts: [["iterCard", ""], ["data-testid", "ps-experiments-panel", 1, "ps-panel", "ps-experiments"], ["data-testid", "ps-experiments-empty", 1, "ps-empty"], [3, "title", "icon", "confirmIcon", "confirmLabel", "variant", "busy"], [1, "ps-empty-ico"], [1, "fa-solid", "fa-flask"], [1, "sess-head"], [1, "ps-small", "ps-muted"], [1, "ps-badge"], [1, "ps-dot"], [1, "ps-spacer"], ["mjButton", "", "variant", "secondary", "size", "sm", "data-testid", "ps-experiments-pause"], ["mjButton", "", "variant", "secondary", "size", "sm", "data-testid", "ps-experiments-resume"], ["mjButton", "", "variant", "danger", "size", "sm", "data-testid", "ps-experiments-cancel"], ["data-testid", "ps-experiments-leaderboard", 1, "ps-card"], [1, "ps-card-body", "lead-strip"], [1, "lead-lbl"], [1, "t"], [1, "fa-solid", "fa-trophy", 2, "color", "var(--mj-status-warning)"], [1, "lp", 3, "best", "pruned"], [1, "ps-card"], ["data-testid", "ps-experiments-kanban", 1, "kanban"], ["data-testid", "ps-kanban-col-running", 1, "kcol", "run"], [1, "kcol-head"], [1, "fa-solid", "fa-spinner"], [1, "cnt"], [1, "kbody"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], ["data-testid", "ps-kanban-col-completed", 1, "kcol", "done"], [1, "fa-solid", "fa-circle-check"], ["data-testid", "ps-kanban-col-pruned", 1, "kcol", "prune"], [1, "fa-solid", "fa-scissors"], ["mjButton", "", "variant", "secondary", "size", "sm", "data-testid", "ps-experiments-pause", 3, "click"], [1, "fa-solid", "fa-pause"], ["mjButton", "", "variant", "secondary", "size", "sm", "data-testid", "ps-experiments-resume", 3, "click"], [1, "fa-solid", "fa-play"], ["mjButton", "", "variant", "danger", "size", "sm", "data-testid", "ps-experiments-cancel", 3, "click"], [1, "fa-solid", "fa-stop"], [1, "lp"], [1, "ps-rank"], [1, "algo-ic"], [1, "nm"], [1, "fs", "ps-muted", "ps-small"], [1, "auc"], [1, "ps-card-body", "budget-rail"], [1, "bud"], [1, "ps-gauge"], [1, "g-val"], [2, "flex", "1"], [1, "ps-section-title"], [1, "b-val"], [1, "ps-muted", "ps-small"], [1, "ps-bar", 2, "margin-top", "6px", "max-width", "150px"], [1, "icard"], [1, "ic-top"], [1, "it", "ps-muted", "ps-small"], [1, "feat-chips"], [1, "ps-tag"], [1, "ic-prog"], [1, "ic-score"], [1, "rationale"], [1, "fa-solid", "fa-robot"], [1, "ps-small"], [1, "ps-bar", "run"], [1, "meta"], [1, "v"], [1, "lbl", "ps-muted", "ps-small"], [3, "confirmed", "cancelled", "title", "icon", "confirmIcon", "confirmLabel", "variant", "busy"], [3, "innerHTML"]], template: function PSExperimentsComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PSExperimentsComponent, selectors: [["ps-experiments"]], inputs: { engine: "engine", provider: "provider", currentUser: "currentUser" }, decls: 6, vars: 4, consts: [["iterCard", ""], ["data-testid", "ps-experiments-panel", 1, "ps-panel", "ps-experiments"], ["data-testid", "ps-experiments-empty", 1, "ps-empty"], [3, "title", "icon", "confirmIcon", "confirmLabel", "variant", "busy"], [1, "ps-modal-backdrop"], [3, "engine", "provider", "currentUser"], [1, "ps-empty-ico"], [1, "fa-solid", "fa-flask"], [2, "margin-top", "12px", "display", "flex", "gap", "8px"], ["mjButton", "", "variant", "primary", "size", "sm", "data-testid", "ps-experiments-new-btn-empty", 3, "click"], [1, "sess-head"], [1, "ps-small", "ps-muted", 2, "display", "flex", "align-items", "center", "gap", "8px"], [1, "ps-badge"], [1, "ps-dot"], [1, "ps-spacer"], [1, "ps-small", "ps-muted"], ["mjButton", "", "variant", "secondary", "size", "sm", "data-testid", "ps-experiments-view-artifact", 3, "click", "disabled"], [1, "fa-solid", "fa-flask-vial"], ["mjButton", "", "variant", "primary", "size", "sm", "data-testid", "ps-experiments-new-btn", 3, "click"], [1, "fa-solid", "fa-plus"], ["mjButton", "", "variant", "secondary", "size", "sm", "data-testid", "ps-experiments-pause"], ["mjButton", "", "variant", "secondary", "size", "sm", "data-testid", "ps-experiments-resume"], ["mjButton", "", "variant", "danger", "size", "sm", "data-testid", "ps-experiments-cancel"], ["data-testid", "ps-experiments-leaderboard", 1, "ps-card"], [1, "ps-card-body", "lead-strip"], [1, "lead-lbl"], [1, "t"], [1, "fa-solid", "fa-trophy", 2, "color", "var(--mj-status-warning)"], [1, "lp", 3, "best", "pruned"], [1, "ps-card"], ["data-testid", "ps-experiments-kanban", 1, "kanban"], ["data-testid", "ps-kanban-col-running", 1, "kcol", "run"], [1, "kcol-head"], [1, "fa-solid", "fa-spinner"], [1, "cnt"], [1, "kbody"], [3, "ngTemplateOutlet", "ngTemplateOutletContext"], ["data-testid", "ps-kanban-col-completed", 1, "kcol", "done"], [1, "fa-solid", "fa-circle-check"], ["data-testid", "ps-kanban-col-pruned", 1, "kcol", "prune"], [1, "fa-solid", "fa-scissors"], [1, "ps-muted"], [1, "mj-input", 2, "padding", "2px 6px", "font-size", "12px", "height", "26px", 3, "change", "value"], [3, "value"], ["mjButton", "", "variant", "secondary", "size", "sm", "data-testid", "ps-experiments-pause", 3, "click"], [1, "fa-solid", "fa-pause"], ["mjButton", "", "variant", "secondary", "size", "sm", "data-testid", "ps-experiments-resume", 3, "click"], [1, "fa-solid", "fa-play"], ["mjButton", "", "variant", "danger", "size", "sm", "data-testid", "ps-experiments-cancel", 3, "click"], [1, "fa-solid", "fa-stop"], [1, "lp"], [1, "ps-rank"], [1, "algo-ic"], [1, "nm"], [1, "fs", "ps-muted", "ps-small"], [1, "auc"], [1, "ps-card-body", "budget-rail"], [1, "bud"], [1, "ps-gauge"], [1, "g-val"], [2, "flex", "1"], [1, "ps-section-title"], [1, "b-val"], [1, "ps-muted", "ps-small"], [1, "ps-bar", 2, "margin-top", "6px", "max-width", "150px"], [1, "icard"], [1, "ic-top"], [1, "it", "ps-muted", "ps-small"], [1, "feat-chips"], [1, "ps-tag"], [1, "ic-prog"], [1, "ic-score"], [1, "rationale"], [1, "fa-solid", "fa-robot"], [1, "ps-small"], [1, "ps-bar", "run"], [1, "meta"], [1, "v"], [1, "lbl", "ps-muted", "ps-small"], [3, "confirmed", "cancelled", "title", "icon", "confirmIcon", "confirmLabel", "variant", "busy"], [3, "innerHTML"], [1, "ps-modal-backdrop", 3, "click"], [1, "ps-modal-dialog", 2, "max-width", "960px", "width", "92vw", "height", "85vh", "display", "flex", "flex-direction", "column", "padding", "0", "overflow", "hidden", 3, "click"], [2, "flex", "1", "min-height", "0", "display", "flex", "flex-direction", "column"], [3, "closed", "artifactId", "currentUser", "showCloseButton"], [3, "started", "closed", "engine", "provider", "currentUser"]], template: function PSExperimentsComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 1);
-            i0.ɵɵconditionalCreate(1, PSExperimentsComponent_Conditional_1_Template, 7, 0, "div", 2)(2, PSExperimentsComponent_Conditional_2_Template, 63, 19);
+            i0.ɵɵconditionalCreate(1, PSExperimentsComponent_Conditional_1_Template, 11, 0, "div", 2)(2, PSExperimentsComponent_Conditional_2_Template, 71, 22);
             i0.ɵɵconditionalCreate(3, PSExperimentsComponent_Conditional_3_Template, 2, 7, "ps-confirm-modal", 3);
+            i0.ɵɵconditionalCreate(4, PSExperimentsComponent_Conditional_4_Template, 4, 3, "div", 4);
+            i0.ɵɵconditionalCreate(5, PSExperimentsComponent_Conditional_5_Template, 1, 3, "ps-run-experiment-modal", 5);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance();
             i0.ɵɵconditional(!ctx.session ? 1 : 2);
             i0.ɵɵadvance(2);
             i0.ɵɵconditional(ctx.pendingAction ? 3 : -1);
-        } }, dependencies: [CommonModule, i1.NgTemplateOutlet, MJButtonDirective, PSConfirmModalComponent, i1.DecimalPipe], styles: ["/* ============================================================================\n   Predictive Studio \u2014 shared panel styles (design-token compliant)\n   Maps the mockup design system onto MemberJunction semantic --mj-* tokens.\n   Loaded by every PS panel component (styleUrls) under ViewEncapsulation.None,\n   so the class names are global within the PS dashboard subtree.\n   No hardcoded colors except the intentional categorical node/algorithm palette\n   (declared once as --ps-* custom props below) which must stay distinct across\n   light/dark to remain readable as diagram accents.\n   ============================================================================ */\n\n/* Categorical accents for DAG node types + algorithm chips. These are\n   data-visualization colors that must remain distinct regardless of theme\n   (allowed exception #3 in the design-token rules). */\n.ps-panel {\n  --ps-node-source: #6b7280;\n  --ps-node-feature: #2050c8;\n  --ps-node-embedding: #7b3ff0;\n  --ps-node-target: #1f9d57;\n  --ps-node-algorithm: #d98213;\n  /* budget-gauge categorical accents (reuse the node palette so light/dark stay distinct) */\n  --ps-gauge-cost: var(--ps-node-algorithm);\n  --ps-gauge-iterations: var(--ps-node-feature);\n}\n\n.ps-panel {\n  display: block;\n  height: 100%;\n}\n\n/* ---- generic layout helpers ---- */\n.ps-row { display: flex; gap: 16px; }\n.ps-col { display: flex; flex-direction: column; gap: 16px; }\n.ps-wrap { flex-wrap: wrap; }\n.ps-spacer { flex: 1; }\n.ps-muted { color: var(--mj-text-muted); }\n.ps-small { font-size: 12.5px; }\n.ps-mono { font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace; font-size: 12.5px; }\n.ps-section-title {\n  font-size: 12px; text-transform: uppercase; letter-spacing: .06em;\n  color: var(--mj-text-muted); margin: 4px 0 2px; font-weight: 700;\n}\n\n/* ---- cards ---- */\n.ps-card {\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  overflow: hidden;\n}\n.ps-card-head {\n  display: flex; align-items: center; gap: 10px;\n  padding: 14px 16px; border-bottom: 1px solid var(--mj-border-subtle);\n}\n.ps-card-head h3 { font-size: 14.5px; margin: 0; font-weight: 650; color: var(--mj-text-primary); }\n.ps-card-body { padding: 16px; }\n\n/* ---- KPI tiles ---- */\n.ps-kpi {\n  background: var(--mj-bg-surface); border: 1px solid var(--mj-border-default);\n  border-radius: 8px; padding: 16px 18px;\n}\n.ps-kpi .label { font-size: 12px; color: var(--mj-text-muted); font-weight: 600; }\n.ps-kpi .val { font-size: 26px; font-weight: 720; letter-spacing: -.02em; margin-top: 2px; color: var(--mj-text-primary); }\n\n/* ---- badges ---- */\n.ps-badge {\n  display: inline-flex; align-items: center; gap: 5px;\n  padding: 2px 9px; border-radius: 999px; font-size: 11.5px; font-weight: 650; line-height: 1.7;\n}\n.ps-badge.gray { background: var(--mj-bg-surface-sunken); color: var(--mj-text-secondary); }\n.ps-badge.blue { background: var(--mj-status-info-bg); color: var(--mj-status-info-text); }\n.ps-badge.green { background: var(--mj-status-success-bg); color: var(--mj-status-success-text); }\n.ps-badge.amber { background: var(--mj-status-warning-bg); color: var(--mj-status-warning-text); }\n.ps-badge.red { background: var(--mj-status-error-bg); color: var(--mj-status-error-text); }\n.ps-dot { width: 7px; height: 7px; border-radius: 50%; display: inline-block; }\n\n/* recommendation-level chips (the ranking matrix payoff) */\n.ps-lvl {\n  display: inline-flex; align-items: center; justify-content: center;\n  min-width: 92px; padding: 4px 10px; border-radius: 7px;\n  font-weight: 650; font-size: 11.5px; color: var(--mj-text-inverse);\n}\n.ps-lvl-Primary { background: var(--mj-status-success); }\n.ps-lvl-Strong { background: var(--mj-status-info); }\n.ps-lvl-Viable { background: var(--mj-status-warning); }\n.ps-lvl-Weak { background: var(--mj-text-disabled); }\n.ps-lvl-NotRecommended { background: var(--mj-bg-surface-sunken); color: var(--mj-text-muted); }\n\n/* ---- tags ---- */\n.ps-tag {\n  display: inline-block; padding: 2px 8px; border-radius: 6px;\n  background: var(--mj-bg-surface-sunken); color: var(--mj-text-secondary);\n  font-size: 11.5px; font-weight: 600;\n}\n.ps-tag.muted { opacity: .6; }\n.ps-divider { height: 1px; background: var(--mj-border-subtle); margin: 8px 0; }\n\n/* ---- tables ---- */\n.ps-table { width: 100%; border-collapse: collapse; font-size: 13px; }\n.ps-table th {\n  text-align: left; font-size: 11.5px; text-transform: uppercase; letter-spacing: .04em;\n  color: var(--mj-text-muted); font-weight: 700; padding: 9px 12px;\n  border-bottom: 1px solid var(--mj-border-default);\n}\n.ps-table td { padding: 11px 12px; border-bottom: 1px solid var(--mj-border-subtle); color: var(--mj-text-primary); }\n.ps-table tr:hover td { background: var(--mj-bg-surface-hover); }\n.ps-table .num { text-align: right; font-variant-numeric: tabular-nums; }\n\n.ps-rank {\n  width: 22px; height: 22px; border-radius: 6px; background: var(--mj-bg-surface-sunken);\n  display: inline-grid; place-items: center; font-weight: 700; font-size: 11.5px; color: var(--mj-text-secondary);\n}\n.ps-rank.gold { background: var(--mj-status-warning-bg); color: var(--mj-status-warning-text); }\n\n/* ---- progress bars ---- */\n.ps-bar { height: 8px; border-radius: 999px; background: var(--mj-bg-surface-sunken); overflow: hidden; }\n.ps-bar > span { display: block; height: 100%; border-radius: 999px; background: var(--mj-brand-primary); }\n.ps-bar.warn > span { background: var(--mj-status-warning); }\n.ps-bar.run > span { background: var(--mj-brand-primary); }\n\n.ps-fbar { display: grid; grid-template-columns: minmax(150px, 1.3fr) 2fr 56px; align-items: center; gap: 14px; padding: 8px 0; }\n.ps-fbar + .ps-fbar { border-top: 1px solid var(--mj-border-subtle); }\n.ps-fbar .track { height: 10px; border-radius: var(--mj-radius-full); background: var(--mj-bg-surface-sunken); overflow: hidden; }\n.ps-fbar .track > span { display: block; height: 100%; border-radius: var(--mj-radius-full); background: var(--mj-brand-primary); }\n.ps-fbar .track > span.warn { background: var(--mj-status-warning); }\n.ps-fbar .name { color: var(--mj-text-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.ps-fbar > .ps-mono { text-align: right; color: var(--mj-text-secondary); font-variant-numeric: tabular-nums; }\n\n/* gauge */\n.ps-gauge {\n  position: relative; width: 64px; height: 64px; border-radius: 50%; flex: 0 0 auto;\n  background: conic-gradient(var(--ps-gauge-color, var(--mj-brand-primary)) calc(var(--ps-p, 40) * 1%), var(--mj-bg-surface-sunken) 0);\n  display: grid; place-items: center;\n}\n.ps-gauge::after { content: ''; position: absolute; inset: 9px; background: var(--mj-bg-surface); border-radius: 50%; }\n.ps-gauge .g-val { position: relative; font-weight: 720; font-size: 14px; color: var(--mj-text-primary); }\n\n/* warning / info callouts */\n.ps-callout { display: flex; gap: 11px; padding: 12px 14px; border-radius: 10px; border: 1px solid; }\n.ps-callout.warn { background: var(--mj-status-warning-bg); border-color: var(--mj-status-warning-border); color: var(--mj-status-warning-text); }\n.ps-callout.info { background: var(--mj-status-info-bg); border-color: var(--mj-status-info-border); color: var(--mj-status-info-text); }\n.ps-callout.success { background: var(--mj-status-success-bg); border-color: var(--mj-status-success-border); color: var(--mj-status-success-text); }\n.ps-callout i { font-size: 16px; margin-top: 1px; }\n\n/* lifecycle stepper */\n.ps-stepper { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }\n.ps-step { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: var(--mj-text-muted); }\n.ps-step .pip {\n  width: 22px; height: 22px; border-radius: 50%; border: 2px solid var(--mj-border-strong);\n  display: grid; place-items: center; font-size: 11px;\n}\n.ps-step.done { color: var(--mj-status-success-text); }\n.ps-step.done .pip { background: var(--mj-status-success); border-color: var(--mj-status-success); color: var(--mj-text-inverse); }\n.ps-step.curr { color: var(--mj-brand-primary); }\n.ps-step.curr .pip { border-color: var(--mj-brand-primary); color: var(--mj-brand-primary); }\n.ps-step .ln { width: 26px; height: 2px; background: var(--mj-border-strong); }\n\n/* ---- DAG flow canvas ---- */\n.ps-flow {\n  position: relative;\n  background:\n    linear-gradient(var(--mj-border-subtle) 1px, transparent 1px) 0 0 / 22px 22px,\n    linear-gradient(90deg, var(--mj-border-subtle) 1px, transparent 1px) 0 0 / 22px 22px,\n    var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default); border-radius: 10px;\n  min-height: 620px; overflow: hidden;\n}\n.ps-node {\n  position: absolute; width: 190px; background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-strong); border-left-width: 3px; border-radius: 8px;\n  cursor: pointer;\n}\n.ps-node .nh {\n  display: flex; align-items: center; gap: 8px; padding: 9px 11px;\n  border-bottom: 1px solid var(--mj-border-subtle); font-weight: 650; font-size: 12.5px; color: var(--mj-text-primary);\n}\n.ps-node .nh i.tile {\n  width: 24px; height: 24px; border-radius: 6px; display: grid; place-items: center;\n  color: var(--mj-text-inverse); font-size: 12px; flex: 0 0 auto;\n}\n.ps-node .nh .ps-tag { margin-left: auto; }\n.ps-node .nb { padding: 9px 11px; font-size: 12px; color: var(--mj-text-secondary); }\n.ps-node .nb-row { display: flex; justify-content: space-between; gap: 8px; padding: 2px 0; }\n.ps-node .nb-row .k { color: var(--mj-text-muted); }\n.ps-node.src { border-left-color: var(--ps-node-source); }\n.ps-node.src .nh i.tile { background: var(--ps-node-source); }\n.ps-node.feat { border-left-color: var(--ps-node-feature); }\n.ps-node.feat .nh i.tile { background: var(--ps-node-feature); }\n.ps-node.emb { border-left-color: var(--ps-node-embedding); }\n.ps-node.emb .nh i.tile { background: var(--ps-node-embedding); }\n.ps-node.target { border-left-color: var(--ps-node-target); }\n.ps-node.target .nh i.tile { background: var(--ps-node-target); }\n.ps-node.algo { border-left-color: var(--ps-node-algorithm); }\n.ps-node.algo .nh i.tile { background: var(--ps-node-algorithm); }\n.ps-node.output { border-left-color: var(--mj-status-success); }\n.ps-node.output .nh i.tile { background: var(--mj-status-success); }\n.ps-node.selected {\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 18%, transparent);\n}\n.ps-node .port {\n  position: absolute; width: 11px; height: 11px; border-radius: 50%;\n  background: var(--mj-bg-surface); border: 2px solid var(--mj-brand-primary);\n  top: 50%; transform: translateY(-50%);\n}\n.ps-node .port.in { left: -6px; }\n.ps-node .port.out { right: -6px; }\nsvg.ps-edges { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }\nsvg.ps-edges path { stroke: color-mix(in srgb, var(--mj-brand-primary) 45%, transparent); stroke-width: 2; fill: none; }\n\n/* palette chips */\n.ps-pchip {\n  display: inline-flex; align-items: center; gap: 7px; padding: 6px 11px; border-radius: 8px;\n  border: 1px dashed var(--mj-border-strong); background: var(--mj-bg-surface);\n  font-size: 12.5px; font-weight: 600; color: var(--mj-text-secondary); cursor: grab;\n}\n.ps-pchip i { font-size: 12px; color: var(--mj-text-inverse); width: 20px; height: 20px; border-radius: 5px; display: grid; place-items: center; }\n.ps-pchip.s i { background: var(--ps-node-source); }\n.ps-pchip.f i { background: var(--ps-node-feature); }\n.ps-pchip.e i { background: var(--ps-node-embedding); }\n.ps-pchip.t i { background: var(--ps-node-target); }\n.ps-pchip.a i { background: var(--ps-node-algorithm); }\n\n/* segmented control */\n.ps-seg { display: inline-flex; border: 1px solid var(--mj-border-default); border-radius: 8px; overflow: hidden; }\n.ps-seg button {\n  border: none; background: var(--mj-bg-surface); color: var(--mj-text-secondary);\n  padding: 6px 12px; font-size: 12.5px; font-weight: 600; cursor: pointer;\n  border-right: 1px solid var(--mj-border-default);\n}\n.ps-seg button:last-child { border-right: none; }\n.ps-seg button.on { background: var(--mj-brand-primary); color: var(--mj-text-inverse); }\n\n/* field control */\n.ps-field { margin-bottom: 14px; }\n.ps-field > label {\n  display: block; font-size: 11px; text-transform: uppercase; letter-spacing: .04em;\n  color: var(--mj-text-muted); font-weight: 700; margin-bottom: 6px;\n}\n.ps-input {\n  width: 100%; padding: 8px 10px; border: 1px solid var(--mj-border-default);\n  border-radius: 6px; font-size: 13px; background: var(--mj-bg-surface); color: var(--mj-text-primary);\n  box-sizing: border-box;\n}\n.ps-input:focus { outline: none; border-color: var(--mj-brand-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 12%, transparent); }\n\n/* loading container */\n.ps-loading { display: flex; align-items: center; justify-content: center; padding: 60px 0; }\n\n/* ---- empty / prompt states ---- */\n.ps-empty {\n  display: flex; flex-direction: column; align-items: center; justify-content: center;\n  text-align: center; gap: 10px; padding: 56px 24px; color: var(--mj-text-muted);\n}\n.ps-empty .ps-empty-ico {\n  width: 60px; height: 60px; border-radius: 16px; display: grid; place-items: center;\n  background: var(--mj-bg-surface-sunken); color: var(--mj-text-disabled); font-size: 24px;\n}\n.ps-empty h3 { margin: 4px 0 0; font-size: 16px; font-weight: 650; color: var(--mj-text-secondary); }\n.ps-empty p { margin: 0; max-width: 420px; font-size: 13px; line-height: 1.5; }\n\n/* ---- confirm modal ---- */\n.ps-modal-backdrop {\n  position: fixed; inset: 0; z-index: 1000;\n  background: var(--mj-bg-overlay);\n  display: flex; align-items: center; justify-content: center; padding: 24px;\n}\n.ps-modal {\n  width: 100%; max-width: 480px; background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default); border-radius: 14px;\n  box-shadow: var(--mj-shadow-lg, var(--mj-shadow-sm)); overflow: hidden;\n}\n.ps-modal-head {\n  display: flex; align-items: center; gap: 12px; padding: 18px 20px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n.ps-modal-head .ico {\n  width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center;\n  font-size: 16px; flex: 0 0 auto;\n  background: var(--mj-status-info-bg); color: var(--mj-status-info-text);\n}\n.ps-modal-head.warn .ico { background: var(--mj-status-warning-bg); color: var(--mj-status-warning-text); }\n.ps-modal-head.danger .ico { background: var(--mj-status-error-bg); color: var(--mj-status-error-text); }\n.ps-modal-head h3 { margin: 0; font-size: 15.5px; font-weight: 650; color: var(--mj-text-primary); }\n.ps-modal-body { padding: 18px 20px; font-size: 13.5px; line-height: 1.55; color: var(--mj-text-secondary); }\n.ps-modal-body .ps-field { margin-top: 14px; margin-bottom: 0; }\n.ps-modal-foot {\n  display: flex; align-items: center; gap: 10px; padding: 14px 20px;\n  border-top: 1px solid var(--mj-border-subtle); background: var(--mj-bg-surface-card);\n}\n.ps-modal-foot .ps-spacer { flex: 1; }\n", ".ps-experiments { display: flex; flex-direction: column; gap: 16px; }\n\n.ps-experiments .sess-head { display: flex; align-items: center; gap: 12px; }\n.ps-experiments .sess-head h2 { font-size: 18px; color: var(--mj-text-primary); display: flex; align-items: center; gap: 10px; }\n\n/* leaderboard strip */\n.ps-experiments .lead-strip { display: flex; gap: 10px; align-items: center; overflow-x: auto; }\n.ps-experiments .lead-lbl { padding-right: 14px; border-right: 1px solid var(--mj-border-default); flex: 0 0 auto; }\n.ps-experiments .lead-lbl .t { display: flex; align-items: center; gap: 7px; font-weight: 650; color: var(--mj-text-primary); }\n.ps-experiments .lp {\n  display: flex; align-items: center; gap: 9px; flex: 0 0 auto; padding: 8px 12px;\n  border: 1px solid var(--mj-border-default); border-radius: 9px; background: var(--mj-bg-surface);\n}\n.ps-experiments .lp.best { background: var(--mj-status-warning-bg); border-color: var(--mj-status-warning-border); }\n.ps-experiments .lp.pruned { opacity: .55; }\n.ps-experiments .algo-ic {\n  width: 26px; height: 26px; border-radius: 7px; display: grid; place-items: center;\n  color: var(--mj-text-inverse); font-size: 12px; flex: 0 0 auto;\n}\n.ps-experiments .lp .nm { font-size: 12.5px; font-weight: 600; color: var(--mj-text-primary); }\n.ps-experiments .lp .auc { font-weight: 740; font-variant-numeric: tabular-nums; color: var(--mj-text-primary); }\n.ps-experiments .lp .auc.win { color: var(--mj-status-success-text); }\n\n/* budget rail */\n.ps-experiments .budget-rail { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }\n@media (max-width: 880px) { .ps-experiments .budget-rail { grid-template-columns: 1fr; } }\n.ps-experiments .bud { display: flex; align-items: center; gap: 13px; }\n.ps-experiments .b-val { font-size: 15px; color: var(--mj-text-primary); margin-top: 2px; }\n\n/* kanban */\n.ps-experiments .kanban { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; align-items: start; }\n@media (max-width: 980px) { .ps-experiments .kanban { grid-template-columns: 1fr; } }\n.ps-experiments .kcol { background: var(--mj-bg-surface); border: 1px solid var(--mj-border-default); border-radius: 10px; overflow: hidden; }\n.ps-experiments .kcol-head {\n  display: flex; align-items: center; gap: 9px; padding: 12px 14px; border-bottom: 1px solid var(--mj-border-subtle);\n  font-weight: 650; color: var(--mj-text-primary);\n}\n.ps-experiments .kcol-head h3 { font-size: 13.5px; margin: 0; flex: 1; }\n.ps-experiments .kcol.run .kcol-head { border-top: 3px solid var(--mj-brand-primary); }\n.ps-experiments .kcol.done .kcol-head { border-top: 3px solid var(--mj-status-success); }\n.ps-experiments .kcol.prune .kcol-head { border-top: 3px solid var(--mj-text-disabled); }\n.ps-experiments .kcol.run .kcol-head i { color: var(--mj-brand-primary); }\n.ps-experiments .kcol.done .kcol-head i { color: var(--mj-status-success); }\n.ps-experiments .kcol.prune .kcol-head i { color: var(--mj-text-muted); }\n.ps-experiments .cnt {\n  background: var(--mj-bg-surface-sunken); color: var(--mj-text-secondary);\n  border-radius: 999px; padding: 1px 9px; font-size: 12px; font-weight: 700;\n}\n.ps-experiments .kbody { padding: 11px; display: flex; flex-direction: column; gap: 11px; }\n\n.ps-experiments .icard {\n  border: 1px solid var(--mj-border-default); border-radius: 9px; padding: 11px;\n  background: var(--mj-bg-surface-card); display: flex; flex-direction: column; gap: 9px;\n}\n.ps-experiments .icard.running { border-color: color-mix(in srgb, var(--mj-brand-primary) 40%, var(--mj-border-default)); }\n.ps-experiments .icard.best { border-left: 3px solid var(--mj-status-warning); }\n.ps-experiments .icard.pruned { opacity: .78; }\n.ps-experiments .ic-top { display: flex; align-items: center; gap: 9px; }\n.ps-experiments .ic-top .algo-ic { width: 30px; height: 30px; }\n.ps-experiments .ic-top .nm { font-weight: 600; color: var(--mj-text-primary); font-size: 13px; }\n.ps-experiments .feat-chips { display: flex; gap: 6px; flex-wrap: wrap; }\n.ps-experiments .ic-prog .meta { display: flex; justify-content: space-between; margin-top: 5px; }\n.ps-experiments .ic-score { display: flex; align-items: baseline; gap: 8px; }\n.ps-experiments .ic-score .v { font-size: 21px; font-weight: 720; color: var(--mj-text-primary); font-variant-numeric: tabular-nums; }\n.ps-experiments .ic-score .v.green { color: var(--mj-status-success-text); }\n.ps-experiments .rationale {\n  display: flex; gap: 8px; padding-top: 8px; border-top: 1px solid var(--mj-border-subtle); color: var(--mj-text-secondary);\n}\n.ps-experiments .rationale i { color: var(--mj-brand-primary); margin-top: 2px; }\n"], encapsulation: 2 });
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.showArtifactModal && ctx.activeArtifactId ? 4 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.showNewExperimentModal ? 5 : -1);
+        } }, dependencies: [CommonModule, i1.NgTemplateOutlet, MJButtonDirective, PSConfirmModalComponent, PSRunExperimentModalComponent, ArtifactsModule, i2.ArtifactViewerPanelComponent, i1.DecimalPipe], styles: ["/* ============================================================================\n   Predictive Studio \u2014 shared panel styles (design-token compliant)\n   Maps the mockup design system onto MemberJunction semantic --mj-* tokens.\n   Loaded by every PS panel component (styleUrls) under ViewEncapsulation.None,\n   so the class names are global within the PS dashboard subtree.\n   No hardcoded colors except the intentional categorical node/algorithm palette\n   (declared once as --ps-* custom props below) which must stay distinct across\n   light/dark to remain readable as diagram accents.\n   ============================================================================ */\n\n/* Categorical accents for DAG node types + algorithm chips. These are\n   data-visualization colors that must remain distinct regardless of theme\n   (allowed exception #3 in the design-token rules). */\n.ps-panel {\n  --ps-node-source: #6b7280;\n  --ps-node-feature: #2050c8;\n  --ps-node-embedding: #7b3ff0;\n  --ps-node-target: #1f9d57;\n  --ps-node-algorithm: #d98213;\n  /* budget-gauge categorical accents (reuse the node palette so light/dark stay distinct) */\n  --ps-gauge-cost: var(--ps-node-algorithm);\n  --ps-gauge-iterations: var(--ps-node-feature);\n}\n\n.ps-panel {\n  display: block;\n  height: 100%;\n}\n\n/* ---- generic layout helpers ---- */\n.ps-row { display: flex; gap: 16px; }\n.ps-col { display: flex; flex-direction: column; gap: 16px; }\n.ps-wrap { flex-wrap: wrap; }\n.ps-spacer { flex: 1; }\n.ps-muted { color: var(--mj-text-muted); }\n.ps-small { font-size: 12.5px; }\n.ps-mono { font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace; font-size: 12.5px; }\n.ps-section-title {\n  font-size: 12px; text-transform: uppercase; letter-spacing: .06em;\n  color: var(--mj-text-muted); margin: 4px 0 2px; font-weight: 700;\n}\n\n/* ---- cards ---- */\n.ps-card {\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  overflow: hidden;\n}\n.ps-card-head {\n  display: flex; align-items: center; gap: 10px;\n  padding: 14px 16px; border-bottom: 1px solid var(--mj-border-subtle);\n}\n.ps-card-head h3 { font-size: 14.5px; margin: 0; font-weight: 650; color: var(--mj-text-primary); }\n.ps-card-body { padding: 16px; }\n\n/* ---- KPI tiles ---- */\n.ps-kpi {\n  background: var(--mj-bg-surface); border: 1px solid var(--mj-border-default);\n  border-radius: 8px; padding: 16px 18px;\n}\n.ps-kpi .label { font-size: 12px; color: var(--mj-text-muted); font-weight: 600; }\n.ps-kpi .val { font-size: 26px; font-weight: 720; letter-spacing: -.02em; margin-top: 2px; color: var(--mj-text-primary); }\n\n/* ---- badges ---- */\n.ps-badge {\n  display: inline-flex; align-items: center; gap: 5px;\n  padding: 2px 9px; border-radius: 999px; font-size: 11.5px; font-weight: 650; line-height: 1.7;\n}\n.ps-badge.gray { background: var(--mj-bg-surface-sunken); color: var(--mj-text-secondary); }\n.ps-badge.blue { background: var(--mj-status-info-bg); color: var(--mj-status-info-text); }\n.ps-badge.green { background: var(--mj-status-success-bg); color: var(--mj-status-success-text); }\n.ps-badge.amber { background: var(--mj-status-warning-bg); color: var(--mj-status-warning-text); }\n.ps-badge.red { background: var(--mj-status-error-bg); color: var(--mj-status-error-text); }\n.ps-dot { width: 7px; height: 7px; border-radius: 50%; display: inline-block; }\n\n/* recommendation-level chips (the ranking matrix payoff) */\n.ps-lvl {\n  display: inline-flex; align-items: center; justify-content: center;\n  min-width: 92px; padding: 4px 10px; border-radius: 7px;\n  font-weight: 650; font-size: 11.5px; color: var(--mj-text-inverse);\n}\n.ps-lvl-Primary { background: var(--mj-status-success); }\n.ps-lvl-Strong { background: var(--mj-status-info); }\n.ps-lvl-Viable { background: var(--mj-status-warning); }\n.ps-lvl-Weak { background: var(--mj-text-disabled); }\n.ps-lvl-NotRecommended { background: var(--mj-bg-surface-sunken); color: var(--mj-text-muted); }\n\n/* ---- tags ---- */\n.ps-tag {\n  display: inline-block; padding: 2px 8px; border-radius: 6px;\n  background: var(--mj-bg-surface-sunken); color: var(--mj-text-secondary);\n  font-size: 11.5px; font-weight: 600;\n}\n.ps-tag.muted { opacity: .6; }\n.ps-divider { height: 1px; background: var(--mj-border-subtle); margin: 8px 0; }\n\n/* ---- tables ---- */\n.ps-table { width: 100%; border-collapse: collapse; font-size: 13px; }\n.ps-table th {\n  text-align: left; font-size: 11.5px; text-transform: uppercase; letter-spacing: .04em;\n  color: var(--mj-text-muted); font-weight: 700; padding: 9px 12px;\n  border-bottom: 1px solid var(--mj-border-default);\n}\n.ps-table td { padding: 11px 12px; border-bottom: 1px solid var(--mj-border-subtle); color: var(--mj-text-primary); }\n.ps-table tr:hover td { background: var(--mj-bg-surface-hover); }\n.ps-table .num { text-align: right; font-variant-numeric: tabular-nums; }\n\n.ps-rank {\n  width: 22px; height: 22px; border-radius: 6px; background: var(--mj-bg-surface-sunken);\n  display: inline-grid; place-items: center; font-weight: 700; font-size: 11.5px; color: var(--mj-text-secondary);\n}\n.ps-rank.gold { background: var(--mj-status-warning-bg); color: var(--mj-status-warning-text); }\n\n/* ---- progress bars ---- */\n.ps-bar { height: 8px; border-radius: 999px; background: var(--mj-bg-surface-sunken); overflow: hidden; }\n.ps-bar > span { display: block; height: 100%; border-radius: 999px; background: var(--mj-brand-primary); }\n.ps-bar.warn > span { background: var(--mj-status-warning); }\n.ps-bar.run > span { background: var(--mj-brand-primary); }\n\n.ps-fbar { display: grid; grid-template-columns: minmax(150px, 1.3fr) 2fr 56px; align-items: center; gap: 14px; padding: 8px 0; }\n.ps-fbar + .ps-fbar { border-top: 1px solid var(--mj-border-subtle); }\n.ps-fbar .track { height: 10px; border-radius: var(--mj-radius-full); background: var(--mj-bg-surface-sunken); overflow: hidden; }\n.ps-fbar .track > span { display: block; height: 100%; border-radius: var(--mj-radius-full); background: var(--mj-brand-primary); }\n.ps-fbar .track > span.warn { background: var(--mj-status-warning); }\n.ps-fbar .name { color: var(--mj-text-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.ps-fbar > .ps-mono { text-align: right; color: var(--mj-text-secondary); font-variant-numeric: tabular-nums; }\n\n/* gauge */\n.ps-gauge {\n  position: relative; width: 64px; height: 64px; border-radius: 50%; flex: 0 0 auto;\n  background: conic-gradient(var(--ps-gauge-color, var(--mj-brand-primary)) calc(var(--ps-p, 40) * 1%), var(--mj-bg-surface-sunken) 0);\n  display: grid; place-items: center;\n}\n.ps-gauge::after { content: ''; position: absolute; inset: 9px; background: var(--mj-bg-surface); border-radius: 50%; }\n.ps-gauge .g-val { position: relative; font-weight: 720; font-size: 14px; color: var(--mj-text-primary); }\n\n/* warning / info callouts */\n.ps-callout { display: flex; gap: 11px; padding: 12px 14px; border-radius: 10px; border: 1px solid; }\n.ps-callout.warn { background: var(--mj-status-warning-bg); border-color: var(--mj-status-warning-border); color: var(--mj-status-warning-text); }\n.ps-callout.info { background: var(--mj-status-info-bg); border-color: var(--mj-status-info-border); color: var(--mj-status-info-text); }\n.ps-callout.success { background: var(--mj-status-success-bg); border-color: var(--mj-status-success-border); color: var(--mj-status-success-text); }\n.ps-callout i { font-size: 16px; margin-top: 1px; }\n\n/* lifecycle stepper */\n.ps-stepper { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }\n.ps-step { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: var(--mj-text-muted); }\n.ps-step .pip {\n  width: 22px; height: 22px; border-radius: 50%; border: 2px solid var(--mj-border-strong);\n  display: grid; place-items: center; font-size: 11px;\n}\n.ps-step.done { color: var(--mj-status-success-text); }\n.ps-step.done .pip { background: var(--mj-status-success); border-color: var(--mj-status-success); color: var(--mj-text-inverse); }\n.ps-step.curr { color: var(--mj-brand-primary); }\n.ps-step.curr .pip { border-color: var(--mj-brand-primary); color: var(--mj-brand-primary); }\n.ps-step .ln { width: 26px; height: 2px; background: var(--mj-border-strong); }\n\n/* ---- DAG flow canvas ---- */\n.ps-flow {\n  position: relative;\n  background:\n    linear-gradient(var(--mj-border-subtle) 1px, transparent 1px) 0 0 / 22px 22px,\n    linear-gradient(90deg, var(--mj-border-subtle) 1px, transparent 1px) 0 0 / 22px 22px,\n    var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default); border-radius: 10px;\n  min-height: 620px; overflow: hidden;\n}\n.ps-node {\n  position: absolute; width: 190px; background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-strong); border-left-width: 3px; border-radius: 8px;\n  cursor: pointer;\n}\n.ps-node .nh {\n  display: flex; align-items: center; gap: 8px; padding: 9px 11px;\n  border-bottom: 1px solid var(--mj-border-subtle); font-weight: 650; font-size: 12.5px; color: var(--mj-text-primary);\n}\n.ps-node .nh i.tile {\n  width: 24px; height: 24px; border-radius: 6px; display: grid; place-items: center;\n  color: var(--mj-text-inverse); font-size: 12px; flex: 0 0 auto;\n}\n.ps-node .nh .ps-tag { margin-left: auto; }\n.ps-node .nb { padding: 9px 11px; font-size: 12px; color: var(--mj-text-secondary); }\n.ps-node .nb-row { display: flex; justify-content: space-between; gap: 8px; padding: 2px 0; }\n.ps-node .nb-row .k { color: var(--mj-text-muted); }\n.ps-node.src { border-left-color: var(--ps-node-source); }\n.ps-node.src .nh i.tile { background: var(--ps-node-source); }\n.ps-node.feat { border-left-color: var(--ps-node-feature); }\n.ps-node.feat .nh i.tile { background: var(--ps-node-feature); }\n.ps-node.emb { border-left-color: var(--ps-node-embedding); }\n.ps-node.emb .nh i.tile { background: var(--ps-node-embedding); }\n.ps-node.target { border-left-color: var(--ps-node-target); }\n.ps-node.target .nh i.tile { background: var(--ps-node-target); }\n.ps-node.algo { border-left-color: var(--ps-node-algorithm); }\n.ps-node.algo .nh i.tile { background: var(--ps-node-algorithm); }\n.ps-node.output { border-left-color: var(--mj-status-success); }\n.ps-node.output .nh i.tile { background: var(--mj-status-success); }\n.ps-node.selected {\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 18%, transparent);\n}\n.ps-node .port {\n  position: absolute; width: 11px; height: 11px; border-radius: 50%;\n  background: var(--mj-bg-surface); border: 2px solid var(--mj-brand-primary);\n  top: 50%; transform: translateY(-50%);\n}\n.ps-node .port.in { left: -6px; }\n.ps-node .port.out { right: -6px; }\nsvg.ps-edges { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }\nsvg.ps-edges path { stroke: color-mix(in srgb, var(--mj-brand-primary) 45%, transparent); stroke-width: 2; fill: none; }\n\n/* palette chips */\n.ps-pchip {\n  display: inline-flex; align-items: center; gap: 7px; padding: 6px 11px; border-radius: 8px;\n  border: 1px dashed var(--mj-border-strong); background: var(--mj-bg-surface);\n  font-size: 12.5px; font-weight: 600; color: var(--mj-text-secondary); cursor: grab;\n}\n.ps-pchip i { font-size: 12px; color: var(--mj-text-inverse); width: 20px; height: 20px; border-radius: 5px; display: grid; place-items: center; }\n.ps-pchip.s i { background: var(--ps-node-source); }\n.ps-pchip.f i { background: var(--ps-node-feature); }\n.ps-pchip.e i { background: var(--ps-node-embedding); }\n.ps-pchip.t i { background: var(--ps-node-target); }\n.ps-pchip.a i { background: var(--ps-node-algorithm); }\n\n/* segmented control */\n.ps-seg { display: inline-flex; border: 1px solid var(--mj-border-default); border-radius: 8px; overflow: hidden; }\n.ps-seg button {\n  border: none; background: var(--mj-bg-surface); color: var(--mj-text-secondary);\n  padding: 6px 12px; font-size: 12.5px; font-weight: 600; cursor: pointer;\n  border-right: 1px solid var(--mj-border-default);\n}\n.ps-seg button:last-child { border-right: none; }\n.ps-seg button.on { background: var(--mj-brand-primary); color: var(--mj-text-inverse); }\n\n/* field control */\n.ps-field { margin-bottom: 14px; }\n.ps-field > label {\n  display: block; font-size: 11px; text-transform: uppercase; letter-spacing: .04em;\n  color: var(--mj-text-muted); font-weight: 700; margin-bottom: 6px;\n}\n.ps-input {\n  width: 100%; padding: 8px 10px; border: 1px solid var(--mj-border-default);\n  border-radius: 6px; font-size: 13px; background: var(--mj-bg-surface); color: var(--mj-text-primary);\n  box-sizing: border-box;\n}\n.ps-input:focus { outline: none; border-color: var(--mj-brand-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 12%, transparent); }\n\n/* loading container */\n.ps-loading { display: flex; align-items: center; justify-content: center; padding: 60px 0; }\n\n/* ---- empty / prompt states ---- */\n.ps-empty {\n  display: flex; flex-direction: column; align-items: center; justify-content: center;\n  text-align: center; gap: 10px; padding: 56px 24px; color: var(--mj-text-muted);\n}\n.ps-empty .ps-empty-ico {\n  width: 60px; height: 60px; border-radius: 16px; display: grid; place-items: center;\n  background: var(--mj-bg-surface-sunken); color: var(--mj-text-disabled); font-size: 24px;\n}\n.ps-empty h3 { margin: 4px 0 0; font-size: 16px; font-weight: 650; color: var(--mj-text-secondary); }\n.ps-empty p { margin: 0; max-width: 420px; font-size: 13px; line-height: 1.5; }\n\n/* ---- confirm modal ---- */\n.ps-modal-backdrop {\n  position: fixed; inset: 0; z-index: 1000;\n  background: var(--mj-bg-overlay);\n  display: flex; align-items: center; justify-content: center; padding: 24px;\n}\n.ps-modal {\n  width: 100%; max-width: 480px; background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default); border-radius: 14px;\n  box-shadow: var(--mj-shadow-lg, var(--mj-shadow-sm)); overflow: hidden;\n}\n.ps-modal-head {\n  display: flex; align-items: center; gap: 12px; padding: 18px 20px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n.ps-modal-head .ico {\n  width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center;\n  font-size: 16px; flex: 0 0 auto;\n  background: var(--mj-status-info-bg); color: var(--mj-status-info-text);\n}\n.ps-modal-head.warn .ico { background: var(--mj-status-warning-bg); color: var(--mj-status-warning-text); }\n.ps-modal-head.danger .ico { background: var(--mj-status-error-bg); color: var(--mj-status-error-text); }\n.ps-modal-head h3 { margin: 0; font-size: 15.5px; font-weight: 650; color: var(--mj-text-primary); }\n.ps-modal-body { padding: 18px 20px; font-size: 13.5px; line-height: 1.55; color: var(--mj-text-secondary); }\n.ps-modal-body .ps-field { margin-top: 14px; margin-bottom: 0; }\n.ps-modal-foot {\n  display: flex; align-items: center; gap: 10px; padding: 14px 20px;\n  border-top: 1px solid var(--mj-border-subtle); background: var(--mj-bg-surface-card);\n}\n.ps-modal-foot .ps-spacer { flex: 1; }\n", ".ps-experiments { display: flex; flex-direction: column; gap: 16px; }\n\n.ps-experiments .sess-head { display: flex; align-items: center; gap: 12px; }\n.ps-experiments .sess-head h2 { font-size: 18px; color: var(--mj-text-primary); display: flex; align-items: center; gap: 10px; }\n\n/* leaderboard strip */\n.ps-experiments .lead-strip { display: flex; gap: 10px; align-items: center; overflow-x: auto; }\n.ps-experiments .lead-lbl { padding-right: 14px; border-right: 1px solid var(--mj-border-default); flex: 0 0 auto; }\n.ps-experiments .lead-lbl .t { display: flex; align-items: center; gap: 7px; font-weight: 650; color: var(--mj-text-primary); }\n.ps-experiments .lp {\n  display: flex; align-items: center; gap: 9px; flex: 0 0 auto; padding: 8px 12px;\n  border: 1px solid var(--mj-border-default); border-radius: 9px; background: var(--mj-bg-surface);\n}\n.ps-experiments .lp.best { background: var(--mj-status-warning-bg); border-color: var(--mj-status-warning-border); }\n.ps-experiments .lp.pruned { opacity: .55; }\n.ps-experiments .algo-ic {\n  width: 26px; height: 26px; border-radius: 7px; display: grid; place-items: center;\n  color: var(--mj-text-inverse); font-size: 12px; flex: 0 0 auto;\n}\n.ps-experiments .lp .nm { font-size: 12.5px; font-weight: 600; color: var(--mj-text-primary); }\n.ps-experiments .lp .auc { font-weight: 740; font-variant-numeric: tabular-nums; color: var(--mj-text-primary); }\n.ps-experiments .lp .auc.win { color: var(--mj-status-success-text); }\n\n/* budget rail */\n.ps-experiments .budget-rail { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }\n@media (max-width: 880px) { .ps-experiments .budget-rail { grid-template-columns: 1fr; } }\n.ps-experiments .bud { display: flex; align-items: center; gap: 13px; }\n.ps-experiments .b-val { font-size: 15px; color: var(--mj-text-primary); margin-top: 2px; }\n\n/* kanban */\n.ps-experiments .kanban { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; align-items: start; }\n@media (max-width: 980px) { .ps-experiments .kanban { grid-template-columns: 1fr; } }\n.ps-experiments .kcol { background: var(--mj-bg-surface); border: 1px solid var(--mj-border-default); border-radius: 10px; overflow: hidden; }\n.ps-experiments .kcol-head {\n  display: flex; align-items: center; gap: 9px; padding: 12px 14px; border-bottom: 1px solid var(--mj-border-subtle);\n  font-weight: 650; color: var(--mj-text-primary);\n}\n.ps-experiments .kcol-head h3 { font-size: 13.5px; margin: 0; flex: 1; }\n.ps-experiments .kcol.run .kcol-head { border-top: 3px solid var(--mj-brand-primary); }\n.ps-experiments .kcol.done .kcol-head { border-top: 3px solid var(--mj-status-success); }\n.ps-experiments .kcol.prune .kcol-head { border-top: 3px solid var(--mj-text-disabled); }\n.ps-experiments .kcol.run .kcol-head i { color: var(--mj-brand-primary); }\n.ps-experiments .kcol.done .kcol-head i { color: var(--mj-status-success); }\n.ps-experiments .kcol.prune .kcol-head i { color: var(--mj-text-muted); }\n.ps-experiments .cnt {\n  background: var(--mj-bg-surface-sunken); color: var(--mj-text-secondary);\n  border-radius: 999px; padding: 1px 9px; font-size: 12px; font-weight: 700;\n}\n.ps-experiments .kbody { padding: 11px; display: flex; flex-direction: column; gap: 11px; }\n\n.ps-experiments .icard {\n  border: 1px solid var(--mj-border-default); border-radius: 9px; padding: 11px;\n  background: var(--mj-bg-surface-card); display: flex; flex-direction: column; gap: 9px;\n}\n.ps-experiments .icard.running { border-color: color-mix(in srgb, var(--mj-brand-primary) 40%, var(--mj-border-default)); }\n.ps-experiments .icard.best { border-left: 3px solid var(--mj-status-warning); }\n.ps-experiments .icard.pruned { opacity: .78; }\n.ps-experiments .ic-top { display: flex; align-items: center; gap: 9px; }\n.ps-experiments .ic-top .algo-ic { width: 30px; height: 30px; }\n.ps-experiments .ic-top .nm { font-weight: 600; color: var(--mj-text-primary); font-size: 13px; }\n.ps-experiments .feat-chips { display: flex; gap: 6px; flex-wrap: wrap; }\n.ps-experiments .ic-prog .meta { display: flex; justify-content: space-between; margin-top: 5px; }\n.ps-experiments .ic-score { display: flex; align-items: baseline; gap: 8px; }\n.ps-experiments .ic-score .v { font-size: 21px; font-weight: 720; color: var(--mj-text-primary); font-variant-numeric: tabular-nums; }\n.ps-experiments .ic-score .v.green { color: var(--mj-status-success-text); }\n.ps-experiments .rationale {\n  display: flex; gap: 8px; padding-top: 8px; border-top: 1px solid var(--mj-border-subtle); color: var(--mj-text-secondary);\n}\n.ps-experiments .rationale i { color: var(--mj-brand-primary); margin-top: 2px; }\n"], encapsulation: 2 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PSExperimentsComponent, [{
         type: Component,
-        args: [{ standalone: true, selector: 'ps-experiments', imports: [CommonModule, MJButtonDirective, PSConfirmModalComponent], encapsulation: ViewEncapsulation.None, template: `
+        args: [{ standalone: true, selector: 'ps-experiments', imports: [CommonModule, MJButtonDirective, PSConfirmModalComponent, PSRunExperimentModalComponent, ArtifactsModule], encapsulation: ViewEncapsulation.None, template: `
     <div class="ps-panel ps-experiments" data-testid="ps-experiments-panel">
       @if (!session) {
         <div class="ps-empty" data-testid="ps-experiments-empty">
           <span class="ps-empty-ico"><i class="fa-solid fa-flask"></i></span>
           <h3>No experiment sessions yet</h3>
-          <p>Launch an experiment to watch the Model Dev Agent search algorithms and feature sets in waves. Running and completed iterations will appear here with a live leaderboard.</p>
+          <p>Launch an experiment to watch the Model Dev Agent search algorithms and feature sets in waves, or configure a manual multi-algorithm tournament.</p>
+          <div style="margin-top: 12px; display: flex; gap: 8px;">
+            <button mjButton variant="primary" size="sm" data-testid="ps-experiments-new-btn-empty" (click)="openNewExperimentModal()">
+              <i class="fa-solid fa-flask"></i> New Experiment
+            </button>
+          </div>
         </div>
       } @else {
         <!-- session header strip -->
         <div class="sess-head">
           <div>
-            <div class="ps-small ps-muted">Experiment session</div>
+            <div class="ps-small ps-muted" style="display: flex; align-items: center; gap: 8px;">
+              <span>Experiment session</span>
+              @if (sessions.length > 1) {
+                <span class="ps-muted">· Switch:</span>
+                <select class="mj-input" style="padding: 2px 6px; font-size: 12px; height: 26px;"
+                  [value]="sessionId" (change)="selectSession($any($event.target).value)">
+                  @for (s of sessions; track s.ID) {
+                    <option [value]="s.ID">{{ s.Name }} ({{ s.Status }})</option>
+                  }
+                </select>
+              }
+            </div>
             <h2>{{ session.Name }} <span class="ps-badge" [class]="sessionBadgeClass"><span class="ps-dot" [style.background]="sessionDotColor"></span> {{ session.Status }}</span></h2>
           </div>
           <span class="ps-spacer"></span>
           <span class="ps-small ps-muted">{{ iterationCountLabel }}</span>
+          <button mjButton variant="secondary" size="sm" data-testid="ps-experiments-view-artifact" [disabled]="artifactLoading" (click)="viewResultsArtifact()">
+            <i class="fa-solid fa-flask-vial"></i> {{ artifactLoading ? 'Loading…' : 'View Results Artifact' }}
+          </button>
+          <button mjButton variant="primary" size="sm" data-testid="ps-experiments-new-btn" (click)="openNewExperimentModal()">
+            <i class="fa-solid fa-plus"></i> New Experiment
+          </button>
           @if (canPause) {
             <button mjButton variant="secondary" size="sm" data-testid="ps-experiments-pause" (click)="requestControl('pause')"><i class="fa-solid fa-pause"></i> Pause</button>
           }
@@ -771,6 +987,32 @@ export class PSExperimentsComponent {
           <div [innerHTML]="pendingMessage"></div>
         </ps-confirm-modal>
       }
+
+      @if (showArtifactModal && activeArtifactId) {
+        <div class="ps-modal-backdrop" (click)="closeArtifactModal()">
+          <div class="ps-modal-dialog" style="max-width: 960px; width: 92vw; height: 85vh; display: flex; flex-direction: column; padding: 0; overflow: hidden;"
+            (click)="$event.stopPropagation()">
+            <div style="flex: 1; min-height: 0; display: flex; flex-direction: column;">
+              <mj-artifact-viewer-panel
+                [artifactId]="activeArtifactId"
+                [currentUser]="currentUser!"
+                [showCloseButton]="true"
+                (closed)="closeArtifactModal()">
+              </mj-artifact-viewer-panel>
+            </div>
+          </div>
+        </div>
+      }
+
+      @if (showNewExperimentModal) {
+        <ps-run-experiment-modal
+          [engine]="engine"
+          [provider]="provider"
+          [currentUser]="currentUser"
+          (started)="onExperimentStarted($event)"
+          (closed)="closeNewExperimentModal()">
+        </ps-run-experiment-modal>
+      }
     </div>
   `, styles: ["/* ============================================================================\n   Predictive Studio \u2014 shared panel styles (design-token compliant)\n   Maps the mockup design system onto MemberJunction semantic --mj-* tokens.\n   Loaded by every PS panel component (styleUrls) under ViewEncapsulation.None,\n   so the class names are global within the PS dashboard subtree.\n   No hardcoded colors except the intentional categorical node/algorithm palette\n   (declared once as --ps-* custom props below) which must stay distinct across\n   light/dark to remain readable as diagram accents.\n   ============================================================================ */\n\n/* Categorical accents for DAG node types + algorithm chips. These are\n   data-visualization colors that must remain distinct regardless of theme\n   (allowed exception #3 in the design-token rules). */\n.ps-panel {\n  --ps-node-source: #6b7280;\n  --ps-node-feature: #2050c8;\n  --ps-node-embedding: #7b3ff0;\n  --ps-node-target: #1f9d57;\n  --ps-node-algorithm: #d98213;\n  /* budget-gauge categorical accents (reuse the node palette so light/dark stay distinct) */\n  --ps-gauge-cost: var(--ps-node-algorithm);\n  --ps-gauge-iterations: var(--ps-node-feature);\n}\n\n.ps-panel {\n  display: block;\n  height: 100%;\n}\n\n/* ---- generic layout helpers ---- */\n.ps-row { display: flex; gap: 16px; }\n.ps-col { display: flex; flex-direction: column; gap: 16px; }\n.ps-wrap { flex-wrap: wrap; }\n.ps-spacer { flex: 1; }\n.ps-muted { color: var(--mj-text-muted); }\n.ps-small { font-size: 12.5px; }\n.ps-mono { font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace; font-size: 12.5px; }\n.ps-section-title {\n  font-size: 12px; text-transform: uppercase; letter-spacing: .06em;\n  color: var(--mj-text-muted); margin: 4px 0 2px; font-weight: 700;\n}\n\n/* ---- cards ---- */\n.ps-card {\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  overflow: hidden;\n}\n.ps-card-head {\n  display: flex; align-items: center; gap: 10px;\n  padding: 14px 16px; border-bottom: 1px solid var(--mj-border-subtle);\n}\n.ps-card-head h3 { font-size: 14.5px; margin: 0; font-weight: 650; color: var(--mj-text-primary); }\n.ps-card-body { padding: 16px; }\n\n/* ---- KPI tiles ---- */\n.ps-kpi {\n  background: var(--mj-bg-surface); border: 1px solid var(--mj-border-default);\n  border-radius: 8px; padding: 16px 18px;\n}\n.ps-kpi .label { font-size: 12px; color: var(--mj-text-muted); font-weight: 600; }\n.ps-kpi .val { font-size: 26px; font-weight: 720; letter-spacing: -.02em; margin-top: 2px; color: var(--mj-text-primary); }\n\n/* ---- badges ---- */\n.ps-badge {\n  display: inline-flex; align-items: center; gap: 5px;\n  padding: 2px 9px; border-radius: 999px; font-size: 11.5px; font-weight: 650; line-height: 1.7;\n}\n.ps-badge.gray { background: var(--mj-bg-surface-sunken); color: var(--mj-text-secondary); }\n.ps-badge.blue { background: var(--mj-status-info-bg); color: var(--mj-status-info-text); }\n.ps-badge.green { background: var(--mj-status-success-bg); color: var(--mj-status-success-text); }\n.ps-badge.amber { background: var(--mj-status-warning-bg); color: var(--mj-status-warning-text); }\n.ps-badge.red { background: var(--mj-status-error-bg); color: var(--mj-status-error-text); }\n.ps-dot { width: 7px; height: 7px; border-radius: 50%; display: inline-block; }\n\n/* recommendation-level chips (the ranking matrix payoff) */\n.ps-lvl {\n  display: inline-flex; align-items: center; justify-content: center;\n  min-width: 92px; padding: 4px 10px; border-radius: 7px;\n  font-weight: 650; font-size: 11.5px; color: var(--mj-text-inverse);\n}\n.ps-lvl-Primary { background: var(--mj-status-success); }\n.ps-lvl-Strong { background: var(--mj-status-info); }\n.ps-lvl-Viable { background: var(--mj-status-warning); }\n.ps-lvl-Weak { background: var(--mj-text-disabled); }\n.ps-lvl-NotRecommended { background: var(--mj-bg-surface-sunken); color: var(--mj-text-muted); }\n\n/* ---- tags ---- */\n.ps-tag {\n  display: inline-block; padding: 2px 8px; border-radius: 6px;\n  background: var(--mj-bg-surface-sunken); color: var(--mj-text-secondary);\n  font-size: 11.5px; font-weight: 600;\n}\n.ps-tag.muted { opacity: .6; }\n.ps-divider { height: 1px; background: var(--mj-border-subtle); margin: 8px 0; }\n\n/* ---- tables ---- */\n.ps-table { width: 100%; border-collapse: collapse; font-size: 13px; }\n.ps-table th {\n  text-align: left; font-size: 11.5px; text-transform: uppercase; letter-spacing: .04em;\n  color: var(--mj-text-muted); font-weight: 700; padding: 9px 12px;\n  border-bottom: 1px solid var(--mj-border-default);\n}\n.ps-table td { padding: 11px 12px; border-bottom: 1px solid var(--mj-border-subtle); color: var(--mj-text-primary); }\n.ps-table tr:hover td { background: var(--mj-bg-surface-hover); }\n.ps-table .num { text-align: right; font-variant-numeric: tabular-nums; }\n\n.ps-rank {\n  width: 22px; height: 22px; border-radius: 6px; background: var(--mj-bg-surface-sunken);\n  display: inline-grid; place-items: center; font-weight: 700; font-size: 11.5px; color: var(--mj-text-secondary);\n}\n.ps-rank.gold { background: var(--mj-status-warning-bg); color: var(--mj-status-warning-text); }\n\n/* ---- progress bars ---- */\n.ps-bar { height: 8px; border-radius: 999px; background: var(--mj-bg-surface-sunken); overflow: hidden; }\n.ps-bar > span { display: block; height: 100%; border-radius: 999px; background: var(--mj-brand-primary); }\n.ps-bar.warn > span { background: var(--mj-status-warning); }\n.ps-bar.run > span { background: var(--mj-brand-primary); }\n\n.ps-fbar { display: grid; grid-template-columns: minmax(150px, 1.3fr) 2fr 56px; align-items: center; gap: 14px; padding: 8px 0; }\n.ps-fbar + .ps-fbar { border-top: 1px solid var(--mj-border-subtle); }\n.ps-fbar .track { height: 10px; border-radius: var(--mj-radius-full); background: var(--mj-bg-surface-sunken); overflow: hidden; }\n.ps-fbar .track > span { display: block; height: 100%; border-radius: var(--mj-radius-full); background: var(--mj-brand-primary); }\n.ps-fbar .track > span.warn { background: var(--mj-status-warning); }\n.ps-fbar .name { color: var(--mj-text-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.ps-fbar > .ps-mono { text-align: right; color: var(--mj-text-secondary); font-variant-numeric: tabular-nums; }\n\n/* gauge */\n.ps-gauge {\n  position: relative; width: 64px; height: 64px; border-radius: 50%; flex: 0 0 auto;\n  background: conic-gradient(var(--ps-gauge-color, var(--mj-brand-primary)) calc(var(--ps-p, 40) * 1%), var(--mj-bg-surface-sunken) 0);\n  display: grid; place-items: center;\n}\n.ps-gauge::after { content: ''; position: absolute; inset: 9px; background: var(--mj-bg-surface); border-radius: 50%; }\n.ps-gauge .g-val { position: relative; font-weight: 720; font-size: 14px; color: var(--mj-text-primary); }\n\n/* warning / info callouts */\n.ps-callout { display: flex; gap: 11px; padding: 12px 14px; border-radius: 10px; border: 1px solid; }\n.ps-callout.warn { background: var(--mj-status-warning-bg); border-color: var(--mj-status-warning-border); color: var(--mj-status-warning-text); }\n.ps-callout.info { background: var(--mj-status-info-bg); border-color: var(--mj-status-info-border); color: var(--mj-status-info-text); }\n.ps-callout.success { background: var(--mj-status-success-bg); border-color: var(--mj-status-success-border); color: var(--mj-status-success-text); }\n.ps-callout i { font-size: 16px; margin-top: 1px; }\n\n/* lifecycle stepper */\n.ps-stepper { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }\n.ps-step { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: var(--mj-text-muted); }\n.ps-step .pip {\n  width: 22px; height: 22px; border-radius: 50%; border: 2px solid var(--mj-border-strong);\n  display: grid; place-items: center; font-size: 11px;\n}\n.ps-step.done { color: var(--mj-status-success-text); }\n.ps-step.done .pip { background: var(--mj-status-success); border-color: var(--mj-status-success); color: var(--mj-text-inverse); }\n.ps-step.curr { color: var(--mj-brand-primary); }\n.ps-step.curr .pip { border-color: var(--mj-brand-primary); color: var(--mj-brand-primary); }\n.ps-step .ln { width: 26px; height: 2px; background: var(--mj-border-strong); }\n\n/* ---- DAG flow canvas ---- */\n.ps-flow {\n  position: relative;\n  background:\n    linear-gradient(var(--mj-border-subtle) 1px, transparent 1px) 0 0 / 22px 22px,\n    linear-gradient(90deg, var(--mj-border-subtle) 1px, transparent 1px) 0 0 / 22px 22px,\n    var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default); border-radius: 10px;\n  min-height: 620px; overflow: hidden;\n}\n.ps-node {\n  position: absolute; width: 190px; background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-strong); border-left-width: 3px; border-radius: 8px;\n  cursor: pointer;\n}\n.ps-node .nh {\n  display: flex; align-items: center; gap: 8px; padding: 9px 11px;\n  border-bottom: 1px solid var(--mj-border-subtle); font-weight: 650; font-size: 12.5px; color: var(--mj-text-primary);\n}\n.ps-node .nh i.tile {\n  width: 24px; height: 24px; border-radius: 6px; display: grid; place-items: center;\n  color: var(--mj-text-inverse); font-size: 12px; flex: 0 0 auto;\n}\n.ps-node .nh .ps-tag { margin-left: auto; }\n.ps-node .nb { padding: 9px 11px; font-size: 12px; color: var(--mj-text-secondary); }\n.ps-node .nb-row { display: flex; justify-content: space-between; gap: 8px; padding: 2px 0; }\n.ps-node .nb-row .k { color: var(--mj-text-muted); }\n.ps-node.src { border-left-color: var(--ps-node-source); }\n.ps-node.src .nh i.tile { background: var(--ps-node-source); }\n.ps-node.feat { border-left-color: var(--ps-node-feature); }\n.ps-node.feat .nh i.tile { background: var(--ps-node-feature); }\n.ps-node.emb { border-left-color: var(--ps-node-embedding); }\n.ps-node.emb .nh i.tile { background: var(--ps-node-embedding); }\n.ps-node.target { border-left-color: var(--ps-node-target); }\n.ps-node.target .nh i.tile { background: var(--ps-node-target); }\n.ps-node.algo { border-left-color: var(--ps-node-algorithm); }\n.ps-node.algo .nh i.tile { background: var(--ps-node-algorithm); }\n.ps-node.output { border-left-color: var(--mj-status-success); }\n.ps-node.output .nh i.tile { background: var(--mj-status-success); }\n.ps-node.selected {\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 18%, transparent);\n}\n.ps-node .port {\n  position: absolute; width: 11px; height: 11px; border-radius: 50%;\n  background: var(--mj-bg-surface); border: 2px solid var(--mj-brand-primary);\n  top: 50%; transform: translateY(-50%);\n}\n.ps-node .port.in { left: -6px; }\n.ps-node .port.out { right: -6px; }\nsvg.ps-edges { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }\nsvg.ps-edges path { stroke: color-mix(in srgb, var(--mj-brand-primary) 45%, transparent); stroke-width: 2; fill: none; }\n\n/* palette chips */\n.ps-pchip {\n  display: inline-flex; align-items: center; gap: 7px; padding: 6px 11px; border-radius: 8px;\n  border: 1px dashed var(--mj-border-strong); background: var(--mj-bg-surface);\n  font-size: 12.5px; font-weight: 600; color: var(--mj-text-secondary); cursor: grab;\n}\n.ps-pchip i { font-size: 12px; color: var(--mj-text-inverse); width: 20px; height: 20px; border-radius: 5px; display: grid; place-items: center; }\n.ps-pchip.s i { background: var(--ps-node-source); }\n.ps-pchip.f i { background: var(--ps-node-feature); }\n.ps-pchip.e i { background: var(--ps-node-embedding); }\n.ps-pchip.t i { background: var(--ps-node-target); }\n.ps-pchip.a i { background: var(--ps-node-algorithm); }\n\n/* segmented control */\n.ps-seg { display: inline-flex; border: 1px solid var(--mj-border-default); border-radius: 8px; overflow: hidden; }\n.ps-seg button {\n  border: none; background: var(--mj-bg-surface); color: var(--mj-text-secondary);\n  padding: 6px 12px; font-size: 12.5px; font-weight: 600; cursor: pointer;\n  border-right: 1px solid var(--mj-border-default);\n}\n.ps-seg button:last-child { border-right: none; }\n.ps-seg button.on { background: var(--mj-brand-primary); color: var(--mj-text-inverse); }\n\n/* field control */\n.ps-field { margin-bottom: 14px; }\n.ps-field > label {\n  display: block; font-size: 11px; text-transform: uppercase; letter-spacing: .04em;\n  color: var(--mj-text-muted); font-weight: 700; margin-bottom: 6px;\n}\n.ps-input {\n  width: 100%; padding: 8px 10px; border: 1px solid var(--mj-border-default);\n  border-radius: 6px; font-size: 13px; background: var(--mj-bg-surface); color: var(--mj-text-primary);\n  box-sizing: border-box;\n}\n.ps-input:focus { outline: none; border-color: var(--mj-brand-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 12%, transparent); }\n\n/* loading container */\n.ps-loading { display: flex; align-items: center; justify-content: center; padding: 60px 0; }\n\n/* ---- empty / prompt states ---- */\n.ps-empty {\n  display: flex; flex-direction: column; align-items: center; justify-content: center;\n  text-align: center; gap: 10px; padding: 56px 24px; color: var(--mj-text-muted);\n}\n.ps-empty .ps-empty-ico {\n  width: 60px; height: 60px; border-radius: 16px; display: grid; place-items: center;\n  background: var(--mj-bg-surface-sunken); color: var(--mj-text-disabled); font-size: 24px;\n}\n.ps-empty h3 { margin: 4px 0 0; font-size: 16px; font-weight: 650; color: var(--mj-text-secondary); }\n.ps-empty p { margin: 0; max-width: 420px; font-size: 13px; line-height: 1.5; }\n\n/* ---- confirm modal ---- */\n.ps-modal-backdrop {\n  position: fixed; inset: 0; z-index: 1000;\n  background: var(--mj-bg-overlay);\n  display: flex; align-items: center; justify-content: center; padding: 24px;\n}\n.ps-modal {\n  width: 100%; max-width: 480px; background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default); border-radius: 14px;\n  box-shadow: var(--mj-shadow-lg, var(--mj-shadow-sm)); overflow: hidden;\n}\n.ps-modal-head {\n  display: flex; align-items: center; gap: 12px; padding: 18px 20px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n.ps-modal-head .ico {\n  width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center;\n  font-size: 16px; flex: 0 0 auto;\n  background: var(--mj-status-info-bg); color: var(--mj-status-info-text);\n}\n.ps-modal-head.warn .ico { background: var(--mj-status-warning-bg); color: var(--mj-status-warning-text); }\n.ps-modal-head.danger .ico { background: var(--mj-status-error-bg); color: var(--mj-status-error-text); }\n.ps-modal-head h3 { margin: 0; font-size: 15.5px; font-weight: 650; color: var(--mj-text-primary); }\n.ps-modal-body { padding: 18px 20px; font-size: 13.5px; line-height: 1.55; color: var(--mj-text-secondary); }\n.ps-modal-body .ps-field { margin-top: 14px; margin-bottom: 0; }\n.ps-modal-foot {\n  display: flex; align-items: center; gap: 10px; padding: 14px 20px;\n  border-top: 1px solid var(--mj-border-subtle); background: var(--mj-bg-surface-card);\n}\n.ps-modal-foot .ps-spacer { flex: 1; }\n", ".ps-experiments { display: flex; flex-direction: column; gap: 16px; }\n\n.ps-experiments .sess-head { display: flex; align-items: center; gap: 12px; }\n.ps-experiments .sess-head h2 { font-size: 18px; color: var(--mj-text-primary); display: flex; align-items: center; gap: 10px; }\n\n/* leaderboard strip */\n.ps-experiments .lead-strip { display: flex; gap: 10px; align-items: center; overflow-x: auto; }\n.ps-experiments .lead-lbl { padding-right: 14px; border-right: 1px solid var(--mj-border-default); flex: 0 0 auto; }\n.ps-experiments .lead-lbl .t { display: flex; align-items: center; gap: 7px; font-weight: 650; color: var(--mj-text-primary); }\n.ps-experiments .lp {\n  display: flex; align-items: center; gap: 9px; flex: 0 0 auto; padding: 8px 12px;\n  border: 1px solid var(--mj-border-default); border-radius: 9px; background: var(--mj-bg-surface);\n}\n.ps-experiments .lp.best { background: var(--mj-status-warning-bg); border-color: var(--mj-status-warning-border); }\n.ps-experiments .lp.pruned { opacity: .55; }\n.ps-experiments .algo-ic {\n  width: 26px; height: 26px; border-radius: 7px; display: grid; place-items: center;\n  color: var(--mj-text-inverse); font-size: 12px; flex: 0 0 auto;\n}\n.ps-experiments .lp .nm { font-size: 12.5px; font-weight: 600; color: var(--mj-text-primary); }\n.ps-experiments .lp .auc { font-weight: 740; font-variant-numeric: tabular-nums; color: var(--mj-text-primary); }\n.ps-experiments .lp .auc.win { color: var(--mj-status-success-text); }\n\n/* budget rail */\n.ps-experiments .budget-rail { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }\n@media (max-width: 880px) { .ps-experiments .budget-rail { grid-template-columns: 1fr; } }\n.ps-experiments .bud { display: flex; align-items: center; gap: 13px; }\n.ps-experiments .b-val { font-size: 15px; color: var(--mj-text-primary); margin-top: 2px; }\n\n/* kanban */\n.ps-experiments .kanban { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; align-items: start; }\n@media (max-width: 980px) { .ps-experiments .kanban { grid-template-columns: 1fr; } }\n.ps-experiments .kcol { background: var(--mj-bg-surface); border: 1px solid var(--mj-border-default); border-radius: 10px; overflow: hidden; }\n.ps-experiments .kcol-head {\n  display: flex; align-items: center; gap: 9px; padding: 12px 14px; border-bottom: 1px solid var(--mj-border-subtle);\n  font-weight: 650; color: var(--mj-text-primary);\n}\n.ps-experiments .kcol-head h3 { font-size: 13.5px; margin: 0; flex: 1; }\n.ps-experiments .kcol.run .kcol-head { border-top: 3px solid var(--mj-brand-primary); }\n.ps-experiments .kcol.done .kcol-head { border-top: 3px solid var(--mj-status-success); }\n.ps-experiments .kcol.prune .kcol-head { border-top: 3px solid var(--mj-text-disabled); }\n.ps-experiments .kcol.run .kcol-head i { color: var(--mj-brand-primary); }\n.ps-experiments .kcol.done .kcol-head i { color: var(--mj-status-success); }\n.ps-experiments .kcol.prune .kcol-head i { color: var(--mj-text-muted); }\n.ps-experiments .cnt {\n  background: var(--mj-bg-surface-sunken); color: var(--mj-text-secondary);\n  border-radius: 999px; padding: 1px 9px; font-size: 12px; font-weight: 700;\n}\n.ps-experiments .kbody { padding: 11px; display: flex; flex-direction: column; gap: 11px; }\n\n.ps-experiments .icard {\n  border: 1px solid var(--mj-border-default); border-radius: 9px; padding: 11px;\n  background: var(--mj-bg-surface-card); display: flex; flex-direction: column; gap: 9px;\n}\n.ps-experiments .icard.running { border-color: color-mix(in srgb, var(--mj-brand-primary) 40%, var(--mj-border-default)); }\n.ps-experiments .icard.best { border-left: 3px solid var(--mj-status-warning); }\n.ps-experiments .icard.pruned { opacity: .78; }\n.ps-experiments .ic-top { display: flex; align-items: center; gap: 9px; }\n.ps-experiments .ic-top .algo-ic { width: 30px; height: 30px; }\n.ps-experiments .ic-top .nm { font-weight: 600; color: var(--mj-text-primary); font-size: 13px; }\n.ps-experiments .feat-chips { display: flex; gap: 6px; flex-wrap: wrap; }\n.ps-experiments .ic-prog .meta { display: flex; justify-content: space-between; margin-top: 5px; }\n.ps-experiments .ic-score { display: flex; align-items: baseline; gap: 8px; }\n.ps-experiments .ic-score .v { font-size: 21px; font-weight: 720; color: var(--mj-text-primary); font-variant-numeric: tabular-nums; }\n.ps-experiments .ic-score .v.green { color: var(--mj-status-success-text); }\n.ps-experiments .rationale {\n  display: flex; gap: 8px; padding-top: 8px; border-top: 1px solid var(--mj-border-subtle); color: var(--mj-text-secondary);\n}\n.ps-experiments .rationale i { color: var(--mj-brand-primary); margin-top: 2px; }\n"] }]
     }], null, { engine: [{
@@ -780,7 +1022,7 @@ export class PSExperimentsComponent {
         }], currentUser: [{
             type: Input
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PSExperimentsComponent, { className: "PSExperimentsComponent", filePath: "src/PredictiveStudio/components/ps-experiments.component.ts", lineNumber: 195 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PSExperimentsComponent, { className: "PSExperimentsComponent", filePath: "src/PredictiveStudio/components/ps-experiments.component.ts", lineNumber: 248 }); })();
 /** Minimal HTML-escape for interpolating session names into the modal's innerHTML message. */
 function escapeHtml(value) {
     return value