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

package/dist/PredictiveStudio/components/ps-run-experiment-modal.component.js

@@ -0,0 +1,658 @@
+import { ChangeDetectorRef, Component, EventEmitter, Input, Output, ViewEncapsulation, inject, } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { MJButtonDirective } from '@memberjunction/ng-ui-components';
+import { MJNotificationService } from '@memberjunction/ng-notifications';
+import { UUIDsEqual } from '@memberjunction/global';
+import { PredictiveStudioStartExperimentSessionOperation, } from '@memberjunction/core-entities';
+import { DOMINANCE_THRESHOLD_DEFAULT, } from '@memberjunction/predictive-studio-core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+const _forTrack0 = ($index, $item) => $item.ID;
+function PSRunExperimentModalComponent_For_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 13);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const p_r1 = ctx.$implicit;
+    i0.ɵɵproperty("value", p_r1.ID);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate2("", p_r1.Name, " (Target: ", p_r1.TargetVariable || "None", ")");
+} }
+function PSRunExperimentModalComponent_Conditional_31_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 37);
+    i0.ɵɵtext(1, "ROC-AUC (Default)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "option", 38);
+    i0.ɵɵtext(3, "F1 Score");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "option", 39);
+    i0.ɵɵtext(5, "Accuracy");
+    i0.ɵɵelementEnd();
+} }
+function PSRunExperimentModalComponent_Conditional_32_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "option", 40);
+    i0.ɵɵtext(1, "RMSE (Default)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "option", 41);
+    i0.ɵɵtext(3, "MAE");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "option", 42);
+    i0.ɵɵtext(5, "R-Squared");
+    i0.ɵɵelementEnd();
+} }
+function PSRunExperimentModalComponent_For_55_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 47);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const algo_r3 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(algo_r3.Description);
+} }
+function PSRunExperimentModalComponent_For_55_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 49);
+    i0.ɵɵtext(1, "Importance");
+    i0.ɵɵelementEnd();
+} }
+function PSRunExperimentModalComponent_For_55_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 43);
+    i0.ɵɵlistener("click", function PSRunExperimentModalComponent_For_55_Template_div_click_0_listener() { const algo_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.toggleAlgo(algo_r3.ID)); });
+    i0.ɵɵelementStart(1, "input", 44);
+    i0.ɵɵlistener("click", function PSRunExperimentModalComponent_For_55_Template_input_click_1_listener($event) { return $event.stopPropagation(); })("change", function PSRunExperimentModalComponent_For_55_Template_input_change_1_listener() { const algo_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.toggleAlgo(algo_r3.ID)); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(2, "div", 45)(3, "div", 46);
+    i0.ɵɵelement(4, "i");
+    i0.ɵɵelementStart(5, "span");
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(7, PSRunExperimentModalComponent_For_55_Conditional_7_Template, 2, 1, "div", 47);
+    i0.ɵɵelementStart(8, "div", 48);
+    i0.ɵɵconditionalCreate(9, PSRunExperimentModalComponent_For_55_Conditional_9_Template, 2, 0, "span", 49);
+    i0.ɵɵelementStart(10, "span", 50);
+    i0.ɵɵtext(11);
+    i0.ɵɵelementEnd()()()();
+} if (rf & 2) {
+    const algo_r3 = ctx.$implicit;
+    const ctx_r3 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("selected", ctx_r3.isAlgoSelected(algo_r3.ID));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("checked", ctx_r3.isAlgoSelected(algo_r3.ID))("disabled", ctx_r3.busy);
+    i0.ɵɵadvance(3);
+    i0.ɵɵclassMap(ctx_r3.getAlgoIcon(algo_r3.DriverClass));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(algo_r3.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(algo_r3.Description ? 7 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(algo_r3.SupportsFeatureImportance ? 9 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(algo_r3.DriverClass);
+} }
+function PSRunExperimentModalComponent_Conditional_86_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 51);
+    i0.ɵɵtext(1, " Launching Experiment\u2026 ");
+} }
+function PSRunExperimentModalComponent_Conditional_87_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 52);
+    i0.ɵɵtext(1, " Launch Experiment ");
+} }
+const ALGO_ICONS = {
+    xgboost: 'fa-solid fa-bolt',
+    lightgbm: 'fa-solid fa-feather',
+    logistic_regression: 'fa-solid fa-wave-square',
+    random_forest: 'fa-solid fa-tree',
+    ridge: 'fa-solid fa-ruler',
+    linear_regression: 'fa-solid fa-ruler',
+    mlp: 'fa-solid fa-network-wired',
+};
+/**
+ * Manual Experiment Runner modal — lets data scientists configure and launch a
+ * multi-algorithm tournament session on an existing training pipeline.
+ */
+export class PSRunExperimentModalComponent {
+    engine;
+    provider = null;
+    currentUser = null;
+    preselectedPipelineId;
+    closed = new EventEmitter();
+    started = new EventEmitter();
+    cdr = inject(ChangeDetectorRef);
+    notifications = inject(MJNotificationService);
+    selectedPipelineId = '';
+    sessionName = '';
+    goal = '';
+    successMetric = 'AUC';
+    problemType = 'classification';
+    selectedAlgoIds = new Set();
+    budgetRuns = 15;
+    budgetCost = 25;
+    budgetMinutes = 30;
+    holdoutPercent = 15;
+    busy = false;
+    ngOnInit() {
+        const pipelines = this.engine?.Pipelines ?? [];
+        if (this.preselectedPipelineId && pipelines.some((p) => UUIDsEqual(p.ID, this.preselectedPipelineId))) {
+            this.selectedPipelineId = this.preselectedPipelineId;
+        }
+        else if (pipelines.length > 0) {
+            this.selectedPipelineId = pipelines[0].ID;
+        }
+        this.syncFromSelectedPipeline();
+    }
+    get availableAlgorithms() {
+        return this.engine?.Algorithms ?? [];
+    }
+    get selectedPipeline() {
+        return this.engine?.Pipelines.find((p) => UUIDsEqual(p.ID, this.selectedPipelineId));
+    }
+    onPipelineChange(newId) {
+        this.selectedPipelineId = newId;
+        this.syncFromSelectedPipeline();
+    }
+    syncFromSelectedPipeline() {
+        const p = this.selectedPipeline;
+        if (!p)
+            return;
+        this.problemType = p.ProblemType || 'classification';
+        this.successMetric = this.problemType === 'classification' ? 'AUC' : 'RMSE';
+        this.sessionName = `${p.Name} — Multi-Algorithm Tournament`;
+        this.goal = `Evaluate and compare algorithms on ${p.Name} to maximize ${this.successMetric}.`;
+        this.selectRecommendedAlgos();
+    }
+    selectRecommendedAlgos() {
+        this.selectedAlgoIds.clear();
+        const pt = this.problemType;
+        for (const algo of this.availableAlgorithms) {
+            const types = (algo.ProblemTypes || '').toLowerCase();
+            if (types.includes(pt) || types.length === 0) {
+                // Recommend gradient boosting and random forest by default
+                const dc = (algo.DriverClass || '').toLowerCase();
+                if (dc.includes('xgboost') || dc.includes('lightgbm') || dc.includes('forest') || dc.includes('logistic')) {
+                    this.selectedAlgoIds.add(algo.ID);
+                }
+            }
+        }
+        if (this.selectedAlgoIds.size === 0) {
+            // Fallback: select first 3
+            this.availableAlgorithms.slice(0, 3).forEach((a) => this.selectedAlgoIds.add(a.ID));
+        }
+    }
+    selectAllAlgos() {
+        this.availableAlgorithms.forEach((a) => this.selectedAlgoIds.add(a.ID));
+    }
+    clearAlgos() {
+        this.selectedAlgoIds.clear();
+    }
+    isAlgoSelected(id) {
+        return this.selectedAlgoIds.has(id);
+    }
+    toggleAlgo(id) {
+        if (this.selectedAlgoIds.has(id)) {
+            this.selectedAlgoIds.delete(id);
+        }
+        else {
+            this.selectedAlgoIds.add(id);
+        }
+    }
+    getAlgoIcon(driverClass) {
+        const key = (driverClass || '').toLowerCase();
+        for (const [k, icon] of Object.entries(ALGO_ICONS)) {
+            if (key.includes(k))
+                return icon;
+        }
+        return 'fa-solid fa-chart-line';
+    }
+    get isValid() {
+        return Boolean(this.selectedPipelineId &&
+            this.sessionName.trim() &&
+            this.selectedAlgoIds.size > 0 &&
+            this.budgetRuns > 0 &&
+            this.budgetCost > 0);
+    }
+    cancel() {
+        if (this.busy)
+            return;
+        this.closed.emit();
+    }
+    onBackdropClick(event) {
+        if (event.target === event.currentTarget && !this.busy) {
+            this.cancel();
+        }
+    }
+    async launch() {
+        const pipeline = this.selectedPipeline;
+        if (!pipeline || !this.isValid || this.busy)
+            return;
+        this.busy = true;
+        this.notifications.CreateSimpleNotification('Starting experiment session…', 'info', 3000);
+        try {
+            // Parse pipeline configuration
+            const sources = this.parseJson(pipeline.SourceBindings, []);
+            const stepGraph = this.parseJson(pipeline.FeatureSteps, { Steps: [] });
+            const leakage = this.parseJson(pipeline.LeakageGuard, {
+                DenyFields: [],
+                SingleFeatureDominanceThreshold: DOMINANCE_THRESHOLD_DEFAULT,
+            });
+            const asOf = this.parseJson(pipeline.AsOfStrategy, { Mode: 'none' });
+            const validation = this.parseJson(pipeline.ValidationStrategy, {
+                Strategy: 'train_test_split',
+                TestSize: 0.2,
+                LockedHoldoutFraction: 0.15,
+            });
+            const sourceEntity = sources[0]?.Ref || 'Entity';
+            const features = [];
+            for (const step of stepGraph.Steps ?? []) {
+                if ('Columns' in step && Array.isArray(step.Columns)) {
+                    features.push(...step.Columns);
+                }
+                else if ('Column' in step && typeof step.Column === 'string') {
+                    features.push(step.Column);
+                }
+            }
+            const selectedAlgos = this.availableAlgorithms.filter((a) => this.selectedAlgoIds.has(a.ID));
+            const planSpec = {
+                Goal: this.goal.trim() || `Optimize model for ${pipeline.Name}`,
+                TargetDefinition: {
+                    EntityName: sourceEntity,
+                    TargetVariable: pipeline.TargetVariable || 'Target',
+                    ProblemType: this.problemType,
+                    SuccessMetric: this.successMetric,
+                    AsOfStrategy: asOf,
+                },
+                CandidateSources: sources.map((s) => ({
+                    Kind: s.Kind,
+                    Ref: s.Ref,
+                    Why: 'Configured in training pipeline',
+                })),
+                CandidateFeatures: features.map((f) => ({
+                    Name: f,
+                    SourceRef: sourceEntity,
+                    Kind: 'numeric',
+                    Why: 'Selected in pipeline feature steps',
+                })),
+                LeakageNotes: (leakage.DenyFields || []).map((field) => ({
+                    Field: field,
+                    Risk: 'Deny-listed leakage risk',
+                    Action: 'exclude',
+                })),
+                ProposedExperiments: selectedAlgos.map((algo, index) => ({
+                    Label: `${algo.Name} (tournament trial)`,
+                    AlgorithmName: algo.Name,
+                    FeatureSet: features,
+                    Rationale: `Evaluate ${algo.Name} across pipeline features`,
+                    Priority: index + 1,
+                })),
+                ValidationStrategy: validation,
+                ProposedBudget: {
+                    MaxRuns: this.budgetRuns,
+                    MaxComputeCost: this.budgetCost,
+                    MaxWallclockMinutes: this.budgetMinutes,
+                },
+                Approved: true,
+            };
+            const budget = {
+                MaxRuns: this.budgetRuns,
+                MaxComputeCost: this.budgetCost,
+                MaxWallclockMinutes: this.budgetMinutes,
+            };
+            const op = new PredictiveStudioStartExperimentSessionOperation();
+            const result = await op.Execute({
+                planSpec,
+                budget,
+            }, { provider: this.provider ?? undefined, user: this.currentUser ?? undefined });
+            if (result.Success && result.Output) {
+                this.notifications.CreateSimpleNotification(`Experiment session started! Session ID: ${result.Output.sessionId}`, 'success', 5000);
+                this.started.emit(result.Output.sessionId);
+                this.closed.emit();
+            }
+            else {
+                this.notifications.CreateSimpleNotification(result.ErrorMessage || 'Failed to start experiment session.', 'error', 6000);
+            }
+        }
+        catch (err) {
+            this.notifications.CreateSimpleNotification(`Experiment error: ${err instanceof Error ? err.message : String(err)}`, 'error', 6000);
+        }
+        finally {
+            this.busy = false;
+            this.cdr.detectChanges();
+        }
+    }
+    parseJson(raw, fallback) {
+        if (!raw)
+            return fallback;
+        try {
+            const val = JSON.parse(raw);
+            return (val ?? fallback);
+        }
+        catch {
+            return fallback;
+        }
+    }
+    static ɵfac = function PSRunExperimentModalComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PSRunExperimentModalComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PSRunExperimentModalComponent, selectors: [["ps-run-experiment-modal"]], inputs: { engine: "engine", provider: "provider", currentUser: "currentUser", preselectedPipelineId: "preselectedPipelineId" }, outputs: { closed: "closed", started: "started" }, decls: 88, vars: 24, consts: [[1, "ps-modal-backdrop", 3, "click"], ["role", "dialog", "aria-modal", "true", "data-testid", "ps-run-experiment-modal", 1, "ps-modal-dialog", "ps-run-exp-dialog"], [1, "ps-wizard-header"], [1, "ps-wizard-header-title"], [1, "fa-solid", "fa-flask", 2, "color", "var(--mj-brand-primary)"], [1, "ps-wizard-subtitle"], ["aria-label", "Close dialog", 1, "ps-wizard-close", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "ps-run-exp-body"], [1, "ps-form-group"], [1, "ps-form-label"], [1, "fa-solid", "fa-diagram-project"], [1, "mj-input", 3, "ngModelChange", "ngModel", "disabled"], [3, "value"], [1, "ps-form-hint"], [1, "exp-grid-2"], ["type", "text", "placeholder", "e.g. Churn Tournament Q3", 1, "mj-input", 3, "ngModelChange", "ngModel", "disabled"], ["type", "text", "placeholder", "e.g. Find best algorithm on holdout split", 1, "mj-input", 3, "ngModelChange", "ngModel", "disabled"], [1, "algo-bar-actions"], [1, "ps-form-label", 2, "margin-bottom", "0"], [1, "fa-solid", "fa-shapes"], [2, "display", "flex", "gap", "8px"], ["type", "button", 1, "ps-link-btn", 3, "click", "disabled"], [1, "ps-muted"], [1, "algo-selection-grid"], [1, "algo-select-card", 3, "selected"], [1, "exp-grid-3"], ["type", "number", "min", "1", "max", "100", 1, "mj-input", 3, "ngModelChange", "ngModel", "disabled"], ["type", "number", "min", "1", "max", "500", 1, "mj-input", 3, "ngModelChange", "ngModel", "disabled"], ["type", "number", "min", "5", "max", "300", 1, "mj-input", 3, "ngModelChange", "ngModel", "disabled"], [1, "budget-banner"], [1, "fa-solid", "fa-shield-halved"], [2, "font-size", "12px", "color", "var(--mj-text-secondary)"], [1, "ps-wizard-footer"], ["mjButton", "", "variant", "secondary", "size", "md", 3, "click", "disabled"], [1, "ps-spacer"], ["mjButton", "", "variant", "primary", "size", "md", 3, "click", "disabled"], ["value", "AUC"], ["value", "F1"], ["value", "Accuracy"], ["value", "RMSE"], ["value", "MAE"], ["value", "R2"], [1, "algo-select-card", 3, "click"], ["type", "checkbox", 3, "click", "change", "checked", "disabled"], [1, "algo-select-info"], [1, "algo-select-name"], [1, "algo-select-desc"], [1, "algo-select-tags"], [1, "ps-badge", "green", 2, "font-size", "10px"], [1, "ps-tag", 2, "font-size", "10px"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-play"]], template: function PSRunExperimentModalComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵlistener("click", function PSRunExperimentModalComponent_Template_div_click_0_listener($event) { return ctx.onBackdropClick($event); });
+            i0.ɵɵelementStart(1, "div", 1)(2, "div", 2)(3, "div", 3);
+            i0.ɵɵelement(4, "i", 4);
+            i0.ɵɵelementStart(5, "div")(6, "h2");
+            i0.ɵɵtext(7, "Run Multi-Algorithm Experiment");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(8, "span", 5);
+            i0.ɵɵtext(9, "Execute a tournament search across multiple algorithms under bounded budget");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(10, "button", 6);
+            i0.ɵɵlistener("click", function PSRunExperimentModalComponent_Template_button_click_10_listener() { return ctx.cancel(); });
+            i0.ɵɵelement(11, "i", 7);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(12, "div", 8)(13, "div", 9)(14, "label", 10);
+            i0.ɵɵelement(15, "i", 11);
+            i0.ɵɵtext(16, " Training Pipeline ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(17, "select", 12);
+            i0.ɵɵlistener("ngModelChange", function PSRunExperimentModalComponent_Template_select_ngModelChange_17_listener($event) { return ctx.onPipelineChange($event); });
+            i0.ɵɵrepeaterCreate(18, PSRunExperimentModalComponent_For_19_Template, 2, 3, "option", 13, _forTrack0);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(20, "span", 14);
+            i0.ɵɵtext(21, " The dataset, feature assembly graph, and leakage deny-list are derived from this pipeline. ");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(22, "div", 15)(23, "div", 9)(24, "label", 10);
+            i0.ɵɵtext(25, "Session Name");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(26, "input", 16);
+            i0.ɵɵtwoWayListener("ngModelChange", function PSRunExperimentModalComponent_Template_input_ngModelChange_26_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.sessionName, $event) || (ctx.sessionName = $event); return $event; });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(27, "div", 9)(28, "label", 10);
+            i0.ɵɵtext(29, "Evaluation Metric");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(30, "select", 12);
+            i0.ɵɵtwoWayListener("ngModelChange", function PSRunExperimentModalComponent_Template_select_ngModelChange_30_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.successMetric, $event) || (ctx.successMetric = $event); return $event; });
+            i0.ɵɵconditionalCreate(31, PSRunExperimentModalComponent_Conditional_31_Template, 6, 0)(32, PSRunExperimentModalComponent_Conditional_32_Template, 6, 0);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(33, "div", 9)(34, "label", 10);
+            i0.ɵɵtext(35, "Experiment Goal");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(36, "input", 17);
+            i0.ɵɵtwoWayListener("ngModelChange", function PSRunExperimentModalComponent_Template_input_ngModelChange_36_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.goal, $event) || (ctx.goal = $event); return $event; });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(37, "div", 9)(38, "div", 18)(39, "label", 19);
+            i0.ɵɵelement(40, "i", 20);
+            i0.ɵɵtext(41);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(42, "div", 21)(43, "button", 22);
+            i0.ɵɵlistener("click", function PSRunExperimentModalComponent_Template_button_click_43_listener() { return ctx.selectAllAlgos(); });
+            i0.ɵɵtext(44, "Select All");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(45, "span", 23);
+            i0.ɵɵtext(46, "\u00B7");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(47, "button", 22);
+            i0.ɵɵlistener("click", function PSRunExperimentModalComponent_Template_button_click_47_listener() { return ctx.selectRecommendedAlgos(); });
+            i0.ɵɵtext(48, "Recommended");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(49, "span", 23);
+            i0.ɵɵtext(50, "\u00B7");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(51, "button", 22);
+            i0.ɵɵlistener("click", function PSRunExperimentModalComponent_Template_button_click_51_listener() { return ctx.clearAlgos(); });
+            i0.ɵɵtext(52, "Clear");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(53, "div", 24);
+            i0.ɵɵrepeaterCreate(54, PSRunExperimentModalComponent_For_55_Template, 12, 10, "div", 25, _forTrack0);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(56, "div", 26)(57, "div", 9)(58, "label", 10);
+            i0.ɵɵtext(59, "Max Iterations (Trials)");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(60, "input", 27);
+            i0.ɵɵtwoWayListener("ngModelChange", function PSRunExperimentModalComponent_Template_input_ngModelChange_60_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.budgetRuns, $event) || (ctx.budgetRuns = $event); return $event; });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(61, "span", 14);
+            i0.ɵɵtext(62, "Total model training runs bounded");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(63, "div", 9)(64, "label", 10);
+            i0.ɵɵtext(65, "Compute Cost Cap ($)");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(66, "input", 28);
+            i0.ɵɵtwoWayListener("ngModelChange", function PSRunExperimentModalComponent_Template_input_ngModelChange_66_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.budgetCost, $event) || (ctx.budgetCost = $event); return $event; });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(67, "span", 14);
+            i0.ɵɵtext(68, "Max spending for cloud / GPU compute");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(69, "div", 9)(70, "label", 10);
+            i0.ɵɵtext(71, "Wall-Clock Cap (Minutes)");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(72, "input", 29);
+            i0.ɵɵtwoWayListener("ngModelChange", function PSRunExperimentModalComponent_Template_input_ngModelChange_72_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.budgetMinutes, $event) || (ctx.budgetMinutes = $event); return $event; });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(73, "span", 14);
+            i0.ɵɵtext(74, "Session timeouts if exceeded");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(75, "div", 30);
+            i0.ɵɵelement(76, "i", 31);
+            i0.ɵɵelementStart(77, "div", 32)(78, "strong");
+            i0.ɵɵtext(79, "Autonomous Guardrails:");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtext(80);
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(81, "div", 33)(82, "button", 34);
+            i0.ɵɵlistener("click", function PSRunExperimentModalComponent_Template_button_click_82_listener() { return ctx.cancel(); });
+            i0.ɵɵtext(83, " Cancel ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelement(84, "span", 35);
+            i0.ɵɵelementStart(85, "button", 36);
+            i0.ɵɵlistener("click", function PSRunExperimentModalComponent_Template_button_click_85_listener() { return ctx.launch(); });
+            i0.ɵɵconditionalCreate(86, PSRunExperimentModalComponent_Conditional_86_Template, 2, 0)(87, PSRunExperimentModalComponent_Conditional_87_Template, 2, 0);
+            i0.ɵɵelementEnd()()()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(17);
+            i0.ɵɵproperty("ngModel", ctx.selectedPipelineId)("disabled", ctx.busy);
+            i0.ɵɵadvance();
+            i0.ɵɵrepeater(ctx.engine.Pipelines);
+            i0.ɵɵadvance(8);
+            i0.ɵɵtwoWayProperty("ngModel", ctx.sessionName);
+            i0.ɵɵproperty("disabled", ctx.busy);
+            i0.ɵɵadvance(4);
+            i0.ɵɵtwoWayProperty("ngModel", ctx.successMetric);
+            i0.ɵɵproperty("disabled", ctx.busy);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.problemType === "classification" ? 31 : 32);
+            i0.ɵɵadvance(5);
+            i0.ɵɵtwoWayProperty("ngModel", ctx.goal);
+            i0.ɵɵproperty("disabled", ctx.busy);
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate1(" Candidate Algorithms (", ctx.selectedAlgoIds.size, " selected) ");
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("disabled", ctx.busy);
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("disabled", ctx.busy);
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("disabled", ctx.busy);
+            i0.ɵɵadvance(3);
+            i0.ɵɵrepeater(ctx.availableAlgorithms);
+            i0.ɵɵadvance(6);
+            i0.ɵɵtwoWayProperty("ngModel", ctx.budgetRuns);
+            i0.ɵɵproperty("disabled", ctx.busy);
+            i0.ɵɵadvance(6);
+            i0.ɵɵtwoWayProperty("ngModel", ctx.budgetCost);
+            i0.ɵɵproperty("disabled", ctx.busy);
+            i0.ɵɵadvance(6);
+            i0.ɵɵtwoWayProperty("ngModel", ctx.budgetMinutes);
+            i0.ɵɵproperty("disabled", ctx.busy);
+            i0.ɵɵadvance(8);
+            i0.ɵɵtextInterpolate2(" The session will run across waves, evaluate each candidate on a locked holdout fraction (", ctx.holdoutPercent, "%), rank them on the leaderboard by ", ctx.successMetric, ", and automatically prune unpromising configurations. ");
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("disabled", ctx.busy);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("disabled", ctx.busy || !ctx.isValid);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.busy ? 86 : 87);
+        } }, dependencies: [CommonModule, FormsModule, i1.NgSelectOption, i1.ɵNgSelectMultipleOption, i1.DefaultValueAccessor, i1.NumberValueAccessor, i1.SelectControlValueAccessor, i1.NgControlStatus, i1.MinValidator, i1.MaxValidator, i1.NgModel, MJButtonDirective], styles: ["/* ============================================================================\n   Predictive Studio \u2014 shared panel styles (design-token compliant)\n   Maps the mockup design system onto MemberJunction semantic --mj-* tokens.\n   Loaded by every PS panel component (styleUrls) under ViewEncapsulation.None,\n   so the class names are global within the PS dashboard subtree.\n   No hardcoded colors except the intentional categorical node/algorithm palette\n   (declared once as --ps-* custom props below) which must stay distinct across\n   light/dark to remain readable as diagram accents.\n   ============================================================================ */\n\n/* Categorical accents for DAG node types + algorithm chips. These are\n   data-visualization colors that must remain distinct regardless of theme\n   (allowed exception #3 in the design-token rules). */\n.ps-panel {\n  --ps-node-source: #6b7280;\n  --ps-node-feature: #2050c8;\n  --ps-node-embedding: #7b3ff0;\n  --ps-node-target: #1f9d57;\n  --ps-node-algorithm: #d98213;\n  /* budget-gauge categorical accents (reuse the node palette so light/dark stay distinct) */\n  --ps-gauge-cost: var(--ps-node-algorithm);\n  --ps-gauge-iterations: var(--ps-node-feature);\n}\n\n.ps-panel {\n  display: block;\n  height: 100%;\n}\n\n/* ---- generic layout helpers ---- */\n.ps-row { display: flex; gap: 16px; }\n.ps-col { display: flex; flex-direction: column; gap: 16px; }\n.ps-wrap { flex-wrap: wrap; }\n.ps-spacer { flex: 1; }\n.ps-muted { color: var(--mj-text-muted); }\n.ps-small { font-size: 12.5px; }\n.ps-mono { font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace; font-size: 12.5px; }\n.ps-section-title {\n  font-size: 12px; text-transform: uppercase; letter-spacing: .06em;\n  color: var(--mj-text-muted); margin: 4px 0 2px; font-weight: 700;\n}\n\n/* ---- cards ---- */\n.ps-card {\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  overflow: hidden;\n}\n.ps-card-head {\n  display: flex; align-items: center; gap: 10px;\n  padding: 14px 16px; border-bottom: 1px solid var(--mj-border-subtle);\n}\n.ps-card-head h3 { font-size: 14.5px; margin: 0; font-weight: 650; color: var(--mj-text-primary); }\n.ps-card-body { padding: 16px; }\n\n/* ---- KPI tiles ---- */\n.ps-kpi {\n  background: var(--mj-bg-surface); border: 1px solid var(--mj-border-default);\n  border-radius: 8px; padding: 16px 18px;\n}\n.ps-kpi .label { font-size: 12px; color: var(--mj-text-muted); font-weight: 600; }\n.ps-kpi .val { font-size: 26px; font-weight: 720; letter-spacing: -.02em; margin-top: 2px; color: var(--mj-text-primary); }\n\n/* ---- badges ---- */\n.ps-badge {\n  display: inline-flex; align-items: center; gap: 5px;\n  padding: 2px 9px; border-radius: 999px; font-size: 11.5px; font-weight: 650; line-height: 1.7;\n}\n.ps-badge.gray { background: var(--mj-bg-surface-sunken); color: var(--mj-text-secondary); }\n.ps-badge.blue { background: var(--mj-status-info-bg); color: var(--mj-status-info-text); }\n.ps-badge.green { background: var(--mj-status-success-bg); color: var(--mj-status-success-text); }\n.ps-badge.amber { background: var(--mj-status-warning-bg); color: var(--mj-status-warning-text); }\n.ps-badge.red { background: var(--mj-status-error-bg); color: var(--mj-status-error-text); }\n.ps-dot { width: 7px; height: 7px; border-radius: 50%; display: inline-block; }\n\n/* recommendation-level chips (the ranking matrix payoff) */\n.ps-lvl {\n  display: inline-flex; align-items: center; justify-content: center;\n  min-width: 92px; padding: 4px 10px; border-radius: 7px;\n  font-weight: 650; font-size: 11.5px; color: var(--mj-text-inverse);\n}\n.ps-lvl-Primary { background: var(--mj-status-success); }\n.ps-lvl-Strong { background: var(--mj-status-info); }\n.ps-lvl-Viable { background: var(--mj-status-warning); }\n.ps-lvl-Weak { background: var(--mj-text-disabled); }\n.ps-lvl-NotRecommended { background: var(--mj-bg-surface-sunken); color: var(--mj-text-muted); }\n\n/* ---- tags ---- */\n.ps-tag {\n  display: inline-block; padding: 2px 8px; border-radius: 6px;\n  background: var(--mj-bg-surface-sunken); color: var(--mj-text-secondary);\n  font-size: 11.5px; font-weight: 600;\n}\n.ps-tag.muted { opacity: .6; }\n.ps-divider { height: 1px; background: var(--mj-border-subtle); margin: 8px 0; }\n\n/* ---- tables ---- */\n.ps-table { width: 100%; border-collapse: collapse; font-size: 13px; }\n.ps-table th {\n  text-align: left; font-size: 11.5px; text-transform: uppercase; letter-spacing: .04em;\n  color: var(--mj-text-muted); font-weight: 700; padding: 9px 12px;\n  border-bottom: 1px solid var(--mj-border-default);\n}\n.ps-table td { padding: 11px 12px; border-bottom: 1px solid var(--mj-border-subtle); color: var(--mj-text-primary); }\n.ps-table tr:hover td { background: var(--mj-bg-surface-hover); }\n.ps-table .num { text-align: right; font-variant-numeric: tabular-nums; }\n\n.ps-rank {\n  width: 22px; height: 22px; border-radius: 6px; background: var(--mj-bg-surface-sunken);\n  display: inline-grid; place-items: center; font-weight: 700; font-size: 11.5px; color: var(--mj-text-secondary);\n}\n.ps-rank.gold { background: var(--mj-status-warning-bg); color: var(--mj-status-warning-text); }\n\n/* ---- progress bars ---- */\n.ps-bar { height: 8px; border-radius: 999px; background: var(--mj-bg-surface-sunken); overflow: hidden; }\n.ps-bar > span { display: block; height: 100%; border-radius: 999px; background: var(--mj-brand-primary); }\n.ps-bar.warn > span { background: var(--mj-status-warning); }\n.ps-bar.run > span { background: var(--mj-brand-primary); }\n\n.ps-fbar { display: grid; grid-template-columns: minmax(150px, 1.3fr) 2fr 56px; align-items: center; gap: 14px; padding: 8px 0; }\n.ps-fbar + .ps-fbar { border-top: 1px solid var(--mj-border-subtle); }\n.ps-fbar .track { height: 10px; border-radius: var(--mj-radius-full); background: var(--mj-bg-surface-sunken); overflow: hidden; }\n.ps-fbar .track > span { display: block; height: 100%; border-radius: var(--mj-radius-full); background: var(--mj-brand-primary); }\n.ps-fbar .track > span.warn { background: var(--mj-status-warning); }\n.ps-fbar .name { color: var(--mj-text-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.ps-fbar > .ps-mono { text-align: right; color: var(--mj-text-secondary); font-variant-numeric: tabular-nums; }\n\n/* gauge */\n.ps-gauge {\n  position: relative; width: 64px; height: 64px; border-radius: 50%; flex: 0 0 auto;\n  background: conic-gradient(var(--ps-gauge-color, var(--mj-brand-primary)) calc(var(--ps-p, 40) * 1%), var(--mj-bg-surface-sunken) 0);\n  display: grid; place-items: center;\n}\n.ps-gauge::after { content: ''; position: absolute; inset: 9px; background: var(--mj-bg-surface); border-radius: 50%; }\n.ps-gauge .g-val { position: relative; font-weight: 720; font-size: 14px; color: var(--mj-text-primary); }\n\n/* warning / info callouts */\n.ps-callout { display: flex; gap: 11px; padding: 12px 14px; border-radius: 10px; border: 1px solid; }\n.ps-callout.warn { background: var(--mj-status-warning-bg); border-color: var(--mj-status-warning-border); color: var(--mj-status-warning-text); }\n.ps-callout.info { background: var(--mj-status-info-bg); border-color: var(--mj-status-info-border); color: var(--mj-status-info-text); }\n.ps-callout.success { background: var(--mj-status-success-bg); border-color: var(--mj-status-success-border); color: var(--mj-status-success-text); }\n.ps-callout i { font-size: 16px; margin-top: 1px; }\n\n/* lifecycle stepper */\n.ps-stepper { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }\n.ps-step { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: var(--mj-text-muted); }\n.ps-step .pip {\n  width: 22px; height: 22px; border-radius: 50%; border: 2px solid var(--mj-border-strong);\n  display: grid; place-items: center; font-size: 11px;\n}\n.ps-step.done { color: var(--mj-status-success-text); }\n.ps-step.done .pip { background: var(--mj-status-success); border-color: var(--mj-status-success); color: var(--mj-text-inverse); }\n.ps-step.curr { color: var(--mj-brand-primary); }\n.ps-step.curr .pip { border-color: var(--mj-brand-primary); color: var(--mj-brand-primary); }\n.ps-step .ln { width: 26px; height: 2px; background: var(--mj-border-strong); }\n\n/* ---- DAG flow canvas ---- */\n.ps-flow {\n  position: relative;\n  background:\n    linear-gradient(var(--mj-border-subtle) 1px, transparent 1px) 0 0 / 22px 22px,\n    linear-gradient(90deg, var(--mj-border-subtle) 1px, transparent 1px) 0 0 / 22px 22px,\n    var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default); border-radius: 10px;\n  min-height: 620px; overflow: hidden;\n}\n.ps-node {\n  position: absolute; width: 190px; background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-strong); border-left-width: 3px; border-radius: 8px;\n  cursor: pointer;\n}\n.ps-node .nh {\n  display: flex; align-items: center; gap: 8px; padding: 9px 11px;\n  border-bottom: 1px solid var(--mj-border-subtle); font-weight: 650; font-size: 12.5px; color: var(--mj-text-primary);\n}\n.ps-node .nh i.tile {\n  width: 24px; height: 24px; border-radius: 6px; display: grid; place-items: center;\n  color: var(--mj-text-inverse); font-size: 12px; flex: 0 0 auto;\n}\n.ps-node .nh .ps-tag { margin-left: auto; }\n.ps-node .nb { padding: 9px 11px; font-size: 12px; color: var(--mj-text-secondary); }\n.ps-node .nb-row { display: flex; justify-content: space-between; gap: 8px; padding: 2px 0; }\n.ps-node .nb-row .k { color: var(--mj-text-muted); }\n.ps-node.src { border-left-color: var(--ps-node-source); }\n.ps-node.src .nh i.tile { background: var(--ps-node-source); }\n.ps-node.feat { border-left-color: var(--ps-node-feature); }\n.ps-node.feat .nh i.tile { background: var(--ps-node-feature); }\n.ps-node.emb { border-left-color: var(--ps-node-embedding); }\n.ps-node.emb .nh i.tile { background: var(--ps-node-embedding); }\n.ps-node.target { border-left-color: var(--ps-node-target); }\n.ps-node.target .nh i.tile { background: var(--ps-node-target); }\n.ps-node.algo { border-left-color: var(--ps-node-algorithm); }\n.ps-node.algo .nh i.tile { background: var(--ps-node-algorithm); }\n.ps-node.output { border-left-color: var(--mj-status-success); }\n.ps-node.output .nh i.tile { background: var(--mj-status-success); }\n.ps-node.selected {\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 18%, transparent);\n}\n.ps-node .port {\n  position: absolute; width: 11px; height: 11px; border-radius: 50%;\n  background: var(--mj-bg-surface); border: 2px solid var(--mj-brand-primary);\n  top: 50%; transform: translateY(-50%);\n}\n.ps-node .port.in { left: -6px; }\n.ps-node .port.out { right: -6px; }\nsvg.ps-edges { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }\nsvg.ps-edges path { stroke: color-mix(in srgb, var(--mj-brand-primary) 45%, transparent); stroke-width: 2; fill: none; }\n\n/* palette chips */\n.ps-pchip {\n  display: inline-flex; align-items: center; gap: 7px; padding: 6px 11px; border-radius: 8px;\n  border: 1px dashed var(--mj-border-strong); background: var(--mj-bg-surface);\n  font-size: 12.5px; font-weight: 600; color: var(--mj-text-secondary); cursor: grab;\n}\n.ps-pchip i { font-size: 12px; color: var(--mj-text-inverse); width: 20px; height: 20px; border-radius: 5px; display: grid; place-items: center; }\n.ps-pchip.s i { background: var(--ps-node-source); }\n.ps-pchip.f i { background: var(--ps-node-feature); }\n.ps-pchip.e i { background: var(--ps-node-embedding); }\n.ps-pchip.t i { background: var(--ps-node-target); }\n.ps-pchip.a i { background: var(--ps-node-algorithm); }\n\n/* segmented control */\n.ps-seg { display: inline-flex; border: 1px solid var(--mj-border-default); border-radius: 8px; overflow: hidden; }\n.ps-seg button {\n  border: none; background: var(--mj-bg-surface); color: var(--mj-text-secondary);\n  padding: 6px 12px; font-size: 12.5px; font-weight: 600; cursor: pointer;\n  border-right: 1px solid var(--mj-border-default);\n}\n.ps-seg button:last-child { border-right: none; }\n.ps-seg button.on { background: var(--mj-brand-primary); color: var(--mj-text-inverse); }\n\n/* field control */\n.ps-field { margin-bottom: 14px; }\n.ps-field > label {\n  display: block; font-size: 11px; text-transform: uppercase; letter-spacing: .04em;\n  color: var(--mj-text-muted); font-weight: 700; margin-bottom: 6px;\n}\n.ps-input {\n  width: 100%; padding: 8px 10px; border: 1px solid var(--mj-border-default);\n  border-radius: 6px; font-size: 13px; background: var(--mj-bg-surface); color: var(--mj-text-primary);\n  box-sizing: border-box;\n}\n.ps-input:focus { outline: none; border-color: var(--mj-brand-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 12%, transparent); }\n\n/* loading container */\n.ps-loading { display: flex; align-items: center; justify-content: center; padding: 60px 0; }\n\n/* ---- empty / prompt states ---- */\n.ps-empty {\n  display: flex; flex-direction: column; align-items: center; justify-content: center;\n  text-align: center; gap: 10px; padding: 56px 24px; color: var(--mj-text-muted);\n}\n.ps-empty .ps-empty-ico {\n  width: 60px; height: 60px; border-radius: 16px; display: grid; place-items: center;\n  background: var(--mj-bg-surface-sunken); color: var(--mj-text-disabled); font-size: 24px;\n}\n.ps-empty h3 { margin: 4px 0 0; font-size: 16px; font-weight: 650; color: var(--mj-text-secondary); }\n.ps-empty p { margin: 0; max-width: 420px; font-size: 13px; line-height: 1.5; }\n\n/* ---- confirm modal ---- */\n.ps-modal-backdrop {\n  position: fixed; inset: 0; z-index: 1000;\n  background: var(--mj-bg-overlay);\n  display: flex; align-items: center; justify-content: center; padding: 24px;\n}\n.ps-modal {\n  width: 100%; max-width: 480px; background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default); border-radius: 14px;\n  box-shadow: var(--mj-shadow-lg, var(--mj-shadow-sm)); overflow: hidden;\n}\n.ps-modal-head {\n  display: flex; align-items: center; gap: 12px; padding: 18px 20px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n.ps-modal-head .ico {\n  width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center;\n  font-size: 16px; flex: 0 0 auto;\n  background: var(--mj-status-info-bg); color: var(--mj-status-info-text);\n}\n.ps-modal-head.warn .ico { background: var(--mj-status-warning-bg); color: var(--mj-status-warning-text); }\n.ps-modal-head.danger .ico { background: var(--mj-status-error-bg); color: var(--mj-status-error-text); }\n.ps-modal-head h3 { margin: 0; font-size: 15.5px; font-weight: 650; color: var(--mj-text-primary); }\n.ps-modal-body { padding: 18px 20px; font-size: 13.5px; line-height: 1.55; color: var(--mj-text-secondary); }\n.ps-modal-body .ps-field { margin-top: 14px; margin-bottom: 0; }\n.ps-modal-foot {\n  display: flex; align-items: center; gap: 10px; padding: 14px 20px;\n  border-top: 1px solid var(--mj-border-subtle); background: var(--mj-bg-surface-card);\n}\n.ps-modal-foot .ps-spacer { flex: 1; }\n", ".ps-run-exp-dialog {\n  max-width: 860px;\n  width: 90vw;\n  max-height: 88vh;\n  display: flex;\n  flex-direction: column;\n}\n\n.ps-run-exp-body {\n  flex: 1;\n  overflow-y: auto;\n  padding: 24px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.exp-grid-2 {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 16px;\n}\n\n.exp-grid-3 {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  gap: 16px;\n}\n\n.algo-selection-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));\n  gap: 12px;\n  margin-top: 10px;\n}\n\n.algo-select-card {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  padding: 12px;\n  border: 1px solid var(--mj-border);\n  border-radius: 8px;\n  background: var(--mj-bg-surface);\n  cursor: pointer;\n  transition: all 0.15s ease-in-out;\n}\n\n.algo-select-card:hover {\n  border-color: var(--mj-brand-primary);\n  background: var(--mj-bg-hover, rgba(0, 0, 0, 0.02));\n}\n\n.algo-select-card.selected {\n  border-color: var(--mj-brand-primary);\n  background: var(--mj-brand-primary-light, rgba(59, 130, 246, 0.08));\n  box-shadow: 0 0 0 1px var(--mj-brand-primary);\n}\n\n.algo-select-card input[type=\"checkbox\"] {\n  margin-top: 3px;\n  cursor: pointer;\n  accent-color: var(--mj-brand-primary);\n}\n\n.algo-select-info {\n  flex: 1;\n  min-width: 0;\n}\n\n.algo-select-name {\n  font-weight: 600;\n  font-size: 13px;\n  color: var(--mj-text-primary);\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.algo-select-name i {\n  color: var(--mj-brand-primary);\n}\n\n.algo-select-desc {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n  margin-top: 4px;\n  line-height: 1.3;\n}\n\n.algo-select-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n  margin-top: 6px;\n}\n\n.algo-bar-actions {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 8px;\n}\n\n.budget-banner {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px 16px;\n  background: var(--mj-bg-surface-secondary, rgba(0, 0, 0, 0.03));\n  border-radius: 8px;\n  border: 1px dashed var(--mj-border);\n}\n\n.budget-banner i {\n  font-size: 20px;\n  color: var(--mj-status-warning);\n}\n"], encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PSRunExperimentModalComponent, [{
+        type: Component,
+        args: [{ standalone: true, selector: 'ps-run-experiment-modal', imports: [CommonModule, FormsModule, MJButtonDirective], encapsulation: ViewEncapsulation.None, template: `
+    <div class="ps-modal-backdrop" (click)="onBackdropClick($event)">
+      <div class="ps-modal-dialog ps-run-exp-dialog" role="dialog" aria-modal="true" data-testid="ps-run-experiment-modal">
+        <!-- Header -->
+        <div class="ps-wizard-header">
+          <div class="ps-wizard-header-title">
+            <i class="fa-solid fa-flask" style="color: var(--mj-brand-primary)"></i>
+            <div>
+              <h2>Run Multi-Algorithm Experiment</h2>
+              <span class="ps-wizard-subtitle">Execute a tournament search across multiple algorithms under bounded budget</span>
+            </div>
+          </div>
+          <button class="ps-wizard-close" (click)="cancel()" aria-label="Close dialog">
+            <i class="fa-solid fa-xmark"></i>
+          </button>
+        </div>
+
+        <!-- Body -->
+        <div class="ps-run-exp-body">
+          <!-- Step 1: Select Pipeline -->
+          <div class="ps-form-group">
+            <label class="ps-form-label">
+              <i class="fa-solid fa-diagram-project"></i> Training Pipeline
+            </label>
+            <select class="mj-input" [ngModel]="selectedPipelineId" (ngModelChange)="onPipelineChange($event)" [disabled]="busy">
+              @for (p of engine.Pipelines; track p.ID) {
+                <option [value]="p.ID">{{ p.Name }} (Target: {{ p.TargetVariable || 'None' }})</option>
+              }
+            </select>
+            <span class="ps-form-hint">
+              The dataset, feature assembly graph, and leakage deny-list are derived from this pipeline.
+            </span>
+          </div>
+
+          <!-- Session Name & Goal -->
+          <div class="exp-grid-2">
+            <div class="ps-form-group">
+              <label class="ps-form-label">Session Name</label>
+              <input class="mj-input" type="text" [(ngModel)]="sessionName" placeholder="e.g. Churn Tournament Q3" [disabled]="busy" />
+            </div>
+            <div class="ps-form-group">
+              <label class="ps-form-label">Evaluation Metric</label>
+              <select class="mj-input" [(ngModel)]="successMetric" [disabled]="busy">
+                @if (problemType === 'classification') {
+                  <option value="AUC">ROC-AUC (Default)</option>
+                  <option value="F1">F1 Score</option>
+                  <option value="Accuracy">Accuracy</option>
+                } @else {
+                  <option value="RMSE">RMSE (Default)</option>
+                  <option value="MAE">MAE</option>
+                  <option value="R2">R-Squared</option>
+                }
+              </select>
+            </div>
+          </div>
+
+          <div class="ps-form-group">
+            <label class="ps-form-label">Experiment Goal</label>
+            <input class="mj-input" type="text" [(ngModel)]="goal" placeholder="e.g. Find best algorithm on holdout split" [disabled]="busy" />
+          </div>
+
+          <!-- Step 2: Algorithm Candidates -->
+          <div class="ps-form-group">
+            <div class="algo-bar-actions">
+              <label class="ps-form-label" style="margin-bottom:0">
+                <i class="fa-solid fa-shapes"></i> Candidate Algorithms ({{ selectedAlgoIds.size }} selected)
+              </label>
+              <div style="display:flex; gap:8px">
+                <button type="button" class="ps-link-btn" (click)="selectAllAlgos()" [disabled]="busy">Select All</button>
+                <span class="ps-muted">·</span>
+                <button type="button" class="ps-link-btn" (click)="selectRecommendedAlgos()" [disabled]="busy">Recommended</button>
+                <span class="ps-muted">·</span>
+                <button type="button" class="ps-link-btn" (click)="clearAlgos()" [disabled]="busy">Clear</button>
+              </div>
+            </div>
+
+            <div class="algo-selection-grid">
+              @for (algo of availableAlgorithms; track algo.ID) {
+                <div class="algo-select-card"
+                  [class.selected]="isAlgoSelected(algo.ID)"
+                  (click)="toggleAlgo(algo.ID)">
+                  <input type="checkbox"
+                    [checked]="isAlgoSelected(algo.ID)"
+                    (click)="$event.stopPropagation()"
+                    (change)="toggleAlgo(algo.ID)"
+                    [disabled]="busy" />
+                  <div class="algo-select-info">
+                    <div class="algo-select-name">
+                      <i [class]="getAlgoIcon(algo.DriverClass)"></i>
+                      <span>{{ algo.Name }}</span>
+                    </div>
+                    @if (algo.Description) {
+                      <div class="algo-select-desc">{{ algo.Description }}</div>
+                    }
+                    <div class="algo-select-tags">
+                      @if (algo.SupportsFeatureImportance) {
+                        <span class="ps-badge green" style="font-size:10px">Importance</span>
+                      }
+                      <span class="ps-tag" style="font-size:10px">{{ algo.DriverClass }}</span>
+                    </div>
+                  </div>
+                </div>
+              }
+            </div>
+          </div>
+
+          <!-- Step 3: Validation & Budget -->
+          <div class="exp-grid-3">
+            <div class="ps-form-group">
+              <label class="ps-form-label">Max Iterations (Trials)</label>
+              <input class="mj-input" type="number" min="1" max="100" [(ngModel)]="budgetRuns" [disabled]="busy" />
+              <span class="ps-form-hint">Total model training runs bounded</span>
+            </div>
+            <div class="ps-form-group">
+              <label class="ps-form-label">Compute Cost Cap ($)</label>
+              <input class="mj-input" type="number" min="1" max="500" [(ngModel)]="budgetCost" [disabled]="busy" />
+              <span class="ps-form-hint">Max spending for cloud / GPU compute</span>
+            </div>
+            <div class="ps-form-group">
+              <label class="ps-form-label">Wall-Clock Cap (Minutes)</label>
+              <input class="mj-input" type="number" min="5" max="300" [(ngModel)]="budgetMinutes" [disabled]="busy" />
+              <span class="ps-form-hint">Session timeouts if exceeded</span>
+            </div>
+          </div>
+
+          <div class="budget-banner">
+            <i class="fa-solid fa-shield-halved"></i>
+            <div style="font-size: 12px; color: var(--mj-text-secondary)">
+              <strong>Autonomous Guardrails:</strong> The session will run across waves, evaluate each candidate on a locked holdout fraction ({{ holdoutPercent }}%), rank them on the leaderboard by {{ successMetric }}, and automatically prune unpromising configurations.
+            </div>
+          </div>
+        </div>
+
+        <!-- Footer -->
+        <div class="ps-wizard-footer">
+          <button mjButton variant="secondary" size="md" (click)="cancel()" [disabled]="busy">
+            Cancel
+          </button>
+          <span class="ps-spacer"></span>
+          <button mjButton variant="primary" size="md" (click)="launch()" [disabled]="busy || !isValid">
+            @if (busy) {
+              <i class="fa-solid fa-spinner fa-spin"></i> Launching Experiment…
+            } @else {
+              <i class="fa-solid fa-play"></i> Launch Experiment
+            }
+          </button>
+        </div>
+      </div>
+    </div>
+  `, styles: ["/* ============================================================================\n   Predictive Studio \u2014 shared panel styles (design-token compliant)\n   Maps the mockup design system onto MemberJunction semantic --mj-* tokens.\n   Loaded by every PS panel component (styleUrls) under ViewEncapsulation.None,\n   so the class names are global within the PS dashboard subtree.\n   No hardcoded colors except the intentional categorical node/algorithm palette\n   (declared once as --ps-* custom props below) which must stay distinct across\n   light/dark to remain readable as diagram accents.\n   ============================================================================ */\n\n/* Categorical accents for DAG node types + algorithm chips. These are\n   data-visualization colors that must remain distinct regardless of theme\n   (allowed exception #3 in the design-token rules). */\n.ps-panel {\n  --ps-node-source: #6b7280;\n  --ps-node-feature: #2050c8;\n  --ps-node-embedding: #7b3ff0;\n  --ps-node-target: #1f9d57;\n  --ps-node-algorithm: #d98213;\n  /* budget-gauge categorical accents (reuse the node palette so light/dark stay distinct) */\n  --ps-gauge-cost: var(--ps-node-algorithm);\n  --ps-gauge-iterations: var(--ps-node-feature);\n}\n\n.ps-panel {\n  display: block;\n  height: 100%;\n}\n\n/* ---- generic layout helpers ---- */\n.ps-row { display: flex; gap: 16px; }\n.ps-col { display: flex; flex-direction: column; gap: 16px; }\n.ps-wrap { flex-wrap: wrap; }\n.ps-spacer { flex: 1; }\n.ps-muted { color: var(--mj-text-muted); }\n.ps-small { font-size: 12.5px; }\n.ps-mono { font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace; font-size: 12.5px; }\n.ps-section-title {\n  font-size: 12px; text-transform: uppercase; letter-spacing: .06em;\n  color: var(--mj-text-muted); margin: 4px 0 2px; font-weight: 700;\n}\n\n/* ---- cards ---- */\n.ps-card {\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  overflow: hidden;\n}\n.ps-card-head {\n  display: flex; align-items: center; gap: 10px;\n  padding: 14px 16px; border-bottom: 1px solid var(--mj-border-subtle);\n}\n.ps-card-head h3 { font-size: 14.5px; margin: 0; font-weight: 650; color: var(--mj-text-primary); }\n.ps-card-body { padding: 16px; }\n\n/* ---- KPI tiles ---- */\n.ps-kpi {\n  background: var(--mj-bg-surface); border: 1px solid var(--mj-border-default);\n  border-radius: 8px; padding: 16px 18px;\n}\n.ps-kpi .label { font-size: 12px; color: var(--mj-text-muted); font-weight: 600; }\n.ps-kpi .val { font-size: 26px; font-weight: 720; letter-spacing: -.02em; margin-top: 2px; color: var(--mj-text-primary); }\n\n/* ---- badges ---- */\n.ps-badge {\n  display: inline-flex; align-items: center; gap: 5px;\n  padding: 2px 9px; border-radius: 999px; font-size: 11.5px; font-weight: 650; line-height: 1.7;\n}\n.ps-badge.gray { background: var(--mj-bg-surface-sunken); color: var(--mj-text-secondary); }\n.ps-badge.blue { background: var(--mj-status-info-bg); color: var(--mj-status-info-text); }\n.ps-badge.green { background: var(--mj-status-success-bg); color: var(--mj-status-success-text); }\n.ps-badge.amber { background: var(--mj-status-warning-bg); color: var(--mj-status-warning-text); }\n.ps-badge.red { background: var(--mj-status-error-bg); color: var(--mj-status-error-text); }\n.ps-dot { width: 7px; height: 7px; border-radius: 50%; display: inline-block; }\n\n/* recommendation-level chips (the ranking matrix payoff) */\n.ps-lvl {\n  display: inline-flex; align-items: center; justify-content: center;\n  min-width: 92px; padding: 4px 10px; border-radius: 7px;\n  font-weight: 650; font-size: 11.5px; color: var(--mj-text-inverse);\n}\n.ps-lvl-Primary { background: var(--mj-status-success); }\n.ps-lvl-Strong { background: var(--mj-status-info); }\n.ps-lvl-Viable { background: var(--mj-status-warning); }\n.ps-lvl-Weak { background: var(--mj-text-disabled); }\n.ps-lvl-NotRecommended { background: var(--mj-bg-surface-sunken); color: var(--mj-text-muted); }\n\n/* ---- tags ---- */\n.ps-tag {\n  display: inline-block; padding: 2px 8px; border-radius: 6px;\n  background: var(--mj-bg-surface-sunken); color: var(--mj-text-secondary);\n  font-size: 11.5px; font-weight: 600;\n}\n.ps-tag.muted { opacity: .6; }\n.ps-divider { height: 1px; background: var(--mj-border-subtle); margin: 8px 0; }\n\n/* ---- tables ---- */\n.ps-table { width: 100%; border-collapse: collapse; font-size: 13px; }\n.ps-table th {\n  text-align: left; font-size: 11.5px; text-transform: uppercase; letter-spacing: .04em;\n  color: var(--mj-text-muted); font-weight: 700; padding: 9px 12px;\n  border-bottom: 1px solid var(--mj-border-default);\n}\n.ps-table td { padding: 11px 12px; border-bottom: 1px solid var(--mj-border-subtle); color: var(--mj-text-primary); }\n.ps-table tr:hover td { background: var(--mj-bg-surface-hover); }\n.ps-table .num { text-align: right; font-variant-numeric: tabular-nums; }\n\n.ps-rank {\n  width: 22px; height: 22px; border-radius: 6px; background: var(--mj-bg-surface-sunken);\n  display: inline-grid; place-items: center; font-weight: 700; font-size: 11.5px; color: var(--mj-text-secondary);\n}\n.ps-rank.gold { background: var(--mj-status-warning-bg); color: var(--mj-status-warning-text); }\n\n/* ---- progress bars ---- */\n.ps-bar { height: 8px; border-radius: 999px; background: var(--mj-bg-surface-sunken); overflow: hidden; }\n.ps-bar > span { display: block; height: 100%; border-radius: 999px; background: var(--mj-brand-primary); }\n.ps-bar.warn > span { background: var(--mj-status-warning); }\n.ps-bar.run > span { background: var(--mj-brand-primary); }\n\n.ps-fbar { display: grid; grid-template-columns: minmax(150px, 1.3fr) 2fr 56px; align-items: center; gap: 14px; padding: 8px 0; }\n.ps-fbar + .ps-fbar { border-top: 1px solid var(--mj-border-subtle); }\n.ps-fbar .track { height: 10px; border-radius: var(--mj-radius-full); background: var(--mj-bg-surface-sunken); overflow: hidden; }\n.ps-fbar .track > span { display: block; height: 100%; border-radius: var(--mj-radius-full); background: var(--mj-brand-primary); }\n.ps-fbar .track > span.warn { background: var(--mj-status-warning); }\n.ps-fbar .name { color: var(--mj-text-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }\n.ps-fbar > .ps-mono { text-align: right; color: var(--mj-text-secondary); font-variant-numeric: tabular-nums; }\n\n/* gauge */\n.ps-gauge {\n  position: relative; width: 64px; height: 64px; border-radius: 50%; flex: 0 0 auto;\n  background: conic-gradient(var(--ps-gauge-color, var(--mj-brand-primary)) calc(var(--ps-p, 40) * 1%), var(--mj-bg-surface-sunken) 0);\n  display: grid; place-items: center;\n}\n.ps-gauge::after { content: ''; position: absolute; inset: 9px; background: var(--mj-bg-surface); border-radius: 50%; }\n.ps-gauge .g-val { position: relative; font-weight: 720; font-size: 14px; color: var(--mj-text-primary); }\n\n/* warning / info callouts */\n.ps-callout { display: flex; gap: 11px; padding: 12px 14px; border-radius: 10px; border: 1px solid; }\n.ps-callout.warn { background: var(--mj-status-warning-bg); border-color: var(--mj-status-warning-border); color: var(--mj-status-warning-text); }\n.ps-callout.info { background: var(--mj-status-info-bg); border-color: var(--mj-status-info-border); color: var(--mj-status-info-text); }\n.ps-callout.success { background: var(--mj-status-success-bg); border-color: var(--mj-status-success-border); color: var(--mj-status-success-text); }\n.ps-callout i { font-size: 16px; margin-top: 1px; }\n\n/* lifecycle stepper */\n.ps-stepper { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }\n.ps-step { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: var(--mj-text-muted); }\n.ps-step .pip {\n  width: 22px; height: 22px; border-radius: 50%; border: 2px solid var(--mj-border-strong);\n  display: grid; place-items: center; font-size: 11px;\n}\n.ps-step.done { color: var(--mj-status-success-text); }\n.ps-step.done .pip { background: var(--mj-status-success); border-color: var(--mj-status-success); color: var(--mj-text-inverse); }\n.ps-step.curr { color: var(--mj-brand-primary); }\n.ps-step.curr .pip { border-color: var(--mj-brand-primary); color: var(--mj-brand-primary); }\n.ps-step .ln { width: 26px; height: 2px; background: var(--mj-border-strong); }\n\n/* ---- DAG flow canvas ---- */\n.ps-flow {\n  position: relative;\n  background:\n    linear-gradient(var(--mj-border-subtle) 1px, transparent 1px) 0 0 / 22px 22px,\n    linear-gradient(90deg, var(--mj-border-subtle) 1px, transparent 1px) 0 0 / 22px 22px,\n    var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default); border-radius: 10px;\n  min-height: 620px; overflow: hidden;\n}\n.ps-node {\n  position: absolute; width: 190px; background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-strong); border-left-width: 3px; border-radius: 8px;\n  cursor: pointer;\n}\n.ps-node .nh {\n  display: flex; align-items: center; gap: 8px; padding: 9px 11px;\n  border-bottom: 1px solid var(--mj-border-subtle); font-weight: 650; font-size: 12.5px; color: var(--mj-text-primary);\n}\n.ps-node .nh i.tile {\n  width: 24px; height: 24px; border-radius: 6px; display: grid; place-items: center;\n  color: var(--mj-text-inverse); font-size: 12px; flex: 0 0 auto;\n}\n.ps-node .nh .ps-tag { margin-left: auto; }\n.ps-node .nb { padding: 9px 11px; font-size: 12px; color: var(--mj-text-secondary); }\n.ps-node .nb-row { display: flex; justify-content: space-between; gap: 8px; padding: 2px 0; }\n.ps-node .nb-row .k { color: var(--mj-text-muted); }\n.ps-node.src { border-left-color: var(--ps-node-source); }\n.ps-node.src .nh i.tile { background: var(--ps-node-source); }\n.ps-node.feat { border-left-color: var(--ps-node-feature); }\n.ps-node.feat .nh i.tile { background: var(--ps-node-feature); }\n.ps-node.emb { border-left-color: var(--ps-node-embedding); }\n.ps-node.emb .nh i.tile { background: var(--ps-node-embedding); }\n.ps-node.target { border-left-color: var(--ps-node-target); }\n.ps-node.target .nh i.tile { background: var(--ps-node-target); }\n.ps-node.algo { border-left-color: var(--ps-node-algorithm); }\n.ps-node.algo .nh i.tile { background: var(--ps-node-algorithm); }\n.ps-node.output { border-left-color: var(--mj-status-success); }\n.ps-node.output .nh i.tile { background: var(--mj-status-success); }\n.ps-node.selected {\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 18%, transparent);\n}\n.ps-node .port {\n  position: absolute; width: 11px; height: 11px; border-radius: 50%;\n  background: var(--mj-bg-surface); border: 2px solid var(--mj-brand-primary);\n  top: 50%; transform: translateY(-50%);\n}\n.ps-node .port.in { left: -6px; }\n.ps-node .port.out { right: -6px; }\nsvg.ps-edges { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }\nsvg.ps-edges path { stroke: color-mix(in srgb, var(--mj-brand-primary) 45%, transparent); stroke-width: 2; fill: none; }\n\n/* palette chips */\n.ps-pchip {\n  display: inline-flex; align-items: center; gap: 7px; padding: 6px 11px; border-radius: 8px;\n  border: 1px dashed var(--mj-border-strong); background: var(--mj-bg-surface);\n  font-size: 12.5px; font-weight: 600; color: var(--mj-text-secondary); cursor: grab;\n}\n.ps-pchip i { font-size: 12px; color: var(--mj-text-inverse); width: 20px; height: 20px; border-radius: 5px; display: grid; place-items: center; }\n.ps-pchip.s i { background: var(--ps-node-source); }\n.ps-pchip.f i { background: var(--ps-node-feature); }\n.ps-pchip.e i { background: var(--ps-node-embedding); }\n.ps-pchip.t i { background: var(--ps-node-target); }\n.ps-pchip.a i { background: var(--ps-node-algorithm); }\n\n/* segmented control */\n.ps-seg { display: inline-flex; border: 1px solid var(--mj-border-default); border-radius: 8px; overflow: hidden; }\n.ps-seg button {\n  border: none; background: var(--mj-bg-surface); color: var(--mj-text-secondary);\n  padding: 6px 12px; font-size: 12.5px; font-weight: 600; cursor: pointer;\n  border-right: 1px solid var(--mj-border-default);\n}\n.ps-seg button:last-child { border-right: none; }\n.ps-seg button.on { background: var(--mj-brand-primary); color: var(--mj-text-inverse); }\n\n/* field control */\n.ps-field { margin-bottom: 14px; }\n.ps-field > label {\n  display: block; font-size: 11px; text-transform: uppercase; letter-spacing: .04em;\n  color: var(--mj-text-muted); font-weight: 700; margin-bottom: 6px;\n}\n.ps-input {\n  width: 100%; padding: 8px 10px; border: 1px solid var(--mj-border-default);\n  border-radius: 6px; font-size: 13px; background: var(--mj-bg-surface); color: var(--mj-text-primary);\n  box-sizing: border-box;\n}\n.ps-input:focus { outline: none; border-color: var(--mj-brand-primary); box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 12%, transparent); }\n\n/* loading container */\n.ps-loading { display: flex; align-items: center; justify-content: center; padding: 60px 0; }\n\n/* ---- empty / prompt states ---- */\n.ps-empty {\n  display: flex; flex-direction: column; align-items: center; justify-content: center;\n  text-align: center; gap: 10px; padding: 56px 24px; color: var(--mj-text-muted);\n}\n.ps-empty .ps-empty-ico {\n  width: 60px; height: 60px; border-radius: 16px; display: grid; place-items: center;\n  background: var(--mj-bg-surface-sunken); color: var(--mj-text-disabled); font-size: 24px;\n}\n.ps-empty h3 { margin: 4px 0 0; font-size: 16px; font-weight: 650; color: var(--mj-text-secondary); }\n.ps-empty p { margin: 0; max-width: 420px; font-size: 13px; line-height: 1.5; }\n\n/* ---- confirm modal ---- */\n.ps-modal-backdrop {\n  position: fixed; inset: 0; z-index: 1000;\n  background: var(--mj-bg-overlay);\n  display: flex; align-items: center; justify-content: center; padding: 24px;\n}\n.ps-modal {\n  width: 100%; max-width: 480px; background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default); border-radius: 14px;\n  box-shadow: var(--mj-shadow-lg, var(--mj-shadow-sm)); overflow: hidden;\n}\n.ps-modal-head {\n  display: flex; align-items: center; gap: 12px; padding: 18px 20px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n.ps-modal-head .ico {\n  width: 38px; height: 38px; border-radius: 10px; display: grid; place-items: center;\n  font-size: 16px; flex: 0 0 auto;\n  background: var(--mj-status-info-bg); color: var(--mj-status-info-text);\n}\n.ps-modal-head.warn .ico { background: var(--mj-status-warning-bg); color: var(--mj-status-warning-text); }\n.ps-modal-head.danger .ico { background: var(--mj-status-error-bg); color: var(--mj-status-error-text); }\n.ps-modal-head h3 { margin: 0; font-size: 15.5px; font-weight: 650; color: var(--mj-text-primary); }\n.ps-modal-body { padding: 18px 20px; font-size: 13.5px; line-height: 1.55; color: var(--mj-text-secondary); }\n.ps-modal-body .ps-field { margin-top: 14px; margin-bottom: 0; }\n.ps-modal-foot {\n  display: flex; align-items: center; gap: 10px; padding: 14px 20px;\n  border-top: 1px solid var(--mj-border-subtle); background: var(--mj-bg-surface-card);\n}\n.ps-modal-foot .ps-spacer { flex: 1; }\n", ".ps-run-exp-dialog {\n  max-width: 860px;\n  width: 90vw;\n  max-height: 88vh;\n  display: flex;\n  flex-direction: column;\n}\n\n.ps-run-exp-body {\n  flex: 1;\n  overflow-y: auto;\n  padding: 24px;\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n}\n\n.exp-grid-2 {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 16px;\n}\n\n.exp-grid-3 {\n  display: grid;\n  grid-template-columns: 1fr 1fr 1fr;\n  gap: 16px;\n}\n\n.algo-selection-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));\n  gap: 12px;\n  margin-top: 10px;\n}\n\n.algo-select-card {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  padding: 12px;\n  border: 1px solid var(--mj-border);\n  border-radius: 8px;\n  background: var(--mj-bg-surface);\n  cursor: pointer;\n  transition: all 0.15s ease-in-out;\n}\n\n.algo-select-card:hover {\n  border-color: var(--mj-brand-primary);\n  background: var(--mj-bg-hover, rgba(0, 0, 0, 0.02));\n}\n\n.algo-select-card.selected {\n  border-color: var(--mj-brand-primary);\n  background: var(--mj-brand-primary-light, rgba(59, 130, 246, 0.08));\n  box-shadow: 0 0 0 1px var(--mj-brand-primary);\n}\n\n.algo-select-card input[type=\"checkbox\"] {\n  margin-top: 3px;\n  cursor: pointer;\n  accent-color: var(--mj-brand-primary);\n}\n\n.algo-select-info {\n  flex: 1;\n  min-width: 0;\n}\n\n.algo-select-name {\n  font-weight: 600;\n  font-size: 13px;\n  color: var(--mj-text-primary);\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.algo-select-name i {\n  color: var(--mj-brand-primary);\n}\n\n.algo-select-desc {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n  margin-top: 4px;\n  line-height: 1.3;\n}\n\n.algo-select-tags {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n  margin-top: 6px;\n}\n\n.algo-bar-actions {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-bottom: 8px;\n}\n\n.budget-banner {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px 16px;\n  background: var(--mj-bg-surface-secondary, rgba(0, 0, 0, 0.03));\n  border-radius: 8px;\n  border: 1px dashed var(--mj-border);\n}\n\n.budget-banner i {\n  font-size: 20px;\n  color: var(--mj-status-warning);\n}\n"] }]
+    }], null, { engine: [{
+            type: Input
+        }], provider: [{
+            type: Input
+        }], currentUser: [{
+            type: Input
+        }], preselectedPipelineId: [{
+            type: Input
+        }], closed: [{
+            type: Output
+        }], started: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PSRunExperimentModalComponent, { className: "PSRunExperimentModalComponent", filePath: "src/PredictiveStudio/components/ps-run-experiment-modal.component.ts", lineNumber: 205 }); })();
+//# sourceMappingURL=ps-run-experiment-modal.component.js.map