@memberjunction/ng-entity-viewer 5.39.0 → 5.40.0

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

@@ -0,0 +1,1212 @@
+import { Component, Input, Output, EventEmitter, ViewChild } from '@angular/core';
+import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import { LogError } from '@memberjunction/core';
+import { UUIDsEqual } from '@memberjunction/global';
+import { UserInfoEngine } from '@memberjunction/core-entities';
+import { EntityViewerComponent } from '../entity-viewer/entity-viewer.component';
+import { ViewSelectorComponent } from '../view-selector/view-selector.component';
+import { ViewConfigPanelComponent } from '../view-config-panel/view-config-panel.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-ui-components";
+import * as i2 from "@memberjunction/ng-filter-builder";
+import * as i3 from "../entity-viewer/entity-viewer.component";
+import * as i4 from "../view-config-panel/view-config-panel.component";
+import * as i5 from "../quick-save-dialog/quick-save-dialog.component";
+import * as i6 from "../duplicate-view-dialog/duplicate-view-dialog.component";
+import * as i7 from "../shared-view-warning-dialog/shared-view-warning-dialog.component";
+import * as i8 from "../view-selector/view-selector.component";
+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.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Provider", ctx_r1.Provider)("Entity", ctx_r1.Entity)("ViewEntity", ctx_r1.currentViewEntity)("FilterText", ctx_r1.filterText)("SelectedRecordID", ctx_r1.selectedRecordId)("GridState", ctx_r1.currentGridState)("AutoSaveView", ctx_r1.AutoSaveView)("Config", ctx_r1.innerViewerConfig);
+} }
+function ViewWorkspaceComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 12);
+    i0.ɵɵlistener("click", function ViewWorkspaceComponent_Conditional_8_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCloseFilterDialog()); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(1, "div", 13)(2, "div", 14)(3, "div", 15);
+    i0.ɵɵelement(4, "i", 16);
+    i0.ɵɵelementStart(5, "span");
+    i0.ɵɵtext(6, "Edit Filters");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "button", 17);
+    i0.ɵɵlistener("click", function ViewWorkspaceComponent_Conditional_8_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCloseFilterDialog()); });
+    i0.ɵɵelement(8, "i", 18);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(9, "div", 19)(10, "mj-filter-builder", 20);
+    i0.ɵɵlistener("apply", function ViewWorkspaceComponent_Conditional_8_Template_mj_filter_builder_apply_10_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onFilterApplied($event)); })("filterChange", function ViewWorkspaceComponent_Conditional_8_Template_mj_filter_builder_filterChange_10_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.filterDialogState = $event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(11, "div", 21)(12, "button", 22);
+    i0.ɵɵlistener("click", function ViewWorkspaceComponent_Conditional_8_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.filterDialogState && ctx_r1.onFilterApplied(ctx_r1.filterDialogState)); });
+    i0.ɵɵelement(13, "i", 23);
+    i0.ɵɵtext(14, " Apply Filters ");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(15, "button", 24);
+    i0.ɵɵlistener("click", function ViewWorkspaceComponent_Conditional_8_Template_button_click_15_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCloseFilterDialog()); });
+    i0.ɵɵtext(16, " Cancel ");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(10);
+    i0.ɵɵproperty("fields", ctx_r1.filterDialogFields)("filter", ctx_r1.filterDialogState)("showSummary", true);
+} }
+/**
+ * `mj-view-workspace` — the reusable "browse an entity's data across saved views" workspace.
+ *
+ * This composite component orchestrates the full saved-view lifecycle (select / save / save-as-new /
+ * rename / duplicate / delete / revert / quick-save / save-defaults) on top of an entity's data, by
+ * composing the existing Generic lego components in this package:
+ *
+ * - {@link ViewSelectorComponent} — the saved-view dropdown.
+ * - {@link EntityViewerComponent} — the data renderer (grid / cards / timeline / map / plug-ins).
+ * - {@link ViewConfigPanelComponent} — the slide-in column/sort/filter configuration panel.
+ * - `mj-view-type-switcher` — the toolbar dropdown for switching the active view type.
+ * - `mj-quick-save-dialog`, `mj-duplicate-view-dialog`, `mj-shared-view-warning-dialog`,
+ *   `mj-ev-confirm-dialog` — the focused modals.
+ *
+ * It is the generic extraction of what `DataExplorerDashboardComponent` does today, **minus routing,
+ * URL/query-param sync, and the Explorer state service**. Anything that requires app-level routing is
+ * emitted as an event ({@link OpenRecordRequested}, {@link OpenViewInTabRequested},
+ * {@link CreateNewRecordRequested}) for the host to handle — this component never imports `Router`.
+ *
+ * ## Persistence model
+ * - When {@link AutoSaveView} is `true`, the workspace persists view CRUD itself via the
+ *   `MJUserViewEntityExtended` BaseEntity (`.Save()` / `.Delete()`) and `UserInfoEngine` for the
+ *   per-user default-view settings, firing the cancelable `Before…` events and notification `After…`
+ *   events around each operation.
+ * - When {@link AutoSaveView} is `false` (the default), the workspace performs no persistence — it
+ *   emits the change-request events ({@link SaveViewRequested}, {@link DeleteViewRequested},
+ *   {@link DuplicateViewRequested}, etc.) and the host is responsible for persisting and feeding back
+ *   the updated view via the `[SelectedView]` input.
+ *
+ * State is held in plain component fields — there is no state-management service.
+ *
+ * @example
+ * ```html
+ * <mj-view-workspace
+ *   [EntityName]="'Accounts'"
+ *   [AutoSaveView]="true"
+ *   (OpenRecordRequested)="navService.openRecord($event.entity, $event.record)"
+ *   (OpenViewInTabRequested)="navService.openView($event)"
+ *   (CreateNewRecordRequested)="navService.newRecord($event)">
+ * </mj-view-workspace>
+ * ```
+ */
+export class ViewWorkspaceComponent extends BaseAngularComponent {
+    cdr;
+    // ========================================
+    // INPUTS
+    // ========================================
+    _entity = null;
+    _initialized = false;
+    /**
+     * The entity whose data this workspace browses. May be supplied directly, or resolved from
+     * {@link EntityName} / {@link EntityID}. When it changes the selected view and config panel reset.
+     */
+    get Entity() {
+        return this._entity;
+    }
+    set Entity(value) {
+        const previous = this._entity;
+        this._entity = value;
+        if (this._initialized && value && (!previous || !UUIDsEqual(value.ID, previous.ID))) {
+            this.resetForEntityChange();
+        }
+    }
+    /**
+     * Convenience input: resolve {@link Entity} by entity **name** via the active provider.
+     * Use this OR {@link Entity} OR {@link EntityID}.
+     */
+    set EntityName(value) {
+        if (!value) {
+            return;
+        }
+        const resolved = this.ProviderToUse?.EntityByName(value) ?? null;
+        if (resolved) {
+            this.Entity = resolved;
+        }
+    }
+    /**
+     * Convenience input: resolve {@link Entity} by entity **ID** via the active provider.
+     * Use this OR {@link Entity} OR {@link EntityName}.
+     */
+    set EntityID(value) {
+        if (!value) {
+            return;
+        }
+        const resolved = this.ProviderToUse?.Entities.find(e => UUIDsEqual(e.ID, value)) ?? null;
+        if (resolved) {
+            this.Entity = resolved;
+        }
+    }
+    /**
+     * When `true`, the workspace persists view CRUD itself (BaseEntity `.Save()`/`.Delete()` plus
+     * `UserInfoEngine` for the default-view settings) and fires the cancelable `Before…` / notification
+     * `After…` events around each persistence operation. When `false` (the default) the workspace only
+     * emits the change-request events and the host persists. Persistence is provider-based and
+     * generic-safe — it never performs routing.
+     */
+    AutoSaveView = false;
+    /**
+     * The currently-selected view. Hosts that own persistence (when {@link AutoSaveView} is `false`)
+     * feed the loaded view back in here after handling a save/select request. Bound two-way friendly:
+     * the workspace emits {@link SelectedViewChange} whenever the selection changes internally.
+     */
+    get SelectedView() {
+        return this.currentViewEntity;
+    }
+    set SelectedView(value) {
+        this.currentViewEntity = value;
+        this.currentGridState = value ? this.parseViewGridState(value) : this.loadUserDefaultGridState();
+        this.viewModified = false;
+    }
+    // ----- Host-driven passthrough inputs (forwarded to the inner entity-viewer) -----
+    //
+    // These let a host (e.g. the Explorer DataExplorer dashboard) own the chrome — filter box, record
+    // selection — while the workspace owns the saved-view lifecycle. All view-type-specific chrome
+    // (grid toolbar, timeline date/orientation, map render mode) is now self-contained in each plug-in
+    // renderer, so the workspace no longer forwards any of it.
+    /**
+     * The free-text filter to apply to the inner viewer. When a host owns the filter box it binds
+     * this (typically a debounced value); the workspace's {@link filterText} field tracks it.
+     */
+    get FilterText() {
+        return this.filterText;
+    }
+    set FilterText(value) {
+        this.filterText = value ?? '';
+    }
+    /**
+     * The composite-key string of the record to highlight in the inner viewer. When a host owns
+     * record selection (e.g. via a detail panel) it binds this; the workspace's
+     * {@link selectedRecordId} field tracks it.
+     */
+    get SelectedRecordId() {
+        return this.selectedRecordId;
+    }
+    set SelectedRecordId(value) {
+        this.selectedRecordId = value;
+    }
+    /** Partial {@link EntityViewerConfig} forwarded to the inner viewer (toolbar/pagination/etc.). */
+    ViewerConfig = null;
+    // ========================================
+    // OUTPUTS — routing / host concerns (this component never routes)
+    // ========================================
+    /**
+     * Emitted when the user opens a record (double-click / open). The host performs the navigation.
+     */
+    OpenRecordRequested = new EventEmitter();
+    /**
+     * Emitted when the user asks to open the current view in its own tab. Carries the `MJ: User Views`
+     * row ID. The host performs the navigation.
+     */
+    OpenViewInTabRequested = new EventEmitter();
+    /**
+     * Emitted when the user asks to create a new record for the current entity — either from the
+     * selector or bubbled up from a plug-in renderer's "New" button. The host opens the form.
+     */
+    CreateNewRecordRequested = new EventEmitter();
+    /**
+     * NAVIGATION request bubbled up from a plug-in renderer (via the inner viewer) to open a *related*
+     * record on a (possibly different) entity — e.g. a grid foreign-key drill-through. The host routes.
+     */
+    OpenRelatedRecordRequested = new EventEmitter();
+    /**
+     * Emitted when a record is selected (single click) in the viewer.
+     */
+    RecordSelected = new EventEmitter();
+    /**
+     * Emitted when the selected view changes (selection, save, delete). Notification only.
+     */
+    ViewSelected = new EventEmitter();
+    /**
+     * Two-way-binding companion for {@link SelectedView}.
+     */
+    SelectedViewChange = new EventEmitter();
+    // ----- Forwarded inner-viewer events (the generic, view-type-agnostic ones) -----
+    //
+    // The workspace owns the inner entity-viewer; it re-emits the viewer's generic signals (filter,
+    // data-load, counts) so a host can drive Explorer-only concerns (URL sync, detail panel). All
+    // view-type-specific feature events (grid selection/add-to-list, map state, grid state) are now
+    // self-contained in the plug-in renderers and no longer bubble through the workspace.
+    /**
+     * Emitted when the inner viewer's filter text changes (two-way friendly with {@link FilterText}).
+     */
+    FilterTextChanged = new EventEmitter();
+    /**
+     * Emitted when the inner viewer finishes loading data — carries counts, timing and the records.
+     */
+    DataLoaded = new EventEmitter();
+    /**
+     * Emitted when the inner viewer's filtered/total counts change.
+     */
+    FilteredCountChanged = new EventEmitter();
+    // ----- Persistence lifecycle events -----
+    /**
+     * Emitted (cancelable) BEFORE a view save is persisted. A handler may set `Cancel = true` to veto.
+     * Only fires when {@link AutoSaveView} is `true`.
+     */
+    BeforeViewSave = new EventEmitter();
+    /**
+     * Emitted AFTER a view save has been persisted. Notification only.
+     */
+    AfterViewSave = new EventEmitter();
+    /**
+     * Emitted (cancelable) BEFORE a view delete is persisted. A handler may set `Cancel = true` to veto.
+     * Only fires when {@link AutoSaveView} is `true`.
+     */
+    BeforeViewDelete = new EventEmitter();
+    /**
+     * Emitted AFTER a view delete has been persisted. Notification only.
+     */
+    AfterViewDelete = new EventEmitter();
+    // ----- Change-request events (the host persists when AutoSaveView is false) -----
+    /**
+     * Emitted when the user requests a save and {@link AutoSaveView} is `false`. The host persists.
+     */
+    SaveViewRequested = new EventEmitter();
+    /**
+     * Emitted when the user requests a delete and {@link AutoSaveView} is `false`. The host persists.
+     */
+    DeleteViewRequested = new EventEmitter();
+    /**
+     * Emitted when the user requests a duplicate and {@link AutoSaveView} is `false`. The host persists.
+     * Carries the source view ID and the chosen name for the copy.
+     */
+    DuplicateViewRequested = new EventEmitter();
+    /**
+     * Emitted when the user saves per-user default view settings and {@link AutoSaveView} is `false`.
+     */
+    SaveDefaultsRequested = new EventEmitter();
+    // ========================================
+    // CHILD COMPONENT REFERENCES
+    // ========================================
+    /** Reference to the view selector (for reloading the view list after CRUD). */
+    viewSelectorRef;
+    /** Reference to the entity viewer (for flushing pending grid changes + reloading data). */
+    entityViewerRef;
+    /** Reference to the config panel (for building summaries + canEdit checks). */
+    viewConfigPanelRef;
+    // ========================================
+    // INTERNAL STATE (plain fields — no state service)
+    // ========================================
+    /** The currently selected view entity (null = the default/unsaved view). */
+    currentViewEntity = null;
+    /** The currently selected view ID (null = default view). */
+    selectedViewId = null;
+    /** Live grid state (column widths / order / sort / aggregates) reflecting user interaction. */
+    currentGridState = null;
+    /** Whether the current view has unsaved modifications. */
+    viewModified = false;
+    /** 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 = [];
+    /** Whether a save operation is in progress (drives the saving spinners). */
+    isSavingView = false;
+    // ----- Dialog / panel open flags -----
+    /** Whether the slide-in config panel is open. */
+    isConfigPanelOpen = false;
+    /** Whether the quick-save dialog is open. */
+    showQuickSaveDialog = false;
+    /** Whether the duplicate-view dialog is open. */
+    showDuplicateDialog = false;
+    /** Whether the shared-view warning dialog is open. */
+    showSharedViewWarning = false;
+    /** Whether the config panel opens in "save as new" mode. */
+    defaultSaveAsNew = false;
+    // ----- Pending state carried across dialogs -----
+    /** Summary shown in the quick-save dialog. */
+    quickSaveSummary = null;
+    /** Summary shown in the duplicate-view dialog. */
+    duplicateSummary = null;
+    /** Source view name shown in the duplicate-view dialog. */
+    duplicateSourceViewName = '';
+    /** 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 = '';
+    /** Pre-populated description carried from quick-save dialog into the config panel. */
+    pendingNewViewDescription = '';
+    /** Pre-populated sharing preference carried from quick-save dialog into the config panel. */
+    pendingNewViewIsShared = false;
+    // ----- Filter dialog (rendered at workspace level for full width) -----
+    /** Whether the full-width filter dialog is open. */
+    isFilterDialogOpen = false;
+    /** The filter state currently being edited in the filter dialog. */
+    filterDialogState = null;
+    /** The filter fields available in the filter dialog. */
+    filterDialogFields = [];
+    constructor(cdr) {
+        super();
+        this.cdr = cdr;
+    }
+    // ========================================
+    // LIFECYCLE
+    // ========================================
+    /** 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();
+        }
+    }
+    /** 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.selectedRecordId = null;
+        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;
+    }
+    // ========================================
+    // VIEW-TYPE SWITCHER (lifted into the toolbar)
+    // ========================================
+    /**
+     * Drive the inner entity-viewer to switch to the chosen view type. The toolbar-level
+     * {@link ViewTypeSwitcherComponent} emits the selection; we route it to the viewer's
+     * {@link EntityViewerComponent.SelectViewTypeById} (its existing lifecycle: cancelable events
+     * + persistence). The viewer's own header switcher is suppressed via Config, so this is the
+     * single switcher in the workspace.
+     */
+    onToolbarViewTypeSelected(event) {
+        this.entityViewerRef?.SelectViewTypeById(event.viewTypeId);
+        this.cdr.detectChanges();
+    }
+    /**
+     * 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() {
+        return this.entityViewerRef?.ActiveViewTypeId ?? null;
+    }
+    /**
+     * 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() {
+        return { ...(this.ViewerConfig ?? {}), showViewModeToggle: false };
+    }
+    // ========================================
+    // VIEW SELECTION
+    // ========================================
+    /**
+     * 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) {
+        this.entityViewerRef?.EnsurePendingChangesSaved();
+        this.currentViewEntity = event.View;
+        this.selectedViewId = event.ViewID;
+        this.viewModified = false;
+        this.filterText = '';
+        this.currentGridState = event.View
+            ? this.parseViewGridState(event.View)
+            : this.loadUserDefaultGridState();
+        this.ViewSelected.emit(event.View);
+        this.SelectedViewChange.emit(event.View);
+        this.cdr.detectChanges();
+    }
+    /** Handle filter text change from the viewer — re-emit so the host can sync its filter box / URL. */
+    onFilterTextChanged(filterText) {
+        this.filterText = filterText;
+        this.FilterTextChanged.emit(filterText);
+    }
+    /** Track loaded records so the config panel has sample data, and re-emit the full event. */
+    onDataLoaded(event) {
+        this.loadedRecords = event.records;
+        this.DataLoaded.emit(event);
+    }
+    /** Re-emit the inner viewer's filtered-count change for the host. */
+    onFilteredCountChanged(event) {
+        this.FilteredCountChanged.emit(event);
+    }
+    // ========================================
+    // RECORD SELECTION / OPENING / NAVIGATION (emit for host)
+    // ========================================
+    /** Handle a record single-click — track selection and re-emit for the host. */
+    onRecordSelected(event) {
+        this.selectedRecordId = event.compositeKey.ToConcatenatedString();
+        this.RecordSelected.emit(event);
+    }
+    /** Handle a record open (double-click) — emit for the host to route to the record. */
+    onRecordOpened(event) {
+        if (event.record) {
+            this.OpenRecordRequested.emit({ entity: event.entity, record: event.record });
+        }
+    }
+    /**
+     * 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) {
+        this.OpenRelatedRecordRequested.emit(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() {
+        if (this._entity) {
+            this.CreateNewRecordRequested.emit(this._entity);
+        }
+    }
+    // ========================================
+    // VIEW SELECTOR ACTIONS
+    // ========================================
+    /** Handle the selector's "open in tab" request — emit for the host to route. */
+    onOpenInTabRequested(viewId) {
+        this.OpenViewInTabRequested.emit(viewId);
+    }
+    /** Handle the selector's "create new record" request — emit for the host. */
+    onCreateNewRecordRequested() {
+        if (this._entity) {
+            this.CreateNewRecordRequested.emit(this._entity);
+        }
+    }
+    /** Handle the selector's "configure view" request — open the config panel. */
+    onConfigureViewRequested() {
+        this.defaultSaveAsNew = false;
+        this.isConfigPanelOpen = true;
+        this.cdr.detectChanges();
+    }
+    /** 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;
+        this.cdr.detectChanges();
+    }
+    // ========================================
+    // CONFIG PANEL
+    // ========================================
+    /** Close the config panel and clear any pending new-view carry-over state. */
+    onCloseConfigPanel() {
+        this.isConfigPanelOpen = false;
+        this.clearPendingNewViewState();
+        this.cdr.detectChanges();
+    }
+    /** 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;
+    }
+    // ----- 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;
+        this.cdr.detectChanges();
+    }
+    /** Close the filter dialog. */
+    onCloseFilterDialog() {
+        this.isFilterDialogOpen = false;
+        this.cdr.detectChanges();
+    }
+    /** Apply a filter from the dialog — the config panel picks it up via `externalFilterState`. */
+    onFilterApplied(filter) {
+        this.filterDialogState = filter;
+        this.isFilterDialogOpen = false;
+        this.cdr.detectChanges();
+    }
+    // ========================================
+    // SAVE VIEW
+    // ========================================
+    /**
+     * 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.)
+     */
+    async onSaveView(event) {
+        if (!this._entity) {
+            return;
+        }
+        if (!this.AutoSaveView) {
+            this.SaveViewRequested.emit(event);
+            this.isConfigPanelOpen = false;
+            this.clearPendingNewViewState();
+            this.cdr.detectChanges();
+            return;
+        }
+        this.isSavingView = true;
+        this.cdr.detectChanges();
+        const isNew = event.SaveAsNew || !this.currentViewEntity;
+        const success = isNew
+            ? await this.persistNewView(event)
+            : await this.persistExistingView(event);
+        if (success) {
+            this.isConfigPanelOpen = false;
+            this.clearPendingNewViewState();
+            await this.viewSelectorRef?.LoadViews();
+            await this.entityViewerRef?.LoadData();
+        }
+        this.isSavingView = false;
+        this.cdr.detectChanges();
+    }
+    /**
+     * Create and persist a brand-new view from the save event. Fires the cancelable
+     * {@link BeforeViewSave} before saving and {@link AfterViewSave} after success.
+     */
+    async persistNewView(event) {
+        const provider = this.ProviderToUse;
+        const newView = await provider.GetEntityObject('MJ: User Views', provider.CurrentUser);
+        newView.Name = event.Name || 'Custom';
+        newView.Description = event.Description;
+        newView.EntityID = this._entity.ID;
+        newView.UserID = provider.CurrentUser.ID;
+        newView.IsShared = event.IsShared;
+        newView.IsDefault = false;
+        const gridState = this.buildGridState(event);
+        if (gridState) {
+            newView.GridStateObject = gridState;
+        }
+        const sortState = this.buildSortState(event);
+        if (sortState) {
+            newView.SortStateObject = sortState;
+        }
+        newView.SmartFilterEnabled = event.SmartFilterEnabled;
+        newView.SmartFilterPrompt = event.SmartFilterPrompt;
+        newView.FilterState = this.buildFilterStateJson(event);
+        const before = { Data: { View: newView, IsNew: true }, Cancel: false };
+        this.BeforeViewSave.emit(before);
+        if (before.Cancel) {
+            return false;
+        }
+        const saved = await newView.Save();
+        if (!saved) {
+            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.ViewSelected.emit(newView);
+        this.SelectedViewChange.emit(newView);
+        this.AfterViewSave.emit({ View: newView, IsNew: true });
+        return true;
+    }
+    /**
+     * Update and persist the currently-selected view from the save event. Fires the cancelable
+     * {@link BeforeViewSave} before saving and {@link AfterViewSave} after success.
+     */
+    async persistExistingView(event) {
+        const view = this.currentViewEntity;
+        view.Name = event.Name;
+        view.Description = event.Description;
+        view.IsShared = event.IsShared;
+        const gridState = this.buildGridState(event);
+        if (gridState) {
+            view.GridStateObject = gridState;
+        }
+        const sortState = this.buildSortState(event);
+        if (sortState) {
+            view.SortStateObject = sortState;
+        }
+        view.SmartFilterEnabled = event.SmartFilterEnabled;
+        view.SmartFilterPrompt = event.SmartFilterPrompt;
+        view.FilterState = this.buildFilterStateJson(event);
+        const before = { Data: { View: view, IsNew: false }, Cancel: false };
+        this.BeforeViewSave.emit(before);
+        if (before.Cancel) {
+            return false;
+        }
+        const saved = await view.Save();
+        if (!saved) {
+            LogError(`[ViewWorkspace] Failed to update view: ${view.LatestResult?.CompleteMessage ?? 'unknown error'}`);
+            return false;
+        }
+        this.viewModified = false;
+        this.currentGridState = this.parseViewGridState(view);
+        this.AfterViewSave.emit({ View: view, IsNew: false });
+        return true;
+    }
+    /**
+     * Handle saving per-user default view settings from the config panel. When {@link AutoSaveView},
+     * persists to `UserInfoEngine`; otherwise emits {@link SaveDefaultsRequested}.
+     * (Generalized from DataExplorer.onSaveDefaultViewSettings.)
+     */
+    async onSaveDefaultViewSettings(event) {
+        if (!this._entity) {
+            return;
+        }
+        if (!this.AutoSaveView) {
+            this.SaveDefaultsRequested.emit(event);
+            this.isConfigPanelOpen = false;
+            this.cdr.detectChanges();
+            return;
+        }
+        this.isSavingView = true;
+        this.cdr.detectChanges();
+        const gridState = this.buildGridState(event);
+        if (gridState) {
+            gridState.sortSettings = this.buildGridSortSettings(event) ?? gridState.sortSettings;
+            const settingKey = `default-view-setting/${this._entity.Name}`;
+            const saved = await UserInfoEngine.Instance.SetSetting(settingKey, JSON.stringify(gridState));
+            if (saved) {
+                this.currentGridState = {
+                    columnSettings: gridState.columnSettings,
+                    sortSettings: gridState.sortSettings,
+                    aggregates: gridState.aggregates
+                };
+                this.cdr.detectChanges();
+                this.entityViewerRef?.Refresh();
+            }
+            else {
+                LogError('[ViewWorkspace] Failed to save default view settings');
+            }
+        }
+        this.isConfigPanelOpen = false;
+        this.isSavingView = false;
+        this.cdr.detectChanges();
+    }
+    // ========================================
+    // DELETE VIEW
+    // ========================================
+    /**
+     * Handle a delete from the config panel. When {@link AutoSaveView}, persists the delete itself
+     * (firing cancelable {@link BeforeViewDelete} / notification {@link AfterViewDelete}); otherwise
+     * emits {@link DeleteViewRequested}. (Generalized from DataExplorer.onDeleteView.)
+     */
+    async onDeleteView() {
+        if (!this.currentViewEntity) {
+            return;
+        }
+        if (!this.AutoSaveView) {
+            this.DeleteViewRequested.emit(this.currentViewEntity);
+            this.isConfigPanelOpen = false;
+            this.cdr.detectChanges();
+            return;
+        }
+        const view = this.currentViewEntity;
+        const viewId = view.ID;
+        const viewName = view.Name;
+        const before = { Data: view, Cancel: false };
+        this.BeforeViewDelete.emit(before);
+        if (before.Cancel) {
+            return;
+        }
+        const deleted = await view.Delete();
+        if (!deleted) {
+            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();
+        await this.viewSelectorRef?.LoadViews();
+        this.ViewSelected.emit(null);
+        this.SelectedViewChange.emit(null);
+        this.AfterViewDelete.emit({ ViewID: viewId, ViewName: viewName });
+        this.cdr.detectChanges();
+    }
+    // ========================================
+    // QUICK SAVE
+    // ========================================
+    /**
+     * 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;
+        this.cdr.detectChanges();
+    }
+    /**
+     * 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) {
+            this.pendingQuickSaveEvent = event;
+            this.showSharedViewWarning = true;
+            this.cdr.detectChanges();
+            return;
+        }
+        await this.executeQuickSave(event);
+    }
+    /** Build a `ViewSaveEvent` from a `QuickSaveEvent` and delegate to {@link onSaveView}. */
+    async executeQuickSave(event) {
+        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
+        };
+        await this.onSaveView(viewSaveEvent);
+    }
+    /** Handle the shared-view warning action (update / save-as-copy / cancel). */
+    async onSharedViewAction(action) {
+        this.showSharedViewWarning = false;
+        const event = this.pendingQuickSaveEvent;
+        this.pendingQuickSaveEvent = null;
+        if (!event) {
+            return;
+        }
+        if (action === 'update-shared') {
+            await this.executeQuickSave(event);
+        }
+        else if (action === 'save-as-copy') {
+            await this.executeQuickSave({ ...event, SaveAsNew: true, IsShared: false });
+        }
+        this.cdr.detectChanges();
+    }
+    /** Handle the shared-view warning cancel. */
+    onSharedViewWarningCancel() {
+        this.showSharedViewWarning = false;
+        this.pendingQuickSaveEvent = null;
+        this.cdr.detectChanges();
+    }
+    /** Handle the quick-save dialog close. */
+    onQuickSaveClose() {
+        this.showQuickSaveDialog = false;
+        this.cdr.detectChanges();
+    }
+    /** 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;
+        this.cdr.detectChanges();
+    }
+    // ========================================
+    // DUPLICATE VIEW
+    // ========================================
+    /**
+     * 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;
+        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.cdr.detectChanges();
+    }
+    /** Build a {@link ViewConfigSummary} from a view entity for the duplicate dialog. */
+    buildDuplicateSummary(view) {
+        if (!view) {
+            return null;
+        }
+        let columnCount = 0;
+        let filterCount = 0;
+        let sortCount = 0;
+        try {
+            const gridState = view.GridStateObject;
+            if (gridState?.columnSettings && Array.isArray(gridState.columnSettings)) {
+                columnCount = gridState.columnSettings.filter((c) => !c.hidden).length;
+            }
+        }
+        catch {
+            /* ignore parse errors */
+        }
+        try {
+            const filterState = view.FilterStateObject;
+            if (filterState?.filters?.length) {
+                filterCount = filterState.filters.length;
+            }
+        }
+        catch {
+            /* ignore parse errors */
+        }
+        try {
+            const sortState = view.SortStateObject;
+            if (Array.isArray(sortState)) {
+                sortCount = sortState.length;
+            }
+        }
+        catch {
+            /* ignore parse errors */
+        }
+        return {
+            ColumnCount: columnCount,
+            FilterCount: filterCount,
+            SortCount: sortCount,
+            SmartFilterActive: view.SmartFilterEnabled || false,
+            SmartFilterPrompt: view.SmartFilterPrompt || '',
+            AggregateCount: 0
+        };
+    }
+    /**
+     * Handle the duplicate dialog confirmation. When {@link AutoSaveView}, loads the source view,
+     * 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;
+        const targetId = this.duplicateTargetViewId;
+        this.duplicateTargetViewId = null;
+        if (!targetId || !this._entity) {
+            return;
+        }
+        if (!this.AutoSaveView) {
+            this.DuplicateViewRequested.emit({ sourceViewId: targetId, newName: event.Name });
+            return;
+        }
+        await this.persistDuplicate(targetId, event.Name);
+    }
+    /** Load the source view, copy its config into a new personal view, and persist it. */
+    async persistDuplicate(sourceViewId, newName) {
+        const provider = this.ProviderToUse;
+        const sourceView = await provider.GetEntityObject('MJ: User Views', provider.CurrentUser);
+        const loaded = await sourceView.Load(sourceViewId);
+        if (!loaded) {
+            LogError(`[ViewWorkspace] Could not load view to duplicate: ${sourceView.LatestResult?.CompleteMessage ?? 'not found'}`);
+            return;
+        }
+        const newView = await provider.GetEntityObject('MJ: User Views', provider.CurrentUser);
+        newView.Name = newName;
+        newView.Description = sourceView.Description || '';
+        newView.EntityID = sourceView.EntityID;
+        newView.UserID = provider.CurrentUser.ID;
+        newView.IsShared = false;
+        newView.IsDefault = false;
+        newView.GridState = sourceView.GridState;
+        newView.FilterState = sourceView.FilterState;
+        newView.SortState = sourceView.SortState;
+        newView.SmartFilterEnabled = sourceView.SmartFilterEnabled || false;
+        newView.SmartFilterPrompt = sourceView.SmartFilterPrompt || '';
+        const saved = await newView.Save();
+        if (!saved) {
+            LogError(`[ViewWorkspace] Failed to duplicate view: ${newView.LatestResult?.CompleteMessage ?? 'unknown error'}`);
+            return;
+        }
+        await this.viewSelectorRef?.LoadViews();
+        this.AfterViewSave.emit({ View: newView, IsNew: true });
+    }
+    /** Handle the duplicate dialog cancel. */
+    onDuplicateCancel() {
+        this.showDuplicateDialog = false;
+        this.duplicateTargetViewId = null;
+        this.cdr.detectChanges();
+    }
+    /** Handle duplicate triggered from the config panel — duplicate the selected view. */
+    onDuplicateFromPanel() {
+        if (this.currentViewEntity?.ID) {
+            this.isConfigPanelOpen = false;
+            this.onDuplicateViewRequested(this.currentViewEntity.ID);
+        }
+    }
+    // ========================================
+    // REVERT
+    // ========================================
+    /**
+     * 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) {
+            return;
+        }
+        const gridState = this.parseViewGridState(this.currentViewEntity);
+        if (gridState) {
+            this.currentGridState = gridState;
+        }
+        this.viewModified = false;
+        await this.entityViewerRef?.LoadData();
+        this.cdr.detectChanges();
+    }
+    // ========================================
+    // GRID/SORT/FILTER STATE BUILDERS
+    // (Generalized from DataExplorer — no state-service / selectedEntity coupling.)
+    // ========================================
+    /**
+     * Build a `GridState` (Kendo-compatible) from the save event. Priority: explicit columns from the
+     * config panel → live grid state → entity `DefaultInView` fields. Returns null when no columns.
+     */
+    buildGridState(event) {
+        let columnSettings;
+        if (event.Columns.length > 0) {
+            columnSettings = event.Columns.map((col, idx) => ({
+                ID: col.fieldId,
+                Name: col.fieldName,
+                DisplayName: col.displayName,
+                userDisplayName: col.userDisplayName,
+                hidden: false,
+                width: col.width || undefined,
+                orderIndex: idx,
+                format: col.format
+            }));
+        }
+        else if (this.currentGridState?.columnSettings && this.currentGridState.columnSettings.length > 0) {
+            columnSettings = this.currentGridState.columnSettings;
+        }
+        else if (this._entity) {
+            columnSettings = this._entity.Fields
+                .filter(f => f.DefaultInView)
+                .map((f, idx) => ({
+                ID: f.ID,
+                Name: f.Name,
+                DisplayName: f.DisplayNameOrName,
+                hidden: false,
+                width: f.DefaultColumnWidth || undefined,
+                orderIndex: idx
+            }));
+            if (columnSettings.length === 0) {
+                return null;
+            }
+        }
+        else {
+            return null;
+        }
+        const sortSettings = this.buildGridSortSettings(event);
+        let aggregates = event.AggregatesConfig ?? undefined;
+        if (!aggregates && this.currentGridState?.aggregates) {
+            aggregates = this.currentGridState.aggregates;
+        }
+        return { columnSettings, sortSettings, aggregates };
+    }
+    /** Build grid sort settings (`{field, dir}[]`) from the save event, falling back to live state. */
+    buildGridSortSettings(event) {
+        if (event.SortItems && event.SortItems.length > 0) {
+            return event.SortItems.map(item => ({ field: item.field, dir: item.direction }));
+        }
+        if (event.SortField) {
+            return [{ field: event.SortField, dir: event.SortDirection }];
+        }
+        if (this.currentGridState?.sortSettings && this.currentGridState.sortSettings.length > 0) {
+            return this.currentGridState.sortSettings;
+        }
+        return undefined;
+    }
+    /** Build a `SortState` (`{field, direction}[]`) from the save event. Returns null when no sort. */
+    buildSortState(event) {
+        if (event.SortItems && event.SortItems.length > 0) {
+            return event.SortItems.map(item => ({ field: item.field, direction: item.direction }));
+        }
+        if (event.SortField) {
+            return [{ field: event.SortField, direction: event.SortDirection }];
+        }
+        return null;
+    }
+    /** Serialize the filter state to JSON, defaulting to an empty Kendo filter. */
+    buildFilterStateJson(event) {
+        return event.FilterState
+            ? JSON.stringify(event.FilterState)
+            : JSON.stringify({ logic: 'and', filters: [] });
+    }
+    // ========================================
+    // GRID STATE PARSE / DEFAULTS
+    // ========================================
+    /**
+     * Parse a view's `GridState` into a {@link ViewGridState}, validating columns/sorts against the
+     * current entity to avoid stale fields from a previous entity. Returns null when no valid columns.
+     */
+    parseViewGridState(view) {
+        if (!view.GridState) {
+            return null;
+        }
+        try {
+            const parsed = view.GridStateObject;
+            if (parsed && Array.isArray(parsed.columnSettings)) {
+                const validColumns = this._entity
+                    ? parsed.columnSettings.filter((col) => this._entity.Fields.some(f => f.Name === col.Name))
+                    : parsed.columnSettings;
+                const validSorts = this._entity
+                    ? (parsed.sortSettings || []).filter((s) => this._entity.Fields.some(f => f.Name === s.field))
+                    : parsed.sortSettings || [];
+                if (validColumns.length > 0) {
+                    return {
+                        columnSettings: validColumns,
+                        sortSettings: validSorts,
+                        aggregates: parsed.aggregates || undefined
+                    };
+                }
+            }
+            return null;
+        }
+        catch (error) {
+            LogError(`[ViewWorkspace] Failed to parse GridState: ${error instanceof Error ? error.message : String(error)}`);
+            return null;
+        }
+    }
+    /**
+     * Load the per-user default grid state for the current entity from `UserInfoEngine`, validating
+     * columns/sorts against the entity. Returns null when none saved.
+     */
+    loadUserDefaultGridState() {
+        if (!this._entity) {
+            return null;
+        }
+        try {
+            const settingKey = `default-view-setting/${this._entity.Name}`;
+            const savedState = UserInfoEngine.Instance.GetSetting(settingKey);
+            if (savedState) {
+                const gridState = JSON.parse(savedState);
+                if (gridState && Array.isArray(gridState.columnSettings)) {
+                    const validColumns = gridState.columnSettings.filter((col) => this._entity.Fields.some(f => f.Name === col.Name));
+                    const validSorts = (gridState.sortSettings || []).filter((s) => this._entity.Fields.some(f => f.Name === s.field));
+                    if (validColumns.length > 0) {
+                        return { columnSettings: validColumns, sortSettings: validSorts };
+                    }
+                }
+            }
+        }
+        catch (error) {
+            LogError(`[ViewWorkspace] Failed to load user default grid state: ${error instanceof Error ? error.message : String(error)}`);
+        }
+        return null;
+    }
+    static ɵfac = function ViewWorkspaceComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ViewWorkspaceComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ViewWorkspaceComponent, selectors: [["mj-view-workspace"]], viewQuery: function ViewWorkspaceComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(ViewSelectorComponent, 5)(EntityViewerComponent, 5)(ViewConfigPanelComponent, 5);
+        } if (rf & 2) {
+            let _t;
+            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) {
+            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();
+            i0.ɵɵelement(3, "span", 3);
+            i0.ɵɵelementStart(4, "mj-view-type-switcher", 4);
+            i0.ɵɵlistener("ViewTypeSelected", function ViewWorkspaceComponent_Template_mj_view_type_switcher_ViewTypeSelected_4_listener($event) { return ctx.onToolbarViewTypeSelected($event); });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(5, "div", 5);
+            i0.ɵɵconditionalCreate(6, ViewWorkspaceComponent_Conditional_6_Template, 1, 8, "mj-entity-viewer", 6);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(7, "mj-view-config-panel", 7);
+            i0.ɵɵlistener("Close", function ViewWorkspaceComponent_Template_mj_view_config_panel_Close_7_listener() { return ctx.onCloseConfigPanel(); })("Save", function ViewWorkspaceComponent_Template_mj_view_config_panel_Save_7_listener($event) { return ctx.onSaveView($event); })("SaveDefaults", function ViewWorkspaceComponent_Template_mj_view_config_panel_SaveDefaults_7_listener($event) { return ctx.onSaveDefaultViewSettings($event); })("Delete", function ViewWorkspaceComponent_Template_mj_view_config_panel_Delete_7_listener() { return ctx.onDeleteView(); })("Duplicate", function ViewWorkspaceComponent_Template_mj_view_config_panel_Duplicate_7_listener() { return ctx.onDuplicateFromPanel(); })("OpenFilterDialogRequest", function ViewWorkspaceComponent_Template_mj_view_config_panel_OpenFilterDialogRequest_7_listener($event) { return ctx.onOpenFilterDialogRequest($event); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(8, ViewWorkspaceComponent_Conditional_8_Template, 17, 3);
+            i0.ɵɵelementStart(9, "mj-quick-save-dialog", 8);
+            i0.ɵɵlistener("Save", function ViewWorkspaceComponent_Template_mj_quick_save_dialog_Save_9_listener($event) { return ctx.onQuickSave($event); })("Close", function ViewWorkspaceComponent_Template_mj_quick_save_dialog_Close_9_listener() { return ctx.onQuickSaveClose(); })("OpenAdvanced", function ViewWorkspaceComponent_Template_mj_quick_save_dialog_OpenAdvanced_9_listener($event) { return ctx.onQuickSaveOpenAdvanced($event); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(10, "mj-duplicate-view-dialog", 9);
+            i0.ɵɵlistener("Duplicate", function ViewWorkspaceComponent_Template_mj_duplicate_view_dialog_Duplicate_10_listener($event) { return ctx.onDuplicateConfirmed($event); })("Cancel", function ViewWorkspaceComponent_Template_mj_duplicate_view_dialog_Cancel_10_listener() { return ctx.onDuplicateCancel(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(11, "mj-shared-view-warning-dialog", 10);
+            i0.ɵɵlistener("Action", function ViewWorkspaceComponent_Template_mj_shared_view_warning_dialog_Action_11_listener($event) { return ctx.onSharedViewAction($event); })("Cancel", function ViewWorkspaceComponent_Template_mj_shared_view_warning_dialog_Cancel_11_listener() { return ctx.onSharedViewWarningCancel(); });
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("Provider", ctx.Provider)("Entity", ctx.Entity)("SelectedViewID", ctx.selectedViewId)("ViewModified", ctx.viewModified);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("Provider", ctx.Provider)("Entity", ctx.Entity)("ActiveViewTypeID", ctx.activeViewTypeId);
+            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.ɵɵ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.ɵɵadvance();
+            i0.ɵɵproperty("IsOpen", ctx.showDuplicateDialog)("SourceViewName", ctx.duplicateSourceViewName)("Summary", ctx.duplicateSummary);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("IsOpen", ctx.showSharedViewWarning)("ViewName", (ctx.currentViewEntity == null ? null : ctx.currentViewEntity.Name) ?? "");
+        } }, dependencies: [i1.MJButtonDirective, i2.FilterBuilderComponent, i3.EntityViewerComponent, i4.ViewConfigPanelComponent, i5.QuickSaveDialogComponent, i6.DuplicateViewDialogComponent, i7.SharedViewWarningDialogComponent, i8.ViewSelectorComponent, i9.ViewTypeSwitcherComponent], styles: ["[_nghost-%COMP%] {\n  display: block;\n  height: 100%;\n}\n\n.view-workspace[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n  background: var(--mj-bg-page);\n}\n\n\n\n.workspace-toolbar[_ngcontent-%COMP%] {\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\n\n.workspace-toolbar-spacer[_ngcontent-%COMP%] {\n  flex: 1 1 auto;\n  min-width: 0;\n}\n\n\n\n.workspace-body[_ngcontent-%COMP%] {\n  flex: 1 1 auto;\n  min-height: 0;\n  position: relative;\n  overflow: hidden;\n}\n\n.workspace-body[_ngcontent-%COMP%]   mj-entity-viewer[_ngcontent-%COMP%] {\n  display: block;\n  height: 100%;\n}\n\n\n\n\n\n.filter-dialog-backdrop[_ngcontent-%COMP%] {\n  position: fixed;\n  inset: 0;\n  background: var(--mj-bg-overlay);\n  z-index: 2000;\n  animation: _ngcontent-%COMP%_vw-fade-in 0.15s ease;\n}\n\n.filter-dialog[_ngcontent-%COMP%] {\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: _ngcontent-%COMP%_vw-slide-in 0.2s ease;\n}\n\n.filter-dialog-header[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n}\n\n.filter-dialog-close[_ngcontent-%COMP%] {\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[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-hover);\n  color: var(--mj-text-primary);\n}\n\n.filter-dialog-content[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  padding: 20px;\n  min-height: 200px;\n}\n\n.filter-dialog-footer[_ngcontent-%COMP%] {\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 _ngcontent-%COMP%_vw-fade-in {\n  from { opacity: 0; }\n  to { opacity: 1; }\n}\n\n@keyframes _ngcontent-%COMP%_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[_ngcontent-%COMP%] {\n    width: 95%;\n    max-height: 90vh;\n    border-radius: 8px;\n  }\n\n  .filter-dialog-footer[_ngcontent-%COMP%] {\n    flex-direction: column;\n    align-items: stretch;\n  }\n}"] });
+}
+(() => { (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: block;\n  height: 100%;\n}\n\n.view-workspace {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\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: [{
+            type: Input
+        }], EntityID: [{
+            type: Input
+        }], AutoSaveView: [{
+            type: Input
+        }], SelectedView: [{
+            type: Input
+        }], FilterText: [{
+            type: Input
+        }], SelectedRecordId: [{
+            type: Input
+        }], ViewerConfig: [{
+            type: Input
+        }], OpenRecordRequested: [{
+            type: Output
+        }], OpenViewInTabRequested: [{
+            type: Output
+        }], CreateNewRecordRequested: [{
+            type: Output
+        }], OpenRelatedRecordRequested: [{
+            type: Output
+        }], RecordSelected: [{
+            type: Output
+        }], ViewSelected: [{
+            type: Output
+        }], SelectedViewChange: [{
+            type: Output
+        }], FilterTextChanged: [{
+            type: Output
+        }], DataLoaded: [{
+            type: Output
+        }], FilteredCountChanged: [{
+            type: Output
+        }], BeforeViewSave: [{
+            type: Output
+        }], AfterViewSave: [{
+            type: Output
+        }], BeforeViewDelete: [{
+            type: Output
+        }], AfterViewDelete: [{
+            type: Output
+        }], SaveViewRequested: [{
+            type: Output
+        }], DeleteViewRequested: [{
+            type: Output
+        }], DuplicateViewRequested: [{
+            type: Output
+        }], SaveDefaultsRequested: [{
+            type: Output
+        }], viewSelectorRef: [{
+            type: ViewChild,
+            args: [ViewSelectorComponent]
+        }], entityViewerRef: [{
+            type: ViewChild,
+            args: [EntityViewerComponent]
+        }], viewConfigPanelRef: [{
+            type: ViewChild,
+            args: [ViewConfigPanelComponent]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ViewWorkspaceComponent, { className: "ViewWorkspaceComponent", filePath: "src/lib/view-workspace/view-workspace.component.ts", lineNumber: 127 }); })();
+//# sourceMappingURL=view-workspace.component.js.map