@memberjunction/ng-artifacts 6.1.4 → 6.2.0-edge.1

package/dist/lib/components/plugins/component-artifact-viewer.component.js

@@ -11,7 +11,7 @@ import { BuildComponentCompleteCode } from '@memberjunction/interactive-componen
 import { isFormRole, getDeclaredFormEntityName } from '@memberjunction/interactive-component-types/forms';
 import { CompositeKey, DataSnapshot, LogError, RunView } from '@memberjunction/core';
 import { DataRequirementsViewerComponent } from './data-requirements-viewer/data-requirements-viewer.component';
-import { evaluateComponentPermissions } from './component-permission-evaluation';
+import { EvaluateComponentPermissions } from './component-permission-evaluation';
 import * as i0 from "@angular/core";
 import * as i1 from "@memberjunction/ng-react";
 import * as i2 from "@angular/common";
@@ -324,56 +324,212 @@ function ComponentArtifactViewerComponent_Conditional_6_Template(rf, ctx) { if (
 let ComponentArtifactViewerComponent = class ComponentArtifactViewerComponent extends BaseArtifactViewerPluginComponent {
     adapter;
     cdr;
-    reactComponent;
-    interactiveForm;
+    ReactComponent;
+    /** @deprecated Use {@link ReactComponent}. */
+    get reactComponent() {
+        return this.ReactComponent;
+    }
+    /** @deprecated Use {@link ReactComponent}. */
+    set reactComponent(value) {
+        this.ReactComponent = value;
+    }
+    InteractiveForm;
+    /** @deprecated Use {@link InteractiveForm}. */
+    get interactiveForm() {
+        return this.InteractiveForm;
+    }
+    /** @deprecated Use {@link InteractiveForm}. */
+    set interactiveForm(value) {
+        this.InteractiveForm = value;
+    }
     tabsChanged = new EventEmitter();
-    openEntityRecord = new EventEmitter();
+    OpenEntityRecord = new EventEmitter();
+    /**
+     * @deprecated Use {@link OpenEntityRecord}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (openEntityRecord) keeps working. Must stay AFTER OpenEntityRecord: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    openEntityRecord = this.OpenEntityRecord;
     /**
      * Emitted when the user clicks "Apply to my form" on a form-role artifact.
      * Carries the spec (ready to hand to the agent's Create/Modify action) and
      * the entity name. The host is responsible for confirming + invoking the
      * actual server action.
      */
-    applyFormRequested = new EventEmitter();
+    ApplyFormRequested = new EventEmitter();
+    /**
+     * @deprecated Use {@link ApplyFormRequested}.
+     *
+     * The same emitter under the old binding name, so a template still binding
+     * (applyFormRequested) keeps working. Must stay AFTER ApplyFormRequested: class fields
+     * initialise in order, and the other way round this captures undefined.
+     */
+    applyFormRequested = this.ApplyFormRequested;
     // ── Form-aware state (only populated when componentRole === 'form') ──
     /** True when this artifact's spec declares `componentRole: 'form'`. */
-    isFormArtifact = false;
+    IsFormArtifact = false;
+    /** @deprecated Use {@link IsFormArtifact}. */
+    get isFormArtifact() {
+        return this.IsFormArtifact;
+    }
+    /** @deprecated Use {@link IsFormArtifact}. */
+    set isFormArtifact(value) {
+        this.IsFormArtifact = value;
+    }
     /** Entity the form targets — resolved from spec.entityName / dataRequirements. */
-    formEntityInfo = null;
+    FormEntityInfo = null;
+    /** @deprecated Use {@link FormEntityInfo}. */
+    get formEntityInfo() {
+        return this.FormEntityInfo;
+    }
+    /** @deprecated Use {@link FormEntityInfo}. */
+    set formEntityInfo(value) {
+        this.FormEntityInfo = value;
+    }
     /** The real or fixture record currently bound to the form preview. */
-    formRecord = null;
+    FormRecord = null;
+    /** @deprecated Use {@link FormRecord}. */
+    get formRecord() {
+        return this.FormRecord;
+    }
+    /** @deprecated Use {@link FormRecord}. */
+    set formRecord(value) {
+        this.FormRecord = value;
+    }
     /** True iff `formRecord` is a real DB row (vs a fixture NewRecord()). */
-    formRecordIsReal = false;
+    FormRecordIsReal = false;
+    /** @deprecated Use {@link FormRecordIsReal}. */
+    get formRecordIsReal() {
+        return this.FormRecordIsReal;
+    }
+    /** @deprecated Use {@link FormRecordIsReal}. */
+    set formRecordIsReal(value) {
+        this.FormRecordIsReal = value;
+    }
     /** Label for the chip (e.g. the record's Name field). */
-    formRecordLabel = '';
+    FormRecordLabel = '';
+    /** @deprecated Use {@link FormRecordLabel}. */
+    get formRecordLabel() {
+        return this.FormRecordLabel;
+    }
+    /** @deprecated Use {@link FormRecordLabel}. */
+    set formRecordLabel(value) {
+        this.FormRecordLabel = value;
+    }
     /** Picker UI state. */
-    showRecordPicker = false;
-    recordSearchTerm = '';
-    recordSearchResults = [];
-    formInitError = null;
+    ShowRecordPicker = false;
+    /** @deprecated Use {@link ShowRecordPicker}. */
+    get showRecordPicker() {
+        return this.ShowRecordPicker;
+    }
+    /** @deprecated Use {@link ShowRecordPicker}. */
+    set showRecordPicker(value) {
+        this.ShowRecordPicker = value;
+    }
+    RecordSearchTerm = '';
+    /** @deprecated Use {@link RecordSearchTerm}. */
+    get recordSearchTerm() {
+        return this.RecordSearchTerm;
+    }
+    /** @deprecated Use {@link RecordSearchTerm}. */
+    set recordSearchTerm(value) {
+        this.RecordSearchTerm = value;
+    }
+    RecordSearchResults = [];
+    /** @deprecated Use {@link RecordSearchResults}. */
+    get recordSearchResults() {
+        return this.RecordSearchResults;
+    }
+    /** @deprecated Use {@link RecordSearchResults}. */
+    set recordSearchResults(value) {
+        this.RecordSearchResults = value;
+    }
+    FormInitError = null;
+    /** @deprecated Use {@link FormInitError}. */
+    get formInitError() {
+        return this.FormInitError;
+    }
+    /** @deprecated Use {@link FormInitError}. */
+    set formInitError(value) {
+        this.FormInitError = value;
+    }
     // Component data
-    component = null;
-    componentCode = "";
-    componentName = '';
+    Component = null;
+    /** @deprecated Use {@link Component}. */
+    get component() {
+        return this.Component;
+    }
+    /** @deprecated Use {@link Component}. */
+    set component(value) {
+        this.Component = value;
+    }
+    ComponentCode = "";
+    /** @deprecated Use {@link ComponentCode}. */
+    get componentCode() {
+        return this.ComponentCode;
+    }
+    /** @deprecated Use {@link ComponentCode}. */
+    set componentCode(value) {
+        this.ComponentCode = value;
+    }
+    ComponentName = '';
+    /** @deprecated Use {@link ComponentName}. */
+    get componentName() {
+        return this.ComponentName;
+    }
+    /** @deprecated Use {@link ComponentName}. */
+    set componentName(value) {
+        this.ComponentName = value;
+    }
     /**
      * Cached resolved spec from the registry, preserved even after the React component
      * is destroyed (e.g., when a render error removes <mj-react-component> from the DOM).
      */
     _cachedResolvedSpec = null;
-    get resolvedComponentSpec() {
+    get ResolvedComponentSpec() {
         // Prefer the live React component's resolved spec (most up-to-date),
         // then fall back to our cached copy (survives DOM destruction),
         // then fall back to the stripped local spec as last resort.
-        return this.reactComponent?.resolvedComponentSpec || this._cachedResolvedSpec || this.component;
+        return this.ReactComponent?.resolvedComponentSpec || this._cachedResolvedSpec || this.Component;
+    }
+    /** @deprecated Use {@link ResolvedComponentSpec}. */
+    get resolvedComponentSpec() {
+        return this.ResolvedComponentSpec;
     }
     // Feedback panel
     ShowFeedbackPanel = false;
     // Error state
-    hasError = false;
+    HasError = false;
+    /** @deprecated Use {@link HasError}. */
+    get hasError() {
+        return this.HasError;
+    }
+    /** @deprecated Use {@link HasError}. */
+    set hasError(value) {
+        this.HasError = value;
+    }
     errorMessage = '';
-    errorDetails = '';
+    ErrorDetails = '';
+    /** @deprecated Use {@link ErrorDetails}. */
+    get errorDetails() {
+        return this.ErrorDetails;
+    }
+    /** @deprecated Use {@link ErrorDetails}. */
+    set errorDetails(value) {
+        this.ErrorDetails = value;
+    }
     // Permission state
-    permissionResult = null;
+    PermissionResult = null;
+    /** @deprecated Use {@link PermissionResult}. */
+    get permissionResult() {
+        return this.PermissionResult;
+    }
+    /** @deprecated Use {@link PermissionResult}. */
+    set permissionResult(value) {
+        this.PermissionResult = value;
+    }
     /**
      * Whether this plugin has content to display in the Display tab.
      * Returns true only if the component has code that can be rendered.
@@ -385,7 +541,7 @@ let ComponentArtifactViewerComponent = class ComponentArtifactViewerComponent ex
      */
     get hasDisplayContent() {
         // Use this.component directly - it's available synchronously after loadComponentSpec()
-        return !!this.component?.namespace || !!this.component?.code;
+        return !!this.Component?.namespace || !!this.Component?.code;
     }
     constructor(adapter, cdr) {
         super();
@@ -416,9 +572,9 @@ let ComponentArtifactViewerComponent = class ComponentArtifactViewerComponent ex
         try {
             // Clear cached resolved spec from previous version so stale data doesn't persist
             this._cachedResolvedSpec = null;
-            this.permissionResult = null;
+            this.PermissionResult = null;
             if (this.artifactVersion?.Content) {
-                this.component = SafeJSONParse(this.artifactVersion.Content);
+                this.Component = SafeJSONParse(this.artifactVersion.Content);
                 this.extractComponentParts();
                 this.evaluatePermissions();
                 // Form-aware detection. Done here (not in ngAfterViewInit) so the
@@ -433,9 +589,9 @@ let ComponentArtifactViewerComponent = class ComponentArtifactViewerComponent ex
         }
         catch (error) {
             console.error('Failed to load component spec:', error);
-            this.hasError = true;
+            this.HasError = true;
             this.errorMessage = 'Failed to load component';
-            this.errorDetails = error instanceof Error ? error.message : String(error);
+            this.ErrorDetails = error instanceof Error ? error.message : String(error);
         }
     }
     /**
@@ -445,18 +601,22 @@ let ComponentArtifactViewerComponent = class ComponentArtifactViewerComponent ex
      * Runs synchronously against already-loaded client-side metadata.
      */
     evaluatePermissions() {
-        const spec = this.resolvedComponentSpec;
+        const spec = this.ResolvedComponentSpec;
         if (!spec)
             return;
         const provider = this.ProviderToUse;
         const currentUser = provider.CurrentUser;
         if (!currentUser)
             return; // No user context — skip check
-        this.permissionResult = evaluateComponentPermissions(spec, currentUser, provider);
+        this.PermissionResult = EvaluateComponentPermissions(spec, currentUser, provider);
     }
     /** Whether the component should be blocked from rendering due to missing permissions. */
+    get IsPermissionBlocked() {
+        return !!this.PermissionResult && !this.PermissionResult.canRun;
+    }
+    /** @deprecated Use {@link IsPermissionBlocked}. */
     get isPermissionBlocked() {
-        return !!this.permissionResult && !this.permissionResult.canRun;
+        return this.IsPermissionBlocked;
     }
     /**
      * Component initialization.
@@ -471,9 +631,9 @@ let ComponentArtifactViewerComponent = class ComponentArtifactViewerComponent ex
         }
         catch (error) {
             console.error('Failed to initialize Angular adapter:', error);
-            this.hasError = true;
+            this.HasError = true;
             this.errorMessage = 'Failed to initialize component runtime';
-            this.errorDetails = error instanceof Error ? error.message : String(error);
+            this.ErrorDetails = error instanceof Error ? error.message : String(error);
         }
     }
     async ngAfterViewInit() {
@@ -484,7 +644,7 @@ let ComponentArtifactViewerComponent = class ComponentArtifactViewerComponent ex
      */
     GetAdditionalTabs() {
         const tabs = [];
-        const resolvedComponent = this.resolvedComponentSpec;
+        const resolvedComponent = this.ResolvedComponentSpec;
         if (!resolvedComponent) {
             return tabs;
         }
@@ -544,11 +704,11 @@ let ComponentArtifactViewerComponent = class ComponentArtifactViewerComponent ex
         return ['JSON'];
     }
     extractComponentParts() {
-        if (this.resolvedComponentSpec?.name) {
-            this.componentName = this.resolvedComponentSpec.name;
+        if (this.ResolvedComponentSpec?.name) {
+            this.ComponentName = this.ResolvedComponentSpec.name;
         }
-        if (this.resolvedComponentSpec?.code) {
-            this.componentCode = BuildComponentCompleteCode(this.resolvedComponentSpec);
+        if (this.ResolvedComponentSpec?.code) {
+            this.ComponentCode = BuildComponentCompleteCode(this.ResolvedComponentSpec);
         }
     }
     /**
@@ -558,11 +718,11 @@ let ComponentArtifactViewerComponent = class ComponentArtifactViewerComponent ex
      * render and <mj-react-component> is removed by the @if/else block).
      * Emits tabsChanged so the parent panel re-evaluates allTabs and renders the new tab labels.
      */
-    onReactComponentInitialized() {
-        if (this.reactComponent?.resolvedComponentSpec &&
-            this.reactComponent.resolvedComponentSpec !== this.component) {
+    OnReactComponentInitialized() {
+        if (this.ReactComponent?.resolvedComponentSpec &&
+            this.ReactComponent.resolvedComponentSpec !== this.Component) {
             // Cache the resolved spec so it's available even after the React component is destroyed
-            this._cachedResolvedSpec = this.reactComponent.resolvedComponentSpec;
+            this._cachedResolvedSpec = this.ReactComponent.resolvedComponentSpec;
             this.tabsChanged.emit();
             // Re-evaluate permissions against the resolved spec — the stripped artifact
             // spec has no dataRequirements, so the initial check in loadComponentSpec()
@@ -571,33 +731,45 @@ let ComponentArtifactViewerComponent = class ComponentArtifactViewerComponent ex
             this.evaluatePermissions();
         }
     }
-    onComponentEvent(event) {
+    /** @deprecated Use {@link OnReactComponentInitialized}. */
+    onReactComponentInitialized() {
+        return this.OnReactComponentInitialized();
+    }
+    OnComponentEvent(event) {
         console.log('Component event:', event);
         // Handle error events from React component
         if (event && typeof event === 'object' && 'type' in event && event.type === 'error') {
             const errorEvent = event;
-            this.hasError = true;
+            this.HasError = true;
             this.errorMessage = 'Component Failed to Load';
-            this.errorDetails = errorEvent.payload.error || 'Unknown error occurred while loading the component';
+            this.ErrorDetails = errorEvent.payload.error || 'Unknown error occurred while loading the component';
         }
     }
+    /** @deprecated Use {@link OnComponentEvent}. */
+    onComponentEvent(event) {
+        return this.OnComponentEvent(event);
+    }
     /**
      * Handle entity record open request from React component
      * Propagates the event up to parent components
      */
-    onOpenEntityRecord(event) {
+    OnOpenEntityRecord(event) {
         // Transform to use 'compositeKey' name for consistency with Angular components
-        this.openEntityRecord.emit({
+        this.OpenEntityRecord.emit({
             entityName: event.entityName,
             compositeKey: event.key
         });
     }
+    /** @deprecated Use {@link OnOpenEntityRecord}. */
+    onOpenEntityRecord(event) {
+        return this.OnOpenEntityRecord(event);
+    }
     GetCurrentStateSnapshot() {
         // First try the component's explicit or auto-captured data state.
         // MJReactComponent.getCurrentDataState() already includes the fallback
         // to intercepted RunView/RunQuery results when the React component
         // doesn't register getCurrentDataState() via callbacks.RegisterMethod.
-        const dataState = this.reactComponent?.getCurrentDataState?.();
+        const dataState = this.ReactComponent?.getCurrentDataState?.();
         if (dataState && typeof dataState === 'object') {
             return dataState;
         }
@@ -608,7 +780,7 @@ let ComponentArtifactViewerComponent = class ComponentArtifactViewerComponent ex
         // the component. The artifact itself is attached to the conversation as an
         // Input junction, so the agent can reason from the spec + any static data
         // baked into the component code.
-        const spec = this.resolvedComponentSpec;
+        const spec = this.ResolvedComponentSpec;
         if (!spec)
             return null;
         const snap = new DataSnapshot();
@@ -624,7 +796,7 @@ let ComponentArtifactViewerComponent = class ComponentArtifactViewerComponent ex
      * Component artifacts support feedback when a resolved spec is available.
      */
     get SupportsFeedback() {
-        return !!this.resolvedComponentSpec;
+        return !!this.ResolvedComponentSpec;
     }
     /**
      * Toggle the feedback panel open. Called from the artifact viewer header button.
@@ -650,41 +822,41 @@ let ComponentArtifactViewerComponent = class ComponentArtifactViewerComponent ex
      * against type-appropriate empty values.
      */
     async detectAndInitFormArtifact() {
-        this.isFormArtifact = false;
-        this.formEntityInfo = null;
-        this.formRecord = null;
-        this.formRecordIsReal = false;
-        this.formRecordLabel = '';
-        this.formInitError = null;
-        const spec = this.component;
+        this.IsFormArtifact = false;
+        this.FormEntityInfo = null;
+        this.FormRecord = null;
+        this.FormRecordIsReal = false;
+        this.FormRecordLabel = '';
+        this.FormInitError = null;
+        const spec = this.Component;
         if (!spec || !isFormRole(spec))
             return;
-        this.isFormArtifact = true;
+        this.IsFormArtifact = true;
         const entityName = getDeclaredFormEntityName(spec);
         if (!entityName) {
-            this.formInitError = 'Form artifact has no declared entity. Showing without record context.';
+            this.FormInitError = 'Form artifact has no declared entity. Showing without record context.';
             return;
         }
         const provider = this.ProviderToUse;
         const entity = provider?.EntityByName(entityName);
         if (!entity) {
-            this.formInitError = `Entity "${entityName}" not registered with the active provider.`;
+            this.FormInitError = `Entity "${entityName}" not registered with the active provider.`;
             return;
         }
-        this.formEntityInfo = entity;
+        this.FormEntityInfo = entity;
         // Load Top-1 record by default. If empty / fails, fall back to a fresh
         // synthetic record. Either way the form mounts — failure to find a real
         // record is informational, not fatal.
         const record = await this.loadTopOneRecord(entity);
         if (record) {
-            this.formRecord = record;
-            this.formRecordIsReal = true;
-            this.formRecordLabel = this.computeRecordLabel(record);
+            this.FormRecord = record;
+            this.FormRecordIsReal = true;
+            this.FormRecordLabel = this.computeRecordLabel(record);
         }
         else {
-            this.formRecord = await this.buildFixtureRecord(entity);
-            this.formRecordIsReal = false;
-            this.formRecordLabel = 'Mock data';
+            this.FormRecord = await this.buildFixtureRecord(entity);
+            this.FormRecordIsReal = false;
+            this.FormRecordLabel = 'Mock data';
         }
         // This runs after an await on a RunView that resolves outside Angular's zone,
         // so nothing would refresh the view until the next user event — leaving the
@@ -747,15 +919,15 @@ let ComponentArtifactViewerComponent = class ComponentArtifactViewerComponent ex
      * Search-as-you-type for the picker. Queries by name field (or any
      * indexed string field, best-effort). Limits to 8 hits for tightness.
      */
-    async onPickerSearchInput(term) {
-        this.recordSearchTerm = term;
-        if (!this.formEntityInfo || term.trim().length === 0) {
-            this.recordSearchResults = [];
+    async OnPickerSearchInput(term) {
+        this.RecordSearchTerm = term;
+        if (!this.FormEntityInfo || term.trim().length === 0) {
+            this.RecordSearchResults = [];
             return;
         }
-        const nameField = this.formEntityInfo.NameField?.Name;
+        const nameField = this.FormEntityInfo.NameField?.Name;
         if (!nameField) {
-            this.recordSearchResults = [];
+            this.RecordSearchResults = [];
             return;
         }
         try {
@@ -764,13 +936,13 @@ let ComponentArtifactViewerComponent = class ComponentArtifactViewerComponent ex
             // term so we don't break SQL — RunView passes ExtraFilter as-is.
             const safe = term.replace(/'/g, "''");
             const result = await rv.RunView({
-                EntityName: this.formEntityInfo.Name,
+                EntityName: this.FormEntityInfo.Name,
                 ExtraFilter: `${nameField} LIKE '%${safe}%'`,
                 MaxRows: 8,
                 ResultType: 'entity_object',
             }, this.ProviderToUse.CurrentUser);
             if (result.Success) {
-                this.recordSearchResults = (result.Results ?? []).map(r => ({
+                this.RecordSearchResults = (result.Results ?? []).map(r => ({
                     ID: r.PrimaryKey?.ToConcatenatedString() ?? '',
                     Label: this.computeRecordLabel(r),
                 }));
@@ -778,31 +950,39 @@ let ComponentArtifactViewerComponent = class ComponentArtifactViewerComponent ex
         }
         catch (err) {
             LogError(`ComponentArtifactViewer: picker search failed: ${err instanceof Error ? err.message : String(err)}`);
-            this.recordSearchResults = [];
+            this.RecordSearchResults = [];
         }
     }
+    /** @deprecated Use {@link OnPickerSearchInput}. */
+    async onPickerSearchInput(term) {
+        return this.OnPickerSearchInput(term);
+    }
     /** User picked a different record from the search results. Re-bind the form. */
-    async onPickerSelect(item) {
-        if (!this.formEntityInfo)
+    async OnPickerSelect(item) {
+        if (!this.FormEntityInfo)
             return;
         try {
-            const rec = await this.ProviderToUse.GetEntityObject(this.formEntityInfo.Name, this.ProviderToUse.CurrentUser);
+            const rec = await this.ProviderToUse.GetEntityObject(this.FormEntityInfo.Name, this.ProviderToUse.CurrentUser);
             const pk = new CompositeKey();
-            pk.LoadFromURLSegment(this.formEntityInfo, item.ID);
+            pk.LoadFromURLSegment(this.FormEntityInfo, item.ID);
             const loaded = await rec.InnerLoad(pk);
             if (loaded) {
-                this.formRecord = rec;
-                this.formRecordIsReal = true;
-                this.formRecordLabel = item.Label;
-                this.showRecordPicker = false;
-                this.recordSearchTerm = '';
-                this.recordSearchResults = [];
+                this.FormRecord = rec;
+                this.FormRecordIsReal = true;
+                this.FormRecordLabel = item.Label;
+                this.ShowRecordPicker = false;
+                this.RecordSearchTerm = '';
+                this.RecordSearchResults = [];
             }
         }
         catch (err) {
             LogError(`ComponentArtifactViewer: failed to load picked record ${item.ID}: ${err instanceof Error ? err.message : String(err)}`);
         }
     }
+    /** @deprecated Use {@link OnPickerSelect}. */
+    async onPickerSelect(item) {
+        return this.OnPickerSelect(item);
+    }
     /**
      * Bubble Apply intent up to the host (Form Builder dashboard / Sage chat).
      *
@@ -814,28 +994,32 @@ let ComponentArtifactViewerComponent = class ComponentArtifactViewerComponent ex
      * Source #2 covers the common form-artifact case where the React component lives inside
      * <mj-interactive-form> and resolvedComponentSpec falls back to the stripped local spec.
      */
-    async onApplyClicked() {
-        if (!this.formEntityInfo)
+    async OnApplyClicked() {
+        if (!this.FormEntityInfo)
             return;
         const spec = await this.resolveSpecWithCode();
         if (!spec)
             return;
-        this.applyFormRequested.emit({
+        this.ApplyFormRequested.emit({
             spec,
-            entityName: this.formEntityInfo.Name,
+            entityName: this.FormEntityInfo.Name,
         });
     }
+    /** @deprecated Use {@link OnApplyClicked}. */
+    async onApplyClicked() {
+        return this.OnApplyClicked();
+    }
     /**
      * Resolve a ComponentSpec that includes code, trying multiple sources in order.
      */
     async resolveSpecWithCode() {
         // 1. Prefer the live React bridge's resolved spec (non-form path).
-        const resolved = this.resolvedComponentSpec;
+        const resolved = this.ResolvedComponentSpec;
         if (resolved?.code)
             return resolved;
         // 2. For form artifacts, the React component lives inside <mj-interactive-form>.
         //    Reach into it to get the resolved spec from the component registry.
-        const formReactSpec = this.interactiveForm?.reactComponent?.resolvedComponentSpec;
+        const formReactSpec = this.InteractiveForm?.reactComponent?.resolvedComponentSpec;
         if (formReactSpec?.code)
             return formReactSpec;
         // 3. Re-parse the artifact version's Content directly — the agent stores the
@@ -848,7 +1032,7 @@ let ComponentArtifactViewerComponent = class ComponentArtifactViewerComponent ex
                 return freshParse;
         }
         // 4. DB fallback — fetch from MJ: Components by name.
-        const name = resolved?.name ?? this.component?.name;
+        const name = resolved?.name ?? this.Component?.name;
         if (name) {
             const dbSpec = await this.fetchFullSpecByName(name);
             if (dbSpec?.code)
@@ -886,9 +1070,9 @@ let ComponentArtifactViewerComponent = class ComponentArtifactViewerComponent ex
             i0.ɵɵviewQuery(_c0, 5)(_c1, 5);
         } if (rf & 2) {
             let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.reactComponent = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.interactiveForm = _t.first);
-        } }, outputs: { tabsChanged: "tabsChanged", openEntityRecord: "openEntityRecord", applyFormRequested: "applyFormRequested" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 7, vars: 3, consts: [["interactiveForm", ""], ["reactComponent", ""], [1, "component-artifact-viewer", 3, "ngClass"], [1, "component-preview"], [1, "error-state"], [1, "permission-warning"], [3, "ComponentSpec", "ReactContainerElement"], [1, "fa-solid", "fa-exclamation-triangle"], [2, "text-align", "left", "max-width", "500px", "color", "var(--mj-text-muted)", "line-height", "1.6"], [2, "margin-top", "20px"], [1, "form-artifact-toolstrip"], ["aria-hidden", "true", 1, "fa-solid", "fa-circle-info"], [1, "form-artifact-toolstrip-label"], ["type", "button", 1, "form-artifact-picker-chip", 3, "click"], [1, "fa-solid", "fa-magnifying-glass"], [1, "form-artifact-picker-chip-badge"], [1, "fa-solid", "fa-chevron-down"], [1, "form-artifact-toolstrip-entity"], [1, "form-artifact-toolstrip-warning", 3, "title"], [2, "flex", "1"], ["type", "button", 1, "form-artifact-apply-btn"], [1, "form-artifact-picker-panel"], [1, "form-artifact-form-host"], [1, "fa-solid", "fa-triangle-exclamation"], ["type", "button", 1, "form-artifact-apply-btn", 3, "click"], [1, "fa-solid", "fa-circle-check"], [1, "form-artifact-picker-panel", 3, "click"], ["type", "text", "placeholder", "Search records by name\u2026", 1, "form-artifact-picker-search", 3, "input", "value"], [1, "form-artifact-picker-results"], [1, "form-artifact-picker-empty"], [1, "form-artifact-picker-row"], [1, "form-artifact-picker-row", 3, "click"], [1, "fa-solid", "fa-circle-dot"], [3, "componentSpec", "record"], [1, "fa-solid", "fa-exclamation-circle"], [1, "permission-warning-icon"], [1, "fa-solid", "fa-shield-halved"], [1, "permission-warning-section"], [1, "permission-warning-hint"], [1, "permission-warning-section-label"], [1, "fa-solid", "fa-table"], [1, "fa-solid", "fa-database"], [3, "component"], [1, "no-code-state"], [3, "componentEvent", "openEntityRecord", "initialized", "component"], [1, "fa-solid", "fa-file-lines"], [3, "Closed", "ComponentSpec", "ReactContainerElement"]], template: function ComponentArtifactViewerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.ReactComponent = _t.first);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.InteractiveForm = _t.first);
+        } }, outputs: { tabsChanged: "tabsChanged", OpenEntityRecord: "OpenEntityRecord", openEntityRecord: "openEntityRecord", ApplyFormRequested: "ApplyFormRequested", applyFormRequested: "applyFormRequested" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 7, vars: 3, consts: [["interactiveForm", ""], ["reactComponent", ""], [1, "component-artifact-viewer", 3, "ngClass"], [1, "component-preview"], [1, "error-state"], [1, "permission-warning"], [3, "ComponentSpec", "ReactContainerElement"], [1, "fa-solid", "fa-exclamation-triangle"], [2, "text-align", "left", "max-width", "500px", "color", "var(--mj-text-muted)", "line-height", "1.6"], [2, "margin-top", "20px"], [1, "form-artifact-toolstrip"], ["aria-hidden", "true", 1, "fa-solid", "fa-circle-info"], [1, "form-artifact-toolstrip-label"], ["type", "button", 1, "form-artifact-picker-chip", 3, "click"], [1, "fa-solid", "fa-magnifying-glass"], [1, "form-artifact-picker-chip-badge"], [1, "fa-solid", "fa-chevron-down"], [1, "form-artifact-toolstrip-entity"], [1, "form-artifact-toolstrip-warning", 3, "title"], [2, "flex", "1"], ["type", "button", 1, "form-artifact-apply-btn"], [1, "form-artifact-picker-panel"], [1, "form-artifact-form-host"], [1, "fa-solid", "fa-triangle-exclamation"], ["type", "button", 1, "form-artifact-apply-btn", 3, "click"], [1, "fa-solid", "fa-circle-check"], [1, "form-artifact-picker-panel", 3, "click"], ["type", "text", "placeholder", "Search records by name\u2026", 1, "form-artifact-picker-search", 3, "input", "value"], [1, "form-artifact-picker-results"], [1, "form-artifact-picker-empty"], [1, "form-artifact-picker-row"], [1, "form-artifact-picker-row", 3, "click"], [1, "fa-solid", "fa-circle-dot"], [3, "componentSpec", "record"], [1, "fa-solid", "fa-exclamation-circle"], [1, "permission-warning-icon"], [1, "fa-solid", "fa-shield-halved"], [1, "permission-warning-section"], [1, "permission-warning-hint"], [1, "permission-warning-section-label"], [1, "fa-solid", "fa-table"], [1, "fa-solid", "fa-database"], [3, "component"], [1, "no-code-state"], [3, "componentEvent", "openEntityRecord", "initialized", "component"], [1, "fa-solid", "fa-file-lines"], [3, "Closed", "ComponentSpec", "ReactContainerElement"]], template: function ComponentArtifactViewerComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 2)(1, "div", 3);
             i0.ɵɵconditionalCreate(2, ComponentArtifactViewerComponent_Conditional_2_Template, 14, 2, "div", 4)(3, ComponentArtifactViewerComponent_Conditional_3_Template, 17, 7)(4, ComponentArtifactViewerComponent_Conditional_4_Template, 11, 2, "div", 5)(5, ComponentArtifactViewerComponent_Conditional_5_Template, 3, 1);
             i0.ɵɵelementEnd();
@@ -909,16 +1093,20 @@ export { ComponentArtifactViewerComponent };
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ComponentArtifactViewerComponent, [{
         type: Component,
         args: [{ standalone: false, selector: 'mj-component-artifact-viewer', template: "<div class=\"component-artifact-viewer\" [ngClass]=\"cssClass\">\n  <!-- Component Preview (full screen) -->\n  <div class=\"component-preview\">\n    @if (hasError) {\n      <div class=\"error-state\">\n        <i class=\"fa-solid fa-exclamation-triangle\"></i>\n        <h3>{{ errorMessage }}</h3>\n        <p>This component could not be loaded. This usually happens when:</p>\n        <ul style=\"text-align: left; max-width: 500px; color: var(--mj-text-muted); line-height: 1.6;\">\n          <li>The component registry is unavailable or unreachable</li>\n          <li>The component version does not exist in the registry</li>\n          <li>There was a network error during component retrieval</li>\n        </ul>\n        @if (errorDetails) {\n          <details style=\"margin-top: 20px;\">\n            <summary>Technical Details</summary>\n            <pre>{{ errorDetails }}</pre>\n          </details>\n        }\n      </div>\n    } @else if (isFormArtifact) {\n      <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n           FORM-AWARE BRANCH\n           Spec declares componentRole: 'form'. Render via\n           <mj-interactive-form> bound to a real Top-1 record\n           (or a synthetic NewRecord fallback). Picker chip\n           lets the user swap records; Apply promotes the\n           spec to an EntityFormOverride.\n           \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n      <div class=\"form-artifact-toolstrip\">\n        <i class=\"fa-solid fa-circle-info\" aria-hidden=\"true\"></i>\n        <span class=\"form-artifact-toolstrip-label\">Previewing record:</span>\n        <button\n          type=\"button\"\n          class=\"form-artifact-picker-chip\"\n          (click)=\"showRecordPicker = !showRecordPicker\">\n          <i class=\"fa-solid fa-magnifying-glass\"></i>\n          <strong>{{ formRecordLabel || 'No record' }}</strong>\n          @if (!formRecordIsReal) {\n            <span class=\"form-artifact-picker-chip-badge\">Mock</span>\n          }\n          <i class=\"fa-solid fa-chevron-down\"></i>\n        </button>\n        @if (formEntityInfo) {\n          <span class=\"form-artifact-toolstrip-entity\">{{ formEntityInfo.DisplayName || formEntityInfo.Name }}</span>\n        }\n        @if (formInitError) {\n          <span class=\"form-artifact-toolstrip-warning\" [title]=\"formInitError\">\n            <i class=\"fa-solid fa-triangle-exclamation\"></i>\n          </span>\n        }\n        <span style=\"flex: 1;\"></span>\n        @if (formEntityInfo) {\n          <button\n            type=\"button\"\n            class=\"form-artifact-apply-btn\"\n            (click)=\"onApplyClicked()\">\n            <i class=\"fa-solid fa-circle-check\"></i>\n            Apply to my form\n          </button>\n        }\n      </div>\n\n      @if (showRecordPicker && formEntityInfo) {\n        <div class=\"form-artifact-picker-panel\" (click)=\"$event.stopPropagation()\">\n          <input\n            type=\"text\"\n            class=\"form-artifact-picker-search\"\n            placeholder=\"Search records by name\u2026\"\n            [value]=\"recordSearchTerm\"\n            (input)=\"onPickerSearchInput($any($event.target).value)\" />\n          @if (recordSearchResults.length > 0) {\n            <ul class=\"form-artifact-picker-results\">\n              @for (r of recordSearchResults; track r.ID) {\n                <li\n                  class=\"form-artifact-picker-row\"\n                  (click)=\"onPickerSelect(r)\">\n                  <i class=\"fa-solid fa-circle-dot\"></i>\n                  <span>{{ r.Label }}</span>\n                </li>\n              }\n            </ul>\n          } @else if (recordSearchTerm.length > 0) {\n            <div class=\"form-artifact-picker-empty\">No matches.</div>\n          } @else {\n            <div class=\"form-artifact-picker-empty\">Start typing to search.</div>\n          }\n        </div>\n      }\n\n      @if (formRecord && component) {\n        <div class=\"form-artifact-form-host\">\n          <mj-interactive-form\n            #interactiveForm\n            [componentSpec]=\"component\"\n            [record]=\"formRecord\">\n          </mj-interactive-form>\n        </div>\n      } @else {\n        <div class=\"error-state\">\n          <i class=\"fa-solid fa-exclamation-circle\"></i>\n          <h3>Form preview unavailable</h3>\n          <p>{{ formInitError || 'Could not bind a record to this form.' }}</p>\n        </div>\n      }\n    } @else if (isPermissionBlocked) {\n      <!-- Permission warning \u2014 user lacks access to one or more data sources -->\n      <div class=\"permission-warning\">\n        <div class=\"permission-warning-icon\">\n          <i class=\"fa-solid fa-shield-halved\"></i>\n        </div>\n        <h3>Insufficient Permissions</h3>\n        <p>This component requires data access that you don't currently have:</p>\n\n        @if (permissionResult!.missingEntities.length > 0) {\n          <div class=\"permission-warning-section\">\n            <span class=\"permission-warning-section-label\">Entities</span>\n            <ul>\n              @for (entity of permissionResult!.missingEntities; track entity) {\n                <li><i class=\"fa-solid fa-table\"></i> {{ entity }}</li>\n              }\n            </ul>\n          </div>\n        }\n\n        @if (permissionResult!.missingQueries.length > 0) {\n          <div class=\"permission-warning-section\">\n            <span class=\"permission-warning-section-label\">Queries</span>\n            <ul>\n              @for (query of permissionResult!.missingQueries; track query) {\n                <li><i class=\"fa-solid fa-database\"></i> {{ query }}</li>\n              }\n            </ul>\n          </div>\n        }\n\n        <p class=\"permission-warning-hint\">Contact your administrator to request access.</p>\n      </div>\n    } @else {\n      <!-- Default (non-form) interactive component path -->\n      @if (component && (component.code || component.namespace)) {\n        <mj-react-component\n          #reactComponent\n          [component]=\"component\"\n          (componentEvent)=\"onComponentEvent($event)\"\n          (openEntityRecord)=\"onOpenEntityRecord($event)\"\n          (initialized)=\"onReactComponentInitialized()\">\n        </mj-react-component>\n      } @else if (component) {\n        <!-- Component spec exists but no code - show informational message -->\n        <div class=\"no-code-state\">\n          <i class=\"fa-solid fa-file-lines\"></i>\n          <h3>Component Specification</h3>\n          <p>This component has specifications but no executable code yet.</p>\n          <p>View the Functional, Data, or Spec tabs for details.</p>\n        </div>\n      } @else {\n        <div class=\"error-state\">\n          <i class=\"fa-solid fa-exclamation-circle\"></i>\n          <h3>No Component Loaded</h3>\n          <p>The component data is missing or invalid.</p>\n        </div>\n      }\n    }\n  </div>\n\n  <!-- Feedback overlay panel (invoked from header button via AskUserForFeedback) -->\n  @if (ShowFeedbackPanel && resolvedComponentSpec) {\n    <mj-component-feedback-panel\n      [ComponentSpec]=\"resolvedComponentSpec\"\n      [ReactContainerElement]=\"reactComponent?.container?.nativeElement || null\"\n      (Closed)=\"ShowFeedbackPanel = false\">\n    </mj-component-feedback-panel>\n  }\n</div>\n", styles: [".component-artifact-viewer {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  width: 100%;\n  background: var(--mj-bg-surface);\n}\n\n.component-preview {\n  flex: 1;\n  padding: 15px;\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  min-width: 0;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n/* Ensure React component takes full height */\n.component-preview mj-react-component {\n  flex: 1;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n}\n\n.error-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 40px;\n  text-align: center;\n  color: var(--mj-status-error);\n  flex: 1;\n  min-height: 300px;\n}\n.error-state i {\n  font-size: 48px;\n  margin-bottom: 16px;\n}\n.error-state h3 {\n  margin: 0 0 8px 0;\n  font-size: 20px;\n}\n.error-state p {\n  margin: 0 0 12px 0;\n  color: var(--mj-text-muted);\n}\n.error-state details {\n  margin-top: 16px;\n  text-align: left;\n  max-width: 600px;\n}\n.error-state details summary {\n  cursor: pointer;\n  color: var(--mj-text-secondary);\n  font-weight: 500;\n  margin-bottom: 8px;\n}\n.error-state details summary:hover {\n  color: var(--mj-text-primary);\n}\n.error-state details pre {\n  background: var(--mj-bg-surface-sunken);\n  padding: 12px;\n  border-radius: 4px;\n  overflow-x: auto;\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n  margin: 0;\n}\n\n/* State for component spec without executable code */\n.no-code-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 40px;\n  text-align: center;\n  color: var(--mj-text-muted);\n  flex: 1;\n}\n.no-code-state i {\n  font-size: 48px;\n  margin-bottom: 16px;\n  color: var(--mj-brand-primary);\n}\n.no-code-state h3 {\n  margin: 0 0 8px 0;\n  font-size: 20px;\n  color: var(--mj-text-secondary);\n}\n.no-code-state p {\n  margin: 0 0 8px 0;\n  color: var(--mj-text-muted);\n}\n\n\n/* ====================================================================\n   FORM-AWARE BRANCH (componentRole === 'form')\n   Top strip: record-picker chip + Apply button.\n   Below: dropdown picker panel.\n   Below: <mj-interactive-form> bound to the picked record.\n   ==================================================================== */\n\n.form-artifact-toolstrip {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 8px 14px;\n  background: var(--mj-bg-surface-card);\n  border-bottom: 1px solid var(--mj-border-default);\n  font-size: 12px;\n  color: var(--mj-text-secondary);\n}\n.form-artifact-toolstrip-label {\n  font-weight: 600;\n}\n.form-artifact-toolstrip-entity {\n  margin-left: 4px;\n  padding: 2px 8px;\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 30%, var(--mj-bg-surface));\n  border-radius: 999px;\n  font-size: 11px;\n  font-weight: 600;\n}\n.form-artifact-toolstrip-warning {\n  color: var(--mj-status-warning-text);\n}\n\n.form-artifact-picker-chip {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md, 8px);\n  padding: 4px 10px;\n  font-size: 12px;\n  color: var(--mj-text-primary);\n  cursor: pointer;\n}\n.form-artifact-picker-chip:hover,\n.form-artifact-picker-chip:focus {\n  border-color: var(--mj-border-focus);\n  outline: none;\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n.form-artifact-picker-chip strong {\n  color: var(--mj-text-primary);\n  font-weight: 600;\n}\n.form-artifact-picker-chip-badge {\n  background: var(--mj-status-warning-bg);\n  color: var(--mj-status-warning-text);\n  border: 1px solid var(--mj-status-warning-border);\n  font-size: 10px;\n  font-weight: 700;\n  padding: 1px 6px;\n  border-radius: 999px;\n}\n\n.form-artifact-apply-btn {\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse, #ffffff);\n  border: 1px solid var(--mj-brand-primary);\n  border-radius: var(--mj-radius-md, 8px);\n  padding: 5px 12px;\n  font-size: 12px;\n  font-weight: 600;\n  cursor: pointer;\n}\n.form-artifact-apply-btn:hover {\n  background: var(--mj-brand-primary-hover, var(--mj-brand-primary));\n}\n\n.form-artifact-picker-panel {\n  background: var(--mj-bg-surface);\n  border-bottom: 1px solid var(--mj-border-default);\n  padding: 10px 14px;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n.form-artifact-picker-search {\n  width: 100%;\n  padding: 7px 10px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md, 8px);\n  background: var(--mj-bg-surface);\n  font-size: 13px;\n  color: var(--mj-text-primary);\n}\n.form-artifact-picker-search:focus {\n  outline: none;\n  border-color: var(--mj-border-focus);\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 15%, transparent);\n}\n.form-artifact-picker-results {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n.form-artifact-picker-row {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 8px;\n  border-radius: 6px;\n  cursor: pointer;\n  font-size: 13px;\n}\n.form-artifact-picker-row:hover {\n  background: var(--mj-bg-surface-hover);\n}\n.form-artifact-picker-row i {\n  color: var(--mj-text-muted);\n  font-size: 10px;\n}\n.form-artifact-picker-empty {\n  color: var(--mj-text-muted);\n  font-size: 12px;\n  font-style: italic;\n}\n\n.form-artifact-form-host {\n  flex: 1;\n  overflow: auto;\n  background: var(--mj-bg-page);\n  min-width: 0;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n/* ====================================================================\n   PERMISSION WARNING\n   Shown before rendering when the user lacks read access to one or\n   more entities/queries required by the component.\n   ==================================================================== */\n\n.permission-warning {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 40px;\n  text-align: center;\n  flex: 1;\n  min-height: 300px;\n}\n.permission-warning-icon {\n  font-size: 48px;\n  margin-bottom: 16px;\n  color: var(--mj-status-warning-text, #b45309);\n}\n.permission-warning h3 {\n  margin: 0 0 8px 0;\n  font-size: 20px;\n  color: var(--mj-text-primary);\n}\n.permission-warning > p {\n  margin: 0 0 16px 0;\n  color: var(--mj-text-muted);\n}\n.permission-warning-section {\n  text-align: left;\n  max-width: 400px;\n  width: 100%;\n  margin-bottom: 12px;\n}\n.permission-warning-section-label {\n  display: block;\n  font-size: 11px;\n  font-weight: 700;\n  text-transform: uppercase;\n  letter-spacing: 0.05em;\n  color: var(--mj-text-muted);\n  margin-bottom: 4px;\n}\n.permission-warning-section ul {\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.permission-warning-section li {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 10px;\n  font-size: 13px;\n  color: var(--mj-text-primary);\n  background: var(--mj-bg-surface-sunken, var(--mj-bg-surface));\n  border-radius: 6px;\n}\n.permission-warning-section li i {\n  color: var(--mj-status-warning-text, #b45309);\n  font-size: 12px;\n}\n.permission-warning-hint {\n  margin-top: 8px;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n"] }]
-    }], () => [{ type: i1.AngularAdapterService }, { type: i0.ChangeDetectorRef }], { reactComponent: [{
+    }], () => [{ type: i1.AngularAdapterService }, { type: i0.ChangeDetectorRef }], { ReactComponent: [{
             type: ViewChild,
             args: ['reactComponent']
-        }], interactiveForm: [{
+        }], InteractiveForm: [{
             type: ViewChild,
             args: ['interactiveForm']
         }], tabsChanged: [{
             type: Output
+        }], OpenEntityRecord: [{
+            type: Output
         }], openEntityRecord: [{
             type: Output
+        }], ApplyFormRequested: [{
+            type: Output
         }], applyFormRequested: [{
             type: Output
         }] }); })();