@memberjunction/ng-entity-viewer 6.2.0-edge.0 → 6.2.0-edge.2

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

@@ -3,6 +3,7 @@ import { BaseAngularComponent } from '@memberjunction/ng-base-types';
 import { LogError } from '@memberjunction/core';
 import { UUIDsEqual } from '@memberjunction/global';
 import { UserInfoEngine } from '@memberjunction/core-entities';
+import { ExportColumnTypeForSQLType } from '../utils/export-column.util';
 import { MJNotificationService } from '@memberjunction/ng-notifications';
 import { EntityViewerComponent } from '../entity-viewer/entity-viewer.component';
 import { ViewSelectorComponent } from '../view-selector/view-selector.component';
@@ -161,12 +162,12 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
      * the workspace emits {@link SelectedViewChange} whenever the selection changes internally.
      */
     get SelectedView() {
-        return this.currentViewEntity;
+        return this.CurrentViewEntity;
     }
     set SelectedView(value) {
-        this.currentViewEntity = value;
-        this.currentGridState = value ? this.parseViewGridState(value) : this.loadUserDefaultGridState();
-        this.viewModified = false;
+        this.CurrentViewEntity = value;
+        this.CurrentGridState = value ? this.parseViewGridState(value) : this.loadUserDefaultGridState();
+        this.ViewModified = false;
     }
     // ----- Host-driven passthrough inputs (forwarded to the inner entity-viewer) -----
     //
@@ -299,63 +300,257 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
     // INTERNAL STATE (plain fields — no state service)
     // ========================================
     /** The currently selected view entity (null = the default/unsaved view). */
-    currentViewEntity = null;
+    CurrentViewEntity = null;
+    /** @deprecated Use {@link CurrentViewEntity}. */
+    get currentViewEntity() {
+        return this.CurrentViewEntity;
+    }
+    /** @deprecated Use {@link CurrentViewEntity}. */
+    set currentViewEntity(value) {
+        this.CurrentViewEntity = value;
+    }
     /** The currently selected view ID (null = default view). */
-    selectedViewId = null;
+    SelectedViewId = null;
+    /** @deprecated Use {@link SelectedViewId}. */
+    get selectedViewId() {
+        return this.SelectedViewId;
+    }
+    /** @deprecated Use {@link SelectedViewId}. */
+    set selectedViewId(value) {
+        this.SelectedViewId = value;
+    }
     /** Live grid state (column widths / order / sort / aggregates) reflecting user interaction. */
-    currentGridState = null;
+    CurrentGridState = null;
+    /** @deprecated Use {@link CurrentGridState}. */
+    get currentGridState() {
+        return this.CurrentGridState;
+    }
+    /** @deprecated Use {@link CurrentGridState}. */
+    set currentGridState(value) {
+        this.CurrentGridState = value;
+    }
     /** Whether the current view has unsaved modifications. */
-    viewModified = false;
+    ViewModified = false;
+    /** @deprecated Use {@link ViewModified}. */
+    get viewModified() {
+        return this.ViewModified;
+    }
+    /** @deprecated Use {@link ViewModified}. */
+    set viewModified(value) {
+        this.ViewModified = value;
+    }
     /** The current free-text filter. */
     filterText = '';
     /** The currently selected record's composite-key string (for grid highlight). */
     selectedRecordId = null;
     /** Records loaded by the viewer, kept for config-panel sample data. */
-    loadedRecords = [];
+    LoadedRecords = [];
+    /** @deprecated Use {@link LoadedRecords}. */
+    get loadedRecords() {
+        return this.LoadedRecords;
+    }
+    /** @deprecated Use {@link LoadedRecords}. */
+    set loadedRecords(value) {
+        this.LoadedRecords = value;
+    }
     /** Whether a save operation is in progress (drives the saving spinners). */
-    isSavingView = false;
+    IsSavingView = false;
+    /** @deprecated Use {@link IsSavingView}. */
+    get isSavingView() {
+        return this.IsSavingView;
+    }
+    /** @deprecated Use {@link IsSavingView}. */
+    set isSavingView(value) {
+        this.IsSavingView = value;
+    }
     // ----- Dialog / panel open flags -----
     /** Whether the slide-in config panel is open. */
-    isConfigPanelOpen = false;
+    IsConfigPanelOpen = false;
+    /** @deprecated Use {@link IsConfigPanelOpen}. */
+    get isConfigPanelOpen() {
+        return this.IsConfigPanelOpen;
+    }
+    /** @deprecated Use {@link IsConfigPanelOpen}. */
+    set isConfigPanelOpen(value) {
+        this.IsConfigPanelOpen = value;
+    }
     /** Whether the quick-save dialog is open. */
-    showQuickSaveDialog = false;
+    ShowQuickSaveDialog = false;
+    /** @deprecated Use {@link ShowQuickSaveDialog}. */
+    get showQuickSaveDialog() {
+        return this.ShowQuickSaveDialog;
+    }
+    /** @deprecated Use {@link ShowQuickSaveDialog}. */
+    set showQuickSaveDialog(value) {
+        this.ShowQuickSaveDialog = value;
+    }
     /** Whether the duplicate-view dialog is open. */
-    showDuplicateDialog = false;
+    ShowDuplicateDialog = false;
+    /** @deprecated Use {@link ShowDuplicateDialog}. */
+    get showDuplicateDialog() {
+        return this.ShowDuplicateDialog;
+    }
+    /** @deprecated Use {@link ShowDuplicateDialog}. */
+    set showDuplicateDialog(value) {
+        this.ShowDuplicateDialog = value;
+    }
     /** Whether the shared-view warning dialog is open. */
-    showSharedViewWarning = false;
+    ShowSharedViewWarning = false;
+    /** @deprecated Use {@link ShowSharedViewWarning}. */
+    get showSharedViewWarning() {
+        return this.ShowSharedViewWarning;
+    }
+    /** @deprecated Use {@link ShowSharedViewWarning}. */
+    set showSharedViewWarning(value) {
+        this.ShowSharedViewWarning = value;
+    }
     /** Whether the config panel opens in "save as new" mode. */
-    defaultSaveAsNew = false;
+    DefaultSaveAsNew = false;
+    /** @deprecated Use {@link DefaultSaveAsNew}. */
+    get defaultSaveAsNew() {
+        return this.DefaultSaveAsNew;
+    }
+    /** @deprecated Use {@link DefaultSaveAsNew}. */
+    set defaultSaveAsNew(value) {
+        this.DefaultSaveAsNew = value;
+    }
     // ----- Pending state carried across dialogs -----
     /** Summary shown in the quick-save dialog. */
-    quickSaveSummary = null;
+    QuickSaveSummary = null;
+    /** @deprecated Use {@link QuickSaveSummary}. */
+    get quickSaveSummary() {
+        return this.QuickSaveSummary;
+    }
+    /** @deprecated Use {@link QuickSaveSummary}. */
+    set quickSaveSummary(value) {
+        this.QuickSaveSummary = value;
+    }
+    /**
+     * Name pre-filled in the quick-save dialog when it opens as a name prompt for a default-view
+     * Save that carries a filter (see {@link OnSaveDefaultViewSettings}). Empty for every other
+     * quick-save, which keeps the field blank as before.
+     */
+    QuickSaveSuggestedName = '';
+    /**
+     * The config-panel save staged while the user names the view it is being promoted into.
+     * Set only when a Save on the default (unsaved) view carries a filter; consumed by
+     * {@link executeQuickSave}, which merges it with the name the dialog collects.
+     */
+    pendingDefaultViewSave = null;
     /** Summary shown in the duplicate-view dialog. */
