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

package/dist/PredictiveStudio/resources/ps-models-resource.component.js

@@ -5,7 +5,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { ChangeDetectionStrategy, ChangeDetectorRef, Component, inject } from '@angular/core';
-import { RegisterClass } from '@memberjunction/global';
+import { RegisterClass, UUIDsEqual } from '@memberjunction/global';
+import { UserInfoEngine } from '@memberjunction/core-entities';
 import { BaseResourceComponent } from '@memberjunction/ng-shared';
 import { PSResourceBase } from './ps-resource-base';
 import { MODELS_SECTIONS, sectionGroups, sectionsInGroup, sectionLabel, hasSection } from '../predictive-studio.nav';
@@ -14,8 +15,9 @@ import { validateStringParam } from '../../shared/agent-tool-validation';
 import * as i0 from "@angular/core";
 import * as i1 from "@memberjunction/ng-ui-components";
 import * as i2 from "@memberjunction/ng-shared-generic";
-import * as i3 from "../components/ps-registry.component";
-import * as i4 from "../components/ps-production.component";
+import * as i3 from "angular-split";
+import * as i4 from "../components/ps-registry.component";
+import * as i5 from "../components/ps-production.component";
 const _forTrack0 = ($index, $item) => $item.key;
 function PSModelsResourceComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelement(0, "mj-loading", 2);
@@ -42,72 +44,110 @@ function PSModelsResourceComponent_Conditional_3_Template(rf, ctx) { if (rf & 1)
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(ctx_r1.loadError);
 } }
-function PSModelsResourceComponent_Conditional_4_For_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 14);
+function PSModelsResourceComponent_Conditional_4_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 11)(1, "button", 18);
+    i0.ɵɵlistener("click", function PSModelsResourceComponent_Conditional_4_Conditional_1_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleNav()); });
+    i0.ɵɵelement(2, "i", 19);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 20);
+    i0.ɵɵelement(4, "i", 21);
+    i0.ɵɵtext(5, " Models");
+    i0.ɵɵelementEnd()();
+} }
+function PSModelsResourceComponent_Conditional_4_Conditional_3_For_8_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 27);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const group_r3 = i0.ɵɵnextContext().$implicit;
+    const group_r6 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(group_r3);
+    i0.ɵɵtextInterpolate(group_r6);
 } }
-function PSModelsResourceComponent_Conditional_4_For_3_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 16);
-    i0.ɵɵlistener("click", function PSModelsResourceComponent_Conditional_4_For_3_For_2_Template_button_click_0_listener() { const item_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.selectSection(item_r5.key)); });
+function PSModelsResourceComponent_Conditional_4_Conditional_3_For_8_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 29);
+    i0.ɵɵlistener("click", function PSModelsResourceComponent_Conditional_4_Conditional_3_For_8_For_2_Template_button_click_0_listener() { const item_r8 = i0.ɵɵrestoreView(_r7).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.selectSection(item_r8.key)); });
     i0.ɵɵelement(1, "i");
     i0.ɵɵelementStart(2, "span");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const item_r5 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵclassProp("active", ctx_r1.activeSection === item_r5.key);
-    i0.ɵɵattribute("data-testid", "ps-nav-" + item_r5.key);
+    const item_r8 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵclassProp("active", ctx_r1.activeSection === item_r8.key);
+    i0.ɵɵattribute("data-testid", "ps-nav-" + item_r8.key);
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(item_r5.icon);
+    i0.ɵɵclassMap(item_r8.icon);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(item_r5.label);
+    i0.ɵɵtextInterpolate(item_r8.label);
 } }
-function PSModelsResourceComponent_Conditional_4_For_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, PSModelsResourceComponent_Conditional_4_For_3_Conditional_0_Template, 2, 1, "div", 14);
-    i0.ɵɵrepeaterCreate(1, PSModelsResourceComponent_Conditional_4_For_3_For_2_Template, 4, 6, "button", 15, _forTrack0);
+function PSModelsResourceComponent_Conditional_4_Conditional_3_For_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, PSModelsResourceComponent_Conditional_4_Conditional_3_For_8_Conditional_0_Template, 2, 1, "div", 27);
+    i0.ɵɵrepeaterCreate(1, PSModelsResourceComponent_Conditional_4_Conditional_3_For_8_For_2_Template, 4, 6, "button", 28, _forTrack0);
 } if (rf & 2) {
-    const group_r3 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵconditional(group_r3 ? 0 : -1);
+    const group_r6 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵconditional(group_r6 ? 0 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.itemsForGroup(group_r3));
+    i0.ɵɵrepeater(ctx_r1.itemsForGroup(group_r6));
 } }
-function PSModelsResourceComponent_Conditional_4_Case_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "ps-registry", 12);
+function PSModelsResourceComponent_Conditional_4_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "as-split-area", 13)(1, "aside", 22)(2, "div", 23)(3, "span", 24);
+    i0.ɵɵtext(4, "Lifecycle");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "button", 25);
+    i0.ɵɵlistener("click", function PSModelsResourceComponent_Conditional_4_Conditional_3_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleNav()); });
+    i0.ɵɵelement(6, "i", 26);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵrepeaterCreate(7, PSModelsResourceComponent_Conditional_4_Conditional_3_For_8_Template, 3, 1, null, null, i0.ɵɵrepeaterTrackByIdentity);
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("engine", ctx_r1.engine)("provider", ctx_r1.ProviderToUse)("currentUser", ctx_r1.ProviderToUse.CurrentUser);
+    i0.ɵɵproperty("size", ctx_r1.navSizePct)("minSize", 10)("maxSize", 30);
+    i0.ɵɵadvance(7);
+    i0.ɵɵrepeater(ctx_r1.groups);
 } }
 function PSModelsResourceComponent_Conditional_4_Case_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "ps-production", 13);
+    i0.ɵɵelement(0, "ps-registry", 16);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("engine", ctx_r1.engine)("provider", ctx_r1.ProviderToUse)("currentUser", ctx_r1.ProviderToUse.CurrentUser)("initialModelId", ctx_r1.initialModelId);
+} }
+function PSModelsResourceComponent_Conditional_4_Case_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "ps-production", 17);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵproperty("engine", ctx_r1.engine);
 } }
 function PSModelsResourceComponent_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 4)(1, "aside", 10);
-    i0.ɵɵrepeaterCreate(2, PSModelsResourceComponent_Conditional_4_For_3_Template, 3, 1, null, null, i0.ɵɵrepeaterTrackByIdentity);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "section", 11);
-    i0.ɵɵconditionalCreate(5, PSModelsResourceComponent_Conditional_4_Case_5_Template, 1, 3, "ps-registry", 12)(6, PSModelsResourceComponent_Conditional_4_Case_6_Template, 1, 1, "ps-production", 13);
-    i0.ɵɵelementEnd()();
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 10);
+    i0.ɵɵconditionalCreate(1, PSModelsResourceComponent_Conditional_4_Conditional_1_Template, 6, 0, "div", 11);
+    i0.ɵɵelementStart(2, "as-split", 12);
+    i0.ɵɵlistener("dragEnd", function PSModelsResourceComponent_Conditional_4_Template_as_split_dragEnd_2_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSplitDragEnd($event.sizes)); });
+    i0.ɵɵconditionalCreate(3, PSModelsResourceComponent_Conditional_4_Conditional_3_Template, 9, 3, "as-split-area", 13);
+    i0.ɵɵelementStart(4, "as-split-area", 14)(5, "section", 15);
+    i0.ɵɵconditionalCreate(6, PSModelsResourceComponent_Conditional_4_Case_6_Template, 1, 4, "ps-registry", 16)(7, PSModelsResourceComponent_Conditional_4_Case_7_Template, 1, 1, "ps-production", 17);
+    i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
-    let tmp_4_0;
+    let tmp_9_0;
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(ctx_r1.groups);
-    i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("fill", ctx_r1.activeSection === "registry");
+    i0.ɵɵclassProp("nav-collapsed", ctx_r1.isNavCollapsed);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.isNavCollapsed ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("gutterSize", ctx_r1.isNavCollapsed ? 0 : 6);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!ctx_r1.isNavCollapsed ? 3 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("size", ctx_r1.isNavCollapsed ? 100 : ctx_r1.contentSizePct)("minSize", 50);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("fill", ctx_r1.activeSection === "registry" || ctx_r1.activeSection === "production");
     i0.ɵɵattribute("data-testid", "ps-panel-" + ctx_r1.activeSection);
     i0.ɵɵadvance();
