@memberjunction/ng-base-forms 6.1.0-edge.2 → 6.1.0-edge.3

package/dist/lib/container/record-form-container.component.js

@@ -1,4 +1,4 @@
-import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy, ChangeDetectorRef, inject, NgZone, ContentChildren, ViewChild, ViewEncapsulation } from '@angular/core';
+import { Component, Input, Output, EventEmitter, ChangeDetectionStrategy, ChangeDetectorRef, inject, NgZone, ContentChildren, ViewChild, ViewEncapsulation, ElementRef } from '@angular/core';
 import { CompositeKey, RunView } from '@memberjunction/core';
 import { UUIDsEqual } from '@memberjunction/global';
 import { BaseAngularComponent } from '@memberjunction/ng-base-types';
@@ -8,69 +8,314 @@ import { takeUntil } from 'rxjs/operators';
 import { DEFAULT_TOOLBAR_CONFIG } from '../types/toolbar-config';
 import { ResolveFormShowToolbar, ResolveFormToolbarConfig } from '../types/entity-form-config';
 import { MjCollapsiblePanelComponent } from '../panel/collapsible-panel.component';
-import { BeforeHistoryViewEventArgs, BeforeListManagementEventArgs } from '../types/form-events';
+import { BeforeHistoryViewEventArgs, BeforeListManagementEventArgs, BeforeLayoutResolveEventArgs, AfterLayoutResolvedEventArgs, BeforeSectionActivateEventArgs, AfterSectionActivatedEventArgs, } from '../types/form-events';
 import { RecordChangesComponent } from '@memberjunction/ng-record-changes';
 import { MJNotificationService } from '@memberjunction/ng-notifications';
 import { FormSlotCoordinator } from '../panel-slot/form-slot-coordinator.service';
+import { FormChromeCoordinator } from '../chrome/form-chrome-coordinator.service';
+import { ResolveFormChrome, OrderChromeGroups, OrderMoreSectionKeys, MoveChromeGroupInSectionOrder, OverlayChromeSectionOrder } from '../chrome/resolve-form-chrome';
+import { LoadFormChromeRules } from '../chrome/load-form-chrome-rules';
+import { MORE_SECTION_KEY, HumanizeEntityTitle, IsAlwaysMoreSection } from '../chrome/form-chrome';
+import { ClampRailWidth, FORM_CHROME_RAIL_PINNED_DEFAULT, FORM_CHROME_RAIL_WIDTH_DEFAULT, FORM_CHROME_RAIL_WIDTH_MAX, FORM_CHROME_RAIL_WIDTH_MIN, ParseRailPinnedSetting, ParseRailWidthSetting, SerializeRailPinnedSetting, SerializeRailWidthSetting, ShouldPersistChromeActiveGroup, } from '../chrome/form-chrome-rail-pref';
+import { ApplyClippedTitle } from '../chrome/clipped-title';
+import { CollectFormPanelRegistrations } from '../panel-slot/collect-form-panel-registrations';
+import { ContributionHiddenSectionKeys, ResolveFormContributions } from '../panel-slot/form-contribution';
+import { IsFormSectionHidden } from '../types/entity-form-config';
+import { FormRecordRefreshCoordinator } from '../form-record-refresh.coordinator';
 import * as i0 from "@angular/core";
 import * as i1 from "@memberjunction/ng-ui-components";
 import * as i2 from "@memberjunction/ng-record-changes";
 import * as i3 from "@memberjunction/ng-list-management";
 import * as i4 from "@memberjunction/ng-record-tags";
-import * as i5 from "../toolbar/form-toolbar.component";
-import * as i6 from "../section-manager/section-manager.component";
-import * as i7 from "../isa-related-panel/isa-related-panel.component";
-import * as i8 from "../panel-slot/form-panel-slot.component";
+import * as i5 from "@memberjunction/ng-file-storage";
+import * as i6 from "../toolbar/form-toolbar.component";
+import * as i7 from "../section-manager/section-manager.component";
+import * as i8 from "../isa-related-panel/isa-related-panel.component";
+import * as i9 from "../panel-slot/form-panel-slot.component";
+import * as i10 from "../panel-slot/form-contributions.component";
 const _c0 = [[["", "before-toolbar", ""]], "*"];
 const _c1 = ["[before-toolbar]", "*"];
 const _c2 = a0 => [a0];
 const _c3 = (a0, a1, a2) => ({ mode: "manage", entityId: a0, entityName: a1, recordIds: a2, allowCreate: true });
+const _forTrack0 = ($index, $item) => $item.Key;
 function MjRecordFormContainerComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-form-toolbar", 12);
-    i0.ɵɵlistener("Navigate", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnNavigate($event)); })("EditModeChange", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_EditModeChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnEditModeChange($event)); })("BeforeSave", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_BeforeSave_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.BeforeSave.emit($event)); })("SaveRequested", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_SaveRequested_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnSaveRequested()); })("BeforeCancel", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_BeforeCancel_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.BeforeCancel.emit($event)); })("CancelRequested", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_CancelRequested_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnCancelRequested()); })("BeforeDelete", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_BeforeDelete_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.BeforeDelete.emit($event)); })("DeleteRequested", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_DeleteRequested_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDeleteRequested()); })("FavoriteToggled", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_FavoriteToggled_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnFavoriteToggled()); })("BeforeHistoryView", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_BeforeHistoryView_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.BeforeHistoryView.emit($event)); })("HistoryRequested", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_HistoryRequested_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnHistoryRequested()); })("BeforeListManagement", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_BeforeListManagement_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.BeforeListManagement.emit($event)); })("ListManagementRequested", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_ListManagementRequested_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnListManagementRequested()); })("ShowChangesRequested", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_ShowChangesRequested_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnShowChangesRequested()); })("CustomButtonClick", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_CustomButtonClick_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CustomButtonClick.emit($event)); })("FilterChange", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_FilterChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnFilterChange($event)); })("ExpandAllRequested", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_ExpandAllRequested_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnExpandAll()); })("CollapseAllRequested", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_CollapseAllRequested_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnCollapseAll()); })("ShowEmptyFieldsChange", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_ShowEmptyFieldsChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnShowEmptyFieldsChange($event)); })("WidthModeChange", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_WidthModeChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnWidthModeChange($event)); })("ResetSectionOrderRequested", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_ResetSectionOrderRequested_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnResetSectionOrder()); })("ManageSectionsRequested", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_ManageSectionsRequested_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnManageSections()); })("TagsPanelToggled", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_TagsPanelToggled_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnTagsPanelToggled()); })("VariantPicked", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_VariantPicked_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnVariantPicked($event)); });
+    i0.ɵɵelementStart(0, "mj-form-toolbar", 16);
+    i0.ɵɵlistener("Navigate", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_Navigate_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnNavigate($event)); })("EditModeChange", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_EditModeChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnEditModeChange($event)); })("BeforeSave", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_BeforeSave_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.BeforeSave.emit($event)); })("SaveRequested", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_SaveRequested_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnSaveRequested()); })("BeforeCancel", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_BeforeCancel_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.BeforeCancel.emit($event)); })("CancelRequested", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_CancelRequested_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnCancelRequested()); })("BeforeDelete", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_BeforeDelete_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.BeforeDelete.emit($event)); })("DeleteRequested", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_DeleteRequested_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnDeleteRequested()); })("BeforeRefresh", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_BeforeRefresh_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.BeforeRefresh.emit($event)); })("RefreshRequested", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_RefreshRequested_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnRefreshRequested()); })("FavoriteToggled", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_FavoriteToggled_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnFavoriteToggled()); })("BeforeHistoryView", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_BeforeHistoryView_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.BeforeHistoryView.emit($event)); })("HistoryRequested", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_HistoryRequested_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnHistoryRequested()); })("BeforeListManagement", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_BeforeListManagement_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.BeforeListManagement.emit($event)); })("ListManagementRequested", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_ListManagementRequested_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnListManagementRequested()); })("ShowChangesRequested", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_ShowChangesRequested_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnShowChangesRequested()); })("CustomButtonClick", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_CustomButtonClick_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.CustomButtonClick.emit($event)); })("ToolbarItemClick", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_ToolbarItemClick_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.ToolbarItemClick.emit($event)); })("FilterChange", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_FilterChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnFilterChange($event)); })("ExpandAllRequested", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_ExpandAllRequested_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnExpandAll()); })("CollapseAllRequested", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_CollapseAllRequested_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnCollapseAll()); })("ShowEmptyFieldsChange", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_ShowEmptyFieldsChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnShowEmptyFieldsChange($event)); })("WidthModeChange", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_WidthModeChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnWidthModeChange($event)); })("ResetSectionOrderRequested", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_ResetSectionOrderRequested_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnResetSectionOrder()); })("ManageSectionsRequested", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_ManageSectionsRequested_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnManageSections()); })("TagsPanelToggled", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_TagsPanelToggled_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnTagsPanelToggled()); })("AttachmentsPanelToggled", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_AttachmentsPanelToggled_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnAttachmentsPanelToggled()); })("VariantPicked", function MjRecordFormContainerComponent_Conditional_1_Template_mj_form_toolbar_VariantPicked_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnVariantPicked($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("Record", ctx_r1.EffectiveRecord)("EditMode", ctx_r1.EffectiveEditMode)("UserCanEdit", ctx_r1.EffectiveUserCanEdit)("UserCanDelete", ctx_r1.EffectiveUserCanDelete)("IsFavorite", ctx_r1.EffectiveIsFavorite)("FavoriteInitDone", ctx_r1.EffectiveFavoriteInitDone)("IsDirty", ctx_r1.EffectiveIsDirty)("DirtyFieldNames", ctx_r1.EffectiveDirtyFieldNames)("ListCount", ctx_r1.ListCount)("TagCount", ctx_r1.TagCount)("VersionCount", ctx_r1.VersionCount)("EntityInfo", ctx_r1.EffectiveEntityInfo)("Config", ctx_r1.EffectiveToolbarConfig)("IsSaving", ctx_r1.EffectiveIsSaving)("VisibleSectionCount", ctx_r1.VisibleSectionCount)("TotalSectionCount", ctx_r1.TotalSectionCount)("ExpandedSectionCount", ctx_r1.ExpandedSectionCount)("SearchFilter", ctx_r1.EffectiveSearchFilter)("ShowEmptyFields", ctx_r1.EffectiveShowEmptyFields)("WidthMode", ctx_r1.EffectiveWidthMode)("HasCustomSectionOrder", ctx_r1.EffectiveHasCustomSectionOrder)("Variants", ctx_r1.EffectiveVariants)("CurrentVariantID", ctx_r1.EffectiveCurrentVariantID);
+    i0.ɵɵproperty("Record", ctx_r1.EffectiveRecord)("EditMode", ctx_r1.EffectiveEditMode)("UserCanEdit", ctx_r1.EffectiveUserCanEdit)("UserCanDelete", ctx_r1.EffectiveUserCanDelete)("IsFavorite", ctx_r1.EffectiveIsFavorite)("FavoriteInitDone", ctx_r1.EffectiveFavoriteInitDone)("IsDirty", ctx_r1.EffectiveIsDirty)("DirtyFieldNames", ctx_r1.EffectiveDirtyFieldNames)("ListCount", ctx_r1.ListCount)("TagCount", ctx_r1.TagCount)("AttachmentCount", ctx_r1.AttachmentCount)("AttachmentsAvailable", ctx_r1.AttachmentsAvailable)("IsAttachmentsPanelOpen", ctx_r1.ShowAttachmentsPanel)("VersionCount", ctx_r1.VersionCount)("EntityInfo", ctx_r1.EffectiveEntityInfo)("Config", ctx_r1.EffectiveToolbarConfig)("IsSaving", ctx_r1.EffectiveIsSaving)("IsRefreshing", ctx_r1.EffectiveIsRefreshing)("VisibleSectionCount", ctx_r1.VisibleSectionCount)("TotalSectionCount", ctx_r1.TotalSectionCount)("ExpandedSectionCount", ctx_r1.ExpandedSectionCount)("SearchFilter", ctx_r1.EffectiveSearchFilter)("ShowEmptyFields", ctx_r1.EffectiveShowEmptyFields)("WidthMode", ctx_r1.EffectiveWidthMode)("HasCustomSectionOrder", ctx_r1.EffectiveHasCustomSectionOrder)("ChromeLayout", ctx_r1.ChromeLayout)("Variants", ctx_r1.EffectiveVariants)("CurrentVariantID", ctx_r1.EffectiveCurrentVariantID)("RegisteredItems", ctx_r1.EffectiveRegisteredToolbarItems)("ItemOverrides", ctx_r1.EffectiveToolbarItemOverrides)("FormComponent", ctx_r1.fc);
 } }
-function MjRecordFormContainerComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "mj-form-panel-slot", 5);
+function MjRecordFormContainerComponent_Conditional_5_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 19);
+    i0.ɵɵlistener("click", function MjRecordFormContainerComponent_Conditional_5_Conditional_1_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnChromeRailExpand()); });
+    i0.ɵɵelement(1, "i");
+    i0.ɵɵelementStart(2, "span", 20);
+    i0.ɵɵlistener("mouseenter", function MjRecordFormContainerComponent_Conditional_5_Conditional_1_Template_span_mouseenter_2_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnRailLabelHover($event, ctx_r1.ChromeActiveTitle)); });
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("title", "Show sections \u2014 " + ctx_r1.ChromeActiveTitle);
+    i0.ɵɵattribute("aria-label", "Show form sections \u2014 " + ctx_r1.ChromeActiveTitle);
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(ctx_r1.ChromeActiveIcon);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.ChromeActiveTitle);
+} }
+function MjRecordFormContainerComponent_Conditional_5_Conditional_2_For_7_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 32);
+    i0.ɵɵlistener("dragstart", function MjRecordFormContainerComponent_Conditional_5_Conditional_2_For_7_Conditional_1_Template_span_dragstart_0_listener($event) { i0.ɵɵrestoreView(_r7); const group_r6 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnRailDragStart($event, group_r6.Key)); })("dragend", function MjRecordFormContainerComponent_Conditional_5_Conditional_2_For_7_Conditional_1_Template_span_dragend_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.OnRailDragEnd()); })("click", function MjRecordFormContainerComponent_Conditional_5_Conditional_2_For_7_Conditional_1_Template_span_click_0_listener($event) { i0.ɵɵrestoreView(_r7); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelement(1, "i", 33);
+    i0.ɵɵelementEnd();
+} }
+function MjRecordFormContainerComponent_Conditional_5_Conditional_2_For_7_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 34);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    i0.ɵɵnextContext();
+    const rowCount_r8 = i0.ɵɵreadContextLet(5);
+    i0.ɵɵclassProp("is-zero", rowCount_r8 === 0);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(rowCount_r8);
+} }
+function MjRecordFormContainerComponent_Conditional_5_Conditional_2_For_7_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 28);
+    i0.ɵɵlistener("click", function MjRecordFormContainerComponent_Conditional_5_Conditional_2_For_7_Template_div_click_0_listener() { const group_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnChromeGroupActivate(group_r6.Key)); })("keydown.enter", function MjRecordFormContainerComponent_Conditional_5_Conditional_2_For_7_Template_div_keydown_enter_0_listener() { const group_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnChromeGroupActivate(group_r6.Key)); })("keydown.space", function MjRecordFormContainerComponent_Conditional_5_Conditional_2_For_7_Template_div_keydown_space_0_listener($event) { const group_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); $event.preventDefault(); return i0.ɵɵresetView(ctx_r1.OnChromeGroupActivate(group_r6.Key)); })("dragover", function MjRecordFormContainerComponent_Conditional_5_Conditional_2_For_7_Template_div_dragover_0_listener($event) { const group_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnRailDragOver($event, group_r6.Key)); })("dragleave", function MjRecordFormContainerComponent_Conditional_5_Conditional_2_For_7_Template_div_dragleave_0_listener($event) { const group_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnRailDragLeave($event, group_r6.Key)); })("drop", function MjRecordFormContainerComponent_Conditional_5_Conditional_2_For_7_Template_div_drop_0_listener($event) { const group_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnRailDrop($event, group_r6.Key)); });
+    i0.ɵɵconditionalCreate(1, MjRecordFormContainerComponent_Conditional_5_Conditional_2_For_7_Conditional_1_Template, 2, 0, "span", 29);
+    i0.ɵɵelement(2, "i");
+    i0.ɵɵelementStart(3, "span", 30);
+    i0.ɵɵlistener("mouseenter", function MjRecordFormContainerComponent_Conditional_5_Conditional_2_For_7_Template_span_mouseenter_3_listener($event) { const group_r6 = i0.ɵɵrestoreView(_r5).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnRailLabelHover($event, group_r6.Title)); });
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵdeclareLet(5);
+    i0.ɵɵconditionalCreate(6, MjRecordFormContainerComponent_Conditional_5_Conditional_2_For_7_Conditional_6_Template, 2, 3, "span", 31);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const group_r6 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("is-active", ctx_r1.ChromeActiveGroupKey === group_r6.Key)("is-drag-over", ctx_r1.RailDragOverKey === group_r6.Key);
+    i0.ɵɵattribute("aria-current", ctx_r1.ChromeActiveGroupKey === group_r6.Key ? "page" : null);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.ChromeReorderAllowed ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(group_r6.Icon);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(group_r6.Title);
+    i0.ɵɵadvance();
+    const rowCount_r9 = i0.ɵɵstoreLet(ctx_r1.ChromeGroupRowCount(group_r6));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(rowCount_r9 != null ? 6 : -1);
+} }
+function MjRecordFormContainerComponent_Conditional_5_Conditional_2_Conditional_8_Conditional_6_For_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r14 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 32);
+    i0.ɵɵlistener("dragstart", function MjRecordFormContainerComponent_Conditional_5_Conditional_2_Conditional_8_Conditional_6_For_2_Conditional_1_Template_span_dragstart_0_listener($event) { i0.ɵɵrestoreView(_r14); const child_r13 = i0.ɵɵnextContext().$implicit; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.OnRailDragStart($event, child_r13.Key)); })("dragend", function MjRecordFormContainerComponent_Conditional_5_Conditional_2_Conditional_8_Conditional_6_For_2_Conditional_1_Template_span_dragend_0_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r1.OnRailDragEnd()); })("click", function MjRecordFormContainerComponent_Conditional_5_Conditional_2_Conditional_8_Conditional_6_For_2_Conditional_1_Template_span_click_0_listener($event) { i0.ɵɵrestoreView(_r14); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelement(1, "i", 33);
+    i0.ɵɵelementEnd();
+} }
+function MjRecordFormContainerComponent_Conditional_5_Conditional_2_Conditional_8_Conditional_6_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 34);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    i0.ɵɵnextContext();
+    const childCount_r15 = i0.ɵɵreadContextLet(5);
+    i0.ɵɵclassProp("is-zero", childCount_r15 === 0);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(childCount_r15);
+} }
+function MjRecordFormContainerComponent_Conditional_5_Conditional_2_Conditional_8_Conditional_6_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 40);
+    i0.ɵɵlistener("click", function MjRecordFormContainerComponent_Conditional_5_Conditional_2_Conditional_8_Conditional_6_For_2_Template_div_click_0_listener() { const child_r13 = i0.ɵɵrestoreView(_r12).$implicit; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.OnChromeGroupActivate(child_r13.Key)); })("keydown.enter", function MjRecordFormContainerComponent_Conditional_5_Conditional_2_Conditional_8_Conditional_6_For_2_Template_div_keydown_enter_0_listener() { const child_r13 = i0.ɵɵrestoreView(_r12).$implicit; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.OnChromeGroupActivate(child_r13.Key)); })("keydown.space", function MjRecordFormContainerComponent_Conditional_5_Conditional_2_Conditional_8_Conditional_6_For_2_Template_div_keydown_space_0_listener($event) { const child_r13 = i0.ɵɵrestoreView(_r12).$implicit; const ctx_r1 = i0.ɵɵnextContext(5); $event.preventDefault(); return i0.ɵɵresetView(ctx_r1.OnChromeGroupActivate(child_r13.Key)); })("dragover", function MjRecordFormContainerComponent_Conditional_5_Conditional_2_Conditional_8_Conditional_6_For_2_Template_div_dragover_0_listener($event) { const child_r13 = i0.ɵɵrestoreView(_r12).$implicit; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.OnRailDragOver($event, child_r13.Key)); })("dragleave", function MjRecordFormContainerComponent_Conditional_5_Conditional_2_Conditional_8_Conditional_6_For_2_Template_div_dragleave_0_listener($event) { const child_r13 = i0.ɵɵrestoreView(_r12).$implicit; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.OnRailDragLeave($event, child_r13.Key)); })("drop", function MjRecordFormContainerComponent_Conditional_5_Conditional_2_Conditional_8_Conditional_6_For_2_Template_div_drop_0_listener($event) { const child_r13 = i0.ɵɵrestoreView(_r12).$implicit; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.OnRailDrop($event, child_r13.Key)); });
+    i0.ɵɵconditionalCreate(1, MjRecordFormContainerComponent_Conditional_5_Conditional_2_Conditional_8_Conditional_6_For_2_Conditional_1_Template, 2, 0, "span", 29);
+    i0.ɵɵelement(2, "i");
+    i0.ɵɵelementStart(3, "span", 30);
+    i0.ɵɵlistener("mouseenter", function MjRecordFormContainerComponent_Conditional_5_Conditional_2_Conditional_8_Conditional_6_For_2_Template_span_mouseenter_3_listener($event) { const child_r13 = i0.ɵɵrestoreView(_r12).$implicit; const ctx_r1 = i0.ɵɵnextContext(5); return i0.ɵɵresetView(ctx_r1.OnRailLabelHover($event, child_r13.Title)); });
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵdeclareLet(5);
+    i0.ɵɵconditionalCreate(6, MjRecordFormContainerComponent_Conditional_5_Conditional_2_Conditional_8_Conditional_6_For_2_Conditional_6_Template, 2, 3, "span", 31);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const child_r13 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(5);
+    i0.ɵɵclassProp("is-active", ctx_r1.ChromeActiveGroupKey === child_r13.Key)("is-drag-over", ctx_r1.RailDragOverKey === child_r13.Key);
+    i0.ɵɵattribute("aria-current", ctx_r1.ChromeActiveGroupKey === child_r13.Key ? "page" : null);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.ChromeReorderAllowed ? 1 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(child_r13.Icon);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(child_r13.Title);
+    i0.ɵɵadvance();
+    const childCount_r16 = i0.ɵɵstoreLet(ctx_r1.ChromeGroupRowCount(child_r13));
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(childCount_r16 != null ? 6 : -1);
+} }
+function MjRecordFormContainerComponent_Conditional_5_Conditional_2_Conditional_8_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 38);
+    i0.ɵɵrepeaterCreate(1, MjRecordFormContainerComponent_Conditional_5_Conditional_2_Conditional_8_Conditional_6_For_2_Template, 7, 11, "div", 39, _forTrack0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(4);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.ChromeMoreItems);
+} }
+function MjRecordFormContainerComponent_Conditional_5_Conditional_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 35);
+    i0.ɵɵlistener("click", function MjRecordFormContainerComponent_Conditional_5_Conditional_2_Conditional_8_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnMoreFolderToggle()); })("keydown.enter", function MjRecordFormContainerComponent_Conditional_5_Conditional_2_Conditional_8_Template_div_keydown_enter_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnMoreFolderToggle()); })("keydown.space", function MjRecordFormContainerComponent_Conditional_5_Conditional_2_Conditional_8_Template_div_keydown_space_0_listener($event) { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(3); $event.preventDefault(); return i0.ɵɵresetView(ctx_r1.OnMoreFolderToggle()); });
+    i0.ɵɵelement(1, "span", 36)(2, "i");
+    i0.ɵɵelementStart(3, "span", 30);
+    i0.ɵɵlistener("mouseenter", function MjRecordFormContainerComponent_Conditional_5_Conditional_2_Conditional_8_Template_span_mouseenter_3_listener($event) { const more_r11 = i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnRailLabelHover($event, more_r11.Title)); });
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(5, "i", 37);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(6, MjRecordFormContainerComponent_Conditional_5_Conditional_2_Conditional_8_Conditional_6_Template, 3, 0, "div", 38);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵclassProp("is-expanded", ctx_r1.MoreExpanded);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.MoreExpanded ? "fa-solid fa-folder-open" : "fa-solid fa-folder");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx.Title);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("fa-minus", ctx_r1.MoreExpanded)("fa-plus", !ctx_r1.MoreExpanded);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.MoreExpanded ? 6 : -1);
+} }
+function MjRecordFormContainerComponent_Conditional_5_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 21);
+    i0.ɵɵlistener("pointerdown", function MjRecordFormContainerComponent_Conditional_5_Conditional_2_Template_div_pointerdown_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnRailResizeStart($event)); })("pointermove", function MjRecordFormContainerComponent_Conditional_5_Conditional_2_Template_div_pointermove_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnRailResizeMove($event)); })("pointerup", function MjRecordFormContainerComponent_Conditional_5_Conditional_2_Template_div_pointerup_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnRailResizeEnd()); })("pointercancel", function MjRecordFormContainerComponent_Conditional_5_Conditional_2_Template_div_pointercancel_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnRailResizeEnd()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(1, "div", 22)(2, "button", 23);
+    i0.ɵɵlistener("click", function MjRecordFormContainerComponent_Conditional_5_Conditional_2_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnChromeRailPinToggle()); });
+    i0.ɵɵelement(3, "i", 24);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "button", 25);
+    i0.ɵɵlistener("click", function MjRecordFormContainerComponent_Conditional_5_Conditional_2_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.OnChromeRailCollapse()); });
+    i0.ɵɵelement(5, "i", 26);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵrepeaterCreate(6, MjRecordFormContainerComponent_Conditional_5_Conditional_2_For_7_Template, 7, 11, "div", 27, _forTrack0);
+    i0.ɵɵconditionalCreate(8, MjRecordFormContainerComponent_Conditional_5_Conditional_2_Conditional_8_Template, 7, 10);
+} if (rf & 2) {
+    let tmp_9_0;
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵattribute("aria-valuenow", ctx_r1.ChromeRailWidthPx)("aria-valuemin", ctx_r1.RailWidthMin)("aria-valuemax", ctx_r1.RailWidthMax);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("is-pinned", ctx_r1.ChromeRailPinned);
+    i0.ɵɵproperty("title", ctx_r1.ChromeRailPinned ? "Unpin sections \u2014 they hide after you switch" : "Pin sections open");
+    i0.ɵɵattribute("aria-pressed", ctx_r1.ChromeRailPinned);
+    i0.ɵɵadvance(4);
+    i0.ɵɵrepeater(ctx_r1.ChromeFirstClassGroups);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional((tmp_9_0 = ctx_r1.ChromeMoreFolder) ? 8 : -1, tmp_9_0);
+} }
+function MjRecordFormContainerComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "nav", 17);
+    i0.ɵɵconditionalCreate(1, MjRecordFormContainerComponent_Conditional_5_Conditional_1_Template, 4, 5, "button", 18)(2, MjRecordFormContainerComponent_Conditional_5_Conditional_2_Template, 9, 8);
+    i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("Entity", ctx_r1.Record.EntityInfo.Name)("Record", ctx_r1.Record)("FormComponent", ctx_r1.FormComponent);
+    i0.ɵɵstyleProp("width", ctx_r1.ChromeRailCollapsed ? null : ctx_r1.ChromeRailWidthPx, "px");
+    i0.ɵɵclassProp("is-collapsed", ctx_r1.ChromeRailCollapsed)("is-resizing", ctx_r1.RailResizing);
+    i0.ɵɵattribute("aria-expanded", !ctx_r1.ChromeRailCollapsed);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r1.ChromeRailCollapsed ? 1 : 2);
 } }
 function MjRecordFormContainerComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-empty-state", 13);