-    duplicateSummary = null;
+    DuplicateSummary = null;
+    /** @deprecated Use {@link DuplicateSummary}. */
+    get duplicateSummary() {
+        return this.DuplicateSummary;
+    }
+    /** @deprecated Use {@link DuplicateSummary}. */
+    set duplicateSummary(value) {
+        this.DuplicateSummary = value;
+    }
     /** Source view name shown in the duplicate-view dialog. */
-    duplicateSourceViewName = '';
+    DuplicateSourceViewName = '';
+    /** @deprecated Use {@link DuplicateSourceViewName}. */
+    get duplicateSourceViewName() {
+        return this.DuplicateSourceViewName;
+    }
+    /** @deprecated Use {@link DuplicateSourceViewName}. */
+    set duplicateSourceViewName(value) {
+        this.DuplicateSourceViewName = value;
+    }
     /** The view ID being duplicated. */
     duplicateTargetViewId = null;
     /** A quick-save event held while the shared-view warning is shown. */
     pendingQuickSaveEvent = null;
     /** Pre-populated name carried from quick-save dialog into the config panel. */
-    pendingNewViewName = '';
+    PendingNewViewName = '';
+    /** @deprecated Use {@link PendingNewViewName}. */
+    get pendingNewViewName() {
+        return this.PendingNewViewName;
+    }
+    /** @deprecated Use {@link PendingNewViewName}. */
+    set pendingNewViewName(value) {
+        this.PendingNewViewName = value;
+    }
     /** Pre-populated description carried from quick-save dialog into the config panel. */
-    pendingNewViewDescription = '';
+    PendingNewViewDescription = '';
+    /** @deprecated Use {@link PendingNewViewDescription}. */
+    get pendingNewViewDescription() {
+        return this.PendingNewViewDescription;
+    }
+    /** @deprecated Use {@link PendingNewViewDescription}. */
+    set pendingNewViewDescription(value) {
+        this.PendingNewViewDescription = value;
+    }
     /** Pre-populated sharing preference carried from quick-save dialog into the config panel. */
-    pendingNewViewIsShared = false;
+    PendingNewViewIsShared = false;
+    /** @deprecated Use {@link PendingNewViewIsShared}. */
+    get pendingNewViewIsShared() {
+        return this.PendingNewViewIsShared;
+    }
+    /** @deprecated Use {@link PendingNewViewIsShared}. */
+    set pendingNewViewIsShared(value) {
+        this.PendingNewViewIsShared = value;
+    }
+    /** Traditional filter carried from quick-save dialog back into the config panel. */
+    PendingNewViewFilterState = null;
+    /** Smart-filter toggle carried from quick-save dialog back into the config panel. */
+    PendingNewViewSmartFilterEnabled = false;
+    /** Smart-filter prompt carried from quick-save dialog back into the config panel. */
+    PendingNewViewSmartFilterPrompt = '';
     // ----- Filter dialog (rendered at workspace level for full width) -----
     /** Whether the full-width filter dialog is open. */
-    isFilterDialogOpen = false;
+    IsFilterDialogOpen = false;
+    /** @deprecated Use {@link IsFilterDialogOpen}. */
+    get isFilterDialogOpen() {
+        return this.IsFilterDialogOpen;
+    }
+    /** @deprecated Use {@link IsFilterDialogOpen}. */
+    set isFilterDialogOpen(value) {
+        this.IsFilterDialogOpen = value;
+    }
     /** The filter state currently being edited in the filter dialog. */
-    filterDialogState = null;
+    FilterDialogState = null;
+    /** @deprecated Use {@link FilterDialogState}. */
+    get filterDialogState() {
+        return this.FilterDialogState;
+    }
+    /** @deprecated Use {@link FilterDialogState}. */
+    set filterDialogState(value) {
+        this.FilterDialogState = value;
+    }
     /** The filter fields available in the filter dialog. */
-    filterDialogFields = [];
+    FilterDialogFields = [];
+    /** @deprecated Use {@link FilterDialogFields}. */
+    get filterDialogFields() {
+        return this.FilterDialogFields;
+    }
+    /** @deprecated Use {@link FilterDialogFields}. */
+    set filterDialogFields(value) {
+        this.FilterDialogFields = value;
+    }
     constructor(cdr) {
         super();
         this.cdr = cdr;
     }
     /** Controls the workspace-level export dialog (the same generic dialog the grid uses). */
-    showExportDialog = false;
-    exportDialogConfig = null;
+    ShowExportDialog = false;
+    /** @deprecated Use {@link ShowExportDialog}. */
+    get showExportDialog() {
+        return this.ShowExportDialog;
+    }
+    /** @deprecated Use {@link ShowExportDialog}. */
+    set showExportDialog(value) {
+        this.ShowExportDialog = value;
+    }
+    ExportDialogConfig = null;
+    /** @deprecated Use {@link ExportDialogConfig}. */
+    get exportDialogConfig() {
+        return this.ExportDialogConfig;
+    }
+    /** @deprecated Use {@link ExportDialogConfig}. */
+    set exportDialogConfig(value) {
+        this.ExportDialogConfig = value;
+    }
     /**
      * Handles the toolbar's Export button (the `<mj-view-selector>` `ExportRequested` output). This is
      * the always-visible, view-type-agnostic export for the workspace — previously the event wasn't
@@ -365,7 +560,7 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
      * options. Because the dialog only needs data + columns (it has no view-type dependency), this works
      * identically for Grid, Cards, Map and Timeline. Never fails silently — every path notifies.
      */
