@memberjunction/ng-entity-viewer 5.43.0 → 5.45.0

package/dist/lib/view-workspace/view-workspace.component.js

@@ -19,7 +19,7 @@ import * as i9 from "../view-type-switcher/view-type-switcher.component";
 function ViewWorkspaceComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "mj-entity-viewer", 11);
-    i0.ɵɵlistener("FilterTextChange", function ViewWorkspaceComponent_Conditional_6_Template_mj_entity_viewer_FilterTextChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onFilterTextChanged($event)); })("RecordSelected", function ViewWorkspaceComponent_Conditional_6_Template_mj_entity_viewer_RecordSelected_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onRecordSelected($event)); })("RecordOpened", function ViewWorkspaceComponent_Conditional_6_Template_mj_entity_viewer_RecordOpened_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onRecordOpened($event)); })("DataLoaded", function ViewWorkspaceComponent_Conditional_6_Template_mj_entity_viewer_DataLoaded_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onDataLoaded($event)); })("FilteredCountChanged", function ViewWorkspaceComponent_Conditional_6_Template_mj_entity_viewer_FilteredCountChanged_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onFilteredCountChanged($event)); })("OpenRelatedRecordRequested", function ViewWorkspaceComponent_Conditional_6_Template_mj_entity_viewer_OpenRelatedRecordRequested_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onOpenRelatedRecordRequested($event)); })("CreateRecordRequested", function ViewWorkspaceComponent_Conditional_6_Template_mj_entity_viewer_CreateRecordRequested_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCreateRecordRequested()); });
+    i0.ɵɵlistener("FilterTextChange", function ViewWorkspaceComponent_Conditional_6_Template_mj_entity_viewer_FilterTextChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onFilterTextChanged($event)); })("RecordSelected", function ViewWorkspaceComponent_Conditional_6_Template_mj_entity_viewer_RecordSelected_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onRecordSelected($event)); })("RecordOpened", function ViewWorkspaceComponent_Conditional_6_Template_mj_entity_viewer_RecordOpened_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onRecordOpened($event)); })("DataLoaded", function ViewWorkspaceComponent_Conditional_6_Template_mj_entity_viewer_DataLoaded_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onDataLoaded($event)); })("FilteredCountChanged", function ViewWorkspaceComponent_Conditional_6_Template_mj_entity_viewer_FilteredCountChanged_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onFilteredCountChanged($event)); })("OpenRelatedRecordRequested", function ViewWorkspaceComponent_Conditional_6_Template_mj_entity_viewer_OpenRelatedRecordRequested_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onOpenRelatedRecordRequested($event)); })("CreateRecordRequested", function ViewWorkspaceComponent_Conditional_6_Template_mj_entity_viewer_CreateRecordRequested_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCreateRecordRequested()); })("ConfigureRequested", function ViewWorkspaceComponent_Conditional_6_Template_mj_entity_viewer_ConfigureRequested_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onConfigureViewRequested()); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -492,6 +492,64 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
         this.isConfigPanelOpen = true;
         this.cdr.detectChanges();
     }