-    i0.ɵɵlistener("Action", function MjRecordFormContainerComponent_Conditional_8_Template_mj_empty_state_Action_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnFilterChange("")); });
+    i0.ɵɵelement(0, "mj-form-contributions", 6);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Record", ctx_r1.Record)("FormComponent", ctx_r1.FormComponent)("FormContext", ctx_r1.FormComponent.formContext)("BakedSectionKeys", ctx_r1.BakedRelatedSectionKeys)("ShowRelatedEntities", ctx_r1.EffectiveShowRelatedEntities);
+} }
+function MjRecordFormContainerComponent_Conditional_9_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 44);
+    i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.MorePreview);
+} }
+function MjRecordFormContainerComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    const _r17 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 41)(1, "button", 42);
+    i0.ɵɵlistener("click", function MjRecordFormContainerComponent_Conditional_9_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnMoreToggle()); });
+    i0.ɵɵelement(2, "i");
+    i0.ɵɵelementStart(3, "span", 43);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(5, MjRecordFormContainerComponent_Conditional_9_Conditional_5_Template, 2, 1, "span", 44);
+    i0.ɵɵelement(6, "i", 45);
+    i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("Message", "No sections match \"" + ctx_r1.EffectiveSearchFilter + "\". Try a different search term.");
+    i0.ɵɵclassProp("is-expanded", ctx_r1.MoreExpanded);
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.MoreExpanded ? "fa-solid fa-folder-open" : "fa-solid fa-folder");
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.MoreExpanded ? "Hide more" : "More");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!ctx_r1.MoreExpanded && ctx_r1.MorePreview ? 5 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵclassProp("fa-chevron-down", ctx_r1.MoreExpanded)("fa-chevron-right", !ctx_r1.MoreExpanded);
 } }
 function MjRecordFormContainerComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-record-changes", 14);
-    i0.ɵɵlistener("RestoreRequested", function MjRecordFormContainerComponent_Conditional_10_Template_mj_record_changes_RestoreRequested_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnRestoreRequested($event)); })("dialogClosed", function MjRecordFormContainerComponent_Conditional_10_Template_mj_record_changes_dialogClosed_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnRecordChangesClosed()); });
+    i0.ɵɵelement(0, "mj-form-panel-slot", 8);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Entity", ctx_r1.Record.EntityInfo.Name)("Record", ctx_r1.Record)("FormComponent", ctx_r1.FormComponent);
+} }
+function MjRecordFormContainerComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    const _r18 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-empty-state", 46);
+    i0.ɵɵlistener("Action", function MjRecordFormContainerComponent_Conditional_11_Template_mj_empty_state_Action_0_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnFilterChange("")); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Message", "No sections match \"" + ctx_r1.EffectiveSearchFilter + "\". Try a different search term.");
+} }
+function MjRecordFormContainerComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    const _r19 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-record-changes", 47);
+    i0.ɵɵlistener("RestoreRequested", function MjRecordFormContainerComponent_Conditional_13_Template_mj_record_changes_RestoreRequested_0_listener($event) { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnRestoreRequested($event)); })("dialogClosed", function MjRecordFormContainerComponent_Conditional_13_Template_mj_record_changes_dialogClosed_0_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnRecordChangesClosed()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("record", ctx_r1.EffectiveRecord)("AllowRestore", ctx_r1.EffectiveUserCanEdit);
 } }
-function MjRecordFormContainerComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-record-tags", 15);
-    i0.ɵɵlistener("PanelClosed", function MjRecordFormContainerComponent_Conditional_11_Template_mj_record_tags_PanelClosed_0_listener() { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnTagsPanelClosed()); })("TagCountChanged", function MjRecordFormContainerComponent_Conditional_11_Template_mj_record_tags_TagCountChanged_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnTagCountChanged($event)); })("RecordNavigate", function MjRecordFormContainerComponent_Conditional_11_Template_mj_record_tags_RecordNavigate_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnTagsRecordNavigate($event)); })("WidthChanged", function MjRecordFormContainerComponent_Conditional_11_Template_mj_record_tags_WidthChanged_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnTagsPanelWidthChanged($event)); });
+function MjRecordFormContainerComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    const _r20 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-record-tags", 48);
+    i0.ɵɵlistener("PanelClosed", function MjRecordFormContainerComponent_Conditional_14_Template_mj_record_tags_PanelClosed_0_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnTagsPanelClosed()); })("TagCountChanged", function MjRecordFormContainerComponent_Conditional_14_Template_mj_record_tags_TagCountChanged_0_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnTagCountChanged($event)); })("RecordNavigate", function MjRecordFormContainerComponent_Conditional_14_Template_mj_record_tags_RecordNavigate_0_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnTagsRecordNavigate($event)); })("WidthChanged", function MjRecordFormContainerComponent_Conditional_14_Template_mj_record_tags_WidthChanged_0_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnTagsPanelWidthChanged($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵproperty("Record", ctx_r1.EffectiveRecord)("WidthPx", ctx_r1.TagsPanelWidth);
 } }