-    async onExportRequested() {
+    async OnExportRequested() {
         const viewer = this.entityViewerRef;
         if (!viewer || !this._entity) {
             console.error('[ViewWorkspace] Export: viewer not ready', { hasViewer: !!viewer, hasEntity: !!this._entity });
@@ -379,7 +574,7 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
                 MJNotificationService.Instance.CreateSimpleNotification('Nothing to export — the view returned no records.', 'warning', 5000);
                 return;
             }
-            this.exportDialogConfig = {
+            this.ExportDialogConfig = {
                 data: rows,
                 columns: this.buildExportColumns(),
                 defaultFileName: this.buildExportFileName(),
@@ -389,7 +584,7 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
                 defaultSamplingMode: 'all',
                 dialogTitle: `Export ${this._entity.Name}`
             };
-            this.showExportDialog = true;
+            this.ShowExportDialog = true;
             this.cdr.detectChanges();
         }
         catch (e) {
@@ -397,29 +592,67 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
             console.error('[ViewWorkspace] Export error:', e);
         }
     }
+    /** @deprecated Use {@link OnExportRequested}. */
+    async onExportRequested() {
+        return this.OnExportRequested();
+    }
     /** Closes the workspace export dialog (the dialog performs the export + download itself). */
-    onExportDialogClosed(_result) {
-        this.showExportDialog = false;
-        this.exportDialogConfig = null;
+    OnExportDialogClosed(_result) {
+        this.ShowExportDialog = false;
+        this.ExportDialogConfig = null;
         this.cdr.detectChanges();
     }
-    /** Columns to export — from the active grid state, else the view's columns, else the entity fields. */
+    /** @deprecated Use {@link OnExportDialogClosed}. */
+    onExportDialogClosed(_result) {
+        return this.OnExportDialogClosed(_result);
+    }
+    /**
+     * Columns to export: what the active renderer shows on screen (the grid), else the view's saved
+     * columns, else the entity fields. The fallbacks apply the grid's own rules, so Cards, Map and
+     * Timeline export the columns a grid of this view would show: saved settings are sorted by
+     * `orderIndex`, headed by the user's rename, resolved to the entity's field spelling (the export
+     * engine reads each row by that key), and dropped when the field no longer exists; fields the
+     * user is denied read access to are left out. Each column carries the type the grid gives it, so a
+     * date-only field exports as its day (`YYYY-MM-DD`) here as it does from the grid.
+     */
     buildExportColumns() {
-        if (!this._entity) {
+        const entity = this._entity;
+        if (!entity) {
             return [];
         }
-        const gridCols = this.currentGridState?.columnSettings;
+        const onScreen = this.entityViewerRef?.GetExportColumns() ?? [];
+        if (onScreen.length > 0) {
+            return onScreen;
+        }
+        const user = this.ProviderToUse?.CurrentUser;
+        const denied = user ? entity.GetDeniedReadFields(user) : new Set();
+        const readable = (f) => !denied.has(f.Name.trim().toLowerCase());
+        const gridCols = this.CurrentGridState?.columnSettings;
         if (gridCols && gridCols.length > 0) {
-            return gridCols
+            const columns = [];
+            const sorted = [...gridCols]
                 .filter(c => c.hidden !== true)
-                .map(c => ({ name: c.Name, displayName: c.DisplayName || c.Name }));
+                .sort((a, b) => (a.orderIndex ?? 0) - (b.orderIndex ?? 0));
+            for (const c of sorted) {
+                const field = entity.Fields.find(f => f.Name.toLowerCase() === c.Name.toLowerCase());
+                if (field && readable(field)) {
+                    columns.push({
+                        name: field.Name,
+                        displayName: c.userDisplayName || c.DisplayName || field.DisplayNameOrName,
+                        dataType: ExportColumnTypeForSQLType(field.Type),
+                    });
+                }
+            }
+            if (columns.length > 0) {
+                return columns;
+            }
         }
-        return this._entity.Fields
-            .filter(f => !f.IsVirtual)
-            .map(f => ({ name: f.Name, displayName: f.DisplayNameOrName }));
+        return entity.Fields
+            .filter(f => !f.IsVirtual && readable(f))
+            .map(f => ({ name: f.Name, displayName: f.DisplayNameOrName, dataType: ExportColumnTypeForSQLType(f.Type) }));
     }
     buildExportFileName() {
-        const viewName = this.currentViewEntity?.Name || 'Data';
+        const viewName = this.CurrentViewEntity?.Name || 'Data';
         return `${this._entity.Name}_${viewName}_${new Date().toISOString().split('T')[0]}`;
     }
     // ========================================
@@ -428,27 +661,30 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
     /** Initializes the workspace and loads the per-user default grid state for the entity. */
     ngOnInit() {
         this._initialized = true;
-        if (this._entity && !this.currentViewEntity) {
-            this.currentGridState = this.loadUserDefaultGridState();
+        if (this._entity && !this.CurrentViewEntity) {
+            this.CurrentGridState = this.loadUserDefaultGridState();
         }
     }
     /** Resets all view/selection state when the bound entity changes to a different entity. */
     resetForEntityChange() {
-        this.currentViewEntity = null;
-        this.selectedViewId = null;
-        this.viewModified = false;
+        this.CurrentViewEntity = null;
+        this.SelectedViewId = null;
+        this.ViewModified = false;
         this.selectedRecordId = null;
-        this.currentGridState = this.loadUserDefaultGridState();
+        this.CurrentGridState = this.loadUserDefaultGridState();
         this.closeAllDialogs();
         this.cdr.detectChanges();
     }
     /** Closes every dialog/panel — used on entity change. */
     closeAllDialogs() {
-        this.isConfigPanelOpen = false;
-        this.showQuickSaveDialog = false;
-        this.showDuplicateDialog = false;
-        this.showSharedViewWarning = false;
-        this.isFilterDialogOpen = false;
+        this.IsConfigPanelOpen = false;
+        this.ShowQuickSaveDialog = false;
+        this.ShowDuplicateDialog = false;
+        this.ShowSharedViewWarning = false;
+        this.IsFilterDialogOpen = false;
+        // A save staged for the previous entity references that entity's fields — it must not
+        // surface on the next quick-save against the new one.
+        this.clearPendingNewViewState();
     }
     // ========================================
     // VIEW-TYPE SWITCHER (lifted into the toolbar)
@@ -460,26 +696,38 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
      * + persistence). The viewer's own header switcher is suppressed via Config, so this is the
      * single switcher in the workspace.
      */
-    onToolbarViewTypeSelected(event) {
+    OnToolbarViewTypeSelected(event) {
         this.entityViewerRef?.SelectViewTypeById(event.viewTypeId);
         this.cdr.detectChanges();
     }
+    /** @deprecated Use {@link OnToolbarViewTypeSelected}. */
+    onToolbarViewTypeSelected(event) {
+        return this.OnToolbarViewTypeSelected(event);
+    }
     /**
      * The active view type's `MJ: View Types` row ID, read from the inner viewer for the toolbar
      * switcher's active highlight. Safe to read in the template — it reflects the viewer's own
      * resolved state rather than driving it.
      */
-    get activeViewTypeId() {
+    get ActiveViewTypeId() {
         return this.entityViewerRef?.ActiveViewTypeId ?? null;
     }
+    /** @deprecated Use {@link ActiveViewTypeId}. */
+    get activeViewTypeId() {
+        return this.ActiveViewTypeId;
+    }
     /**
      * The Config forwarded to the inner viewer. Merges the host-supplied {@link ViewerConfig} but
      * always forces `showViewModeToggle: false` so the view-type switcher appears only once — in the
      * workspace toolbar, not duplicated in the viewer's own header.
      */
-    get innerViewerConfig() {
+    get InnerViewerConfig() {
         return { ...(this.ViewerConfig ?? {}), showViewModeToggle: false };
     }
+    /** @deprecated Use {@link InnerViewerConfig}. */
+    get innerViewerConfig() {
+        return this.InnerViewerConfig;
+    }
     // ========================================
     // VIEW SELECTION
     // ========================================
@@ -487,82 +735,126 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
      * Handle a view selection from the selector dropdown. Applies the view's grid state and filter,
      * resets the modified flag, and notifies the host. (Generalized from DataExplorer.onViewSelected.)
      */
-    onViewSelected(event) {
+    OnViewSelected(event) {
         this.entityViewerRef?.EnsurePendingChangesSaved();
-        this.currentViewEntity = event.View;
-        this.selectedViewId = event.ViewID;
-        this.viewModified = false;
+        this.CurrentViewEntity = event.View;
+        this.SelectedViewId = event.ViewID;
+        this.ViewModified = false;
         this.filterText = '';
-        this.currentGridState = event.View
+        this.CurrentGridState = event.View
             ? this.parseViewGridState(event.View)
             : this.loadUserDefaultGridState();
         this.ViewSelected.emit(event.View);
         this.SelectedViewChange.emit(event.View);
         this.cdr.detectChanges();
     }
+    /** @deprecated Use {@link OnViewSelected}. */
+    onViewSelected(event) {
+        return this.OnViewSelected(event);
+    }
     /** Handle filter text change from the viewer — re-emit so the host can sync its filter box / URL. */
-    onFilterTextChanged(filterText) {
+    OnFilterTextChanged(filterText) {
         this.filterText = filterText;
         this.FilterTextChanged.emit(filterText);
     }
+    /** @deprecated Use {@link OnFilterTextChanged}. */
+    onFilterTextChanged(filterText) {
+        return this.OnFilterTextChanged(filterText);
+    }
     /** Track loaded records so the config panel has sample data, and re-emit the full event. */
-    onDataLoaded(event) {
-        this.loadedRecords = event.records;
+    OnDataLoaded(event) {
+        this.LoadedRecords = event.records;
         this.DataLoaded.emit(event);
     }
+    /** @deprecated Use {@link OnDataLoaded}. */
+    onDataLoaded(event) {
+        return this.OnDataLoaded(event);
+    }
     /** Re-emit the inner viewer's filtered-count change for the host. */
-    onFilteredCountChanged(event) {
+    OnFilteredCountChanged(event) {
         this.FilteredCountChanged.emit(event);
     }
+    /** @deprecated Use {@link OnFilteredCountChanged}. */
+    onFilteredCountChanged(event) {
+        return this.OnFilteredCountChanged(event);
+    }
     // ========================================
     // RECORD SELECTION / OPENING / NAVIGATION (emit for host)
     // ========================================
     /** Handle a record single-click — track selection and re-emit for the host. */
-    onRecordSelected(event) {
+    OnRecordSelected(event) {
         this.selectedRecordId = event.compositeKey.ToConcatenatedString();
         this.RecordSelected.emit(event);
     }
+    /** @deprecated Use {@link OnRecordSelected}. */
+    onRecordSelected(event) {
+        return this.OnRecordSelected(event);
+    }
     /** Handle a record open (double-click) — emit for the host to route to the record. */
-    onRecordOpened(event) {
+    OnRecordOpened(event) {
         if (event.record) {
             this.OpenRecordRequested.emit({ entity: event.entity, record: event.record });
         }
     }
+    /** @deprecated Use {@link OnRecordOpened}. */
+    onRecordOpened(event) {
+        return this.OnRecordOpened(event);
+    }
     /**
      * Handle a plug-in renderer's request (via the inner viewer) to open a related record on a
      * (possibly different) entity — re-emit for the host to route.
      */
-    onOpenRelatedRecordRequested(nav) {
+    OnOpenRelatedRecordRequested(nav) {
         this.OpenRelatedRecordRequested.emit(nav);
     }
+    /** @deprecated Use {@link OnOpenRelatedRecordRequested}. */
+    onOpenRelatedRecordRequested(nav) {
+        return this.OnOpenRelatedRecordRequested(nav);
+    }
     /**
      * Handle a plug-in renderer's request (via the inner viewer) to create a new record of the
      * current entity (e.g. a grid's "New" button) — re-emit for the host to open the form.
      */
-    onCreateRecordRequested() {
+    OnCreateRecordRequested() {
         if (this._entity) {
             this.CreateNewRecordRequested.emit(this._entity);
         }
     }
+    /** @deprecated Use {@link OnCreateRecordRequested}. */
+    onCreateRecordRequested() {
+        return this.OnCreateRecordRequested();
+    }
     // ========================================
     // VIEW SELECTOR ACTIONS
     // ========================================
     /** Handle the selector's "open in tab" request — emit for the host to route. */
-    onOpenInTabRequested(viewId) {
+    OnOpenInTabRequested(viewId) {
         this.OpenViewInTabRequested.emit(viewId);
     }
+    /** @deprecated Use {@link OnOpenInTabRequested}. */
+    onOpenInTabRequested(viewId) {
+        return this.OnOpenInTabRequested(viewId);
+    }
     /** Handle the selector's "create new record" request — emit for the host. */
-    onCreateNewRecordRequested() {
+    OnCreateNewRecordRequested() {
         if (this._entity) {
             this.CreateNewRecordRequested.emit(this._entity);
         }
     }
+    /** @deprecated Use {@link OnCreateNewRecordRequested}. */
+    onCreateNewRecordRequested() {
+        return this.OnCreateNewRecordRequested();
+    }
     /** Handle the selector's "configure view" request — open the config panel. */
-    onConfigureViewRequested() {
-        this.defaultSaveAsNew = false;
-        this.isConfigPanelOpen = true;
+    OnConfigureViewRequested() {
+        this.DefaultSaveAsNew = false;
+        this.IsConfigPanelOpen = true;
         this.cdr.detectChanges();
     }
+    /** @deprecated Use {@link OnConfigureViewRequested}. */
+    onConfigureViewRequested() {
+        return this.OnConfigureViewRequested();
+    }
     // ========================================
     // PROGRAMMATIC GRID CONTROL (passthrough to the inner entity viewer)
     // ========================================
@@ -622,46 +914,71 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
         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;
-        this.isConfigPanelOpen = true;
+    OnSaveViewRequested(event) {
+        this.DefaultSaveAsNew = event.SaveAsNew || false;
+        this.IsConfigPanelOpen = true;
         this.cdr.detectChanges();
     }
+    /** @deprecated Use {@link OnSaveViewRequested}. */
+    onSaveViewRequested(event) {
+        return this.OnSaveViewRequested(event);
+    }
     // ========================================
     // CONFIG PANEL
     // ========================================
     /** Close the config panel and clear any pending new-view carry-over state. */
-    onCloseConfigPanel() {
-        this.isConfigPanelOpen = false;
+    OnCloseConfigPanel() {
+        this.IsConfigPanelOpen = false;
         this.clearPendingNewViewState();
         this.cdr.detectChanges();
     }
+    /** @deprecated Use {@link OnCloseConfigPanel}. */
+    onCloseConfigPanel() {
+        return this.OnCloseConfigPanel();
+    }
     /** Reset the carry-over state used when continuing a new-view flow into the config panel. */
     clearPendingNewViewState() {
-        this.pendingNewViewName = '';
-        this.pendingNewViewDescription = '';
-        this.pendingNewViewIsShared = false;
-        this.defaultSaveAsNew = false;
+        this.PendingNewViewName = '';
+        this.PendingNewViewDescription = '';
+        this.PendingNewViewIsShared = false;
+        this.PendingNewViewFilterState = null;
+        this.PendingNewViewSmartFilterEnabled = false;
+        this.PendingNewViewSmartFilterPrompt = '';
+        this.DefaultSaveAsNew = false;
+        this.pendingDefaultViewSave = null;
+        this.QuickSaveSuggestedName = '';
     }
     // ----- Filter dialog -----
     /** Open the full-width filter dialog from the config panel's request. */
-    onOpenFilterDialogRequest(event) {
-        this.filterDialogState = event.filterState;
-        this.filterDialogFields = event.filterFields;
-        this.isFilterDialogOpen = true;
+    OnOpenFilterDialogRequest(event) {
+        this.FilterDialogState = event.filterState;
+        this.FilterDialogFields = event.filterFields;
+        this.IsFilterDialogOpen = true;
         this.cdr.detectChanges();
     }
+    /** @deprecated Use {@link OnOpenFilterDialogRequest}. */
+    onOpenFilterDialogRequest(event) {
+        return this.OnOpenFilterDialogRequest(event);
+    }
     /** Close the filter dialog. */
-    onCloseFilterDialog() {
-        this.isFilterDialogOpen = false;
+    OnCloseFilterDialog() {
+        this.IsFilterDialogOpen = false;
         this.cdr.detectChanges();
     }
+    /** @deprecated Use {@link OnCloseFilterDialog}. */
+    onCloseFilterDialog() {
+        return this.OnCloseFilterDialog();
+    }
     /** Apply a filter from the dialog — the config panel picks it up via `externalFilterState`. */
-    onFilterApplied(filter) {
-        this.filterDialogState = filter;
-        this.isFilterDialogOpen = false;
+    OnFilterApplied(filter) {
+        this.FilterDialogState = filter;
+        this.IsFilterDialogOpen = false;
         this.cdr.detectChanges();
     }
+    /** @deprecated Use {@link OnFilterApplied}. */
+    onFilterApplied(filter) {
+        return this.OnFilterApplied(filter);
+    }
     // ========================================
     // SAVE VIEW
     // ========================================
@@ -669,33 +986,39 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
      * Handle a save from the config panel. When {@link AutoSaveView}, persists the view itself
      * (create-new or update) via the BaseEntity; otherwise emits {@link SaveViewRequested} for the host.
      * (Faithful generalization of DataExplorer.onSaveView, minus routing/state-service/notifications.)
+     * Resolves `true` once the view is saved (or handed to the host), `false` if it was not.
      */
-    async onSaveView(event) {
+    async OnSaveView(event) {
         if (!this._entity) {
-            return;
+            return false;
         }
         if (!this.AutoSaveView) {
             this.SaveViewRequested.emit(event);
-            this.isConfigPanelOpen = false;
+            this.IsConfigPanelOpen = false;
             this.clearPendingNewViewState();
             this.cdr.detectChanges();
-            return;
+            return true;
         }
-        this.isSavingView = true;
+        this.IsSavingView = true;
         this.cdr.detectChanges();
-        const isNew = event.SaveAsNew || !this.currentViewEntity;
+        const isNew = event.SaveAsNew || !this.CurrentViewEntity;
         const success = isNew
             ? await this.persistNewView(event)
             : await this.persistExistingView(event);
         if (success) {
-            this.isConfigPanelOpen = false;
+            this.IsConfigPanelOpen = false;
             this.clearPendingNewViewState();
             // 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;
+        this.IsSavingView = false;
         this.cdr.detectChanges();
+        return success;
+    }
+    /** @deprecated Use {@link OnSaveView}. */
+    async onSaveView(event) {
+        return this.OnSaveView(event);
     }
     /**
      * Create and persist a brand-new view from the save event. Fires the cancelable
@@ -731,10 +1054,10 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
             LogError(`[ViewWorkspace] Failed to create view: ${newView.LatestResult?.CompleteMessage ?? 'unknown error'}`);
             return false;
         }
-        this.currentViewEntity = newView;
-        this.selectedViewId = newView.ID;
-        this.viewModified = false;
-        this.currentGridState = this.parseViewGridState(newView);
+        this.CurrentViewEntity = newView;
+        this.SelectedViewId = newView.ID;
+        this.ViewModified = false;
+        this.CurrentGridState = this.parseViewGridState(newView);
         this.ViewSelected.emit(newView);
         this.SelectedViewChange.emit(newView);
         this.AfterViewSave.emit({ View: newView, IsNew: true });
@@ -745,7 +1068,7 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
      * {@link BeforeViewSave} before saving and {@link AfterViewSave} after success.
      */
     async persistExistingView(event) {
-        const view = this.currentViewEntity;
+        const view = this.CurrentViewEntity;
         view.Name = event.Name;
         view.Description = event.Description;
         view.IsShared = event.IsShared;
@@ -770,8 +1093,8 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
             LogError(`[ViewWorkspace] Failed to update view: ${view.LatestResult?.CompleteMessage ?? 'unknown error'}`);
             return false;
         }
-        this.viewModified = false;
-        this.currentGridState = this.parseViewGridState(view);
+        this.ViewModified = false;
+        this.CurrentGridState = this.parseViewGridState(view);
         this.AfterViewSave.emit({ View: view, IsNew: false });
         return true;
     }
@@ -780,17 +1103,32 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
      * persists to `UserInfoEngine`; otherwise emits {@link SaveDefaultsRequested}.
      * (Generalized from DataExplorer.onSaveDefaultViewSettings.)
      */
-    async onSaveDefaultViewSettings(event) {
+    async OnSaveDefaultViewSettings(event) {
         if (!this._entity) {
             return;
         }
+        // A default-view Save that carries a filter is not a preferences save at all — the
+        // `default-view-setting/<Entity>` payload is an IGridState with nowhere to put a filter, so
+        // persisting here would silently drop it (#4220). It is really a view creation missing a
+        // name, so stage it and open the quick-save dialog to collect one. Confirming there routes
+        // through `OnSaveView`, which honours `AutoSaveView` for both host modes.
+        if (this.eventHasFilter(event)) {
+            this.pendingDefaultViewSave = event;
+            this.QuickSaveSuggestedName = this.buildSuggestedViewName(event);
+            this.QuickSaveSummary = this.buildConfigSummary(event);
+            this.DefaultSaveAsNew = true;
+            this.IsConfigPanelOpen = false;
+            this.ShowQuickSaveDialog = true;
+            this.cdr.detectChanges();
+            return;
+        }
         if (!this.AutoSaveView) {
             this.SaveDefaultsRequested.emit(event);
-            this.isConfigPanelOpen = false;
+            this.IsConfigPanelOpen = false;
             this.cdr.detectChanges();
             return;
         }
-        this.isSavingView = true;
+        this.IsSavingView = true;
         this.cdr.detectChanges();
         const gridState = this.buildGridState(event);
         if (gridState) {
@@ -798,7 +1136,7 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
             const settingKey = `default-view-setting/${this._entity.Name}`;
             const saved = await UserInfoEngine.Instance.SetSetting(settingKey, JSON.stringify(gridState));
             if (saved) {
-                this.currentGridState = {
+                this.CurrentGridState = {
                     columnSettings: gridState.columnSettings,
                     sortSettings: gridState.sortSettings,
                     aggregates: gridState.aggregates
@@ -810,10 +1148,14 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
                 LogError('[ViewWorkspace] Failed to save default view settings');
             }
         }
-        this.isConfigPanelOpen = false;
-        this.isSavingView = false;
+        this.IsConfigPanelOpen = false;
+        this.IsSavingView = false;
         this.cdr.detectChanges();
     }
+    /** @deprecated Use {@link OnSaveDefaultViewSettings}. */
+    async onSaveDefaultViewSettings(event) {
+        return this.OnSaveDefaultViewSettings(event);
+    }
     // ========================================
     // DELETE VIEW
     // ========================================
@@ -822,17 +1164,17 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
      * (firing cancelable {@link BeforeViewDelete} / notification {@link AfterViewDelete}); otherwise
      * emits {@link DeleteViewRequested}. (Generalized from DataExplorer.onDeleteView.)
      */
-    async onDeleteView() {
-        if (!this.currentViewEntity) {
+    async OnDeleteView() {
+        if (!this.CurrentViewEntity) {
             return;
         }
         if (!this.AutoSaveView) {
-            this.DeleteViewRequested.emit(this.currentViewEntity);
-            this.isConfigPanelOpen = false;
+            this.DeleteViewRequested.emit(this.CurrentViewEntity);
+            this.IsConfigPanelOpen = false;
             this.cdr.detectChanges();
             return;
         }
-        const view = this.currentViewEntity;
+        const view = this.CurrentViewEntity;
         const viewId = view.ID;
         const viewName = view.Name;
         const before = { Data: view, Cancel: false };
@@ -845,11 +1187,11 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
             LogError(`[ViewWorkspace] Failed to delete view: ${view.LatestResult?.CompleteMessage ?? 'unknown error'}`);
             return;
         }
-        this.currentViewEntity = null;
-        this.selectedViewId = null;
-        this.viewModified = false;
-        this.isConfigPanelOpen = false;
-        this.currentGridState = this.loadUserDefaultGridState();
+        this.CurrentViewEntity = null;
+        this.SelectedViewId = null;
+        this.ViewModified = false;
+        this.IsConfigPanelOpen = false;
+        this.CurrentGridState = this.loadUserDefaultGridState();
         // 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);
@@ -857,6 +1199,10 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
         this.AfterViewDelete.emit({ ViewID: viewId, ViewName: viewName });
         this.cdr.detectChanges();
     }
+    /** @deprecated Use {@link OnDeleteView}. */
+    async onDeleteView() {
+        return this.OnDeleteView();
+    }
     // ========================================
     // QUICK SAVE
     // ========================================
@@ -864,47 +1210,73 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
      * Handle a quick-save request from the selector (F-001). Builds a summary from the config panel
      * and opens the quick-save dialog. (Generalized from DataExplorer.onQuickSaveRequested.)
      */
-    onQuickSaveRequested(saveAsNew) {
-        this.defaultSaveAsNew = saveAsNew;
-        this.quickSaveSummary = this.viewConfigPanelRef?.BuildSummary() ?? null;
-        this.showQuickSaveDialog = true;
+    OnQuickSaveRequested(saveAsNew) {
+        this.DefaultSaveAsNew = saveAsNew;
+        this.QuickSaveSummary = this.viewConfigPanelRef?.BuildSummary() ?? null;
+        this.ShowQuickSaveDialog = true;
         this.cdr.detectChanges();
     }
+    /** @deprecated Use {@link OnQuickSaveRequested}. */
+    onQuickSaveRequested(saveAsNew) {
+        return this.OnQuickSaveRequested(saveAsNew);
+    }
     /**
      * Handle the quick-save dialog's save. Intercepts updates to a shared view with the shared-view
      * warning; otherwise executes the save. (Generalized from DataExplorer.onQuickSave.)
      */
-    async onQuickSave(event) {
-        this.showQuickSaveDialog = false;
-        if (!event.SaveAsNew && this.currentViewEntity?.IsShared) {
+    async OnQuickSave(event) {
+        this.ShowQuickSaveDialog = false;
+        if (!event.SaveAsNew && this.CurrentViewEntity?.IsShared) {
             this.pendingQuickSaveEvent = event;
-            this.showSharedViewWarning = true;
+            this.ShowSharedViewWarning = true;
             this.cdr.detectChanges();
             return;
         }
         await this.executeQuickSave(event);
     }
-    /** Build a `ViewSaveEvent` from a `QuickSaveEvent` and delegate to {@link onSaveView}. */
+    /** @deprecated Use {@link OnQuickSave}. */
+    async onQuickSave(event) {
+        return this.OnQuickSave(event);
+    }
+    /**
+     * Build a `ViewSaveEvent` from a `QuickSaveEvent` and delegate to {@link OnSaveView}.
+     *
+     * When a config-panel save is staged — a default-view Save carrying a filter, waiting only on a
+     * name (see {@link OnSaveDefaultViewSettings}) — its columns, sort, filter and aggregates are
+     * merged in and the dialog supplies just the name/description/sharing. The smart-filter fields
+     * used to be hard-coded to `false`/`''` here, which dropped a smart filter on this path too
+     * (#4220).
+     *
+     * The staged save is left in place until the save succeeds ({@link OnSaveView} clears it). If
+     * the save fails or a host cancels it, the name prompt reopens so the user can retry or cancel
+     * rather than losing the filter with nothing on screen.
+     */
     async executeQuickSave(event) {
+        const staged = this.pendingDefaultViewSave;
         const viewSaveEvent = {
             Name: event.Name,
             Description: event.Description,
             IsShared: event.IsShared,
             SaveAsNew: event.SaveAsNew,
-            Columns: [],
-            SortField: null,
-            SortDirection: 'asc',
-            SortItems: [],
-            SmartFilterEnabled: false,
-            SmartFilterPrompt: '',
-            FilterState: this.filterDialogState ?? null,
-            AggregatesConfig: null
+            Columns: staged?.Columns ?? [],
+            SortField: staged?.SortField ?? null,
+            SortDirection: staged?.SortDirection ?? 'asc',
+            SortItems: staged?.SortItems ?? [],
+            SmartFilterEnabled: staged?.SmartFilterEnabled ?? false,
+            SmartFilterPrompt: staged?.SmartFilterPrompt ?? '',
+            FilterState: staged?.FilterState ?? this.FilterDialogState ?? null,
+            AggregatesConfig: staged?.AggregatesConfig ?? null
         };
-        await this.onSaveView(viewSaveEvent);
+        const saved = await this.OnSaveView(viewSaveEvent);
+        if (!saved && staged) {
+            this.QuickSaveSuggestedName = event.Name;
+            this.ShowQuickSaveDialog = true;
+            this.cdr.detectChanges();
+        }
     }
     /** Handle the shared-view warning action (update / save-as-copy / cancel). */
-    async onSharedViewAction(action) {
-        this.showSharedViewWarning = false;
+    async OnSharedViewAction(action) {
+        this.ShowSharedViewWarning = false;
         const event = this.pendingQuickSaveEvent;
         this.pendingQuickSaveEvent = null;
         if (!event) {
@@ -918,27 +1290,54 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
         }
         this.cdr.detectChanges();
     }
+    /** @deprecated Use {@link OnSharedViewAction}. */
+    async onSharedViewAction(action) {
+        return this.OnSharedViewAction(action);
+    }
     /** Handle the shared-view warning cancel. */
-    onSharedViewWarningCancel() {
-        this.showSharedViewWarning = false;
+    OnSharedViewWarningCancel() {
+        this.ShowSharedViewWarning = false;
         this.pendingQuickSaveEvent = null;
         this.cdr.detectChanges();
     }
+    /** @deprecated Use {@link OnSharedViewWarningCancel}. */
+    onSharedViewWarningCancel() {
+        return this.OnSharedViewWarningCancel();
+    }
     /** Handle the quick-save dialog close. */
-    onQuickSaveClose() {
-        this.showQuickSaveDialog = false;
+    OnQuickSaveClose() {
+        this.ShowQuickSaveDialog = false;
+        // Abandoning the name prompt abandons the promoted save with it — otherwise the staged
+        // filter would surface on whatever the user saved next.
+        this.clearPendingNewViewState();
         this.cdr.detectChanges();
     }
+    /** @deprecated Use {@link OnQuickSaveClose}. */
+    onQuickSaveClose() {
+        return this.OnQuickSaveClose();
+    }
     /** Handle "open advanced" from the quick-save dialog — carry data into the config panel. */
-    onQuickSaveOpenAdvanced(event) {
-        this.pendingNewViewName = event.Name;
-        this.pendingNewViewDescription = event.Description;
-        this.pendingNewViewIsShared = event.IsShared;
-        this.defaultSaveAsNew = true;
-        this.showQuickSaveDialog = false;
-        this.isConfigPanelOpen = true;
+    OnQuickSaveOpenAdvanced(event) {
+        this.PendingNewViewName = event.Name;
+        this.PendingNewViewDescription = event.Description;
+        this.PendingNewViewIsShared = event.IsShared;
+        // Hand any staged filter back to the panel, which resets its own filter state on open.
+        // Without this the escape hatch out of the name prompt would silently drop the filter.
+        const staged = this.pendingDefaultViewSave;
+        if (staged) {
+            this.PendingNewViewFilterState = staged.FilterState;
+            this.PendingNewViewSmartFilterEnabled = staged.SmartFilterEnabled;
+            this.PendingNewViewSmartFilterPrompt = staged.SmartFilterPrompt;
+        }
+        this.DefaultSaveAsNew = true;
+        this.ShowQuickSaveDialog = false;
+        this.IsConfigPanelOpen = true;
         this.cdr.detectChanges();
     }
+    /** @deprecated Use {@link OnQuickSaveOpenAdvanced}. */
+    onQuickSaveOpenAdvanced(event) {
+        return this.OnQuickSaveOpenAdvanced(event);
+    }
     // ========================================
     // DUPLICATE VIEW
     // ========================================
@@ -946,19 +1345,23 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
      * Handle a duplicate request (F-005). Opens the duplicate dialog so the user names the copy.
      * (Generalized from DataExplorer.onDuplicateView.)
      */
-    onDuplicateViewRequested(viewId) {
-        const targetId = viewId || this.currentViewEntity?.ID;
+    OnDuplicateViewRequested(viewId) {
+        const targetId = viewId || this.CurrentViewEntity?.ID;
         if (!targetId || !this._entity) {
             return;
         }
         const allViews = [...(this.viewSelectorRef?.MyViews ?? []), ...(this.viewSelectorRef?.SharedViews ?? [])];
         const viewItem = allViews.find(v => v.id === targetId);
         this.duplicateTargetViewId = targetId;
-        this.duplicateSourceViewName = viewItem?.name || this.currentViewEntity?.Name || 'View';
-        this.duplicateSummary = this.buildDuplicateSummary(viewItem?.entity ?? this.currentViewEntity);
-        this.showDuplicateDialog = true;
+        this.DuplicateSourceViewName = viewItem?.name || this.CurrentViewEntity?.Name || 'View';
+        this.DuplicateSummary = this.buildDuplicateSummary(viewItem?.entity ?? this.CurrentViewEntity);
+        this.ShowDuplicateDialog = true;
         this.cdr.detectChanges();
     }
+    /** @deprecated Use {@link OnDuplicateViewRequested}. */
+    onDuplicateViewRequested(viewId) {
+        return this.OnDuplicateViewRequested(viewId);
+    }
     /** Build a {@link ViewConfigSummary} from a view entity for the duplicate dialog. */
     buildDuplicateSummary(view) {
         if (!view) {
@@ -1008,8 +1411,8 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
      * copies its config into a new personal view, and persists it; otherwise emits
      * {@link DuplicateViewRequested}. (Generalized from DataExplorer.onDuplicateConfirmed.)
      */
-    async onDuplicateConfirmed(event) {
-        this.showDuplicateDialog = false;
+    async OnDuplicateConfirmed(event) {
+        this.ShowDuplicateDialog = false;
         const targetId = this.duplicateTargetViewId;
         this.duplicateTargetViewId = null;
         if (!targetId || !this._entity) {
@@ -1021,6 +1424,10 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
         }
         await this.persistDuplicate(targetId, event.Name);
     }
+    /** @deprecated Use {@link OnDuplicateConfirmed}. */
+    async onDuplicateConfirmed(event) {
+        return this.OnDuplicateConfirmed(event);
+    }
     /** Load the source view, copy its config into a new personal view, and persist it. */
     async persistDuplicate(sourceViewId, newName) {
         const provider = this.ProviderToUse;
@@ -1052,18 +1459,26 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
         this.AfterViewSave.emit({ View: newView, IsNew: true });
     }
     /** Handle the duplicate dialog cancel. */
-    onDuplicateCancel() {
-        this.showDuplicateDialog = false;
+    OnDuplicateCancel() {
+        this.ShowDuplicateDialog = false;
         this.duplicateTargetViewId = null;
         this.cdr.detectChanges();
     }
+    /** @deprecated Use {@link OnDuplicateCancel}. */
+    onDuplicateCancel() {
+        return this.OnDuplicateCancel();
+    }
     /** Handle duplicate triggered from the config panel — duplicate the selected view. */
-    onDuplicateFromPanel() {
-        if (this.currentViewEntity?.ID) {
-            this.isConfigPanelOpen = false;
-            this.onDuplicateViewRequested(this.currentViewEntity.ID);
+    OnDuplicateFromPanel() {
+        if (this.CurrentViewEntity?.ID) {
+            this.IsConfigPanelOpen = false;
+            this.OnDuplicateViewRequested(this.CurrentViewEntity.ID);
         }
     }
+    /** @deprecated Use {@link OnDuplicateFromPanel}. */
+    onDuplicateFromPanel() {
+        return this.OnDuplicateFromPanel();
+    }
     // ========================================
     // REVERT
     // ========================================
@@ -1071,18 +1486,22 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
      * Handle a revert request (F-007). Re-parses the saved view's grid state, clears the modified
      * flag, and reloads. (Generalized from DataExplorer.onRevertView.)
      */
-    async onRevertView() {
-        if (!this.currentViewEntity) {
+    async OnRevertView() {
+        if (!this.CurrentViewEntity) {
             return;
         }
-        const gridState = this.parseViewGridState(this.currentViewEntity);
+        const gridState = this.parseViewGridState(this.CurrentViewEntity);
         if (gridState) {
-            this.currentGridState = gridState;
+            this.CurrentGridState = gridState;
         }
-        this.viewModified = false;
+        this.ViewModified = false;
         await this.entityViewerRef?.LoadData();
         this.cdr.detectChanges();
     }
+    /** @deprecated Use {@link OnRevertView}. */
+    async onRevertView() {
+        return this.OnRevertView();
+    }
     // ========================================
     // GRID/SORT/FILTER STATE BUILDERS
     // (Generalized from DataExplorer — no state-service / selectedEntity coupling.)
@@ -1105,8 +1524,8 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
                 format: col.format
             }));
         }
-        else if (this.currentGridState?.columnSettings && this.currentGridState.columnSettings.length > 0) {
-            columnSettings = this.currentGridState.columnSettings;
+        else if (this.CurrentGridState?.columnSettings && this.CurrentGridState.columnSettings.length > 0) {
+            columnSettings = this.CurrentGridState.columnSettings;
         }
         else if (this._entity) {
             columnSettings = this._entity.Fields
@@ -1128,8 +1547,8 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
         }
         const sortSettings = this.buildGridSortSettings(event);
         let aggregates = event.AggregatesConfig ?? undefined;
-        if (!aggregates && this.currentGridState?.aggregates) {
-            aggregates = this.currentGridState.aggregates;
+        if (!aggregates && this.CurrentGridState?.aggregates) {
+            aggregates = this.CurrentGridState.aggregates;
         }
         return { columnSettings, sortSettings, aggregates };
     }
@@ -1141,8 +1560,8 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
         if (event.SortField) {
             return [{ field: event.SortField, dir: event.SortDirection }];
         }
-        if (this.currentGridState?.sortSettings && this.currentGridState.sortSettings.length > 0) {
-            return this.currentGridState.sortSettings;
+        if (this.CurrentGridState?.sortSettings && this.CurrentGridState.sortSettings.length > 0) {
+            return this.CurrentGridState.sortSettings;
         }
         return undefined;
     }
@@ -1162,6 +1581,44 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
             ? JSON.stringify(event.FilterState)
             : JSON.stringify({ logic: 'and', filters: [] });
     }
+    /**
+     * Whether a save event carries a filter the user would expect to be kept — a smart prompt with
+     * actual text, or at least one traditional filter. Deliberately stricter than the config panel's
+     * own `hasActiveFilters()`, which only looks at the traditional list.
+     */
+    eventHasFilter(event) {
+        const hasSmartFilter = event.SmartFilterEnabled && !!event.SmartFilterPrompt?.trim();
+        const hasTraditionalFilter = (event.FilterState?.filters?.length ?? 0) > 0;
+        return hasSmartFilter || hasTraditionalFilter;
+    }
+    /** Longest suggested name we will build before eliding the smart prompt. */
+    static SUGGESTED_NAME_MAX_LENGTH = 60;
+    /**
+     * Propose a name for a view being promoted out of the default view, so the user can accept it
+     * with a single click. A smart prompt describes the view better than anything we could invent,
+     * so it becomes the name (elided if long); a traditional filter gets a plain marker.
+     */
+    buildSuggestedViewName(event) {
+        const entityName = this._entity?.DisplayNameOrName ?? this._entity?.Name ?? 'View';
+        const prompt = event.SmartFilterEnabled ? event.SmartFilterPrompt?.trim() : '';
+        if (!prompt) {
+            return `${entityName} — Filtered`;
+        }
+        const budget = ViewWorkspaceComponent.SUGGESTED_NAME_MAX_LENGTH - entityName.length - ' — '.length;
+        const suffix = prompt.length > budget ? `${prompt.slice(0, Math.max(budget - 1, 1)).trimEnd()}…` : prompt;
+        return `${entityName} — ${suffix}`;
+    }
+    /** Build a {@link ViewConfigSummary} from a pending save event, for the quick-save dialog. */
+    buildConfigSummary(event) {
+        return {
+            ColumnCount: event.Columns.length,
+            FilterCount: event.FilterState?.filters?.length ?? 0,
+            SortCount: event.SortItems.length,
+            SmartFilterActive: event.SmartFilterEnabled && !!event.SmartFilterPrompt?.trim(),
+            SmartFilterPrompt: event.SmartFilterPrompt,
+            AggregateCount: event.AggregatesConfig?.expressions?.filter(a => a.enabled !== false).length ?? 0
+        };
+    }
     // ========================================
     // GRID STATE PARSE / DEFAULTS
     // ========================================
@@ -1232,7 +1689,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: 13, vars: 34, consts: [[1, "view-workspace"], [1, "workspace-toolbar"], [3, "ViewSelected", "SaveViewRequested", "OpenInTabRequested", "ConfigureViewRequested", "CreateNewRecordRequested", "ExportRequested", "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, "closed", "visible", "config"], [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) {
+        } }, 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: 13, vars: 38, consts: [[1, "view-workspace"], [1, "workspace-toolbar"], [3, "ViewSelected", "SaveViewRequested", "OpenInTabRequested", "ConfigureViewRequested", "CreateNewRecordRequested", "ExportRequested", "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", "PendingNewViewFilterState", "PendingNewViewSmartFilterEnabled", "PendingNewViewSmartFilterPrompt"], [3, "Save", "Close", "OpenAdvanced", "IsOpen", "ViewEntity", "EntityName", "Summary", "IsSaving", "DefaultSaveAsNew", "SuggestedName"], [3, "Duplicate", "Cancel", "IsOpen", "SourceViewName", "Summary"], [3, "Action", "Cancel", "IsOpen", "ViewName"], [3, "closed", "visible", "config"], [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(); })("ExportRequested", function ViewWorkspaceComponent_Template_mj_view_selector_ExportRequested_2_listener() { return ctx.onExportRequested(); })("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();
@@ -1267,11 +1724,11 @@ export class ViewWorkspaceComponent extends BaseAngularComponent {
             i0.ɵɵadvance(2);
             i0.ɵɵconditional(ctx.Entity ? 6 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("Provider", ctx.Provider)("Entity", ctx.Entity)("ViewEntity", ctx.currentViewEntity)("IsOpen", ctx.isConfigPanelOpen)("CurrentGridState", ctx.currentGridState)("SampleData", ctx.loadedRecords)("ExternalFilterState", ctx.filterDialogState)("IsSaving", ctx.isSavingView)("DefaultSaveAsNew", ctx.defaultSaveAsNew)("PendingNewViewName", ctx.pendingNewViewName)("PendingNewViewDescription", ctx.pendingNewViewDescription)("PendingNewViewIsShared", ctx.pendingNewViewIsShared);
+            i0.ɵɵproperty("Provider", ctx.Provider)("Entity", ctx.Entity)("ViewEntity", ctx.currentViewEntity)("IsOpen", ctx.isConfigPanelOpen)("CurrentGridState", ctx.currentGridState)("SampleData", ctx.loadedRecords)("ExternalFilterState", ctx.filterDialogState)("IsSaving", ctx.isSavingView)("DefaultSaveAsNew", ctx.defaultSaveAsNew)("PendingNewViewName", ctx.pendingNewViewName)("PendingNewViewDescription", ctx.pendingNewViewDescription)("PendingNewViewIsShared", ctx.pendingNewViewIsShared)("PendingNewViewFilterState", ctx.PendingNewViewFilterState)("PendingNewViewSmartFilterEnabled", ctx.PendingNewViewSmartFilterEnabled)("PendingNewViewSmartFilterPrompt", ctx.PendingNewViewSmartFilterPrompt);
             i0.ɵɵadvance();
             i0.ɵɵconditional(ctx.isFilterDialogOpen ? 8 : -1);
             i0.ɵɵadvance();
-            i0.ɵɵproperty("IsOpen", ctx.showQuickSaveDialog)("ViewEntity", ctx.currentViewEntity)("EntityName", (ctx.Entity == null ? null : ctx.Entity.DisplayNameOrName) ?? "")("Summary", ctx.quickSaveSummary)("IsSaving", ctx.isSavingView)("DefaultSaveAsNew", ctx.defaultSaveAsNew);
+            i0.ɵɵproperty("IsOpen", ctx.showQuickSaveDialog)("ViewEntity", ctx.currentViewEntity)("EntityName", (ctx.Entity == null ? null : ctx.Entity.DisplayNameOrName) ?? "")("Summary", ctx.quickSaveSummary)("IsSaving", ctx.isSavingView)("DefaultSaveAsNew", ctx.defaultSaveAsNew)("SuggestedName", ctx.QuickSaveSuggestedName);
             i0.ɵɵadvance();
             i0.ɵɵproperty("IsOpen", ctx.showDuplicateDialog)("SourceViewName", ctx.duplicateSourceViewName)("Summary", ctx.duplicateSummary);
             i0.ɵɵadvance();
@@ -1282,7 +1739,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      (ExportRequested)=\"onExportRequested()\"\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\n  <!-- Export dialog \u2014 opened by the toolbar Export button for ANY view type. The dialog is generic\n       (data + columns only), so Excel/CSV/JSON + sampling work identically on Grid/Cards/Map/Timeline. -->\n  <mj-export-dialog\n    [visible]=\"showExportDialog\"\n    [config]=\"exportDialogConfig\"\n    (closed)=\"onExportDialogClosed($event)\">\n  </mj-export-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      (ExportRequested)=\"onExportRequested()\"\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    [PendingNewViewFilterState]=\"PendingNewViewFilterState\"\n    [PendingNewViewSmartFilterEnabled]=\"PendingNewViewSmartFilterEnabled\"\n    [PendingNewViewSmartFilterPrompt]=\"PendingNewViewSmartFilterPrompt\"\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    [SuggestedName]=\"QuickSaveSuggestedName\"\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\n  <!-- Export dialog \u2014 opened by the toolbar Export button for ANY view type. The dialog is generic\n       (data + columns only), so Excel/CSV/JSON + sampling work identically on Grid/Cards/Map/Timeline. -->\n  <mj-export-dialog\n    [visible]=\"showExportDialog\"\n    [config]=\"exportDialogConfig\"\n    (closed)=\"onExportDialogClosed($event)\">\n  </mj-export-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: [{
@@ -1345,5 +1802,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: 132 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ViewWorkspaceComponent, { className: "ViewWorkspaceComponent", filePath: "src/lib/view-workspace/view-workspace.component.ts", lineNumber: 133 }); })();
 //# sourceMappingURL=view-workspace.component.js.map