+    // ========================================
+    // PROGRAMMATIC GRID CONTROL (passthrough to the inner entity viewer)
+    // ========================================
+    // Thin public passthroughs so a parent (e.g. the Data Explorer dashboard driving
+    // the AI agent) can page/sort the grid and read its live pagination/sort state
+    // without reaching into the protected child reference. All return null/false when
+    // the viewer isn't mounted yet (e.g. at the home level before an entity is selected).
+    /** Live pagination/sort snapshot from the inner viewer, or null when not mounted. */
+    GetGridState() {
+        const v = this.entityViewerRef;
+        if (!v) {
+            return null;
+        }
+        return {
+            CurrentPage: v.CurrentPageNumber,
+            PageSize: v.CurrentPageSize,
+            TotalRecords: v.TotalRecords,
+            TotalPages: v.TotalPageCount,
+            Sort: v.CurrentSortState,
+        };
+    }
+    /** Navigate to a 1-based page on the inner grid. Returns the page applied, or null. */
+    GoToPage(pageNumber) {
+        return this.entityViewerRef?.GoToPageNumber(pageNumber) ?? null;
+    }
+    /** Advance the inner grid to the next page. Returns the new 1-based page, or null. */
+    NextPage() {
+        return this.entityViewerRef?.NextPage() ?? null;
+    }
+    /** Move the inner grid to the previous page. Returns the new 1-based page, or null. */
+    PreviousPage() {
+        return this.entityViewerRef?.PreviousPage() ?? null;
+    }
+    /** Set the inner grid's server-side page size (reloads from page 1). Returns the size applied, or null. */
+    SetPageSize(pageSize) {
+        return this.entityViewerRef?.SetServerPageSize(pageSize) ?? null;
+    }
+    /** Apply a server-side sort to the inner grid. Returns true when applied, false otherwise. */
+    SetSort(field, direction) {
+        return this.entityViewerRef?.ApplySort(field, direction) ?? false;
+    }
+    /**
+     * Programmatically select a record in the inner grid — highlights the row and emits
+     * {@link RecordSelected} for the host (the no-UI equivalent of a user row-click). Returns
+     * false when the viewer isn't mounted or has no entity context. The record must be one of
+     * the loaded rows; the host resolves it (e.g. from {@link loadedRecords}).
+     */
+    SelectRecord(record) {
+        return this.entityViewerRef?.SelectRecord(record) ?? false;
+    }
+    /**
+     * Export the current view's records via the inner viewer's active renderer. Returns false
+     * when the viewer isn't mounted or the active view type doesn't support export. The grid
+     * renderer downloads the file itself.
+     */
+    async ExportRecords(format) {
+        return this.entityViewerRef ? this.entityViewerRef.ExportRecords(format) : false;
+    }
     /** Handle the selector's "save view" request — open the config panel in the requested mode. */
     onSaveViewRequested(event) {
         this.defaultSaveAsNew = event.SaveAsNew || false;
@@ -561,7 +619,8 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
         if (success) {
             this.isConfigPanelOpen = false;
             this.clearPendingNewViewState();
-            await this.viewSelectorRef?.LoadViews();
+            // The view selector re-derives its lists reactively from UserViewEngine's cache
+            // (BaseEntity save auto-invalidates the engine); we only need to reload the grid data.
             await this.entityViewerRef?.LoadData();
         }
         this.isSavingView = false;
@@ -720,7 +779,8 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
         this.viewModified = false;
         this.isConfigPanelOpen = false;
         this.currentGridState = this.loadUserDefaultGridState();
-        await this.viewSelectorRef?.LoadViews();
+        // The view selector re-derives its lists reactively from UserViewEngine's cache
+        // (BaseEntity delete auto-invalidates the engine), so no explicit reload is needed here.
         this.ViewSelected.emit(null);
         this.SelectedViewChange.emit(null);
         this.AfterViewDelete.emit({ ViewID: viewId, ViewName: viewName });
@@ -916,7 +976,8 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
             LogError(`[ViewWorkspace] Failed to duplicate view: ${newView.LatestResult?.CompleteMessage ?? 'unknown error'}`);
             return;
         }
-        await this.viewSelectorRef?.LoadViews();
+        // The view selector re-derives its lists reactively from UserViewEngine's cache
+        // (BaseEntity save auto-invalidates the engine), so no explicit reload is needed here.
         this.AfterViewSave.emit({ View: newView, IsNew: true });
     }
     /** Handle the duplicate dialog cancel. */
