@memberjunction/ng-core-entity-forms 6.2.0-edge.0 → 6.2.0-edge.1

package/dist/lib/custom/MLModels/ps-model-detail.component.js

@@ -4,7 +4,7 @@ import { FormsModule } from '@angular/forms';
 import { MJButtonDirective } from '@memberjunction/ng-ui-components';
 import { MJNotificationService } from '@memberjunction/ng-notifications';
 import { PredictiveStudioPromoteModelOperation, } from '@memberjunction/core-entities';
-import { PS_FEATURE_DOMINANCE_THRESHOLD, formatMetricValue, humanizeFeatureName, maxFeatureImportance, metricsToDisplay, overfitGap, parseFeatureImportance, parseMetrics, primaryModelScore, } from './ml-model-view-models';
+import { PS_FEATURE_DOMINANCE_THRESHOLD, FormatMetricValue, HumanizeFeatureName, MaxFeatureImportance, MetricsToDisplay, OverfitGap, ParseFeatureImportance, ParseMetrics, PrimaryModelScore, } from './ml-model-view-models';
 import * as i0 from "@angular/core";
 import * as i1 from "@angular/forms";
 const _forTrack0 = ($index, $item) => $item.key;
@@ -421,28 +421,104 @@ function PSModelDetailComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
  */
 export class PSModelDetailComponent {
     constructor() {
-        this.model = null;
-        this.provider = null;
-        this.currentUser = null;
-        this.showActions = true;
-        this.statusChanged = new EventEmitter();
+        this.Model = null;
+        this.Provider = null;
+        this.CurrentUser = null;
+        this.ShowActions = true;
+        this.StatusChanged = new EventEmitter();
+        /**
+         * @deprecated Use {@link StatusChanged}.
+         *
+         * The same emitter under the old binding name, so a template still binding
+         * (statusChanged) keeps working. Must stay AFTER StatusChanged: class fields
+         * initialise in order, and the other way round this captures undefined.
+         */
+        this.statusChanged = this.StatusChanged;
         this.cdr = inject(ChangeDetectorRef);
         this.notifications = inject(MJNotificationService);
-        this.lifecycleSteps = ['Draft', 'Validated', 'Published', 'Archived'];
-        this.dominanceThreshold = PS_FEATURE_DOMINANCE_THRESHOLD.toFixed(2);
-        this.pending = null;
-        this.pendingReason = '';
-        this.busy = false;
+        this.LifecycleSteps = ['Draft', 'Validated', 'Published', 'Archived'];
+        this.DominanceThreshold = PS_FEATURE_DOMINANCE_THRESHOLD.toFixed(2);
+        this.Pending = null;
+        this.PendingReason = '';
+        this.Busy = false;
     }
-    get modelDisplayName() {
+    /** @deprecated Use {@link Model}. */
+    set model(value) {
+        this.Model = value;
+    }
+    /** @deprecated Use {@link Model}. */
+    get model() {
+        return this.Model;
+    }
+    /** @deprecated Use {@link Provider}. */
+    set provider(value) {
+        this.Provider = value;
+    }
+    /** @deprecated Use {@link Provider}. */
+    get provider() {
+        return this.Provider;
+    }
+    /** @deprecated Use {@link CurrentUser}. */
+    set currentUser(value) {
+        this.CurrentUser = value;
+    }
+    /** @deprecated Use {@link CurrentUser}. */
+    get currentUser() {
+        return this.CurrentUser;
+    }
+    /** @deprecated Use {@link ShowActions}. */
+    set showActions(value) {
+        this.ShowActions = value;
+    }
+    /** @deprecated Use {@link ShowActions}. */
+    get showActions() {
+        return this.ShowActions;
+    }
+    /** @deprecated Use {@link LifecycleSteps}. */
+    get lifecycleSteps() {
+        return this.LifecycleSteps;
+    }
+    /** @deprecated Use {@link DominanceThreshold}. */
+    get dominanceThreshold() {
+        return this.DominanceThreshold;
+    }
+    /** @deprecated Use {@link Pending}. */
+    get pending() {
+        return this.Pending;
+    }
+    /** @deprecated Use {@link Pending}. */
+    set pending(value) {
+        this.Pending = value;
+    }
+    /** @deprecated Use {@link PendingReason}. */
+    get pendingReason() {
+        return this.PendingReason;
+    }
+    /** @deprecated Use {@link PendingReason}. */
+    set pendingReason(value) {
+        this.PendingReason = value;
+    }
+    /** @deprecated Use {@link Busy}. */
+    get busy() {
+        return this.Busy;
+    }
+    /** @deprecated Use {@link Busy}. */
+    set busy(value) {
+        this.Busy = value;
+    }
+    get ModelDisplayName() {
         if (this.displayName)
             return this.displayName;
-        if (!this.model)
+        if (!this.Model)
             return '';
-        return this.model.Pipeline || (this.model.Algorithm ? `${this.model.Algorithm} Model` : 'ML Model');
+        return this.Model.Pipeline || (this.Model.Algorithm ? `${this.Model.Algorithm} Model` : 'ML Model');
+    }
+    /** @deprecated Use {@link ModelDisplayName}. */
+    get modelDisplayName() {
+        return this.ModelDisplayName;
     }
     // ── Badges & Lifecycle Stepper ──
-    statusBadgeClass(status) {
+    StatusBadgeClass(status) {
         switch ((status ?? '').toLowerCase()) {
             case 'published':
                 return 'green';
@@ -456,9 +532,13 @@ export class PSModelDetailComponent {
                 return 'gray';
         }
     }
-    stepState(step) {
+    /** @deprecated Use {@link StatusBadgeClass}. */
+    statusBadgeClass(status) {
+        return this.StatusBadgeClass(status);
+    }
+    StepState(step) {
         const order = ['Draft', 'Validated', 'Published', 'Archived'];
-        const currIdx = order.indexOf(this.model?.Status ?? 'Draft');
+        const currIdx = order.indexOf(this.Model?.Status ?? 'Draft');
         const stepIdx = order.indexOf(step);
         if (stepIdx < currIdx)
             return 'done';
@@ -466,97 +546,161 @@ export class PSModelDetailComponent {
             return 'curr';
         return 'todo';
     }
-    get targetSuffix() {
-        const target = this.model?.TargetVariable;
+    /** @deprecated Use {@link StepState}. */
+    stepState(step) {
+        return this.StepState(step);
+    }
+    get TargetSuffix() {
+        const target = this.Model?.TargetVariable;
         return target ? ` · predicts ${target}` : '';
     }
+    /** @deprecated Use {@link TargetSuffix}. */
+    get targetSuffix() {
+        return this.TargetSuffix;
+    }
     // ── Metrics & Performance Derivations ──
-    get primaryScoreLabel() {
-        if (!this.model)
+    get PrimaryScoreLabel() {
+        if (!this.Model)
             return 'Score';
-        const score = primaryModelScore(this.model);
+        const score = PrimaryModelScore(this.Model);
         return score?.label ?? 'AUC';
     }
-    get trainPrimaryScore() {
-        if (!this.model)
+    /** @deprecated Use {@link PrimaryScoreLabel}. */
+    get primaryScoreLabel() {
+        return this.PrimaryScoreLabel;
+    }
+    get TrainPrimaryScore() {
+        if (!this.Model)
             return '—';
-        const score = primaryModelScore(this.model);
-        const trainMetrics = parseMetrics(this.model.Metrics);
+        const score = PrimaryModelScore(this.Model);
+        const trainMetrics = ParseMetrics(this.Model.Metrics);
         if (score && trainMetrics[score.key] != null) {
-            return formatMetricValue(score.key, trainMetrics[score.key]);
+            return FormatMetricValue(score.key, trainMetrics[score.key]);
         }
         return trainMetrics.AUC != null ? trainMetrics.AUC.toFixed(3) : '—';
     }
-    get holdoutPrimaryScore() {
-        if (!this.model)
+    /** @deprecated Use {@link TrainPrimaryScore}. */
+    get trainPrimaryScore() {
+        return this.TrainPrimaryScore;
+    }
+    get HoldoutPrimaryScore() {
+        if (!this.Model)
             return '—';
-        const score = primaryModelScore(this.model);
-        const holdoutMetrics = parseMetrics(this.model.HoldoutMetrics);
+        const score = PrimaryModelScore(this.Model);
+        const holdoutMetrics = ParseMetrics(this.Model.HoldoutMetrics);
         if (score && holdoutMetrics[score.key] != null) {
-            return formatMetricValue(score.key, holdoutMetrics[score.key]);
+            return FormatMetricValue(score.key, holdoutMetrics[score.key]);
         }
         return holdoutMetrics.AUC != null ? holdoutMetrics.AUC.toFixed(3) : '—';
     }
-    get secondaryMetrics() {
-        if (!this.model)
+    /** @deprecated Use {@link HoldoutPrimaryScore}. */
+    get holdoutPrimaryScore() {
+        return this.HoldoutPrimaryScore;
+    }
+    get SecondaryMetrics() {
+        if (!this.Model)
             return [];
-        const score = primaryModelScore(this.model);
+        const score = PrimaryModelScore(this.Model);
         const primaryKey = score?.key;
-        const holdout = metricsToDisplay(parseMetrics(this.model.HoldoutMetrics), { excludeAuc: false });
-        const all = holdout.length > 0 ? holdout : metricsToDisplay(parseMetrics(this.model.Metrics), { excludeAuc: false });
+        const holdout = MetricsToDisplay(ParseMetrics(this.Model.HoldoutMetrics), { excludeAuc: false });
+        const all = holdout.length > 0 ? holdout : MetricsToDisplay(ParseMetrics(this.Model.Metrics), { excludeAuc: false });
         return primaryKey ? all.filter((m) => m.key !== primaryKey) : all.filter((m) => m.key !== 'AUC');
     }
-    get gapText() {
-        if (!this.model)
+    /** @deprecated Use {@link SecondaryMetrics}. */
+    get secondaryMetrics() {
+        return this.SecondaryMetrics;
+    }
+    get GapText() {
+        if (!this.Model)
             return '';
-        const gap = overfitGap(this.model);
+        const gap = OverfitGap(this.Model);
         return gap == null ? '' : Math.abs(gap).toFixed(3);
     }
-    get gapVerdict() {
-        if (!this.model)
+    /** @deprecated Use {@link GapText}. */
+    get gapText() {
+        return this.GapText;
+    }
+    get GapVerdict() {
+        if (!this.Model)
             return '';
-        const gap = overfitGap(this.model);
+        const gap = OverfitGap(this.Model);
         if (gap == null)
             return '';
         return gap > 0.1 ? 'is wide — watch for overfitting' : 'is within tolerance — no overfitting flag';
     }
+    /** @deprecated Use {@link GapVerdict}. */
+    get gapVerdict() {
+        return this.GapVerdict;
+    }
     // ── Feature Importance & Leakage Gate ──
-    get importance() {
-        if (!this.model)
+    get Importance() {
+        if (!this.Model)
             return [];
-        return parseFeatureImportance(this.model.FeatureImportance, 6).map((b) => ({
+        return ParseFeatureImportance(this.Model.FeatureImportance, 6).map((b) => ({
             ...b,
-            name: humanizeFeatureName(b.name),
+            name: HumanizeFeatureName(b.name),
         }));
     }
-    get importanceCaption() {
-        const n = this.importance.length;
+    /** @deprecated Use {@link Importance}. */
+    get importance() {
+        return this.Importance;
+    }
+    get ImportanceCaption() {
+        const n = this.Importance.length;
         return n === 0 ? 'no data' : `normalized · top ${n}`;
     }
+    /** @deprecated Use {@link ImportanceCaption}. */
+    get importanceCaption() {
+        return this.ImportanceCaption;
+    }
+    get TopFeatureName() {
+        return this.Importance[0]?.name ?? '—';
+    }
+    /** @deprecated Use {@link TopFeatureName}. */
     get topFeatureName() {
-        return this.importance[0]?.name ?? '—';
+        return this.TopFeatureName;
+    }
+    get TopFeatureValue() {
+        return this.Importance[0]?.value ?? '—';
     }
+    /** @deprecated Use {@link TopFeatureValue}. */
     get topFeatureValue() {
-        return this.importance[0]?.value ?? '—';
+        return this.TopFeatureValue;
     }
-    get leakageFlagged() {
-        if (!this.model)
+    get LeakageFlagged() {
+        if (!this.Model)
             return false;
-        const max = maxFeatureImportance(this.model.FeatureImportance);
+        const max = MaxFeatureImportance(this.Model.FeatureImportance);
         return max != null && max >= PS_FEATURE_DOMINANCE_THRESHOLD;
     }
+    /** @deprecated Use {@link LeakageFlagged}. */
+    get leakageFlagged() {
+        return this.LeakageFlagged;
+    }
     // ── Actions & Promotion Flow ──
+    get CanValidate() {
+        return this.Model?.Status === 'Draft';
+    }
+    /** @deprecated Use {@link CanValidate}. */
     get canValidate() {
-        return this.model?.Status === 'Draft';
+        return this.CanValidate;
     }
+    get CanPublish() {
+        return this.Model?.Status === 'Validated';
+    }
+    /** @deprecated Use {@link CanPublish}. */
     get canPublish() {
-        return this.model?.Status === 'Validated';
+        return this.CanPublish;
+    }
+    get CanArchive() {
+        return this.Model?.Status === 'Published' || this.Model?.Status === 'Validated';
     }
+    /** @deprecated Use {@link CanArchive}. */
     get canArchive() {
-        return this.model?.Status === 'Published' || this.model?.Status === 'Validated';
+        return this.CanArchive;
     }
-    get actionHint() {
-        switch (this.model?.Status) {
+    get ActionHint() {
+        switch (this.Model?.Status) {
             case 'Draft':
                 return 'Verify metrics and feature importance before validating or publishing.';
             case 'Validated':
@@ -569,65 +713,97 @@ export class PSModelDetailComponent {
                 return '';
         }
     }
-    requestPromote(targetStatus) {
-        if (!this.model)
+    /** @deprecated Use {@link ActionHint}. */
+    get actionHint() {
+        return this.ActionHint;
+    }
+    RequestPromote(targetStatus) {
+        if (!this.Model)
             return;
-        this.pendingReason = '';
-        this.pending = {
-            modelId: this.model.ID,
-            modelName: `${this.modelDisplayName} v${this.model.Version}`,
+        this.PendingReason = '';
+        this.Pending = {
+            modelId: this.Model.ID,
+            modelName: `${this.ModelDisplayName} v${this.Model.Version}`,
             targetStatus,
-            leakageFlagged: this.leakageFlagged && targetStatus !== 'Archived',
+            leakageFlagged: this.LeakageFlagged && targetStatus !== 'Archived',
         };
         this.cdr.markForCheck();
     }
-    cancelPromote() {
-        if (this.busy)
+    /** @deprecated Use {@link RequestPromote}. */
+    requestPromote(targetStatus) {
+        return this.RequestPromote(targetStatus);
+    }
+    CancelPromote() {
+        if (this.Busy)
             return;
-        this.pending = null;
-        this.pendingReason = '';
+        this.Pending = null;
+        this.PendingReason = '';
         this.cdr.markForCheck();
     }
-    get pendingTitle() {
-        if (!this.pending)
+    /** @deprecated Use {@link CancelPromote}. */
+    cancelPromote() {
+        return this.CancelPromote();
+    }
+    get PendingTitle() {
+        if (!this.Pending)
             return '';
-        return this.pending.targetStatus === 'Archived' ? 'Archive model' : `Promote to ${this.pending.targetStatus}`;
+        return this.Pending.targetStatus === 'Archived' ? 'Archive model' : `Promote to ${this.Pending.targetStatus}`;
     }
-    get pendingIcon() {
-        if (!this.pending)
+    /** @deprecated Use {@link PendingTitle}. */
+    get pendingTitle() {
+        return this.PendingTitle;
+    }
+    get PendingIcon() {
+        if (!this.Pending)
             return 'fa-solid fa-check';
-        return this.pending.targetStatus === 'Archived' ? 'fa-solid fa-box-archive' : 'fa-solid fa-arrow-up';
+        return this.Pending.targetStatus === 'Archived' ? 'fa-solid fa-box-archive' : 'fa-solid fa-arrow-up';
     }
-    get pendingConfirmLabel() {
-        if (!this.pending)
+    /** @deprecated Use {@link PendingIcon}. */
+    get pendingIcon() {
+        return this.PendingIcon;
+    }
+    get PendingConfirmLabel() {
+        if (!this.Pending)
             return 'Confirm';
-        return this.pending.targetStatus === 'Archived' ? 'Archive' : `Promote to ${this.pending.targetStatus}`;
+        return this.Pending.targetStatus === 'Archived' ? 'Archive' : `Promote to ${this.Pending.targetStatus}`;
     }
-    get pendingVariant() {
-        if (!this.pending)
+    /** @deprecated Use {@link PendingConfirmLabel}. */
+    get pendingConfirmLabel() {
+        return this.PendingConfirmLabel;
+    }
+    get PendingVariant() {
+        if (!this.Pending)
             return 'info';
-        if (this.pending.targetStatus === 'Archived')
+        if (this.Pending.targetStatus === 'Archived')
             return 'warn';
-        return this.pending.leakageFlagged ? 'warn' : 'info';
+        return this.Pending.leakageFlagged ? 'warn' : 'info';
     }
-    get pendingMessage() {
-        if (!this.pending)
+    /** @deprecated Use {@link PendingVariant}. */
+    get pendingVariant() {
+        return this.PendingVariant;
+    }
+    get PendingMessage() {
+        if (!this.Pending)
             return '';
-        const name = this.escapeHtml(this.pending.modelName);
-        if (this.pending.targetStatus === 'Archived') {
+        const name = this.escapeHtml(this.Pending.modelName);
+        if (this.Pending.targetStatus === 'Archived') {
             return `Archive <strong>${name}</strong>? This detaches any active scoring bindings and removes it from production scoring. The model artifact remains immutable and recoverable.`;
         }
-        if (this.pending.leakageFlagged) {
+        if (this.Pending.leakageFlagged) {
             return `<strong>${name}</strong> is flagged for possible target leakage. Publishing requires an explicit sign-off — confirm you understand the risk and provide a reason below.`;
         }
-        return `Promote <strong>${name}</strong> to <strong>${this.pending.targetStatus}</strong>? This changes only the lifecycle state — the trained weights never change.`;
+        return `Promote <strong>${name}</strong> to <strong>${this.Pending.targetStatus}</strong>? This changes only the lifecycle state — the trained weights never change.`;
     }
-    async confirmPromote(reason) {
-        if (!this.pending || this.busy || !this.model)
+    /** @deprecated Use {@link PendingMessage}. */
+    get pendingMessage() {
+        return this.PendingMessage;
+    }
+    async ConfirmPromote(reason) {
+        if (!this.Pending || this.Busy || !this.Model)
             return;
-        this.busy = true;
+        this.Busy = true;
         this.cdr.markForCheck();
-        const { modelId, modelName, targetStatus, leakageFlagged } = this.pending;
+        const { modelId, modelName, targetStatus, leakageFlagged } = this.Pending;
         try {
             const op = new PredictiveStudioPromoteModelOperation();
             const result = await op.Execute({
@@ -635,14 +811,14 @@ export class PSModelDetailComponent {
                 targetStatus,
                 signOff: leakageFlagged ? true : undefined,
                 reason: reason || undefined,
-            }, { provider: this.provider ?? undefined, user: this.currentUser ?? undefined });
+            }, { provider: this.Provider ?? undefined, user: this.CurrentUser ?? undefined });
             if (result.Success && result.Output?.promoted) {
                 const newStatus = result.Output.status;
-                this.model.Status = newStatus;
+                this.Model.Status = newStatus;
                 this.notifications.CreateSimpleNotification(`${modelName} → ${newStatus}`, 'success', 3500);
-                this.statusChanged.emit({ modelId, newStatus });
-                this.pending = null;
-                this.pendingReason = '';
+                this.StatusChanged.emit({ modelId, newStatus });
+                this.Pending = null;
+                this.PendingReason = '';
             }
             else {
                 this.notifications.CreateSimpleNotification(result.ErrorMessage || `Could not promote ${modelName} (status: ${result.Output?.status ?? 'unchanged'}).`, 'error', 5000);
@@ -652,10 +828,14 @@ export class PSModelDetailComponent {
             this.notifications.CreateSimpleNotification(`Promotion failed: ${e instanceof Error ? e.message : String(e)}`, 'error', 5000);
         }
         finally {
-            this.busy = false;
+            this.Busy = false;
             this.cdr.markForCheck();
         }
     }
+    /** @deprecated Use {@link ConfirmPromote}. */
+    async confirmPromote(reason) {
+        return this.ConfirmPromote(reason);
+    }
     escapeHtml(value) {
         return value
             .replace(/&/g, '&amp;')
@@ -664,7 +844,7 @@ export class PSModelDetailComponent {
             .replace(/"/g, '&quot;');
     }
     static { this.ɵfac = function PSModelDetailComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PSModelDetailComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PSModelDetailComponent, selectors: [["ps-model-detail"]], inputs: { model: "model", provider: "provider", currentUser: "currentUser", showActions: "showActions", displayName: "displayName" }, outputs: { statusChanged: "statusChanged" }, decls: 3, vars: 1, consts: [["data-testid", "ps-model-detail", 1, "ps-model-detail"], [1, "ps-empty", 2, "padding", "32px", "text-align", "center"], [1, "ps-card"], [1, "ps-card-body", "dh"], [1, "big-ico"], [1, "fa-solid", "fa-cube"], [2, "flex", "1", "min-width", "0"], ["data-testid", "ps-registry-detail-name"], [1, "ps-tag", "ps-mono"], [1, "ps-muted", "ps-small", "sub"], [1, "ps-badge"], [1, "ps-card-body"], [1, "ps-section-title"], [1, "ps-stepper"], [1, "ps-small", "ps-muted", 2, "margin-top", "10px"], [1, "ps-card-head"], [1, "ps-muted", "ps-small"], [1, "metric-pair"], [1, "mtile"], [1, "v"], [1, "mtile", "honest"], [1, "stat-bar"], [1, "ps-small", "ps-muted", 2, "margin-top", "6px"], [1, "ps-small", "ps-muted"], [1, "ps-callout", "gate", 3, "success", "warn"], [1, "ps-modal-backdrop"], [1, "ps-step"], [1, "pip"], [1, "fa-solid", "fa-check"], [1, "ln"], [1, "b"], [1, "ps-fbar"], [1, "name", "ps-small", 3, "title"], [1, "track"], [1, "ps-mono"], [1, "ps-callout", "gate"], [1, "ps-small", 2, "margin-top", "6px"], [1, "fa-solid", "fa-pen"], [1, "ps-card-body", "ps-row", 2, "align-items", "center", "flex-wrap", "wrap", "gap", "8px"], [1, "ps-muted", "ps-small", 2, "flex", "1"], ["mjButton", "", "variant", "secondary", "size", "sm", "data-testid", "ps-registry-validate"], ["mjButton", "", "variant", "primary", "size", "sm", "data-testid", "ps-registry-promote"], ["mjButton", "", "variant", "secondary", "size", "sm", "data-testid", "ps-registry-archive"], ["mjButton", "", "variant", "secondary", "size", "sm", "data-testid", "ps-registry-validate", 3, "click"], [1, "fa-solid", "fa-circle-check"], ["mjButton", "", "variant", "primary", "size", "sm", "data-testid", "ps-registry-promote", 3, "click"], [1, "fa-solid", "fa-arrow-up"], ["mjButton", "", "variant", "secondary", "size", "sm", "data-testid", "ps-registry-archive", 3, "click"], [1, "fa-solid", "fa-box-archive"], [1, "ps-modal-backdrop", 3, "click"], ["data-testid", "ps-confirm-modal", 1, "ps-modal", 3, "click"], [1, "ps-modal-head"], [1, "ico"], [1, "ps-modal-body"], [3, "innerHTML"], [1, "ps-field", 2, "margin-top", "12px"], [1, "ps-modal-foot"], ["mjButton", "", "size", "sm", 3, "click", "variant", "disabled"], [1, "fa-solid", "fa-circle-notch", "fa-spin"], [3, "class"], [1, "ps-spacer", 2, "flex", "1"], ["mjButton", "", "variant", "secondary", "size", "sm", 3, "click", "disabled"], ["rows", "3", 1, "ps-input", 3, "ngModelChange", "ngModel", "placeholder", "disabled"], [1, "ps-empty-ico"], [1, "ps-muted"]], template: function PSModelDetailComponent_Template(rf, ctx) { if (rf & 1) {
+    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PSModelDetailComponent, selectors: [["ps-model-detail"]], inputs: { Model: "Model", model: "model", Provider: "Provider", provider: "provider", CurrentUser: "CurrentUser", currentUser: "currentUser", ShowActions: "ShowActions", showActions: "showActions", displayName: "displayName" }, outputs: { StatusChanged: "StatusChanged", statusChanged: "statusChanged" }, decls: 3, vars: 1, consts: [["data-testid", "ps-model-detail", 1, "ps-model-detail"], [1, "ps-empty", 2, "padding", "32px", "text-align", "center"], [1, "ps-card"], [1, "ps-card-body", "dh"], [1, "big-ico"], [1, "fa-solid", "fa-cube"], [2, "flex", "1", "min-width", "0"], ["data-testid", "ps-registry-detail-name"], [1, "ps-tag", "ps-mono"], [1, "ps-muted", "ps-small", "sub"], [1, "ps-badge"], [1, "ps-card-body"], [1, "ps-section-title"], [1, "ps-stepper"], [1, "ps-small", "ps-muted", 2, "margin-top", "10px"], [1, "ps-card-head"], [1, "ps-muted", "ps-small"], [1, "metric-pair"], [1, "mtile"], [1, "v"], [1, "mtile", "honest"], [1, "stat-bar"], [1, "ps-small", "ps-muted", 2, "margin-top", "6px"], [1, "ps-small", "ps-muted"], [1, "ps-callout", "gate", 3, "success", "warn"], [1, "ps-modal-backdrop"], [1, "ps-step"], [1, "pip"], [1, "fa-solid", "fa-check"], [1, "ln"], [1, "b"], [1, "ps-fbar"], [1, "name", "ps-small", 3, "title"], [1, "track"], [1, "ps-mono"], [1, "ps-callout", "gate"], [1, "ps-small", 2, "margin-top", "6px"], [1, "fa-solid", "fa-pen"], [1, "ps-card-body", "ps-row", 2, "align-items", "center", "flex-wrap", "wrap", "gap", "8px"], [1, "ps-muted", "ps-small", 2, "flex", "1"], ["mjButton", "", "variant", "secondary", "size", "sm", "data-testid", "ps-registry-validate"], ["mjButton", "", "variant", "primary", "size", "sm", "data-testid", "ps-registry-promote"], ["mjButton", "", "variant", "secondary", "size", "sm", "data-testid", "ps-registry-archive"], ["mjButton", "", "variant", "secondary", "size", "sm", "data-testid", "ps-registry-validate", 3, "click"], [1, "fa-solid", "fa-circle-check"], ["mjButton", "", "variant", "primary", "size", "sm", "data-testid", "ps-registry-promote", 3, "click"], [1, "fa-solid", "fa-arrow-up"], ["mjButton", "", "variant", "secondary", "size", "sm", "data-testid", "ps-registry-archive", 3, "click"], [1, "fa-solid", "fa-box-archive"], [1, "ps-modal-backdrop", 3, "click"], ["data-testid", "ps-confirm-modal", 1, "ps-modal", 3, "click"], [1, "ps-modal-head"], [1, "ico"], [1, "ps-modal-body"], [3, "innerHTML"], [1, "ps-field", 2, "margin-top", "12px"], [1, "ps-modal-foot"], ["mjButton", "", "size", "sm", 3, "click", "variant", "disabled"], [1, "fa-solid", "fa-circle-notch", "fa-spin"], [3, "class"], [1, "ps-spacer", 2, "flex", "1"], ["mjButton", "", "variant", "secondary", "size", "sm", 3, "click", "disabled"], ["rows", "3", 1, "ps-input", 3, "ngModelChange", "ngModel", "placeholder", "disabled"], [1, "ps-empty-ico"], [1, "ps-muted"]], template: function PSModelDetailComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0);
             i0.ɵɵconditionalCreate(1, PSModelDetailComponent_Conditional_1_Template, 59, 18)(2, PSModelDetailComponent_Conditional_2_Template, 7, 0, "div", 1);
             i0.ɵɵelementEnd();
@@ -676,14 +856,24 @@ export class PSModelDetailComponent {
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PSModelDetailComponent, [{
         type: Component,
         args: [{ standalone: true, selector: 'ps-model-detail', imports: [CommonModule, FormsModule, MJButtonDirective], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ps-model-detail\" data-testid=\"ps-model-detail\">\n  @if (model) {\n    <!-- 1. Header Card -->\n    <div class=\"ps-card\">\n      <div class=\"ps-card-body dh\">\n        <div class=\"big-ico\"><i class=\"fa-solid fa-cube\"></i></div>\n        <div style=\"flex:1;min-width:0;\">\n          <h2 data-testid=\"ps-registry-detail-name\">\n            {{ modelDisplayName }}\n            <span class=\"ps-tag ps-mono\">v{{ model.Version }}</span>\n          </h2>\n          <div class=\"ps-muted ps-small sub\">\n            {{ model.Algorithm || 'Model' }}{{ targetSuffix }} &bull; immutable snapshot\n          </div>\n        </div>\n        <span class=\"ps-badge\" [class]=\"statusBadgeClass(model.Status)\">{{ model.Status }}</span>\n      </div>\n    </div>\n\n    <!-- 2. Lifecycle Stepper -->\n    <div class=\"ps-card\">\n      <div class=\"ps-card-body\">\n        <div class=\"ps-section-title\">Lifecycle</div>\n        <div class=\"ps-stepper\">\n          @for (step of lifecycleSteps; track step; let last = $last) {\n            <div class=\"ps-step\" [class.done]=\"stepState(step) === 'done'\" [class.curr]=\"stepState(step) === 'curr'\">\n              <span class=\"pip\">\n                @if (stepState(step) === 'done') {\n                  <i class=\"fa-solid fa-check\"></i>\n                } @else {\n                  {{ $index + 1 }}\n                }\n              </span>\n              {{ step }}\n            </div>\n            @if (!last) {\n              <span class=\"ln\"></span>\n            }\n          }\n        </div>\n        <div class=\"ps-small ps-muted\" style=\"margin-top:10px\">\n          Models are immutable once registered; promotion only changes lifecycle state, never weights.\n        </div>\n      </div>\n    </div>\n\n    <!-- 3. Performance Metrics -->\n    <div class=\"ps-card\">\n      <div class=\"ps-card-head\">\n        <h3>Performance</h3>\n        <span class=\"ps-muted ps-small\">Holdout = held-out test fold, never seen in training</span>\n      </div>\n      <div class=\"ps-card-body\">\n        <div class=\"metric-pair\">\n          <div class=\"mtile\">\n            <div class=\"ps-section-title\">Train {{ primaryScoreLabel }}</div>\n            <div class=\"v\">{{ trainPrimaryScore }}</div>\n            <div class=\"ps-muted ps-small\">in-sample &bull; optimistic</div>\n          </div>\n          <div class=\"mtile honest\">\n            <div class=\"ps-section-title\">Holdout {{ primaryScoreLabel }}</div>\n            <div class=\"v\">{{ holdoutPrimaryScore }}</div>\n            <div class=\"ps-muted ps-small\">out-of-sample &bull; the honest number</div>\n          </div>\n        </div>\n\n        @if (secondaryMetrics.length > 0) {\n          <div class=\"stat-bar\">\n            @for (s of secondaryMetrics; track s.key) {\n              <div class=\"b\">\n                <span class=\"ps-muted ps-small\">{{ s.label }}</span>\n                <strong>{{ s.value }}</strong>\n              </div>\n            }\n          </div>\n        } @else {\n          <div class=\"ps-small ps-muted\" style=\"margin-top:6px\">No secondary metrics recorded for this model.</div>\n        }\n\n        @if (gapText) {\n          <div class=\"ps-small ps-muted\" style=\"margin-top:10px\">\n            Train\u2013holdout gap of <strong>{{ gapText }}</strong> {{ gapVerdict }}.\n          </div>\n        }\n      </div>\n    </div>\n\n    <!-- 4. Feature Importance -->\n    <div class=\"ps-card\">\n      <div class=\"ps-card-head\">\n        <h3>Feature Importance</h3>\n        <span class=\"ps-muted ps-small\">{{ importanceCaption }}</span>\n      </div>\n      <div class=\"ps-card-body\">\n        @if (importance.length > 0) {\n          @for (f of importance; track f.name) {\n            <div class=\"ps-fbar\">\n              <span class=\"name ps-small\" [title]=\"f.name\">{{ f.name }}</span>\n              <div class=\"track\">\n                <span [class.warn]=\"f.warning\" [style.width.%]=\"f.pct\"></span>\n              </div>\n              <span class=\"ps-mono\">{{ f.value }}</span>\n            </div>\n          }\n        } @else {\n          <div class=\"ps-small ps-muted\">No feature-importance data was recorded for this model.</div>\n        }\n      </div>\n    </div>\n\n    <!-- 5. Leakage Sign-Off Gate -->\n    @if (importance.length > 0) {\n      <div class=\"ps-callout gate\" [class.success]=\"!leakageFlagged\" [class.warn]=\"leakageFlagged\">\n        <i [class]=\"leakageFlagged ? 'fa-solid fa-triangle-exclamation' : 'fa-solid fa-shield-halved'\"></i>\n        <div>\n          @if (leakageFlagged) {\n            <strong>Leakage flag raised.</strong> A single feature dominates \u2014 top importance is\n            <strong>{{ topFeatureName }} at {{ topFeatureValue }}</strong>, at/above the\n            <strong>{{ dominanceThreshold }}</strong> dominance threshold.\n            <div class=\"ps-small\" style=\"margin-top:6px\">\n              <i class=\"fa-solid fa-pen\"></i> Sign-off with a reason is required to publish this model.\n            </div>\n          } @else {\n            <strong>Leakage gate clear.</strong> No single feature dominates \u2014 top importance is\n            <strong>{{ topFeatureName }} at {{ topFeatureValue }}</strong>, below the\n            <strong>{{ dominanceThreshold }}</strong> dominance threshold.\n            <div class=\"ps-small\" style=\"margin-top:6px\">\n              <i class=\"fa-solid fa-check\"></i> Sign-off required before any Validated &rarr; Published promotion.\n            </div>\n          }\n        </div>\n      </div>\n    }\n\n    <!-- 6. Lifecycle Actions -->\n    @if (showActions) {\n      <div class=\"ps-card\">\n        <div class=\"ps-card-body ps-row\" style=\"align-items:center;flex-wrap:wrap;gap:8px\">\n          <span class=\"ps-muted ps-small\" style=\"flex:1\">{{ actionHint }}</span>\n          @if (canValidate) {\n            <button mjButton variant=\"secondary\" size=\"sm\" data-testid=\"ps-registry-validate\" (click)=\"requestPromote('Validated')\">\n              <i class=\"fa-solid fa-circle-check\"></i> Mark Validated\n            </button>\n          }\n          @if (canPublish) {\n            <button mjButton variant=\"primary\" size=\"sm\" data-testid=\"ps-registry-promote\" (click)=\"requestPromote('Published')\">\n              <i class=\"fa-solid fa-arrow-up\"></i> Promote to Published\n            </button>\n          }\n          @if (canArchive) {\n            <button mjButton variant=\"secondary\" size=\"sm\" data-testid=\"ps-registry-archive\" (click)=\"requestPromote('Archived')\">\n              <i class=\"fa-solid fa-box-archive\"></i> Archive\n            </button>\n          }\n        </div>\n      </div>\n    }\n\n    <!-- 7. Confirm Promotion Modal -->\n    @if (pending) {\n      <div class=\"ps-modal-backdrop\" (click)=\"cancelPromote()\">\n        <div class=\"ps-modal\" (click)=\"$event.stopPropagation()\" data-testid=\"ps-confirm-modal\">\n          <div class=\"ps-modal-head\" [class.warn]=\"pendingVariant === 'warn'\" [class.danger]=\"pendingVariant === 'danger'\">\n            <span class=\"ico\"><i [class]=\"pendingIcon\"></i></span>\n            <h3>{{ pendingTitle }}</h3>\n          </div>\n          <div class=\"ps-modal-body\">\n            <div [innerHTML]=\"pendingMessage\"></div>\n            @if (pending.leakageFlagged || pending.targetStatus === 'Archived') {\n              <div class=\"ps-field\" style=\"margin-top:12px\">\n                <label>\n                  {{ pending.leakageFlagged ? 'Leakage sign-off reason' : 'Reason (optional)' }}\n                  {{ pending.leakageFlagged ? ' *' : '' }}\n                </label>\n                <textarea\n                  class=\"ps-input\"\n                  rows=\"3\"\n                  [(ngModel)]=\"pendingReason\"\n                  [placeholder]=\"pending.leakageFlagged ? 'Explain why this model is safe to publish despite the leakage flag\u2026' : 'Add an optional note for the record\u2026'\"\n                  [disabled]=\"busy\"></textarea>\n              </div>\n            }\n          </div>\n          <div class=\"ps-modal-foot\">\n            <button\n              mjButton\n              [variant]=\"pendingVariant === 'danger' ? 'danger' : 'primary'\"\n              size=\"sm\"\n              [disabled]=\"busy || (pending.leakageFlagged && !pendingReason.trim())\"\n              (click)=\"confirmPromote(pendingReason.trim())\">\n              @if (busy) {\n                <i class=\"fa-solid fa-circle-notch fa-spin\"></i>\n              } @else {\n                <i [class]=\"pendingIcon\"></i>\n              }\n              {{ pendingConfirmLabel }}\n            </button>\n            <span class=\"ps-spacer\" style=\"flex:1\"></span>\n            <button mjButton variant=\"secondary\" size=\"sm\" [disabled]=\"busy\" (click)=\"cancelPromote()\">\n              Cancel\n            </button>\n          </div>\n        </div>\n      </div>\n    }\n  } @else {\n    <div class=\"ps-empty\" style=\"padding: 32px; text-align: center;\">\n      <span class=\"ps-empty-ico\"><i class=\"fa-solid fa-cube\"></i></span>\n      <h3>No Model Selected</h3>\n      <p class=\"ps-muted\">Select an ML Model from the list to inspect its configuration and metrics.</p>\n    </div>\n  }\n</div>\n", styles: ["/* PSModelDetailComponent Styles \u2014 Design Token Compliant */\n\n.ps-model-detail {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  width: 100%;\n  color: var(--mj-text-primary);\n  background: transparent;\n  font-family: inherit;\n}\n\n/* ---- generic helpers ---- */\n.ps-model-detail .ps-row { display: flex; gap: 16px; }\n.ps-model-detail .ps-col { display: flex; flex-direction: column; gap: 16px; }\n.ps-model-detail .ps-spacer { flex: 1; }\n.ps-model-detail .ps-muted { color: var(--mj-text-muted); }\n.ps-model-detail .ps-small { font-size: 12.5px; }\n.ps-model-detail .ps-mono { font-family: ui-monospace, 'SF Mono', Menlo, Consolas, monospace; font-size: 12.5px; }\n.ps-model-detail .ps-section-title {\n  font-size: 12px;\n  text-transform: uppercase;\n  letter-spacing: .06em;\n  color: var(--mj-text-muted);\n  margin: 4px 0 2px;\n  font-weight: 700;\n}\n\n/* ---- cards ---- */\n.ps-model-detail .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-model-detail .ps-card-head {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 14px 16px;\n  border-bottom: 1px solid var(--mj-border-subtle, var(--mj-border-default));\n}\n.ps-model-detail .ps-card-head h3 {\n  font-size: 14.5px;\n  margin: 0;\n  font-weight: 650;\n  color: var(--mj-text-primary);\n}\n.ps-model-detail .ps-card-body {\n  padding: 16px;\n}\n\n/* ---- badges & tags ---- */\n.ps-model-detail .ps-badge {\n  display: inline-flex;\n  align-items: center;\n  gap: 5px;\n  padding: 3px 10px;\n  border-radius: 999px;\n  font-size: 11.5px;\n  font-weight: 650;\n  line-height: 1.5;\n}\n.ps-model-detail .ps-badge.gray { background: var(--mj-bg-surface-sunken, #f3f4f6); color: var(--mj-text-secondary); }\n.ps-model-detail .ps-badge.blue { background: var(--mj-status-info-bg, #eff6ff); color: var(--mj-status-info-text, #1d4ed8); }\n.ps-model-detail .ps-badge.green { background: var(--mj-status-success-bg, #f0fdf4); color: var(--mj-status-success-text, #15803d); }\n.ps-model-detail .ps-badge.amber { background: var(--mj-status-warning-bg, #fffbeb); color: var(--mj-status-warning-text, #b45309); }\n.ps-model-detail .ps-badge.red { background: var(--mj-status-error-bg, #fef2f2); color: var(--mj-status-error-text, #b91c1c); }\n\n.ps-model-detail .ps-tag {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 7px;\n  border-radius: 4px;\n  font-size: 11px;\n  font-weight: 600;\n  background: var(--mj-bg-surface-sunken, #f3f4f6);\n  color: var(--mj-text-secondary);\n}\n\n/* ---- detail header ---- */\n.ps-model-detail .dh {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n}\n.ps-model-detail .big-ico {\n  width: 48px;\n  height: 48px;\n  border-radius: 12px;\n  display: grid;\n  place-items: center;\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  font-size: 20px;\n  flex: 0 0 auto;\n}\n.ps-model-detail .dh h2 {\n  font-size: 18px;\n  color: var(--mj-text-primary);\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin: 0;\n  font-weight: 700;\n}\n.ps-model-detail .dh .sub {\n  margin-top: 2px;\n}\n\n/* ---- stepper ---- */\n.ps-model-detail .ps-stepper {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  margin-top: 8px;\n  flex-wrap: wrap;\n}\n.ps-model-detail .ps-step {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--mj-text-muted);\n}\n.ps-model-detail .ps-step.curr {\n  color: var(--mj-text-primary);\n}\n.ps-model-detail .ps-step.done {\n  color: var(--mj-status-success, #15803d);\n}\n.ps-model-detail .ps-step .pip {\n  width: 22px;\n  height: 22px;\n  border-radius: 50%;\n  display: grid;\n  place-items: center;\n  font-size: 11px;\n  border: 1.5px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n}\n.ps-model-detail .ps-step.curr .pip {\n  border-color: var(--mj-brand-primary);\n  color: var(--mj-brand-primary);\n  font-weight: 700;\n}\n.ps-model-detail .ps-step.done .pip {\n  background: var(--mj-status-success, #15803d);\n  border-color: var(--mj-status-success, #15803d);\n  color: var(--mj-text-inverse);\n}\n.ps-model-detail .ps-stepper .ln {\n  flex: 1;\n  min-width: 16px;\n  height: 2px;\n  background: var(--mj-border-default);\n}\n\n/* ---- performance metrics ---- */\n.ps-model-detail .metric-pair {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 12px;\n}\n@media (max-width: 640px) {\n  .ps-model-detail .metric-pair {\n    grid-template-columns: 1fr;\n  }\n}\n.ps-model-detail .mtile {\n  border: 1px solid var(--mj-border-default);\n  border-radius: 9px;\n  padding: 14px;\n  background: var(--mj-bg-surface);\n}\n.ps-model-detail .mtile .v {\n  font-size: 28px;\n  font-weight: 720;\n  color: var(--mj-text-primary);\n  letter-spacing: -.02em;\n}\n.ps-model-detail .mtile.honest {\n  border-color: var(--mj-brand-primary);\n  background: color-mix(in srgb, var(--mj-brand-primary) 6%, var(--mj-bg-surface));\n}\n.ps-model-detail .mtile.honest .v {\n  color: var(--mj-brand-primary);\n}\n\n.ps-model-detail .stat-bar {\n  display: flex;\n  gap: 10px;\n  margin-top: 14px;\n  flex-wrap: wrap;\n}\n.ps-model-detail .stat-bar .b {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  padding: 8px 12px;\n  border: 1px solid var(--mj-border-subtle, var(--mj-border-default));\n  border-radius: 8px;\n  flex: 1;\n  min-width: 90px;\n}\n.ps-model-detail .stat-bar .b strong {\n  color: var(--mj-text-primary);\n  font-size: 15px;\n}\n\n/* ---- feature importance bars ---- */\n.ps-model-detail .ps-fbar {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  margin-bottom: 8px;\n}\n.ps-model-detail .ps-fbar .name {\n  width: 170px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  flex-shrink: 0;\n  color: var(--mj-text-secondary);\n}\n.ps-model-detail .ps-fbar .track {\n  flex: 1;\n  height: 8px;\n  background: var(--mj-bg-surface-sunken, #f3f4f6);\n  border-radius: 999px;\n  overflow: hidden;\n}\n.ps-model-detail .ps-fbar .track span {\n  display: block;\n  height: 100%;\n  background: var(--mj-brand-primary);\n  border-radius: 999px;\n}\n.ps-model-detail .ps-fbar .track span.warn {\n  background: var(--mj-status-warning, #d98213);\n}\n\n/* ---- leakage gate callout ---- */\n.ps-model-detail .ps-callout {\n  display: flex;\n  gap: 12px;\n  padding: 14px 16px;\n  border-radius: 8px;\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n}\n.ps-model-detail .ps-callout.gate {\n  align-items: flex-start;\n}\n.ps-model-detail .ps-callout.gate i {\n  font-size: 20px;\n  margin-top: 2px;\n}\n.ps-model-detail .ps-callout.success {\n  background: var(--mj-status-success-bg, #f0fdf4);\n  border-color: color-mix(in srgb, var(--mj-status-success) 25%, transparent);\n  color: var(--mj-status-success-text, #15803d);\n}\n.ps-model-detail .ps-callout.warn {\n  background: var(--mj-status-warning-bg, #fffbeb);\n  border-color: color-mix(in srgb, var(--mj-status-warning) 25%, transparent);\n  color: var(--mj-status-warning-text, #b45309);\n}\n\n/* ---- confirmation modal ---- */\n.ps-model-detail .ps-modal-backdrop {\n  position: fixed;\n  inset: 0;\n  background: rgba(0, 0, 0, 0.45);\n  z-index: 10000;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 16px;\n}\n.ps-model-detail .ps-modal {\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 12px;\n  width: 100%;\n  max-width: 480px;\n  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);\n  overflow: hidden;\n}\n.ps-model-detail .ps-modal-head {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 16px 20px;\n  border-bottom: 1px solid var(--mj-border-subtle, var(--mj-border-default));\n}\n.ps-model-detail .ps-modal-head .ico {\n  width: 32px;\n  height: 32px;\n  border-radius: 8px;\n  display: grid;\n  place-items: center;\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  font-size: 15px;\n}\n.ps-model-detail .ps-modal-head.warn .ico {\n  background: var(--mj-status-warning, #d98213);\n}\n.ps-model-detail .ps-modal-head.danger .ico {\n  background: var(--mj-status-error, #b91c1c);\n}\n.ps-model-detail .ps-modal-head h3 {\n  margin: 0;\n  font-size: 16px;\n  font-weight: 700;\n}\n.ps-model-detail .ps-modal-body {\n  padding: 20px;\n  font-size: 13.5px;\n  line-height: 1.5;\n}\n.ps-model-detail .ps-modal-foot {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 14px 20px;\n  border-top: 1px solid var(--mj-border-subtle, var(--mj-border-default));\n  background: var(--mj-bg-surface-sunken, #f9fafb);\n}\n.ps-model-detail .ps-field {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n.ps-model-detail .ps-field label {\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n}\n.ps-model-detail .ps-input {\n  width: 100%;\n  padding: 8px 10px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n  font-family: inherit;\n  font-size: 13px;\n  resize: vertical;\n}\n.ps-model-detail .ps-input:focus {\n  outline: none;\n  border-color: var(--mj-brand-primary);\n}\n"] }]
-    }], null, { model: [{
+    }], null, { Model: [{
+            type: Input
+        }], model: [{
+            type: Input
+        }], Provider: [{
             type: Input
         }], provider: [{
             type: Input
+        }], CurrentUser: [{
+            type: Input
         }], currentUser: [{
             type: Input
+        }], ShowActions: [{
+            type: Input
         }], showActions: [{
             type: Input
+        }], StatusChanged: [{
+            type: Output
         }], statusChanged: [{
             type: Output
         }], displayName: [{