-    i0.ɵɵconditional((tmp_4_0 = ctx_r1.activeSection) === "registry" ? 5 : tmp_4_0 === "production" ? 6 : -1);
+    i0.ɵɵconditional((tmp_9_0 = ctx_r1.activeSection) === "registry" ? 6 : tmp_9_0 === "production" ? 7 : -1);
 } }
 /**
  * **Models** — the trained-model lifecycle door (one of Predictive Studio's three consolidated nav
@@ -124,18 +164,68 @@ let PSModelsResourceComponent = class PSModelsResourceComponent extends PSResour
     cdrLocal = inject(ChangeDetectorRef);
     activeSection = 'registry';
     sections = MODELS_SECTIONS;
+    initialModelId;
+    isNavCollapsed = false;
+    navSizePct = 14;
+    contentSizePct = 86;
     ngOnInit() {
         super.ngOnInit();
-        const initial = this.GetQueryParams()['section'];
+        const qp = this.GetQueryParams();
+        const initial = qp['section'];
         if (initial && hasSection(this.sections, initial))
             this.activeSection = initial;
+        if (qp['modelId'])
+            this.initialModelId = qp['modelId'];
+        this.loadLayoutPrefs();
     }
-    OnQueryParamsChanged(params, _source) {
+    toggleNav() {
+        this.isNavCollapsed = !this.isNavCollapsed;
+        this.saveLayoutPrefs();
+        this.cdrLocal.detectChanges();
+    }
+    onSplitDragEnd(sizes) {
+        if (Array.isArray(sizes) && sizes.length === 2 && typeof sizes[0] === 'number' && typeof sizes[1] === 'number') {
+            this.navSizePct = Math.round(sizes[0]);
+            this.contentSizePct = Math.round(sizes[1]);
+            this.saveLayoutPrefs();
+        }
+    }
+    loadLayoutPrefs() {
+        const raw = UserInfoEngine.Instance.GetSetting('mj.predictiveStudio.models.layout');
+        if (raw) {
+            try {
+                const parsed = JSON.parse(raw);
+                if (typeof parsed.navSizePct === 'number' && parsed.navSizePct >= 10 && parsed.navSizePct <= 35) {
+                    this.navSizePct = parsed.navSizePct;
+                    this.contentSizePct = 100 - parsed.navSizePct;
+                }
+                if (typeof parsed.isNavCollapsed === 'boolean') {
+                    this.isNavCollapsed = parsed.isNavCollapsed;
+                }
+            }
+            catch { }
+        }
+    }
+    saveLayoutPrefs() {
+        const prefs = {
+            navSizePct: this.navSizePct,
+            contentSizePct: this.contentSizePct,
+            isNavCollapsed: this.isNavCollapsed,
+        };
+        UserInfoEngine.Instance.SetSettingDebounced('mj.predictiveStudio.models.layout', JSON.stringify(prefs));
+    }
+    async OnQueryParamsChanged(params, _source) {
         const next = params['section'];
         if (next && next !== this.activeSection && hasSection(this.sections, next)) {
             this.activeSection = next;
-            this.cdrLocal.detectChanges();
         }
+        if (params['modelId']) {
+            this.initialModelId = params['modelId'];
+            if (this.engine && !this.engine.Models.some((m) => UUIDsEqual(m.ID, params['modelId']))) {
+                await this.engine.Config(true, this.ProviderToUse.CurrentUser ?? undefined, this.ProviderToUse);
+            }
+        }
+        this.cdrLocal.detectChanges();
     }
     /** Deep agent context for the Models door: active section + trained-model lifecycle counts. */
     extraAgentContext() {
@@ -195,10 +285,10 @@ let PSModelsResourceComponent = class PSModelsResourceComponent extends PSResour
         this.cdrLocal.detectChanges();
     }
     static ɵfac = /*@__PURE__*/ (() => { let ɵPSModelsResourceComponent_BaseFactory; return function PSModelsResourceComponent_Factory(__ngFactoryType__) { return (ɵPSModelsResourceComponent_BaseFactory || (ɵPSModelsResourceComponent_BaseFactory = i0.ɵɵgetInheritedFactory(PSModelsResourceComponent)))(__ngFactoryType__ || PSModelsResourceComponent); }; })();
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PSModelsResourceComponent, selectors: [["mj-ps-models-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 5, consts: [[3, "Title", "Subtitle"], [3, "Flex", "Padding"], ["text", "Loading Models\u2026", "size", "medium"], ["data-testid", "ps-load-error", "role", "alert", 1, "ps-load-error"], ["data-testid", "ps-models-shell", 1, "ps-models-host"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "ps-load-error-text"], [1, "ps-load-error-detail"], ["mjButton", "", "variant", "secondary", "size", "sm", 3, "click"], [1, "fa-solid", "fa-rotate-right"], [1, "ps-leftnav"], [1, "ps-content"], [3, "engine", "provider", "currentUser"], [3, "engine"], [1, "ps-nav-group"], [1, "ps-nav-item", 3, "active"], [1, "ps-nav-item", 3, "click"]], template: function PSModelsResourceComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PSModelsResourceComponent, selectors: [["mj-ps-models-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 5, consts: [[3, "Title", "Subtitle"], [3, "Flex", "Padding"], ["text", "Loading Models\u2026", "size", "medium"], ["data-testid", "ps-load-error", "role", "alert", 1, "ps-load-error"], ["data-testid", "ps-models-shell", 1, "ps-models-host", 3, "nav-collapsed"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "ps-load-error-text"], [1, "ps-load-error-detail"], ["mjButton", "", "variant", "secondary", "size", "sm", 3, "click"], [1, "fa-solid", "fa-rotate-right"], ["data-testid", "ps-models-shell", 1, "ps-models-host"], ["role", "region", "aria-label", "Models navigation (collapsed)", 1, "ps-nav-collapsed-strip"], ["direction", "horizontal", "unit", "percent", 1, "models-splitter", 3, "dragEnd", "gutterSize"], [3, "size", "minSize", "maxSize"], [3, "size", "minSize"], [1, "ps-content"], [3, "engine", "provider", "currentUser", "initialModelId"], [3, "engine"], ["type", "button", "aria-label", "Expand models navigation", "title", "Expand navigation", 1, "ps-nav-rail-collapse", 3, "click"], [1, "fa-solid", "fa-chevron-right"], [1, "ps-nav-collapsed-strip-label"], [1, "fa-solid", "fa-cubes"], [1, "ps-leftnav"], [1, "ps-leftnav-header"], [1, "ps-leftnav-title"], ["type", "button", "title", "Collapse navigation", "aria-label", "Collapse navigation", 1, "ps-leftnav-collapse-btn", 3, "click"], [1, "fa-solid", "fa-chevron-left"], [1, "ps-nav-group"], [1, "ps-nav-item", 3, "active"], [1, "ps-nav-item", 3, "click"]], template: function PSModelsResourceComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelement(0, "mj-page-header-interior", 0);
             i0.ɵɵelementStart(1, "mj-page-body-interior", 1);
-            i0.ɵɵconditionalCreate(2, PSModelsResourceComponent_Conditional_2_Template, 1, 0, "mj-loading", 2)(3, PSModelsResourceComponent_Conditional_3_Template, 10, 2, "div", 3)(4, PSModelsResourceComponent_Conditional_4_Template, 7, 4, "div", 4);
+            i0.ɵɵconditionalCreate(2, PSModelsResourceComponent_Conditional_2_Template, 1, 0, "mj-loading", 2)(3, PSModelsResourceComponent_Conditional_3_Template, 10, 2, "div", 3)(4, PSModelsResourceComponent_Conditional_4_Template, 8, 11, "div", 4);
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵproperty("Title", ctx.activeLabel)("Subtitle", ctx.activeSubtitle);
@@ -206,7 +296,7 @@ let PSModelsResourceComponent = class PSModelsResourceComponent extends PSResour
             i0.ɵɵproperty("Flex", true)("Padding", false);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.isLoading ? 2 : ctx.loadError ? 3 : 4);
-        } }, dependencies: [i1.MJButtonDirective, i1.MJPageHeaderInteriorComponent, i1.MJPageBodyInteriorComponent, i2.LoadingComponent, i3.PSRegistryComponent, i4.PSProductionComponent], styles: ["[_nghost-%COMP%] { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 0; }\n      .ps-models-host[_ngcontent-%COMP%] { display: flex; flex: 1; min-height: 0; overflow: hidden; }\n      .ps-leftnav[_ngcontent-%COMP%] { width: 210px; flex: none; border-right: 1px solid var(--mj-border-default); background: var(--mj-bg-surface-card); overflow-y: auto; padding: 10px 8px; display: flex; flex-direction: column; gap: 2px; }\n      .ps-nav-group[_ngcontent-%COMP%] { font-size: var(--mj-text-xs); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--mj-text-muted); padding: 12px 10px 4px; }\n      .ps-nav-item[_ngcontent-%COMP%] { display: flex; align-items: center; gap: 10px; width: 100%; text-align: left; padding: 8px 10px; border: none; background: transparent; border-radius: var(--mj-radius-md); cursor: pointer; color: var(--mj-text-secondary); font-size: var(--mj-text-sm); font-weight: 500; transition: background .12s, color .12s; }\n      .ps-nav-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { width: 18px; text-align: center; color: var(--mj-text-muted); }\n      .ps-nav-item[_ngcontent-%COMP%]:hover { background: var(--mj-bg-surface-hover); color: var(--mj-text-primary); }\n      .ps-nav-item.active[_ngcontent-%COMP%] { background: color-mix(in srgb, var(--mj-brand-primary) 12%, transparent); color: var(--mj-brand-primary); font-weight: 600; }\n      .ps-nav-item.active[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mj-brand-primary); }\n      .ps-content[_ngcontent-%COMP%] { flex: 1; min-width: 0; overflow-y: auto; padding: 8px 14px 24px; }\n      \n\n      .ps-content.fill[_ngcontent-%COMP%] { overflow: hidden; display: flex; flex-direction: column; padding-bottom: 14px; }\n      .ps-content.fill[_ngcontent-%COMP%]    > *[_ngcontent-%COMP%] { flex: 1; min-height: 0; display: flex; flex-direction: column; }\n      .ps-load-error[_ngcontent-%COMP%] { display: flex; align-items: center; gap: 14px; max-width: 620px; margin: 32px auto; padding: 18px 20px; border: 1px solid var(--mj-status-error-border); background: var(--mj-status-error-bg); border-radius: var(--mj-radius-lg); }\n      .ps-load-error[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%] { font-size: 24px; color: var(--mj-status-error); }\n      .ps-load-error-text[_ngcontent-%COMP%] { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }\n      .ps-load-error-text[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] { color: var(--mj-text-primary); }\n      .ps-load-error-detail[_ngcontent-%COMP%] { color: var(--mj-text-secondary); font-size: var(--mj-text-sm); word-break: break-word; }"], changeDetection: 0 });
+        } }, dependencies: [i1.MJButtonDirective, i1.MJPageHeaderInteriorComponent, i1.MJPageBodyInteriorComponent, i2.LoadingComponent, i3.SplitComponent, i3.SplitAreaComponent, i4.PSRegistryComponent, i5.PSProductionComponent], styles: ["[_nghost-%COMP%] { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 0; }\n      .ps-models-host[_ngcontent-%COMP%] { display: flex; flex: 1; min-height: 0; overflow: hidden; width: 100%; height: 100%; }\n      .models-splitter[_ngcontent-%COMP%] { flex: 1; width: 100%; height: 100%; min-height: 0; min-width: 0; background: transparent; }\n      .models-splitter[_ngcontent-%COMP%]   .as-split-gutter[_ngcontent-%COMP%] { background: transparent; transition: background-color 0.15s ease; position: relative; }\n      .models-splitter[_ngcontent-%COMP%]   .as-split-gutter[_ngcontent-%COMP%]:hover { background-color: var(--mj-brand-primary, #6366f1); }\n      .models-splitter[_ngcontent-%COMP%]   .as-split-gutter[_ngcontent-%COMP%]::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 2px; height: 24px; border-radius: 1px; background: var(--mj-border-strong, #cbd5e1); }\n      .models-splitter[_ngcontent-%COMP%]   .as-split-gutter[_ngcontent-%COMP%]:hover::after { background: #ffffff; }\n\n      .ps-nav-collapsed-strip[_ngcontent-%COMP%] { width: 44px; min-width: 44px; max-width: 44px; flex: none; background: var(--mj-bg-surface); border-right: 1px solid var(--mj-border-default); display: flex; flex-direction: column; align-items: center; padding: 10px 0; gap: 14px; z-index: 2; }\n      .ps-nav-rail-collapse[_ngcontent-%COMP%] { background: var(--mj-bg-surface-subtle); border: 1px solid var(--mj-border-default); border-radius: 6px; color: var(--mj-text-secondary); cursor: pointer; display: grid; place-items: center; width: 28px; height: 28px; padding: 0; font-size: 11px; transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease; }\n      .ps-nav-rail-collapse[_ngcontent-%COMP%]:hover { background: var(--mj-bg-surface-hover); color: var(--mj-text-primary); border-color: var(--mj-border-strong); }\n      .ps-nav-collapsed-strip-label[_ngcontent-%COMP%] { writing-mode: vertical-rl; transform: rotate(180deg); font-size: 11px; font-weight: 600; letter-spacing: 0.04em; color: var(--mj-text-muted); display: flex; align-items: center; gap: 8px; text-transform: uppercase; }\n\n      .ps-leftnav[_ngcontent-%COMP%] { width: 100%; height: 100%; border-right: 1px solid var(--mj-border-default); background: var(--mj-bg-surface-card); overflow-y: auto; padding: 8px; display: flex; flex-direction: column; gap: 2px; box-sizing: border-box; }\n      .ps-leftnav-header[_ngcontent-%COMP%] { display: flex; align-items: center; justify-content: space-between; padding: 4px 6px 8px; border-bottom: 1px solid var(--mj-border-subtle); margin-bottom: 4px; }\n      .ps-leftnav-title[_ngcontent-%COMP%] { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--mj-text-muted); }\n      .ps-leftnav-collapse-btn[_ngcontent-%COMP%] { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 6px; border: 1px solid var(--mj-border-default); background: var(--mj-bg-surface); color: var(--mj-text-muted); cursor: pointer; transition: all 0.15s ease; padding: 0; }\n      .ps-leftnav-collapse-btn[_ngcontent-%COMP%]:hover { background: var(--mj-bg-surface-hover); color: var(--mj-text-primary); border-color: var(--mj-border-strong); }\n\n      .ps-nav-group[_ngcontent-%COMP%] { font-size: var(--mj-text-xs); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--mj-text-muted); padding: 10px 8px 4px; }\n      .ps-nav-item[_ngcontent-%COMP%] { display: flex; align-items: center; gap: 10px; width: 100%; text-align: left; padding: 8px 10px; border: none; background: transparent; border-radius: var(--mj-radius-md); cursor: pointer; color: var(--mj-text-secondary); font-size: var(--mj-text-sm); font-weight: 500; transition: background .12s, color .12s; }\n      .ps-nav-item[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { width: 18px; text-align: center; color: var(--mj-text-muted); }\n      .ps-nav-item[_ngcontent-%COMP%]:hover { background: var(--mj-bg-surface-hover); color: var(--mj-text-primary); }\n      .ps-nav-item.active[_ngcontent-%COMP%] { background: color-mix(in srgb, var(--mj-brand-primary) 12%, transparent); color: var(--mj-brand-primary); font-weight: 600; }\n      .ps-nav-item.active[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] { color: var(--mj-brand-primary); }\n      .ps-content[_ngcontent-%COMP%] { width: 100%; height: 100%; flex: 1; min-width: 0; overflow-y: auto; padding: 8px 14px 24px; }\n      \n\n      .ps-content.fill[_ngcontent-%COMP%] { overflow: hidden; display: flex; flex-direction: column; padding-bottom: 14px; }\n      .ps-content.fill[_ngcontent-%COMP%]    > *[_ngcontent-%COMP%] { flex: 1; min-height: 0; display: flex; flex-direction: column; }\n      .ps-load-error[_ngcontent-%COMP%] { display: flex; align-items: center; gap: 14px; max-width: 620px; margin: 32px auto; padding: 18px 20px; border: 1px solid var(--mj-status-error-border); background: var(--mj-status-error-bg); border-radius: var(--mj-radius-lg); }\n      .ps-load-error[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%] { font-size: 24px; color: var(--mj-status-error); }\n      .ps-load-error-text[_ngcontent-%COMP%] { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }\n      .ps-load-error-text[_ngcontent-%COMP%]   strong[_ngcontent-%COMP%] { color: var(--mj-text-primary); }\n      .ps-load-error-detail[_ngcontent-%COMP%] { color: var(--mj-text-secondary); font-size: var(--mj-text-sm); word-break: break-word; }"], changeDetection: 0 });
 };
 PSModelsResourceComponent = __decorate([
     RegisterClass(BaseResourceComponent, 'PredictiveStudioModelsResource')
@@ -230,31 +320,54 @@ export { PSModelsResourceComponent };
           <button mjButton variant="secondary" size="sm" (click)="retryLoad()"><i class="fa-solid fa-rotate-right"></i> Try again</button>
         </div>
       } @else {
-        <div class="ps-models-host" data-testid="ps-models-shell">
-          <aside class="ps-leftnav">
-            @for (group of groups; track group) {
-              @if (group) { <div class="ps-nav-group">{{ group }}</div> }
-              @for (item of itemsForGroup(group); track item.key) {
-                <button class="ps-nav-item" [class.active]="activeSection === item.key"
-                  [attr.data-testid]="'ps-nav-' + item.key" (click)="selectSection(item.key)">
-                  <i [class]="item.icon"></i> <span>{{ item.label }}</span>
-                </button>
-              }
-            }
-          </aside>
+        <div class="ps-models-host" [class.nav-collapsed]="isNavCollapsed" data-testid="ps-models-shell">
+          @if (isNavCollapsed) {
+            <div class="ps-nav-collapsed-strip" role="region" aria-label="Models navigation (collapsed)">
+              <button class="ps-nav-rail-collapse" type="button" (click)="toggleNav()" aria-label="Expand models navigation" title="Expand navigation">
+                <i class="fa-solid fa-chevron-right"></i>
+              </button>
+              <div class="ps-nav-collapsed-strip-label"><i class="fa-solid fa-cubes"></i> Models</div>
+            </div>
+          }
 
-          <section class="ps-content" [class.fill]="activeSection === 'registry'" [attr.data-testid]="'ps-panel-' + activeSection">
-            @switch (activeSection) {
-              @case ('registry') { <ps-registry [engine]="engine" [provider]="ProviderToUse" [currentUser]="ProviderToUse.CurrentUser"></ps-registry> }
-              @case ('production') { <ps-production [engine]="engine"></ps-production> }
+          <as-split direction="horizontal" class="models-splitter" unit="percent" [gutterSize]="isNavCollapsed ? 0 : 6" (dragEnd)="onSplitDragEnd($event.sizes)">
+            @if (!isNavCollapsed) {
+              <as-split-area [size]="navSizePct" [minSize]="10" [maxSize]="30">
+                <aside class="ps-leftnav">
+                  <div class="ps-leftnav-header">
+                    <span class="ps-leftnav-title">Lifecycle</span>
+                    <button class="ps-leftnav-collapse-btn" type="button" (click)="toggleNav()" title="Collapse navigation" aria-label="Collapse navigation">
+                      <i class="fa-solid fa-chevron-left"></i>
+                    </button>
+                  </div>
+                  @for (group of groups; track group) {
+                    @if (group) { <div class="ps-nav-group">{{ group }}</div> }
+                    @for (item of itemsForGroup(group); track item.key) {
+                      <button class="ps-nav-item" [class.active]="activeSection === item.key"
+                        [attr.data-testid]="'ps-nav-' + item.key" (click)="selectSection(item.key)">
+                        <i [class]="item.icon"></i> <span>{{ item.label }}</span>
+                      </button>
+                    }
+                  }
+                </aside>
+              </as-split-area>
             }
-          </section>
+
+            <as-split-area [size]="isNavCollapsed ? 100 : contentSizePct" [minSize]="50">
+              <section class="ps-content" [class.fill]="activeSection === 'registry' || activeSection === 'production'" [attr.data-testid]="'ps-panel-' + activeSection">
+                @switch (activeSection) {
+                  @case ('registry') { <ps-registry [engine]="engine" [provider]="ProviderToUse" [currentUser]="ProviderToUse.CurrentUser" [initialModelId]="initialModelId"></ps-registry> }
+                  @case ('production') { <ps-production [engine]="engine"></ps-production> }
+                }
+              </section>
+            </as-split-area>
+          </as-split>
         </div>
       }
     </mj-page-body-interior>
-  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["\n      :host { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 0; }\n      .ps-models-host { display: flex; flex: 1; min-height: 0; overflow: hidden; }\n      .ps-leftnav { width: 210px; flex: none; border-right: 1px solid var(--mj-border-default); background: var(--mj-bg-surface-card); overflow-y: auto; padding: 10px 8px; display: flex; flex-direction: column; gap: 2px; }\n      .ps-nav-group { font-size: var(--mj-text-xs); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--mj-text-muted); padding: 12px 10px 4px; }\n      .ps-nav-item { display: flex; align-items: center; gap: 10px; width: 100%; text-align: left; padding: 8px 10px; border: none; background: transparent; border-radius: var(--mj-radius-md); cursor: pointer; color: var(--mj-text-secondary); font-size: var(--mj-text-sm); font-weight: 500; transition: background .12s, color .12s; }\n      .ps-nav-item i { width: 18px; text-align: center; color: var(--mj-text-muted); }\n      .ps-nav-item:hover { background: var(--mj-bg-surface-hover); color: var(--mj-text-primary); }\n      .ps-nav-item.active { background: color-mix(in srgb, var(--mj-brand-primary) 12%, transparent); color: var(--mj-brand-primary); font-weight: 600; }\n      .ps-nav-item.active i { color: var(--mj-brand-primary); }\n      .ps-content { flex: 1; min-width: 0; overflow-y: auto; padding: 8px 14px 24px; }\n      /* Fill mode (registry): the section stops page-scrolling so the panel's inner\n         columns (model list / detail) can each own their scrollbar. */\n      .ps-content.fill { overflow: hidden; display: flex; flex-direction: column; padding-bottom: 14px; }\n      .ps-content.fill > * { flex: 1; min-height: 0; display: flex; flex-direction: column; }\n      .ps-load-error { display: flex; align-items: center; gap: 14px; max-width: 620px; margin: 32px auto; padding: 18px 20px; border: 1px solid var(--mj-status-error-border); background: var(--mj-status-error-bg); border-radius: var(--mj-radius-lg); }\n      .ps-load-error > i { font-size: 24px; color: var(--mj-status-error); }\n      .ps-load-error-text { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }\n      .ps-load-error-text strong { color: var(--mj-text-primary); }\n      .ps-load-error-detail { color: var(--mj-text-secondary); font-size: var(--mj-text-sm); word-break: break-word; }\n    "] }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["\n      :host { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 0; }\n      .ps-models-host { display: flex; flex: 1; min-height: 0; overflow: hidden; width: 100%; height: 100%; }\n      .models-splitter { flex: 1; width: 100%; height: 100%; min-height: 0; min-width: 0; background: transparent; }\n      .models-splitter .as-split-gutter { background: transparent; transition: background-color 0.15s ease; position: relative; }\n      .models-splitter .as-split-gutter:hover { background-color: var(--mj-brand-primary, #6366f1); }\n      .models-splitter .as-split-gutter::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 2px; height: 24px; border-radius: 1px; background: var(--mj-border-strong, #cbd5e1); }\n      .models-splitter .as-split-gutter:hover::after { background: #ffffff; }\n\n      .ps-nav-collapsed-strip { width: 44px; min-width: 44px; max-width: 44px; flex: none; background: var(--mj-bg-surface); border-right: 1px solid var(--mj-border-default); display: flex; flex-direction: column; align-items: center; padding: 10px 0; gap: 14px; z-index: 2; }\n      .ps-nav-rail-collapse { background: var(--mj-bg-surface-subtle); border: 1px solid var(--mj-border-default); border-radius: 6px; color: var(--mj-text-secondary); cursor: pointer; display: grid; place-items: center; width: 28px; height: 28px; padding: 0; font-size: 11px; transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease; }\n      .ps-nav-rail-collapse:hover { background: var(--mj-bg-surface-hover); color: var(--mj-text-primary); border-color: var(--mj-border-strong); }\n      .ps-nav-collapsed-strip-label { writing-mode: vertical-rl; transform: rotate(180deg); font-size: 11px; font-weight: 600; letter-spacing: 0.04em; color: var(--mj-text-muted); display: flex; align-items: center; gap: 8px; text-transform: uppercase; }\n\n      .ps-leftnav { width: 100%; height: 100%; border-right: 1px solid var(--mj-border-default); background: var(--mj-bg-surface-card); overflow-y: auto; padding: 8px; display: flex; flex-direction: column; gap: 2px; box-sizing: border-box; }\n      .ps-leftnav-header { display: flex; align-items: center; justify-content: space-between; padding: 4px 6px 8px; border-bottom: 1px solid var(--mj-border-subtle); margin-bottom: 4px; }\n      .ps-leftnav-title { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--mj-text-muted); }\n      .ps-leftnav-collapse-btn { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 6px; border: 1px solid var(--mj-border-default); background: var(--mj-bg-surface); color: var(--mj-text-muted); cursor: pointer; transition: all 0.15s ease; padding: 0; }\n      .ps-leftnav-collapse-btn:hover { background: var(--mj-bg-surface-hover); color: var(--mj-text-primary); border-color: var(--mj-border-strong); }\n\n      .ps-nav-group { font-size: var(--mj-text-xs); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--mj-text-muted); padding: 10px 8px 4px; }\n      .ps-nav-item { display: flex; align-items: center; gap: 10px; width: 100%; text-align: left; padding: 8px 10px; border: none; background: transparent; border-radius: var(--mj-radius-md); cursor: pointer; color: var(--mj-text-secondary); font-size: var(--mj-text-sm); font-weight: 500; transition: background .12s, color .12s; }\n      .ps-nav-item i { width: 18px; text-align: center; color: var(--mj-text-muted); }\n      .ps-nav-item:hover { background: var(--mj-bg-surface-hover); color: var(--mj-text-primary); }\n      .ps-nav-item.active { background: color-mix(in srgb, var(--mj-brand-primary) 12%, transparent); color: var(--mj-brand-primary); font-weight: 600; }\n      .ps-nav-item.active i { color: var(--mj-brand-primary); }\n      .ps-content { width: 100%; height: 100%; flex: 1; min-width: 0; overflow-y: auto; padding: 8px 14px 24px; }\n      /* Fill mode (registry): the section stops page-scrolling so the panel's inner\n         columns (model list / detail) can each own their scrollbar. */\n      .ps-content.fill { overflow: hidden; display: flex; flex-direction: column; padding-bottom: 14px; }\n      .ps-content.fill > * { flex: 1; min-height: 0; display: flex; flex-direction: column; }\n      .ps-load-error { display: flex; align-items: center; gap: 14px; max-width: 620px; margin: 32px auto; padding: 18px 20px; border: 1px solid var(--mj-status-error-border); background: var(--mj-status-error-bg); border-radius: var(--mj-radius-lg); }\n      .ps-load-error > i { font-size: 24px; color: var(--mj-status-error); }\n      .ps-load-error-text { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }\n      .ps-load-error-text strong { color: var(--mj-text-primary); }\n      .ps-load-error-detail { color: var(--mj-text-secondary); font-size: var(--mj-text-sm); word-break: break-word; }\n    "] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PSModelsResourceComponent, { className: "PSModelsResourceComponent", filePath: "src/PredictiveStudio/resources/ps-models-resource.component.ts", lineNumber: 86 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PSModelsResourceComponent, { className: "PSModelsResourceComponent", filePath: "src/PredictiveStudio/resources/ps-models-resource.component.ts", lineNumber: 126 }); })();
 /** Tree-shaking prevention — called from the subpath module so the @RegisterClass survives bundling. */
 export function LoadPSModelsResource() {
     // intentionally empty

package/dist/PredictiveStudio/resources/ps-models-resource.component.js.map

@@ -1 +1 @@
-{"version":3,"file":"ps-models-resource.component.js","sourceRoot":"","sources":["../../../src/PredictiveStudio/resources/ps-models-resource.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { ChangeDetectionStrategy, ChangeDetectorRef, Component, inject } from '@angular/core';\nimport { RegisterClass } from '@memberjunction/global';\nimport { BaseResourceComponent } from '@memberjunction/ng-shared';\nimport { PSResourceBase } from './ps-resource-base';\nimport { PSPanelKey } from '../predictive-studio.types';\nimport { MODELS_SECTIONS, PSSection, sectionGroups, sectionsInGroup, sectionLabel, hasSection } from '../predictive-studio.nav';\nimport { buildModelsAgentContext, resolvePSRecord, buildPSNotFoundError } from '../predictive-studio-agent-context';\nimport { validateStringParam } from '../../shared/agent-tool-validation';\n\n/**\n * **Models** — the trained-model lifecycle door (one of Predictive Studio's three consolidated nav\n * items, alongside `Predictions` and `Studio`). Hosts the registry + production section panels\n * (`ps-registry`, `ps-production`) behind an internal left-nav. The active section round-trips through\n * the `section` query param, so the `Overview` panel's cross-door \"view in production\" links (and any\n * deep link) can land directly on the right section. No docked copilot here — these are read/manage\n * surfaces; model creation + the Model Dev Agent live in the `Studio` and `Predictions` doors.\n */\n@RegisterClass(BaseResourceComponent, 'PredictiveStudioModelsResource')\n@Component({\n  standalone: false,\n  selector: 'mj-ps-models-resource',\n  template: `\n    <mj-page-header-interior [Title]=\"activeLabel\" [Subtitle]=\"activeSubtitle\">\n    </mj-page-header-interior>\n    <mj-page-body-interior [Flex]=\"true\" [Padding]=\"false\">\n      @if (isLoading) {\n        <mj-loading text=\"Loading Models…\" size=\"medium\"></mj-loading>\n      } @else if (loadError) {\n        <div class=\"ps-load-error\" data-testid=\"ps-load-error\" role=\"alert\">\n          <i class=\"fa-solid fa-triangle-exclamation\"></i>\n          <div class=\"ps-load-error-text\">\n            <strong>Couldn't load {{ sectionTitle }}</strong>\n            <span class=\"ps-load-error-detail\">{{ loadError }}</span>\n          </div>\n          <button mjButton variant=\"secondary\" size=\"sm\" (click)=\"retryLoad()\"><i class=\"fa-solid fa-rotate-right\"></i> Try again</button>\n        </div>\n      } @else {\n        <div class=\"ps-models-host\" data-testid=\"ps-models-shell\">\n          <aside class=\"ps-leftnav\">\n            @for (group of groups; track group) {\n              @if (group) { <div class=\"ps-nav-group\">{{ group }}</div> }\n              @for (item of itemsForGroup(group); track item.key) {\n                <button class=\"ps-nav-item\" [class.active]=\"activeSection === item.key\"\n                  [attr.data-testid]=\"'ps-nav-' + item.key\" (click)=\"selectSection(item.key)\">\n                  <i [class]=\"item.icon\"></i> <span>{{ item.label }}</span>\n                </button>\n              }\n            }\n          </aside>\n\n          <section class=\"ps-content\" [class.fill]=\"activeSection === 'registry'\" [attr.data-testid]=\"'ps-panel-' + activeSection\">\n            @switch (activeSection) {\n              @case ('registry') { <ps-registry [engine]=\"engine\" [provider]=\"ProviderToUse\" [currentUser]=\"ProviderToUse.CurrentUser\"></ps-registry> }\n              @case ('production') { <ps-production [engine]=\"engine\"></ps-production> }\n            }\n          </section>\n        </div>\n      }\n    </mj-page-body-interior>\n  `,\n  styles: [\n    `\n      :host { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 0; }\n      .ps-models-host { display: flex; flex: 1; min-height: 0; overflow: hidden; }\n      .ps-leftnav { width: 210px; flex: none; border-right: 1px solid var(--mj-border-default); background: var(--mj-bg-surface-card); overflow-y: auto; padding: 10px 8px; display: flex; flex-direction: column; gap: 2px; }\n      .ps-nav-group { font-size: var(--mj-text-xs); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--mj-text-muted); padding: 12px 10px 4px; }\n      .ps-nav-item { display: flex; align-items: center; gap: 10px; width: 100%; text-align: left; padding: 8px 10px; border: none; background: transparent; border-radius: var(--mj-radius-md); cursor: pointer; color: var(--mj-text-secondary); font-size: var(--mj-text-sm); font-weight: 500; transition: background .12s, color .12s; }\n      .ps-nav-item i { width: 18px; text-align: center; color: var(--mj-text-muted); }\n      .ps-nav-item:hover { background: var(--mj-bg-surface-hover); color: var(--mj-text-primary); }\n      .ps-nav-item.active { background: color-mix(in srgb, var(--mj-brand-primary) 12%, transparent); color: var(--mj-brand-primary); font-weight: 600; }\n      .ps-nav-item.active i { color: var(--mj-brand-primary); }\n      .ps-content { flex: 1; min-width: 0; overflow-y: auto; padding: 8px 14px 24px; }\n      /* Fill mode (registry): the section stops page-scrolling so the panel's inner\n         columns (model list / detail) can each own their scrollbar. */\n      .ps-content.fill { overflow: hidden; display: flex; flex-direction: column; padding-bottom: 14px; }\n      .ps-content.fill > * { flex: 1; min-height: 0; display: flex; flex-direction: column; }\n      .ps-load-error { display: flex; align-items: center; gap: 14px; max-width: 620px; margin: 32px auto; padding: 18px 20px; border: 1px solid var(--mj-status-error-border); background: var(--mj-status-error-bg); border-radius: var(--mj-radius-lg); }\n      .ps-load-error > i { font-size: 24px; color: var(--mj-status-error); }\n      .ps-load-error-text { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }\n      .ps-load-error-text strong { color: var(--mj-text-primary); }\n      .ps-load-error-detail { color: var(--mj-text-secondary); font-size: var(--mj-text-sm); word-break: break-word; }\n    `,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class PSModelsResourceComponent extends PSResourceBase {\n  protected readonly SectionKey = 'models';\n  protected readonly SectionLabel = 'Models';\n  protected readonly SectionIcon = 'fa-solid fa-cubes';\n\n  private readonly cdrLocal = inject(ChangeDetectorRef);\n\n  public activeSection: PSPanelKey = 'registry';\n  public readonly sections: readonly PSSection[] = MODELS_SECTIONS;\n\n  override ngOnInit(): void {\n    super.ngOnInit();\n    const initial = this.GetQueryParams()['section'] as PSPanelKey | undefined;\n    if (initial && hasSection(this.sections, initial)) this.activeSection = initial;\n  }\n\n  protected override OnQueryParamsChanged(params: Record<string, string>, _source: 'popstate' | 'deeplink'): void {\n    const next = params['section'] as PSPanelKey | undefined;\n    if (next && next !== this.activeSection && hasSection(this.sections, next)) {\n      this.activeSection = next;\n      this.cdrLocal.detectChanges();\n    }\n  }\n\n  /** Deep agent context for the Models door: active section + trained-model lifecycle counts. */\n  protected override extraAgentContext(): Record<string, unknown> {\n    const models = this.engine.Models;\n    return buildModelsAgentContext({\n      ActiveSection: this.activeSection,\n      ActiveSectionLabel: this.activeLabel,\n      SectionLabels: this.sections.map((s) => s.label),\n      TotalModelCount: models.length,\n      PublishedModelCount: this.engine.PublishedModels.length,\n      DraftModelCount: models.filter((m) => m.Status === 'Draft').length,\n      ProductionModelCount: models.filter((m) => this.engine.RecordProcessIDsForModel(m.ID).length > 0).length,\n    });\n  }\n\n  /**\n   * 🔒 Read/navigate-only agent tool for the Models door: switch the active section (Model Registry ↔\n   * Models in Production). NO promote/retire/delete/score tool is exposed — model lifecycle changes stay\n   * behind the user's own clicks.\n   */\n  protected override registerAgentTools(): void {\n    this.navigationService.SetAgentClientTools(this, [\n      {\n        Name: 'SwitchModelsSection',\n        Description: 'Switch the Models door to a section. Pass the section key or label (see SectionLabels): Model Registry or Models in Production.',\n        ParameterSchema: { type: 'object', properties: { section: { type: 'string', description: 'The section key or label to switch to' } } },\n        Handler: async (params: Record<string, unknown>) => {\n          const check = validateStringParam(params['section'], 'section');\n          if (!check.ok) return check.result;\n          const candidates = this.sections.map((s) => ({ ID: s.key, Name: s.label }));\n          const match = resolvePSRecord(check.value, candidates);\n          if (!match) return { Success: false, ErrorMessage: buildPSNotFoundError(check.value, candidates, 'section') };\n          this.selectSection(match.ID as PSPanelKey);\n          return { Success: true, Data: { activeSection: match.Name } };\n        },\n      },\n    ]);\n  }\n\n  public get groups(): string[] { return sectionGroups(this.sections); }\n  public itemsForGroup(group: string): PSSection[] { return sectionsInGroup(this.sections, group); }\n  public get activeLabel(): string { return sectionLabel(this.sections, this.activeSection); }\n\n  /** Section-specific subtitle for the interior header. */\n  public get activeSubtitle(): string {\n    const map: Record<string, string> = {\n      registry: 'Versioned trained models, their metrics, and lineage.',\n      production: \"What's scoring live, and its recent runs.\",\n    };\n    return map[this.activeSection] ?? '';\n  }\n\n  public selectSection(key: PSPanelKey): void {\n    if (this.activeSection === key) return;\n    this.activeSection = key;\n    this.UpdateQueryParams({ section: key });\n    this.publishAgentContext();\n    this.cdrLocal.detectChanges();\n  }\n}\n\n/** Tree-shaking prevention — called from the subpath module so the @RegisterClass survives bundling. */\nexport function LoadPSModelsResource(): void {\n  // intentionally empty\n}\n"]}
+{"version":3,"file":"ps-models-resource.component.js","sourceRoot":"","sources":["../../../src/PredictiveStudio/resources/ps-models-resource.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { ChangeDetectionStrategy, ChangeDetectorRef, Component, inject } from '@angular/core';\nimport { RegisterClass, UUIDsEqual } from '@memberjunction/global';\nimport { UserInfoEngine } from '@memberjunction/core-entities';\nimport { BaseResourceComponent } from '@memberjunction/ng-shared';\nimport { PSResourceBase } from './ps-resource-base';\nimport { PSPanelKey } from '../predictive-studio.types';\nimport { MODELS_SECTIONS, PSSection, sectionGroups, sectionsInGroup, sectionLabel, hasSection } from '../predictive-studio.nav';\nimport { buildModelsAgentContext, resolvePSRecord, buildPSNotFoundError } from '../predictive-studio-agent-context';\nimport { validateStringParam } from '../../shared/agent-tool-validation';\n\n/**\n * **Models** — the trained-model lifecycle door (one of Predictive Studio's three consolidated nav\n * items, alongside `Predictions` and `Studio`). Hosts the registry + production section panels\n * (`ps-registry`, `ps-production`) behind an internal left-nav. The active section round-trips through\n * the `section` query param, so the `Overview` panel's cross-door \"view in production\" links (and any\n * deep link) can land directly on the right section. No docked copilot here — these are read/manage\n * surfaces; model creation + the Model Dev Agent live in the `Studio` and `Predictions` doors.\n */\n@RegisterClass(BaseResourceComponent, 'PredictiveStudioModelsResource')\n@Component({\n  standalone: false,\n  selector: 'mj-ps-models-resource',\n  template: `\n    <mj-page-header-interior [Title]=\"activeLabel\" [Subtitle]=\"activeSubtitle\">\n    </mj-page-header-interior>\n    <mj-page-body-interior [Flex]=\"true\" [Padding]=\"false\">\n      @if (isLoading) {\n        <mj-loading text=\"Loading Models…\" size=\"medium\"></mj-loading>\n      } @else if (loadError) {\n        <div class=\"ps-load-error\" data-testid=\"ps-load-error\" role=\"alert\">\n          <i class=\"fa-solid fa-triangle-exclamation\"></i>\n          <div class=\"ps-load-error-text\">\n            <strong>Couldn't load {{ sectionTitle }}</strong>\n            <span class=\"ps-load-error-detail\">{{ loadError }}</span>\n          </div>\n          <button mjButton variant=\"secondary\" size=\"sm\" (click)=\"retryLoad()\"><i class=\"fa-solid fa-rotate-right\"></i> Try again</button>\n        </div>\n      } @else {\n        <div class=\"ps-models-host\" [class.nav-collapsed]=\"isNavCollapsed\" data-testid=\"ps-models-shell\">\n          @if (isNavCollapsed) {\n            <div class=\"ps-nav-collapsed-strip\" role=\"region\" aria-label=\"Models navigation (collapsed)\">\n              <button class=\"ps-nav-rail-collapse\" type=\"button\" (click)=\"toggleNav()\" aria-label=\"Expand models navigation\" title=\"Expand navigation\">\n                <i class=\"fa-solid fa-chevron-right\"></i>\n              </button>\n              <div class=\"ps-nav-collapsed-strip-label\"><i class=\"fa-solid fa-cubes\"></i> Models</div>\n            </div>\n          }\n\n          <as-split direction=\"horizontal\" class=\"models-splitter\" unit=\"percent\" [gutterSize]=\"isNavCollapsed ? 0 : 6\" (dragEnd)=\"onSplitDragEnd($event.sizes)\">\n            @if (!isNavCollapsed) {\n              <as-split-area [size]=\"navSizePct\" [minSize]=\"10\" [maxSize]=\"30\">\n                <aside class=\"ps-leftnav\">\n                  <div class=\"ps-leftnav-header\">\n                    <span class=\"ps-leftnav-title\">Lifecycle</span>\n                    <button class=\"ps-leftnav-collapse-btn\" type=\"button\" (click)=\"toggleNav()\" title=\"Collapse navigation\" aria-label=\"Collapse navigation\">\n                      <i class=\"fa-solid fa-chevron-left\"></i>\n                    </button>\n                  </div>\n                  @for (group of groups; track group) {\n                    @if (group) { <div class=\"ps-nav-group\">{{ group }}</div> }\n                    @for (item of itemsForGroup(group); track item.key) {\n                      <button class=\"ps-nav-item\" [class.active]=\"activeSection === item.key\"\n                        [attr.data-testid]=\"'ps-nav-' + item.key\" (click)=\"selectSection(item.key)\">\n                        <i [class]=\"item.icon\"></i> <span>{{ item.label }}</span>\n                      </button>\n                    }\n                  }\n                </aside>\n              </as-split-area>\n            }\n\n            <as-split-area [size]=\"isNavCollapsed ? 100 : contentSizePct\" [minSize]=\"50\">\n              <section class=\"ps-content\" [class.fill]=\"activeSection === 'registry' || activeSection === 'production'\" [attr.data-testid]=\"'ps-panel-' + activeSection\">\n                @switch (activeSection) {\n                  @case ('registry') { <ps-registry [engine]=\"engine\" [provider]=\"ProviderToUse\" [currentUser]=\"ProviderToUse.CurrentUser\" [initialModelId]=\"initialModelId\"></ps-registry> }\n                  @case ('production') { <ps-production [engine]=\"engine\"></ps-production> }\n                }\n              </section>\n            </as-split-area>\n          </as-split>\n        </div>\n      }\n    </mj-page-body-interior>\n  `,\n  styles: [\n    `\n      :host { display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 0; }\n      .ps-models-host { display: flex; flex: 1; min-height: 0; overflow: hidden; width: 100%; height: 100%; }\n      .models-splitter { flex: 1; width: 100%; height: 100%; min-height: 0; min-width: 0; background: transparent; }\n      .models-splitter .as-split-gutter { background: transparent; transition: background-color 0.15s ease; position: relative; }\n      .models-splitter .as-split-gutter:hover { background-color: var(--mj-brand-primary, #6366f1); }\n      .models-splitter .as-split-gutter::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 2px; height: 24px; border-radius: 1px; background: var(--mj-border-strong, #cbd5e1); }\n      .models-splitter .as-split-gutter:hover::after { background: #ffffff; }\n\n      .ps-nav-collapsed-strip { width: 44px; min-width: 44px; max-width: 44px; flex: none; background: var(--mj-bg-surface); border-right: 1px solid var(--mj-border-default); display: flex; flex-direction: column; align-items: center; padding: 10px 0; gap: 14px; z-index: 2; }\n      .ps-nav-rail-collapse { background: var(--mj-bg-surface-subtle); border: 1px solid var(--mj-border-default); border-radius: 6px; color: var(--mj-text-secondary); cursor: pointer; display: grid; place-items: center; width: 28px; height: 28px; padding: 0; font-size: 11px; transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease; }\n      .ps-nav-rail-collapse:hover { background: var(--mj-bg-surface-hover); color: var(--mj-text-primary); border-color: var(--mj-border-strong); }\n      .ps-nav-collapsed-strip-label { writing-mode: vertical-rl; transform: rotate(180deg); font-size: 11px; font-weight: 600; letter-spacing: 0.04em; color: var(--mj-text-muted); display: flex; align-items: center; gap: 8px; text-transform: uppercase; }\n\n      .ps-leftnav { width: 100%; height: 100%; border-right: 1px solid var(--mj-border-default); background: var(--mj-bg-surface-card); overflow-y: auto; padding: 8px; display: flex; flex-direction: column; gap: 2px; box-sizing: border-box; }\n      .ps-leftnav-header { display: flex; align-items: center; justify-content: space-between; padding: 4px 6px 8px; border-bottom: 1px solid var(--mj-border-subtle); margin-bottom: 4px; }\n      .ps-leftnav-title { font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: var(--mj-text-muted); }\n      .ps-leftnav-collapse-btn { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border-radius: 6px; border: 1px solid var(--mj-border-default); background: var(--mj-bg-surface); color: var(--mj-text-muted); cursor: pointer; transition: all 0.15s ease; padding: 0; }\n      .ps-leftnav-collapse-btn:hover { background: var(--mj-bg-surface-hover); color: var(--mj-text-primary); border-color: var(--mj-border-strong); }\n\n      .ps-nav-group { font-size: var(--mj-text-xs); font-weight: 700; text-transform: uppercase; letter-spacing: .04em; color: var(--mj-text-muted); padding: 10px 8px 4px; }\n      .ps-nav-item { display: flex; align-items: center; gap: 10px; width: 100%; text-align: left; padding: 8px 10px; border: none; background: transparent; border-radius: var(--mj-radius-md); cursor: pointer; color: var(--mj-text-secondary); font-size: var(--mj-text-sm); font-weight: 500; transition: background .12s, color .12s; }\n      .ps-nav-item i { width: 18px; text-align: center; color: var(--mj-text-muted); }\n      .ps-nav-item:hover { background: var(--mj-bg-surface-hover); color: var(--mj-text-primary); }\n      .ps-nav-item.active { background: color-mix(in srgb, var(--mj-brand-primary) 12%, transparent); color: var(--mj-brand-primary); font-weight: 600; }\n      .ps-nav-item.active i { color: var(--mj-brand-primary); }\n      .ps-content { width: 100%; height: 100%; flex: 1; min-width: 0; overflow-y: auto; padding: 8px 14px 24px; }\n      /* Fill mode (registry): the section stops page-scrolling so the panel's inner\n         columns (model list / detail) can each own their scrollbar. */\n      .ps-content.fill { overflow: hidden; display: flex; flex-direction: column; padding-bottom: 14px; }\n      .ps-content.fill > * { flex: 1; min-height: 0; display: flex; flex-direction: column; }\n      .ps-load-error { display: flex; align-items: center; gap: 14px; max-width: 620px; margin: 32px auto; padding: 18px 20px; border: 1px solid var(--mj-status-error-border); background: var(--mj-status-error-bg); border-radius: var(--mj-radius-lg); }\n      .ps-load-error > i { font-size: 24px; color: var(--mj-status-error); }\n      .ps-load-error-text { display: flex; flex-direction: column; gap: 2px; flex: 1; min-width: 0; }\n      .ps-load-error-text strong { color: var(--mj-text-primary); }\n      .ps-load-error-detail { color: var(--mj-text-secondary); font-size: var(--mj-text-sm); word-break: break-word; }\n    `,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class PSModelsResourceComponent extends PSResourceBase {\n  protected readonly SectionKey = 'models';\n  protected readonly SectionLabel = 'Models';\n  protected readonly SectionIcon = 'fa-solid fa-cubes';\n\n  private readonly cdrLocal = inject(ChangeDetectorRef);\n\n  public activeSection: PSPanelKey = 'registry';\n  public readonly sections: readonly PSSection[] = MODELS_SECTIONS;\n  public initialModelId?: string;\n  public isNavCollapsed = false;\n  public navSizePct = 14;\n  public contentSizePct = 86;\n\n  override ngOnInit(): void {\n    super.ngOnInit();\n    const qp = this.GetQueryParams();\n    const initial = qp['section'] as PSPanelKey | undefined;\n    if (initial && hasSection(this.sections, initial)) this.activeSection = initial;\n    if (qp['modelId']) this.initialModelId = qp['modelId'];\n    this.loadLayoutPrefs();\n  }\n\n  public toggleNav(): void {\n    this.isNavCollapsed = !this.isNavCollapsed;\n    this.saveLayoutPrefs();\n    this.cdrLocal.detectChanges();\n  }\n\n  public onSplitDragEnd(sizes: readonly (number | '*')[]): void {\n    if (Array.isArray(sizes) && sizes.length === 2 && typeof sizes[0] === 'number' && typeof sizes[1] === 'number') {\n      this.navSizePct = Math.round(sizes[0]);\n      this.contentSizePct = Math.round(sizes[1]);\n      this.saveLayoutPrefs();\n    }\n  }\n\n  private loadLayoutPrefs(): void {\n    const raw = UserInfoEngine.Instance.GetSetting('mj.predictiveStudio.models.layout');\n    if (raw) {\n      try {\n        const parsed = JSON.parse(raw);\n        if (typeof parsed.navSizePct === 'number' && parsed.navSizePct >= 10 && parsed.navSizePct <= 35) {\n          this.navSizePct = parsed.navSizePct;\n          this.contentSizePct = 100 - parsed.navSizePct;\n        }\n        if (typeof parsed.isNavCollapsed === 'boolean') {\n          this.isNavCollapsed = parsed.isNavCollapsed;\n        }\n      } catch {}\n    }\n  }\n\n  private saveLayoutPrefs(): void {\n    const prefs = {\n      navSizePct: this.navSizePct,\n      contentSizePct: this.contentSizePct,\n      isNavCollapsed: this.isNavCollapsed,\n    };\n    UserInfoEngine.Instance.SetSettingDebounced('mj.predictiveStudio.models.layout', JSON.stringify(prefs));\n  }\n\n  protected override async OnQueryParamsChanged(params: Record<string, string>, _source: 'popstate' | 'deeplink'): Promise<void> {\n    const next = params['section'] as PSPanelKey | undefined;\n    if (next && next !== this.activeSection && hasSection(this.sections, next)) {\n      this.activeSection = next;\n    }\n    if (params['modelId']) {\n      this.initialModelId = params['modelId'];\n      if (this.engine && !this.engine.Models.some((m) => UUIDsEqual(m.ID, params['modelId']))) {\n        await this.engine.Config(true, this.ProviderToUse.CurrentUser ?? undefined, this.ProviderToUse);\n      }\n    }\n    this.cdrLocal.detectChanges();\n  }\n\n  /** Deep agent context for the Models door: active section + trained-model lifecycle counts. */\n  protected override extraAgentContext(): Record<string, unknown> {\n    const models = this.engine.Models;\n    return buildModelsAgentContext({\n      ActiveSection: this.activeSection,\n      ActiveSectionLabel: this.activeLabel,\n      SectionLabels: this.sections.map((s) => s.label),\n      TotalModelCount: models.length,\n      PublishedModelCount: this.engine.PublishedModels.length,\n      DraftModelCount: models.filter((m) => m.Status === 'Draft').length,\n      ProductionModelCount: models.filter((m) => this.engine.RecordProcessIDsForModel(m.ID).length > 0).length,\n    });\n  }\n\n  /**\n   * 🔒 Read/navigate-only agent tool for the Models door: switch the active section (Model Registry ↔\n   * Models in Production). NO promote/retire/delete/score tool is exposed — model lifecycle changes stay\n   * behind the user's own clicks.\n   */\n  protected override registerAgentTools(): void {\n    this.navigationService.SetAgentClientTools(this, [\n      {\n        Name: 'SwitchModelsSection',\n        Description: 'Switch the Models door to a section. Pass the section key or label (see SectionLabels): Model Registry or Models in Production.',\n        ParameterSchema: { type: 'object', properties: { section: { type: 'string', description: 'The section key or label to switch to' } } },\n        Handler: async (params: Record<string, unknown>) => {\n          const check = validateStringParam(params['section'], 'section');\n          if (!check.ok) return check.result;\n          const candidates = this.sections.map((s) => ({ ID: s.key, Name: s.label }));\n          const match = resolvePSRecord(check.value, candidates);\n          if (!match) return { Success: false, ErrorMessage: buildPSNotFoundError(check.value, candidates, 'section') };\n          this.selectSection(match.ID as PSPanelKey);\n          return { Success: true, Data: { activeSection: match.Name } };\n        },\n      },\n    ]);\n  }\n\n  public get groups(): string[] { return sectionGroups(this.sections); }\n  public itemsForGroup(group: string): PSSection[] { return sectionsInGroup(this.sections, group); }\n  public get activeLabel(): string { return sectionLabel(this.sections, this.activeSection); }\n\n  /** Section-specific subtitle for the interior header. */\n  public get activeSubtitle(): string {\n    const map: Record<string, string> = {\n      registry: 'Versioned trained models, their metrics, and lineage.',\n      production: \"What's scoring live, and its recent runs.\",\n    };\n    return map[this.activeSection] ?? '';\n  }\n\n  public selectSection(key: PSPanelKey): void {\n    if (this.activeSection === key) return;\n    this.activeSection = key;\n    this.UpdateQueryParams({ section: key });\n    this.publishAgentContext();\n    this.cdrLocal.detectChanges();\n  }\n}\n\n/** Tree-shaking prevention — called from the subpath module so the @RegisterClass survives bundling. */\nexport function LoadPSModelsResource(): void {\n  // intentionally empty\n}\n"]}

package/dist/PredictiveStudio/resources/ps-predictions-resource.component.d.ts

@@ -33,6 +33,12 @@ export declare class PSPredictionsResourceComponent extends PSResourceBase {
     chatConversation: MJConversationEntity | null;
     chatConversationId: string | null;
     chatIsNewConversation: boolean;
+    mainSizePct: number;
+    copilotSizePct: number;
+    ngOnInit(): void;
+    onCopilotSplitDragEnd(sizes: readonly (number | '*')[]): void;
+    private loadLayoutPrefs;
+    private saveLayoutPrefs;
     /** The ranked at-risk rows for the open prediction's latest run (empty until loaded / when no run yet). */
     atRiskRows: AtRiskRow[];
     /** Plain-language "what's driving this" drivers for the open prediction (global feature importance). */
@@ -44,6 +50,7 @@ export declare class PSPredictionsResourceComponent extends PSResourceBase {
     /** "Send to a list" in-flight guard + last-result message (P1 #4). */
     creatingList: boolean;
     listResult: string | null;
+    latestRunId: string | null;
     /** Capability cards for the first-run intro (what PS can do), shown when the catalog is empty. */
     readonly capabilityCards: readonly PSCapabilityCard[];
     /** The business catalog cards, most-trustworthy first, derived from the engine's published models. */
@@ -70,7 +77,8 @@ export declare class PSPredictionsResourceComponent extends PSResourceBase {
      * model's target entity, so the list reads like a call sheet instead of a column of UUIDs. Resolves the
      * top-risk rows (capped) to keep the lookup light; unresolved rows fall back to their id in the template.
      */
-    /** Resolve a model's scored target entity (id + name) via its pipeline — the model row itself only carries PipelineID. */
+    get selectedTargetEntityName(): string | null;
+    get selectedProblemType(): string | null;
     private targetEntityForModel;
     private resolveAtRiskLabels;
     backToCatalog(): void;

package/dist/PredictiveStudio/resources/ps-predictions-resource.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ps-predictions-resource.component.d.ts","sourceRoot":"","sources":["../../../src/PredictiveStudio/resources/ps-predictions-resource.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAmC,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACjF,OAAO,EAAE,oBAAoB,EAA4G,MAAM,+BAA+B,CAAC;AAI/K,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAwB,KAAK,sBAAsB,EAAE,MAAM,qCAAqC,CAAC;AACxG,OAAO,EAAsD,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAI5G,OAAO,EAA2C,KAAK,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;;AAK1H;;;;;;GAMG;AACH,qBAiRa,8BAA+B,SAAQ,cAAc;IAChE,SAAS,CAAC,QAAQ,CAAC,UAAU,iBAAiB;IAC9C,SAAS,CAAC,QAAQ,CAAC,YAAY,iBAAiB;IAChD,SAAS,CAAC,QAAQ,CAAC,WAAW,qCAAqC;IAEnE,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAA6B;IAEtD,mEAAmE;IAC5D,IAAI,EAAE,SAAS,GAAG,WAAW,CAAa;IAC1C,QAAQ,EAAE,sBAAsB,GAAG,IAAI,CAAQ;IAC/C,QAAQ,UAAS;IACjB,aAAa,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC3C,OAAO,CAAC,gBAAgB,CAAuB;IAE/C;;;;;;OAMG;IACI,gBAAgB,EAAE,oBAAoB,GAAG,IAAI,CAAQ;IACrD,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAQ;IACzC,qBAAqB,UAAQ;IAEpC,2GAA2G;IACpG,UAAU,EAAE,SAAS,EAAE,CAAM;IACpC,wGAAwG;IACjG,OAAO,EAAE,MAAM,EAAE,CAAM;IAC9B,mEAAmE;IAC5D,aAAa,UAAS;IAC7B,kJAAkJ;IAC3I,WAAW,EAAE,MAAM,GAAG,IAAI,CAAQ;IACzC,sEAAsE;IAC/D,YAAY,UAAS;IACrB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAQ;IAExC,kGAAkG;IAClG,SAAgB,eAAe,EAAE,SAAS,gBAAgB,EAAE,CAAuB;IAEnF,sGAAsG;IACtG,IAAW,KAAK,IAAI,sBAAsB,EAAE,CAW3C;IAEM,IAAI,CAAC,CAAC,EAAE,sBAAsB,GAAG,MAAM;IACvC,QAAQ,IAAI,MAAM;IAEzB,iIAAiI;cAC9G,iBAAiB,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAkB/D;;;;;;OAMG;cACgB,kBAAkB,IAAI,IAAI;IAgEtC,IAAI,CAAC,CAAC,EAAE,sBAAsB,GAAG,IAAI;IAgB5C,gGAAgG;YAClF,UAAU;IA+BxB,4GAA4G;IACrG,WAAW,IAAI,IAAI;IAI1B;;;;OAIG;IACH,0HAA0H;IAC1H,OAAO,CAAC,oBAAoB;YAQd,mBAAmB;IAuC1B,aAAa,IAAI,IAAI;IAU5B,yEAAyE;IAClE,YAAY,IAAI,IAAI;IAI3B,iHAAiH;IAC1G,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAOvC;;;;OAIG;IACU,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC;IAsDxC;;;;OAIG;IACH,OAAO,CAAC,OAAO;IAKf,+EAA+E;IACxE,UAAU,IAAI,IAAI;IAczB,0IAA0I;IACnI,aAAa,IAAI,IAAI;IAQ5B;;;;OAIG;IACI,iBAAiB,CAAC,CAAC,EAAE,sBAAsB,GAAG,IAAI;IAYzD,uHAAuH;IAChH,wBAAwB,IAAI,IAAI;IAQhC,SAAS,IAAI,IAAI;IAOxB;;;;OAIG;IACI,yBAAyB,CAAC,KAAK,EAAE;QAAE,YAAY,EAAE,oBAAoB,CAAC;QAAC,cAAc,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI;IAQ9G,qGAAqG;IAC9F,4BAA4B,IAAI,IAAI;IAK3C,IAAW,WAAW,IAAI,QAAQ,GAAG,IAAI,CAAmD;IAC5F,IAAW,iBAAiB,IAAI,MAAM,CAErC;IACD,IAAW,aAAa,IAAI,MAAM,GAAG,IAAI,CAAwF;IACjI,IAAW,eAAe,IAAI,MAAM,GAAG,IAAI,CAAkC;IAC7E,IAAW,cAAc,IAAI,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAEnD;YAEa,2BAA2B;yCA/a9B,8BAA8B;2CAA9B,8BAA8B;CA2b1C;AAED,wGAAwG;AACxG,wBAAgB,yBAAyB,IAAI,IAAI,CAEhD"}
+{"version":3,"file":"ps-predictions-resource.component.d.ts","sourceRoot":"","sources":["../../../src/PredictiveStudio/resources/ps-predictions-resource.component.ts"],"names":[],"mappings":"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"}