@@ -1100,7 +1161,7 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.viewSelectorRef = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.entityViewerRef = _t.first);
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.viewConfigPanelRef = _t.first);
-        } }, inputs: { Entity: "Entity", EntityName: "EntityName", EntityID: "EntityID", AutoSaveView: "AutoSaveView", SelectedView: "SelectedView", FilterText: "FilterText", SelectedRecordId: "SelectedRecordId", ViewerConfig: "ViewerConfig" }, outputs: { OpenRecordRequested: "OpenRecordRequested", OpenViewInTabRequested: "OpenViewInTabRequested", CreateNewRecordRequested: "CreateNewRecordRequested", OpenRelatedRecordRequested: "OpenRelatedRecordRequested", RecordSelected: "RecordSelected", ViewSelected: "ViewSelected", SelectedViewChange: "SelectedViewChange", FilterTextChanged: "FilterTextChanged", DataLoaded: "DataLoaded", FilteredCountChanged: "FilteredCountChanged", BeforeViewSave: "BeforeViewSave", AfterViewSave: "AfterViewSave", BeforeViewDelete: "BeforeViewDelete", AfterViewDelete: "AfterViewDelete", SaveViewRequested: "SaveViewRequested", DeleteViewRequested: "DeleteViewRequested", DuplicateViewRequested: "DuplicateViewRequested", SaveDefaultsRequested: "SaveDefaultsRequested" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 12, vars: 32, consts: [[1, "view-workspace"], [1, "workspace-toolbar"], [3, "ViewSelected", "SaveViewRequested", "OpenInTabRequested", "ConfigureViewRequested", "CreateNewRecordRequested", "DuplicateViewRequested", "QuickSaveRequested", "RevertRequested", "Provider", "Entity", "SelectedViewID", "ViewModified"], [1, "workspace-toolbar-spacer"], [3, "ViewTypeSelected", "Provider", "Entity", "ActiveViewTypeID"], [1, "workspace-body"], [3, "Provider", "Entity", "ViewEntity", "FilterText", "SelectedRecordID", "GridState", "AutoSaveView", "Config"], [3, "Close", "Save", "SaveDefaults", "Delete", "Duplicate", "OpenFilterDialogRequest", "Provider", "Entity", "ViewEntity", "IsOpen", "CurrentGridState", "SampleData", "ExternalFilterState", "IsSaving", "DefaultSaveAsNew", "PendingNewViewName", "PendingNewViewDescription", "PendingNewViewIsShared"], [3, "Save", "Close", "OpenAdvanced", "IsOpen", "ViewEntity", "EntityName", "Summary", "IsSaving", "DefaultSaveAsNew"], [3, "Duplicate", "Cancel", "IsOpen", "SourceViewName", "Summary"], [3, "Action", "Cancel", "IsOpen", "ViewName"], [3, "FilterTextChange", "RecordSelected", "RecordOpened", "DataLoaded", "FilteredCountChanged", "OpenRelatedRecordRequested", "CreateRecordRequested", "Provider", "Entity", "ViewEntity", "FilterText", "SelectedRecordID", "GridState", "AutoSaveView", "Config"], [1, "filter-dialog-backdrop", 3, "click"], ["role", "dialog", "aria-modal", "true", 1, "filter-dialog"], [1, "filter-dialog-header"], [1, "filter-dialog-title"], [1, "fa-solid", "fa-filter"], ["type", "button", "title", "Close", 1, "filter-dialog-close", 3, "click"], [1, "fa-solid", "fa-times"], [1, "filter-dialog-content"], [3, "apply", "filterChange", "fields", "filter", "showSummary"], [1, "filter-dialog-footer"], ["mjButton", "", "variant", "primary", "size", "sm", "type", "button", 3, "click"], [1, "fa-solid", "fa-check"], ["mjButton", "", "variant", "flat", "size", "sm", "type", "button", 3, "click"]], template: function ViewWorkspaceComponent_Template(rf, ctx) { if (rf & 1) {
+        } }, inputs: { Entity: "Entity", EntityName: "EntityName", EntityID: "EntityID", AutoSaveView: "AutoSaveView", SelectedView: "SelectedView", FilterText: "FilterText", SelectedRecordId: "SelectedRecordId", ViewerConfig: "ViewerConfig" }, outputs: { OpenRecordRequested: "OpenRecordRequested", OpenViewInTabRequested: "OpenViewInTabRequested", CreateNewRecordRequested: "CreateNewRecordRequested", OpenRelatedRecordRequested: "OpenRelatedRecordRequested", RecordSelected: "RecordSelected", ViewSelected: "ViewSelected", SelectedViewChange: "SelectedViewChange", FilterTextChanged: "FilterTextChanged", DataLoaded: "DataLoaded", FilteredCountChanged: "FilteredCountChanged", BeforeViewSave: "BeforeViewSave", AfterViewSave: "AfterViewSave", BeforeViewDelete: "BeforeViewDelete", AfterViewDelete: "AfterViewDelete", SaveViewRequested: "SaveViewRequested", DeleteViewRequested: "DeleteViewRequested", DuplicateViewRequested: "DuplicateViewRequested", SaveDefaultsRequested: "SaveDefaultsRequested" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 12, vars: 32, consts: [[1, "view-workspace"], [1, "workspace-toolbar"], [3, "ViewSelected", "SaveViewRequested", "OpenInTabRequested", "ConfigureViewRequested", "CreateNewRecordRequested", "DuplicateViewRequested", "QuickSaveRequested", "RevertRequested", "Provider", "Entity", "SelectedViewID", "ViewModified"], [1, "workspace-toolbar-spacer"], [3, "ViewTypeSelected", "Provider", "Entity", "ActiveViewTypeID"], [1, "workspace-body"], [3, "Provider", "Entity", "ViewEntity", "FilterText", "SelectedRecordID", "GridState", "AutoSaveView", "Config"], [3, "Close", "Save", "SaveDefaults", "Delete", "Duplicate", "OpenFilterDialogRequest", "Provider", "Entity", "ViewEntity", "IsOpen", "CurrentGridState", "SampleData", "ExternalFilterState", "IsSaving", "DefaultSaveAsNew", "PendingNewViewName", "PendingNewViewDescription", "PendingNewViewIsShared"], [3, "Save", "Close", "OpenAdvanced", "IsOpen", "ViewEntity", "EntityName", "Summary", "IsSaving", "DefaultSaveAsNew"], [3, "Duplicate", "Cancel", "IsOpen", "SourceViewName", "Summary"], [3, "Action", "Cancel", "IsOpen", "ViewName"], [3, "FilterTextChange", "RecordSelected", "RecordOpened", "DataLoaded", "FilteredCountChanged", "OpenRelatedRecordRequested", "CreateRecordRequested", "ConfigureRequested", "Provider", "Entity", "ViewEntity", "FilterText", "SelectedRecordID", "GridState", "AutoSaveView", "Config"], [1, "filter-dialog-backdrop", 3, "click"], ["role", "dialog", "aria-modal", "true", 1, "filter-dialog"], [1, "filter-dialog-header"], [1, "filter-dialog-title"], [1, "fa-solid", "fa-filter"], ["type", "button", "title", "Close", 1, "filter-dialog-close", 3, "click"], [1, "fa-solid", "fa-times"], [1, "filter-dialog-content"], [3, "apply", "filterChange", "fields", "filter", "showSummary"], [1, "filter-dialog-footer"], ["mjButton", "", "variant", "primary", "size", "sm", "type", "button", 3, "click"], [1, "fa-solid", "fa-check"], ["mjButton", "", "variant", "flat", "size", "sm", "type", "button", 3, "click"]], template: function ViewWorkspaceComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "mj-view-selector", 2);
             i0.ɵɵlistener("ViewSelected", function ViewWorkspaceComponent_Template_mj_view_selector_ViewSelected_2_listener($event) { return ctx.onViewSelected($event); })("SaveViewRequested", function ViewWorkspaceComponent_Template_mj_view_selector_SaveViewRequested_2_listener($event) { return ctx.onSaveViewRequested($event); })("OpenInTabRequested", function ViewWorkspaceComponent_Template_mj_view_selector_OpenInTabRequested_2_listener($event) { return ctx.onOpenInTabRequested($event); })("ConfigureViewRequested", function ViewWorkspaceComponent_Template_mj_view_selector_ConfigureViewRequested_2_listener() { return ctx.onConfigureViewRequested(); })("CreateNewRecordRequested", function ViewWorkspaceComponent_Template_mj_view_selector_CreateNewRecordRequested_2_listener() { return ctx.onCreateNewRecordRequested(); })("DuplicateViewRequested", function ViewWorkspaceComponent_Template_mj_view_selector_DuplicateViewRequested_2_listener($event) { return ctx.onDuplicateViewRequested($event); })("QuickSaveRequested", function ViewWorkspaceComponent_Template_mj_view_selector_QuickSaveRequested_2_listener($event) { return ctx.onQuickSaveRequested($event); })("RevertRequested", function ViewWorkspaceComponent_Template_mj_view_selector_RevertRequested_2_listener() { return ctx.onRevertView(); });
             i0.ɵɵelementEnd();
@@ -1145,7 +1206,7 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ViewWorkspaceComponent, [{
         type: Component,
-        args: [{ standalone: false, selector: 'mj-view-workspace', template: "<div class=\"view-workspace\">\n  <!-- Toolbar: view selector + view-type switcher (single row) -->\n  <div class=\"workspace-toolbar\">\n    <mj-view-selector\n      [Provider]=\"Provider\"\n      [Entity]=\"Entity\"\n      [SelectedViewID]=\"selectedViewId\"\n      [ViewModified]=\"viewModified\"\n      (ViewSelected)=\"onViewSelected($event)\"\n      (SaveViewRequested)=\"onSaveViewRequested($event)\"\n      (OpenInTabRequested)=\"onOpenInTabRequested($event)\"\n      (ConfigureViewRequested)=\"onConfigureViewRequested()\"\n      (CreateNewRecordRequested)=\"onCreateNewRecordRequested()\"\n      (DuplicateViewRequested)=\"onDuplicateViewRequested($event)\"\n      (QuickSaveRequested)=\"onQuickSaveRequested($event)\"\n      (RevertRequested)=\"onRevertView()\">\n    </mj-view-selector>\n\n    <span class=\"workspace-toolbar-spacer\"></span>\n\n    <!-- View-type switcher lifted into the top toolbar (same row as the selector). The inner\n         entity-viewer's own header switcher is suppressed via innerViewerConfig so it appears\n         exactly once. Switching routes to the viewer via SelectViewTypeById. -->\n    <mj-view-type-switcher\n      [Provider]=\"Provider\"\n      [Entity]=\"Entity\"\n      [ActiveViewTypeID]=\"activeViewTypeId\"\n      (ViewTypeSelected)=\"onToolbarViewTypeSelected($event)\">\n    </mj-view-type-switcher>\n  </div>\n\n  <!-- Data renderer -->\n  <div class=\"workspace-body\">\n    @if (Entity) {\n      <mj-entity-viewer\n        [Provider]=\"Provider\"\n        [Entity]=\"Entity\"\n        [ViewEntity]=\"currentViewEntity\"\n        [FilterText]=\"filterText\"\n        [SelectedRecordID]=\"selectedRecordId\"\n        [GridState]=\"currentGridState\"\n        [AutoSaveView]=\"AutoSaveView\"\n        [Config]=\"innerViewerConfig\"\n        (FilterTextChange)=\"onFilterTextChanged($event)\"\n        (RecordSelected)=\"onRecordSelected($event)\"\n        (RecordOpened)=\"onRecordOpened($event)\"\n        (DataLoaded)=\"onDataLoaded($event)\"\n        (FilteredCountChanged)=\"onFilteredCountChanged($event)\"\n        (OpenRelatedRecordRequested)=\"onOpenRelatedRecordRequested($event)\"\n        (CreateRecordRequested)=\"onCreateRecordRequested()\">\n      </mj-entity-viewer>\n    }\n  </div>\n\n  <!-- View configuration panel (slide-in) -->\n  <mj-view-config-panel\n    [Provider]=\"Provider\"\n    [Entity]=\"Entity\"\n    [ViewEntity]=\"currentViewEntity\"\n    [IsOpen]=\"isConfigPanelOpen\"\n    [CurrentGridState]=\"currentGridState\"\n    [SampleData]=\"loadedRecords\"\n    [ExternalFilterState]=\"filterDialogState\"\n    [IsSaving]=\"isSavingView\"\n    [DefaultSaveAsNew]=\"defaultSaveAsNew\"\n    [PendingNewViewName]=\"pendingNewViewName\"\n    [PendingNewViewDescription]=\"pendingNewViewDescription\"\n    [PendingNewViewIsShared]=\"pendingNewViewIsShared\"\n    (Close)=\"onCloseConfigPanel()\"\n    (Save)=\"onSaveView($event)\"\n    (SaveDefaults)=\"onSaveDefaultViewSettings($event)\"\n    (Delete)=\"onDeleteView()\"\n    (Duplicate)=\"onDuplicateFromPanel()\"\n    (OpenFilterDialogRequest)=\"onOpenFilterDialogRequest($event)\">\n  </mj-view-config-panel>\n\n  <!-- Full-width filter dialog -->\n  @if (isFilterDialogOpen) {\n    <div class=\"filter-dialog-backdrop\" (click)=\"onCloseFilterDialog()\"></div>\n    <div class=\"filter-dialog\" role=\"dialog\" aria-modal=\"true\">\n      <div class=\"filter-dialog-header\">\n        <div class=\"filter-dialog-title\">\n          <i class=\"fa-solid fa-filter\"></i>\n          <span>Edit Filters</span>\n        </div>\n        <button class=\"filter-dialog-close\" type=\"button\" (click)=\"onCloseFilterDialog()\" title=\"Close\">\n          <i class=\"fa-solid fa-times\"></i>\n        </button>\n      </div>\n      <div class=\"filter-dialog-content\">\n        <mj-filter-builder\n          [fields]=\"filterDialogFields\"\n          [filter]=\"filterDialogState\"\n          [showSummary]=\"true\"\n          (apply)=\"onFilterApplied($event)\"\n          (filterChange)=\"filterDialogState = $event\">\n        </mj-filter-builder>\n      </div>\n      <div class=\"filter-dialog-footer\">\n        <button mjButton variant=\"primary\" size=\"sm\" type=\"button\"\n          (click)=\"filterDialogState && onFilterApplied(filterDialogState)\">\n          <i class=\"fa-solid fa-check\"></i> Apply Filters\n        </button>\n        <button mjButton variant=\"flat\" size=\"sm\" type=\"button\" (click)=\"onCloseFilterDialog()\">\n          Cancel\n        </button>\n      </div>\n    </div>\n  }\n\n  <!-- Quick save dialog -->\n  <mj-quick-save-dialog\n    [IsOpen]=\"showQuickSaveDialog\"\n    [ViewEntity]=\"currentViewEntity\"\n    [EntityName]=\"Entity?.DisplayNameOrName ?? ''\"\n    [Summary]=\"quickSaveSummary\"\n    [IsSaving]=\"isSavingView\"\n    [DefaultSaveAsNew]=\"defaultSaveAsNew\"\n    (Save)=\"onQuickSave($event)\"\n    (Close)=\"onQuickSaveClose()\"\n    (OpenAdvanced)=\"onQuickSaveOpenAdvanced($event)\">\n  </mj-quick-save-dialog>\n\n  <!-- Duplicate view dialog -->\n  <mj-duplicate-view-dialog\n    [IsOpen]=\"showDuplicateDialog\"\n    [SourceViewName]=\"duplicateSourceViewName\"\n    [Summary]=\"duplicateSummary\"\n    (Duplicate)=\"onDuplicateConfirmed($event)\"\n    (Cancel)=\"onDuplicateCancel()\">\n  </mj-duplicate-view-dialog>\n\n  <!-- Shared view warning dialog -->\n  <mj-shared-view-warning-dialog\n    [IsOpen]=\"showSharedViewWarning\"\n    [ViewName]=\"currentViewEntity?.Name ?? ''\"\n    (Action)=\"onSharedViewAction($event)\"\n    (Cancel)=\"onSharedViewWarningCancel()\">\n  </mj-shared-view-warning-dialog>\n</div>\n", styles: [":host {\n  display: flex;        /* keep block if you prefer; width:100% still works */\n  flex: 1 1 auto;       /* grow to fill the new flex row in .content-body */\n  width: 100%;\n  height: 100%;\n  min-width: 0;         /* lets it shrink too, prevents overflow when narrow */\n}\n\n.view-workspace {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n  flex: 1 1 auto;     /* add: grow to fill the host's flex row */\n  width: 100%;        /* add */\n  min-width: 0;       /* add: mirror min-height so it can shrink too */\n  background: var(--mj-bg-page);\n}\n\n/* Toolbar row: view selector + view-type switcher */\n.workspace-toolbar {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex-wrap: wrap;\n  padding: 10px 16px;\n  border-bottom: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  flex-shrink: 0;\n}\n\n/* Pushes the view-type switcher to the right end of the toolbar row */\n.workspace-toolbar-spacer {\n  flex: 1 1 auto;\n  min-width: 0;\n}\n\n/* Data renderer fills remaining space */\n.workspace-body {\n  flex: 1 1 auto;\n  min-height: 0;\n  position: relative;\n  overflow: hidden;\n}\n\n.workspace-body mj-entity-viewer {\n  display: block;\n  height: 100%;\n}\n\n/* ============================\n   Full-width filter dialog\n   ============================ */\n.filter-dialog-backdrop {\n  position: fixed;\n  inset: 0;\n  background: var(--mj-bg-overlay);\n  z-index: 2000;\n  animation: vw-fade-in 0.15s ease;\n}\n\n.filter-dialog {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 90%;\n  max-width: 800px;\n  max-height: 85vh;\n  display: flex;\n  flex-direction: column;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 12px;\n  box-shadow: 0 20px 60px color-mix(in srgb, var(--mj-text-primary) 25%, transparent);\n  z-index: 2001;\n  animation: vw-slide-in 0.2s ease;\n}\n\n.filter-dialog-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px;\n  border-bottom: 1px solid var(--mj-border-default);\n  flex-shrink: 0;\n}\n\n.filter-dialog-title {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.filter-dialog-title i {\n  color: var(--mj-brand-primary);\n}\n\n.filter-dialog-close {\n  width: 36px;\n  height: 36px;\n  border: none;\n  background: transparent;\n  border-radius: 6px;\n  cursor: pointer;\n  color: var(--mj-text-muted);\n  font-size: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background 0.15s ease, color 0.15s ease;\n}\n\n.filter-dialog-close:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n}\n\n.filter-dialog-content {\n  flex: 1;\n  overflow-y: auto;\n  padding: 20px;\n  min-height: 200px;\n}\n\n.filter-dialog-footer {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 16px 20px;\n  border-top: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-card);\n  border-radius: 0 0 12px 12px;\n  flex-shrink: 0;\n}\n\n@keyframes vw-fade-in {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n@keyframes vw-slide-in {\n  from {\n    opacity: 0;\n    transform: translate(-50%, -48%);\n  }\n  to {\n    opacity: 1;\n    transform: translate(-50%, -50%);\n  }\n}\n\n@media (max-width: 600px) {\n  .filter-dialog {\n    width: 95%;\n    max-height: 90vh;\n    border-radius: 8px;\n  }\n\n  .filter-dialog-footer {\n    flex-direction: column;\n    align-items: stretch;\n  }\n}\n"] }]
+        args: [{ standalone: false, selector: 'mj-view-workspace', template: "<div class=\"view-workspace\">\n  <!-- Toolbar: view selector + view-type switcher (single row) -->\n  <div class=\"workspace-toolbar\">\n    <mj-view-selector\n      [Provider]=\"Provider\"\n      [Entity]=\"Entity\"\n      [SelectedViewID]=\"selectedViewId\"\n      [ViewModified]=\"viewModified\"\n      (ViewSelected)=\"onViewSelected($event)\"\n      (SaveViewRequested)=\"onSaveViewRequested($event)\"\n      (OpenInTabRequested)=\"onOpenInTabRequested($event)\"\n      (ConfigureViewRequested)=\"onConfigureViewRequested()\"\n      (CreateNewRecordRequested)=\"onCreateNewRecordRequested()\"\n      (DuplicateViewRequested)=\"onDuplicateViewRequested($event)\"\n      (QuickSaveRequested)=\"onQuickSaveRequested($event)\"\n      (RevertRequested)=\"onRevertView()\">\n    </mj-view-selector>\n\n    <span class=\"workspace-toolbar-spacer\"></span>\n\n    <!-- View-type switcher lifted into the top toolbar (same row as the selector). The inner\n         entity-viewer's own header switcher is suppressed via innerViewerConfig so it appears\n         exactly once. Switching routes to the viewer via SelectViewTypeById. -->\n    <mj-view-type-switcher\n      [Provider]=\"Provider\"\n      [Entity]=\"Entity\"\n      [ActiveViewTypeID]=\"activeViewTypeId\"\n      (ViewTypeSelected)=\"onToolbarViewTypeSelected($event)\">\n    </mj-view-type-switcher>\n  </div>\n\n  <!-- Data renderer -->\n  <div class=\"workspace-body\">\n    @if (Entity) {\n      <mj-entity-viewer\n        [Provider]=\"Provider\"\n        [Entity]=\"Entity\"\n        [ViewEntity]=\"currentViewEntity\"\n        [FilterText]=\"filterText\"\n        [SelectedRecordID]=\"selectedRecordId\"\n        [GridState]=\"currentGridState\"\n        [AutoSaveView]=\"AutoSaveView\"\n        [Config]=\"innerViewerConfig\"\n        (FilterTextChange)=\"onFilterTextChanged($event)\"\n        (RecordSelected)=\"onRecordSelected($event)\"\n        (RecordOpened)=\"onRecordOpened($event)\"\n        (DataLoaded)=\"onDataLoaded($event)\"\n        (FilteredCountChanged)=\"onFilteredCountChanged($event)\"\n        (OpenRelatedRecordRequested)=\"onOpenRelatedRecordRequested($event)\"\n        (CreateRecordRequested)=\"onCreateRecordRequested()\"\n        (ConfigureRequested)=\"onConfigureViewRequested()\">\n      </mj-entity-viewer>\n    }\n  </div>\n\n  <!-- View configuration panel (slide-in) -->\n  <mj-view-config-panel\n    [Provider]=\"Provider\"\n    [Entity]=\"Entity\"\n    [ViewEntity]=\"currentViewEntity\"\n    [IsOpen]=\"isConfigPanelOpen\"\n    [CurrentGridState]=\"currentGridState\"\n    [SampleData]=\"loadedRecords\"\n    [ExternalFilterState]=\"filterDialogState\"\n    [IsSaving]=\"isSavingView\"\n    [DefaultSaveAsNew]=\"defaultSaveAsNew\"\n    [PendingNewViewName]=\"pendingNewViewName\"\n    [PendingNewViewDescription]=\"pendingNewViewDescription\"\n    [PendingNewViewIsShared]=\"pendingNewViewIsShared\"\n    (Close)=\"onCloseConfigPanel()\"\n    (Save)=\"onSaveView($event)\"\n    (SaveDefaults)=\"onSaveDefaultViewSettings($event)\"\n    (Delete)=\"onDeleteView()\"\n    (Duplicate)=\"onDuplicateFromPanel()\"\n    (OpenFilterDialogRequest)=\"onOpenFilterDialogRequest($event)\">\n  </mj-view-config-panel>\n\n  <!-- Full-width filter dialog -->\n  @if (isFilterDialogOpen) {\n    <div class=\"filter-dialog-backdrop\" (click)=\"onCloseFilterDialog()\"></div>\n    <div class=\"filter-dialog\" role=\"dialog\" aria-modal=\"true\">\n      <div class=\"filter-dialog-header\">\n        <div class=\"filter-dialog-title\">\n          <i class=\"fa-solid fa-filter\"></i>\n          <span>Edit Filters</span>\n        </div>\n        <button class=\"filter-dialog-close\" type=\"button\" (click)=\"onCloseFilterDialog()\" title=\"Close\">\n          <i class=\"fa-solid fa-times\"></i>\n        </button>\n      </div>\n      <div class=\"filter-dialog-content\">\n        <mj-filter-builder\n          [fields]=\"filterDialogFields\"\n          [filter]=\"filterDialogState\"\n          [showSummary]=\"true\"\n          (apply)=\"onFilterApplied($event)\"\n          (filterChange)=\"filterDialogState = $event\">\n        </mj-filter-builder>\n      </div>\n      <div class=\"filter-dialog-footer\">\n        <button mjButton variant=\"primary\" size=\"sm\" type=\"button\"\n          (click)=\"filterDialogState && onFilterApplied(filterDialogState)\">\n          <i class=\"fa-solid fa-check\"></i> Apply Filters\n        </button>\n        <button mjButton variant=\"flat\" size=\"sm\" type=\"button\" (click)=\"onCloseFilterDialog()\">\n          Cancel\n        </button>\n      </div>\n    </div>\n  }\n\n  <!-- Quick save dialog -->\n  <mj-quick-save-dialog\n    [IsOpen]=\"showQuickSaveDialog\"\n    [ViewEntity]=\"currentViewEntity\"\n    [EntityName]=\"Entity?.DisplayNameOrName ?? ''\"\n    [Summary]=\"quickSaveSummary\"\n    [IsSaving]=\"isSavingView\"\n    [DefaultSaveAsNew]=\"defaultSaveAsNew\"\n    (Save)=\"onQuickSave($event)\"\n    (Close)=\"onQuickSaveClose()\"\n    (OpenAdvanced)=\"onQuickSaveOpenAdvanced($event)\">\n  </mj-quick-save-dialog>\n\n  <!-- Duplicate view dialog -->\n  <mj-duplicate-view-dialog\n    [IsOpen]=\"showDuplicateDialog\"\n    [SourceViewName]=\"duplicateSourceViewName\"\n    [Summary]=\"duplicateSummary\"\n    (Duplicate)=\"onDuplicateConfirmed($event)\"\n    (Cancel)=\"onDuplicateCancel()\">\n  </mj-duplicate-view-dialog>\n\n  <!-- Shared view warning dialog -->\n  <mj-shared-view-warning-dialog\n    [IsOpen]=\"showSharedViewWarning\"\n    [ViewName]=\"currentViewEntity?.Name ?? ''\"\n    (Action)=\"onSharedViewAction($event)\"\n    (Cancel)=\"onSharedViewWarningCancel()\">\n  </mj-shared-view-warning-dialog>\n</div>\n", styles: [":host {\n  display: flex;        /* keep block if you prefer; width:100% still works */\n  flex: 1 1 auto;       /* grow to fill the new flex row in .content-body */\n  width: 100%;\n  height: 100%;\n  min-width: 0;         /* lets it shrink too, prevents overflow when narrow */\n}\n\n.view-workspace {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n  flex: 1 1 auto;     /* add: grow to fill the host's flex row */\n  width: 100%;        /* add */\n  min-width: 0;       /* add: mirror min-height so it can shrink too */\n  background: var(--mj-bg-page);\n}\n\n/* Toolbar row: view selector + view-type switcher */\n.workspace-toolbar {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex-wrap: wrap;\n  padding: 10px 16px;\n  border-bottom: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  flex-shrink: 0;\n}\n\n/* Pushes the view-type switcher to the right end of the toolbar row */\n.workspace-toolbar-spacer {\n  flex: 1 1 auto;\n  min-width: 0;\n}\n\n/* Data renderer fills remaining space */\n.workspace-body {\n  flex: 1 1 auto;\n  min-height: 0;\n  position: relative;\n  overflow: hidden;\n}\n\n.workspace-body mj-entity-viewer {\n  display: block;\n  height: 100%;\n}\n\n/* ============================\n   Full-width filter dialog\n   ============================ */\n.filter-dialog-backdrop {\n  position: fixed;\n  inset: 0;\n  background: var(--mj-bg-overlay);\n  z-index: 2000;\n  animation: vw-fade-in 0.15s ease;\n}\n\n.filter-dialog {\n  position: fixed;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  width: 90%;\n  max-width: 800px;\n  max-height: 85vh;\n  display: flex;\n  flex-direction: column;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 12px;\n  box-shadow: 0 20px 60px color-mix(in srgb, var(--mj-text-primary) 25%, transparent);\n  z-index: 2001;\n  animation: vw-slide-in 0.2s ease;\n}\n\n.filter-dialog-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 20px;\n  border-bottom: 1px solid var(--mj-border-default);\n  flex-shrink: 0;\n}\n\n.filter-dialog-title {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 18px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.filter-dialog-title i {\n  color: var(--mj-brand-primary);\n}\n\n.filter-dialog-close {\n  width: 36px;\n  height: 36px;\n  border: none;\n  background: transparent;\n  border-radius: 6px;\n  cursor: pointer;\n  color: var(--mj-text-muted);\n  font-size: 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: background 0.15s ease, color 0.15s ease;\n}\n\n.filter-dialog-close:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n}\n\n.filter-dialog-content {\n  flex: 1;\n  overflow-y: auto;\n  padding: 20px;\n  min-height: 200px;\n}\n\n.filter-dialog-footer {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 16px 20px;\n  border-top: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface-card);\n  border-radius: 0 0 12px 12px;\n  flex-shrink: 0;\n}\n\n@keyframes vw-fade-in {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n@keyframes vw-slide-in {\n  from {\n    opacity: 0;\n    transform: translate(-50%, -48%);\n  }\n  to {\n    opacity: 1;\n    transform: translate(-50%, -50%);\n  }\n}\n\n@media (max-width: 600px) {\n  .filter-dialog {\n    width: 95%;\n    max-height: 90vh;\n    border-radius: 8px;\n  }\n\n  .filter-dialog-footer {\n    flex-direction: column;\n    align-items: stretch;\n  }\n}\n"] }]
     }], () => [{ type: i0.ChangeDetectorRef }], { Entity: [{
             type: Input
         }], EntityName: [{
@@ -1208,5 +1269,5 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
             type: ViewChild,
             args: [ViewConfigPanelComponent]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ViewWorkspaceComponent, { className: "ViewWorkspaceComponent", filePath: "src/lib/view-workspace/view-workspace.component.ts", lineNumber: 127 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ViewWorkspaceComponent, { className: "ViewWorkspaceComponent", filePath: "src/lib/view-workspace/view-workspace.component.ts", lineNumber: 129 }); })();
 //# sourceMappingURL=view-workspace.component.js.map