-function MjRecordFormContainerComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-list-management-dialog", 16);
-    i0.ɵɵlistener("complete", function MjRecordFormContainerComponent_Conditional_12_Template_mj_list_management_dialog_complete_0_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnListManagementComplete($event)); })("cancel", function MjRecordFormContainerComponent_Conditional_12_Template_mj_list_management_dialog_cancel_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnListManagementClosed()); });
+function MjRecordFormContainerComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    const _r21 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-record-attachments", 49);
+    i0.ɵɵlistener("PanelClosed", function MjRecordFormContainerComponent_Conditional_15_Template_mj_record_attachments_PanelClosed_0_listener() { i0.ɵɵrestoreView(_r21); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnAttachmentsPanelClosed()); })("AttachmentCountChanged", function MjRecordFormContainerComponent_Conditional_15_Template_mj_record_attachments_AttachmentCountChanged_0_listener($event) { i0.ɵɵrestoreView(_r21); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnAttachmentCountChanged($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Record", ctx_r1.EffectiveRecord)("Visible", true);
+} }
+function MjRecordFormContainerComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    const _r22 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-list-management-dialog", 50);
+    i0.ɵɵlistener("complete", function MjRecordFormContainerComponent_Conditional_16_Template_mj_list_management_dialog_complete_0_listener($event) { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnListManagementComplete($event)); })("cancel", function MjRecordFormContainerComponent_Conditional_16_Template_mj_list_management_dialog_cancel_0_listener() { i0.ɵɵrestoreView(_r22); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnListManagementClosed()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -110,8 +355,15 @@ export class MjRecordFormContainerComponent extends BaseAngularComponent {
     cdr = inject(ChangeDetectorRef);
     ngZone = inject(NgZone);
     notificationService = inject(MJNotificationService);
+    chrome = inject(FormChromeCoordinator);
+    slots = inject(FormSlotCoordinator);
+    recordRefresh = inject(FormRecordRefreshCoordinator);
+    host = inject((ElementRef));
     destroy$ = new Subject();
     panelNavReset$ = new Subject();
+    chromeResolveTimer = null;
+    chromeRules = [];
+    chromeRulesForEntityId = null;
     // ---- Internal State ----
     /** Reference to the record changes drawer (when visible) for triggering refresh after save */
     recordChangesDrawer;
@@ -124,12 +376,30 @@ export class MjRecordFormContainerComponent extends BaseAngularComponent {
     static TAGS_WIDTH_KEY = 'MJ_TagsPanel_Width';
     /** Number of tags on this record */
     TagCount = 0;
+    /** Controls visibility of attachments slide panel */
+    ShowAttachmentsPanel = false;
+    /** Number of attachments linked to this record */
+    AttachmentCount = 0;
     /** Number of tracked record change versions for this record */
     VersionCount = 0;
     /** Controls visibility of list management dialog */
     ShowListManagement = false;
     /** Controls visibility of section manager drawer */
     ShowSectionManager = false;
+    /**
+     * Persisted per entity. Pinned (default) keeps the left rail open.
+     * Unpinned auto-collapses after the user picks another section.
+     */
+    ChromeRailPinned = FORM_CHROME_RAIL_PINNED_DEFAULT;
+    /** Session-only: the rail is showing its items. Follows pin on load. */
+    chromeRailExpanded = FORM_CHROME_RAIL_PINNED_DEFAULT;
+    /** Expanded rail width in px. Persisted per entity. */
+    ChromeRailWidthPx = FORM_CHROME_RAIL_WIDTH_DEFAULT;
+    RailWidthMin = FORM_CHROME_RAIL_WIDTH_MIN;
+    RailWidthMax = FORM_CHROME_RAIL_WIDTH_MAX;
+    RailResizing = false;
+    railResizeStartX = 0;
+    railResizeStartWidth = FORM_CHROME_RAIL_WIDTH_DEFAULT;
     // ---- Primary Inputs ----
     /** The entity record being displayed/edited */
     Record;
@@ -150,7 +420,10 @@ export class MjRecordFormContainerComponent extends BaseAngularComponent {
     DirtyFieldNames = [];
     ListCount = 0;
     IsSaving = false;
+    IsRefreshing = false;
     ToolbarConfig = DEFAULT_TOOLBAR_CONFIG;
+    RegisteredToolbarItems = [];
+    ToolbarItemOverrides = null;
     WidthMode = 'centered';
     /**
      * Variants available for this entity record. When more than one variant is
@@ -187,6 +460,10 @@ export class MjRecordFormContainerComponent extends BaseAngularComponent {
     BeforeDelete = new EventEmitter();
     /** Emitted when delete is confirmed (host app handles actual deletion) */
     DeleteRequested = new EventEmitter();
+    /** Emitted BEFORE refresh - can be cancelled by setting event.Cancel = true */
+    BeforeRefresh = new EventEmitter();
+    /** Emitted when refresh is requested (only in standalone mode) */
+    RefreshRequested = new EventEmitter();
     /** Emitted when favorite toggle is requested */
     FavoriteToggled = new EventEmitter();
     /** Emitted BEFORE history view - can be cancelled by setting event.Cancel = true */
@@ -201,6 +478,8 @@ export class MjRecordFormContainerComponent extends BaseAngularComponent {
     ShowChangesRequested = new EventEmitter();
     /** Emitted when a custom toolbar button is clicked */
     CustomButtonClick = new EventEmitter();
+    /** Emitted when any toolbar item (standard or custom) is clicked */
+    ToolbarItemClick = new EventEmitter();
     /**
      * Emitted when the user chooses a different form variant from the picker.
      * Carries the selected variant's override ID, or null when the user picks
@@ -209,6 +488,10 @@ export class MjRecordFormContainerComponent extends BaseAngularComponent {
      * the new form mounts.
      */
     VariantChange = new EventEmitter();
+    BeforeLayoutResolve = new EventEmitter();
+    AfterLayoutResolved = new EventEmitter();
+    BeforeSectionActivate = new EventEmitter();
+    AfterSectionActivated = new EventEmitter();
     // ---- Content Children ----
     Panels;
     // ---- FormComponent accessor ----
@@ -256,6 +539,9 @@ export class MjRecordFormContainerComponent extends BaseAngularComponent {
     get EffectiveIsSaving() {
         return this.IsSaving;
     }
+    get EffectiveIsRefreshing() {
+        return this.fc?.IsRefreshing ?? this.IsRefreshing;
+    }
     get EffectiveWidthMode() {
         if (this.fc?.getFormWidthMode) {
             return this.fc.getFormWidthMode();
@@ -280,6 +566,18 @@ export class MjRecordFormContainerComponent extends BaseAngularComponent {
     get EffectiveToolbarConfig() {
         return ResolveFormToolbarConfig(this.ToolbarConfig ?? DEFAULT_TOOLBAR_CONFIG, this.fc?.Config);
     }
+    get EffectiveRegisteredToolbarItems() {
+        if (this.fc?.RegisteredToolbarItems && this.fc.RegisteredToolbarItems.length > 0) {
+            return this.fc.RegisteredToolbarItems;
+        }
+        return this.RegisteredToolbarItems;
+    }
+    get EffectiveToolbarItemOverrides() {
+        if (this.fc?.ToolbarItemOverrides && this.fc.ToolbarItemOverrides.size > 0) {
+            return this.fc.ToolbarItemOverrides;
+        }
+        return this.ToolbarItemOverrides;
+    }
     get EffectiveSearchFilter() {
         return this.fc?.searchFilter ?? '';
     }
@@ -300,12 +598,124 @@ export class MjRecordFormContainerComponent extends BaseAngularComponent {
         return this.Panels?.length ?? 0;
     }
     get VisibleSectionCount() {
+        const filter = this.EffectiveSearchFilter.toLowerCase().trim();
+        if (filter) {
+            const fromPanels = this.allChromePanels().filter((p) => p.MatchesSearch(filter)).length;
+            const fromRail = this.ChromeFirstClassGroups.length + this.ChromeMoreItems.length;
+            return Math.max(fromPanels, fromRail);
+        }
         if (this.fc?.getVisibleSectionCount) {
             return this.fc.getVisibleSectionCount();
         }
+        return this.Panels?.filter((p) => p.IsVisible).length ?? 0;
+    }
+    /** True when the current section search matches nothing in this layout. */
+    get SearchHasNoMatches() {
+        const filter = this.EffectiveSearchFilter.toLowerCase().trim();
+        if (!filter)
+            return false;
+        return this.ChromeFirstClassGroups.length === 0 && this.ChromeMoreItems.length === 0
+            && this.allChromePanels().every((p) => !p.MatchesSearch(filter));
+    }
+    /** Left-nav rail stays up while searching even if only one group matches. */
+    get ShowChromeRail() {
+        if (this.ChromeLayout !== 'left-nav')
+            return false;
+        if (this.EffectiveSearchFilter.trim()) {
+            return this.ChromeFirstClassGroups.length > 0 || this.ChromeMoreItems.length > 0;
+        }
+        return this.chrome.Spec.Groups.length > 1;
+    }
+    /**
+     * SectionKeys of related-entity panels projected into the container
+     * (CodeGen-baked or hand-written). View-children we mount as fill-ins are
+     * not in this ContentChildren list.
+     */
+    get BakedRelatedSectionKeys() {
         if (!this.Panels)
-            return 0;
-        return this.Panels.filter(p => p.IsVisible).length;
+            return [];
+        return this.Panels
+            .filter((panel) => panel.Variant === 'related-entity' && !!panel.SectionKey)
+            .map((panel) => panel.SectionKey);
+    }
+    get EffectiveShowRelatedEntities() {
+        return this.fc?.Config?.ShowRelatedEntities !== false;
+    }
+    get ChromeLayout() {
+        return this.chrome.Spec.Layout;
+    }
+    get ChromeGroups() {
+        const ordered = OrderChromeGroups(this.chrome.Spec.Groups, this.chromeRailOrder);
+        const filter = this.EffectiveSearchFilter.toLowerCase().trim();
+        if (!filter)
+            return ordered;
+        return ordered.filter((group) => this.groupMatchesSearch(group, filter));
+    }
+    get ChromeFirstClassGroups() {
+        return this.ChromeGroups.filter((group) => !group.IsMore);
+    }
+    get ChromeMoreFolder() {
+        const folder = this.ChromeGroups.find((group) => group.IsMore) ?? null;
+        if (!folder || folder.SectionKeys.length === 0)
+            return null;
+        return folder;
+    }
+    get ChromeMoreItems() {
+        const folder = this.ChromeMoreFolder;
+        if (!folder)
+            return [];
+        const filter = this.EffectiveSearchFilter.toLowerCase().trim();
+        const orderedKeys = OrderMoreSectionKeys(folder.SectionKeys, this.chromeRailOrder);
+        const items = orderedKeys.map((key) => this.moreItemFromKey(key));
+        if (!filter)
+            return items;
+        return items.filter((item) => this.groupMatchesSearch(item, filter));
+    }
+    get ChromeActiveGroupKey() {
+        return this.chrome.ActiveGroupKey;
+    }
+    get ChromeActiveGroup() {
+        const key = this.ChromeActiveGroupKey;
+        if (!key) {
+            return null;
+        }
+        return this.ChromeFirstClassGroups.find((group) => group.Key === key)
+            ?? this.ChromeMoreItems.find((item) => item.Key === key)
+            ?? null;
+    }
+    get ChromeActiveTitle() {
+        return this.ChromeActiveGroup?.Title || 'Sections';
+    }
+    get ChromeActiveIcon() {
+        return this.ChromeActiveGroup?.Icon || 'fa-solid fa-list';
+    }
+    /**
+     * True when the rail is the thin rotated strip. Search keeps the full
+     * list visible so matches stay clickable.
+     */
+    get ChromeRailCollapsed() {
+        if (!this.ShowChromeRail) {
+            return false;
+        }
+        if (this.EffectiveSearchFilter.trim()) {
+            return false;
+        }
+        return !this.chromeRailExpanded;
+    }
+    get IsChromeMoreActive() {
+        return this.chrome.IsMoreActive;
+    }
+    get ChromeReorderAllowed() {
+        return this.fc?.formContext?.allowSectionReorder !== false;
+    }
+    get ShowMoreToggle() {
+        return this.chrome.Spec.Layout === 'accordion' && this.ChromeMoreItems.length > 0;
+    }
+    get MoreExpanded() {
+        return this.chrome.MoreExpanded;
+    }
+    get MorePreview() {
+        return this.ChromeMoreItems.map((item) => item.Title).join(' · ');
     }
     get ExpandedSectionCount() {
         if (this.fc?.getExpandedCount) {
@@ -340,15 +750,21 @@ export class MjRecordFormContainerComponent extends BaseAngularComponent {
     // ---- Section Manager ----
     /** Builds section info array from projected panels for the section manager drawer */
     get SectionManagerItems() {
-        if (!this.Panels)
-            return [];
-        return this.Panels.map(p => ({
+        return this.chromePanelSnapshots().map((p) => ({
             SectionKey: p.SectionKey,
-            SectionName: p.SectionName,
-            Variant: p.Variant,
-            Icon: p.Icon
+            SectionName: HumanizeEntityTitle(p.SectionName),
+            Variant: (p.Variant || 'default'),
+            Icon: p.Icon || 'fa-solid fa-table',
         }));
     }
+    get SectionManagerMoreKeys() {
+        return this.chrome.Spec.MoreSectionKeys;
+    }
+    get SectionManagerLockedMoreKeys() {
+        return this.chromePanelSnapshots()
+            .filter((p) => IsAlwaysMoreSection(p.SectionKey, p.SectionName))
+            .map((p) => p.SectionKey);
+    }
     /** Current section order from the form component */
     get SectionManagerOrder() {
         if (this.fc?.getSectionOrder) {
@@ -356,6 +772,15 @@ export class MjRecordFormContainerComponent extends BaseAngularComponent {
         }
         return [];
     }
+    /**
+     * Rail display order. `getSectionOrder()` falls back to generated
+     * `form.sections` — those keys match Details + baked related grids, not
+     * slot-mounted leads — so using that fallback parked Overview after
+     * Payments. Only a user-persisted custom order may override the resolver.
+     */
+    get chromeRailOrder() {
+        return this.EffectiveHasCustomSectionOrder ? this.SectionManagerOrder : [];
+    }
     // ---- Lifecycle ----
     ngAfterContentInit() {
         // Load saved tags panel width
@@ -367,18 +792,556 @@ export class MjRecordFormContainerComponent extends BaseAngularComponent {
         // Watch for panel changes to update counts and re-subscribe
         this.Panels.changes.pipe(takeUntil(this.destroy$)).subscribe(() => {
             this.SubscribeToPanelNavigateEvents();
+            this.scheduleChromeResolve();
             this.cdr.markForCheck();
         });
+        // Slot remounts land after content init and are not ContentChildren —
+        // rebuild the rail from the live DOM once they exist.
+        this.slots.changes.pipe(takeUntil(this.destroy$)).subscribe(() => {
+            this.scheduleChromeResolve();
+        });
+        this.RestoreChromePrefs();
+        this.scheduleChromeResolve();
         // Watch for changes to record dirty state
         this.watchRecordChanges();
-        // Badge counts are loaded when the form emits RecordReady (see SubscribeToPanelNavigateEvents)
     }
     ngOnDestroy() {
+        if (this.chromeResolveTimer) {
+            clearTimeout(this.chromeResolveTimer);
+            this.chromeResolveTimer = null;
+        }
         this.panelNavReset$.next();
         this.panelNavReset$.complete();
         this.destroy$.next();
         this.destroy$.complete();
     }
+    OnMoreFolderToggle() {
+        this.chrome.ToggleMoreFolder();
+        this.PersistChromePrefs();
+        this.cdr.detectChanges();
+    }
+    ChromeGroupRowCount(group) {
+        if (!this.fc?.GetSectionRowCount)
+            return undefined;
+        let total = 0;
+        let any = false;
+        for (const key of group.SectionKeys) {
+            const count = this.fc.GetSectionRowCount(key);
+            if (count !== undefined) {
+                total += count;
+                any = true;
+            }
+        }
+        return any ? total : undefined;
+    }
+    OnChromeGroupActivate(groupKey) {
+        const before = new BeforeSectionActivateEventArgs(groupKey);
+        this.BeforeSectionActivate.emit(before);
+        if (before.Cancel)
+            return;
+        const previous = this.chrome.ActiveGroupKey;
+        this.chrome.SetActiveGroup(groupKey);
+        this.expandActiveGroupSections(groupKey);
+        this.applyChromeVisibility();
+        if (!this.ChromeRailPinned && previous !== groupKey) {
+            this.chromeRailExpanded = false;
+        }
+        this.PersistChromePrefs();
+        this.AfterSectionActivated.emit(new AfterSectionActivatedEventArgs(groupKey));
+        this.cdr.detectChanges();
+    }
+    OnChromeRailExpand() {
+        this.chromeRailExpanded = true;
+        this.cdr.detectChanges();
+    }
+    OnChromeRailCollapse() {
+        this.chromeRailExpanded = false;
+        this.cdr.detectChanges();
+    }
+    OnChromeRailPinToggle() {
+        this.ChromeRailPinned = !this.ChromeRailPinned;
+        if (this.ChromeRailPinned) {
+            this.chromeRailExpanded = true;
+        }
+        this.PersistChromePrefs();
+        this.cdr.detectChanges();
+    }
+    OnRailResizeStart(event) {
+        if (this.ChromeRailCollapsed)
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        this.RailResizing = true;
+        this.railResizeStartX = event.clientX;
+        this.railResizeStartWidth = this.ChromeRailWidthPx;
+        event.target.setPointerCapture(event.pointerId);
+    }
+    OnRailResizeMove(event) {
+        if (!this.RailResizing)
+            return;
+        const delta = event.clientX - this.railResizeStartX;
+        const signed = this.ChromeLayout === 'left-nav' ? delta : -delta;
+        this.ChromeRailWidthPx = ClampRailWidth(this.railResizeStartWidth + signed);
+        this.cdr.markForCheck();
+    }
+    OnRailResizeEnd() {
+        if (!this.RailResizing)
+            return;
+        this.RailResizing = false;
+        this.PersistChromePrefs();
+        this.cdr.detectChanges();
+    }
+    OnRailLabelHover(event, text) {
+        ApplyClippedTitle(event.currentTarget, text);
+    }
+    RailDragOverKey = null;
+    OnRailDragStart(event, groupKey) {
+        if (!this.ChromeReorderAllowed)
+            return;
+        event.stopPropagation();
+        event.dataTransfer?.setData('text/plain', groupKey);
+        if (event.dataTransfer)
+            event.dataTransfer.effectAllowed = 'move';
+    }
+    OnRailDragEnd() {
+        this.RailDragOverKey = null;
+        this.cdr.markForCheck();
+    }
+    OnRailDragOver(event, groupKey) {
+        if (!this.ChromeReorderAllowed)
+            return;
+        event.preventDefault();
+        if (event.dataTransfer)
+            event.dataTransfer.dropEffect = 'move';
+        if (this.RailDragOverKey !== groupKey) {
+            this.RailDragOverKey = groupKey;
+            this.cdr.markForCheck();
+        }
+    }
+    OnRailDragLeave(_event, groupKey) {
+        if (this.RailDragOverKey === groupKey) {
+            this.RailDragOverKey = null;
+            this.cdr.markForCheck();
+        }
+    }
+    OnRailDrop(event, targetKey) {
+        if (!this.ChromeReorderAllowed)
+            return;
+        event.preventDefault();
+        this.RailDragOverKey = null;
+        const draggedKey = event.dataTransfer?.getData('text/plain');
+        if (!draggedKey || draggedKey === targetKey)
+            return;
+        const groups = this.ChromeGroups;
+        const moreItems = this.ChromeMoreItems;
+        const draggedMore = moreItems.find((item) => item.Key === draggedKey);
+        const targetMore = moreItems.find((item) => item.Key === targetKey);
+        const dragged = draggedMore ?? groups.find((g) => g.Key === draggedKey);
+        const target = targetMore ?? groups.find((g) => g.Key === targetKey);
+        if (!dragged || !target)
+            return;
+        if (!draggedMore && (dragged.IsMore || target.IsMore))
+            return;
+        if (!!draggedMore !== !!targetMore)
+            return;
+        const defaultKeys = [
+            ...groups.filter((g) => !g.IsMore).flatMap((g) => g.SectionKeys),
+            ...moreItems.flatMap((g) => g.SectionKeys),
+        ];
+        const current = OverlayChromeSectionOrder(defaultKeys, this.EffectiveHasCustomSectionOrder ? this.SectionManagerOrder : []);
+        const next = MoveChromeGroupInSectionOrder(current, dragged, target);
+        if (this.fc?.setSectionOrder) {
+            this.fc.setSectionOrder(next);
+            this.cdr.detectChanges();
+        }
+    }
+    OnMoreToggle() {
+        const next = !this.chrome.MoreExpanded;
+        const before = new BeforeSectionActivateEventArgs(MORE_SECTION_KEY);
+        this.BeforeSectionActivate.emit(before);
+        if (before.Cancel)
+            return;
+        this.chrome.ToggleMore(next);
+        this.applyChromeVisibility();
+        this.PersistChromePrefs();
+        this.AfterSectionActivated.emit(new AfterSectionActivatedEventArgs(MORE_SECTION_KEY));
+        this.cdr.detectChanges();
+    }
+    scheduleChromeResolve() {
+        if (this.chromeResolveTimer) {
+            clearTimeout(this.chromeResolveTimer);
+        }
+        this.chromeResolveTimer = setTimeout(() => {
+            this.chromeResolveTimer = null;
+            this.ResolveChrome();
+            this.applyChromeVisibility();
+            this.cdr.markForCheck();
+        }, 0);
+    }
+    loadChromeRulesIfNeeded() {
+        const entityId = this.EffectiveEntityInfo?.ID ?? null;
+        if (!entityId || this.chromeRulesForEntityId === entityId)
+            return;
+        this.chromeRulesForEntityId = entityId;
+        void this.loadChromeRules(entityId);
+    }
+    async loadChromeRules(entityId) {
+        const rules = await LoadFormChromeRules(entityId, this.ProviderToUse);
+        if (this.chromeRulesForEntityId !== entityId)
+            return;
+        this.chromeRules = rules;
+        this.scheduleChromeResolve();
+    }
+    ResolveChrome() {
+        const entity = this.EffectiveEntityInfo;
+        if (!entity)
+            return;
+        this.loadChromeRulesIfNeeded();
+        const result = ResolveFormChrome({
+            Entity: entity,
+            Panels: this.chromePanelSnapshots(),
+            RelatedSchemaByEntityId: this.buildRelatedSchemaMap(entity),
+            InboundRelationshipCountByEntityId: this.buildInboundRelationshipCounts(),
+            HiddenSectionKeys: [...this.contributionHiddenSectionKeys()],
+            ContributionSectionKeys: this.contributionSectionKeys(),
+            ContributionChromeGroupByKey: this.contributionChromeGroupByKey(),
+            ContributionInclusionByKey: this.contributionInclusionByKey(),
+            ContributionSortKeyByKey: this.contributionSortKeyByKey(),
+            ChromeRules: this.chromeRules,
+            IncludeUnbakedRelated: this.EffectiveShowRelatedEntities,
+            Membership: {
+                moreSectionKeys: this.fc?.getMoreSectionKeys?.() ?? [],
+                firstClassSectionKeys: this.fc?.getFirstClassSectionKeys?.() ?? [],
+            },
+        });
+        const before = new BeforeLayoutResolveEventArgs(result.Spec.Layout);
+        this.BeforeLayoutResolve.emit(before);
+        if (before.Cancel)
+            return;
+        this.chrome.Apply(result.Spec);
+        this.ensureActiveGroupVisible();
+        if (this.chrome.ActiveGroupKey) {
+            this.expandActiveGroupSections(this.chrome.ActiveGroupKey);
+        }
+        this.AfterLayoutResolved.emit(new AfterLayoutResolvedEventArgs(result.Spec.Layout));
+    }
+    expandActiveGroupSections(groupKey) {
+        if (groupKey === MORE_SECTION_KEY)
+            return;
+        const group = this.chrome.Spec.Groups.find((g) => g.Key === groupKey);
+        const keys = group && !group.IsMore ? group.SectionKeys : [groupKey];
+        const form = this.fc;
+        if (!form?.SetSectionExpanded)
+            return;
+        for (const key of keys) {
+            form.SetSectionExpanded(key, true);
+        }
+    }
+    ensureActiveGroupVisible() {
+        const firstClass = this.ChromeFirstClassGroups;
+        const moreItems = this.ChromeMoreItems;
+        const active = this.chrome.ActiveGroupKey;
+        if (active && moreItems.some((item) => item.Key === active)) {
+            this.chrome.MoreExpanded = true;
+            return;
+        }
+        if (active && firstClass.some((g) => g.Key === active))
+            return;
+        const next = firstClass[0] ?? moreItems[0];
+        if (next)
+            this.chrome.SetActiveGroup(next.Key);
+    }
+    groupMatchesSearch(group, filter) {
+        if (!filter)
+            return true;
+        if (group.Title.toLowerCase().includes(filter))
+            return true;
+        if (group.IsMore) {
+            return group.SectionKeys.some((key) => {
+                const item = this.moreItemFromKey(key);
+                return this.groupMatchesSearch({ ...item, IsMore: false }, filter);
+            });
+        }
+        return group.SectionKeys.some((key) => {
+            const panel = this.allChromePanels().find((p) => p.SectionKey === key);
+            if (panel)
+                return panel.MatchesSearch(filter);
+            const human = HumanizeEntityTitle(key).toLowerCase();
+            return human.includes(filter) || key.toLowerCase().includes(filter);
+        });
+    }
+    moreItemFromKey(key) {
+        const panel = this.allChromePanels().find((p) => p.SectionKey === key);
+        const override = this.chrome.Spec.TitleBySectionKey?.get(key);
+        return {
+            Key: key,
+            Title: override || HumanizeEntityTitle(panel?.SectionName || key),
+            Icon: panel?.Icon || 'fa-solid fa-table',
+            SectionKeys: [key],
+            IsMore: true,
+        };
+    }
+    allChromePanels() {
+        const seen = new Set();
+        const out = [];
+        const add = (list) => {
+            list?.forEach((panel) => {
+                if (!seen.has(panel)) {
+                    seen.add(panel);
+                    out.push(panel);
+                }
+            });
+        };
+        add(this.Panels);
+        return out;
+    }
+    applyChromeVisibility() {
+        const layout = this.chrome.Spec.Layout;
+        const claimed = this.contributionHiddenSectionKeys();
+        for (const panel of this.allChromePanels()) {
+            if (panel.SectionName) {
+                const human = HumanizeEntityTitle(panel.SectionName);
+                if (human !== panel.SectionName) {
+                    panel.SectionName = human;
+                }
+            }
+            const titled = this.chrome.Spec.Groups.find((g) => !g.IsMore && g.SectionKeys.length === 1 && g.SectionKeys[0] === panel.SectionKey);
+            const override = this.chrome.Spec.TitleBySectionKey?.get(panel.SectionKey);
+            if (override) {
+                panel.SectionName = override;
+            }
+            else if (titled?.Title) {
+                panel.SectionName = titled.Title;
+            }
+            if (claimed.has(panel.SectionKey)) {
+                panel.Hidden = true;
+                continue;
+            }
+            if (layout === 'left-nav') {
+                if (panel.Variant === 'related-entity') {
+                    panel.Hidden = !this.chrome.IsRelatedSectionVisible(panel.SectionKey);
+                }
+                else {
+                    panel.Hidden = !this.chrome.IsFirstClassSectionVisible(panel.SectionKey);
+                }
+            }
+            else {
+                panel.Hidden = !this.chrome.IsAccordionSectionVisible(panel.SectionKey);
+            }
+        }
+        this.applyChromeDomVisibility();
+    }
+    /**
+     * Slot-mounted panels are view children of the slot, not ContentChildren
+     * of this container, and they cannot inject the container-provided
+     * coordinator. Toggle host classes on every `mj-collapsible-panel` in
+     * the live DOM so left-nav hide/show still reaches them.
+     */
+    applyChromeDomVisibility() {
+        const host = this.host.nativeElement;
+        if (!host)
+            return;
+        const layout = this.chrome.Spec.Layout;
+        host.querySelectorAll('mj-collapsible-panel').forEach((node) => {
+            const key = node.getAttribute('data-section-key') ?? '';
+            const variant = node.getAttribute('data-variant') ?? 'default';
+            const visible = this.isChromeKeyVisible(key, variant);
+            const inMore = this.chrome.Spec.MoreSectionKeys.includes(key);
+            node.classList.toggle('mj-chrome-show', layout === 'left-nav' && visible);
+            node.classList.toggle('mj-chrome-hidden', !visible);
+            node.classList.toggle('mj-form-role-more', inMore);
+        });
+    }
+    isChromeKeyVisible(sectionKey, variant) {
+        if (this.contributionHiddenSectionKeys().has(sectionKey))
+            return false;
+        if (this.chrome.Spec.Layout === 'accordion') {
+            return this.chrome.IsAccordionSectionVisible(sectionKey);
+        }
+        if (variant === 'related-entity') {
+            return this.chrome.IsRelatedSectionVisible(sectionKey);
+        }
+        return this.chrome.IsFirstClassSectionVisible(sectionKey);
+    }
+    contributionSectionKeys() {
+        return this.contributionRegistrations().map((row) => row.Key);
+    }
+    contributionChromeGroupByKey() {
+        const map = new Map();
+        for (const row of this.contributionRegistrations()) {
+            if (row.ChromeGroup)
+                map.set(row.Key, row.ChromeGroup);
+        }
+        return map;
+    }
+    contributionInclusionByKey() {
+        const map = new Map();
+        for (const row of this.contributionRegistrations()) {
+            if (row.Inclusion)
+                map.set(row.Key, row.Inclusion);
+        }
+        return map;
+    }
+    contributionSortKeyByKey() {
+        const map = new Map();
+        for (const row of this.contributionRegistrations()) {
+            if (row.SortKey != null)
+                map.set(row.Key, row.SortKey);
+        }
+        return map;
+    }
+    /**
+     * Winning registration per contribution key (highest ClassFactory Priority).
+     * Headers are not rail sections.
+     */
+    contributionRegistrations() {
+        const entityName = this.EffectiveEntityInfo?.Name;
+        if (!entityName)
+            return [];
+        const byKey = new Map();
+        const regs = [...CollectFormPanelRegistrations()].sort((a, b) => (a.Priority ?? 0) - (b.Priority ?? 0));
+        for (const reg of regs) {
+            const meta = reg.Metadata;
+            if (!meta || meta.entity !== entityName)
+                continue;
+            if (meta.contributionKey === 'header')
+                continue;
+            const key = contributionRailKey(meta);
+            if (!key)
+                continue;
+            byKey.set(key, {
+                Key: key,
+                Inclusion: ReadRegisteredInclusion(meta.inclusion),
+                SortKey: typeof meta.sortKey === 'number' && Number.isFinite(meta.sortKey) ? meta.sortKey : null,
+                ChromeGroup: meta.chromeGroup === 'details' || meta.chromeGroup === 'more' ? meta.chromeGroup : null,
+                Priority: reg.Priority ?? 0,
+            });
+        }
+        return [...byKey.values()];
+    }
+    contributionHiddenSectionKeys() {
+        const hidden = this.hiddenChromeSectionKeys();
+        const entity = this.EffectiveEntityInfo;
+        if (!entity)
+            return hidden;
+        const claimed = ContributionHiddenSectionKeys(entity.Name, entity.RelatedEntities ?? [], (entity.ChildEntities ?? []).map((child) => child.ID), CollectFormPanelRegistrations());
+        for (const key of claimed)
+            hidden.add(key);
+        return hidden;
+    }
+    chromePanelSnapshots() {
+        const skip = this.contributionHiddenSectionKeys();
+        const ctx = this.fc?.formContext;
+        const byKey = new Map();
+        const add = (snapshot) => {
+            if (!snapshot.SectionKey || skip.has(snapshot.SectionKey))
+                return;
+            if (IsFormSectionHidden(ctx, snapshot.SectionKey, snapshot.Variant))
+                return;
+            if (!byKey.has(snapshot.SectionKey)) {
+                byKey.set(snapshot.SectionKey, snapshot);
+            }
+        };
+        for (const panel of this.allChromePanels()) {
+            // Include hidden field panels so Details still groups them. Left-nav
+            // otherwise drops ungrouped leftovers and the Details rail looks empty.
+            add({
+                SectionKey: panel.SectionKey,
+                SectionName: panel.SectionName,
+                Variant: panel.Variant,
+                Icon: panel.Icon,
+            });
+        }
+        for (const snapshot of this.domPanelSnapshots()) {
+            add(snapshot);
+        }
+        return [...byKey.values()];
+    }
+    domPanelSnapshots() {
+        const host = this.host.nativeElement;
+        if (!host)
+            return [];
+        const out = [];
+        host.querySelectorAll('mj-collapsible-panel').forEach((node) => {
+            const sectionKey = node.getAttribute('data-section-key') ?? '';
+            if (!sectionKey)
+                return;
+            if (node.classList.contains('mj-panel-empty'))
+                return;
+            const title = node.querySelector('.mj-forms-panel-title span')?.textContent?.trim();
+            out.push({
+                SectionKey: sectionKey,
+                SectionName: title || sectionKey,
+                Variant: node.getAttribute('data-variant') || 'default',
+                Icon: node.getAttribute('data-icon') || undefined,
+            });
+        });
+        return out;
+    }
+    hiddenChromeSectionKeys() {
+        const entity = this.EffectiveEntityInfo;
+        if (!entity)
+            return new Set();
+        const resolved = ResolveFormContributions({
+            EntityName: entity.Name,
+            RelatedEntities: entity.RelatedEntities ?? [],
+            IsaChildEntityIDs: (entity.ChildEntities ?? []).map((child) => child.ID),
+            Registrations: CollectFormPanelRegistrations(),
+            BakedSectionKeys: this.BakedRelatedSectionKeys,
+            ShowRelatedEntities: this.EffectiveShowRelatedEntities,
+        });
+        return new Set(resolved.HiddenBakedSectionKeys);
+    }
+    buildRelatedSchemaMap(entity) {
+        const map = new Map();
+        const provider = this.ProviderToUse;
+        for (const rel of entity.RelatedEntities) {
+            const related = provider.EntityByID(rel.RelatedEntityID);
+            if (related?.SchemaName) {
+                map.set((rel.RelatedEntityID ?? '').toLowerCase(), related.SchemaName);
+            }
+        }
+        return map;
+    }
+    buildInboundRelationshipCounts() {
+        const counts = new Map();
+        for (const entity of this.ProviderToUse.Entities ?? []) {
+            for (const rel of entity.RelatedEntities ?? []) {
+                const id = (rel.RelatedEntityID ?? '').toLowerCase();
+                if (!id)
+                    continue;
+                counts.set(id, (counts.get(id) ?? 0) + 1);
+            }
+        }
+        return counts;
+    }
+    chromePrefKey(suffix) {
+        const name = (this.EffectiveEntityInfo?.Name ?? 'entity').trim().toLowerCase();
+        return `mj.formChrome.${name}.${suffix}`;
+    }
+    RestoreChromePrefs() {
+        if (ShouldPersistChromeActiveGroup(this.EffectiveRecord?.IsSaved)) {
+            const group = UserInfoEngine.Instance.GetSetting(this.chromePrefKey('activeGroup'));
+            if (group)
+                this.chrome.ActiveGroupKey = group;
+        }
+        const more = UserInfoEngine.Instance.GetSetting(this.chromePrefKey('moreExpanded'));
+        if (more === '1')
+            this.chrome.MoreExpanded = true;
+        if (more === '0')
+            this.chrome.MoreExpanded = false;
+        this.ChromeRailPinned = ParseRailPinnedSetting(UserInfoEngine.Instance.GetSetting(this.chromePrefKey('railPinned')));
+        this.ChromeRailWidthPx = ParseRailWidthSetting(UserInfoEngine.Instance.GetSetting(this.chromePrefKey('railWidth')));
+        this.chromeRailExpanded = this.ChromeRailPinned;
+    }
+    PersistChromePrefs() {
+        if (ShouldPersistChromeActiveGroup(this.EffectiveRecord?.IsSaved) && this.chrome.ActiveGroupKey) {
+            UserInfoEngine.Instance.SetSettingDebounced(this.chromePrefKey('activeGroup'), this.chrome.ActiveGroupKey);
+        }
+        UserInfoEngine.Instance.SetSettingDebounced(this.chromePrefKey('moreExpanded'), this.chrome.MoreExpanded ? '1' : '0');
+        UserInfoEngine.Instance.SetSettingDebounced(this.chromePrefKey('railPinned'), SerializeRailPinnedSetting(this.ChromeRailPinned));
+        UserInfoEngine.Instance.SetSettingDebounced(this.chromePrefKey('railWidth'), SerializeRailWidthSetting(this.ChromeRailWidthPx));
+    }
     /**
      * Subscribes to Navigate events from all child collapsible panels
      * and relays them through this container's Navigate output.
@@ -390,6 +1353,9 @@ export class MjRecordFormContainerComponent extends BaseAngularComponent {
             this.fc.RecordReady.pipe(takeUntil(this.panelNavReset$)).subscribe(() => {
                 this.LoadBadgeCounts();
             });
+            this.fc.RecordRefreshed.pipe(takeUntil(this.panelNavReset$)).subscribe((e) => {
+                this.OnFormRecordRefreshed(e.Record);
+            });
         }
         this.Panels.forEach(panel => {
             panel.Navigate.pipe(takeUntil(this.panelNavReset$)).subscribe((event) => {
@@ -413,8 +1379,24 @@ export class MjRecordFormContainerComponent extends BaseAngularComponent {
     }
     // ---- Badge Count Loading ----
     /**
-     * Loads tag count and record change version count for toolbar badges.
-     * Both queries run in parallel for performance.
+     * Whether the attachments feature is available for the current record.
+     * True when record is saved and entity allows attachments (default true).
+     */
+    get AttachmentsAvailable() {
+        const record = this.EffectiveRecord;
+        if (!record || !record.IsSaved)
+            return false;
+        const entity = record.EntityInfo;
+        if (!entity)
+            return false;
+        const config = entity.Configuration?.Attachments;
+        if (config?.Enabled === false)
+            return false;
+        return true;
+    }
+    /**
+     * Loads tag count, attachment count, and record change version count for toolbar badges.
+     * All queries run in parallel for performance.
      */
     badgeCountsLoaded = false;
     LoadBadgeCounts() {
@@ -424,9 +1406,34 @@ export class MjRecordFormContainerComponent extends BaseAngularComponent {
         if (!record?.EntityInfo)
             return;
         this.badgeCountsLoaded = true;
-        // Fire both queries in parallel — no await needed, they update state async
+        // Fire queries in parallel — no await needed, they update state async
         this.LoadTagCount(record);
         this.LoadVersionCount(record);
+        this.LoadAttachmentCount(record);
+    }
+    /**
+     * Queries the count of linked attachments for the current entity + record
+     * and updates the AttachmentCount badge on the toolbar.
+     */
+    async LoadAttachmentCount(record) {
+        if (!this.AttachmentsAvailable)
+            return;
+        try {
+            const rv = RunView.FromMetadataProvider(this.ProviderToUse);
+            const result = await rv.RunView({
+                EntityName: 'MJ: File Entity Record Links',
+                Fields: ['ID'],
+                ExtraFilter: `EntityID='${record.EntityInfo.ID}' AND RecordID='${record.PrimaryKey.Values()}'`,
+                ResultType: 'simple'
+            });
+            if (result.Success) {
+                this.AttachmentCount = result.Results.length;
+                this.cdr.detectChanges();
+            }
+        }
+        catch {
+            // Non-critical — badge just stays at 0
+        }
     }
     /**
      * Queries the count of tagged items for the current entity + record
@@ -553,6 +1560,43 @@ export class MjRecordFormContainerComponent extends BaseAngularComponent {
             this.CancelRequested.emit();
         }
     }
+    /**
+     * Refresh: delegate to FormComponent if available, otherwise re-emit.
+     * Badge reload + related-grid fan-out happen on `RecordRefreshed` so
+     * `host.Refresh()` (which calls `RefreshRecord()` directly) still notifies.
+     */
+    async OnRefreshRequested() {
+        if (this.fc?.RefreshRecord) {
+            this.IsRefreshing = true;
+            this.cdr.markForCheck();
+            try {
+                await this.fc.RefreshRecord();
+            }
+            finally {
+                await Promise.resolve();
+                this.ngZone.run(() => {
+                    this.IsRefreshing = false;
+                    this.cdr.markForCheck();
+                });
+            }
+        }
+        else {
+            this.RefreshRequested.emit();
+        }
+    }
+    /**
+     * After the form reloads the parent record: refresh chrome that is not
+     * the record itself (badges, open history drawer) and broadcast to
+     * in-form listeners (related grids, IS-A panel, custom panels).
+     */
+    OnFormRecordRefreshed(record) {
+        this.badgeCountsLoaded = false;
+        this.LoadBadgeCounts();
+        if (this.ShowRecordChanges && this.recordChangesDrawer) {
+            this.recordChangesDrawer.Refresh();
+        }
+        this.recordRefresh.Notify(record);
+    }
     /**
      * Delete, Favorite, History, Lists, ShowChanges: always re-emit for host app.
      */
@@ -610,6 +1654,26 @@ export class MjRecordFormContainerComponent extends BaseAngularComponent {
         this.TagsPanelWidth = width;
         UserInfoEngine.Instance.SetSettingDebounced(MjRecordFormContainerComponent.TAGS_WIDTH_KEY, String(width));
     }
+    OnAttachmentsPanelToggled() {
+        this.ShowAttachmentsPanel = !this.ShowAttachmentsPanel;
+        this.cdr.detectChanges();
+    }
+    OnAttachmentsPanelClosed() {
+        this.ShowAttachmentsPanel = false;
+        this.cdr.detectChanges();
+        // Refresh attachment count — attachments may have been added/removed while panel was open
+        const record = this.EffectiveRecord;
+        if (record?.EntityInfo) {
+            this.LoadAttachmentCount(record);
+        }
+    }
+    /**
+     * Handles live attachment count updates from the attachments panel component.
+     */
+    OnAttachmentCountChanged(count) {
+        this.AttachmentCount = count;
+        this.cdr.markForCheck();
+    }
     OnTagsRecordNavigate(event) {
         const md = this.ProviderToUse;
         const entityInfo = md.Entities.find(e => e.Name === event.EntityName);
@@ -715,6 +1779,11 @@ export class MjRecordFormContainerComponent extends BaseAngularComponent {
     OnFilterChange(filter) {
         if (this.fc?.onFilterChange) {
             this.fc.onFilterChange(filter);
+            if (filter.trim() && this.ChromeMoreItems.length > 0) {
+                this.chrome.MoreExpanded = true;
+            }
+            this.ensureActiveGroupVisible();
+            this.applyChromeVisibility();
             this.cdr.markForCheck();
         }
     }
@@ -749,6 +1818,7 @@ export class MjRecordFormContainerComponent extends BaseAngularComponent {
     OnResetSectionOrder() {
         if (this.fc?.resetSectionOrder) {
             this.fc.resetSectionOrder();
+            this.scheduleChromeResolve();
             this.cdr.markForCheck();
         }
     }
@@ -808,6 +1878,14 @@ export class MjRecordFormContainerComponent extends BaseAngularComponent {
     OnSectionOrderChange(newOrder) {
         if (this.fc?.setSectionOrder) {
             this.fc.setSectionOrder(newOrder);
+            this.scheduleChromeResolve();
+            this.cdr.markForCheck();
+        }
+    }
+    OnChromeMembershipChange(change) {
+        if (this.fc?.setChromeMembership) {
+            this.fc.setChromeMembership(change.moreSectionKeys, change.firstClassSectionKeys);
+            this.scheduleChromeResolve();
             this.cdr.markForCheck();
         }
     }
@@ -829,48 +1907,63 @@ export class MjRecordFormContainerComponent extends BaseAngularComponent {
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.recordChangesDrawer = _t.first);
-        } }, inputs: { Record: "Record", FormComponent: "FormComponent", EntityInfo: "EntityInfo", EditMode: "EditMode", UserCanEdit: "UserCanEdit", UserCanDelete: "UserCanDelete", IsFavorite: "IsFavorite", FavoriteInitDone: "FavoriteInitDone", IsDirty: "IsDirty", DirtyFieldNames: "DirtyFieldNames", ListCount: "ListCount", IsSaving: "IsSaving", ToolbarConfig: "ToolbarConfig", WidthMode: "WidthMode", Variants: "Variants", CurrentVariantID: "CurrentVariantID" }, outputs: { Navigate: "Navigate", EditModeChange: "EditModeChange", BeforeSave: "BeforeSave", SaveRequested: "SaveRequested", BeforeCancel: "BeforeCancel", CancelRequested: "CancelRequested", BeforeDelete: "BeforeDelete", DeleteRequested: "DeleteRequested", FavoriteToggled: "FavoriteToggled", BeforeHistoryView: "BeforeHistoryView", HistoryRequested: "HistoryRequested", BeforeListManagement: "BeforeListManagement", ListManagementRequested: "ListManagementRequested", ShowChangesRequested: "ShowChangesRequested", CustomButtonClick: "CustomButtonClick", VariantChange: "VariantChange" }, standalone: false, features: [i0.ɵɵProvidersFeature([FormSlotCoordinator]), i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1, decls: 14, vars: 18, consts: [[3, "Record", "EditMode", "UserCanEdit", "UserCanDelete", "IsFavorite", "FavoriteInitDone", "IsDirty", "DirtyFieldNames", "ListCount", "TagCount", "VersionCount", "EntityInfo", "Config", "IsSaving", "VisibleSectionCount", "TotalSectionCount", "ExpandedSectionCount", "SearchFilter", "ShowEmptyFields", "WidthMode", "HasCustomSectionOrder", "Variants", "CurrentVariantID"], [1, "mj-forms-scroll-area"], [1, "mj-forms-panels-container"], [1, "mj-forms-layout-row"], [1, "mj-forms-all-panels"], ["Slot", "after-everything", 3, "Entity", "Record", "FormComponent"], ["Variant", "no-results", "Title", "No sections found", "ActionText", "Clear search", "ActionIcon", "fa-solid fa-rotate-left", "ActionVariant", "flat", 1, "mj-forms-empty-search-state", 3, "Message"], [3, "Navigate", "Record", "EditMode", "Collapsed"], [3, "record", "AllowRestore"], [3, "Record", "WidthPx"], [3, "visible", "config"], [3, "SectionOrderChange", "ResetRequested", "Closed", "Sections", "SectionOrder", "Visible"], [3, "Navigate", "EditModeChange", "BeforeSave", "SaveRequested", "BeforeCancel", "CancelRequested", "BeforeDelete", "DeleteRequested", "FavoriteToggled", "BeforeHistoryView", "HistoryRequested", "BeforeListManagement", "ListManagementRequested", "ShowChangesRequested", "CustomButtonClick", "FilterChange", "ExpandAllRequested", "CollapseAllRequested", "ShowEmptyFieldsChange", "WidthModeChange", "ResetSectionOrderRequested", "ManageSectionsRequested", "TagsPanelToggled", "VariantPicked", "Record", "EditMode", "UserCanEdit", "UserCanDelete", "IsFavorite", "FavoriteInitDone", "IsDirty", "DirtyFieldNames", "ListCount", "TagCount", "VersionCount", "EntityInfo", "Config", "IsSaving", "VisibleSectionCount", "TotalSectionCount", "ExpandedSectionCount", "SearchFilter", "ShowEmptyFields", "WidthMode", "HasCustomSectionOrder", "Variants", "CurrentVariantID"], ["Variant", "no-results", "Title", "No sections found", "ActionText", "Clear search", "ActionIcon", "fa-solid fa-rotate-left", "ActionVariant", "flat", 1, "mj-forms-empty-search-state", 3, "Action", "Message"], [3, "RestoreRequested", "dialogClosed", "record", "AllowRestore"], [3, "PanelClosed", "TagCountChanged", "RecordNavigate", "WidthChanged", "Record", "WidthPx"], [3, "complete", "cancel", "visible", "config"]], template: function MjRecordFormContainerComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { Record: "Record", FormComponent: "FormComponent", EntityInfo: "EntityInfo", EditMode: "EditMode", UserCanEdit: "UserCanEdit", UserCanDelete: "UserCanDelete", IsFavorite: "IsFavorite", FavoriteInitDone: "FavoriteInitDone", IsDirty: "IsDirty", DirtyFieldNames: "DirtyFieldNames", ListCount: "ListCount", IsSaving: "IsSaving", IsRefreshing: "IsRefreshing", ToolbarConfig: "ToolbarConfig", RegisteredToolbarItems: "RegisteredToolbarItems", ToolbarItemOverrides: "ToolbarItemOverrides", WidthMode: "WidthMode", Variants: "Variants", CurrentVariantID: "CurrentVariantID" }, outputs: { Navigate: "Navigate", EditModeChange: "EditModeChange", BeforeSave: "BeforeSave", SaveRequested: "SaveRequested", BeforeCancel: "BeforeCancel", CancelRequested: "CancelRequested", BeforeDelete: "BeforeDelete", DeleteRequested: "DeleteRequested", BeforeRefresh: "BeforeRefresh", RefreshRequested: "RefreshRequested", FavoriteToggled: "FavoriteToggled", BeforeHistoryView: "BeforeHistoryView", HistoryRequested: "HistoryRequested", BeforeListManagement: "BeforeListManagement", ListManagementRequested: "ListManagementRequested", ShowChangesRequested: "ShowChangesRequested", CustomButtonClick: "CustomButtonClick", ToolbarItemClick: "ToolbarItemClick", VariantChange: "VariantChange", BeforeLayoutResolve: "BeforeLayoutResolve", AfterLayoutResolved: "AfterLayoutResolved", BeforeSectionActivate: "BeforeSectionActivate", AfterSectionActivated: "AfterSectionActivated" }, standalone: false, features: [i0.ɵɵProvidersFeature([FormSlotCoordinator, FormChromeCoordinator, FormRecordRefreshCoordinator]), i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c1, decls: 18, vars: 30, consts: [[3, "Record", "EditMode", "UserCanEdit", "UserCanDelete", "IsFavorite", "FavoriteInitDone", "IsDirty", "DirtyFieldNames", "ListCount", "TagCount", "AttachmentCount", "AttachmentsAvailable", "IsAttachmentsPanelOpen", "VersionCount", "EntityInfo", "Config", "IsSaving", "IsRefreshing", "VisibleSectionCount", "TotalSectionCount", "ExpandedSectionCount", "SearchFilter", "ShowEmptyFields", "WidthMode", "HasCustomSectionOrder", "ChromeLayout", "Variants", "CurrentVariantID", "RegisteredItems", "ItemOverrides", "FormComponent"], [1, "mj-forms-scroll-area"], [1, "mj-forms-panels-container"], [1, "mj-forms-layout-row"], ["aria-label", "Form sections", 1, "mj-forms-chrome-rail", 3, "is-collapsed", "is-resizing", "width"], [1, "mj-forms-all-panels"], [3, "Record", "FormComponent", "FormContext", "BakedSectionKeys", "ShowRelatedEntities"], [1, "mj-forms-more-overflow", 3, "is-expanded"], ["Slot", "after-everything", 3, "Entity", "Record", "FormComponent"], ["Variant", "no-results", "Title", "No sections found", "ActionText", "Clear search", "ActionIcon", "fa-solid fa-rotate-left", "ActionVariant", "flat", 1, "mj-forms-empty-search-state", 3, "Message"], [3, "Navigate", "Record", "EditMode", "Collapsed"], [3, "record", "AllowRestore"], [3, "Record", "WidthPx"], [3, "Record", "Visible"], [3, "visible", "config"], [3, "SectionOrderChange", "MembershipChange", "ResetRequested", "Closed", "Sections", "SectionOrder", "MoreSectionKeys", "LockedMoreKeys", "Visible"], [3, "Navigate", "EditModeChange", "BeforeSave", "SaveRequested", "BeforeCancel", "CancelRequested", "BeforeDelete", "DeleteRequested", "BeforeRefresh", "RefreshRequested", "FavoriteToggled", "BeforeHistoryView", "HistoryRequested", "BeforeListManagement", "ListManagementRequested", "ShowChangesRequested", "CustomButtonClick", "ToolbarItemClick", "FilterChange", "ExpandAllRequested", "CollapseAllRequested", "ShowEmptyFieldsChange", "WidthModeChange", "ResetSectionOrderRequested", "ManageSectionsRequested", "TagsPanelToggled", "AttachmentsPanelToggled", "VariantPicked", "Record", "EditMode", "UserCanEdit", "UserCanDelete", "IsFavorite", "FavoriteInitDone", "IsDirty", "DirtyFieldNames", "ListCount", "TagCount", "AttachmentCount", "AttachmentsAvailable", "IsAttachmentsPanelOpen", "VersionCount", "EntityInfo", "Config", "IsSaving", "IsRefreshing", "VisibleSectionCount", "TotalSectionCount", "ExpandedSectionCount", "SearchFilter", "ShowEmptyFields", "WidthMode", "HasCustomSectionOrder", "ChromeLayout", "Variants", "CurrentVariantID", "RegisteredItems", "ItemOverrides", "FormComponent"], ["aria-label", "Form sections", 1, "mj-forms-chrome-rail"], ["type", "button", 1, "mj-forms-chrome-rail-spine", 3, "title"], ["type", "button", 1, "mj-forms-chrome-rail-spine", 3, "click", "title"], [1, "mj-forms-chrome-rail-spine-label", 3, "mouseenter"], ["role", "separator", "aria-orientation", "vertical", "title", "Drag to resize sections", 1, "mj-forms-chrome-rail-resizer", 3, "pointerdown", "pointermove", "pointerup", "pointercancel"], [1, "mj-forms-chrome-rail-toolbar"], ["type", "button", 1, "mj-forms-chrome-rail-pin", 3, "click", "title"], [1, "fa-solid", "fa-thumbtack"], ["type", "button", "title", "Hide sections", "aria-label", "Hide form sections", 1, "mj-forms-chrome-rail-collapse", 3, "click"], [1, "fa-solid", "fa-angles-left"], ["role", "button", "tabindex", "0", 1, "mj-forms-chrome-rail-item", 3, "is-active", "is-drag-over"], ["role", "button", "tabindex", "0", 1, "mj-forms-chrome-rail-item", 3, "click", "keydown.enter", "keydown.space", "dragover", "dragleave", "drop"], ["title", "Drag to reorder", "draggable", "true", 1, "mj-forms-chrome-rail-handle"], [1, "mj-forms-chrome-rail-label", 3, "mouseenter"], [1, "mj-forms-chrome-rail-count", 3, "is-zero"], ["title", "Drag to reorder", "draggable", "true", 1, "mj-forms-chrome-rail-handle", 3, "dragstart", "dragend", "click"], [1, "fa-solid", "fa-grip-vertical"], [1, "mj-forms-chrome-rail-count"], ["role", "button", "tabindex", "0", 1, "mj-forms-chrome-rail-item", "is-more-folder", 3, "click", "keydown.enter", "keydown.space"], ["aria-hidden", "true", 1, "mj-forms-chrome-rail-handle", "is-spacer"], ["aria-hidden", "true", 1, "fa-solid", "mj-forms-chrome-rail-more-toggle"], [1, "mj-forms-chrome-rail-more-tree"], ["role", "button", "tabindex", "0", 1, "mj-forms-chrome-rail-item", "is-more-child", 3, "is-active", "is-drag-over"], ["role", "button", "tabindex", "0", 1, "mj-forms-chrome-rail-item", "is-more-child", 3, "click", "keydown.enter", "keydown.space", "dragover", "dragleave", "drop"], [1, "mj-forms-more-overflow"], ["type", "button", 1, "mj-forms-more-overflow-toggle", 3, "click"], [1, "mj-forms-more-overflow-label"], [1, "mj-forms-more-overflow-preview"], [1, "fa-solid"], ["Variant", "no-results", "Title", "No sections found", "ActionText", "Clear search", "ActionIcon", "fa-solid fa-rotate-left", "ActionVariant", "flat", 1, "mj-forms-empty-search-state", 3, "Action", "Message"], [3, "RestoreRequested", "dialogClosed", "record", "AllowRestore"], [3, "PanelClosed", "TagCountChanged", "RecordNavigate", "WidthChanged", "Record", "WidthPx"], [3, "PanelClosed", "AttachmentCountChanged", "Record", "Visible"], [3, "complete", "cancel", "visible", "config"]], template: function MjRecordFormContainerComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef(_c0);
             i0.ɵɵprojection(0);
-            i0.ɵɵconditionalCreate(1, MjRecordFormContainerComponent_Conditional_1_Template, 1, 23, "mj-form-toolbar", 0);
-            i0.ɵɵelementStart(2, "div", 1)(3, "div", 2)(4, "div", 3)(5, "div", 4);
-            i0.ɵɵprojection(6, 1);
-            i0.ɵɵconditionalCreate(7, MjRecordFormContainerComponent_Conditional_7_Template, 1, 3, "mj-form-panel-slot", 5);
-            i0.ɵɵconditionalCreate(8, MjRecordFormContainerComponent_Conditional_8_Template, 1, 1, "mj-empty-state", 6);
+            i0.ɵɵconditionalCreate(1, MjRecordFormContainerComponent_Conditional_1_Template, 1, 31, "mj-form-toolbar", 0);
+            i0.ɵɵelementStart(2, "div", 1)(3, "div", 2)(4, "div", 3);
+            i0.ɵɵconditionalCreate(5, MjRecordFormContainerComponent_Conditional_5_Template, 3, 8, "nav", 4);
+            i0.ɵɵelementStart(6, "div", 5);
+            i0.ɵɵprojection(7, 1);
+            i0.ɵɵconditionalCreate(8, MjRecordFormContainerComponent_Conditional_8_Template, 1, 5, "mj-form-contributions", 6);
+            i0.ɵɵconditionalCreate(9, MjRecordFormContainerComponent_Conditional_9_Template, 7, 10, "div", 7);
+            i0.ɵɵconditionalCreate(10, MjRecordFormContainerComponent_Conditional_10_Template, 1, 3, "mj-form-panel-slot", 8);
+            i0.ɵɵconditionalCreate(11, MjRecordFormContainerComponent_Conditional_11_Template, 1, 1, "mj-empty-state", 9);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(9, "mj-isa-related-panel", 7);
-            i0.ɵɵlistener("Navigate", function MjRecordFormContainerComponent_Template_mj_isa_related_panel_Navigate_9_listener($event) { return ctx.OnNavigate($event); });
+            i0.ɵɵelementStart(12, "mj-isa-related-panel", 10);
+            i0.ɵɵlistener("Navigate", function MjRecordFormContainerComponent_Template_mj_isa_related_panel_Navigate_12_listener($event) { return ctx.OnNavigate($event); });
             i0.ɵɵelementEnd()()()();
-            i0.ɵɵconditionalCreate(10, MjRecordFormContainerComponent_Conditional_10_Template, 1, 2, "mj-record-changes", 8);
-            i0.ɵɵconditionalCreate(11, MjRecordFormContainerComponent_Conditional_11_Template, 1, 2, "mj-record-tags", 9);
-            i0.ɵɵconditionalCreate(12, MjRecordFormContainerComponent_Conditional_12_Template, 1, 8, "mj-list-management-dialog", 10);
-            i0.ɵɵelementStart(13, "mj-section-manager", 11);
-            i0.ɵɵlistener("SectionOrderChange", function MjRecordFormContainerComponent_Template_mj_section_manager_SectionOrderChange_13_listener($event) { return ctx.OnSectionOrderChange($event); })("ResetRequested", function MjRecordFormContainerComponent_Template_mj_section_manager_ResetRequested_13_listener() { return ctx.OnSectionManagerReset(); })("Closed", function MjRecordFormContainerComponent_Template_mj_section_manager_Closed_13_listener() { return ctx.OnSectionManagerClosed(); });
+            i0.ɵɵconditionalCreate(13, MjRecordFormContainerComponent_Conditional_13_Template, 1, 2, "mj-record-changes", 11);
+            i0.ɵɵconditionalCreate(14, MjRecordFormContainerComponent_Conditional_14_Template, 1, 2, "mj-record-tags", 12);
+            i0.ɵɵconditionalCreate(15, MjRecordFormContainerComponent_Conditional_15_Template, 1, 2, "mj-record-attachments", 13);
+            i0.ɵɵconditionalCreate(16, MjRecordFormContainerComponent_Conditional_16_Template, 1, 8, "mj-list-management-dialog", 14);
+            i0.ɵɵelementStart(17, "mj-section-manager", 15);
+            i0.ɵɵlistener("SectionOrderChange", function MjRecordFormContainerComponent_Template_mj_section_manager_SectionOrderChange_17_listener($event) { return ctx.OnSectionOrderChange($event); })("MembershipChange", function MjRecordFormContainerComponent_Template_mj_section_manager_MembershipChange_17_listener($event) { return ctx.OnChromeMembershipChange($event); })("ResetRequested", function MjRecordFormContainerComponent_Template_mj_section_manager_ResetRequested_17_listener() { return ctx.OnSectionManagerReset(); })("Closed", function MjRecordFormContainerComponent_Template_mj_section_manager_Closed_17_listener() { return ctx.OnSectionManagerClosed(); });
             i0.ɵɵelementEnd();
         } if (rf & 2) {
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.EffectiveShowToolbar ? 1 : -1);
             i0.ɵɵadvance(2);
             i0.ɵɵclassProp("mj-forms-panels--full-width", ctx.EffectiveWidthMode === "full-width")("mj-forms-panels--edit-mode", ctx.EffectiveEditMode)("mj-forms-panels--has-isa-panel", ctx.HasIsaRelatedItems);
-            i0.ɵɵadvance(4);
-            i0.ɵɵconditional(ctx.Record && ctx.FormComponent ? 7 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.EffectiveSearchFilter && ctx.VisibleSectionCount === 0 ? 8 : -1);
+            i0.ɵɵclassProp("mj-forms-layout--left-nav", ctx.ChromeLayout === "left-nav")("mj-forms-layout--accordion", ctx.ChromeLayout === "accordion")("mj-forms-layout--more", ctx.IsChromeMoreActive);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.ShowChromeRail ? 5 : -1);
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.Record && ctx.FormComponent ? 8 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.ShowMoreToggle ? 9 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Record && ctx.FormComponent ? 10 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.EffectiveSearchFilter && ctx.SearchHasNoMatches ? 11 : -1);
             i0.ɵɵadvance();
             i0.ɵɵproperty("Record", ctx.EffectiveRecord)("EditMode", ctx.EffectiveEditMode)("Collapsed", ctx.EffectiveWidthMode === "full-width");
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.ShowRecordChanges && ctx.EffectiveRecord ? 10 : -1);
+            i0.ɵɵconditional(ctx.ShowRecordChanges && ctx.EffectiveRecord ? 13 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.ShowTagsPanel && ctx.EffectiveRecord ? 14 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.ShowTagsPanel && ctx.EffectiveRecord ? 11 : -1);
+            i0.ɵɵconditional(ctx.ShowAttachmentsPanel && ctx.AttachmentsAvailable && ctx.EffectiveRecord ? 15 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.ShowListManagement && ctx.EffectiveRecord ? 12 : -1);
+            i0.ɵɵconditional(ctx.ShowListManagement && ctx.EffectiveRecord ? 16 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("Sections", ctx.SectionManagerItems)("SectionOrder", ctx.SectionManagerOrder)("Visible", ctx.ShowSectionManager);
-        } }, dependencies: [i1.MJEmptyStateComponent, i2.RecordChangesComponent, i3.ListManagementDialogComponent, i4.RecordTagsComponent, i5.MjFormToolbarComponent, i6.MjSectionManagerComponent, i7.MjIsaRelatedPanelComponent, i8.FormPanelSlotComponent], styles: ["/* ============================================\n   RECORD FORM CONTAINER \u2014 uses global --mj-* design tokens\n   Top-level wrapper: toolbar + scrollable content\n   ============================================ */\nmj-record-form-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n  position: relative;\n  overflow: hidden;\n}\n\n/* ViewEncapsulation.None fallback \u2014 ensure the element itself constrains overflow */\nmj-record-form-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n  position: relative;\n  overflow: hidden;\n}\n\n/* ============================================\n   SCROLL AREA (full-width so mouse wheel works anywhere)\n   ============================================ */\n.mj-forms-scroll-area {\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n  background: var(--mj-bg-page);\n}\n\n/* ============================================\n   PANELS CONTAINER (centered content within scroll area)\n   ============================================ */\n.mj-forms-panels-container {\n  padding: 24px 32px 48px;\n  max-width: 920px;\n  margin: 0 auto;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n/* Widen max-width when ISA side panel is present */\n.mj-forms-panels--has-isa-panel {\n  max-width: 1240px;\n}\n\n.mj-forms-panels--full-width {\n  max-width: none;\n  padding-left: 24px;\n  padding-right: 24px;\n}\n\n/* Flex row layout: form panels + optional ISA side panel */\n.mj-forms-layout-row {\n  display: flex;\n  gap: 20px;\n  align-items: flex-start;\n}\n\n/* All panels in a single flex container \u2014 CSS order drives sequencing */\n.mj-forms-all-panels {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  flex: 1;\n  min-width: 0;\n}\n\n/* Hide related entity panels in edit mode (variant host class on mj-collapsible-panel) */\n.mj-forms-panels--edit-mode .mj-panel--related-entity {\n  display: none;\n}\n\n/* ============================================\n   EMPTY SEARCH STATE\n   ============================================ */\n.mj-forms-empty-search-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 80px 24px;\n  text-align: center;\n  min-height: 400px;\n}\n\n.mj-forms-empty-search-icon {\n  width: 80px;\n  height: 80px;\n  border-radius: var(--mj-radius-full);\n  background: var(--mj-bg-surface-sunken);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 24px;\n}\n\n.mj-forms-empty-search-icon i {\n  font-size: 32px;\n  color: var(--mj-text-muted);\n}\n\n.mj-forms-empty-search-title {\n  font-size: var(--mj-text-xl);\n  font-weight: var(--mj-font-semibold);\n  color: var(--mj-text-primary);\n  margin: 0 0 12px 0;\n}\n\n.mj-forms-empty-search-message {\n  font-size: var(--mj-text-sm);\n  color: var(--mj-text-secondary);\n  line-height: 1.6;\n  max-width: 400px;\n  margin: 0;\n}\n\n.mj-forms-empty-search-message strong {\n  color: var(--mj-text-primary);\n  font-weight: var(--mj-font-semibold);\n}\n\n.mj-forms-empty-search-link {\n  color: var(--mj-brand-primary);\n  text-decoration: none;\n  font-weight: var(--mj-font-medium);\n}\n\n.mj-forms-empty-search-link:hover {\n  text-decoration: underline;\n}\n\n/* ============================================\n   RESPONSIVE\n   ============================================ */\n@media (max-width: 768px) {\n  .mj-forms-panels-container {\n    padding: 16px 12px 32px;\n  }\n}\n\n/* ====================================================================\n   VARIANT PICKER \u2014 between toolbar and form body\n   Compact \"Form: <name> \u25BE\" row that appears when more than one variant\n   is applicable for the current entity record.\n   ==================================================================== */\n\n.mj-form-variant-picker {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 6px 18px;\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.mj-form-variant-picker-icon {\n  color: var(--mj-brand-primary);\n  font-size: 12px;\n}\n.mj-form-variant-picker-label {\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n}\n.mj-form-variant-picker-control {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 10px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md, 8px);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n  cursor: pointer;\n  outline: none;\n  user-select: none;\n  min-width: 160px;\n}\n.mj-form-variant-picker-control:hover,\n.mj-form-variant-picker-control:focus,\n.mj-form-variant-picker-control.open {\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.mj-form-variant-picker-current {\n  font-weight: 600;\n  flex: 1;\n}\n.mj-form-variant-picker-menu {\n  position: absolute;\n  top: calc(100% + 4px);\n  left: 0;\n  z-index: 50;\n  min-width: 280px;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md, 8px);\n  box-shadow: var(--mj-shadow-md, 0 4px 12px rgba(15, 23, 42, 0.08));\n  padding: 4px;\n  max-height: 320px;\n  overflow: auto;\n}\n.mj-form-variant-picker-row {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 8px 10px;\n  border-radius: 6px;\n  cursor: pointer;\n}\n.mj-form-variant-picker-row:hover {\n  background: var(--mj-bg-surface-hover);\n}\n.mj-form-variant-picker-row.current {\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n}\n.mj-form-variant-picker-row.inactive {\n  opacity: 0.7;\n}\n.mj-form-variant-picker-row-main {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  flex: 1;\n  min-width: 0;\n}\n.mj-form-variant-picker-row-title {\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.mj-form-variant-picker-row-sub {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n}\n.mj-form-variant-picker-check {\n  color: var(--mj-brand-primary);\n  font-size: 11px;\n}\n\n/* Retrospective fix #8 \u2014 visually distinguish the Default row from variants. */\n.mj-form-variant-picker-row.mj-form-variant-picker-default {\n  border-bottom: 1px dashed var(--mj-border-default);\n  margin-bottom: 4px;\n  padding-bottom: 10px;\n}\n.mj-form-variant-picker-default-tag {\n  color: var(--mj-text-muted);\n  font-weight: 400;\n  font-size: 11px;\n  margin-left: 4px;\n}\n"], encapsulation: 2, changeDetection: 0 });
+            i0.ɵɵproperty("Sections", ctx.SectionManagerItems)("SectionOrder", ctx.SectionManagerOrder)("MoreSectionKeys", ctx.SectionManagerMoreKeys)("LockedMoreKeys", ctx.SectionManagerLockedMoreKeys)("Visible", ctx.ShowSectionManager);
+        } }, dependencies: [i1.MJEmptyStateComponent, i2.RecordChangesComponent, i3.ListManagementDialogComponent, i4.RecordTagsComponent, i5.RecordAttachmentsComponent, i6.MjFormToolbarComponent, i7.MjSectionManagerComponent, i8.MjIsaRelatedPanelComponent, i9.FormPanelSlotComponent, i10.FormContributionsComponent], styles: ["/* ============================================\n   RECORD FORM CONTAINER \u2014 uses global --mj-* design tokens\n   Top-level wrapper: toolbar + scrollable content\n   ============================================ */\nmj-record-form-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n  position: relative;\n  overflow: hidden;\n}\n\n/* ViewEncapsulation.None fallback \u2014 ensure the element itself constrains overflow */\nmj-record-form-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n  position: relative;\n  overflow: hidden;\n}\n\n/* ============================================\n   SCROLL AREA (full-width so mouse wheel works anywhere)\n   ============================================ */\n.mj-forms-scroll-area {\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n  background: var(--mj-bg-page);\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n}\n\n/* ============================================\n   PANELS CONTAINER (centered content within scroll area)\n   ============================================ */\n.mj-forms-panels-container {\n  padding: 24px 32px 48px;\n  max-width: 920px;\n  margin: 0 auto;\n  width: 100%;\n  box-sizing: border-box;\n  flex: 1;\n  min-height: 0;\n}\n\n/* Widen max-width when ISA side panel is present */\n.mj-forms-panels--has-isa-panel {\n  max-width: 1240px;\n}\n\n.mj-forms-panels--full-width {\n  max-width: none;\n  padding-left: 24px;\n  padding-right: 24px;\n}\n\n/* Flex row layout: form panels + optional ISA side panel */\n.mj-forms-layout-row {\n  display: flex;\n  gap: 20px;\n  align-items: flex-start;\n}\n\n.mj-forms-panels-container:has(.mj-forms-layout--left-nav) {\n  padding: 16px 20px 24px;\n  display: flex;\n  flex-direction: column;\n  /* Definite height = the scroll-area's client box. min-height: 100% alone\n     lets the column grow with content and never gives related grids a\n     containing-block height, so Height:auto (100%) on the grid collapses. */\n  height: 100%;\n  max-height: 100%;\n  min-height: 0;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n/* Centered left-nav keeps the form column at the same 920px as accordion,\n   plus the rail. Full-width still uses .mj-forms-panels--full-width. */\n.mj-forms-panels-container:has(.mj-forms-layout--left-nav):not(.mj-forms-panels--full-width) {\n  max-width: 1160px;\n}\n\n.mj-forms-layout-row.mj-forms-layout--left-nav {\n  flex: 1;\n  min-height: 0;\n  /* Wins over .mj-forms-layout-row { align-items: flex-start } so the\n     body column stretches to the rail / viewport instead of hugging content. */\n  align-items: stretch;\n  gap: 16px;\n}\n\n/* Left-nav: only the active rail item is in the body. Slot-mounted\n   panels never inject the container coordinator, so host classes set\n   from the container are the hide/show channel that always reaches them. */\n.mj-forms-layout--left-nav mj-collapsible-panel.mj-chrome-hidden,\n.mj-forms-layout--accordion mj-collapsible-panel.mj-chrome-hidden {\n  display: none;\n}\n\n/* Selected item: no accordion chrome \u2014 the rail is the header. */\n.mj-forms-layout--left-nav mj-collapsible-panel.mj-chrome-show .mj-forms-panel-header {\n  display: none;\n}\n\n.mj-forms-layout--left-nav mj-collapsible-panel.mj-chrome-show .mj-forms-panel {\n  box-shadow: none;\n  border: 0;\n  background: transparent;\n  border-radius: 0;\n}\n\n.mj-forms-layout--left-nav mj-collapsible-panel.mj-chrome-show .mj-forms-panel-body--collapsed {\n  max-height: none;\n  padding: 0;\n  opacity: 1;\n}\n\n.mj-forms-layout--left-nav mj-collapsible-panel.mj-chrome-show .mj-forms-panel-content {\n  max-height: none;\n  padding: 0;\n  overflow: visible;\n}\n\n.mj-forms-layout--left-nav mj-collapsible-panel.mj-panel--related-entity.mj-chrome-show {\n  /* Content-sized (see RelatedGridHeightPx). Do not flex-fill leftover\n     column space \u2014 a form header above the grid can collapse that to 0. */\n  flex: 0 0 auto;\n  min-height: 0;\n}\n\n/* Accordion related panels use a 400px resizable box. Left-nav grids\n   set their own pixel height from row count (RelatedGridHeightPx). */\n.mj-forms-layout--left-nav mj-collapsible-panel.mj-panel--related-entity.mj-chrome-show .mj-forms-panel-content {\n  height: auto;\n  max-height: none;\n  overflow: hidden;\n  resize: none;\n}\n\n.mj-forms-layout--left-nav .mj-forms-all-panels {\n  gap: 0;\n  min-height: 0;\n  overflow-y: auto;\n}\n\n/* Details (field panels) can be taller than the viewport \u2014 scroll inside the\n   column. Related grids scroll inside AG Grid instead. */\n.mj-forms-layout--left-nav .mj-forms-all-panels:has(mj-collapsible-panel.mj-chrome-show:not(.mj-panel--related-entity)) {\n  overflow-y: auto;\n}\n\n.mj-forms-layout--left-nav .mj-forms-all-panels > *:not(mj-collapsible-panel.mj-panel--related-entity) {\n  flex-shrink: 0;\n}\n\n.mj-forms-layout--left-nav .biz-hero {\n  margin-bottom: 4px;\n}\n\n/* All panels in a single flex container \u2014 CSS order drives sequencing */\n.mj-forms-all-panels {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  flex: 1;\n  min-width: 0;\n}\n\n/* Hide related entity panels in edit mode (variant host class on mj-collapsible-panel) */\n.mj-forms-panels--edit-mode .mj-panel--related-entity,\n.mj-forms-panels--edit-mode .mj-forms-more-overflow {\n  display: none;\n}\n\n/* Detail / More panels sort after the overflow footer */\nmj-collapsible-panel.mj-form-role-detail,\nmj-collapsible-panel.mj-form-role-more {\n  order: 8500;\n}\n\n.mj-forms-more-overflow {\n  order: 8400;\n  display: flex;\n  flex-direction: column;\n  margin-top: 4px;\n  padding-top: 12px;\n  border-top: 1px dashed var(--mj-border-subtle);\n}\n\n.mj-forms-more-overflow-toggle {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  width: 100%;\n  padding: 6px 2px;\n  border: 0;\n  background: transparent;\n  color: var(--mj-text-muted);\n  font-size: var(--mj-text-sm);\n  cursor: pointer;\n  text-align: left;\n}\n\n.mj-forms-more-overflow-toggle:hover {\n  color: var(--mj-text-secondary);\n}\n\n.mj-forms-more-overflow-label {\n  font-weight: var(--mj-font-semibold);\n}\n\n.mj-forms-more-overflow-preview {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--mj-text-disabled);\n  font-weight: var(--mj-font-normal);\n}\n\n.mj-forms-more-overflow-toggle .fa-chevron-right,\n.mj-forms-more-overflow-toggle .fa-chevron-down {\n  margin-left: auto;\n}\n\n.mj-forms-chrome-rail {\n  flex: 0 0 auto;\n  width: 200px;\n  max-width: 360px;\n  min-width: 160px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  position: sticky;\n  top: 0;\n  align-self: stretch;\n  min-height: 0;\n  padding: 4px;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-subtle);\n  border-radius: var(--mj-radius-md);\n}\n\n.mj-forms-chrome-rail.is-resizing {\n  user-select: none;\n}\n\n.mj-forms-chrome-rail.is-collapsed {\n  flex: 0 0 36px;\n  width: 36px;\n  min-width: 36px;\n  max-width: 36px;\n  padding: 8px 0;\n  overflow: hidden;\n}\n\n.mj-forms-chrome-rail-resizer {\n  position: absolute;\n  top: 0;\n  right: -4px;\n  width: 8px;\n  height: 100%;\n  cursor: col-resize;\n  z-index: 3;\n  touch-action: none;\n}\n\n.mj-forms-chrome-rail-resizer::after {\n  content: '';\n  position: absolute;\n  top: 12px;\n  bottom: 12px;\n  left: 3px;\n  width: 2px;\n  border-radius: 1px;\n  background: transparent;\n}\n\n.mj-forms-chrome-rail:hover .mj-forms-chrome-rail-resizer::after,\n.mj-forms-chrome-rail.is-resizing .mj-forms-chrome-rail-resizer::after {\n  background: var(--mj-border-strong);\n}\n\n.mj-forms-layout--right-nav .mj-forms-chrome-rail-resizer {\n  right: auto;\n  left: -4px;\n}\n\n.mj-forms-chrome-rail-spine {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 10px;\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  padding: 8px 0;\n  border: 0;\n  background: transparent;\n  color: var(--mj-brand-primary);\n  cursor: pointer;\n}\n\n.mj-forms-chrome-rail-spine:hover {\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.mj-forms-chrome-rail-spine > i {\n  flex-shrink: 0;\n}\n\n.mj-forms-chrome-rail-spine-label {\n  writing-mode: vertical-rl;\n  transform: rotate(180deg);\n  letter-spacing: 0.04em;\n  font-size: var(--mj-text-sm);\n  font-weight: var(--mj-font-semibold);\n  color: var(--mj-text-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-height: 100%;\n}\n\n.mj-forms-chrome-rail-toolbar {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 2px;\n  padding: 2px 4px 6px;\n}\n\n.mj-forms-chrome-rail-pin,\n.mj-forms-chrome-rail-collapse {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 26px;\n  height: 26px;\n  border: 0;\n  border-radius: var(--mj-radius-sm);\n  background: transparent;\n  color: var(--mj-text-muted);\n  cursor: pointer;\n}\n\n.mj-forms-chrome-rail-pin:hover,\n.mj-forms-chrome-rail-collapse:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n}\n\n.mj-forms-chrome-rail-pin:not(.is-pinned) i {\n  transform: rotate(45deg);\n}\n\n.mj-forms-chrome-rail-pin.is-pinned {\n  color: var(--mj-brand-primary);\n}\n\n.mj-forms-chrome-rail-item {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n  padding: 10px 12px;\n  border: 0;\n  border-radius: var(--mj-radius-sm);\n  background: transparent;\n  color: var(--mj-text-muted);\n  font-size: var(--mj-text-sm);\n  text-align: left;\n  cursor: pointer;\n}\n\n.mj-forms-chrome-rail-item > i {\n  width: 1.15em;\n  flex-shrink: 0;\n  text-align: center;\n  color: inherit;\n}\n\n.mj-forms-chrome-rail-item:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n}\n\n.mj-forms-chrome-rail-item.is-active {\n  background: color-mix(in srgb, var(--mj-brand-primary) 16%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  font-weight: var(--mj-font-semibold);\n}\n\n.mj-forms-chrome-rail-item.is-active::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 6px;\n  bottom: 6px;\n  width: 3px;\n  border-radius: 0 3px 3px 0;\n  background: var(--mj-brand-primary);\n}\n\n.mj-forms-chrome-rail-item.is-active .mj-forms-chrome-rail-label {\n  color: var(--mj-brand-primary);\n}\n\n.mj-forms-chrome-rail-item.is-drag-over {\n  outline: 1px dashed var(--mj-border-focus);\n  outline-offset: -1px;\n}\n\n.mj-forms-chrome-rail-handle {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 14px;\n  height: 18px;\n  margin-left: -4px;\n  color: var(--mj-text-muted);\n  cursor: grab;\n  opacity: 0;\n  overflow: hidden;\n  flex-shrink: 0;\n  transition: opacity var(--mj-transition-base, 0.15s) ease;\n}\n\n.mj-forms-chrome-rail-item:hover .mj-forms-chrome-rail-handle,\n.mj-forms-chrome-rail-item.is-active .mj-forms-chrome-rail-handle {\n  opacity: 1;\n}\n\n.mj-forms-chrome-rail-handle.is-spacer {\n  opacity: 0;\n  pointer-events: none;\n  cursor: default;\n}\n\n.mj-forms-chrome-rail-handle:hover {\n  color: var(--mj-brand-primary);\n}\n\n.mj-forms-chrome-rail-handle:active {\n  cursor: grabbing;\n}\n\n.mj-forms-chrome-rail-item.is-more-folder {\n  position: relative;\n  margin-top: 14px;\n  padding-top: 14px;\n  color: var(--mj-text-muted);\n  border-radius: 0;\n}\n\n.mj-forms-chrome-rail-item.is-more-folder::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 8px;\n  right: 8px;\n  height: 1px;\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    var(--mj-border-strong) 18%,\n    var(--mj-border-strong) 82%,\n    transparent 100%\n  );\n}\n\n.mj-forms-chrome-rail-item.is-more-folder:hover {\n  background: transparent;\n  color: var(--mj-text-secondary);\n}\n\n.mj-forms-chrome-rail-item.is-more-folder.is-expanded {\n  color: var(--mj-text-secondary);\n}\n\n.mj-forms-chrome-rail-more-toggle {\n  margin-left: auto;\n  font-size: 10px;\n  color: var(--mj-text-muted);\n}\n\n.mj-forms-chrome-rail-more-tree {\n  margin-left: 22px;\n  padding-left: 6px;\n  border-left: 1px solid var(--mj-border-subtle);\n}\n\n.mj-forms-chrome-rail-item.is-more-child {\n  padding-left: 8px;\n}\n\n.mj-forms-chrome-rail-count.is-zero {\n  opacity: 0.55;\n}\n\n.mj-forms-chrome-rail-label {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.mj-forms-chrome-rail-count {\n  min-width: 1.25rem;\n  padding: 0 6px;\n  border-radius: var(--mj-radius-full);\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-muted);\n  font-size: var(--mj-text-xs);\n  text-align: center;\n}\n\n@media (max-width: 720px) {\n  .mj-forms-layout--left-nav {\n    flex-direction: column;\n  }\n\n  .mj-forms-chrome-rail {\n    flex: 1 1 auto;\n    width: 100%;\n    position: static;\n    flex-direction: row;\n    flex-wrap: wrap;\n  }\n\n  .mj-forms-chrome-rail-resizer {\n    display: none;\n  }\n\n  .mj-forms-chrome-rail.is-collapsed {\n    flex: 0 0 auto;\n    width: 100%;\n    min-width: 0;\n    max-width: none;\n    height: 36px;\n    padding: 0;\n  }\n\n  .mj-forms-chrome-rail-spine {\n    flex-direction: row;\n    padding: 0 12px;\n  }\n\n  .mj-forms-chrome-rail-spine-label {\n    writing-mode: horizontal-tb;\n    transform: none;\n    max-height: none;\n  }\n\n  .mj-forms-chrome-rail-toolbar {\n    width: 100%;\n  }\n\n  .mj-forms-chrome-rail-item {\n    width: auto;\n  }\n}\n\n/* ============================================\n   EMPTY SEARCH STATE\n   ============================================ */\n.mj-forms-empty-search-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 80px 24px;\n  text-align: center;\n  min-height: 400px;\n}\n\n.mj-forms-empty-search-icon {\n  width: 80px;\n  height: 80px;\n  border-radius: var(--mj-radius-full);\n  background: var(--mj-bg-surface-sunken);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 24px;\n}\n\n.mj-forms-empty-search-icon i {\n  font-size: 32px;\n  color: var(--mj-text-muted);\n}\n\n.mj-forms-empty-search-title {\n  font-size: var(--mj-text-xl);\n  font-weight: var(--mj-font-semibold);\n  color: var(--mj-text-primary);\n  margin: 0 0 12px 0;\n}\n\n.mj-forms-empty-search-message {\n  font-size: var(--mj-text-sm);\n  color: var(--mj-text-secondary);\n  line-height: 1.6;\n  max-width: 400px;\n  margin: 0;\n}\n\n.mj-forms-empty-search-message strong {\n  color: var(--mj-text-primary);\n  font-weight: var(--mj-font-semibold);\n}\n\n.mj-forms-empty-search-link {\n  color: var(--mj-brand-primary);\n  text-decoration: none;\n  font-weight: var(--mj-font-medium);\n}\n\n.mj-forms-empty-search-link:hover {\n  text-decoration: underline;\n}\n\n/* ============================================\n   RESPONSIVE\n   ============================================ */\n@media (max-width: 768px) {\n  .mj-forms-panels-container {\n    padding: 16px 12px 32px;\n  }\n}\n\n/* ====================================================================\n   VARIANT PICKER \u2014 between toolbar and form body\n   Compact \"Form: <name> \u25BE\" row that appears when more than one variant\n   is applicable for the current entity record.\n   ==================================================================== */\n\n.mj-form-variant-picker {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 6px 18px;\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.mj-form-variant-picker-icon {\n  color: var(--mj-brand-primary);\n  font-size: 12px;\n}\n.mj-form-variant-picker-label {\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n}\n.mj-form-variant-picker-control {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 10px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md, 8px);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n  cursor: pointer;\n  outline: none;\n  user-select: none;\n  min-width: 160px;\n}\n.mj-form-variant-picker-control:hover,\n.mj-form-variant-picker-control:focus,\n.mj-form-variant-picker-control.open {\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.mj-form-variant-picker-current {\n  font-weight: 600;\n  flex: 1;\n}\n.mj-form-variant-picker-menu {\n  position: absolute;\n  top: calc(100% + 4px);\n  left: 0;\n  z-index: 50;\n  min-width: 280px;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md, 8px);\n  box-shadow: var(--mj-shadow-md, 0 4px 12px rgba(15, 23, 42, 0.08));\n  padding: 4px;\n  max-height: 320px;\n  overflow: auto;\n}\n.mj-form-variant-picker-row {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 8px 10px;\n  border-radius: 6px;\n  cursor: pointer;\n}\n.mj-form-variant-picker-row:hover {\n  background: var(--mj-bg-surface-hover);\n}\n.mj-form-variant-picker-row.current {\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n}\n.mj-form-variant-picker-row.inactive {\n  opacity: 0.7;\n}\n.mj-form-variant-picker-row-main {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  flex: 1;\n  min-width: 0;\n}\n.mj-form-variant-picker-row-title {\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.mj-form-variant-picker-row-sub {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n}\n.mj-form-variant-picker-check {\n  color: var(--mj-brand-primary);\n  font-size: 11px;\n}\n\n/* Retrospective fix #8 \u2014 visually distinguish the Default row from variants. */\n.mj-form-variant-picker-row.mj-form-variant-picker-default {\n  border-bottom: 1px dashed var(--mj-border-default);\n  margin-bottom: 4px;\n  padding-bottom: 10px;\n}\n.mj-form-variant-picker-default-tag {\n  color: var(--mj-text-muted);\n  font-weight: 400;\n  font-size: 11px;\n  margin-left: 4px;\n}\n"], encapsulation: 2, changeDetection: 0 });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MjRecordFormContainerComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-record-form-container', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [FormSlotCoordinator], template: "<!-- ============================================\n     BEFORE-TOOLBAR SLOT\n     ============================================ -->\n<ng-content select=\"[before-toolbar]\"></ng-content>\n\n<!-- ============================================\n     TOOLBAR (bridges FormComponent state \u2192 toolbar inputs)\n     Hidden entirely when Config.Toolbar === null (dialog/slide-in surfaces).\n     ============================================ -->\n@if (EffectiveShowToolbar) {\n<mj-form-toolbar\n  [Record]=\"EffectiveRecord\"\n  [EditMode]=\"EffectiveEditMode\"\n  [UserCanEdit]=\"EffectiveUserCanEdit\"\n  [UserCanDelete]=\"EffectiveUserCanDelete\"\n  [IsFavorite]=\"EffectiveIsFavorite\"\n  [FavoriteInitDone]=\"EffectiveFavoriteInitDone\"\n  [IsDirty]=\"EffectiveIsDirty\"\n  [DirtyFieldNames]=\"EffectiveDirtyFieldNames\"\n  [ListCount]=\"ListCount\"\n  [TagCount]=\"TagCount\"\n  [VersionCount]=\"VersionCount\"\n  [EntityInfo]=\"EffectiveEntityInfo\"\n  [Config]=\"EffectiveToolbarConfig\"\n  [IsSaving]=\"EffectiveIsSaving\"\n  [VisibleSectionCount]=\"VisibleSectionCount\"\n  [TotalSectionCount]=\"TotalSectionCount\"\n  [ExpandedSectionCount]=\"ExpandedSectionCount\"\n  [SearchFilter]=\"EffectiveSearchFilter\"\n  [ShowEmptyFields]=\"EffectiveShowEmptyFields\"\n  [WidthMode]=\"EffectiveWidthMode\"\n  [HasCustomSectionOrder]=\"EffectiveHasCustomSectionOrder\"\n  [Variants]=\"EffectiveVariants\"\n  [CurrentVariantID]=\"EffectiveCurrentVariantID\"\n  (Navigate)=\"OnNavigate($event)\"\n  (EditModeChange)=\"OnEditModeChange($event)\"\n  (BeforeSave)=\"BeforeSave.emit($event)\"\n  (SaveRequested)=\"OnSaveRequested()\"\n  (BeforeCancel)=\"BeforeCancel.emit($event)\"\n  (CancelRequested)=\"OnCancelRequested()\"\n  (BeforeDelete)=\"BeforeDelete.emit($event)\"\n  (DeleteRequested)=\"OnDeleteRequested()\"\n  (FavoriteToggled)=\"OnFavoriteToggled()\"\n  (BeforeHistoryView)=\"BeforeHistoryView.emit($event)\"\n  (HistoryRequested)=\"OnHistoryRequested()\"\n  (BeforeListManagement)=\"BeforeListManagement.emit($event)\"\n  (ListManagementRequested)=\"OnListManagementRequested()\"\n  (ShowChangesRequested)=\"OnShowChangesRequested()\"\n  (CustomButtonClick)=\"CustomButtonClick.emit($event)\"\n  (FilterChange)=\"OnFilterChange($event)\"\n  (ExpandAllRequested)=\"OnExpandAll()\"\n  (CollapseAllRequested)=\"OnCollapseAll()\"\n  (ShowEmptyFieldsChange)=\"OnShowEmptyFieldsChange($event)\"\n  (WidthModeChange)=\"OnWidthModeChange($event)\"\n  (ResetSectionOrderRequested)=\"OnResetSectionOrder()\"\n  (ManageSectionsRequested)=\"OnManageSections()\"\n  (TagsPanelToggled)=\"OnTagsPanelToggled()\"\n  (VariantPicked)=\"OnVariantPicked($event)\">\n</mj-form-toolbar>\n}\n\n<!-- ============================================\n     SCROLL AREA (full-width so mouse wheel works anywhere)\n     Variant picker is now embedded in <mj-form-toolbar> as a right-side\n     button \u2014 see the [Variants]/[CurrentVariantID] inputs + (VariantPicked)\n     output on the toolbar above. Inline strip was removed.\n     ============================================ -->\n<div class=\"mj-forms-scroll-area\">\n  <div class=\"mj-forms-panels-container\"\n       [class.mj-forms-panels--full-width]=\"EffectiveWidthMode === 'full-width'\"\n       [class.mj-forms-panels--edit-mode]=\"EffectiveEditMode\"\n       [class.mj-forms-panels--has-isa-panel]=\"HasIsaRelatedItems\">\n    <!-- Flex row: form panels on left, ISA side panel on right -->\n    <div class=\"mj-forms-layout-row\">\n      <!-- All panels in a single flex container \u2014 CSS order drives sequencing -->\n      <div class=\"mj-forms-all-panels\">\n        <ng-content></ng-content>\n\n        <!--\n          Container-provided fallback slot. ALWAYS present \u2014 last in document\n          order \u2014 so any panel whose registered slot isn't found in the current\n          form falls through here via FormSlotCoordinator's chain. Downstream\n          consumers that haven't rerun CodeGen against the slot-emitting\n          template still see every panel; they just render at the bottom\n          instead of at their preferred position.\n        -->\n        @if (Record && FormComponent) {\n          <mj-form-panel-slot\n            [Entity]=\"Record.EntityInfo.Name\"\n            Slot=\"after-everything\"\n            [Record]=\"Record\"\n            [FormComponent]=\"FormComponent\">\n          </mj-form-panel-slot>\n        }\n\n        <!-- Empty state when no sections match search -->\n        @if (EffectiveSearchFilter && VisibleSectionCount === 0) {\n          <mj-empty-state class=\"mj-forms-empty-search-state\"\n            Variant=\"no-results\"\n            Title=\"No sections found\"\n            [Message]=\"'No sections match &quot;' + EffectiveSearchFilter + '&quot;. Try a different search term.'\"\n            ActionText=\"Clear search\"\n            ActionIcon=\"fa-solid fa-rotate-left\"\n            ActionVariant=\"flat\"\n            (Action)=\"OnFilterChange('')\" />\n        }\n      </div>\n\n      <!-- IS-A Related Records Side Panel -->\n      <mj-isa-related-panel\n        [Record]=\"EffectiveRecord\"\n        [EditMode]=\"EffectiveEditMode\"\n        [Collapsed]=\"EffectiveWidthMode === 'full-width'\"\n        (Navigate)=\"OnNavigate($event)\">\n      </mj-isa-related-panel>\n    </div>\n  </div>\n</div>\n\n<!-- ============================================\n     RECORD CHANGES DRAWER (shown when history button clicked)\n     ============================================ -->\n@if (ShowRecordChanges && EffectiveRecord) {\n  <mj-record-changes\n    [record]=\"EffectiveRecord\"\n    [AllowRestore]=\"EffectiveUserCanEdit\"\n    (RestoreRequested)=\"OnRestoreRequested($event)\"\n    (dialogClosed)=\"OnRecordChangesClosed()\">\n  </mj-record-changes>\n}\n\n<!-- ============================================\n     TAGS PANEL (shown when tags button clicked)\n     ============================================ -->\n@if (ShowTagsPanel && EffectiveRecord) {\n  <mj-record-tags\n    [Record]=\"EffectiveRecord\"\n    [WidthPx]=\"TagsPanelWidth\"\n    (PanelClosed)=\"OnTagsPanelClosed()\"\n    (TagCountChanged)=\"OnTagCountChanged($event)\"\n    (RecordNavigate)=\"OnTagsRecordNavigate($event)\"\n    (WidthChanged)=\"OnTagsPanelWidthChanged($event)\">\n  </mj-record-tags>\n}\n\n<!-- ============================================\n     LIST MANAGEMENT DIALOG (shown when lists button clicked)\n     ============================================ -->\n@if (ShowListManagement && EffectiveRecord) {\n  <mj-list-management-dialog\n    [visible]=\"ShowListManagement\"\n    [config]=\"{\n      mode: 'manage',\n      entityId: EffectiveRecord.EntityInfo.ID,\n      entityName: EffectiveRecord.EntityInfo.Name,\n      recordIds: [EffectiveRecord.PrimaryKey.Values()[0]],\n      allowCreate: true\n    }\"\n    (complete)=\"OnListManagementComplete($event)\"\n    (cancel)=\"OnListManagementClosed()\">\n  </mj-list-management-dialog>\n}\n\n<!-- ============================================\n     SECTION MANAGER DRAWER (shown when manage-sections button clicked)\n     ============================================ -->\n<mj-section-manager\n  [Sections]=\"SectionManagerItems\"\n  [SectionOrder]=\"SectionManagerOrder\"\n  [Visible]=\"ShowSectionManager\"\n  (SectionOrderChange)=\"OnSectionOrderChange($event)\"\n  (ResetRequested)=\"OnSectionManagerReset()\"\n  (Closed)=\"OnSectionManagerClosed()\">\n</mj-section-manager>\n", styles: ["/* ============================================\n   RECORD FORM CONTAINER \u2014 uses global --mj-* design tokens\n   Top-level wrapper: toolbar + scrollable content\n   ============================================ */\nmj-record-form-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n  position: relative;\n  overflow: hidden;\n}\n\n/* ViewEncapsulation.None fallback \u2014 ensure the element itself constrains overflow */\nmj-record-form-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n  position: relative;\n  overflow: hidden;\n}\n\n/* ============================================\n   SCROLL AREA (full-width so mouse wheel works anywhere)\n   ============================================ */\n.mj-forms-scroll-area {\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n  background: var(--mj-bg-page);\n}\n\n/* ============================================\n   PANELS CONTAINER (centered content within scroll area)\n   ============================================ */\n.mj-forms-panels-container {\n  padding: 24px 32px 48px;\n  max-width: 920px;\n  margin: 0 auto;\n  width: 100%;\n  box-sizing: border-box;\n}\n\n/* Widen max-width when ISA side panel is present */\n.mj-forms-panels--has-isa-panel {\n  max-width: 1240px;\n}\n\n.mj-forms-panels--full-width {\n  max-width: none;\n  padding-left: 24px;\n  padding-right: 24px;\n}\n\n/* Flex row layout: form panels + optional ISA side panel */\n.mj-forms-layout-row {\n  display: flex;\n  gap: 20px;\n  align-items: flex-start;\n}\n\n/* All panels in a single flex container \u2014 CSS order drives sequencing */\n.mj-forms-all-panels {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  flex: 1;\n  min-width: 0;\n}\n\n/* Hide related entity panels in edit mode (variant host class on mj-collapsible-panel) */\n.mj-forms-panels--edit-mode .mj-panel--related-entity {\n  display: none;\n}\n\n/* ============================================\n   EMPTY SEARCH STATE\n   ============================================ */\n.mj-forms-empty-search-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 80px 24px;\n  text-align: center;\n  min-height: 400px;\n}\n\n.mj-forms-empty-search-icon {\n  width: 80px;\n  height: 80px;\n  border-radius: var(--mj-radius-full);\n  background: var(--mj-bg-surface-sunken);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 24px;\n}\n\n.mj-forms-empty-search-icon i {\n  font-size: 32px;\n  color: var(--mj-text-muted);\n}\n\n.mj-forms-empty-search-title {\n  font-size: var(--mj-text-xl);\n  font-weight: var(--mj-font-semibold);\n  color: var(--mj-text-primary);\n  margin: 0 0 12px 0;\n}\n\n.mj-forms-empty-search-message {\n  font-size: var(--mj-text-sm);\n  color: var(--mj-text-secondary);\n  line-height: 1.6;\n  max-width: 400px;\n  margin: 0;\n}\n\n.mj-forms-empty-search-message strong {\n  color: var(--mj-text-primary);\n  font-weight: var(--mj-font-semibold);\n}\n\n.mj-forms-empty-search-link {\n  color: var(--mj-brand-primary);\n  text-decoration: none;\n  font-weight: var(--mj-font-medium);\n}\n\n.mj-forms-empty-search-link:hover {\n  text-decoration: underline;\n}\n\n/* ============================================\n   RESPONSIVE\n   ============================================ */\n@media (max-width: 768px) {\n  .mj-forms-panels-container {\n    padding: 16px 12px 32px;\n  }\n}\n\n/* ====================================================================\n   VARIANT PICKER \u2014 between toolbar and form body\n   Compact \"Form: <name> \u25BE\" row that appears when more than one variant\n   is applicable for the current entity record.\n   ==================================================================== */\n\n.mj-form-variant-picker {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 6px 18px;\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.mj-form-variant-picker-icon {\n  color: var(--mj-brand-primary);\n  font-size: 12px;\n}\n.mj-form-variant-picker-label {\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n}\n.mj-form-variant-picker-control {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 10px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md, 8px);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n  cursor: pointer;\n  outline: none;\n  user-select: none;\n  min-width: 160px;\n}\n.mj-form-variant-picker-control:hover,\n.mj-form-variant-picker-control:focus,\n.mj-form-variant-picker-control.open {\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.mj-form-variant-picker-current {\n  font-weight: 600;\n  flex: 1;\n}\n.mj-form-variant-picker-menu {\n  position: absolute;\n  top: calc(100% + 4px);\n  left: 0;\n  z-index: 50;\n  min-width: 280px;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md, 8px);\n  box-shadow: var(--mj-shadow-md, 0 4px 12px rgba(15, 23, 42, 0.08));\n  padding: 4px;\n  max-height: 320px;\n  overflow: auto;\n}\n.mj-form-variant-picker-row {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 8px 10px;\n  border-radius: 6px;\n  cursor: pointer;\n}\n.mj-form-variant-picker-row:hover {\n  background: var(--mj-bg-surface-hover);\n}\n.mj-form-variant-picker-row.current {\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n}\n.mj-form-variant-picker-row.inactive {\n  opacity: 0.7;\n}\n.mj-form-variant-picker-row-main {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  flex: 1;\n  min-width: 0;\n}\n.mj-form-variant-picker-row-title {\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.mj-form-variant-picker-row-sub {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n}\n.mj-form-variant-picker-check {\n  color: var(--mj-brand-primary);\n  font-size: 11px;\n}\n\n/* Retrospective fix #8 \u2014 visually distinguish the Default row from variants. */\n.mj-form-variant-picker-row.mj-form-variant-picker-default {\n  border-bottom: 1px dashed var(--mj-border-default);\n  margin-bottom: 4px;\n  padding-bottom: 10px;\n}\n.mj-form-variant-picker-default-tag {\n  color: var(--mj-text-muted);\n  font-weight: 400;\n  font-size: 11px;\n  margin-left: 4px;\n}\n"] }]
+        args: [{ standalone: false, selector: 'mj-record-form-container', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [FormSlotCoordinator, FormChromeCoordinator, FormRecordRefreshCoordinator], template: "<!-- ============================================\n     BEFORE-TOOLBAR SLOT\n     ============================================ -->\n<ng-content select=\"[before-toolbar]\"></ng-content>\n\n<!-- ============================================\n     TOOLBAR (bridges FormComponent state \u2192 toolbar inputs)\n     Hidden entirely when Config.Toolbar === null (dialog/slide-in surfaces).\n     ============================================ -->\n@if (EffectiveShowToolbar) {\n<mj-form-toolbar\n  [Record]=\"EffectiveRecord\"\n  [EditMode]=\"EffectiveEditMode\"\n  [UserCanEdit]=\"EffectiveUserCanEdit\"\n  [UserCanDelete]=\"EffectiveUserCanDelete\"\n  [IsFavorite]=\"EffectiveIsFavorite\"\n  [FavoriteInitDone]=\"EffectiveFavoriteInitDone\"\n  [IsDirty]=\"EffectiveIsDirty\"\n  [DirtyFieldNames]=\"EffectiveDirtyFieldNames\"\n  [ListCount]=\"ListCount\"\n  [TagCount]=\"TagCount\"\n  [AttachmentCount]=\"AttachmentCount\"\n  [AttachmentsAvailable]=\"AttachmentsAvailable\"\n  [IsAttachmentsPanelOpen]=\"ShowAttachmentsPanel\"\n  [VersionCount]=\"VersionCount\"\n  [EntityInfo]=\"EffectiveEntityInfo\"\n  [Config]=\"EffectiveToolbarConfig\"\n  [IsSaving]=\"EffectiveIsSaving\"\n  [IsRefreshing]=\"EffectiveIsRefreshing\"\n  [VisibleSectionCount]=\"VisibleSectionCount\"\n  [TotalSectionCount]=\"TotalSectionCount\"\n  [ExpandedSectionCount]=\"ExpandedSectionCount\"\n  [SearchFilter]=\"EffectiveSearchFilter\"\n  [ShowEmptyFields]=\"EffectiveShowEmptyFields\"\n  [WidthMode]=\"EffectiveWidthMode\"\n  [HasCustomSectionOrder]=\"EffectiveHasCustomSectionOrder\"\n  [ChromeLayout]=\"ChromeLayout\"\n  [Variants]=\"EffectiveVariants\"\n  [CurrentVariantID]=\"EffectiveCurrentVariantID\"\n  [RegisteredItems]=\"EffectiveRegisteredToolbarItems\"\n  [ItemOverrides]=\"EffectiveToolbarItemOverrides\"\n  [FormComponent]=\"fc\"\n  (Navigate)=\"OnNavigate($event)\"\n  (EditModeChange)=\"OnEditModeChange($event)\"\n  (BeforeSave)=\"BeforeSave.emit($event)\"\n  (SaveRequested)=\"OnSaveRequested()\"\n  (BeforeCancel)=\"BeforeCancel.emit($event)\"\n  (CancelRequested)=\"OnCancelRequested()\"\n  (BeforeDelete)=\"BeforeDelete.emit($event)\"\n  (DeleteRequested)=\"OnDeleteRequested()\"\n  (BeforeRefresh)=\"BeforeRefresh.emit($event)\"\n  (RefreshRequested)=\"OnRefreshRequested()\"\n  (FavoriteToggled)=\"OnFavoriteToggled()\"\n  (BeforeHistoryView)=\"BeforeHistoryView.emit($event)\"\n  (HistoryRequested)=\"OnHistoryRequested()\"\n  (BeforeListManagement)=\"BeforeListManagement.emit($event)\"\n  (ListManagementRequested)=\"OnListManagementRequested()\"\n  (ShowChangesRequested)=\"OnShowChangesRequested()\"\n  (CustomButtonClick)=\"CustomButtonClick.emit($event)\"\n  (ToolbarItemClick)=\"ToolbarItemClick.emit($event)\"\n  (FilterChange)=\"OnFilterChange($event)\"\n  (ExpandAllRequested)=\"OnExpandAll()\"\n  (CollapseAllRequested)=\"OnCollapseAll()\"\n  (ShowEmptyFieldsChange)=\"OnShowEmptyFieldsChange($event)\"\n  (WidthModeChange)=\"OnWidthModeChange($event)\"\n  (ResetSectionOrderRequested)=\"OnResetSectionOrder()\"\n  (ManageSectionsRequested)=\"OnManageSections()\"\n  (TagsPanelToggled)=\"OnTagsPanelToggled()\"\n  (AttachmentsPanelToggled)=\"OnAttachmentsPanelToggled()\"\n  (VariantPicked)=\"OnVariantPicked($event)\">\n</mj-form-toolbar>\n}\n\n<!-- ============================================\n     SCROLL AREA (full-width so mouse wheel works anywhere)\n     Variant picker is now embedded in <mj-form-toolbar> as a right-side\n     button \u2014 see the [Variants]/[CurrentVariantID] inputs + (VariantPicked)\n     output on the toolbar above. Inline strip was removed.\n     ============================================ -->\n<div class=\"mj-forms-scroll-area\">\n  <div class=\"mj-forms-panels-container\"\n       [class.mj-forms-panels--full-width]=\"EffectiveWidthMode === 'full-width'\"\n       [class.mj-forms-panels--edit-mode]=\"EffectiveEditMode\"\n       [class.mj-forms-panels--has-isa-panel]=\"HasIsaRelatedItems\">\n    <!-- Flex row: optional left-nav + form panels + ISA side panel -->\n    <div class=\"mj-forms-layout-row\"\n         [class.mj-forms-layout--left-nav]=\"ChromeLayout === 'left-nav'\"\n         [class.mj-forms-layout--accordion]=\"ChromeLayout === 'accordion'\"\n         [class.mj-forms-layout--more]=\"IsChromeMoreActive\">\n      @if (ShowChromeRail) {\n        <nav class=\"mj-forms-chrome-rail\"\n             [class.is-collapsed]=\"ChromeRailCollapsed\"\n             [class.is-resizing]=\"RailResizing\"\n             [style.width.px]=\"ChromeRailCollapsed ? null : ChromeRailWidthPx\"\n             [attr.aria-expanded]=\"!ChromeRailCollapsed\"\n             aria-label=\"Form sections\">\n          @if (ChromeRailCollapsed) {\n            <button type=\"button\"\n                    class=\"mj-forms-chrome-rail-spine\"\n                    (click)=\"OnChromeRailExpand()\"\n                    [attr.aria-label]=\"'Show form sections \u2014 ' + ChromeActiveTitle\"\n                    [title]=\"'Show sections \u2014 ' + ChromeActiveTitle\">\n              <i [class]=\"ChromeActiveIcon\"></i>\n              <span class=\"mj-forms-chrome-rail-spine-label\"\n                    (mouseenter)=\"OnRailLabelHover($event, ChromeActiveTitle)\">{{ ChromeActiveTitle }}</span>\n            </button>\n          } @else {\n            <div class=\"mj-forms-chrome-rail-resizer\"\n                 role=\"separator\"\n                 aria-orientation=\"vertical\"\n                 [attr.aria-valuenow]=\"ChromeRailWidthPx\"\n                 [attr.aria-valuemin]=\"RailWidthMin\"\n                 [attr.aria-valuemax]=\"RailWidthMax\"\n                 title=\"Drag to resize sections\"\n                 (pointerdown)=\"OnRailResizeStart($event)\"\n                 (pointermove)=\"OnRailResizeMove($event)\"\n                 (pointerup)=\"OnRailResizeEnd()\"\n                 (pointercancel)=\"OnRailResizeEnd()\"></div>\n            <div class=\"mj-forms-chrome-rail-toolbar\">\n              <button type=\"button\"\n                      class=\"mj-forms-chrome-rail-pin\"\n                      [class.is-pinned]=\"ChromeRailPinned\"\n                      [attr.aria-pressed]=\"ChromeRailPinned\"\n                      [title]=\"ChromeRailPinned ? 'Unpin sections \u2014 they hide after you switch' : 'Pin sections open'\"\n                      (click)=\"OnChromeRailPinToggle()\">\n                <i class=\"fa-solid fa-thumbtack\"></i>\n              </button>\n              <button type=\"button\"\n                      class=\"mj-forms-chrome-rail-collapse\"\n                      title=\"Hide sections\"\n                      aria-label=\"Hide form sections\"\n                      (click)=\"OnChromeRailCollapse()\">\n                <i class=\"fa-solid fa-angles-left\"></i>\n              </button>\n            </div>\n          @for (group of ChromeFirstClassGroups; track group.Key) {\n            <div class=\"mj-forms-chrome-rail-item\"\n                 role=\"button\"\n                 tabindex=\"0\"\n                 [class.is-active]=\"ChromeActiveGroupKey === group.Key\"\n                 [attr.aria-current]=\"ChromeActiveGroupKey === group.Key ? 'page' : null\"\n                 [class.is-drag-over]=\"RailDragOverKey === group.Key\"\n                 (click)=\"OnChromeGroupActivate(group.Key)\"\n                 (keydown.enter)=\"OnChromeGroupActivate(group.Key)\"\n                 (keydown.space)=\"$event.preventDefault(); OnChromeGroupActivate(group.Key)\"\n                 (dragover)=\"OnRailDragOver($event, group.Key)\"\n                 (dragleave)=\"OnRailDragLeave($event, group.Key)\"\n                 (drop)=\"OnRailDrop($event, group.Key)\">\n              @if (ChromeReorderAllowed) {\n                <span class=\"mj-forms-chrome-rail-handle\"\n                      title=\"Drag to reorder\"\n                      draggable=\"true\"\n                      (dragstart)=\"OnRailDragStart($event, group.Key)\"\n                      (dragend)=\"OnRailDragEnd()\"\n                      (click)=\"$event.stopPropagation()\">\n                  <i class=\"fa-solid fa-grip-vertical\"></i>\n                </span>\n              }\n              <i [class]=\"group.Icon\"></i>\n              <span class=\"mj-forms-chrome-rail-label\"\n                    (mouseenter)=\"OnRailLabelHover($event, group.Title)\">{{ group.Title }}</span>\n              @let rowCount = ChromeGroupRowCount(group);\n              @if (rowCount != null) {\n                <span class=\"mj-forms-chrome-rail-count\"\n                      [class.is-zero]=\"rowCount === 0\">{{ rowCount }}</span>\n              }\n            </div>\n          }\n          @if (ChromeMoreFolder; as more) {\n            <div class=\"mj-forms-chrome-rail-item is-more-folder\"\n                 role=\"button\"\n                 tabindex=\"0\"\n                 [class.is-expanded]=\"MoreExpanded\"\n                 (click)=\"OnMoreFolderToggle()\"\n                 (keydown.enter)=\"OnMoreFolderToggle()\"\n                 (keydown.space)=\"$event.preventDefault(); OnMoreFolderToggle()\">\n              <span class=\"mj-forms-chrome-rail-handle is-spacer\" aria-hidden=\"true\"></span>\n              <i [class]=\"MoreExpanded ? 'fa-solid fa-folder-open' : 'fa-solid fa-folder'\"></i>\n              <span class=\"mj-forms-chrome-rail-label\"\n                    (mouseenter)=\"OnRailLabelHover($event, more.Title)\">{{ more.Title }}</span>\n              <i class=\"fa-solid mj-forms-chrome-rail-more-toggle\"\n                 [class.fa-minus]=\"MoreExpanded\"\n                 [class.fa-plus]=\"!MoreExpanded\"\n                 aria-hidden=\"true\"></i>\n            </div>\n            @if (MoreExpanded) {\n              <div class=\"mj-forms-chrome-rail-more-tree\">\n              @for (child of ChromeMoreItems; track child.Key) {\n                <div class=\"mj-forms-chrome-rail-item is-more-child\"\n                     role=\"button\"\n                     tabindex=\"0\"\n                     [class.is-active]=\"ChromeActiveGroupKey === child.Key\"\n                     [attr.aria-current]=\"ChromeActiveGroupKey === child.Key ? 'page' : null\"\n                     [class.is-drag-over]=\"RailDragOverKey === child.Key\"\n                     (click)=\"OnChromeGroupActivate(child.Key)\"\n                     (keydown.enter)=\"OnChromeGroupActivate(child.Key)\"\n                     (keydown.space)=\"$event.preventDefault(); OnChromeGroupActivate(child.Key)\"\n                     (dragover)=\"OnRailDragOver($event, child.Key)\"\n                     (dragleave)=\"OnRailDragLeave($event, child.Key)\"\n                     (drop)=\"OnRailDrop($event, child.Key)\">\n                  @if (ChromeReorderAllowed) {\n                    <span class=\"mj-forms-chrome-rail-handle\"\n                          title=\"Drag to reorder\"\n                          draggable=\"true\"\n                          (dragstart)=\"OnRailDragStart($event, child.Key)\"\n                          (dragend)=\"OnRailDragEnd()\"\n                          (click)=\"$event.stopPropagation()\">\n                      <i class=\"fa-solid fa-grip-vertical\"></i>\n                    </span>\n                  }\n                  <i [class]=\"child.Icon\"></i>\n                  <span class=\"mj-forms-chrome-rail-label\"\n                        (mouseenter)=\"OnRailLabelHover($event, child.Title)\">{{ child.Title }}</span>\n                  @let childCount = ChromeGroupRowCount(child);\n                  @if (childCount != null) {\n                    <span class=\"mj-forms-chrome-rail-count\"\n                          [class.is-zero]=\"childCount === 0\">{{ childCount }}</span>\n                  }\n                </div>\n              }\n              </div>\n            }\n          }\n          }\n        </nav>\n      }\n      <!-- All panels in a single flex container \u2014 CSS order drives sequencing -->\n      <div class=\"mj-forms-all-panels\">\n        <ng-content></ng-content>\n\n        <!--\n          Fill-in related grids for DisplayInForm relationships the template\n          did not bake and no registered panel claimed. Claimed / extra panels\n          still mount via mj-form-panel-slot. See plans/form-contributions.md.\n        -->\n        @if (Record && FormComponent) {\n          <mj-form-contributions\n            [Record]=\"Record\"\n            [FormComponent]=\"FormComponent\"\n            [FormContext]=\"FormComponent.formContext\"\n            [BakedSectionKeys]=\"BakedRelatedSectionKeys\"\n            [ShowRelatedEntities]=\"EffectiveShowRelatedEntities\">\n          </mj-form-contributions>\n        }\n\n        <!--\n          Container-provided fallback slot. ALWAYS present \u2014 last in document\n          order \u2014 so any panel whose registered slot isn't found in the current\n          form falls through here via FormSlotCoordinator's chain. Downstream\n          consumers that haven't rerun CodeGen against the slot-emitting\n          template still see every panel; they just render at the bottom\n          instead of at their preferred position.\n        -->\n        @if (ShowMoreToggle) {\n          <div class=\"mj-forms-more-overflow\" [class.is-expanded]=\"MoreExpanded\">\n            <button type=\"button\"\n                    class=\"mj-forms-more-overflow-toggle\"\n                    (click)=\"OnMoreToggle()\">\n              <i [class]=\"MoreExpanded ? 'fa-solid fa-folder-open' : 'fa-solid fa-folder'\"></i>\n              <span class=\"mj-forms-more-overflow-label\">{{ MoreExpanded ? 'Hide more' : 'More' }}</span>\n              @if (!MoreExpanded && MorePreview) {\n                <span class=\"mj-forms-more-overflow-preview\">{{ MorePreview }}</span>\n              }\n              <i class=\"fa-solid\"\n                 [class.fa-chevron-down]=\"MoreExpanded\"\n                 [class.fa-chevron-right]=\"!MoreExpanded\"></i>\n            </button>\n          </div>\n        }\n\n        @if (Record && FormComponent) {\n          <mj-form-panel-slot\n            [Entity]=\"Record.EntityInfo.Name\"\n            Slot=\"after-everything\"\n            [Record]=\"Record\"\n            [FormComponent]=\"FormComponent\">\n          </mj-form-panel-slot>\n        }\n\n        <!-- Empty state when no sections match search -->\n        @if (EffectiveSearchFilter && SearchHasNoMatches) {\n          <mj-empty-state class=\"mj-forms-empty-search-state\"\n            Variant=\"no-results\"\n            Title=\"No sections found\"\n            [Message]=\"'No sections match &quot;' + EffectiveSearchFilter + '&quot;. Try a different search term.'\"\n            ActionText=\"Clear search\"\n            ActionIcon=\"fa-solid fa-rotate-left\"\n            ActionVariant=\"flat\"\n            (Action)=\"OnFilterChange('')\" />\n        }\n      </div>\n\n      <!-- IS-A Related Records Side Panel -->\n      <mj-isa-related-panel\n        [Record]=\"EffectiveRecord\"\n        [EditMode]=\"EffectiveEditMode\"\n        [Collapsed]=\"EffectiveWidthMode === 'full-width'\"\n        (Navigate)=\"OnNavigate($event)\">\n      </mj-isa-related-panel>\n    </div>\n  </div>\n</div>\n\n<!-- ============================================\n     RECORD CHANGES DRAWER (shown when history button clicked)\n     ============================================ -->\n@if (ShowRecordChanges && EffectiveRecord) {\n  <mj-record-changes\n    [record]=\"EffectiveRecord\"\n    [AllowRestore]=\"EffectiveUserCanEdit\"\n    (RestoreRequested)=\"OnRestoreRequested($event)\"\n    (dialogClosed)=\"OnRecordChangesClosed()\">\n  </mj-record-changes>\n}\n\n<!-- ============================================\n     TAGS PANEL (shown when tags button clicked)\n     ============================================ -->\n@if (ShowTagsPanel && EffectiveRecord) {\n  <mj-record-tags\n    [Record]=\"EffectiveRecord\"\n    [WidthPx]=\"TagsPanelWidth\"\n    (PanelClosed)=\"OnTagsPanelClosed()\"\n    (TagCountChanged)=\"OnTagCountChanged($event)\"\n    (RecordNavigate)=\"OnTagsRecordNavigate($event)\"\n    (WidthChanged)=\"OnTagsPanelWidthChanged($event)\">\n  </mj-record-tags>\n}\n\n<!-- ============================================\n     ATTACHMENTS PANEL (shown when attachments button clicked)\n     ============================================ -->\n@if (ShowAttachmentsPanel && AttachmentsAvailable && EffectiveRecord) {\n  <mj-record-attachments\n    [Record]=\"EffectiveRecord\"\n    [Visible]=\"true\"\n    (PanelClosed)=\"OnAttachmentsPanelClosed()\"\n    (AttachmentCountChanged)=\"OnAttachmentCountChanged($event)\">\n  </mj-record-attachments>\n}\n\n<!-- ============================================\n     LIST MANAGEMENT DIALOG (shown when lists button clicked)\n     ============================================ -->\n@if (ShowListManagement && EffectiveRecord) {\n  <mj-list-management-dialog\n    [visible]=\"ShowListManagement\"\n    [config]=\"{\n      mode: 'manage',\n      entityId: EffectiveRecord.EntityInfo.ID,\n      entityName: EffectiveRecord.EntityInfo.Name,\n      recordIds: [EffectiveRecord.PrimaryKey.Values()[0]],\n      allowCreate: true\n    }\"\n    (complete)=\"OnListManagementComplete($event)\"\n    (cancel)=\"OnListManagementClosed()\">\n  </mj-list-management-dialog>\n}\n\n<!-- ============================================\n     SECTION MANAGER DRAWER (shown when manage-sections button clicked)\n     ============================================ -->\n<mj-section-manager\n  [Sections]=\"SectionManagerItems\"\n  [SectionOrder]=\"SectionManagerOrder\"\n  [MoreSectionKeys]=\"SectionManagerMoreKeys\"\n  [LockedMoreKeys]=\"SectionManagerLockedMoreKeys\"\n  [Visible]=\"ShowSectionManager\"\n  (SectionOrderChange)=\"OnSectionOrderChange($event)\"\n  (MembershipChange)=\"OnChromeMembershipChange($event)\"\n  (ResetRequested)=\"OnSectionManagerReset()\"\n  (Closed)=\"OnSectionManagerClosed()\">\n</mj-section-manager>\n", styles: ["/* ============================================\n   RECORD FORM CONTAINER \u2014 uses global --mj-* design tokens\n   Top-level wrapper: toolbar + scrollable content\n   ============================================ */\nmj-record-form-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n  position: relative;\n  overflow: hidden;\n}\n\n/* ViewEncapsulation.None fallback \u2014 ensure the element itself constrains overflow */\nmj-record-form-container {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n  position: relative;\n  overflow: hidden;\n}\n\n/* ============================================\n   SCROLL AREA (full-width so mouse wheel works anywhere)\n   ============================================ */\n.mj-forms-scroll-area {\n  flex: 1;\n  overflow-y: auto;\n  overflow-x: hidden;\n  background: var(--mj-bg-page);\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n}\n\n/* ============================================\n   PANELS CONTAINER (centered content within scroll area)\n   ============================================ */\n.mj-forms-panels-container {\n  padding: 24px 32px 48px;\n  max-width: 920px;\n  margin: 0 auto;\n  width: 100%;\n  box-sizing: border-box;\n  flex: 1;\n  min-height: 0;\n}\n\n/* Widen max-width when ISA side panel is present */\n.mj-forms-panels--has-isa-panel {\n  max-width: 1240px;\n}\n\n.mj-forms-panels--full-width {\n  max-width: none;\n  padding-left: 24px;\n  padding-right: 24px;\n}\n\n/* Flex row layout: form panels + optional ISA side panel */\n.mj-forms-layout-row {\n  display: flex;\n  gap: 20px;\n  align-items: flex-start;\n}\n\n.mj-forms-panels-container:has(.mj-forms-layout--left-nav) {\n  padding: 16px 20px 24px;\n  display: flex;\n  flex-direction: column;\n  /* Definite height = the scroll-area's client box. min-height: 100% alone\n     lets the column grow with content and never gives related grids a\n     containing-block height, so Height:auto (100%) on the grid collapses. */\n  height: 100%;\n  max-height: 100%;\n  min-height: 0;\n  overflow: hidden;\n  box-sizing: border-box;\n}\n\n/* Centered left-nav keeps the form column at the same 920px as accordion,\n   plus the rail. Full-width still uses .mj-forms-panels--full-width. */\n.mj-forms-panels-container:has(.mj-forms-layout--left-nav):not(.mj-forms-panels--full-width) {\n  max-width: 1160px;\n}\n\n.mj-forms-layout-row.mj-forms-layout--left-nav {\n  flex: 1;\n  min-height: 0;\n  /* Wins over .mj-forms-layout-row { align-items: flex-start } so the\n     body column stretches to the rail / viewport instead of hugging content. */\n  align-items: stretch;\n  gap: 16px;\n}\n\n/* Left-nav: only the active rail item is in the body. Slot-mounted\n   panels never inject the container coordinator, so host classes set\n   from the container are the hide/show channel that always reaches them. */\n.mj-forms-layout--left-nav mj-collapsible-panel.mj-chrome-hidden,\n.mj-forms-layout--accordion mj-collapsible-panel.mj-chrome-hidden {\n  display: none;\n}\n\n/* Selected item: no accordion chrome \u2014 the rail is the header. */\n.mj-forms-layout--left-nav mj-collapsible-panel.mj-chrome-show .mj-forms-panel-header {\n  display: none;\n}\n\n.mj-forms-layout--left-nav mj-collapsible-panel.mj-chrome-show .mj-forms-panel {\n  box-shadow: none;\n  border: 0;\n  background: transparent;\n  border-radius: 0;\n}\n\n.mj-forms-layout--left-nav mj-collapsible-panel.mj-chrome-show .mj-forms-panel-body--collapsed {\n  max-height: none;\n  padding: 0;\n  opacity: 1;\n}\n\n.mj-forms-layout--left-nav mj-collapsible-panel.mj-chrome-show .mj-forms-panel-content {\n  max-height: none;\n  padding: 0;\n  overflow: visible;\n}\n\n.mj-forms-layout--left-nav mj-collapsible-panel.mj-panel--related-entity.mj-chrome-show {\n  /* Content-sized (see RelatedGridHeightPx). Do not flex-fill leftover\n     column space \u2014 a form header above the grid can collapse that to 0. */\n  flex: 0 0 auto;\n  min-height: 0;\n}\n\n/* Accordion related panels use a 400px resizable box. Left-nav grids\n   set their own pixel height from row count (RelatedGridHeightPx). */\n.mj-forms-layout--left-nav mj-collapsible-panel.mj-panel--related-entity.mj-chrome-show .mj-forms-panel-content {\n  height: auto;\n  max-height: none;\n  overflow: hidden;\n  resize: none;\n}\n\n.mj-forms-layout--left-nav .mj-forms-all-panels {\n  gap: 0;\n  min-height: 0;\n  overflow-y: auto;\n}\n\n/* Details (field panels) can be taller than the viewport \u2014 scroll inside the\n   column. Related grids scroll inside AG Grid instead. */\n.mj-forms-layout--left-nav .mj-forms-all-panels:has(mj-collapsible-panel.mj-chrome-show:not(.mj-panel--related-entity)) {\n  overflow-y: auto;\n}\n\n.mj-forms-layout--left-nav .mj-forms-all-panels > *:not(mj-collapsible-panel.mj-panel--related-entity) {\n  flex-shrink: 0;\n}\n\n.mj-forms-layout--left-nav .biz-hero {\n  margin-bottom: 4px;\n}\n\n/* All panels in a single flex container \u2014 CSS order drives sequencing */\n.mj-forms-all-panels {\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  flex: 1;\n  min-width: 0;\n}\n\n/* Hide related entity panels in edit mode (variant host class on mj-collapsible-panel) */\n.mj-forms-panels--edit-mode .mj-panel--related-entity,\n.mj-forms-panels--edit-mode .mj-forms-more-overflow {\n  display: none;\n}\n\n/* Detail / More panels sort after the overflow footer */\nmj-collapsible-panel.mj-form-role-detail,\nmj-collapsible-panel.mj-form-role-more {\n  order: 8500;\n}\n\n.mj-forms-more-overflow {\n  order: 8400;\n  display: flex;\n  flex-direction: column;\n  margin-top: 4px;\n  padding-top: 12px;\n  border-top: 1px dashed var(--mj-border-subtle);\n}\n\n.mj-forms-more-overflow-toggle {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  width: 100%;\n  padding: 6px 2px;\n  border: 0;\n  background: transparent;\n  color: var(--mj-text-muted);\n  font-size: var(--mj-text-sm);\n  cursor: pointer;\n  text-align: left;\n}\n\n.mj-forms-more-overflow-toggle:hover {\n  color: var(--mj-text-secondary);\n}\n\n.mj-forms-more-overflow-label {\n  font-weight: var(--mj-font-semibold);\n}\n\n.mj-forms-more-overflow-preview {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  color: var(--mj-text-disabled);\n  font-weight: var(--mj-font-normal);\n}\n\n.mj-forms-more-overflow-toggle .fa-chevron-right,\n.mj-forms-more-overflow-toggle .fa-chevron-down {\n  margin-left: auto;\n}\n\n.mj-forms-chrome-rail {\n  flex: 0 0 auto;\n  width: 200px;\n  max-width: 360px;\n  min-width: 160px;\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  position: sticky;\n  top: 0;\n  align-self: stretch;\n  min-height: 0;\n  padding: 4px;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-subtle);\n  border-radius: var(--mj-radius-md);\n}\n\n.mj-forms-chrome-rail.is-resizing {\n  user-select: none;\n}\n\n.mj-forms-chrome-rail.is-collapsed {\n  flex: 0 0 36px;\n  width: 36px;\n  min-width: 36px;\n  max-width: 36px;\n  padding: 8px 0;\n  overflow: hidden;\n}\n\n.mj-forms-chrome-rail-resizer {\n  position: absolute;\n  top: 0;\n  right: -4px;\n  width: 8px;\n  height: 100%;\n  cursor: col-resize;\n  z-index: 3;\n  touch-action: none;\n}\n\n.mj-forms-chrome-rail-resizer::after {\n  content: '';\n  position: absolute;\n  top: 12px;\n  bottom: 12px;\n  left: 3px;\n  width: 2px;\n  border-radius: 1px;\n  background: transparent;\n}\n\n.mj-forms-chrome-rail:hover .mj-forms-chrome-rail-resizer::after,\n.mj-forms-chrome-rail.is-resizing .mj-forms-chrome-rail-resizer::after {\n  background: var(--mj-border-strong);\n}\n\n.mj-forms-layout--right-nav .mj-forms-chrome-rail-resizer {\n  right: auto;\n  left: -4px;\n}\n\n.mj-forms-chrome-rail-spine {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 10px;\n  width: 100%;\n  height: 100%;\n  min-height: 0;\n  padding: 8px 0;\n  border: 0;\n  background: transparent;\n  color: var(--mj-brand-primary);\n  cursor: pointer;\n}\n\n.mj-forms-chrome-rail-spine:hover {\n  background: color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n\n.mj-forms-chrome-rail-spine > i {\n  flex-shrink: 0;\n}\n\n.mj-forms-chrome-rail-spine-label {\n  writing-mode: vertical-rl;\n  transform: rotate(180deg);\n  letter-spacing: 0.04em;\n  font-size: var(--mj-text-sm);\n  font-weight: var(--mj-font-semibold);\n  color: var(--mj-text-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-height: 100%;\n}\n\n.mj-forms-chrome-rail-toolbar {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: 2px;\n  padding: 2px 4px 6px;\n}\n\n.mj-forms-chrome-rail-pin,\n.mj-forms-chrome-rail-collapse {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 26px;\n  height: 26px;\n  border: 0;\n  border-radius: var(--mj-radius-sm);\n  background: transparent;\n  color: var(--mj-text-muted);\n  cursor: pointer;\n}\n\n.mj-forms-chrome-rail-pin:hover,\n.mj-forms-chrome-rail-collapse:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n}\n\n.mj-forms-chrome-rail-pin:not(.is-pinned) i {\n  transform: rotate(45deg);\n}\n\n.mj-forms-chrome-rail-pin.is-pinned {\n  color: var(--mj-brand-primary);\n}\n\n.mj-forms-chrome-rail-item {\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  width: 100%;\n  padding: 10px 12px;\n  border: 0;\n  border-radius: var(--mj-radius-sm);\n  background: transparent;\n  color: var(--mj-text-muted);\n  font-size: var(--mj-text-sm);\n  text-align: left;\n  cursor: pointer;\n}\n\n.mj-forms-chrome-rail-item > i {\n  width: 1.15em;\n  flex-shrink: 0;\n  text-align: center;\n  color: inherit;\n}\n\n.mj-forms-chrome-rail-item:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n}\n\n.mj-forms-chrome-rail-item.is-active {\n  background: color-mix(in srgb, var(--mj-brand-primary) 16%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n  font-weight: var(--mj-font-semibold);\n}\n\n.mj-forms-chrome-rail-item.is-active::before {\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 6px;\n  bottom: 6px;\n  width: 3px;\n  border-radius: 0 3px 3px 0;\n  background: var(--mj-brand-primary);\n}\n\n.mj-forms-chrome-rail-item.is-active .mj-forms-chrome-rail-label {\n  color: var(--mj-brand-primary);\n}\n\n.mj-forms-chrome-rail-item.is-drag-over {\n  outline: 1px dashed var(--mj-border-focus);\n  outline-offset: -1px;\n}\n\n.mj-forms-chrome-rail-handle {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 14px;\n  height: 18px;\n  margin-left: -4px;\n  color: var(--mj-text-muted);\n  cursor: grab;\n  opacity: 0;\n  overflow: hidden;\n  flex-shrink: 0;\n  transition: opacity var(--mj-transition-base, 0.15s) ease;\n}\n\n.mj-forms-chrome-rail-item:hover .mj-forms-chrome-rail-handle,\n.mj-forms-chrome-rail-item.is-active .mj-forms-chrome-rail-handle {\n  opacity: 1;\n}\n\n.mj-forms-chrome-rail-handle.is-spacer {\n  opacity: 0;\n  pointer-events: none;\n  cursor: default;\n}\n\n.mj-forms-chrome-rail-handle:hover {\n  color: var(--mj-brand-primary);\n}\n\n.mj-forms-chrome-rail-handle:active {\n  cursor: grabbing;\n}\n\n.mj-forms-chrome-rail-item.is-more-folder {\n  position: relative;\n  margin-top: 14px;\n  padding-top: 14px;\n  color: var(--mj-text-muted);\n  border-radius: 0;\n}\n\n.mj-forms-chrome-rail-item.is-more-folder::before {\n  content: '';\n  position: absolute;\n  top: 0;\n  left: 8px;\n  right: 8px;\n  height: 1px;\n  background: linear-gradient(\n    90deg,\n    transparent 0%,\n    var(--mj-border-strong) 18%,\n    var(--mj-border-strong) 82%,\n    transparent 100%\n  );\n}\n\n.mj-forms-chrome-rail-item.is-more-folder:hover {\n  background: transparent;\n  color: var(--mj-text-secondary);\n}\n\n.mj-forms-chrome-rail-item.is-more-folder.is-expanded {\n  color: var(--mj-text-secondary);\n}\n\n.mj-forms-chrome-rail-more-toggle {\n  margin-left: auto;\n  font-size: 10px;\n  color: var(--mj-text-muted);\n}\n\n.mj-forms-chrome-rail-more-tree {\n  margin-left: 22px;\n  padding-left: 6px;\n  border-left: 1px solid var(--mj-border-subtle);\n}\n\n.mj-forms-chrome-rail-item.is-more-child {\n  padding-left: 8px;\n}\n\n.mj-forms-chrome-rail-count.is-zero {\n  opacity: 0.55;\n}\n\n.mj-forms-chrome-rail-label {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.mj-forms-chrome-rail-count {\n  min-width: 1.25rem;\n  padding: 0 6px;\n  border-radius: var(--mj-radius-full);\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-text-muted);\n  font-size: var(--mj-text-xs);\n  text-align: center;\n}\n\n@media (max-width: 720px) {\n  .mj-forms-layout--left-nav {\n    flex-direction: column;\n  }\n\n  .mj-forms-chrome-rail {\n    flex: 1 1 auto;\n    width: 100%;\n    position: static;\n    flex-direction: row;\n    flex-wrap: wrap;\n  }\n\n  .mj-forms-chrome-rail-resizer {\n    display: none;\n  }\n\n  .mj-forms-chrome-rail.is-collapsed {\n    flex: 0 0 auto;\n    width: 100%;\n    min-width: 0;\n    max-width: none;\n    height: 36px;\n    padding: 0;\n  }\n\n  .mj-forms-chrome-rail-spine {\n    flex-direction: row;\n    padding: 0 12px;\n  }\n\n  .mj-forms-chrome-rail-spine-label {\n    writing-mode: horizontal-tb;\n    transform: none;\n    max-height: none;\n  }\n\n  .mj-forms-chrome-rail-toolbar {\n    width: 100%;\n  }\n\n  .mj-forms-chrome-rail-item {\n    width: auto;\n  }\n}\n\n/* ============================================\n   EMPTY SEARCH STATE\n   ============================================ */\n.mj-forms-empty-search-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 80px 24px;\n  text-align: center;\n  min-height: 400px;\n}\n\n.mj-forms-empty-search-icon {\n  width: 80px;\n  height: 80px;\n  border-radius: var(--mj-radius-full);\n  background: var(--mj-bg-surface-sunken);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-bottom: 24px;\n}\n\n.mj-forms-empty-search-icon i {\n  font-size: 32px;\n  color: var(--mj-text-muted);\n}\n\n.mj-forms-empty-search-title {\n  font-size: var(--mj-text-xl);\n  font-weight: var(--mj-font-semibold);\n  color: var(--mj-text-primary);\n  margin: 0 0 12px 0;\n}\n\n.mj-forms-empty-search-message {\n  font-size: var(--mj-text-sm);\n  color: var(--mj-text-secondary);\n  line-height: 1.6;\n  max-width: 400px;\n  margin: 0;\n}\n\n.mj-forms-empty-search-message strong {\n  color: var(--mj-text-primary);\n  font-weight: var(--mj-font-semibold);\n}\n\n.mj-forms-empty-search-link {\n  color: var(--mj-brand-primary);\n  text-decoration: none;\n  font-weight: var(--mj-font-medium);\n}\n\n.mj-forms-empty-search-link:hover {\n  text-decoration: underline;\n}\n\n/* ============================================\n   RESPONSIVE\n   ============================================ */\n@media (max-width: 768px) {\n  .mj-forms-panels-container {\n    padding: 16px 12px 32px;\n  }\n}\n\n/* ====================================================================\n   VARIANT PICKER \u2014 between toolbar and form body\n   Compact \"Form: <name> \u25BE\" row that appears when more than one variant\n   is applicable for the current entity record.\n   ==================================================================== */\n\n.mj-form-variant-picker {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 6px 18px;\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.mj-form-variant-picker-icon {\n  color: var(--mj-brand-primary);\n  font-size: 12px;\n}\n.mj-form-variant-picker-label {\n  font-weight: 600;\n  color: var(--mj-text-secondary);\n}\n.mj-form-variant-picker-control {\n  position: relative;\n  display: inline-flex;\n  align-items: center;\n  gap: 6px;\n  padding: 4px 10px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md, 8px);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n  cursor: pointer;\n  outline: none;\n  user-select: none;\n  min-width: 160px;\n}\n.mj-form-variant-picker-control:hover,\n.mj-form-variant-picker-control:focus,\n.mj-form-variant-picker-control.open {\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.mj-form-variant-picker-current {\n  font-weight: 600;\n  flex: 1;\n}\n.mj-form-variant-picker-menu {\n  position: absolute;\n  top: calc(100% + 4px);\n  left: 0;\n  z-index: 50;\n  min-width: 280px;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-md, 8px);\n  box-shadow: var(--mj-shadow-md, 0 4px 12px rgba(15, 23, 42, 0.08));\n  padding: 4px;\n  max-height: 320px;\n  overflow: auto;\n}\n.mj-form-variant-picker-row {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 8px 10px;\n  border-radius: 6px;\n  cursor: pointer;\n}\n.mj-form-variant-picker-row:hover {\n  background: var(--mj-bg-surface-hover);\n}\n.mj-form-variant-picker-row.current {\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n}\n.mj-form-variant-picker-row.inactive {\n  opacity: 0.7;\n}\n.mj-form-variant-picker-row-main {\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  flex: 1;\n  min-width: 0;\n}\n.mj-form-variant-picker-row-title {\n  font-size: 13px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n.mj-form-variant-picker-row-sub {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n}\n.mj-form-variant-picker-check {\n  color: var(--mj-brand-primary);\n  font-size: 11px;\n}\n\n/* Retrospective fix #8 \u2014 visually distinguish the Default row from variants. */\n.mj-form-variant-picker-row.mj-form-variant-picker-default {\n  border-bottom: 1px dashed var(--mj-border-default);\n  margin-bottom: 4px;\n  padding-bottom: 10px;\n}\n.mj-form-variant-picker-default-tag {\n  color: var(--mj-text-muted);\n  font-weight: 400;\n  font-size: 11px;\n  margin-left: 4px;\n}\n"] }]
     }], null, { recordChangesDrawer: [{
             type: ViewChild,
             args: [RecordChangesComponent]
@@ -898,8 +1991,14 @@ export class MjRecordFormContainerComponent extends BaseAngularComponent {
             type: Input
         }], IsSaving: [{
             type: Input
+        }], IsRefreshing: [{
+            type: Input
         }], ToolbarConfig: [{
             type: Input
+        }], RegisteredToolbarItems: [{
+            type: Input
+        }], ToolbarItemOverrides: [{
+            type: Input
         }], WidthMode: [{
             type: Input
         }], Variants: [{
@@ -922,6 +2021,10 @@ export class MjRecordFormContainerComponent extends BaseAngularComponent {
             type: Output
         }], DeleteRequested: [{
             type: Output
+        }], BeforeRefresh: [{
+            type: Output
+        }], RefreshRequested: [{
+            type: Output
         }], FavoriteToggled: [{
             type: Output
         }], BeforeHistoryView: [{
@@ -936,11 +2039,40 @@ export class MjRecordFormContainerComponent extends BaseAngularComponent {
             type: Output
         }], CustomButtonClick: [{
             type: Output
+        }], ToolbarItemClick: [{
+            type: Output
         }], VariantChange: [{
             type: Output
+        }], BeforeLayoutResolve: [{
+            type: Output
+        }], AfterLayoutResolved: [{
+            type: Output
+        }], BeforeSectionActivate: [{
+            type: Output
+        }], AfterSectionActivated: [{
+            type: Output
         }], Panels: [{
             type: ContentChildren,
             args: [MjCollapsiblePanelComponent, { descendants: true }]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MjRecordFormContainerComponent, { className: "MjRecordFormContainerComponent", filePath: "src/lib/container/record-form-container.component.ts", lineNumber: 86 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MjRecordFormContainerComponent, { className: "MjRecordFormContainerComponent", filePath: "src/lib/container/record-form-container.component.ts", lineNumber: 116 }); })();
+function contributionRailKey(meta) {
+    if (meta.contributionKey?.trim()) {
+        return meta.contributionKey.trim();
+    }
+    if (!meta.relatedEntity) {
+        return null;
+    }
+    const derived = meta.relatedEntity.split(':').pop()?.trim();
+    if (!derived) {
+        return null;
+    }
+    return derived.charAt(0).toLowerCase() + derived.slice(1).replace(/\s+/g, '');
+}
+function ReadRegisteredInclusion(raw) {
+    if (raw === 'Primary' || raw === 'More' || raw === 'None') {
+        return raw;
+    }
+    return null;
+}
 //# sourceMappingURL=record-form-container.component.js.map