@memberjunction/ng-dashboards 5.39.0 → 5.40.0

package/dist/DataExplorer/data-explorer-dashboard.component.js

@@ -13,32 +13,25 @@ import { RegisterClass, UUIDsEqual } from '@memberjunction/global';
 import { RunView, EntityFieldTSType } from '@memberjunction/core';
 // CompositeKey is used via buildCompositeKey from ng-entity-viewer
 import { UserInfoEngine } from '@memberjunction/core-entities';
-import { EntityViewerComponent, ViewConfigPanelComponent, buildCompositeKey, buildPkString } from '@memberjunction/ng-entity-viewer';
-import { ViewSelectorComponent } from './components/view-selector/view-selector.component';
-import { createEmptyFilter } from '@memberjunction/ng-filter-builder';
+import { ViewWorkspaceComponent, buildCompositeKey, buildPkString } from '@memberjunction/ng-entity-viewer';
 import { UserViewEngine } from '@memberjunction/core-entities';
 import { MJEventType, MJGlobal } from '@memberjunction/global';
 import * as i0 from "@angular/core";
 import * as i1 from "./services/explorer-state.service";
 import * as i2 from "@memberjunction/ng-shared-generic";
-import * as i3 from "@memberjunction/ng-export-service";
-import * as i4 from "@angular/forms";
-import * as i5 from "@memberjunction/ng-entity-viewer";
-import * as i6 from "@memberjunction/ng-list-management";
-import * as i7 from "./components/navigation-panel/navigation-panel.component";
-import * as i8 from "./components/view-selector/view-selector.component";
-import * as i9 from "./components/filter-dialog/filter-dialog.component";
-import * as i10 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@memberjunction/ng-entity-viewer";
+import * as i5 from "./components/navigation-panel/navigation-panel.component";
+import * as i6 from "@angular/common";
 const _c0 = ["filterInput"];
 const _forTrack0 = ($index, $item) => $item.label;
-const _forTrack1 = ($index, $item) => $item.name;
-const _forTrack2 = ($index, $item) => $item.entityId + "|" + $item.recordId;
-const _forTrack3 = ($index, $item) => $item.ID;
-const _forTrack4 = ($index, $item) => $item.userFavoriteId;
-const _forTrack5 = ($index, $item) => $item.applicationId;
+const _forTrack1 = ($index, $item) => $item.entityId + "|" + $item.recordId;
+const _forTrack2 = ($index, $item) => $item.ID;
+const _forTrack3 = ($index, $item) => $item.userFavoriteId;
+const _forTrack4 = ($index, $item) => $item.applicationId;
 function DataExplorerDashboardComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
     const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 23)(1, "mj-explorer-navigation-panel", 24);
+    i0.ɵɵelementStart(0, "div", 15)(1, "mj-explorer-navigation-panel", 16);
     i0.ɵɵlistener("entitySelected", function DataExplorerDashboardComponent_Conditional_1_Template_mj_explorer_navigation_panel_entitySelected_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onEntitySelected($event)); })("toggleCollapse", function DataExplorerDashboardComponent_Conditional_1_Template_mj_explorer_navigation_panel_toggleCollapse_1_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleNavigationPanel()); })("sectionToggled", function DataExplorerDashboardComponent_Conditional_1_Template_mj_explorer_navigation_panel_sectionToggled_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.stateService.toggleSection($event)); })("openRecord", function DataExplorerDashboardComponent_Conditional_1_Template_mj_explorer_navigation_panel_openRecord_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onOpenRecordFromNav($event)); })("selectRecord", function DataExplorerDashboardComponent_Conditional_1_Template_mj_explorer_navigation_panel_selectRecord_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSelectRecordFromNav($event)); })("expandAndFocus", function DataExplorerDashboardComponent_Conditional_1_Template_mj_explorer_navigation_panel_expandAndFocus_1_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onExpandAndFocus($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
@@ -50,23 +43,23 @@ function DataExplorerDashboardComponent_Conditional_1_Template(rf, ctx) { if (rf
     i0.ɵɵproperty("entities", ctx_r1.entities)("appEntityGroups", ctx_r1.appEntityGroups)("selectedEntityName", ctx_r1.state.selectedEntityName)("favorites", ctx_r1.state.favorites)("recentItems", ctx_r1.state.recentItems)("collapsed", ctx_r1.state.navigationPanelCollapsed)("allowedEntityNames", ctx_r1.allowedEntityNames)("favoritesSectionExpanded", ctx_r1.state.favoritesSectionExpanded)("recentSectionExpanded", ctx_r1.state.recentSectionExpanded)("entitiesSectionExpanded", ctx_r1.state.entitiesSectionExpanded)("viewsSectionExpanded", ctx_r1.state.viewsSectionExpanded);
 } }
 function DataExplorerDashboardComponent_Conditional_3_For_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 29);
+    i0.ɵɵelement(0, "i", 21);
 } if (rf & 2) {
     const crumb_r5 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵclassMap(crumb_r5.icon);
 } }
 function DataExplorerDashboardComponent_Conditional_3_For_2_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 28);
+    i0.ɵɵelement(0, "i", 20);
 } }
 function DataExplorerDashboardComponent_Conditional_3_For_2_Template(rf, ctx) { if (rf & 1) {
     const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "span", 25);
+    i0.ɵɵelementStart(0, "span", 17);
     i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_3_For_2_Template_span_click_0_listener() { const ctx_r3 = i0.ɵɵrestoreView(_r3); const crumb_r5 = ctx_r3.$implicit; const ɵ$index_13_r6 = ctx_r3.$index; const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onBreadcrumbClick(crumb_r5, ɵ$index_13_r6)); });
-    i0.ɵɵconditionalCreate(1, DataExplorerDashboardComponent_Conditional_3_For_2_Conditional_1_Template, 1, 2, "i", 26);
-    i0.ɵɵelementStart(2, "span", 27);
+    i0.ɵɵconditionalCreate(1, DataExplorerDashboardComponent_Conditional_3_For_2_Conditional_1_Template, 1, 2, "i", 18);
+    i0.ɵɵelementStart(2, "span", 19);
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
-    i0.ɵɵconditionalCreate(4, DataExplorerDashboardComponent_Conditional_3_For_2_Conditional_4_Template, 1, 0, "i", 28);
+    i0.ɵɵconditionalCreate(4, DataExplorerDashboardComponent_Conditional_3_For_2_Conditional_4_Template, 1, 0, "i", 20);
 } if (rf & 2) {
     const crumb_r5 = ctx.$implicit;
     const ɵ$index_13_r6 = ctx.$index;
@@ -81,7 +74,7 @@ function DataExplorerDashboardComponent_Conditional_3_For_2_Template(rf, ctx) {
     i0.ɵɵconditional(!(ɵ$index_13_r6 === ɵ$count_13_r7 - 1) ? 4 : -1);
 } }
 function DataExplorerDashboardComponent_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 5);
+    i0.ɵɵelementStart(0, "div", 4);
     i0.ɵɵrepeaterCreate(1, DataExplorerDashboardComponent_Conditional_3_For_2_Template, 5, 8, null, null, _forTrack0);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -90,7 +83,7 @@ function DataExplorerDashboardComponent_Conditional_3_Template(rf, ctx) { if (rf
     i0.ɵɵrepeater(ctx_r1.breadcrumbs);
 } }
 function DataExplorerDashboardComponent_Conditional_6_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 32);
+    i0.ɵɵelementStart(0, "span", 24);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "number");
     i0.ɵɵpipe(3, "number");
@@ -101,7 +94,7 @@ function DataExplorerDashboardComponent_Conditional_6_Conditional_3_Template(rf,
     i0.ɵɵtextInterpolate2("", i0.ɵɵpipeBind1(2, 2, ctx_r1.filteredRecordCount), " of ", i0.ɵɵpipeBind1(3, 4, ctx_r1.totalRecordCount), " records");
 } }
 function DataExplorerDashboardComponent_Conditional_6_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 32);
+    i0.ɵɵelementStart(0, "span", 24);
     i0.ɵɵtext(1);
     i0.ɵɵpipe(2, "number");
     i0.ɵɵelementEnd();
@@ -110,30 +103,12 @@ function DataExplorerDashboardComponent_Conditional_6_Conditional_4_Template(rf,
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1("", i0.ɵɵpipeBind1(2, 1, ctx_r1.totalRecordCount), " records");
 } }
-function DataExplorerDashboardComponent_Conditional_6_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 36);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(ctx_r1.selectedRecords.length);
-} }
 function DataExplorerDashboardComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    const _r8 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelement(0, "i", 30);
-    i0.ɵɵelementStart(1, "h2", 31);
+    i0.ɵɵelement(0, "i", 22);
+    i0.ɵɵelementStart(1, "h2", 23);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(3, DataExplorerDashboardComponent_Conditional_6_Conditional_3_Template, 4, 6, "span", 32)(4, DataExplorerDashboardComponent_Conditional_6_Conditional_4_Template, 3, 3, "span", 32);
-    i0.ɵɵelementStart(5, "mj-view-selector", 33);
-    i0.ɵɵlistener("viewSelected", function DataExplorerDashboardComponent_Conditional_6_Template_mj_view_selector_viewSelected_5_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onViewSelected($event)); })("saveViewRequested", function DataExplorerDashboardComponent_Conditional_6_Template_mj_view_selector_saveViewRequested_5_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSaveViewRequested($event)); })("manageViewsRequested", function DataExplorerDashboardComponent_Conditional_6_Template_mj_view_selector_manageViewsRequested_5_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onManageViewsRequested()); })("openInTabRequested", function DataExplorerDashboardComponent_Conditional_6_Template_mj_view_selector_openInTabRequested_5_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onOpenInTabRequested($event)); })("configureViewRequested", function DataExplorerDashboardComponent_Conditional_6_Template_mj_view_selector_configureViewRequested_5_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onConfigureViewRequested()); })("createNewRecordRequested", function DataExplorerDashboardComponent_Conditional_6_Template_mj_view_selector_createNewRecordRequested_5_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCreateNewRecord()); })("exportRequested", function DataExplorerDashboardComponent_Conditional_6_Template_mj_view_selector_exportRequested_5_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onExport()); })("duplicateViewRequested", function DataExplorerDashboardComponent_Conditional_6_Template_mj_view_selector_duplicateViewRequested_5_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onDuplicateView($event)); })("quickSaveRequested", function DataExplorerDashboardComponent_Conditional_6_Template_mj_view_selector_quickSaveRequested_5_listener($event) { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onQuickSaveRequested($event)); })("revertRequested", function DataExplorerDashboardComponent_Conditional_6_Template_mj_view_selector_revertRequested_5_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onRevertView()); });
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "button", 34);
-    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_6_Template_button_click_6_listener() { i0.ɵɵrestoreView(_r8); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onAddToListClick()); });
-    i0.ɵɵelement(7, "i", 35);
-    i0.ɵɵconditionalCreate(8, DataExplorerDashboardComponent_Conditional_6_Conditional_8_Template, 2, 1, "span", 36);
-    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(3, DataExplorerDashboardComponent_Conditional_6_Conditional_3_Template, 4, 6, "span", 24)(4, DataExplorerDashboardComponent_Conditional_6_Conditional_4_Template, 3, 3, "span", 24);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵclassMap(ctx_r1.getEntityIcon(ctx_r1.selectedEntity));
@@ -141,26 +116,19 @@ function DataExplorerDashboardComponent_Conditional_6_Template(rf, ctx) { if (rf
     i0.ɵɵtextInterpolate(ctx_r1.selectedEntity.DisplayNameOrName);
     i0.ɵɵadvance();
     i0.ɵɵconditional(ctx_r1.debouncedFilterText && ctx_r1.filteredRecordCount !== ctx_r1.totalRecordCount ? 3 : 4);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("entity", ctx_r1.selectedEntity)("selectedViewId", ctx_r1.state.selectedViewId)("viewModified", ctx_r1.state.viewModified);
-    i0.ɵɵadvance();
-    i0.ɵɵclassProp("disabled", !ctx_r1.hasSelectedRecords);
-    i0.ɵɵproperty("disabled", !ctx_r1.hasSelectedRecords)("title", ctx_r1.hasSelectedRecords ? "Add " + ctx_r1.selectedRecords.length + " selected record(s) to a list" : "Select records to add to a list");
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.hasSelectedRecords ? 8 : -1);
 } }
 function DataExplorerDashboardComponent_Conditional_7_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 30);
+    i0.ɵɵelement(0, "i", 22);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
     i0.ɵɵclassMap(ctx_r1.displayIcon);
 } }
 function DataExplorerDashboardComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵconditionalCreate(0, DataExplorerDashboardComponent_Conditional_7_Conditional_0_Template, 1, 2, "i", 37);
-    i0.ɵɵelementStart(1, "h2", 31);
+    i0.ɵɵconditionalCreate(0, DataExplorerDashboardComponent_Conditional_7_Conditional_0_Template, 1, 2, "i", 25);
+    i0.ɵɵelementStart(1, "h2", 23);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span", 32);
+    i0.ɵɵelementStart(3, "span", 24);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -172,20 +140,20 @@ function DataExplorerDashboardComponent_Conditional_7_Template(rf, ctx) { if (rf
     i0.ɵɵtextInterpolate1("", ctx_r1.entities.length, " entities available");
 } }
 function DataExplorerDashboardComponent_Conditional_9_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    const _r11 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 41);
-    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_9_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.clearRecordFilter()); });
-    i0.ɵɵelement(1, "i", 42);
+    const _r10 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 29);
+    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_9_Conditional_4_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r10); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.clearRecordFilter()); });
+    i0.ɵɵelement(1, "i", 30);
     i0.ɵɵelementEnd();
 } }
 function DataExplorerDashboardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    const _r9 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 9);
-    i0.ɵɵelement(1, "i", 38);
-    i0.ɵɵelementStart(2, "input", 39, 0);
-    i0.ɵɵlistener("input", function DataExplorerDashboardComponent_Conditional_9_Template_input_input_2_listener() { i0.ɵɵrestoreView(_r9); const filterInput_r10 = i0.ɵɵreference(3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onFilterInputChanged(filterInput_r10.value)); });
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 8);
+    i0.ɵɵelement(1, "i", 26);
+    i0.ɵɵelementStart(2, "input", 27, 0);
+    i0.ɵɵlistener("input", function DataExplorerDashboardComponent_Conditional_9_Template_input_input_2_listener() { i0.ɵɵrestoreView(_r8); const filterInput_r9 = i0.ɵɵreference(3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onFilterInputChanged(filterInput_r9.value)); });
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, DataExplorerDashboardComponent_Conditional_9_Conditional_4_Template, 2, 0, "button", 40);
+    i0.ɵɵconditionalCreate(4, DataExplorerDashboardComponent_Conditional_9_Conditional_4_Template, 2, 0, "button", 28);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -194,141 +162,9 @@ function DataExplorerDashboardComponent_Conditional_9_Template(rf, ctx) { if (rf
     i0.ɵɵadvance(2);
     i0.ɵɵconditional(ctx_r1.liveFilterText ? 4 : -1);
 } }
-function DataExplorerDashboardComponent_Conditional_11_Conditional_0_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r14 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 60);
-    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_11_Conditional_0_Conditional_2_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r14); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.closeDateFieldDropdown()); });
-    i0.ɵɵelementEnd();
-} }
-function DataExplorerDashboardComponent_Conditional_11_Conditional_0_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 61);
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵclassProp("rotated", ctx_r1.isDateFieldDropdownOpen);
-} }
-function DataExplorerDashboardComponent_Conditional_11_Conditional_0_Conditional_9_For_2_Conditional_4_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "i", 66);
-} }
-function DataExplorerDashboardComponent_Conditional_11_Conditional_0_Conditional_9_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r15 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 63);
-    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_11_Conditional_0_Conditional_9_For_2_Template_div_click_0_listener() { const field_r16 = i0.ɵɵrestoreView(_r15).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.setTimelineDateField(field_r16.name)); });
-    i0.ɵɵelement(1, "i", 64);
-    i0.ɵɵelementStart(2, "span", 65);
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(4, DataExplorerDashboardComponent_Conditional_11_Conditional_0_Conditional_9_For_2_Conditional_4_Template, 1, 0, "i", 66);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const field_r16 = ctx.$implicit;
-    const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵclassProp("selected", field_r16.name === ctx_r1.effectiveTimelineDateField);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(field_r16.displayName);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(field_r16.name === ctx_r1.effectiveTimelineDateField ? 4 : -1);
-} }
-function DataExplorerDashboardComponent_Conditional_11_Conditional_0_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 58);
-    i0.ɵɵrepeaterCreate(1, DataExplorerDashboardComponent_Conditional_11_Conditional_0_Conditional_9_For_2_Template, 5, 4, "div", 62, _forTrack1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(3);
-    i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r1.availableDateFields);
-} }
-function DataExplorerDashboardComponent_Conditional_11_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    const _r13 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 43)(1, "div", 51);
-    i0.ɵɵconditionalCreate(2, DataExplorerDashboardComponent_Conditional_11_Conditional_0_Conditional_2_Template, 1, 0, "div", 52);
-    i0.ɵɵelementStart(3, "div", 53)(4, "button", 54);
-    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_11_Conditional_0_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleDateFieldDropdown()); });
-    i0.ɵɵelement(5, "i", 55);
-    i0.ɵɵelementStart(6, "span", 56);
-    i0.ɵɵtext(7);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(8, DataExplorerDashboardComponent_Conditional_11_Conditional_0_Conditional_8_Template, 1, 2, "i", 57);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(9, DataExplorerDashboardComponent_Conditional_11_Conditional_0_Conditional_9_Template, 3, 0, "div", 58);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(10, "button", 59);
-    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_11_Conditional_0_Template_button_click_10_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleTimelineOrientation()); });
-    i0.ɵɵelement(11, "i");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "button", 59);
-    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_11_Conditional_0_Template_button_click_12_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleTimelineSortOrder()); });
-    i0.ɵɵelement(13, "i");
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.isDateFieldDropdownOpen ? 2 : -1);
-    i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("open", ctx_r1.isDateFieldDropdownOpen);
-    i0.ɵɵproperty("disabled", ctx_r1.availableDateFields.length <= 1);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(ctx_r1.effectiveTimelineDateFieldDisplayName);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.availableDateFields.length > 1 ? 8 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.isDateFieldDropdownOpen && ctx_r1.availableDateFields.length > 1 ? 9 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("title", ctx_r1.state.timelineOrientation === "vertical" ? "Switch to Horizontal" : "Switch to Vertical");
-    i0.ɵɵadvance();
-    i0.ɵɵclassMap(ctx_r1.state.timelineOrientation === "vertical" ? "fa-solid fa-ellipsis-vertical" : "fa-solid fa-ellipsis");
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("title", ctx_r1.state.timelineSortOrder === "desc" ? "Showing Newest First (click for Oldest First)" : "Showing Oldest First (click for Newest First)");
-    i0.ɵɵadvance();
-    i0.ɵɵclassMap(ctx_r1.state.timelineSortOrder === "desc" ? "fa-solid fa-arrow-down-wide-short" : "fa-solid fa-arrow-up-wide-short");
-} }
-function DataExplorerDashboardComponent_Conditional_11_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    const _r17 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 67);
-    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_11_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r17); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onViewModeChanged("timeline")); });
-    i0.ɵɵelement(1, "i", 68);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("active", ctx_r1.state.viewMode === "timeline");
-} }
-function DataExplorerDashboardComponent_Conditional_11_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    const _r18 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 69);
-    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_11_Conditional_7_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r18); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.onViewModeChanged("map")); });
-    i0.ɵɵelement(1, "i", 70);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵclassProp("active", ctx_r1.state.viewMode === "map");
-} }
-function DataExplorerDashboardComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
-    const _r12 = i0.ɵɵgetCurrentView();
-    i0.ɵɵconditionalCreate(0, DataExplorerDashboardComponent_Conditional_11_Conditional_0_Template, 14, 13, "div", 43);
-    i0.ɵɵelementStart(1, "div", 44)(2, "button", 45);
-    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_11_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onViewModeChanged("grid")); });
-    i0.ɵɵelement(3, "i", 46);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "button", 47);
-    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_11_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onViewModeChanged("cards")); });
-    i0.ɵɵelement(5, "i", 48);
-    i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(6, DataExplorerDashboardComponent_Conditional_11_Conditional_6_Template, 2, 2, "button", 49);
-    i0.ɵɵconditionalCreate(7, DataExplorerDashboardComponent_Conditional_11_Conditional_7_Template, 2, 2, "button", 50);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵconditional(ctx_r1.state.viewMode === "timeline" && ctx_r1.entityHasDateFields ? 0 : -1);
-    i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("active", ctx_r1.state.viewMode === "grid");
-    i0.ɵɵadvance(2);
-    i0.ɵɵclassProp("active", ctx_r1.state.viewMode === "cards");
-    i0.ɵɵadvance(2);
-    i0.ɵɵconditional(ctx_r1.entityHasDateFields ? 6 : -1);
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r1.selectedEntity.SupportsGeoCoding ? 7 : -1);
-} }
+function DataExplorerDashboardComponent_Conditional_11_Template(rf, ctx) { }
 function DataExplorerDashboardComponent_Conditional_12_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 73);
+    i0.ɵɵelementStart(0, "span", 33);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
@@ -337,11 +173,11 @@ function DataExplorerDashboardComponent_Conditional_12_Conditional_2_Template(rf
     i0.ɵɵtextInterpolate(ctx_r1.recentRecords.length + ctx_r1.favoriteRecords.length);
 } }
 function DataExplorerDashboardComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
-    const _r19 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 71);
-    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_12_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r19); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleQuickAccessPanel()); });
-    i0.ɵɵelement(1, "i", 72);
-    i0.ɵɵconditionalCreate(2, DataExplorerDashboardComponent_Conditional_12_Conditional_2_Template, 2, 1, "span", 73);
+    const _r11 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 31);
+    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_12_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r11); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.toggleQuickAccessPanel()); });
+    i0.ɵɵelement(1, "i", 32);
+    i0.ɵɵconditionalCreate(2, DataExplorerDashboardComponent_Conditional_12_Conditional_2_Template, 2, 1, "span", 33);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -350,19 +186,19 @@ function DataExplorerDashboardComponent_Conditional_12_Template(rf, ctx) { if (r
     i0.ɵɵconditional(ctx_r1.recentRecords.length + ctx_r1.favoriteRecords.length > 0 ? 2 : -1);
 } }
 function DataExplorerDashboardComponent_Conditional_14_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 74);
-    i0.ɵɵelement(1, "mj-loading", 75);
+    i0.ɵɵelementStart(0, "div", 34);
+    i0.ɵɵelement(1, "mj-loading", 35);
     i0.ɵɵelementEnd();
 } }
 function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    const _r21 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 107);
-    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r21); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.entityFilterText = ""); });
-    i0.ɵɵelement(1, "i", 42);
+    const _r13 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 67);
+    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_6_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r13); const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.entityFilterText = ""); });
+    i0.ɵɵelement(1, "i", 30);
     i0.ɵɵelementEnd();
 } }
 function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 82);
+    i0.ɵɵelementStart(0, "span", 42);
     i0.ɵɵtext(1, "/");
     i0.ɵɵelementEnd();
 } }
@@ -373,49 +209,49 @@ function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional
     i0.ɵɵtextInterpolate1(" across ", ctx_r1.applicationCount, " applications ");
 } }
 function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_19_For_2_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 113);
+    i0.ɵɵelementStart(0, "span", 73);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const entity_r23 = i0.ɵɵnextContext().$implicit;
+    const entity_r15 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(entity_r23.Description);
+    i0.ɵɵtextInterpolate(entity_r15.Description);
 } }
 function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_19_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r22 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 109);
-    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_19_For_2_Template_div_click_0_listener() { const entity_r23 = i0.ɵɵrestoreView(_r22).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.onEntitySelected(entity_r23)); });
-    i0.ɵɵelementStart(1, "div", 110);
+    const _r14 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 69);
+    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_19_For_2_Template_div_click_0_listener() { const entity_r15 = i0.ɵɵrestoreView(_r14).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.onEntitySelected(entity_r15)); });
+    i0.ɵɵelementStart(1, "div", 70);
     i0.ɵɵelement(2, "i");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 111)(4, "span", 112);
+    i0.ɵɵelementStart(3, "div", 71)(4, "span", 72);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(6, DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_19_For_2_Conditional_6_Template, 2, 1, "span", 113);
+    i0.ɵɵconditionalCreate(6, DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_19_For_2_Conditional_6_Template, 2, 1, "span", 73);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "button", 114);
-    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_19_For_2_Template_button_click_7_listener($event) { const entity_r23 = i0.ɵɵrestoreView(_r22).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.toggleEntityFavorite(entity_r23, $event)); });
+    i0.ɵɵelementStart(7, "button", 74);
+    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_19_For_2_Template_button_click_7_listener($event) { const entity_r15 = i0.ɵɵrestoreView(_r14).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.toggleEntityFavorite(entity_r15, $event)); });
     i0.ɵɵelement(8, "i");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const entity_r23 = ctx.$implicit;
+    const entity_r15 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(4);
-    i0.ɵɵproperty("title", entity_r23.Description || entity_r23.DisplayNameOrName);
+    i0.ɵɵproperty("title", entity_r15.Description || entity_r15.DisplayNameOrName);
     i0.ɵɵadvance(2);
-    i0.ɵɵclassMap(ctx_r1.getEntityIcon(entity_r23));
+    i0.ɵɵclassMap(ctx_r1.getEntityIcon(entity_r15));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(entity_r23.DisplayNameOrName);
+    i0.ɵɵtextInterpolate(entity_r15.DisplayNameOrName);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(entity_r23.Description ? 6 : -1);
+    i0.ɵɵconditional(entity_r15.Description ? 6 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("favorited", ctx_r1.isEntityFavorited(entity_r23));
-    i0.ɵɵproperty("title", ctx_r1.isEntityFavorited(entity_r23) ? "Remove from favorites" : "Add to favorites");
+    i0.ɵɵclassProp("favorited", ctx_r1.isEntityFavorited(entity_r15));
+    i0.ɵɵproperty("title", ctx_r1.isEntityFavorited(entity_r15) ? "Remove from favorites" : "Add to favorites");
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(ctx_r1.isEntityFavorited(entity_r23) ? "fa-solid fa-star" : "fa-regular fa-star");
+    i0.ɵɵclassMap(ctx_r1.isEntityFavorited(entity_r15) ? "fa-solid fa-star" : "fa-regular fa-star");
 } }
 function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_19_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 89);
-    i0.ɵɵrepeaterCreate(1, DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_19_For_2_Template, 9, 10, "div", 108, _forTrack3);
+    i0.ɵɵelementStart(0, "div", 49);
+    i0.ɵɵrepeaterCreate(1, DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_19_For_2_Template, 9, 10, "div", 68, _forTrack2);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
@@ -423,96 +259,96 @@ function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional
     i0.ɵɵrepeater(ctx_r1.flatFilteredEntities);
 } }
 function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_20_For_1_Conditional_9_For_3_Conditional_6_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 113);
+    i0.ɵɵelementStart(0, "span", 73);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const entity_r27 = i0.ɵɵnextContext().$implicit;
+    const entity_r19 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(entity_r27.Description);
+    i0.ɵɵtextInterpolate(entity_r19.Description);
 } }
 function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_20_For_1_Conditional_9_For_3_Template(rf, ctx) { if (rf & 1) {
-    const _r26 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 109);
-    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_20_For_1_Conditional_9_For_3_Template_div_click_0_listener() { const entity_r27 = i0.ɵɵrestoreView(_r26).$implicit; const ctx_r1 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r1.onEntitySelected(entity_r27)); });
-    i0.ɵɵelementStart(1, "div", 110);
+    const _r18 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 69);
+    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_20_For_1_Conditional_9_For_3_Template_div_click_0_listener() { const entity_r19 = i0.ɵɵrestoreView(_r18).$implicit; const ctx_r1 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r1.onEntitySelected(entity_r19)); });
+    i0.ɵɵelementStart(1, "div", 70);
     i0.ɵɵelement(2, "i");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 111)(4, "span", 112);
+    i0.ɵɵelementStart(3, "div", 71)(4, "span", 72);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(6, DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_20_For_1_Conditional_9_For_3_Conditional_6_Template, 2, 1, "span", 113);
+    i0.ɵɵconditionalCreate(6, DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_20_For_1_Conditional_9_For_3_Conditional_6_Template, 2, 1, "span", 73);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "button", 114);
-    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_20_For_1_Conditional_9_For_3_Template_button_click_7_listener($event) { const entity_r27 = i0.ɵɵrestoreView(_r26).$implicit; const ctx_r1 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r1.toggleEntityFavorite(entity_r27, $event)); });
+    i0.ɵɵelementStart(7, "button", 74);
+    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_20_For_1_Conditional_9_For_3_Template_button_click_7_listener($event) { const entity_r19 = i0.ɵɵrestoreView(_r18).$implicit; const ctx_r1 = i0.ɵɵnextContext(6); return i0.ɵɵresetView(ctx_r1.toggleEntityFavorite(entity_r19, $event)); });
     i0.ɵɵelement(8, "i");
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const entity_r27 = ctx.$implicit;
+    const entity_r19 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(6);
-    i0.ɵɵproperty("title", entity_r27.Description || entity_r27.DisplayNameOrName);
+    i0.ɵɵproperty("title", entity_r19.Description || entity_r19.DisplayNameOrName);
     i0.ɵɵadvance(2);
-    i0.ɵɵclassMap(ctx_r1.getEntityIcon(entity_r27));
+    i0.ɵɵclassMap(ctx_r1.getEntityIcon(entity_r19));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(entity_r27.DisplayNameOrName);
+    i0.ɵɵtextInterpolate(entity_r19.DisplayNameOrName);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(entity_r27.Description ? 6 : -1);
+    i0.ɵɵconditional(entity_r19.Description ? 6 : -1);
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("favorited", ctx_r1.isEntityFavorited(entity_r27));
-    i0.ɵɵproperty("title", ctx_r1.isEntityFavorited(entity_r27) ? "Remove from favorites" : "Add to favorites");
+    i0.ɵɵclassProp("favorited", ctx_r1.isEntityFavorited(entity_r19));
+    i0.ɵɵproperty("title", ctx_r1.isEntityFavorited(entity_r19) ? "Remove from favorites" : "Add to favorites");
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(ctx_r1.isEntityFavorited(entity_r27) ? "fa-solid fa-star" : "fa-regular fa-star");
+    i0.ɵɵclassMap(ctx_r1.isEntityFavorited(entity_r19) ? "fa-solid fa-star" : "fa-regular fa-star");
 } }
 function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_20_For_1_Conditional_9_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 121)(1, "div", 89);
-    i0.ɵɵrepeaterCreate(2, DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_20_For_1_Conditional_9_For_3_Template, 9, 10, "div", 108, _forTrack3);
+    i0.ɵɵelementStart(0, "div", 81)(1, "div", 49);
+    i0.ɵɵrepeaterCreate(2, DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_20_For_1_Conditional_9_For_3_Template, 9, 10, "div", 68, _forTrack2);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const group_r25 = i0.ɵɵnextContext().$implicit;
+    const group_r17 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance(2);
-    i0.ɵɵrepeater(group_r25.entities);
+    i0.ɵɵrepeater(group_r17.entities);
 } }
 function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_20_For_1_Template(rf, ctx) { if (rf & 1) {
-    const _r24 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 115)(1, "div", 116);
-    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_20_For_1_Template_div_click_1_listener() { const group_r25 = i0.ɵɵrestoreView(_r24).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.toggleAppGroup(group_r25.applicationId)); });
-    i0.ɵɵelementStart(2, "div", 117);
+    const _r16 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 75)(1, "div", 76);
+    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_20_For_1_Template_div_click_1_listener() { const group_r17 = i0.ɵɵrestoreView(_r16).$implicit; const ctx_r1 = i0.ɵɵnextContext(4); return i0.ɵɵresetView(ctx_r1.toggleAppGroup(group_r17.applicationId)); });
+    i0.ɵɵelementStart(2, "div", 77);
     i0.ɵɵelement(3, "i");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "span", 118);
+    i0.ɵɵelementStart(4, "span", 78);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "span", 119);
+    i0.ɵɵelementStart(6, "span", 79);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(8, "i", 120);
+    i0.ɵɵelement(8, "i", 80);
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(9, DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_20_For_1_Conditional_9_Template, 4, 0, "div", 121);
+    i0.ɵɵconditionalCreate(9, DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_20_For_1_Conditional_9_Template, 4, 0, "div", 81);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const group_r25 = ctx.$implicit;
+    const group_r17 = ctx.$implicit;
     i0.ɵɵadvance(2);
-    i0.ɵɵstyleProp("background", group_r25.applicationColor ? group_r25.applicationColor + "15" : null)("color", group_r25.applicationColor || null);
+    i0.ɵɵstyleProp("background", group_r17.applicationColor ? group_r17.applicationColor + "15" : null)("color", group_r17.applicationColor || null);
     i0.ɵɵadvance();
-    i0.ɵɵclassMap(group_r25.applicationIcon || "fa-solid fa-folder");
+    i0.ɵɵclassMap(group_r17.applicationIcon || "fa-solid fa-folder");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(group_r25.applicationName);
+    i0.ɵɵtextInterpolate(group_r17.applicationName);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(group_r25.entities.length);
+    i0.ɵɵtextInterpolate(group_r17.entities.length);
     i0.ɵɵadvance();
-    i0.ɵɵclassProp("expanded", group_r25.isExpanded);
+    i0.ɵɵclassProp("expanded", group_r17.isExpanded);
     i0.ɵɵadvance();
-    i0.ɵɵconditional(group_r25.isExpanded ? 9 : -1);
+    i0.ɵɵconditional(group_r17.isExpanded ? 9 : -1);
 } }
 function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵrepeaterCreate(0, DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_20_For_1_Template, 10, 11, "div", 115, _forTrack5);
+    i0.ɵɵrepeaterCreate(0, DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_20_For_1_Template, 10, 11, "div", 75, _forTrack4);
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵrepeater(ctx_r1.filteredAppEntityGroups);
 } }
 function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 90);
-    i0.ɵɵelement(1, "i", 122);
+    i0.ɵɵelementStart(0, "div", 50);
+    i0.ɵɵelement(1, "i", 82);
     i0.ɵɵelementStart(2, "p");
     i0.ɵɵtext(3);
     i0.ɵɵelementEnd()();
@@ -522,8 +358,8 @@ function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional
     i0.ɵɵtextInterpolate1("No entities match \"", ctx_r1.entityFilterText, "\"");
 } }
 function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_22_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 91);
-    i0.ɵɵelement(1, "i", 123);
+    i0.ɵɵelementStart(0, "div", 51);
+    i0.ɵɵelement(1, "i", 83);
     i0.ɵɵelementStart(2, "h3");
     i0.ɵɵtext(3, "No Entities Available");
     i0.ɵɵelementEnd();
@@ -532,167 +368,167 @@ function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional
     i0.ɵɵelementEnd()();
 } }
 function DataExplorerDashboardComponent_Conditional_14_Conditional_2_For_40_Template(rf, ctx) { if (rf & 1) {
-    const _r28 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 124);
-    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_14_Conditional_2_For_40_Template_div_click_0_listener() { const record_r29 = i0.ɵɵrestoreView(_r28).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onRecentRecordClick(record_r29)); });
-    i0.ɵɵelementStart(1, "div", 125);
+    const _r20 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 84);
+    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_14_Conditional_2_For_40_Template_div_click_0_listener() { const record_r21 = i0.ɵɵrestoreView(_r20).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onRecentRecordClick(record_r21)); });
+    i0.ɵɵelementStart(1, "div", 85);
     i0.ɵɵelement(2, "i");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 126)(4, "div", 127);
+    i0.ɵɵelementStart(3, "div", 86)(4, "div", 87);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 128);
+    i0.ɵɵelementStart(6, "div", 88);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(8, "span", 129);
+    i0.ɵɵelementStart(8, "span", 89);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const record_r29 = ctx.$implicit;
+    const record_r21 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(2);
-    i0.ɵɵclassMap(ctx_r1.getEntityIconById(record_r29.entityId));
+    i0.ɵɵclassMap(ctx_r1.getEntityIconById(record_r21.entityId));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(record_r29.recordName || record_r29.recordId);
+    i0.ɵɵtextInterpolate(record_r21.recordName || record_r21.recordId);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(record_r29.entityName);
+    i0.ɵɵtextInterpolate(record_r21.entityName);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r1.formatRelativeTime(record_r29.latestAt));
+    i0.ɵɵtextInterpolate(ctx_r1.formatRelativeTime(record_r21.latestAt));
 } }
 function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_41_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 104);
+    i0.ɵɵelementStart(0, "div", 64);
     i0.ɵɵtext(1, "No recent records");
     i0.ɵɵelementEnd();
 } }
 function DataExplorerDashboardComponent_Conditional_14_Conditional_2_For_52_Template(rf, ctx) { if (rf & 1) {
-    const _r30 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 124);
-    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_14_Conditional_2_For_52_Template_div_click_0_listener() { const entity_r31 = i0.ɵɵrestoreView(_r30).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onEntitySelected(entity_r31)); });
-    i0.ɵɵelementStart(1, "div", 125);
+    const _r22 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 84);
+    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_14_Conditional_2_For_52_Template_div_click_0_listener() { const entity_r23 = i0.ɵɵrestoreView(_r22).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onEntitySelected(entity_r23)); });
+    i0.ɵɵelementStart(1, "div", 85);
     i0.ɵɵelement(2, "i");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 126)(4, "div", 127);
+    i0.ɵɵelementStart(3, "div", 86)(4, "div", 87);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const entity_r31 = ctx.$implicit;
+    const entity_r23 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(2);
-    i0.ɵɵclassMap(ctx_r1.getEntityIcon(entity_r31));
+    i0.ɵɵclassMap(ctx_r1.getEntityIcon(entity_r23));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(entity_r31.DisplayNameOrName);
+    i0.ɵɵtextInterpolate(entity_r23.DisplayNameOrName);
 } }
 function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_53_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 104);
+    i0.ɵɵelementStart(0, "div", 64);
     i0.ɵɵtext(1, "No recent entities");
     i0.ɵɵelementEnd();
 } }
 function DataExplorerDashboardComponent_Conditional_14_Conditional_2_For_64_Template(rf, ctx) { if (rf & 1) {
-    const _r32 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 124);
-    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_14_Conditional_2_For_64_Template_div_click_0_listener() { const record_r33 = i0.ɵɵrestoreView(_r32).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onFavoriteRecordClick(record_r33)); });
-    i0.ɵɵelementStart(1, "div", 125);
+    const _r24 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 84);
+    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_14_Conditional_2_For_64_Template_div_click_0_listener() { const record_r25 = i0.ɵɵrestoreView(_r24).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.onFavoriteRecordClick(record_r25)); });
+    i0.ɵɵelementStart(1, "div", 85);
     i0.ɵɵelement(2, "i");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "div", 126)(4, "div", 127);
+    i0.ɵɵelementStart(3, "div", 86)(4, "div", 87);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "div", 128);
+    i0.ɵɵelementStart(6, "div", 88);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const record_r33 = ctx.$implicit;
+    const record_r25 = ctx.$implicit;
     const ctx_r1 = i0.ɵɵnextContext(3);
     i0.ɵɵadvance(2);
-    i0.ɵɵclassMap(ctx_r1.getEntityIconById(record_r33.entityId));
+    i0.ɵɵclassMap(ctx_r1.getEntityIconById(record_r25.entityId));
     i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate(record_r33.recordName || record_r33.recordId);
+    i0.ɵɵtextInterpolate(record_r25.recordName || record_r25.recordId);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(record_r33.entityName);
+    i0.ɵɵtextInterpolate(record_r25.entityName);
 } }
 function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_65_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 104);
+    i0.ɵɵelementStart(0, "div", 64);
     i0.ɵɵtext(1, "No favorite records");
     i0.ɵɵelementEnd();
 } }
 function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Template(rf, ctx) { if (rf & 1) {
-    const _r20 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 76)(1, "div", 77)(2, "div", 78);
-    i0.ɵɵelement(3, "i", 79);
-    i0.ɵɵelementStart(4, "input", 80, 0);
-    i0.ɵɵtwoWayListener("ngModelChange", function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Template_input_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.entityFilterText, $event) || (ctx_r1.entityFilterText = $event); return i0.ɵɵresetView($event); });
+    const _r12 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 36)(1, "div", 37)(2, "div", 38);
+    i0.ɵɵelement(3, "i", 39);
+    i0.ɵɵelementStart(4, "input", 40, 0);
+    i0.ɵɵtwoWayListener("ngModelChange", function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Template_input_ngModelChange_4_listener($event) { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r1.entityFilterText, $event) || (ctx_r1.entityFilterText = $event); return i0.ɵɵresetView($event); });
     i0.ɵɵelementEnd();
-    i0.ɵɵconditionalCreate(6, DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_6_Template, 2, 0, "button", 81)(7, DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_7_Template, 2, 0, "span", 82);
+    i0.ɵɵconditionalCreate(6, DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_6_Template, 2, 0, "button", 41)(7, DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_7_Template, 2, 0, "span", 42);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "div", 83)(9, "span", 84);
+    i0.ɵɵelementStart(8, "div", 43)(9, "span", 44);
     i0.ɵɵtext(10);
     i0.ɵɵconditionalCreate(11, DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_11_Template, 1, 1);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(12, "div", 85)(13, "button", 86);
-    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setHomeViewMode("all")); });
+    i0.ɵɵelementStart(12, "div", 45)(13, "button", 46);
+    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Template_button_click_13_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setHomeViewMode("all")); });
     i0.ɵɵtext(14, " All Entities ");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(15, "button", 86);
-    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Template_button_click_15_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setHomeViewMode("favorites")); });
-    i0.ɵɵelement(16, "i", 87);
+    i0.ɵɵelementStart(15, "button", 46);
+    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Template_button_click_15_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.setHomeViewMode("favorites")); });
+    i0.ɵɵelement(16, "i", 47);
     i0.ɵɵtext(17, " My Favorites ");
     i0.ɵɵelementEnd()()()();
-    i0.ɵɵelementStart(18, "div", 88);
-    i0.ɵɵconditionalCreate(19, DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_19_Template, 3, 0, "div", 89)(20, DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_20_Template, 2, 0);
-    i0.ɵɵconditionalCreate(21, DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_21_Template, 4, 1, "div", 90);
-    i0.ɵɵconditionalCreate(22, DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_22_Template, 6, 0, "div", 91);
+    i0.ɵɵelementStart(18, "div", 48);
+    i0.ɵɵconditionalCreate(19, DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_19_Template, 3, 0, "div", 49)(20, DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_20_Template, 2, 0);
+    i0.ɵɵconditionalCreate(21, DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_21_Template, 4, 1, "div", 50);
+    i0.ɵɵconditionalCreate(22, DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_22_Template, 6, 0, "div", 51);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(23, "div", 92)(24, "div", 93)(25, "h3");
+    i0.ɵɵelementStart(23, "div", 52)(24, "div", 53)(25, "h3");
     i0.ɵɵtext(26, "Quick Access");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(27, "button", 94);
-    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Template_button_click_27_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleQuickAccessPanel()); });
-    i0.ɵɵelement(28, "i", 95);
+    i0.ɵɵelementStart(27, "button", 54);
+    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Template_button_click_27_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleQuickAccessPanel()); });
+    i0.ɵɵelement(28, "i", 55);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(29, "div", 96)(30, "div", 97)(31, "div", 98);
-    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Template_div_click_31_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleQuickAccessSection("recentRecords")); });
-    i0.ɵɵelement(32, "i", 99);
+    i0.ɵɵelementStart(29, "div", 56)(30, "div", 57)(31, "div", 58);
+    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Template_div_click_31_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleQuickAccessSection("recentRecords")); });
+    i0.ɵɵelement(32, "i", 59);
     i0.ɵɵelementStart(33, "span");
     i0.ɵɵtext(34, "Recent Records");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(35, "span", 100);
+    i0.ɵɵelementStart(35, "span", 60);
     i0.ɵɵtext(36);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(37, "i", 101);
+    i0.ɵɵelement(37, "i", 61);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(38, "div", 102);
-    i0.ɵɵrepeaterCreate(39, DataExplorerDashboardComponent_Conditional_14_Conditional_2_For_40_Template, 10, 5, "div", 103, _forTrack2);
-    i0.ɵɵconditionalCreate(41, DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_41_Template, 2, 0, "div", 104);
+    i0.ɵɵelementStart(38, "div", 62);
+    i0.ɵɵrepeaterCreate(39, DataExplorerDashboardComponent_Conditional_14_Conditional_2_For_40_Template, 10, 5, "div", 63, _forTrack1);
+    i0.ɵɵconditionalCreate(41, DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_41_Template, 2, 0, "div", 64);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(42, "div", 97)(43, "div", 98);
-    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Template_div_click_43_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleQuickAccessSection("recentEntities")); });
-    i0.ɵɵelement(44, "i", 105);
+    i0.ɵɵelementStart(42, "div", 57)(43, "div", 58);
+    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Template_div_click_43_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleQuickAccessSection("recentEntities")); });
+    i0.ɵɵelement(44, "i", 65);
     i0.ɵɵelementStart(45, "span");
     i0.ɵɵtext(46, "Recent Entities");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(47, "span", 100);
+    i0.ɵɵelementStart(47, "span", 60);
     i0.ɵɵtext(48);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(49, "i", 101);
+    i0.ɵɵelement(49, "i", 61);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(50, "div", 102);
-    i0.ɵɵrepeaterCreate(51, DataExplorerDashboardComponent_Conditional_14_Conditional_2_For_52_Template, 6, 3, "div", 103, _forTrack3);
-    i0.ɵɵconditionalCreate(53, DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_53_Template, 2, 0, "div", 104);
+    i0.ɵɵelementStart(50, "div", 62);
+    i0.ɵɵrepeaterCreate(51, DataExplorerDashboardComponent_Conditional_14_Conditional_2_For_52_Template, 6, 3, "div", 63, _forTrack2);
+    i0.ɵɵconditionalCreate(53, DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_53_Template, 2, 0, "div", 64);
     i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(54, "div", 97)(55, "div", 98);
-    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Template_div_click_55_listener() { i0.ɵɵrestoreView(_r20); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleQuickAccessSection("favoriteRecords")); });
-    i0.ɵɵelement(56, "i", 106);
+    i0.ɵɵelementStart(54, "div", 57)(55, "div", 58);
+    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Template_div_click_55_listener() { i0.ɵɵrestoreView(_r12); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.toggleQuickAccessSection("favoriteRecords")); });
+    i0.ɵɵelement(56, "i", 66);
     i0.ɵɵelementStart(57, "span");
     i0.ɵɵtext(58, "Favorite Records");
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(59, "span", 100);
+    i0.ɵɵelementStart(59, "span", 60);
     i0.ɵɵtext(60);
     i0.ɵɵelementEnd();
-    i0.ɵɵelement(61, "i", 101);
+    i0.ɵɵelement(61, "i", 61);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(62, "div", 102);
-    i0.ɵɵrepeaterCreate(63, DataExplorerDashboardComponent_Conditional_14_Conditional_2_For_64_Template, 8, 4, "div", 103, _forTrack4);
-    i0.ɵɵconditionalCreate(65, DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_65_Template, 2, 0, "div", 104);
+    i0.ɵɵelementStart(62, "div", 62);
+    i0.ɵɵrepeaterCreate(63, DataExplorerDashboardComponent_Conditional_14_Conditional_2_For_64_Template, 8, 4, "div", 63, _forTrack3);
+    i0.ɵɵconditionalCreate(65, DataExplorerDashboardComponent_Conditional_14_Conditional_2_Conditional_65_Template, 2, 0, "div", 64);
     i0.ɵɵelementEnd()()()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext(2);
@@ -743,8 +579,8 @@ function DataExplorerDashboardComponent_Conditional_14_Conditional_2_Template(rf
     i0.ɵɵconditional(ctx_r1.quickAccessFavoriteRecords.length === 0 ? 65 : -1);
 } }
 function DataExplorerDashboardComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 13);
-    i0.ɵɵconditionalCreate(1, DataExplorerDashboardComponent_Conditional_14_Conditional_1_Template, 2, 0, "div", 74)(2, DataExplorerDashboardComponent_Conditional_14_Conditional_2_Template, 66, 27);
+    i0.ɵɵelementStart(0, "div", 12);
+    i0.ɵɵconditionalCreate(1, DataExplorerDashboardComponent_Conditional_14_Conditional_1_Template, 2, 0, "div", 34)(2, DataExplorerDashboardComponent_Conditional_14_Conditional_2_Template, 66, 27);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
@@ -752,40 +588,25 @@ function DataExplorerDashboardComponent_Conditional_14_Template(rf, ctx) { if (r
     i0.ɵɵconditional(ctx_r1.isLoadingEntities ? 1 : 2);
 } }
 function DataExplorerDashboardComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
-    const _r34 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-entity-viewer", 130, 1);
-    i0.ɵɵlistener("viewModeChange", function DataExplorerDashboardComponent_Conditional_15_Template_mj_entity_viewer_viewModeChange_0_listener($event) { i0.ɵɵrestoreView(_r34); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onViewModeChanged($event)); })("filterTextChange", function DataExplorerDashboardComponent_Conditional_15_Template_mj_entity_viewer_filterTextChange_0_listener($event) { i0.ɵɵrestoreView(_r34); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onFilterTextChanged($event)); })("recordSelected", function DataExplorerDashboardComponent_Conditional_15_Template_mj_entity_viewer_recordSelected_0_listener($event) { i0.ɵɵrestoreView(_r34); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onViewerRecordSelected($event)); })("recordOpened", function DataExplorerDashboardComponent_Conditional_15_Template_mj_entity_viewer_recordOpened_0_listener($event) { i0.ɵɵrestoreView(_r34); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onViewerRecordOpened($event)); })("dataLoaded", function DataExplorerDashboardComponent_Conditional_15_Template_mj_entity_viewer_dataLoaded_0_listener($event) { i0.ɵɵrestoreView(_r34); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onDataLoaded($event)); })("filteredCountChanged", function DataExplorerDashboardComponent_Conditional_15_Template_mj_entity_viewer_filteredCountChanged_0_listener($event) { i0.ɵɵrestoreView(_r34); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onFilteredCountChanged($event)); })("gridStateChanged", function DataExplorerDashboardComponent_Conditional_15_Template_mj_entity_viewer_gridStateChanged_0_listener($event) { i0.ɵɵrestoreView(_r34); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onGridStateChanged($event)); })("selectionChanged", function DataExplorerDashboardComponent_Conditional_15_Template_mj_entity_viewer_selectionChanged_0_listener($event) { i0.ɵɵrestoreView(_r34); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSelectionChanged($event)); })("addToListRequested", function DataExplorerDashboardComponent_Conditional_15_Template_mj_entity_viewer_addToListRequested_0_listener($event) { i0.ɵɵrestoreView(_r34); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onAddToListRequested($event)); })("mapRenderModeChange", function DataExplorerDashboardComponent_Conditional_15_Template_mj_entity_viewer_mapRenderModeChange_0_listener($event) { i0.ɵɵrestoreView(_r34); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onMapRenderModeChange($event)); })("mapDisplayStateChange", function DataExplorerDashboardComponent_Conditional_15_Template_mj_entity_viewer_mapDisplayStateChange_0_listener($event) { i0.ɵɵrestoreView(_r34); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onMapDisplayStateChange($event)); });
+    const _r26 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-view-workspace", 90);
+    i0.ɵɵlistener("SelectedViewChange", function DataExplorerDashboardComponent_Conditional_15_Template_mj_view_workspace_SelectedViewChange_0_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onWorkspaceViewSelected($event)); })("ViewSelected", function DataExplorerDashboardComponent_Conditional_15_Template_mj_view_workspace_ViewSelected_0_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onWorkspaceViewSelected($event)); })("OpenViewInTabRequested", function DataExplorerDashboardComponent_Conditional_15_Template_mj_view_workspace_OpenViewInTabRequested_0_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onOpenInTabRequested($event)); })("OpenRecordRequested", function DataExplorerDashboardComponent_Conditional_15_Template_mj_view_workspace_OpenRecordRequested_0_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onWorkspaceOpenRecord($event)); })("OpenRelatedRecordRequested", function DataExplorerDashboardComponent_Conditional_15_Template_mj_view_workspace_OpenRelatedRecordRequested_0_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onOpenRelatedRecordRequested($event)); })("CreateNewRecordRequested", function DataExplorerDashboardComponent_Conditional_15_Template_mj_view_workspace_CreateNewRecordRequested_0_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onCreateNewRecordRequested($event)); })("RecordSelected", function DataExplorerDashboardComponent_Conditional_15_Template_mj_view_workspace_RecordSelected_0_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onViewerRecordSelected($event)); })("AfterViewSave", function DataExplorerDashboardComponent_Conditional_15_Template_mj_view_workspace_AfterViewSave_0_listener() { i0.ɵɵrestoreView(_r26); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onWorkspaceViewSaved()); })("AfterViewDelete", function DataExplorerDashboardComponent_Conditional_15_Template_mj_view_workspace_AfterViewDelete_0_listener() { i0.ɵɵrestoreView(_r26); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onWorkspaceViewSaved()); })("FilterTextChanged", function DataExplorerDashboardComponent_Conditional_15_Template_mj_view_workspace_FilterTextChanged_0_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onFilterTextChanged($event)); })("DataLoaded", function DataExplorerDashboardComponent_Conditional_15_Template_mj_view_workspace_DataLoaded_0_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onDataLoaded($event)); })("FilteredCountChanged", function DataExplorerDashboardComponent_Conditional_15_Template_mj_view_workspace_FilteredCountChanged_0_listener($event) { i0.ɵɵrestoreView(_r26); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onFilteredCountChanged($event)); });
     i0.ɵɵelementEnd();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("entity", ctx_r1.selectedEntity)("viewEntity", ctx_r1.selectedViewEntity)("viewMode", ctx_r1.state.viewMode)("filterText", ctx_r1.debouncedFilterText)("selectedRecordId", ctx_r1.state.selectedRecordId)("config", ctx_r1.viewerConfig)("gridState", ctx_r1.currentGridState)("timelineConfig", ctx_r1.currentTimelineConfig)("gridSelectionMode", "checkbox")("showGridToolbar", false)("showAddToListButton", false)("mapRenderMode", ctx_r1.state.mapRenderMode || "point")("mapDisplayState", ctx_r1.mapDisplayState);
+    i0.ɵɵproperty("Entity", ctx_r1.selectedEntity)("AutoSaveView", true)("SelectedView", ctx_r1.selectedViewEntity)("FilterText", ctx_r1.debouncedFilterText)("SelectedRecordId", ctx_r1.state.selectedRecordId)("ViewerConfig", ctx_r1.viewerConfig);
 } }
 function DataExplorerDashboardComponent_Conditional_16_Template(rf, ctx) { if (rf & 1) {
-    const _r35 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 131)(1, "div", 132)(2, "button", 133);
-    i0.ɵɵlistener("click", function DataExplorerDashboardComponent_Conditional_16_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r35); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.openListManagementDialog()); });
-    i0.ɵɵelement(3, "i", 35);
-    i0.ɵɵelementStart(4, "span");
-    i0.ɵɵtext(5, "Add to List");
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(6, "mj-entity-record-detail-panel", 134);
-    i0.ɵɵlistener("close", function DataExplorerDashboardComponent_Conditional_16_Template_mj_entity_record_detail_panel_close_6_listener() { i0.ɵɵrestoreView(_r35); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onDetailPanelClosed()); })("openRecord", function DataExplorerDashboardComponent_Conditional_16_Template_mj_entity_record_detail_panel_openRecord_6_listener($event) { i0.ɵɵrestoreView(_r35); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onOpenRecord($event)); })("navigateToRelated", function DataExplorerDashboardComponent_Conditional_16_Template_mj_entity_record_detail_panel_navigateToRelated_6_listener($event) { i0.ɵɵrestoreView(_r35); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onNavigateToRelated($event)); })("openRelatedRecord", function DataExplorerDashboardComponent_Conditional_16_Template_mj_entity_record_detail_panel_openRelatedRecord_6_listener($event) { i0.ɵɵrestoreView(_r35); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onOpenRelatedRecord($event)); })("openForeignKeyRecord", function DataExplorerDashboardComponent_Conditional_16_Template_mj_entity_record_detail_panel_openForeignKeyRecord_6_listener($event) { i0.ɵɵrestoreView(_r35); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onOpenForeignKeyRecord($event)); });
+    const _r27 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 91)(1, "mj-entity-record-detail-panel", 92);
+    i0.ɵɵlistener("close", function DataExplorerDashboardComponent_Conditional_16_Template_mj_entity_record_detail_panel_close_1_listener() { i0.ɵɵrestoreView(_r27); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onDetailPanelClosed()); })("openRecord", function DataExplorerDashboardComponent_Conditional_16_Template_mj_entity_record_detail_panel_openRecord_1_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onOpenRecord($event)); })("navigateToRelated", function DataExplorerDashboardComponent_Conditional_16_Template_mj_entity_record_detail_panel_navigateToRelated_1_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onNavigateToRelated($event)); })("openRelatedRecord", function DataExplorerDashboardComponent_Conditional_16_Template_mj_entity_record_detail_panel_openRelatedRecord_1_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onOpenRelatedRecord($event)); })("openForeignKeyRecord", function DataExplorerDashboardComponent_Conditional_16_Template_mj_entity_record_detail_panel_openForeignKeyRecord_1_listener($event) { i0.ɵɵrestoreView(_r27); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onOpenForeignKeyRecord($event)); });
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵstyleProp("width", ctx_r1.state.detailPanelWidth, "px");
-    i0.ɵɵadvance(6);
+    i0.ɵɵadvance();
     i0.ɵɵproperty("entity", ctx_r1.detailPanelEntity)("record", ctx_r1.selectedRecord);
 } }
-function DataExplorerDashboardComponent_Conditional_20_Template(rf, ctx) { if (rf & 1) {
-    const _r36 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mj-list-management-dialog", 135);
-    i0.ɵɵlistener("complete", function DataExplorerDashboardComponent_Conditional_20_Template_mj_list_management_dialog_complete_0_listener($event) { i0.ɵɵrestoreView(_r36); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onListManagementComplete($event)); })("cancel", function DataExplorerDashboardComponent_Conditional_20_Template_mj_list_management_dialog_cancel_0_listener() { i0.ɵɵrestoreView(_r36); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onListManagementCancel()); });
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("config", ctx_r1.listManagementConfig)("visible", ctx_r1.showListManagementDialog);
-} }
 /**
  * Data Explorer Dashboard - Power user interface for exploring data across entities
  * Combines card-based browsing with grid views and relationship visualization
@@ -797,18 +618,13 @@ let DataExplorerDashboardComponent = class DataExplorerDashboardComponent extend
     stateService;
     cdr;
     recentAccessService;
-    exportService;
     ngZone;
     destroy$ = new Subject();
     metadata = this.ProviderToUse;
     /** Reference to the filter input for keyboard shortcuts */
     filterInputRef;
-    /** Reference to the view selector for refreshing after save */
-    viewSelectorRef;
-    /** Reference to the entity viewer for refreshing after view save */
-    entityViewerRef;
-    /** Reference to the view config panel for passing filter state */
-    viewConfigPanelRef;
+    /** Reference to the view workspace (owns view CRUD + the inner data renderer) */
+    viewWorkspaceRef;
     /**
      * Optional filter to constrain which entities are shown in the explorer.
      * Can filter by applicationId, schemaNames, or explicit entityNames.
@@ -872,8 +688,6 @@ let DataExplorerDashboardComponent = class DataExplorerDashboardComponent extend
     breadcrumbs = [];
     // Loading state for entities
     isLoadingEntities = true;
-    // Date field dropdown state
-    isDateFieldDropdownOpen = false;
     // Recent records from User Record Logs
     recentRecords = [];
     // Favorite records from User Favorites (non-entity favorites)
@@ -882,31 +696,6 @@ let DataExplorerDashboardComponent = class DataExplorerDashboardComponent extend
     isLoadingRecentRecords = true;
     // Entity filter for recent records (null = show all, string = filter by entityId)
     recentRecordsEntityFilter = null;
-    // Export functionality
-    showExportDialog = false;
-    exportDialogConfig = null;
-    // List management
-    showListManagementDialog = false;
-    listManagementConfig = null;
-    // Selection tracking for grid - needed to enable Add to List button in header
-    selectedRecordIds = [];
-    selectedRecords = [];
-    // Quick Save Dialog state (F-001)
-    showQuickSaveDialog = false;
-    quickSaveSummary = null;
-    // Pending new-view context: carries name/description/sharing from quick save dialog
-    // to the config panel when user clicks "Customize columns, filters & sorting..."
-    pendingNewViewName = '';
-    pendingNewViewDescription = '';
-    pendingNewViewIsShared = false;
-    // Duplicate View Dialog state (F-005)
-    showDuplicateDialog = false;
-    duplicateSourceViewName = '';
-    duplicateSummary = null;
-    duplicateTargetViewId = null;
-    // Shared View Warning Dialog state (Scenario 5)
-    showSharedViewWarning = false;
-    pendingQuickSaveEvent = null;
     async GetResourceDisplayName(data) {
         return "Data Explorer";
     }
@@ -1081,114 +870,6 @@ let DataExplorerDashboardComponent = class DataExplorerDashboardComponent extend
     get displayIcon() {
         return this.contextIcon;
     }
-    /**
-     * Check if the currently selected entity has date fields available for timeline view.
-     * Used to conditionally show the timeline toggle button in the header.
-     */
-    get entityHasDateFields() {
-        if (!this.selectedEntity)
-            return false;
-        return this.selectedEntity.Fields.some(f => f.TSType === EntityFieldTSType.Date);
-    }
-    /**
-     * Get available date fields for the currently selected entity.
-     * Used for the date field selector in timeline view.
-     */
-    get availableDateFields() {
-        if (!this.selectedEntity)
-            return [];
-        return this.selectedEntity.Fields
-            .filter(f => f.TSType === EntityFieldTSType.Date)
-            .sort((a, b) => {
-            // Prioritize DefaultInView fields, then by Sequence
-            if (a.DefaultInView && !b.DefaultInView)
-                return -1;
-            if (!a.DefaultInView && b.DefaultInView)
-                return 1;
-            return a.Sequence - b.Sequence;
-        })
-            .map(f => ({
-            name: f.Name,
-            displayName: f.DisplayNameOrName
-        }));
-    }
-    /**
-     * Get the effective timeline date field name.
-     * Returns stored value if valid, otherwise first available date field.
-     */
-    get effectiveTimelineDateField() {
-        const available = this.availableDateFields;
-        if (available.length === 0)
-            return null;
-        // Check if stored value is still valid
-        if (this.state.timelineDateFieldName && available.some(f => f.name === this.state.timelineDateFieldName)) {
-            return this.state.timelineDateFieldName;
-        }
-        // Default to first available
-        return available[0].name;
-    }
-    /**
-     * Get the display name of the effective timeline date field.
-     */
-    get effectiveTimelineDateFieldDisplayName() {
-        const fieldName = this.effectiveTimelineDateField;
-        if (!fieldName)
-            return '';
-        const field = this.availableDateFields.find(f => f.name === fieldName);
-        return field?.displayName || fieldName;
-    }
-    /**
-     * Set the timeline date field.
-     */
-    setTimelineDateField(fieldName) {
-        this.state.timelineDateFieldName = fieldName;
-        this.stateService.updateState({ timelineDateFieldName: fieldName });
-        this.isDateFieldDropdownOpen = false;
-        this.cdr.detectChanges();
-    }
-    /**
-     * Toggle the date field dropdown open/closed.
-     */
-    toggleDateFieldDropdown() {
-        this.isDateFieldDropdownOpen = !this.isDateFieldDropdownOpen;
-    }
-    /**
-     * Close the date field dropdown.
-     */
-    closeDateFieldDropdown() {
-        this.isDateFieldDropdownOpen = false;
-    }
-    /**
-     * Toggle timeline orientation between vertical and horizontal.
-     */
-    toggleTimelineOrientation() {
-        const newOrientation = this.state.timelineOrientation === 'vertical' ? 'horizontal' : 'vertical';
-        this.state.timelineOrientation = newOrientation;
-        this.stateService.updateState({ timelineOrientation: newOrientation });
-        this.cdr.detectChanges();
-    }
-    /**
-     * Toggle timeline sort order between newest first (desc) and oldest first (asc).
-     */
-    toggleTimelineSortOrder() {
-        const newSortOrder = this.state.timelineSortOrder === 'desc' ? 'asc' : 'desc';
-        this.state.timelineSortOrder = newSortOrder;
-        this.stateService.updateState({ timelineSortOrder: newSortOrder });
-        this.cdr.detectChanges();
-    }
-    /**
-     * Get the current timeline configuration for the entity-viewer.
-     */
-    get currentTimelineConfig() {
-        const dateField = this.effectiveTimelineDateField;
-        if (!dateField)
-            return null;
-        return {
-            dateFieldName: dateField,
-            orientation: this.state.timelineOrientation,
-            sortOrder: this.state.timelineSortOrder
-        };
-    }
     /**
      * Configuration for mj-entity-viewer composite component
      * Hides the built-in header since we have a custom header in the dashboard
@@ -1196,129 +877,116 @@ let DataExplorerDashboardComponent = class DataExplorerDashboardComponent extend
      */
     viewerConfig = {
         showFilter: false, // We have our own filter in the dashboard header
-        showViewModeToggle: false, // We have our own toggle in the dashboard header
+        showViewModeToggle: true, // Use the viewer's metadata-driven view-type dropdown (no legacy header toggle)
         showRecordCount: false, // We show count in the dashboard header
         showPagination: true, // Show the pagination UI with "Load More" button
         serverSideFiltering: true, // Use RunView's UserSearchString for filtering
         serverSideSorting: true, // Use RunView's OrderBy for sorting
         height: '100%'
     };
-    /**
-     * Current grid state (built from view entity or local state changes)
-     * This is passed to mj-entity-viewer to control column display
-     */
-    currentGridState = null;
-    // Filter dialog state (rendered at dashboard level for full viewport width)
-    isFilterDialogOpen = false;
-    filterDialogFields = [];
-    filterDialogState = createEmptyFilter();
-    filterDialogDisabled = false;
-    // View save state
-    isSavingView = false;
-    constructor(stateService, cdr, recentAccessService, exportService, ngZone) {
+    constructor(stateService, cdr, recentAccessService, ngZone) {
         super();
         this.stateService = stateService;
         this.cdr = cdr;
         this.recentAccessService = recentAccessService;
-        this.exportService = exportService;
         this.ngZone = ngZone;
         this.state = this.stateService.CurrentState;
     }
     async ngOnInit() {
         super.ngOnInit();
-        // Ensure UserInfoEngine is configured before we try to access user settings
-        // This prevents race conditions where we try to load default view settings
-        // before the user settings have been loaded from the server
-        await UserInfoEngine.Instance.Config(false);
-        // Read initial query params — prefer params forwarded from the resource wrapper
-        // (which has Data.Configuration.queryParams from the shell), then fall back to
-        // this component's own GetQueryParams() for cases where the dashboard is used standalone.
-        const wrapperParams = this.initialQueryParams && Object.keys(this.initialQueryParams).length > 0
-            ? this.initialQueryParams
-            : null;
-        const ownParams = this.GetQueryParams();
-        const rawParams = wrapperParams || (Object.keys(ownParams).length > 0 ? ownParams : {});
-        const urlState = this.buildDeepLinkFromParams(rawParams);
-        // Set context for state service (enables context-specific settings)
-        this.stateService.Provider = this.ProviderToUse;
-        await this.stateService.setContext(this.entityFilter);
-        this.state = this.stateService.CurrentState;
-        // User search text starts empty - it's separate from smart filter
-        this.liveFilterText = '';
-        this.debouncedFilterText = '';
-        // Load available entities (async to support applicationId filter)
-        // Pass urlState so we don't restore persisted entity if URL specifies one
-        await this.loadEntities(urlState);
-        // Apply URL state after entities are loaded
-        if (urlState) {
-            await this.applyUrlState(urlState);
-        }
-        else if (this.deepLink) {
-            await this.applyDeepLink(this.deepLink);
-        }
-        // Subscribe to state changes
-        this.stateService.State
-            .pipe(takeUntil(this.destroy$))
-            .subscribe(state => {
-            const entityChanged = state.selectedEntityName !== this.state.selectedEntityName;
-            this.state = state;
-            // Self-correct map mode: if a URL-sourced mode is pending and state
-            // has diverged (e.g., reset to 'point' by some init step), re-apply it.
-            // _pendingMapMode stays alive until the map component emits real state
-            // via onMapDisplayStateChange (user interaction), NOT on first state match.
-            if (this._pendingMapMode && state.mapRenderMode !== this._pendingMapMode) {
-                const mode = this._pendingMapMode;
-                this.stateService.updateState({ mapRenderMode: mode });
-                return; // Let the next subscription fire handle the rest
+        try {
+            // Ensure UserInfoEngine is configured before we try to access user settings
+            // This prevents race conditions where we try to load default view settings
+            // before the user settings have been loaded from the server
+            await UserInfoEngine.Instance.Config(false);
+            // Read initial query params — prefer params forwarded from the resource wrapper
+            // (which has Data.Configuration.queryParams from the shell), then fall back to
+            // this component's own GetQueryParams() for cases where the dashboard is used standalone.
+            const wrapperParams = this.initialQueryParams && Object.keys(this.initialQueryParams).length > 0
+                ? this.initialQueryParams
+                : null;
+            const ownParams = this.GetQueryParams();
+            const rawParams = wrapperParams || (Object.keys(ownParams).length > 0 ? ownParams : {});
+            const urlState = this.buildDeepLinkFromParams(rawParams);
+            // Set context for state service (enables context-specific settings)
+            this.stateService.Provider = this.ProviderToUse;
+            await this.stateService.setContext(this.entityFilter);
+            this.state = this.stateService.CurrentState;
+            // User search text starts empty - it's separate from smart filter
+            this.liveFilterText = '';
+            this.debouncedFilterText = '';
+            // Load available entities (async to support applicationId filter)
+            // Pass urlState so we don't restore persisted entity if URL specifies one
+            await this.loadEntities(urlState);
+            // Apply URL state after entities are loaded
+            if (urlState) {
+                await this.applyUrlState(urlState);
             }
-            // When entity changes, clear user search text and update title
-            if (entityChanged) {
-                this.liveFilterText = '';
-                this.debouncedFilterText = '';
-                this.emitDisplayName();
+            else if (this.deepLink) {
+                await this.applyDeepLink(this.deepLink);
             }
-            this.onStateChanged();
-            // Update URL query params to reflect current state (for deep linking)
+            // Subscribe to state changes
+            this.stateService.State
+                .pipe(takeUntil(this.destroy$))
+                .subscribe(state => {
+                const entityChanged = state.selectedEntityName !== this.state.selectedEntityName;
+                this.state = state;
+                // When entity changes, clear user search text and update title
+                if (entityChanged) {
+                    this.liveFilterText = '';
+                    this.debouncedFilterText = '';
+                    this.emitDisplayName();
+                }
+                this.onStateChanged();
+                // Update URL query params to reflect current state (for deep linking)
+                this.pushCurrentStateToUrl();
+                this.cdr.detectChanges();
+            });
+            // Subscribe to breadcrumb changes
+            this.stateService.Breadcrumbs
+                .pipe(takeUntil(this.destroy$))
+                .subscribe(breadcrumbs => {
+                this.breadcrumbs = breadcrumbs;
+                this.cdr.detectChanges();
+            });
+            // Setup debounced filter - 500ms delay allows comfortable typing before triggering search
+            // IMPORTANT: Do NOT call setSmartFilterPrompt here. Updating the state service triggers
+            // URL updates (via pushCurrentStateToUrl → UpdateQueryParams), which in turn can trigger
+            // OnQueryParamsChanged, which would clear the filter text. The debouncedFilterText flows
+            // directly to the entity-viewer via [filterText] binding — no state service involvement needed.
+            this.filterInput$
+                .pipe(debounceTime(500), distinctUntilChanged(), takeUntil(this.destroy$))
+                .subscribe(filterText => {
+                this.debouncedFilterText = filterText;
+                this.cdr.detectChanges();
+            });
+            // Subscribe to recent records changes
+            this.stateService.RecentRecords
+                .pipe(takeUntil(this.destroy$))
+                .subscribe(records => {
+                this.recentRecords = records;
+                this.isLoadingRecentRecords = false;
+                this.cdr.detectChanges();
+            });
+            // Subscribe to favorite records changes
+            this.stateService.FavoriteRecords
+                .pipe(takeUntil(this.destroy$))
+                .subscribe(records => {
+                this.favoriteRecords = records;
+                this.cdr.detectChanges();
+            });
+            // Push initial state to URL (covers deepLink and persisted state)
             this.pushCurrentStateToUrl();
-            this.cdr.detectChanges();
-        });
-        // Subscribe to breadcrumb changes
-        this.stateService.Breadcrumbs
-            .pipe(takeUntil(this.destroy$))
-            .subscribe(breadcrumbs => {
-            this.breadcrumbs = breadcrumbs;
-            this.cdr.detectChanges();
-        });
-        // Setup debounced filter - 500ms delay allows comfortable typing before triggering search
-        // IMPORTANT: Do NOT call setSmartFilterPrompt here. Updating the state service triggers
-        // URL updates (via pushCurrentStateToUrl → UpdateQueryParams), which in turn can trigger
-        // OnQueryParamsChanged, which would clear the filter text. The debouncedFilterText flows
-        // directly to the entity-viewer via [filterText] binding — no state service involvement needed.
-        this.filterInput$
-            .pipe(debounceTime(500), distinctUntilChanged(), takeUntil(this.destroy$))
-            .subscribe(filterText => {
-            this.debouncedFilterText = filterText;
-            this.cdr.detectChanges();
-        });
-        // Subscribe to recent records changes
-        this.stateService.RecentRecords
-            .pipe(takeUntil(this.destroy$))
-            .subscribe(records => {
-            this.recentRecords = records;
-            this.isLoadingRecentRecords = false;
-            this.cdr.detectChanges();
-        });
-        // Subscribe to favorite records changes
-        this.stateService.FavoriteRecords
-            .pipe(takeUntil(this.destroy$))
-            .subscribe(records => {
-            this.favoriteRecords = records;
-            this.cdr.detectChanges();
-        });
-        // Push initial state to URL (covers deepLink and persisted state)
-        this.pushCurrentStateToUrl();
-        // Notify that loading is complete (for resource wrapper integration)
-        this.NotifyLoadComplete();
+        }
+        catch (err) {
+            // Never let a setup failure hang the app loading screen — log it and still signal completion.
+            console.error('[DataExplorer] ngOnInit setup failed (signaling load complete anyway):', err);
+        }
+        finally {
+            // ALWAYS notify load complete — the loading screen waits on this; a thrown/awaited error before
+            // it would otherwise hang the screen forever on a direct-URL (deep-link) refresh.
+            this.NotifyLoadComplete();
+        }
     }
     /**
      * Handle keyboard shortcuts
@@ -1346,41 +1014,31 @@ let DataExplorerDashboardComponent = class DataExplorerDashboardComponent extend
             this.focusFilterInput();
             return;
         }
-        // View management shortcuts (only when an entity is selected)
+        // View management shortcuts (only when an entity is selected). These delegate to the
+        // view workspace, which now owns the full saved-view lifecycle.
         if (this.selectedEntity && (event.metaKey || event.ctrlKey)) {
             // Ctrl+S / Cmd+S: Save current view
             if (event.key === 's' && !event.shiftKey) {
                 event.preventDefault();
-                this.onQuickSaveRequested(false);
+                this.viewWorkspaceRef?.onQuickSaveRequested(false);
                 return;
             }
             // Ctrl+Shift+S / Cmd+Shift+S: Save as new view
             if (event.key === 'S' || (event.key === 's' && event.shiftKey)) {
                 event.preventDefault();
-                this.onQuickSaveRequested(true);
+                this.viewWorkspaceRef?.onQuickSaveRequested(true);
                 return;
             }
-            // Ctrl+Shift+V / Cmd+Shift+V: Open view selector
-            if ((event.key === 'V' || (event.key === 'v' && event.shiftKey))) {
-                event.preventDefault();
-                this.viewSelectorRef?.toggleDropdown();
-                return;
-            }
-            // Ctrl+, / Cmd+,: Toggle config panel
+            // Ctrl+, / Cmd+,: Open config panel
             if (event.key === ',') {
                 event.preventDefault();
-                if (this.state.viewConfigPanelOpen) {
-                    this.onCloseViewConfigPanel();
-                }
-                else {
-                    this.onConfigureViewRequested();
-                }
+                this.viewWorkspaceRef?.onConfigureViewRequested();
                 return;
             }
             // Ctrl+Z / Cmd+Z: Revert unsaved changes (only when modified)
             if (event.key === 'z' && !event.shiftKey && this.state.viewModified) {
                 event.preventDefault();
-                this.onRevertView();
+                void this.viewWorkspaceRef?.onRevertView();
                 return;
             }
         }
@@ -1451,932 +1109,157 @@ let DataExplorerDashboardComponent = class DataExplorerDashboardComponent extend
                 this.isLoadingEntities = false;
                 this.cdr.detectChanges();
             });
-        }
-    }
-    /**
-     * Load entity IDs associated with a specific application
-     */
-    async loadApplicationEntityIds(applicationId) {
-        this.applicationEntityIds.clear();
-        const rv = RunView.FromMetadataProvider(this.ProviderToUse);
-        const result = await rv.RunView({
-            EntityName: 'MJ: Application Entities',
-            ExtraFilter: `ApplicationID = '${applicationId}'`,
-            ResultType: 'entity_object'
-        });
-        if (result.Success && result.Results) {
-            for (const appEntity of result.Results) {
-                this.applicationEntityIds.add(appEntity.EntityID);
-            }
-        }
-    }
-    /**
-     * Apply the configured filter to the entity list
-     */
-    applyEntityFilter(entities) {
-        if (!this.entityFilter) {
-            return entities;
-        }
-        return entities.filter(entity => {
-            // Filter by application (via ApplicationEntities)
-            if (this.entityFilter.applicationId) {
-                if (!this.applicationEntityIds.has(entity.ID)) {
-                    return false;
-                }
-            }
-            // Filter by schema names
-            if (this.entityFilter.schemaNames && this.entityFilter.schemaNames.length > 0) {
-                if (!this.entityFilter.schemaNames.includes(entity.SchemaName)) {
-                    return false;
-                }
-            }
-            // Filter by explicit entity names
-            if (this.entityFilter.entityNames && this.entityFilter.entityNames.length > 0) {
-                if (!this.entityFilter.entityNames.includes(entity.Name)) {
-                    return false;
-                }
-            }
-            // Filter out system entities unless explicitly included
-            if (!this.entityFilter.includeSystemEntities) {
-                // Skip entities with names starting with __ (MJ system entities)
-                if (entity.Name.startsWith('__')) {
-                    return false;
-                }
-                // Could add more system schema checks here if needed
-            }
-            return true;
-        });
-    }
-    /**
-     * Handle entity selection from navigation panel or home screen
-     */
-    onEntitySelected(entity) {
-        // Ensure any pending grid state changes are saved before switching entities
-        // This ensures column resizes/reorders are saved to the current entity's view before switching
-        this.entityViewerRef?.EnsurePendingChangesSaved();
-        this.resetRecordCounts();
-        // Clear the previous entity's view — it belongs to the old entity and its sort/filter
-        // state would leak into the new entity's query (e.g., ORDER BY FirstName on Groups)
-        this.selectedViewEntity = null;
-        this.selectedEntity = entity;
-        this.reconcileViewModeForEntity(entity);
-        // Load user's saved default grid state for this entity (if any)
-        // This ensures formatting and column settings persist across sessions
-        this.currentGridState = this.loadUserDefaultGridState();
-        this.stateService.selectEntity(entity.Name);
-        // Track entity access for recent entities
-        this.stateService.trackEntityAccess(entity.Name, entity.ID);
-        // mj-entity-viewer will automatically load data when entity changes
-    }
-    /**
-     * Handle state changes from external sources
-     */
-    onStateChanged() {
-        if (this.state.selectedEntityName !== this.selectedEntity?.Name) {
-            this.resetRecordCounts();
-            this.selectedEntity = this.entities.find(e => e.Name === this.state.selectedEntityName) || null;
-            this.reconcileViewModeForEntity(this.selectedEntity);
-            // Load user's saved default grid state for this entity (if any)
-            this.currentGridState = this.loadUserDefaultGridState();
-        }
-    }
-    /**
-     * Reset viewMode to 'grid' if the current mode isn't supported by the given entity
-     * (e.g., switching to an entity without geocoding while viewMode is 'map').
-     */
-    reconcileViewModeForEntity(entity) {
-        if (!entity)
-            return;
-        const mode = this.state.viewMode;
-        const hasDateFields = entity.Fields.some(f => f.TSType === EntityFieldTSType.Date);
-        const modeUnsupported = (mode === 'map' && !entity.SupportsGeoCoding) ||
-            (mode === 'timeline' && !hasDateFields);
-        if (modeUnsupported) {
-            this.stateService.setViewMode('grid');
-        }
-    }
-    /**
-     * Reset record counts when entity changes.
-     * The actual counts will be updated when mj-entity-viewer emits dataLoaded event.
-     */
-    resetRecordCounts() {
-        this.totalRecordCount = 0;
-        this.filteredRecordCount = 0;
-    }
-    // ========================================
-    // VIEW MANAGEMENT
-    // ========================================
-    /**
-     * Handle view selection from view selector dropdown
-     */
-    onViewSelected(event) {
-        // Ensure any pending grid state changes are saved before switching views
-        // This ensures column resizes/reorders are saved to the current view before switching
-        this.entityViewerRef?.EnsurePendingChangesSaved();
-        this.selectedViewEntity = event.view;
-        this.stateService.selectView(event.viewId);
-        // When a view is selected, apply its configuration
-        if (event.view) {
-            // Parse and apply the view's grid state
-            this.currentGridState = this.parseViewGridState(event.view);
-            // Apply the view's filter - for Smart Filter views, use SmartFilterPrompt
-            // For regular filter views, the WhereClause is applied in the entity-viewer
-            if (event.view.SmartFilterEnabled && event.view.SmartFilterPrompt) {
-                this.stateService.setSmartFilterPrompt(event.view.SmartFilterPrompt);
-            }
-            else {
-                // Clear the smart filter when switching to a view with regular filters
-                this.stateService.setSmartFilterPrompt('');
-            }
-            // Always clear user search text when switching views - smart filter is separate
-            this.liveFilterText = '';
-            this.debouncedFilterText = '';
-        }
-        else {
-            // Switching to default view - load user's saved defaults from UserInfoEngine
-            this.currentGridState = this.loadUserDefaultGridState();
-            this.stateService.setSmartFilterPrompt('');
-            this.liveFilterText = '';
-            this.debouncedFilterText = '';
-        }
-        // detectChanges pushes the new bindings to entity-viewer; its viewEntity setter
-        // already calls deferReload() so no explicit refresh() is needed.
-        this.cdr.detectChanges();
-    }
-    /**
-     * Load user's saved default grid state from UserInfoEngine
-     * Returns null if no saved state exists
-     */
-    loadUserDefaultGridState() {
-        if (!this.selectedEntity)
-            return null;
-        try {
-            const settingKey = `default-view-setting/${this.selectedEntity.Name}`;
-            const savedState = UserInfoEngine.Instance.GetSetting(settingKey);
-            if (savedState) {
-                const gridState = JSON.parse(savedState);
-                if (gridState && Array.isArray(gridState.columnSettings)) {
-                    // Validate columns and sorts against current entity to prevent stale
-                    // fields from a previously viewed entity leaking into the query
-                    const validColumns = gridState.columnSettings.filter((col) => this.selectedEntity.Fields.some(f => f.Name === col.Name));
-                    const validSorts = (gridState.sortSettings || []).filter((s) => this.selectedEntity.Fields.some(f => f.Name === s.field));
-                    if (validColumns.length > 0) {
-                        return {
-                            columnSettings: validColumns,
-                            sortSettings: validSorts
-                        };
-                    }
-                }
-            }
-        }
-        catch (error) {
-            console.warn('[DataExplorer] Failed to load user default grid state:', error);
-        }
-        return null;
-    }
-    /**
-     * Parse GridState JSON from a UserView entity
-     * Returns null if no valid GridState is present
-     */
-    parseViewGridState(view) {
-        if (!view.GridState) {
-            return null;
-        }
-        try {
-            const parsed = view.GridStateObject;
-            // Validate structure - expect columnSettings array
-            if (parsed && Array.isArray(parsed.columnSettings)) {
-                // Validate columns and sorts against current entity to prevent stale
-                // fields from a previously viewed entity leaking into the query
-                const validColumns = this.selectedEntity
-                    ? parsed.columnSettings.filter((col) => this.selectedEntity.Fields.some(f => f.Name === col.Name))
-                    : parsed.columnSettings;
-                const validSorts = this.selectedEntity
-                    ? (parsed.sortSettings || []).filter((s) => this.selectedEntity.Fields.some(f => f.Name === s.field))
-                    : parsed.sortSettings || [];
-                if (validColumns.length > 0) {
-                    return {
-                        columnSettings: validColumns,
-                        sortSettings: validSorts,
-                        aggregates: parsed.aggregates || undefined
-                    };
-                }
-                return null;
-            }
-            return null;
-        }
-        catch (error) {
-            // BUG-010: Warn user about parse failure instead of silently returning null
-            console.warn('[DataExplorer] Failed to parse GridState:', error);
-            this.showNotification('Warning: Could not parse view grid configuration', 'info', 3000);
-            return null;
-        }
-    }
-    /**
-     * Handle grid state changes from entity-viewer (column resize, reorder, etc.)
-     * Updates the local currentGridState and marks view as modified
-     */
-    onGridStateChanged(event) {
-        this.currentGridState = event.gridState;
-        // Mark view as modified if we have a selected view
-        if (this.state.selectedViewId) {
-            this.stateService.setViewModified(true);
-        }
-    }
-    /**
-     * Whether the config panel should default to save-as-new mode (BUG-011)
-     */
-    defaultSaveAsNew = false;
-    /**
-     * Handle save view request from view selector (BUG-011: forward saveAsNew intent)
-     */
-    onSaveViewRequested(event) {
-        this.defaultSaveAsNew = event.saveAsNew || false;
-        this.stateService.openViewConfigPanel();
-    }
-    /**
-     * Handle manage views request - opens view browser
-     */
-    onManageViewsRequested() {
-        // TODO: Implement navigation to view management
-    }
-    /**
-     * Handle open in tab request - opens the view as a ViewResource in a new tab
-     */
-    onOpenInTabRequested(viewId) {
-        // Get the view name from the component's selectedViewEntity (set when view is selected)
-        const viewName = this.selectedViewEntity?.Name || 'View';
-        // Use NavigationService to open as a proper ViewResource (not entity record)
-        this.navigationService.OpenView(viewId, viewName, { forceNewTab: true });
-    }
-    /**
-     * Handle configure view request - opens the configuration panel
-     */
-    onConfigureViewRequested() {
-        this.stateService.openViewConfigPanel();
-    }
-    /**
-     * Close the view configuration panel
-     */
-    onCloseViewConfigPanel() {
-        this.stateService.closeViewConfigPanel();
-        this.clearPendingNewViewState();
-    }
-    clearPendingNewViewState() {
-        this.pendingNewViewName = '';
-        this.pendingNewViewDescription = '';
-        this.pendingNewViewIsShared = false;
-        this.defaultSaveAsNew = false;
-    }
-    // ========================================
-    // FILTER DIALOG (at dashboard level for full width)
-    // ========================================
-    /**
-     * Handle request to open filter dialog from view config panel
-     * The dialog is rendered at dashboard level to allow full viewport width
-     */
-    onOpenFilterDialogRequest(event) {
-        this.filterDialogState = event.filterState;
-        this.filterDialogFields = event.filterFields;
-        this.filterDialogDisabled = !this.viewConfigPanelRef?.canEdit;
-        this.isFilterDialogOpen = true;
-        this.cdr.detectChanges();
-    }
-    /**
-     * Close the filter dialog
-     */
-    onCloseFilterDialog() {
-        this.isFilterDialogOpen = false;
-        this.cdr.detectChanges();
-    }
-    /**
-     * Handle filter applied from dialog - pass back to view config panel
-     */
-    onFilterApplied(filter) {
-        this.filterDialogState = filter;
-        this.isFilterDialogOpen = false;
-        // The view config panel will pick up the new filter state via input binding
-        this.cdr.detectChanges();
-    }
-    /**
-     * Handle save view from config panel
-     * BUG-001: Panel only closes on success (not on failure)
-     * BUG-002: Shows success/error notifications
-     * BUG-008: Consistent filter handling for both create and update paths
-     */
-    async onSaveView(event) {
-        if (!this.selectedEntity)
-            return;
-        this.isSavingView = true;
-        this.cdr.detectChanges();
-        try {
-            const md = this.ProviderToUse;
-            // Build GridState in Kendo-compatible format
-            const gridState = this.buildGridState(event);
-            // Build SortState in Kendo-compatible format
-            const sortState = this.buildSortState(event);
-            // BUG-008: Consistent filter state for both paths
-            const filterStateJson = event.filterState
-                ? JSON.stringify(event.filterState)
-                : JSON.stringify({ logic: 'and', filters: [] });
-            if (event.saveAsNew || !this.selectedViewEntity) {
-                // Create new view
-                const newView = await md.GetEntityObject('MJ: User Views');
-                newView.Name = event.name || 'Custom';
-                newView.Description = event.description;
-                newView.EntityID = this.selectedEntity.ID;
-                newView.UserID = md.CurrentUser.ID;
-                newView.IsShared = event.isShared;
-                newView.IsDefault = false;
-                // Set state via typed object setters
-                if (gridState) {
-                    newView.GridStateObject = gridState;
-                }
-                if (sortState) {
-                    newView.SortStateObject = sortState;
-                }
-                // Set Smart Filter settings
-                newView.SmartFilterEnabled = event.smartFilterEnabled;
-                newView.SmartFilterPrompt = event.smartFilterPrompt;
-                // BUG-008: Always set FilterState consistently (raw string — Kendo CompositeFilterDescriptor shape)
-                newView.FilterState = filterStateJson;
-                const saved = await newView.Save();
-                if (saved) {
-                    this.selectedViewEntity = newView;
-                    this.stateService.selectView(newView.ID);
-                    this.stateService.setViewModified(false);
-                    this.currentGridState = this.parseViewGridState(newView);
-                    this.cdr.detectChanges();
-                    await this.viewSelectorRef?.loadViews();
-                    // BUG-007: Await the refresh
-                    await this.entityViewerRef?.loadData();
-                    // BUG-001: Only close panel on success
-                    this.stateService.closeViewConfigPanel();
-                    // BUG-002: Show success notification
-                    this.showNotification(`View "${newView.Name}" created successfully`, 'success', 2500);
-                    this.clearPendingNewViewState();
-                }
-                else {
-                    // BUG-001: Panel stays open on failure
-                    // BUG-002: Show error notification
-                    this.showNotification('Failed to create view', 'error', 3500);
-                }
-            }
-            else {
-                // Update existing view
-                this.selectedViewEntity.Name = event.name;
-                this.selectedViewEntity.Description = event.description;
-                this.selectedViewEntity.IsShared = event.isShared;
-                // Update state via typed object setters
-                if (gridState) {
-                    this.selectedViewEntity.GridStateObject = gridState;
-                }
-                if (sortState) {
-                    this.selectedViewEntity.SortStateObject = sortState;
-                }
-                // Update Smart Filter settings
-                this.selectedViewEntity.SmartFilterEnabled = event.smartFilterEnabled;
-                this.selectedViewEntity.SmartFilterPrompt = event.smartFilterPrompt;
-                // BUG-008: Always set FilterState consistently (raw string — Kendo CompositeFilterDescriptor shape)
-                this.selectedViewEntity.FilterState = filterStateJson;
-                const saved = await this.selectedViewEntity.Save();
-                if (saved) {
-                    this.stateService.setViewModified(false);
-                    this.currentGridState = this.parseViewGridState(this.selectedViewEntity);
-                    this.cdr.detectChanges();
-                    await this.viewSelectorRef?.loadViews();
-                    // BUG-007: Await the refresh
-                    await this.entityViewerRef?.loadData();
-                    // BUG-001: Only close panel on success
-                    this.stateService.closeViewConfigPanel();
-                    // BUG-002: Show success notification
-                    this.showNotification(`View "${event.name}" updated successfully`, 'success', 2500);
-                }
-                else {
-                    // BUG-001: Panel stays open on failure
-                    // BUG-002: Show error notification
-                    this.showNotification('Failed to update view', 'error', 3500);
-                }
-            }
-            this.cdr.detectChanges();
-        }
-        catch (error) {
-            console.error('[DataExplorer] Error saving view:', error);
-            // BUG-002: Show error notification with details
-            const errorMsg = error instanceof Error ? error.message : 'Unknown error';
-            this.showNotification(`Failed to save view: ${errorMsg}`, 'error', 4000);
-        }
-        finally {
-            this.ngZone.run(() => {
-                this.isSavingView = false;
-                this.cdr.detectChanges();
-            });
-        }
-    }
-    /**
-     * Handle saving default view settings to user settings
-     * Used for dynamic/default views that persist to MJ: User Settings
-     */
-    async onSaveDefaultViewSettings(event) {
-        if (!this.selectedEntity)
-            return;
-        this.isSavingView = true;
-        this.cdr.detectChanges();
-        try {
-            // Build GridState from the event
-            const gridState = this.buildGridState(event);
-            if (gridState) {
-                // Build sort settings if present - prefer sortItems (multi-sort)
-                if (event.sortItems && event.sortItems.length > 0) {
-                    gridState.sortSettings = event.sortItems.map(item => ({
-                        field: item.field,
-                        dir: item.direction
-                    }));
-                }
-                else if (event.sortField) {
-                    // Fallback to deprecated sortField for backward compatibility
-                    gridState.sortSettings = [{
-                            field: event.sortField,
-                            dir: event.sortDirection
-                        }];
-                }
-                // Save to user settings using the same key pattern as entity-data-grid
-                const settingKey = `default-view-setting/${this.selectedEntity.Name}`;
-                await UserInfoEngine.Instance.SetSetting(settingKey, JSON.stringify(gridState));
-                // Update currentGridState to reflect saved state
-                this.currentGridState = {
-                    columnSettings: gridState.columnSettings,
-                    sortSettings: gridState.sortSettings,
-                    aggregates: gridState.aggregates
-                };
-                // Force change detection to ensure grid picks up the new gridState
-                this.cdr.detectChanges();
-                // Refresh the entity viewer data to apply saved aggregates and fetch their values
-                this.entityViewerRef?.refresh();
-                // Show success notification
-                this.showNotification('Default view settings saved', 'success', 2500);
-            }
-            this.stateService.closeViewConfigPanel();
-            this.cdr.detectChanges();
-        }
-        catch (error) {
-            console.error('[DataExplorer] Error saving default view settings:', error);
-            // Show error notification
-            this.showNotification('Failed to save default view settings', 'error', 3500);
-        }
-        finally {
-            this.ngZone.run(() => {
-                this.isSavingView = false;
-                this.cdr.detectChanges();
-            });
-        }
-    }
-    /**
-     * Build GridState in Kendo-compatible format
-     * Format: { columnSettings: [...], sortSettings: [...], aggregates: {...} }
-     *
-     * Priority for column settings:
-     * 1. If event.columns provided (from config panel) - use those
-     * 2. If currentGridState exists (from grid interactions) - use that
-     * 3. Otherwise return null
-     */
-    buildGridState(event) {
-        let columnSettings;
-        // First check if the event has columns configured (from config panel)
-        if (event.columns.length > 0) {
-            columnSettings = event.columns.map((col, idx) => ({
-                ID: col.fieldId,
-                Name: col.fieldName,
-                DisplayName: col.displayName,
-                userDisplayName: col.userDisplayName, // Include user-defined column alias
-                hidden: false, // Visible columns only
-                width: col.width || undefined,
-                orderIndex: idx,
-                format: col.format // Include column format settings
-            }));
-        }
-        // Otherwise, use the current grid state if available (from grid interactions)
-        else if (this.currentGridState?.columnSettings && this.currentGridState.columnSettings.length > 0) {
-            columnSettings = this.currentGridState.columnSettings;
-        }
-        // BUG-005: Third fallback - use entity DefaultInView fields so we never return null
-        else if (this.selectedEntity) {
-            columnSettings = this.selectedEntity.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;
-            }
-        }
-        // No columns to save
-        else {
-            return null;
-        }
-        // Build sort settings - prefer event.sortItems (multi-sort), fall back to currentGridState
-        let sortSettings;
-        if (event.sortItems && event.sortItems.length > 0) {
-            sortSettings = event.sortItems.map(item => ({
-                field: item.field,
-                dir: item.direction // 'asc' or 'desc'
-            }));
-        }
-        else if (event.sortField) {
-            // Fallback to deprecated sortField for backward compatibility
-            sortSettings = [{
-                    field: event.sortField,
-                    dir: event.sortDirection
-                }];
-        }
-        else if (this.currentGridState?.sortSettings && this.currentGridState.sortSettings.length > 0) {
-            sortSettings = this.currentGridState.sortSettings;
-        }
-        // Build aggregate settings from event or current state
-        let aggregates;
-        if (event.aggregatesConfig) {
-            aggregates = event.aggregatesConfig;
-        }
-        else if (this.currentGridState?.aggregates) {
-            aggregates = this.currentGridState.aggregates;
-        }
-        return { columnSettings, sortSettings, aggregates };
-    }
-    /**
-     * Build SortState in Kendo-compatible format
-     * Format: [{field, direction}] where direction is 'asc' or 'desc'
-     * Supports multi-column sorting via sortItems array
-     */
-    buildSortState(event) {
-        // Prefer sortItems array (multi-sort) over deprecated sortField
-        if (event.sortItems && event.sortItems.length > 0) {
-            return event.sortItems.map(item => ({
-                field: item.field,
-                direction: item.direction
-            }));
-        }
-        // Fallback to deprecated sortField for backward compatibility
-        if (event.sortField) {
-            return [{
-                    field: event.sortField,
-                    direction: event.sortDirection
-                }];
-        }
-        return null;
-    }
-    /**
-     * Handle delete view from config panel
-     */
-    async onDeleteView() {
-        if (!this.selectedViewEntity)
-            return;
-        const viewName = this.selectedViewEntity.Name;
-        try {
-            const deleted = await this.selectedViewEntity.Delete();
-            if (deleted) {
-                this.selectedViewEntity = null;
-                this.stateService.selectView(null);
-                this.stateService.closeViewConfigPanel();
-                await this.viewSelectorRef?.loadViews();
-                this.showNotification(`View "${viewName}" deleted`, 'success', 2500);
-            }
-            else {
-                this.showNotification('Failed to delete view', 'error', 3500);
-            }
-        }
-        catch (error) {
-            console.error('[DataExplorer] Error deleting view:', error);
-            const errorMsg = error instanceof Error ? error.message : 'Unknown error';
-            this.showNotification(`Failed to delete view: ${errorMsg}`, 'error', 4000);
-        }
-    }
-    // ========================================
-    // QUICK SAVE, DUPLICATE, REVERT (F-001, F-005, F-007)
-    // ========================================
-    /**
-     * Handle quick save request from view selector (F-001)
-     * Builds a summary from the current config panel state and opens the Quick Save dialog
-     * @param saveAsNew - true when user explicitly clicked "Save As New"
-     */
-    onQuickSaveRequested(saveAsNew) {
-        this.defaultSaveAsNew = saveAsNew;
-        // Build summary from config panel if available
-        this.quickSaveSummary = this.viewConfigPanelRef?.BuildSummary() ?? null;
-        this.showQuickSaveDialog = true;
-        this.cdr.detectChanges();
-    }
-    /**
-     * Handle quick save event from Quick Save dialog (F-001)
-     * If updating a shared view, intercepts to show the shared view warning first.
-     * Otherwise constructs a ViewSaveEvent and delegates to onSaveView.
-     */
-    async onQuickSave(event) {
-        this.showQuickSaveDialog = false;
-        // If updating (not save-as-new) a shared view, show the warning dialog
-        if (!event.SaveAsNew && this.selectedViewEntity?.IsShared) {
-            this.pendingQuickSaveEvent = event;
-            this.showSharedViewWarning = true;
-            this.cdr.detectChanges();
-            return;
-        }
-        await this.executeQuickSave(event);
-    }
-    /**
-     * Execute the actual quick save (called directly or after shared view warning confirmation)
-     */
-    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 shared view warning dialog action
-     */
-    async onSharedViewAction(action) {
-        this.showSharedViewWarning = false;
-        const event = this.pendingQuickSaveEvent;
-        this.pendingQuickSaveEvent = null;
-        if (!event)
-            return;
-        if (action === 'update-shared') {
-            // Proceed with the update
-            await this.executeQuickSave(event);
-        }
-        else if (action === 'save-as-copy') {
-            // Save as a new personal copy instead
-            await this.executeQuickSave({
-                ...event,
-                SaveAsNew: true,
-                IsShared: false
-            });
-        }
-        // 'cancel' - do nothing
-        this.cdr.detectChanges();
-    }
-    /**
-     * Handle shared view warning cancel
-     */
-    onSharedViewWarningCancel() {
-        this.showSharedViewWarning = false;
-        this.pendingQuickSaveEvent = null;
-        this.cdr.detectChanges();
-    }
-    /**
-     * Handle quick save dialog close
-     */
-    onQuickSaveClose() {
-        this.showQuickSaveDialog = false;
-        this.cdr.detectChanges();
-    }
-    /**
-     * Handle quick save "Open Advanced" - close dialog and open full config panel
-     */
-    onQuickSaveOpenAdvanced(event) {
-        // Carry form data from quick save dialog to the config panel
-        this.pendingNewViewName = event.Name;
-        this.pendingNewViewDescription = event.Description;
-        this.pendingNewViewIsShared = event.IsShared;
-        this.defaultSaveAsNew = true;
-        this.showQuickSaveDialog = false;
-        this.stateService.openViewConfigPanel();
-        this.cdr.detectChanges();
-    }
-    /**
-     * Handle duplicate view request (F-005)
-     * Opens the Duplicate View Dialog so user can choose a name for the copy
-     */
-    async onDuplicateView(viewId) {
-        const targetId = viewId || this.selectedViewEntity?.ID;
-        if (!targetId || !this.selectedEntity)
-            return;
-        // Find the view to get its name for the dialog
-        const allViews = [...(this.viewSelectorRef?.myViews ?? []), ...(this.viewSelectorRef?.sharedViews ?? [])];
-        const viewItem = allViews.find(v => v.id === targetId);
-        this.duplicateTargetViewId = targetId;
-        this.duplicateSourceViewName = viewItem?.name || this.selectedViewEntity?.Name || 'View';
-        this.duplicateSummary = this.buildDuplicateSummary(viewItem?.entity ?? this.selectedViewEntity);
-        this.showDuplicateDialog = true;
-        this.cdr.detectChanges();
+        }
     }
     /**
-     * Build a ViewConfigSummary from a view entity for the duplicate dialog
+     * Load entity IDs associated with a specific application
      */
-    buildDuplicateSummary(view) {
-        if (!view)
-            return null;
-        let columnCount = 0;
-        let filterCount = 0;
-        let sortCount = 0;
-        let aggregateCount = 0;
-        try {
-            const gridState = view.GridStateObject;
-            if (gridState?.columnSettings && Array.isArray(gridState.columnSettings)) {
-                columnCount = gridState.columnSettings.filter((c) => !c.hidden).length;
+    async loadApplicationEntityIds(applicationId) {
+        this.applicationEntityIds.clear();
+        const rv = RunView.FromMetadataProvider(this.ProviderToUse);
+        const result = await rv.RunView({
+            EntityName: 'MJ: Application Entities',
+            ExtraFilter: `ApplicationID = '${applicationId}'`,
+            ResultType: 'entity_object'
+        });
+        if (result.Success && result.Results) {
+            for (const appEntity of result.Results) {
+                this.applicationEntityIds.add(appEntity.EntityID);
             }
         }
-        catch { /* ignore */ }
-        try {
-            const filterState = view.FilterStateObject;
-            if (filterState?.filters?.length)
-                filterCount = filterState.filters.length;
-        }
-        catch { /* ignore */ }
-        try {
-            const sortState = view.SortStateObject;
-            if (Array.isArray(sortState))
-                sortCount = sortState.length;
-        }
-        catch { /* ignore */ }
-        return {
-            ColumnCount: columnCount,
-            FilterCount: filterCount,
-            SortCount: sortCount,
-            SmartFilterActive: view.SmartFilterEnabled || false,
-            SmartFilterPrompt: view.SmartFilterPrompt || '',
-            AggregateCount: aggregateCount
-        };
     }
     /**
-     * Handle duplicate dialog confirmation - actually creates the copy
+     * Apply the configured filter to the entity list
      */
-    async onDuplicateConfirmed(event) {
-        this.showDuplicateDialog = false;
-        const targetId = this.duplicateTargetViewId;
-        this.duplicateTargetViewId = null;
-        if (!targetId || !this.selectedEntity)
-            return;
-        const md = this.ProviderToUse;
-        const rv = RunView.FromMetadataProvider(this.ProviderToUse);
-        try {
-            const result = await rv.RunView({
-                EntityName: 'MJ: User Views',
-                ExtraFilter: `ID = '${targetId}'`,
-                ResultType: 'entity_object'
-            });
-            if (!result.Success || !result.Results || result.Results.length === 0) {
-                this.showNotification('Could not find view to duplicate', 'error', 3500);
-                return;
+    applyEntityFilter(entities) {
+        if (!this.entityFilter) {
+            return entities;
+        }
+        return entities.filter(entity => {
+            // Filter by application (via ApplicationEntities)
+            if (this.entityFilter.applicationId) {
+                if (!this.applicationEntityIds.has(entity.ID)) {
+                    return false;
+                }
             }
-            const sourceView = result.Results[0];
-            const newView = await md.GetEntityObject('MJ: User Views');
-            newView.Name = event.Name;
-            newView.Description = sourceView.Description || '';
-            newView.EntityID = sourceView.EntityID;
-            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) {
-                this.showNotification(`View duplicated as "${newView.Name}"`, 'success', 2500);
-                await this.viewSelectorRef?.loadViews();
+            // Filter by schema names
+            if (this.entityFilter.schemaNames && this.entityFilter.schemaNames.length > 0) {
+                if (!this.entityFilter.schemaNames.includes(entity.SchemaName)) {
+                    return false;
+                }
             }
-            else {
-                this.showNotification('Failed to duplicate view', 'error', 3500);
+            // Filter by explicit entity names
+            if (this.entityFilter.entityNames && this.entityFilter.entityNames.length > 0) {
+                if (!this.entityFilter.entityNames.includes(entity.Name)) {
+                    return false;
+                }
             }
-        }
-        catch (error) {
-            console.error('[DataExplorer] Error duplicating view:', error);
-            const errorMsg = error instanceof Error ? error.message : 'Unknown error';
-            this.showNotification(`Failed to duplicate view: ${errorMsg}`, 'error', 4000);
-        }
+            // Filter out system entities unless explicitly included
+            if (!this.entityFilter.includeSystemEntities) {
+                // Skip entities with names starting with __ (MJ system entities)
+                if (entity.Name.startsWith('__')) {
+                    return false;
+                }
+                // Could add more system schema checks here if needed
+            }
+            return true;
+        });
     }
     /**
-     * Handle duplicate dialog cancel
+     * Handle entity selection from navigation panel or home screen
      */
-    onDuplicateCancel() {
-        this.showDuplicateDialog = false;
-        this.duplicateTargetViewId = null;
-        this.cdr.detectChanges();
+    onEntitySelected(entity) {
+        this.resetRecordCounts();
+        // Clear the previous entity's view — it belongs to the old entity and its sort/filter
+        // state would leak into the new entity's query (e.g., ORDER BY FirstName on Groups).
+        // The workspace resets its own view/grid state when its [Entity] input changes.
+        this.selectedViewEntity = null;
+        this.selectedEntity = entity;
+        this.reconcileViewModeForEntity(entity);
+        this.stateService.selectEntity(entity.Name);
+        // Track entity access for recent entities
+        this.stateService.trackEntityAccess(entity.Name, entity.ID);
+        // mj-entity-viewer will automatically load data when entity changes
     }
     /**
-     * Handle duplicate from config panel (F-005)
-     * Duplicates the currently selected view
+     * Handle state changes from external sources
      */
-    onDuplicateFromPanel() {
-        if (this.selectedViewEntity?.ID) {
-            this.stateService.closeViewConfigPanel();
-            this.onDuplicateView(this.selectedViewEntity.ID);
+    onStateChanged() {
+        if (this.state.selectedEntityName !== this.selectedEntity?.Name) {
+            this.resetRecordCounts();
+            this.selectedEntity = this.entities.find(e => e.Name === this.state.selectedEntityName) || null;
+            this.reconcileViewModeForEntity(this.selectedEntity);
         }
     }
     /**
-     * Handle revert view request (F-007)
-     * Re-parses the saved view's GridState and resets modified flag
+     * Reset viewMode to 'grid' if the current mode isn't supported by the given entity
+     * (e.g., switching to an entity without geocoding while viewMode is 'map').
      */
-    async onRevertView() {
-        if (!this.selectedViewEntity)
+    reconcileViewModeForEntity(entity) {
+        if (!entity)
             return;
-        try {
-            // Re-parse the saved grid state from the view entity
-            const gridState = this.parseViewGridState(this.selectedViewEntity);
-            if (gridState) {
-                this.currentGridState = gridState;
-            }
-            // Reset modified flag
-            this.stateService.setViewModified(false);
-            // Refresh the viewer to apply the reverted state
-            await this.entityViewerRef?.loadData();
-            this.showNotification('View reverted to last saved state', 'info', 2500);
-            this.cdr.detectChanges();
-        }
-        catch (error) {
-            console.error('[DataExplorer] Error reverting view:', error);
-            this.showNotification('Failed to revert view', 'error', 3500);
+        const mode = this.state.viewMode;
+        const hasDateFields = entity.Fields.some(f => f.TSType === EntityFieldTSType.Date);
+        const modeUnsupported = (mode === 'map' && !entity.SupportsGeoCoding) ||
+            (mode === 'timeline' && !hasDateFields);
+        if (modeUnsupported) {
+            this.stateService.setViewMode('grid');
         }
     }
     /**
-     * Handle inline view name change from ViewHeader (F-002)
-     * Updates the view entity name and saves immediately
+     * Reset record counts when entity changes.
+     * The actual counts will be updated when mj-entity-viewer emits dataLoaded event.
      */
-    async onViewNameChanged(newName) {
-        if (!this.selectedViewEntity || !newName.trim())
-            return;
-        try {
-            this.selectedViewEntity.Name = newName.trim();
-            const saved = await this.selectedViewEntity.Save();
-            if (saved) {
-                this.showNotification(`View renamed to "${newName.trim()}"`, 'success', 2500);
-                // Refresh the view selector to show the updated name
-                this.viewSelectorRef?.loadViews();
-            }
-            else {
-                this.showNotification('Failed to rename view', 'error', 3500);
-            }
-            this.cdr.detectChanges();
-        }
-        catch (error) {
-            console.error('[DataExplorer] Error renaming view:', error);
-            this.showNotification('Failed to rename view', 'error', 3500);
-        }
+    resetRecordCounts() {
+        this.totalRecordCount = 0;
+        this.filteredRecordCount = 0;
     }
     // ========================================
-    // VIEW MODE & FILTERING (Dashboard Header)
+    // VIEW WORKSPACE EVENT HANDLERS
+    // (View CRUD now lives in mj-view-workspace; these thin handlers only drive
+    //  Explorer routing + URL/state sync.)
     // ========================================
     /**
-     * Handle view mode toggle from dashboard header
+     * Handle a view selection emitted by the workspace. Tracks the selected view for routing/export
+     * and syncs the selected-view-id + smart-filter into the Explorer state service for URL sync.
+     * Grid-state application is owned by the workspace.
      */
-    onViewModeChanged(mode) {
-        this.stateService.setViewMode(mode);
-        // Mark view as modified when view mode changes
-        if (this.state.selectedViewId) {
-            this.stateService.setViewModified(true);
+    onWorkspaceViewSelected(view) {
+        this.selectedViewEntity = view;
+        this.stateService.selectView(view?.ID ?? null);
+        if (view && view.SmartFilterEnabled && view.SmartFilterPrompt) {
+            this.stateService.setSmartFilterPrompt(view.SmartFilterPrompt);
         }
-    }
-    /**
-     * Get the current map display state for passing to the EntityViewer/MapView.
-     */
-    get mapDisplayState() {
-        if (this.state.mapZoom == null) {
-            return null;
+        else {
+            this.stateService.setSmartFilterPrompt('');
         }
-        return {
-            ZoomLevel: this.state.mapZoom,
-            CenterLat: this.state.mapCenterLat ?? 20,
-            CenterLng: this.state.mapCenterLng ?? 0
-        };
+        // User search text is separate from a saved view's filter — always clear on view switch.
+        this.liveFilterText = '';
+        this.debouncedFilterText = '';
+        this.cdr.detectChanges();
     }
     /**
-     * Handle map display state changes from the map component.
-     * Persists zoom, center, and render mode across page reloads.
+     * Handle the workspace's "open view in tab" request — route via NavigationService.
      */
+    onOpenInTabRequested(viewId) {
+        const viewName = this.selectedViewEntity?.Name || 'View';
+        this.navigationService.OpenView(viewId, viewName, { forceNewTab: true });
+    }
     /**
-     * Handle map render mode change (user clicked mode button in map component).
+     * Handle the workspace's "create new record" request — route via NavigationService.
      */
-    onMapRenderModeChange(mode) {
-        this._pendingMapMode = null; // User-initiated — clear any pending URL mode
-        this.stateService.updateState({ mapRenderMode: mode });
+    onCreateNewRecordRequested(entity) {
+        this.navigationService.OpenNewEntityRecord(entity.Name);
     }
     /**
-     * Handle map display state change (zoom/pan — fires on moveend).
+     * Clear the Explorer "view modified" flag after the workspace persists/reverts a view.
      */
-    onMapDisplayStateChange(state) {
-        this._pendingMapMode = null; // Map is interactive now — clear pending
-        this.stateService.updateState({
-            mapZoom: state.ZoomLevel ?? null,
-            mapCenterLat: state.CenterLat ?? null,
-            mapCenterLng: state.CenterLng ?? null
-        });
+    onWorkspaceViewSaved() {
+        this.stateService.setViewModified(false);
     }
+    // ========================================
+    // VIEW MODE & FILTERING (Dashboard Header)
+    // ========================================
     /**
      * Handle smart filter change from dashboard header
      */
@@ -2448,6 +1331,16 @@ let DataExplorerDashboardComponent = class DataExplorerDashboardComponent extend
             RecordPKey: event.compositeKey
         });
     }
+    /**
+     * Handle the workspace's OpenRecordRequested (record open from the inner viewer). Builds the
+     * composite key from the record and routes to the full record view via the OpenEntityRecord output.
+     */
+    onWorkspaceOpenRecord(event) {
+        this.OpenEntityRecord.emit({
+            EntityName: event.entity.Name,
+            RecordPKey: buildCompositeKey(event.record, event.entity)
+        });
+    }
     /**
      * Handle data loaded from mj-entity-viewer
      */
@@ -2528,174 +1421,6 @@ let DataExplorerDashboardComponent = class DataExplorerDashboardComponent extend
         // Use NavigationService to open a new record form
         this.navigationService.OpenNewEntityRecord(this.selectedEntity.Name);
     }
-    /**
-     * Handle export request - opens the export dialog
-     */
-    async onExport() {
-        if (!this.selectedEntity) {
-            console.error('Cannot export: No entity selected');
-            return;
-        }
-        try {
-            this.showNotification('Preparing export...', 'info', 2000);
-            // Load the export data
-            const data = await this.getExportData();
-            // Get visible columns for export
-            const columns = this.getExportColumns();
-            // Generate file name
-            const viewName = this.selectedViewEntity?.Name || 'Data';
-            const fileName = `${this.selectedEntity.Name}_${viewName}_${new Date().toISOString().split('T')[0]}`;
-            // Configure and show the export dialog
-            this.exportDialogConfig = {
-                data,
-                columns,
-                defaultFileName: fileName,
-                availableFormats: ['excel', 'csv', 'json'],
-                defaultFormat: 'excel',
-                showSamplingOptions: true,
-                defaultSamplingMode: 'all',
-                dialogTitle: `Export ${this.selectedEntity.Name}`
-            };
-            this.showExportDialog = true;
-            this.cdr.detectChanges();
-        }
-        catch (e) {
-            this.showNotification('Error preparing export', 'error', 5000);
-            console.error('Export error:', e);
-        }
-    }
-    /**
-     * Handle export dialog close
-     */
-    onExportDialogClosed(result) {
-        this.showExportDialog = false;
-        this.exportDialogConfig = null;
-        this.cdr.detectChanges();
-        if (result.exported) {
-            this.showNotification('Export complete', 'success', 2000);
-        }
-    }
-    /**
-     * Get visible columns for export based on current grid/view state
-     */
-    getExportColumns() {
-        if (!this.selectedEntity)
-            return [];
-        // Priority 1: Current grid state (reflects actual displayed columns)
-        if (this.currentGridState?.columnSettings && this.currentGridState.columnSettings.length > 0) {
-            const visibleColumns = this.currentGridState.columnSettings.filter(col => col.hidden !== true);
-            return visibleColumns.map(col => {
-                const field = this.selectedEntity?.Fields.find(f => f.Name === col.Name);
-                return {
-                    name: col.Name,
-                    displayName: col.DisplayName || col.Name,
-                    dataType: this.mapFieldTypeToExportType(field?.Type)
-                };
-            });
-        }
-        // Priority 2: View's column configuration
-        if (this.selectedViewEntity?.Columns) {
-            const visibleColumns = this.selectedViewEntity.Columns.filter(col => !col.hidden);
-            return visibleColumns.map(col => {
-                const field = this.selectedEntity?.Fields.find(f => f.Name === col.Name);
-                return {
-                    name: col.Name,
-                    displayName: col.DisplayName || col.Name,
-                    dataType: this.mapFieldTypeToExportType(field?.Type)
-                };
-            });
-        }
-        // Priority 3: All non-virtual fields
-        const visibleFields = this.selectedEntity.Fields.filter(f => !f.IsVirtual);
-        return visibleFields.map(f => ({
-            name: f.Name,
-            displayName: f.DisplayNameOrName,
-            dataType: this.mapFieldTypeToExportType(f.Type)
-        }));
-    }
-    /**
-     * Map MemberJunction field types to export column types
-     */
-    mapFieldTypeToExportType(fieldType) {
-        if (!fieldType)
-            return 'string';
-        const type = fieldType.toLowerCase();
-        if (type.includes('int') || type.includes('decimal') || type.includes('float') || type.includes('numeric')) {
-            return 'number';
-        }
-        if (type.includes('date') || type.includes('time')) {
-            return 'date';
-        }
-        if (type.includes('bit') || type.includes('bool')) {
-            return 'boolean';
-        }
-        if (type.includes('money') || type.includes('currency')) {
-            return 'currency';
-        }
-        return 'string';
-    }
-    /**
-     * Get the data for export - loads all records for the current view/entity
-     */
-    async getExportData() {
-        if (!this.selectedEntity) {
-            throw new Error('No entity selected for export');
-        }
-        const md = this.ProviderToUse;
-        const rv = RunView.FromMetadataProvider(this.ProviderToUse);
-        // Build the run view params based on current state
-        const baseParams = {
-            EntityName: this.selectedEntity.Name,
-            ExtraFilter: this.buildExtraFilter(),
-            OrderBy: this.buildOrderBy(),
-            IgnoreMaxRows: true,
-            ForceAuditLog: true,
-            AuditLogDescription: `Export of Data From ${this.selectedViewEntity ? '"' + this.selectedViewEntity.Name + '"' : this.selectedEntity.Name} View for User ${md.CurrentUser.Email}`
-        };
-        // Add smart filter if present
-        const params = this.debouncedFilterText
-            ? { ...baseParams, UserSearchString: this.debouncedFilterText }
-            : baseParams;
-        const result = await rv.RunView(params);
-        if (result && result.Success) {
-            return result.Results;
-        }
-        else {
-            throw new Error('Unable to get export data: ' + (result?.ErrorMessage || 'Unknown error'));
-        }
-    }
-    /**
-     * Build the ExtraFilter string based on current view and filter state
-     */
-    buildExtraFilter() {
-        const filters = [];
-        // Add view filter if a view is selected
-        if (this.selectedViewEntity?.WhereClause) {
-            filters.push(`(${this.selectedViewEntity.WhereClause})`);
-        }
-        // Add smart filter if present
-        if (this.debouncedFilterText) {
-            // Smart filter is applied via UserSearchString in RunView, not ExtraFilter
-            // So we don't need to add it here
-        }
-        return filters.join(' AND ');
-    }
-    /**
-     * Build the OrderBy string based on current view state
-     */
-    buildOrderBy() {
-        // Use view's OrderByClause if available
-        if (this.selectedViewEntity?.OrderByClause) {
-            return this.selectedViewEntity.OrderByClause;
-        }
-        // Use grid state sort if available
-        if (this.currentGridState?.sortSettings && this.currentGridState.sortSettings.length > 0) {
-            const sorts = this.currentGridState.sortSettings.map(s => `${s.field} ${s.dir.toUpperCase()}`);
-            return sorts.join(', ');
-        }
-        // Default sort by primary key
-        return this.selectedEntity.FirstPrimaryKey.Name;
-    }
     /**
      * Show a notification to the user
      */
@@ -2847,10 +1572,7 @@ let DataExplorerDashboardComponent = class DataExplorerDashboardComponent extend
      * Apply a deep link to navigate to a specific entity/record
      */
     async applyDeepLink(deepLink) {
-        // Apply view mode if specified
-        if (deepLink.viewMode) {
-            this.stateService.setViewMode(deepLink.viewMode);
-        }
+        // ViewTypeID-only: view type is no longer deep-linked — the inner viewer persists it.
         // Navigate to entity if specified
         if (deepLink.entity) {
             const entity = this.entities.find(e => e.Name.toLowerCase() === deepLink.entity.toLowerCase());
@@ -2876,12 +1598,6 @@ let DataExplorerDashboardComponent = class DataExplorerDashboardComponent extend
     }
     /** Record ID to select once data loads (from deep link) */
     pendingRecordSelection = null;
-    /**
-     * Pending map mode from URL that must survive initialization state resets.
-     * Set during applyUrlState, cleared once state matches or after first successful re-apply.
-     * The state subscription self-corrects: any time state diverges from this value, it re-applies.
-     */
-    _pendingMapMode = null;
     // ========================================
     // BREADCRUMB NAVIGATION
     // ========================================
@@ -2965,19 +1681,17 @@ let DataExplorerDashboardComponent = class DataExplorerDashboardComponent extend
         const entity = params['entity'] || null;
         const record = params['record'] || null;
         const filterParam = params['filter'] || null;
-        const view = params['view'] || null;
         const viewId = params['viewId'] || null;
-        const mapMode = params['mapMode'] || null;
-        if (!entity && !record && !filterParam && !view && !viewId && !mapMode) {
+        if (!entity && !record && !filterParam && !viewId) {
             return null;
         }
+        // ViewTypeID-only: the active view type is persisted via UserView.ViewTypeID / per-user settings
+        // by the inner viewer, NOT via URL query params. So we no longer read/write view/mapMode here.
         return {
             entity: entity || undefined,
             record: record || undefined,
             filter: filterParam || undefined,
-            viewMode: view || undefined,
-            viewId: viewId || undefined,
-            mapMode: mapMode || undefined
+            viewId: viewId || undefined
         };
     }
     /**
@@ -3019,13 +1733,13 @@ let DataExplorerDashboardComponent = class DataExplorerDashboardComponent extend
     pushCurrentStateToUrl() {
         const hasEntity = !!this.state.selectedEntityName;
         const hasViewId = !!(this.state.selectedViewId && hasEntity);
+        // ViewTypeID-only: the active view type is persisted by the inner viewer (UserView.ViewTypeID /
+        // per-user settings), not via URL. We only round-trip entity / record / saved-view selection.
         const queryParams = {
             entity: this.state.selectedEntityName || null,
             record: (this.state.selectedRecordId && hasEntity) ? this.state.selectedRecordId : null,
             filter: null, // Never in URL — filters live in saved views (DB), not query strings
-            view: (this.state.viewMode && this.state.viewMode !== 'grid') ? this.state.viewMode : null,
-            viewId: hasViewId ? this.state.selectedViewId : null,
-            mapMode: this.state.viewMode === 'map' ? (this.state.mapRenderMode || 'point') : null
+            viewId: hasViewId ? this.state.selectedViewId : null
         };
         this.UpdateQueryParams(queryParams);
     }
@@ -3034,19 +1748,7 @@ let DataExplorerDashboardComponent = class DataExplorerDashboardComponent extend
      * Used both during init and for popstate handling.
      */
     async applyUrlState(urlState) {
-        // Store URL-sourced map mode BEFORE switching to map view — various init steps
-        // can reset mapRenderMode to 'point'. The state subscription self-corrects using this.
-        if (urlState.mapMode && ['point', 'choropleth', 'heatmap'].includes(urlState.mapMode)) {
-            this._pendingMapMode = urlState.mapMode;
-        }
-        // Apply view mode (may trigger map component creation if switching to 'map')
-        if (urlState.viewMode) {
-            this.stateService.setViewMode(urlState.viewMode);
-        }
-        // Apply map render mode to state
-        if (this._pendingMapMode) {
-            this.stateService.updateState({ mapRenderMode: this._pendingMapMode });
-        }
+        // ViewTypeID-only: view type / map mode are no longer URL-driven — the inner viewer persists them.
         // Navigate to entity if specified
         if (urlState.entity) {
             const entity = this.entities.find(e => e.Name.toLowerCase() === urlState.entity.toLowerCase());
@@ -3058,7 +1760,8 @@ let DataExplorerDashboardComponent = class DataExplorerDashboardComponent extend
                     this.selectedEntity = entity;
                     this.stateService.selectEntity(entity.Name);
                 }
-                // Restore saved view by ID if specified
+                // Restore saved view by ID if specified. The workspace applies the view's grid state
+                // itself once selectedViewEntity flows into its [SelectedView] input.
                 if (urlState.viewId) {
                     await this.restoreViewFromUrl(urlState.viewId, entity);
                 }
@@ -3066,7 +1769,6 @@ let DataExplorerDashboardComponent = class DataExplorerDashboardComponent extend
                     // No specific view — clear view selection to use default
                     this.selectedViewEntity = null;
                     this.stateService.selectView(null);
-                    this.currentGridState = this.loadUserDefaultGridState();
                 }
                 // Filters live in saved views (DB), never in URL query strings.
                 // Clear smart filter on entity change when no specific view is selected.
@@ -3122,8 +1824,9 @@ let DataExplorerDashboardComponent = class DataExplorerDashboardComponent extend
     }
     /**
      * Restore a saved view from the URL's viewId parameter.
-     * Looks up the view by ID, sets it as selected, and applies its grid state and filters.
-     * Must be async because UserViewEngine's cache may not be populated yet on cold page loads.
+     * Looks up the view by ID and sets it as selected; the workspace applies its grid state once
+     * selectedViewEntity flows into its [SelectedView] input. Must be async because UserViewEngine's
+     * cache may not be populated yet on cold page loads.
      */
     async restoreViewFromUrl(viewId, entity) {
         // Ensure the view engine cache is populated before querying —
@@ -3134,7 +1837,6 @@ let DataExplorerDashboardComponent = class DataExplorerDashboardComponent extend
         if (view) {
             this.selectedViewEntity = view;
             this.stateService.selectView(viewId);
-            this.currentGridState = this.parseViewGridState(view);
             // Apply the view's smart filter if it has one
             if (view.SmartFilterEnabled && view.SmartFilterPrompt) {
                 this.stateService.setSmartFilterPrompt(view.SmartFilterPrompt);
@@ -3144,7 +1846,6 @@ let DataExplorerDashboardComponent = class DataExplorerDashboardComponent extend
             console.warn('[DataExplorer] restoreViewFromUrl: view NOT FOUND, falling back to default. viewId=', viewId);
             this.selectedViewEntity = null;
             this.stateService.selectView(null);
-            this.currentGridState = this.loadUserDefaultGridState();
         }
         this.cdr.detectChanges();
     }
@@ -3382,219 +2083,48 @@ let DataExplorerDashboardComponent = class DataExplorerDashboardComponent extend
     get isAtHomeLevel() {
         return !this.selectedEntity;
     }
-    // ========================================
-    // SELECTION TRACKING
-    // ========================================
-    /**
-     * Handle selection changes from entity-viewer grid.
-     * Tracks selected records to enable the Add to List button in the header toolbar.
-     */
-    onSelectionChanged(event) {
-        this.selectedRecords = event.records || [];
-        this.selectedRecordIds = event.recordIds || [];
-        this.cdr.detectChanges();
-    }
-    /**
-     * Check if there are selected records (for enabling Add to List button)
-     */
-    get hasSelectedRecords() {
-        return this.selectedRecords.length > 0;
-    }
-    // ========================================
-    // LIST MANAGEMENT
-    // ========================================
-    /**
-     * Handle Add to List button click from header toolbar.
-     * Opens the list management dialog for selected records.
-     */
-    onAddToListClick() {
-        if (!this.selectedEntity || this.selectedRecords.length === 0) {
-            console.warn('Add to List: No entity selected or no records selected');
-            return;
-        }
-        // Build the event object and delegate to existing handler
-        const event = {
-            entityInfo: this.selectedEntity,
-            records: this.selectedRecords,
-            recordIds: this.selectedRecordIds
-        };
-        this.onAddToListRequested(event);
-    }
-    /**
-     * Handle Add to List request from entity-viewer grid toolbar.
-     * Opens the list management dialog for multiple selected records.
-     */
-    onAddToListRequested(event) {
-        // Validate input
-        if (!event.entityInfo) {
-            console.error('Add to List: entityInfo is missing from event');
-            return;
-        }
-        if (!event.records || event.records.length === 0) {
-            console.error('Add to List: No records in event. Event:', event);
-            return;
-        }
-        console.log(`Add to List: Processing ${event.records.length} record(s) for entity "${event.entityInfo.Name}"`);
-        // Get display names for the records
-        const recordDisplayNames = event.records.map(record => {
-            try {
-                if (event.entityInfo.NameField) {
-                    const nameValue = record[event.entityInfo.NameField.Name];
-                    if (nameValue)
-                        return String(nameValue);
-                }
-                return buildPkString(record, event.entityInfo) || 'Unknown';
-            }
-            catch (err) {
-                console.error('Add to List: Error getting record display name:', err);
-                return 'Unknown';
-            }
-        });
-        // Get raw primary key values (not concatenated strings) for list membership
-        const pkFieldName = event.entityInfo.PrimaryKeys[0]?.Name;
-        const recordIds = event.records.map(record => {
-            try {
-                if (!pkFieldName || record[pkFieldName] === null || record[pkFieldName] === undefined) {
-                    console.error('Add to List: Record has no primary key:', record);
-                    return '';
-                }
-                return String(record[pkFieldName]);
-            }
-            catch (err) {
-                console.error('Add to List: Error getting record ID:', err);
-                return '';
-            }
-        }).filter(id => id !== '');
-        if (recordIds.length === 0) {
-            console.error('Add to List: No valid record IDs found');
-            return;
-        }
-        const recordCount = event.records.length;
-        const dialogTitle = recordCount === 1
-            ? `Manage Lists for "${recordDisplayNames[0]}"`
-            : `Add ${recordCount} Records to List`;
-        console.log(`Add to List: Opening dialog for ${recordIds.length} record(s)`);
-        this.listManagementConfig = {
-            mode: 'manage',
-            entityId: event.entityInfo.ID,
-            entityName: event.entityInfo.Name,
-            recordIds: recordIds,
-            recordDisplayNames: recordDisplayNames,
-            allowCreate: true,
-            allowRemove: recordCount === 1, // Only allow remove for single record
-            showMembership: recordCount === 1, // Only show membership for single record
-            dialogTitle: dialogTitle
-        };
-        this.showListManagementDialog = true;
-        this.cdr.detectChanges();
-    }
-    /**
-     * Open the list management dialog for the currently selected record
-     */
-    openListManagementDialog() {
-        if (!this.selectedEntity || !this.selectedRecord) {
-            return;
-        }
-        // Use the raw primary key value (not concatenated string) for list membership
-        // This matches how records are stored in List Details and enables proper subquery filtering
-        const pkFieldName = this.selectedEntity.PrimaryKeys[0]?.Name;
-        const recordId = pkFieldName ? String(this.selectedRecord[pkFieldName] ?? '') : '';
-        const recordName = this.getRecordDisplayName(this.selectedRecord);
-        this.listManagementConfig = {
-            mode: 'manage',
-            entityId: this.selectedEntity.ID,
-            entityName: this.selectedEntity.Name,
-            recordIds: [recordId],
-            recordDisplayNames: [recordName],
-            allowCreate: true,
-            allowRemove: true,
-            showMembership: true,
-            dialogTitle: `Manage Lists for "${recordName}"`
-        };
-        this.showListManagementDialog = true;
-        this.cdr.detectChanges();
-    }
     /**
-     * Handle completion of the list management dialog
+     * NAVIGATION handler: open a *related* record on a (possibly different) entity, bubbled up from a
+     * plug-in renderer through the workspace (e.g. a grid foreign-key drill-through). Resolves the
+     * target entity and shows the record in the detail panel, mirroring the FK navigation path used
+     * by {@link onOpenForeignKeyRecord}.
+     *
+     * @param nav the related-record navigation payload: the target entity name and the record's key.
      */
-    onListManagementComplete(result) {
-        this.showListManagementDialog = false;
-        this.listManagementConfig = null;
-        if (result.action === 'apply') {
-            const addedCount = result.added.length;
-            const removedCount = result.removed.length;
-            if (addedCount > 0 || removedCount > 0) {
-                let message = '';
-                if (addedCount > 0) {
-                    message += `Added to ${addedCount} list(s)`;
-                }
-                if (removedCount > 0) {
-                    if (message)
-                        message += ', ';
-                    message += `Removed from ${removedCount} list(s)`;
-                }
-                this.showNotification(message, 'success', 2500);
-            }
+    onOpenRelatedRecordRequested(nav) {
+        if (nav?.entityName && nav.recordKey != null) {
+            void this.loadAndShowRecordInDetailPanel(nav.entityName, String(nav.recordKey));
         }
-        this.cdr.detectChanges();
-    }
-    /**
-     * Handle cancellation of the list management dialog
-     */
-    onListManagementCancel() {
-        this.showListManagementDialog = false;
-        this.listManagementConfig = null;
-        this.cdr.detectChanges();
     }
-    static ɵfac = function DataExplorerDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DataExplorerDashboardComponent)(i0.ɵɵdirectiveInject(i1.ExplorerStateService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i2.RecentAccessService), i0.ɵɵdirectiveInject(i3.ExportService), i0.ɵɵdirectiveInject(i0.NgZone)); };
+    static ɵfac = function DataExplorerDashboardComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DataExplorerDashboardComponent)(i0.ɵɵdirectiveInject(i1.ExplorerStateService), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i2.RecentAccessService), i0.ɵɵdirectiveInject(i0.NgZone)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DataExplorerDashboardComponent, selectors: [["mj-data-explorer-dashboard"]], viewQuery: function DataExplorerDashboardComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(_c0, 5)(ViewSelectorComponent, 5)(EntityViewerComponent, 5)(ViewConfigPanelComponent, 5);
+            i0.ɵɵviewQuery(_c0, 5)(ViewWorkspaceComponent, 5);
         } if (rf & 2) {
             let _t;
             i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.filterInputRef = _t.first);
-            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);
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.viewWorkspaceRef = _t.first);
         } }, hostBindings: function DataExplorerDashboardComponent_HostBindings(rf, ctx) { if (rf & 1) {
             i0.ɵɵlistener("keydown", function DataExplorerDashboardComponent_keydown_HostBindingHandler($event) { return ctx.handleKeyboardShortcut($event); }, i0.ɵɵresolveDocument);
-        } }, inputs: { entityFilter: "entityFilter", deepLink: "deepLink", contextName: "contextName", contextIcon: "contextIcon", initialQueryParams: "initialQueryParams" }, outputs: { DisplayNameChanged: "DisplayNameChanged" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 24, vars: 40, consts: [["filterInput", ""], ["entityViewer", ""], [1, "data-explorer-container"], [1, "navigation-panel", 3, "collapsed", "width"], [1, "content-area"], [1, "breadcrumb-bar"], [1, "content-header"], [1, "header-left"], [1, "header-center"], [1, "smart-filter-container"], [1, "header-right"], ["title", "Recents & Favorites", 1, "header-action-btn", 3, "active"], [1, "content-body"], [1, "home-view-concept-d"], [3, "entity", "viewEntity", "viewMode", "filterText", "selectedRecordId", "config", "gridState", "timelineConfig", "gridSelectionMode", "showGridToolbar", "showAddToListButton", "mapRenderMode", "mapDisplayState"], [1, "detail-panel", 3, "width"], [3, "close", "save", "saveDefaults", "delete", "duplicate", "openFilterDialogRequest", "entity", "viewEntity", "isOpen", "currentGridState", "externalFilterState", "isSaving", "DefaultSaveAsNew", "PendingNewViewName", "PendingNewViewDescription", "PendingNewViewIsShared"], [3, "close", "apply", "isOpen", "fields", "filter", "disabled"], [3, "closed", "visible", "config"], [3, "config", "visible"], [3, "Save", "Close", "OpenAdvanced", "IsOpen", "ViewEntity", "EntityName", "Summary", "IsSaving", "DefaultSaveAsNew"], [3, "Duplicate", "Cancel", "IsOpen", "SourceViewName", "Summary"], [3, "Action", "Cancel", "IsOpen", "ViewName"], [1, "navigation-panel"], [3, "entitySelected", "toggleCollapse", "sectionToggled", "openRecord", "selectRecord", "expandAndFocus", "entities", "appEntityGroups", "selectedEntityName", "favorites", "recentItems", "collapsed", "allowedEntityNames", "favoritesSectionExpanded", "recentSectionExpanded", "entitiesSectionExpanded", "viewsSectionExpanded"], [1, "breadcrumb-item", 3, "click", "title"], [1, "breadcrumb-icon", 3, "class"], [1, "breadcrumb-label"], [1, "fa-solid", "fa-chevron-right", "breadcrumb-separator"], [1, "breadcrumb-icon"], [1, "entity-icon"], [1, "entity-title"], [1, "record-count"], [3, "viewSelected", "saveViewRequested", "manageViewsRequested", "openInTabRequested", "configureViewRequested", "createNewRecordRequested", "exportRequested", "duplicateViewRequested", "quickSaveRequested", "revertRequested", "entity", "selectedViewId", "viewModified"], [1, "header-action-btn", 3, "click", "disabled", "title"], [1, "fa-solid", "fa-list-check"], [1, "selection-badge"], [1, "entity-icon", 3, "class"], [1, "fa-solid", "fa-search", "filter-icon"], ["type", "text", "placeholder", "Filter records... (press / to focus)", 1, "smart-filter-input", 3, "input", "value"], [1, "clear-filter-btn"], [1, "clear-filter-btn", 3, "click"], [1, "fa-solid", "fa-times"], [1, "view-specific-controls"], [1, "view-mode-toggle"], ["title", "Grid View", 1, "toggle-btn", 3, "click"], [1, "fa-solid", "fa-list"], ["title", "Cards View", 1, "toggle-btn", 3, "click"], [1, "fa-solid", "fa-grip"], ["title", "Timeline View", 1, "toggle-btn", 3, "active"], ["title", "Map View", 1, "toggle-btn", 3, "active"], [1, "date-field-selector-container"], [1, "date-field-backdrop"], [1, "date-field-selector-wrapper"], [1, "date-field-selector-button", 3, "click", "disabled"], [1, "fa-solid", "fa-calendar-days", "date-field-icon"], [1, "date-field-name"], [1, "fa-solid", "fa-chevron-down", "date-field-arrow", 3, "rotated"], [1, "date-field-dropdown-panel"], [1, "view-specific-btn", 3, "click", "title"], [1, "date-field-backdrop", 3, "click"], [1, "fa-solid", "fa-chevron-down", "date-field-arrow"], [1, "date-field-dropdown-item", 3, "selected"], [1, "date-field-dropdown-item", 3, "click"], [1, "fa-regular", "fa-calendar", "item-icon"], [1, "item-name"], [1, "fa-solid", "fa-check", "selected-check"], ["title", "Timeline View", 1, "toggle-btn", 3, "click"], [1, "fa-solid", "fa-timeline"], ["title", "Map View", 1, "toggle-btn", 3, "click"], [1, "fa-solid", "fa-map-location-dot"], ["title", "Recents & Favorites", 1, "header-action-btn", 3, "click"], [1, "fa-solid", "fa-clock-rotate-left"], [1, "qa-badge"], [1, "loading-state"], ["text", "Loading entities...", "size", "medium"], [1, "home-main-area"], [1, "search-hero"], [1, "search-hero-container"], [1, "fa-solid", "fa-magnifying-glass", "search-hero-icon"], ["type", "text", "placeholder", "Search entities...", 1, "search-hero-input", 3, "ngModelChange", "ngModel"], [1, "search-hero-clear"], [1, "search-hero-shortcut"], [1, "search-meta-row"], [1, "search-entity-count"], [1, "pill-toggle"], [1, "pill-btn", 3, "click"], [1, "fa-solid", "fa-star"], [1, "entity-groups-area"], [1, "entity-item-grid"], [1, "home-no-results"], [1, "empty-state"], [1, "quick-access-panel"], [1, "qa-header"], [1, "qa-close-btn", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "qa-body"], [1, "qa-section"], [1, "qa-section-header", 3, "click"], [1, "fa-solid", "fa-clock-rotate-left", "qa-section-icon"], [1, "qa-section-count"], [1, "fa-solid", "fa-chevron-down", "qa-section-chevron"], [1, "qa-section-body"], [1, "qa-item"], [1, "qa-empty"], [1, "fa-solid", "fa-table", "qa-section-icon"], [1, "fa-solid", "fa-star", "qa-section-icon", 2, "color", "var(--mj-status-warning)"], [1, "search-hero-clear", 3, "click"], [1, "entity-item", 3, "title"], [1, "entity-item", 3, "click", "title"], [1, "entity-item-icon"], [1, "entity-item-text"], [1, "entity-item-name"], [1, "entity-item-desc"], [1, "entity-item-fav", 3, "click", "title"], [1, "app-group"], [1, "app-group-header", 3, "click"], [1, "app-group-icon"], [1, "app-group-name"], [1, "app-group-count"], [1, "fa-solid", "fa-chevron-right", "app-group-chevron"], [1, "app-group-entities"], [1, "fa-solid", "fa-magnifying-glass"], [1, "fa-solid", "fa-database", "empty-icon"], [1, "qa-item", 3, "click"], [1, "qa-item-icon"], [1, "qa-item-info"], [1, "qa-item-name"], [1, "qa-item-meta"], [1, "qa-item-time"], [3, "viewModeChange", "filterTextChange", "recordSelected", "recordOpened", "dataLoaded", "filteredCountChanged", "gridStateChanged", "selectionChanged", "addToListRequested", "mapRenderModeChange", "mapDisplayStateChange", "entity", "viewEntity", "viewMode", "filterText", "selectedRecordId", "config", "gridState", "timelineConfig", "gridSelectionMode", "showGridToolbar", "showAddToListButton", "mapRenderMode", "mapDisplayState"], [1, "detail-panel"], [1, "detail-panel-actions"], ["title", "Add to List", 1, "detail-action-btn", 3, "click"], [3, "close", "openRecord", "navigateToRelated", "openRelatedRecord", "openForeignKeyRecord", "entity", "record"], [3, "complete", "cancel", "config", "visible"]], template: function DataExplorerDashboardComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "div", 2);
-            i0.ɵɵconditionalCreate(1, DataExplorerDashboardComponent_Conditional_1_Template, 2, 16, "div", 3);
-            i0.ɵɵelementStart(2, "div", 4);
-            i0.ɵɵconditionalCreate(3, DataExplorerDashboardComponent_Conditional_3_Template, 3, 0, "div", 5);
-            i0.ɵɵelementStart(4, "div", 6)(5, "div", 7);
-            i0.ɵɵconditionalCreate(6, DataExplorerDashboardComponent_Conditional_6_Template, 9, 12)(7, DataExplorerDashboardComponent_Conditional_7_Template, 5, 3);
+        } }, inputs: { entityFilter: "entityFilter", deepLink: "deepLink", contextName: "contextName", contextIcon: "contextIcon", initialQueryParams: "initialQueryParams" }, outputs: { DisplayNameChanged: "DisplayNameChanged" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature, i0.ɵɵNgOnChangesFeature], decls: 17, vars: 12, consts: [["filterInput", ""], [1, "data-explorer-container"], [1, "navigation-panel", 3, "collapsed", "width"], [1, "content-area"], [1, "breadcrumb-bar"], [1, "content-header"], [1, "header-left"], [1, "header-center"], [1, "smart-filter-container"], [1, "header-right"], ["title", "Recents & Favorites", 1, "header-action-btn", 3, "active"], [1, "content-body"], [1, "home-view-concept-d"], [3, "Entity", "AutoSaveView", "SelectedView", "FilterText", "SelectedRecordId", "ViewerConfig"], [1, "detail-panel", 3, "width"], [1, "navigation-panel"], [3, "entitySelected", "toggleCollapse", "sectionToggled", "openRecord", "selectRecord", "expandAndFocus", "entities", "appEntityGroups", "selectedEntityName", "favorites", "recentItems", "collapsed", "allowedEntityNames", "favoritesSectionExpanded", "recentSectionExpanded", "entitiesSectionExpanded", "viewsSectionExpanded"], [1, "breadcrumb-item", 3, "click", "title"], [1, "breadcrumb-icon", 3, "class"], [1, "breadcrumb-label"], [1, "fa-solid", "fa-chevron-right", "breadcrumb-separator"], [1, "breadcrumb-icon"], [1, "entity-icon"], [1, "entity-title"], [1, "record-count"], [1, "entity-icon", 3, "class"], [1, "fa-solid", "fa-search", "filter-icon"], ["type", "text", "placeholder", "Filter records... (press / to focus)", 1, "smart-filter-input", 3, "input", "value"], [1, "clear-filter-btn"], [1, "clear-filter-btn", 3, "click"], [1, "fa-solid", "fa-times"], ["title", "Recents & Favorites", 1, "header-action-btn", 3, "click"], [1, "fa-solid", "fa-clock-rotate-left"], [1, "qa-badge"], [1, "loading-state"], ["text", "Loading entities...", "size", "medium"], [1, "home-main-area"], [1, "search-hero"], [1, "search-hero-container"], [1, "fa-solid", "fa-magnifying-glass", "search-hero-icon"], ["type", "text", "placeholder", "Search entities...", 1, "search-hero-input", 3, "ngModelChange", "ngModel"], [1, "search-hero-clear"], [1, "search-hero-shortcut"], [1, "search-meta-row"], [1, "search-entity-count"], [1, "pill-toggle"], [1, "pill-btn", 3, "click"], [1, "fa-solid", "fa-star"], [1, "entity-groups-area"], [1, "entity-item-grid"], [1, "home-no-results"], [1, "empty-state"], [1, "quick-access-panel"], [1, "qa-header"], [1, "qa-close-btn", 3, "click"], [1, "fa-solid", "fa-xmark"], [1, "qa-body"], [1, "qa-section"], [1, "qa-section-header", 3, "click"], [1, "fa-solid", "fa-clock-rotate-left", "qa-section-icon"], [1, "qa-section-count"], [1, "fa-solid", "fa-chevron-down", "qa-section-chevron"], [1, "qa-section-body"], [1, "qa-item"], [1, "qa-empty"], [1, "fa-solid", "fa-table", "qa-section-icon"], [1, "fa-solid", "fa-star", "qa-section-icon", 2, "color", "var(--mj-status-warning)"], [1, "search-hero-clear", 3, "click"], [1, "entity-item", 3, "title"], [1, "entity-item", 3, "click", "title"], [1, "entity-item-icon"], [1, "entity-item-text"], [1, "entity-item-name"], [1, "entity-item-desc"], [1, "entity-item-fav", 3, "click", "title"], [1, "app-group"], [1, "app-group-header", 3, "click"], [1, "app-group-icon"], [1, "app-group-name"], [1, "app-group-count"], [1, "fa-solid", "fa-chevron-right", "app-group-chevron"], [1, "app-group-entities"], [1, "fa-solid", "fa-magnifying-glass"], [1, "fa-solid", "fa-database", "empty-icon"], [1, "qa-item", 3, "click"], [1, "qa-item-icon"], [1, "qa-item-info"], [1, "qa-item-name"], [1, "qa-item-meta"], [1, "qa-item-time"], [3, "SelectedViewChange", "ViewSelected", "OpenViewInTabRequested", "OpenRecordRequested", "OpenRelatedRecordRequested", "CreateNewRecordRequested", "RecordSelected", "AfterViewSave", "AfterViewDelete", "FilterTextChanged", "DataLoaded", "FilteredCountChanged", "Entity", "AutoSaveView", "SelectedView", "FilterText", "SelectedRecordId", "ViewerConfig"], [1, "detail-panel"], [3, "close", "openRecord", "navigateToRelated", "openRelatedRecord", "openForeignKeyRecord", "entity", "record"]], template: function DataExplorerDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 1);
+            i0.ɵɵconditionalCreate(1, DataExplorerDashboardComponent_Conditional_1_Template, 2, 16, "div", 2);
+            i0.ɵɵelementStart(2, "div", 3);
+            i0.ɵɵconditionalCreate(3, DataExplorerDashboardComponent_Conditional_3_Template, 3, 0, "div", 4);
+            i0.ɵɵelementStart(4, "div", 5)(5, "div", 6);
+            i0.ɵɵconditionalCreate(6, DataExplorerDashboardComponent_Conditional_6_Template, 5, 4)(7, DataExplorerDashboardComponent_Conditional_7_Template, 5, 3);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(8, "div", 8);
-            i0.ɵɵconditionalCreate(9, DataExplorerDashboardComponent_Conditional_9_Template, 5, 2, "div", 9);
+            i0.ɵɵelementStart(8, "div", 7);
+            i0.ɵɵconditionalCreate(9, DataExplorerDashboardComponent_Conditional_9_Template, 5, 2, "div", 8);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(10, "div", 10);
-            i0.ɵɵconditionalCreate(11, DataExplorerDashboardComponent_Conditional_11_Template, 8, 7);
-            i0.ɵɵconditionalCreate(12, DataExplorerDashboardComponent_Conditional_12_Template, 3, 3, "button", 11);
+            i0.ɵɵelementStart(10, "div", 9);
+            i0.ɵɵconditionalCreate(11, DataExplorerDashboardComponent_Conditional_11_Template, 0, 0);
+            i0.ɵɵconditionalCreate(12, DataExplorerDashboardComponent_Conditional_12_Template, 3, 3, "button", 10);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(13, "div", 12);
-            i0.ɵɵconditionalCreate(14, DataExplorerDashboardComponent_Conditional_14_Template, 3, 1, "div", 13)(15, DataExplorerDashboardComponent_Conditional_15_Template, 2, 13, "mj-entity-viewer", 14);
+            i0.ɵɵelementStart(13, "div", 11);
+            i0.ɵɵconditionalCreate(14, DataExplorerDashboardComponent_Conditional_14_Template, 3, 1, "div", 12)(15, DataExplorerDashboardComponent_Conditional_15_Template, 1, 6, "mj-view-workspace", 13);
             i0.ɵɵelementEnd()();
-            i0.ɵɵconditionalCreate(16, DataExplorerDashboardComponent_Conditional_16_Template, 7, 4, "div", 15);
-            i0.ɵɵelementStart(17, "mj-view-config-panel", 16);
-            i0.ɵɵlistener("close", function DataExplorerDashboardComponent_Template_mj_view_config_panel_close_17_listener() { return ctx.onCloseViewConfigPanel(); })("save", function DataExplorerDashboardComponent_Template_mj_view_config_panel_save_17_listener($event) { return ctx.onSaveView($event); })("saveDefaults", function DataExplorerDashboardComponent_Template_mj_view_config_panel_saveDefaults_17_listener($event) { return ctx.onSaveDefaultViewSettings($event); })("delete", function DataExplorerDashboardComponent_Template_mj_view_config_panel_delete_17_listener() { return ctx.onDeleteView(); })("duplicate", function DataExplorerDashboardComponent_Template_mj_view_config_panel_duplicate_17_listener() { return ctx.onDuplicateFromPanel(); })("openFilterDialogRequest", function DataExplorerDashboardComponent_Template_mj_view_config_panel_openFilterDialogRequest_17_listener($event) { return ctx.onOpenFilterDialogRequest($event); });
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(18, "mj-filter-dialog", 17);
-            i0.ɵɵlistener("close", function DataExplorerDashboardComponent_Template_mj_filter_dialog_close_18_listener() { return ctx.onCloseFilterDialog(); })("apply", function DataExplorerDashboardComponent_Template_mj_filter_dialog_apply_18_listener($event) { return ctx.onFilterApplied($event); });
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(19, "mj-export-dialog", 18);
-            i0.ɵɵlistener("closed", function DataExplorerDashboardComponent_Template_mj_export_dialog_closed_19_listener($event) { return ctx.onExportDialogClosed($event); });
+            i0.ɵɵconditionalCreate(16, DataExplorerDashboardComponent_Conditional_16_Template, 2, 4, "div", 14);
             i0.ɵɵelementEnd();
-            i0.ɵɵconditionalCreate(20, DataExplorerDashboardComponent_Conditional_20_Template, 1, 2, "mj-list-management-dialog", 19);
-            i0.ɵɵelementStart(21, "mj-quick-save-dialog", 20);
-            i0.ɵɵlistener("Save", function DataExplorerDashboardComponent_Template_mj_quick_save_dialog_Save_21_listener($event) { return ctx.onQuickSave($event); })("Close", function DataExplorerDashboardComponent_Template_mj_quick_save_dialog_Close_21_listener() { return ctx.onQuickSaveClose(); })("OpenAdvanced", function DataExplorerDashboardComponent_Template_mj_quick_save_dialog_OpenAdvanced_21_listener($event) { return ctx.onQuickSaveOpenAdvanced($event); });
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(22, "mj-duplicate-view-dialog", 21);
-            i0.ɵɵlistener("Duplicate", function DataExplorerDashboardComponent_Template_mj_duplicate_view_dialog_Duplicate_22_listener($event) { return ctx.onDuplicateConfirmed($event); })("Cancel", function DataExplorerDashboardComponent_Template_mj_duplicate_view_dialog_Cancel_22_listener() { return ctx.onDuplicateCancel(); });
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(23, "mj-shared-view-warning-dialog", 22);
-            i0.ɵɵlistener("Action", function DataExplorerDashboardComponent_Template_mj_shared_view_warning_dialog_Action_23_listener($event) { return ctx.onSharedViewAction($event); })("Cancel", function DataExplorerDashboardComponent_Template_mj_shared_view_warning_dialog_Cancel_23_listener() { return ctx.onSharedViewWarningCancel(); });
-            i0.ɵɵelementEnd()();
         } if (rf & 2) {
             i0.ɵɵadvance();
             i0.ɵɵconditional(!ctx.isAtHomeLevel ? 1 : -1);
@@ -3616,21 +2146,7 @@ let DataExplorerDashboardComponent = class DataExplorerDashboardComponent extend
             i0.ɵɵconditional(!ctx.selectedEntity ? 14 : 15);
             i0.ɵɵadvance(2);
             i0.ɵɵconditional(ctx.state.detailPanelOpen && ctx.selectedRecord ? 16 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("entity", ctx.selectedEntity)("viewEntity", ctx.selectedViewEntity)("isOpen", ctx.state.viewConfigPanelOpen)("currentGridState", ctx.currentGridState)("externalFilterState", ctx.filterDialogState)("isSaving", ctx.isSavingView)("DefaultSaveAsNew", ctx.defaultSaveAsNew)("PendingNewViewName", ctx.pendingNewViewName)("PendingNewViewDescription", ctx.pendingNewViewDescription)("PendingNewViewIsShared", ctx.pendingNewViewIsShared);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("isOpen", ctx.isFilterDialogOpen)("fields", ctx.filterDialogFields)("filter", ctx.filterDialogState)("disabled", ctx.filterDialogDisabled);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("visible", ctx.showExportDialog)("config", ctx.exportDialogConfig);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(ctx.showListManagementDialog && ctx.listManagementConfig ? 20 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("IsOpen", ctx.showQuickSaveDialog)("ViewEntity", ctx.selectedViewEntity)("EntityName", (ctx.selectedEntity == null ? null : ctx.selectedEntity.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.selectedViewEntity == null ? null : ctx.selectedViewEntity.Name) ?? "");
-        } }, dependencies: [i4.DefaultValueAccessor, i4.NgControlStatus, i4.NgModel, i5.EntityViewerComponent, i5.EntityRecordDetailPanelComponent, i5.ViewConfigPanelComponent, i5.QuickSaveDialogComponent, i5.DuplicateViewDialogComponent, i5.SharedViewWarningDialogComponent, i2.LoadingComponent, i3.ExportDialogComponent, i6.ListManagementDialogComponent, i7.NavigationPanelComponent, i8.ViewSelectorComponent, i9.FilterDialogComponent, i10.DecimalPipe], styles: [".data-explorer-container[_ngcontent-%COMP%] {\n  display: flex;\n  height: 100%;\n  width: 100%;\n  background: var(--mj-bg-surface-card);\n  overflow: hidden;\n}\n\n.navigation-panel[_ngcontent-%COMP%] {\n  flex-shrink: 0;\n  height: 100%;\n  background: var(--mj-bg-surface);\n  border-right: 1px solid var(--mj-border-default);\n  transition: width 0.2s ease-in-out;\n  overflow: hidden;\n  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.04);\n}\n.navigation-panel.collapsed[_ngcontent-%COMP%] {\n  width: 48px;\n}\n\n.content-area[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-width: 0;\n  overflow: hidden;\n  background: var(--mj-bg-surface-card);\n}\n\n\n\n.breadcrumb-bar[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 24px;\n  background: var(--mj-bg-surface);\n  border-bottom: 1px solid var(--mj-border-default);\n  flex-shrink: 0;\n  font-size: 13px;\n  min-height: 40px;\n}\n\n.breadcrumb-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  color: var(--mj-text-secondary);\n  padding: 4px 8px;\n  border-radius: 4px;\n  transition: all 0.15s ease;\n  max-width: 200px;\n}\n\n.breadcrumb-item.clickable[_ngcontent-%COMP%] {\n  cursor: pointer;\n}\n\n.breadcrumb-item.clickable[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-brand-primary);\n}\n\n.breadcrumb-item.current[_ngcontent-%COMP%] {\n  color: var(--mj-text-primary);\n  font-weight: 500;\n  cursor: default;\n}\n\n.breadcrumb-icon[_ngcontent-%COMP%] {\n  font-size: 12px;\n  flex-shrink: 0;\n}\n\n.breadcrumb-label[_ngcontent-%COMP%] {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.breadcrumb-separator[_ngcontent-%COMP%] {\n  font-size: 10px;\n  color: var(--mj-border-strong);\n  flex-shrink: 0;\n}\n\n.content-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 24px;\n  background: var(--mj-bg-surface);\n  border-bottom: 1px solid var(--mj-border-default);\n  flex-shrink: 0;\n  gap: 24px;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);\n  position: relative;\n  z-index: 2; \n\n}\n\n.header-left[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex-shrink: 0;\n  flex-wrap: wrap;\n}\n\n\n\n.header-left[_ngcontent-%COMP%]     mj-view-selector {\n  margin-left: 8px;\n}\n\n.entity-icon[_ngcontent-%COMP%] {\n  font-size: 20px;\n  color: var(--mj-brand-primary);\n}\n\n.entity-title[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 20px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.record-count[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: var(--mj-text-secondary);\n  font-weight: 500;\n}\n\n.header-center[_ngcontent-%COMP%] {\n  flex: 1;\n  max-width: 600px;\n}\n\n.smart-filter-container[_ngcontent-%COMP%] {\n  position: relative;\n  width: 100%;\n}\n\n.smart-filter-input[_ngcontent-%COMP%] {\n  width: 100%;\n  padding: 10px 40px 10px 16px;\n  border: 1px solid var(--mj-border-strong);\n  border-radius: 8px;\n  font-size: 14px;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n  transition: all 0.15s ease;\n}\n.smart-filter-input[_ngcontent-%COMP%]:focus {\n  outline: none;\n  border-color: var(--mj-brand-primary);\n  background: var(--mj-bg-surface);\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n.smart-filter-input[_ngcontent-%COMP%]::placeholder {\n  color: var(--mj-text-muted);\n}\n\n.clear-filter-btn[_ngcontent-%COMP%] {\n  position: absolute;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 28px;\n  height: 28px;\n  border: none;\n  background: transparent;\n  border-radius: 50%;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-muted);\n  transition: all 0.15s ease;\n}\n.clear-filter-btn[_ngcontent-%COMP%]:hover {\n  background: var(--mj-border-default);\n  color: var(--mj-text-primary);\n}\n\n.header-right[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  flex-shrink: 0;\n}\n\n.view-mode-toggle[_ngcontent-%COMP%] {\n  display: flex;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 8px;\n  padding: 3px;\n}\n\n.toggle-btn[_ngcontent-%COMP%] {\n  width: 36px;\n  height: 32px;\n  border: none;\n  background: transparent;\n  border-radius: 6px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-secondary);\n  transition: all 0.15s ease;\n}\n.toggle-btn[_ngcontent-%COMP%]:hover {\n  color: var(--mj-text-primary);\n}\n.toggle-btn.active[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface);\n  color: var(--mj-brand-primary);\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n\n\n\n.header-action-btn[_ngcontent-%COMP%] {\n  position: relative;\n  width: 36px;\n  height: 36px;\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  border-radius: 8px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-secondary);\n  transition: all 0.15s ease;\n  margin-left: 8px;\n}\n.header-action-btn[_ngcontent-%COMP%]:hover:not(.disabled) {\n  border-color: var(--mj-brand-primary);\n  color: var(--mj-brand-primary);\n  background: color-mix(in srgb, var(--mj-brand-primary) 5%, var(--mj-bg-surface));\n}\n.header-action-btn.disabled[_ngcontent-%COMP%] {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.header-action-btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 14px;\n}\n.selection-badge[_ngcontent-%COMP%] {\n  position: absolute;\n  top: -6px;\n  right: -6px;\n  min-width: 18px;\n  height: 18px;\n  padding: 0 5px;\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  font-size: 11px;\n  font-weight: 600;\n  border-radius: 9px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n}\n\n\n\n.date-field-selector-container[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n\n.date-field-backdrop[_ngcontent-%COMP%] {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 999;\n  background: transparent;\n}\n\n.date-field-selector-wrapper[_ngcontent-%COMP%] {\n  position: relative;\n}\n\n.date-field-selector-button[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 12px;\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  cursor: pointer;\n  font-size: 13px;\n  color: var(--mj-text-primary);\n  transition: all 0.15s ease;\n  min-width: 120px;\n  max-width: 200px;\n}\n\n.date-field-selector-button[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: var(--mj-bg-surface-hover);\n  border-color: var(--mj-border-strong);\n}\n\n.date-field-selector-button[_ngcontent-%COMP%]:disabled {\n  cursor: default;\n  opacity: 0.8;\n}\n\n.date-field-selector-button.open[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-active);\n  border-color: var(--mj-brand-primary);\n}\n\n.date-field-icon[_ngcontent-%COMP%] {\n  color: var(--mj-text-secondary);\n  font-size: 12px;\n}\n\n.date-field-name[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: left;\n}\n\n.date-field-arrow[_ngcontent-%COMP%] {\n  color: var(--mj-text-secondary);\n  font-size: 10px;\n  transition: transform 0.2s ease;\n}\n\n.date-field-arrow.rotated[_ngcontent-%COMP%] {\n  transform: rotate(180deg);\n}\n\n.date-field-dropdown-panel[_ngcontent-%COMP%] {\n  position: absolute;\n  top: calc(100% + 4px);\n  left: 0;\n  min-width: 180px;\n  max-width: 280px;\n  max-height: 300px;\n  overflow-y: auto;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n  z-index: 1000;\n}\n\n.date-field-dropdown-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 14px;\n  cursor: pointer;\n  transition: background 0.1s ease;\n  font-size: 13px;\n}\n\n.date-field-dropdown-item[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-card);\n}\n\n.date-field-dropdown-item.selected[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n}\n\n.date-field-dropdown-item.selected[_ngcontent-%COMP%]:hover {\n  background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n}\n\n.date-field-dropdown-item[_ngcontent-%COMP%]   .item-icon[_ngcontent-%COMP%] {\n  color: var(--mj-text-secondary);\n  font-size: 13px;\n  width: 16px;\n  text-align: center;\n}\n\n.date-field-dropdown-item[_ngcontent-%COMP%]   .item-name[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.date-field-dropdown-item[_ngcontent-%COMP%]   .selected-check[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  font-size: 12px;\n}\n\n\n\n\n.view-specific-controls[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 3px 8px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 8px;\n  border: 1px solid var(--mj-border-subtle);\n}\n\n.view-specific-btn[_ngcontent-%COMP%] {\n  width: 30px;\n  height: 30px;\n  border: none;\n  background: transparent;\n  border-radius: 6px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-muted);\n  transition: all 0.15s ease;\n}\n\n.view-specific-btn[_ngcontent-%COMP%]:hover {\n  color: var(--mj-text-secondary);\n  background: var(--mj-bg-surface-hover);\n}\n\n\n\n.timeline-orientation-toggle[_ngcontent-%COMP%] {\n  display: flex;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 8px;\n  padding: 3px;\n}\n\n.content-body[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow: hidden;\n  padding: 20px 24px;\n  display: flex;\n  flex-direction: column;\n  \n\n\n\n\n\n\n\n\n  isolation: isolate;\n}\n\n.loading-container[_ngcontent-%COMP%], \n.loading-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  gap: 16px;\n  background: var(--mj-bg-surface);\n  border-radius: 8px;\n}\n\n.loading-spinner[_ngcontent-%COMP%] {\n  font-size: 32px;\n  color: var(--mj-brand-primary);\n}\n\n.loading-message[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 14px;\n  color: var(--mj-text-secondary);\n}\n\n.empty-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  text-align: center;\n  color: var(--mj-text-muted);\n  background: var(--mj-bg-surface);\n  border-radius: 8px;\n  padding: 40px;\n}\n\n.empty-icon[_ngcontent-%COMP%] {\n  font-size: 64px;\n  color: var(--mj-border-default);\n  margin-bottom: 24px;\n}\n\n.empty-state[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0 0 8px 0;\n  font-size: 20px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 14px;\n  max-width: 400px;\n  color: var(--mj-text-secondary);\n}\n\n\n\n\n\n\n.home-view-concept-d[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  overflow: hidden;\n}\n\n.home-main-area[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  transition: margin-right 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.home-main-area.panel-open[_ngcontent-%COMP%] {\n  margin-right: 320px;\n}\n\n\n\n\n\n\n.search-hero[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface);\n  padding: 36px 40px 24px;\n  text-align: center;\n}\n\n.search-hero-container[_ngcontent-%COMP%] {\n  position: relative;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n.search-hero-input[_ngcontent-%COMP%] {\n  width: 100%;\n  padding: 14px 18px 14px 44px;\n  font-size: 15px;\n  border: 2px solid var(--mj-border-default);\n  border-radius: 12px;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n  outline: none;\n  transition: all 0.2s;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);\n  font-family: inherit;\n}\n\n.search-hero-input[_ngcontent-%COMP%]:focus {\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1), 0 0 0 4px color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n}\n\n.search-hero-input[_ngcontent-%COMP%]::placeholder {\n  color: var(--mj-text-primary);\n}\n\n.search-hero-icon[_ngcontent-%COMP%] {\n  position: absolute;\n  left: 16px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: var(--mj-text-primary);\n  font-size: 15px;\n  pointer-events: none;\n}\n\n.search-hero-shortcut[_ngcontent-%COMP%] {\n  position: absolute;\n  right: 14px;\n  top: 50%;\n  transform: translateY(-50%);\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  padding: 2px 7px;\n  border-radius: 5px;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n\n.search-hero-clear[_ngcontent-%COMP%] {\n  position: absolute;\n  right: 14px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 28px;\n  height: 28px;\n  border: none;\n  background: transparent;\n  border-radius: 50%;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-muted);\n  transition: all 0.15s ease;\n}\n\n.search-hero-clear[_ngcontent-%COMP%]:hover {\n  background: var(--mj-border-default);\n  color: var(--mj-text-primary);\n}\n\n\n\n.search-meta-row[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  margin-top: 16px;\n}\n\n.search-entity-count[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: var(--mj-text-muted);\n}\n\n.pill-toggle[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 6px;\n}\n\n.pill-btn[_ngcontent-%COMP%] {\n  padding: 6px 16px;\n  border-radius: 20px;\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  font-size: 13px;\n  color: var(--mj-text-secondary);\n  cursor: pointer;\n  transition: all 0.15s;\n  font-family: inherit;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.pill-btn[_ngcontent-%COMP%]:hover {\n  border-color: var(--mj-brand-primary);\n  color: var(--mj-brand-primary);\n}\n\n.pill-btn.active[_ngcontent-%COMP%] {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  border-color: var(--mj-brand-primary);\n}\n\n.pill-btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 11px;\n}\n\n\n\n\n\n\n.entity-groups-area[_ngcontent-%COMP%] {\n  padding: 12px 40px 60px;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n.app-group[_ngcontent-%COMP%] {\n  margin-bottom: 4px;\n}\n\n.app-group-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px 14px;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: background 0.12s;\n  user-select: none;\n}\n\n.app-group-header[_ngcontent-%COMP%]:hover {\n  background: rgba(0, 0, 0, 0.025);\n}\n\n.app-group-icon[_ngcontent-%COMP%] {\n  width: 38px;\n  height: 38px;\n  border-radius: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 17px;\n  flex-shrink: 0;\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n}\n\n.app-group-name[_ngcontent-%COMP%] {\n  font-size: 21px;\n  font-weight: 600;\n  flex: 1;\n}\n\n.app-group-count[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n  background: var(--mj-bg-surface-card);\n  padding: 2px 9px;\n  border-radius: 10px;\n}\n\n.app-group-chevron[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n  font-size: 12px;\n  transition: transform 0.2s;\n}\n\n.app-group-chevron.expanded[_ngcontent-%COMP%] {\n  transform: rotate(90deg);\n}\n\n.app-group-entities[_ngcontent-%COMP%] {\n  padding: 4px 14px 10px 60px;\n}\n\n\n\n\n\n\n.entity-item-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));\n  gap: 12px;\n}\n\n.entity-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  padding: 10px 14px;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: all 0.12s;\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n}\n\n.entity-item[_ngcontent-%COMP%]:hover {\n  border-color: color-mix(in srgb, var(--mj-brand-primary) 40%, var(--mj-bg-surface));\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);\n  background: color-mix(in srgb, var(--mj-brand-primary) 5%, var(--mj-bg-surface));\n}\n\n.entity-item-icon[_ngcontent-%COMP%] {\n  width: 32px;\n  height: 32px;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  color: var(--mj-text-secondary);\n  background: var(--mj-bg-surface-card);\n  flex-shrink: 0;\n}\n\n.entity-item[_ngcontent-%COMP%]:hover   .entity-item-icon[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n}\n\n.entity-item-text[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.entity-item-name[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 500;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.entity-item-desc[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  line-height: 1.3;\n}\n\n.entity-item-fav[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n  opacity: 0;\n  transition: opacity 0.12s;\n  font-size: 11px;\n  cursor: pointer;\n  flex-shrink: 0;\n  background: none;\n  border: none;\n  padding: 4px;\n  align-self: center;\n}\n\n.entity-item[_ngcontent-%COMP%]:hover   .entity-item-fav[_ngcontent-%COMP%] {\n  opacity: 1;\n}\n\n.entity-item-fav.favorited[_ngcontent-%COMP%] {\n  opacity: 1;\n  color: var(--mj-status-warning);\n}\n\n\n\n\n\n\n.quick-access-panel[_ngcontent-%COMP%] {\n  position: fixed;\n  top: 0;\n  right: 0;\n  width: 320px;\n  height: 100%;\n  background: var(--mj-bg-surface);\n  border-left: 1px solid var(--mj-border-default);\n  z-index: 50;\n  transform: translateX(100%);\n  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  display: flex;\n  flex-direction: column;\n}\n\n.quick-access-panel.open[_ngcontent-%COMP%] {\n  transform: translateX(0);\n}\n\n.qa-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--mj-border-default);\n}\n\n.qa-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 600;\n  margin: 0;\n}\n\n.qa-close-btn[_ngcontent-%COMP%] {\n  background: none;\n  border: none;\n  color: var(--mj-text-muted);\n  cursor: pointer;\n  font-size: 14px;\n  padding: 4px;\n  border-radius: 4px;\n}\n\n.qa-close-btn[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-card);\n}\n\n.qa-body[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n}\n\n.qa-section[_ngcontent-%COMP%] {\n  border-bottom: 1px solid var(--mj-border-default);\n}\n\n.qa-section-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 16px;\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.8px;\n  color: var(--mj-text-muted);\n  cursor: pointer;\n  user-select: none;\n}\n\n.qa-section-header[_ngcontent-%COMP%]   .qa-section-icon[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\n\n.qa-section-header[_ngcontent-%COMP%]   .qa-section-count[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-card);\n  padding: 0 6px;\n  border-radius: 8px;\n  font-size: 10px;\n  margin-left: auto;\n}\n\n.qa-section-header[_ngcontent-%COMP%]   .qa-section-chevron[_ngcontent-%COMP%] {\n  font-size: 10px;\n  transition: transform 0.15s;\n}\n\n.qa-section.collapsed[_ngcontent-%COMP%]   .qa-section-chevron[_ngcontent-%COMP%] {\n  transform: rotate(-90deg);\n}\n\n.qa-section-body[_ngcontent-%COMP%] {\n  padding: 0 8px 8px;\n}\n\n.qa-section.collapsed[_ngcontent-%COMP%]   .qa-section-body[_ngcontent-%COMP%] {\n  display: none;\n}\n\n.qa-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 8px;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: background 0.08s;\n}\n\n.qa-item[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-card);\n}\n\n.qa-item-icon[_ngcontent-%COMP%] {\n  width: 28px;\n  height: 28px;\n  border-radius: 6px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  background: var(--mj-bg-surface-card);\n  color: var(--mj-text-secondary);\n  flex-shrink: 0;\n}\n\n.qa-item-info[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.qa-item-name[_ngcontent-%COMP%] {\n  font-size: 13px;\n  font-weight: 500;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.qa-item-meta[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n}\n\n.qa-item-time[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n  white-space: nowrap;\n}\n\n.qa-empty[_ngcontent-%COMP%] {\n  padding: 20px 16px;\n  text-align: center;\n  color: var(--mj-text-muted);\n  font-size: 13px;\n}\n\n\n\n.qa-badge[_ngcontent-%COMP%] {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  font-size: 10px;\n  font-weight: 600;\n  padding: 0 5px;\n  border-radius: 8px;\n  min-width: 16px;\n  text-align: center;\n}\n\n\n\n.home-no-results[_ngcontent-%COMP%] {\n  text-align: center;\n  padding: 40px 20px;\n  color: var(--mj-text-muted);\n}\n\n.home-no-results[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 28px;\n  margin-bottom: 10px;\n  display: block;\n}\n\n.home-no-results[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  font-size: 14px;\n  margin: 0;\n}\n\n.detail-panel[_ngcontent-%COMP%] {\n  flex-shrink: 0;\n  height: 100%;\n  background: var(--mj-bg-surface);\n  border-left: 1px solid var(--mj-border-default);\n  box-shadow: -4px 0 16px rgba(0, 0, 0, 0.08);\n  overflow: hidden;\n  animation: _ngcontent-%COMP%_slideIn 0.2s ease-out;\n  display: flex;\n  flex-direction: column;\n}\n\n.detail-panel[_ngcontent-%COMP%]   mj-entity-record-detail-panel[_ngcontent-%COMP%] {\n  flex: 1;\n  min-height: 0;\n  overflow: hidden;\n}\n\n@keyframes _ngcontent-%COMP%_slideIn {\n  from {\n    transform: translateX(100%);\n    opacity: 0;\n  }\n  to {\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n\n\n\n.detail-panel-actions[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px;\n  background: var(--mj-bg-surface-card);\n  border-bottom: 1px solid var(--mj-border-default);\n}\n\n.detail-action-btn[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 12px;\n  border: none;\n  border-radius: 6px;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-secondary);\n  font-size: 13px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.15s ease;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n}\n\n.detail-action-btn[_ngcontent-%COMP%]:hover {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  transform: translateY(-1px);\n  box-shadow: 0 2px 4px color-mix(in srgb, var(--mj-brand-primary) 20%, transparent);\n}\n\n.detail-action-btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\n\n[_nghost-%COMP%]     mj-explorer-grid-view, \n[_nghost-%COMP%]     mj-explorer-cards-view {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n}\n\n\n\n\n\n\n\n\n.content-header.home-header[_ngcontent-%COMP%] {\n  border-bottom: none;\n  background: transparent;\n  box-shadow: none;\n  padding: 16px 24px 8px;\n}\n\n.content-body.home-content[_ngcontent-%COMP%] {\n  padding: 0;\n}\n\n\n\n.filter-icon[_ngcontent-%COMP%] {\n  position: absolute;\n  left: 14px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: var(--mj-text-muted);\n  font-size: 14px;\n  pointer-events: none;\n}\n\n.smart-filter-container[_ngcontent-%COMP%]   .smart-filter-input[_ngcontent-%COMP%] {\n  padding-left: 40px;\n}\n\n\n\n\n\n\n.view-mode-toggle[_ngcontent-%COMP%]   .toggle-btn[_ngcontent-%COMP%] {\n  width: auto;\n  padding: 0 12px;\n  gap: 6px;\n}\n\n.toggle-label[_ngcontent-%COMP%] {\n  font-size: 12px;\n  font-weight: 500;\n}\n\n\n\n\n\n\n.empty-state.small[_ngcontent-%COMP%] {\n  height: auto;\n  padding: 32px;\n  background: var(--mj-bg-surface-card);\n}\n\n.empty-state.small[_ngcontent-%COMP%]   .empty-icon[_ngcontent-%COMP%] {\n  font-size: 40px;\n  margin-bottom: 16px;\n}\n\n.empty-state.small[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  font-size: 16px;\n}\n\n.empty-state.small[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  font-size: 13px;\n}\n\n\n\n\n\n\n@media (max-width: 1200px) {\n  .entity-item-grid[_ngcontent-%COMP%] {\n    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n  }\n}\n\n@media (max-width: 900px) {\n  .content-header[_ngcontent-%COMP%] {\n    flex-wrap: wrap;\n    gap: 12px;\n  }\n\n  .header-center[_ngcontent-%COMP%] {\n    order: 3;\n    flex-basis: 100%;\n    max-width: 100%;\n  }\n\n  .search-hero[_ngcontent-%COMP%] {\n    padding: 24px 16px 16px;\n  }\n\n  .entity-groups-area[_ngcontent-%COMP%] {\n    padding: 8px 16px 40px;\n  }\n\n  .app-group-entities[_ngcontent-%COMP%] {\n    padding-left: 36px;\n  }\n\n  .home-main-area.panel-open[_ngcontent-%COMP%] {\n    margin-right: 0;\n  }\n\n  .quick-access-panel[_ngcontent-%COMP%] {\n    width: 100%;\n  }\n}\n\n@media (max-width: 600px) {\n  .data-explorer-container[_ngcontent-%COMP%] {\n    flex-direction: column;\n  }\n\n  .navigation-panel[_ngcontent-%COMP%] {\n    display: none;\n  }\n\n  .content-header[_ngcontent-%COMP%] {\n    padding: 12px 16px;\n  }\n\n  .content-body[_ngcontent-%COMP%] {\n    padding: 12px 16px;\n  }\n\n  .entity-item-grid[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n  }\n\n  .view-mode-toggle[_ngcontent-%COMP%] {\n    display: none;\n  }\n\n  .app-group-name[_ngcontent-%COMP%] {\n    font-size: 17px;\n  }\n\n  .entity-item-name[_ngcontent-%COMP%] {\n    font-size: 14px;\n  }\n}"], data: { animation: [
+        } }, dependencies: [i3.DefaultValueAccessor, i3.NgControlStatus, i3.NgModel, i4.EntityRecordDetailPanelComponent, i4.ViewWorkspaceComponent, i2.LoadingComponent, i5.NavigationPanelComponent, i6.DecimalPipe], styles: [".data-explorer-container[_ngcontent-%COMP%] {\n  display: flex;\n  height: 100%;\n  width: 100%;\n  background: var(--mj-bg-surface-card);\n  overflow: hidden;\n}\n\n.navigation-panel[_ngcontent-%COMP%] {\n  flex-shrink: 0;\n  height: 100%;\n  background: var(--mj-bg-surface);\n  border-right: 1px solid var(--mj-border-default);\n  transition: width 0.2s ease-in-out;\n  overflow: hidden;\n  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.04);\n}\n.navigation-panel.collapsed[_ngcontent-%COMP%] {\n  width: 48px;\n}\n\n.content-area[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-width: 0;\n  overflow: hidden;\n  background: var(--mj-bg-surface-card);\n}\n\n\n\n.breadcrumb-bar[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 24px;\n  background: var(--mj-bg-surface);\n  border-bottom: 1px solid var(--mj-border-default);\n  flex-shrink: 0;\n  font-size: 13px;\n  min-height: 40px;\n}\n\n.breadcrumb-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  color: var(--mj-text-secondary);\n  padding: 4px 8px;\n  border-radius: 4px;\n  transition: all 0.15s ease;\n  max-width: 200px;\n}\n\n.breadcrumb-item.clickable[_ngcontent-%COMP%] {\n  cursor: pointer;\n}\n\n.breadcrumb-item.clickable[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-brand-primary);\n}\n\n.breadcrumb-item.current[_ngcontent-%COMP%] {\n  color: var(--mj-text-primary);\n  font-weight: 500;\n  cursor: default;\n}\n\n.breadcrumb-icon[_ngcontent-%COMP%] {\n  font-size: 12px;\n  flex-shrink: 0;\n}\n\n.breadcrumb-label[_ngcontent-%COMP%] {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.breadcrumb-separator[_ngcontent-%COMP%] {\n  font-size: 10px;\n  color: var(--mj-border-strong);\n  flex-shrink: 0;\n}\n\n.content-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 24px;\n  background: var(--mj-bg-surface);\n  border-bottom: 1px solid var(--mj-border-default);\n  flex-shrink: 0;\n  gap: 24px;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);\n  position: relative;\n  z-index: 2; \n\n}\n\n.header-left[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex-shrink: 0;\n  flex-wrap: wrap;\n}\n\n\n\n.header-left[_ngcontent-%COMP%]     mj-view-selector {\n  margin-left: 8px;\n}\n\n.entity-icon[_ngcontent-%COMP%] {\n  font-size: 20px;\n  color: var(--mj-brand-primary);\n}\n\n.entity-title[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 20px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.record-count[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: var(--mj-text-secondary);\n  font-weight: 500;\n}\n\n.header-center[_ngcontent-%COMP%] {\n  flex: 1;\n  max-width: 600px;\n}\n\n.smart-filter-container[_ngcontent-%COMP%] {\n  position: relative;\n  width: 100%;\n}\n\n.smart-filter-input[_ngcontent-%COMP%] {\n  width: 100%;\n  padding: 10px 40px 10px 16px;\n  border: 1px solid var(--mj-border-strong);\n  border-radius: 8px;\n  font-size: 14px;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n  transition: all 0.15s ease;\n}\n.smart-filter-input[_ngcontent-%COMP%]:focus {\n  outline: none;\n  border-color: var(--mj-brand-primary);\n  background: var(--mj-bg-surface);\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n.smart-filter-input[_ngcontent-%COMP%]::placeholder {\n  color: var(--mj-text-muted);\n}\n\n.clear-filter-btn[_ngcontent-%COMP%] {\n  position: absolute;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 28px;\n  height: 28px;\n  border: none;\n  background: transparent;\n  border-radius: 50%;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-muted);\n  transition: all 0.15s ease;\n}\n.clear-filter-btn[_ngcontent-%COMP%]:hover {\n  background: var(--mj-border-default);\n  color: var(--mj-text-primary);\n}\n\n.header-right[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  flex-shrink: 0;\n}\n\n.view-mode-toggle[_ngcontent-%COMP%] {\n  display: flex;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 8px;\n  padding: 3px;\n}\n\n.toggle-btn[_ngcontent-%COMP%] {\n  width: 36px;\n  height: 32px;\n  border: none;\n  background: transparent;\n  border-radius: 6px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-secondary);\n  transition: all 0.15s ease;\n}\n.toggle-btn[_ngcontent-%COMP%]:hover {\n  color: var(--mj-text-primary);\n}\n.toggle-btn.active[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface);\n  color: var(--mj-brand-primary);\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n\n\n\n.header-action-btn[_ngcontent-%COMP%] {\n  position: relative;\n  width: 36px;\n  height: 36px;\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  border-radius: 8px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-secondary);\n  transition: all 0.15s ease;\n  margin-left: 8px;\n}\n.header-action-btn[_ngcontent-%COMP%]:hover:not(.disabled) {\n  border-color: var(--mj-brand-primary);\n  color: var(--mj-brand-primary);\n  background: color-mix(in srgb, var(--mj-brand-primary) 5%, var(--mj-bg-surface));\n}\n.header-action-btn.disabled[_ngcontent-%COMP%] {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.header-action-btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 14px;\n}\n.selection-badge[_ngcontent-%COMP%] {\n  position: absolute;\n  top: -6px;\n  right: -6px;\n  min-width: 18px;\n  height: 18px;\n  padding: 0 5px;\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  font-size: 11px;\n  font-weight: 600;\n  border-radius: 9px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n}\n\n\n\n.date-field-selector-container[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n\n.date-field-backdrop[_ngcontent-%COMP%] {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 999;\n  background: transparent;\n}\n\n.date-field-selector-wrapper[_ngcontent-%COMP%] {\n  position: relative;\n}\n\n.date-field-selector-button[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 12px;\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  cursor: pointer;\n  font-size: 13px;\n  color: var(--mj-text-primary);\n  transition: all 0.15s ease;\n  min-width: 120px;\n  max-width: 200px;\n}\n\n.date-field-selector-button[_ngcontent-%COMP%]:hover:not(:disabled) {\n  background: var(--mj-bg-surface-hover);\n  border-color: var(--mj-border-strong);\n}\n\n.date-field-selector-button[_ngcontent-%COMP%]:disabled {\n  cursor: default;\n  opacity: 0.8;\n}\n\n.date-field-selector-button.open[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-active);\n  border-color: var(--mj-brand-primary);\n}\n\n.date-field-icon[_ngcontent-%COMP%] {\n  color: var(--mj-text-secondary);\n  font-size: 12px;\n}\n\n.date-field-name[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: left;\n}\n\n.date-field-arrow[_ngcontent-%COMP%] {\n  color: var(--mj-text-secondary);\n  font-size: 10px;\n  transition: transform 0.2s ease;\n}\n\n.date-field-arrow.rotated[_ngcontent-%COMP%] {\n  transform: rotate(180deg);\n}\n\n.date-field-dropdown-panel[_ngcontent-%COMP%] {\n  position: absolute;\n  top: calc(100% + 4px);\n  left: 0;\n  min-width: 180px;\n  max-width: 280px;\n  max-height: 300px;\n  overflow-y: auto;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n  z-index: 1000;\n}\n\n.date-field-dropdown-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 14px;\n  cursor: pointer;\n  transition: background 0.1s ease;\n  font-size: 13px;\n}\n\n.date-field-dropdown-item[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-card);\n}\n\n.date-field-dropdown-item.selected[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n}\n\n.date-field-dropdown-item.selected[_ngcontent-%COMP%]:hover {\n  background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n}\n\n.date-field-dropdown-item[_ngcontent-%COMP%]   .item-icon[_ngcontent-%COMP%] {\n  color: var(--mj-text-secondary);\n  font-size: 13px;\n  width: 16px;\n  text-align: center;\n}\n\n.date-field-dropdown-item[_ngcontent-%COMP%]   .item-name[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.date-field-dropdown-item[_ngcontent-%COMP%]   .selected-check[_ngcontent-%COMP%] {\n  color: var(--mj-brand-primary);\n  font-size: 12px;\n}\n\n\n\n\n.view-specific-controls[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 3px 8px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 8px;\n  border: 1px solid var(--mj-border-subtle);\n}\n\n.view-specific-btn[_ngcontent-%COMP%] {\n  width: 30px;\n  height: 30px;\n  border: none;\n  background: transparent;\n  border-radius: 6px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-muted);\n  transition: all 0.15s ease;\n}\n\n.view-specific-btn[_ngcontent-%COMP%]:hover {\n  color: var(--mj-text-secondary);\n  background: var(--mj-bg-surface-hover);\n}\n\n\n\n.timeline-orientation-toggle[_ngcontent-%COMP%] {\n  display: flex;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 8px;\n  padding: 3px;\n}\n\n.content-body[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow: hidden;\n  padding: 20px 24px;\n  display: flex;\n  flex-direction: column;\n  \n\n\n\n\n\n\n\n\n  isolation: isolate;\n}\n\n.loading-container[_ngcontent-%COMP%], \n.loading-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  gap: 16px;\n  background: var(--mj-bg-surface);\n  border-radius: 8px;\n}\n\n.loading-spinner[_ngcontent-%COMP%] {\n  font-size: 32px;\n  color: var(--mj-brand-primary);\n}\n\n.loading-message[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 14px;\n  color: var(--mj-text-secondary);\n}\n\n.empty-state[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  text-align: center;\n  color: var(--mj-text-muted);\n  background: var(--mj-bg-surface);\n  border-radius: 8px;\n  padding: 40px;\n}\n\n.empty-icon[_ngcontent-%COMP%] {\n  font-size: 64px;\n  color: var(--mj-border-default);\n  margin-bottom: 24px;\n}\n\n.empty-state[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  margin: 0 0 8px 0;\n  font-size: 20px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.empty-state[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 14px;\n  max-width: 400px;\n  color: var(--mj-text-secondary);\n}\n\n\n\n\n\n\n.home-view-concept-d[_ngcontent-%COMP%] {\n  flex: 1;\n  display: flex;\n  overflow: hidden;\n}\n\n.home-main-area[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n  transition: margin-right 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.home-main-area.panel-open[_ngcontent-%COMP%] {\n  margin-right: 320px;\n}\n\n\n\n\n\n\n.search-hero[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface);\n  padding: 36px 40px 24px;\n  text-align: center;\n}\n\n.search-hero-container[_ngcontent-%COMP%] {\n  position: relative;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n.search-hero-input[_ngcontent-%COMP%] {\n  width: 100%;\n  padding: 14px 18px 14px 44px;\n  font-size: 15px;\n  border: 2px solid var(--mj-border-default);\n  border-radius: 12px;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n  outline: none;\n  transition: all 0.2s;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);\n  font-family: inherit;\n}\n\n.search-hero-input[_ngcontent-%COMP%]:focus {\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1), 0 0 0 4px color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n}\n\n.search-hero-input[_ngcontent-%COMP%]::placeholder {\n  color: var(--mj-text-primary);\n}\n\n.search-hero-icon[_ngcontent-%COMP%] {\n  position: absolute;\n  left: 16px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: var(--mj-text-primary);\n  font-size: 15px;\n  pointer-events: none;\n}\n\n.search-hero-shortcut[_ngcontent-%COMP%] {\n  position: absolute;\n  right: 14px;\n  top: 50%;\n  transform: translateY(-50%);\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  padding: 2px 7px;\n  border-radius: 5px;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n\n.search-hero-clear[_ngcontent-%COMP%] {\n  position: absolute;\n  right: 14px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 28px;\n  height: 28px;\n  border: none;\n  background: transparent;\n  border-radius: 50%;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-muted);\n  transition: all 0.15s ease;\n}\n\n.search-hero-clear[_ngcontent-%COMP%]:hover {\n  background: var(--mj-border-default);\n  color: var(--mj-text-primary);\n}\n\n\n\n.search-meta-row[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  margin-top: 16px;\n}\n\n.search-entity-count[_ngcontent-%COMP%] {\n  font-size: 13px;\n  color: var(--mj-text-muted);\n}\n\n.pill-toggle[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 6px;\n}\n\n.pill-btn[_ngcontent-%COMP%] {\n  padding: 6px 16px;\n  border-radius: 20px;\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  font-size: 13px;\n  color: var(--mj-text-secondary);\n  cursor: pointer;\n  transition: all 0.15s;\n  font-family: inherit;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.pill-btn[_ngcontent-%COMP%]:hover {\n  border-color: var(--mj-brand-primary);\n  color: var(--mj-brand-primary);\n}\n\n.pill-btn.active[_ngcontent-%COMP%] {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  border-color: var(--mj-brand-primary);\n}\n\n.pill-btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 11px;\n}\n\n\n\n\n\n\n.entity-groups-area[_ngcontent-%COMP%] {\n  padding: 12px 40px 60px;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n.app-group[_ngcontent-%COMP%] {\n  margin-bottom: 4px;\n}\n\n.app-group-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px 14px;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: background 0.12s;\n  user-select: none;\n}\n\n.app-group-header[_ngcontent-%COMP%]:hover {\n  background: rgba(0, 0, 0, 0.025);\n}\n\n.app-group-icon[_ngcontent-%COMP%] {\n  width: 38px;\n  height: 38px;\n  border-radius: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 17px;\n  flex-shrink: 0;\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n}\n\n.app-group-name[_ngcontent-%COMP%] {\n  font-size: 21px;\n  font-weight: 600;\n  flex: 1;\n}\n\n.app-group-count[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n  background: var(--mj-bg-surface-card);\n  padding: 2px 9px;\n  border-radius: 10px;\n}\n\n.app-group-chevron[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n  font-size: 12px;\n  transition: transform 0.2s;\n}\n\n.app-group-chevron.expanded[_ngcontent-%COMP%] {\n  transform: rotate(90deg);\n}\n\n.app-group-entities[_ngcontent-%COMP%] {\n  padding: 4px 14px 10px 60px;\n}\n\n\n\n\n\n\n.entity-item-grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));\n  gap: 12px;\n}\n\n.entity-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  padding: 10px 14px;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: all 0.12s;\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n}\n\n.entity-item[_ngcontent-%COMP%]:hover {\n  border-color: color-mix(in srgb, var(--mj-brand-primary) 40%, var(--mj-bg-surface));\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);\n  background: color-mix(in srgb, var(--mj-brand-primary) 5%, var(--mj-bg-surface));\n}\n\n.entity-item-icon[_ngcontent-%COMP%] {\n  width: 32px;\n  height: 32px;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  color: var(--mj-text-secondary);\n  background: var(--mj-bg-surface-card);\n  flex-shrink: 0;\n}\n\n.entity-item[_ngcontent-%COMP%]:hover   .entity-item-icon[_ngcontent-%COMP%] {\n  background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n}\n\n.entity-item-text[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.entity-item-name[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 500;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.entity-item-desc[_ngcontent-%COMP%] {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  line-height: 1.3;\n}\n\n.entity-item-fav[_ngcontent-%COMP%] {\n  color: var(--mj-text-muted);\n  opacity: 0;\n  transition: opacity 0.12s;\n  font-size: 11px;\n  cursor: pointer;\n  flex-shrink: 0;\n  background: none;\n  border: none;\n  padding: 4px;\n  align-self: center;\n}\n\n.entity-item[_ngcontent-%COMP%]:hover   .entity-item-fav[_ngcontent-%COMP%] {\n  opacity: 1;\n}\n\n.entity-item-fav.favorited[_ngcontent-%COMP%] {\n  opacity: 1;\n  color: var(--mj-status-warning);\n}\n\n\n\n\n\n\n.quick-access-panel[_ngcontent-%COMP%] {\n  position: fixed;\n  top: 0;\n  right: 0;\n  width: 320px;\n  height: 100%;\n  background: var(--mj-bg-surface);\n  border-left: 1px solid var(--mj-border-default);\n  z-index: 50;\n  transform: translateX(100%);\n  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  display: flex;\n  flex-direction: column;\n}\n\n.quick-access-panel.open[_ngcontent-%COMP%] {\n  transform: translateX(0);\n}\n\n.qa-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--mj-border-default);\n}\n\n.qa-header[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  font-size: 14px;\n  font-weight: 600;\n  margin: 0;\n}\n\n.qa-close-btn[_ngcontent-%COMP%] {\n  background: none;\n  border: none;\n  color: var(--mj-text-muted);\n  cursor: pointer;\n  font-size: 14px;\n  padding: 4px;\n  border-radius: 4px;\n}\n\n.qa-close-btn[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-card);\n}\n\n.qa-body[_ngcontent-%COMP%] {\n  flex: 1;\n  overflow-y: auto;\n}\n\n.qa-section[_ngcontent-%COMP%] {\n  border-bottom: 1px solid var(--mj-border-default);\n}\n\n.qa-section-header[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 16px;\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.8px;\n  color: var(--mj-text-muted);\n  cursor: pointer;\n  user-select: none;\n}\n\n.qa-section-header[_ngcontent-%COMP%]   .qa-section-icon[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\n\n.qa-section-header[_ngcontent-%COMP%]   .qa-section-count[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface-card);\n  padding: 0 6px;\n  border-radius: 8px;\n  font-size: 10px;\n  margin-left: auto;\n}\n\n.qa-section-header[_ngcontent-%COMP%]   .qa-section-chevron[_ngcontent-%COMP%] {\n  font-size: 10px;\n  transition: transform 0.15s;\n}\n\n.qa-section.collapsed[_ngcontent-%COMP%]   .qa-section-chevron[_ngcontent-%COMP%] {\n  transform: rotate(-90deg);\n}\n\n.qa-section-body[_ngcontent-%COMP%] {\n  padding: 0 8px 8px;\n}\n\n.qa-section.collapsed[_ngcontent-%COMP%]   .qa-section-body[_ngcontent-%COMP%] {\n  display: none;\n}\n\n.qa-item[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 8px;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: background 0.08s;\n}\n\n.qa-item[_ngcontent-%COMP%]:hover {\n  background: var(--mj-bg-surface-card);\n}\n\n.qa-item-icon[_ngcontent-%COMP%] {\n  width: 28px;\n  height: 28px;\n  border-radius: 6px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  background: var(--mj-bg-surface-card);\n  color: var(--mj-text-secondary);\n  flex-shrink: 0;\n}\n\n.qa-item-info[_ngcontent-%COMP%] {\n  flex: 1;\n  min-width: 0;\n}\n\n.qa-item-name[_ngcontent-%COMP%] {\n  font-size: 13px;\n  font-weight: 500;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.qa-item-meta[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n}\n\n.qa-item-time[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n  white-space: nowrap;\n}\n\n.qa-empty[_ngcontent-%COMP%] {\n  padding: 20px 16px;\n  text-align: center;\n  color: var(--mj-text-muted);\n  font-size: 13px;\n}\n\n\n\n.qa-badge[_ngcontent-%COMP%] {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  font-size: 10px;\n  font-weight: 600;\n  padding: 0 5px;\n  border-radius: 8px;\n  min-width: 16px;\n  text-align: center;\n}\n\n\n\n.home-no-results[_ngcontent-%COMP%] {\n  text-align: center;\n  padding: 40px 20px;\n  color: var(--mj-text-muted);\n}\n\n.home-no-results[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 28px;\n  margin-bottom: 10px;\n  display: block;\n}\n\n.home-no-results[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  font-size: 14px;\n  margin: 0;\n}\n\n.detail-panel[_ngcontent-%COMP%] {\n  flex-shrink: 0;\n  height: 100%;\n  background: var(--mj-bg-surface);\n  border-left: 1px solid var(--mj-border-default);\n  box-shadow: -4px 0 16px rgba(0, 0, 0, 0.08);\n  overflow: hidden;\n  animation: _ngcontent-%COMP%_slideIn 0.2s ease-out;\n  display: flex;\n  flex-direction: column;\n}\n\n.detail-panel[_ngcontent-%COMP%]   mj-entity-record-detail-panel[_ngcontent-%COMP%] {\n  flex: 1;\n  min-height: 0;\n  overflow: hidden;\n}\n\n@keyframes _ngcontent-%COMP%_slideIn {\n  from {\n    transform: translateX(100%);\n    opacity: 0;\n  }\n  to {\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n\n\n\n.detail-panel-actions[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px;\n  background: var(--mj-bg-surface-card);\n  border-bottom: 1px solid var(--mj-border-default);\n}\n\n.detail-action-btn[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 12px;\n  border: none;\n  border-radius: 6px;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-secondary);\n  font-size: 13px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.15s ease;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n}\n\n.detail-action-btn[_ngcontent-%COMP%]:hover {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  transform: translateY(-1px);\n  box-shadow: 0 2px 4px color-mix(in srgb, var(--mj-brand-primary) 20%, transparent);\n}\n\n.detail-action-btn[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  font-size: 12px;\n}\n\n[_nghost-%COMP%]     mj-explorer-grid-view, \n[_nghost-%COMP%]     mj-explorer-cards-view {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n}\n\n\n\n\n\n\n\n\n.content-header.home-header[_ngcontent-%COMP%] {\n  border-bottom: none;\n  background: transparent;\n  box-shadow: none;\n  padding: 16px 24px 8px;\n}\n\n.content-body.home-content[_ngcontent-%COMP%] {\n  padding: 0;\n}\n\n\n\n.filter-icon[_ngcontent-%COMP%] {\n  position: absolute;\n  left: 14px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: var(--mj-text-muted);\n  font-size: 14px;\n  pointer-events: none;\n}\n\n.smart-filter-container[_ngcontent-%COMP%]   .smart-filter-input[_ngcontent-%COMP%] {\n  padding-left: 40px;\n}\n\n\n\n\n\n\n.view-mode-toggle[_ngcontent-%COMP%]   .toggle-btn[_ngcontent-%COMP%] {\n  width: auto;\n  padding: 0 12px;\n  gap: 6px;\n}\n\n.toggle-label[_ngcontent-%COMP%] {\n  font-size: 12px;\n  font-weight: 500;\n}\n\n\n\n\n\n\n.empty-state.small[_ngcontent-%COMP%] {\n  height: auto;\n  padding: 32px;\n  background: var(--mj-bg-surface-card);\n}\n\n.empty-state.small[_ngcontent-%COMP%]   .empty-icon[_ngcontent-%COMP%] {\n  font-size: 40px;\n  margin-bottom: 16px;\n}\n\n.empty-state.small[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%] {\n  font-size: 16px;\n}\n\n.empty-state.small[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n  font-size: 13px;\n}\n\n\n\n\n\n\n@media (max-width: 1200px) {\n  .entity-item-grid[_ngcontent-%COMP%] {\n    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n  }\n}\n\n@media (max-width: 900px) {\n  .content-header[_ngcontent-%COMP%] {\n    flex-wrap: wrap;\n    gap: 12px;\n  }\n\n  .header-center[_ngcontent-%COMP%] {\n    order: 3;\n    flex-basis: 100%;\n    max-width: 100%;\n  }\n\n  .search-hero[_ngcontent-%COMP%] {\n    padding: 24px 16px 16px;\n  }\n\n  .entity-groups-area[_ngcontent-%COMP%] {\n    padding: 8px 16px 40px;\n  }\n\n  .app-group-entities[_ngcontent-%COMP%] {\n    padding-left: 36px;\n  }\n\n  .home-main-area.panel-open[_ngcontent-%COMP%] {\n    margin-right: 0;\n  }\n\n  .quick-access-panel[_ngcontent-%COMP%] {\n    width: 100%;\n  }\n}\n\n@media (max-width: 600px) {\n  .data-explorer-container[_ngcontent-%COMP%] {\n    flex-direction: column;\n  }\n\n  .navigation-panel[_ngcontent-%COMP%] {\n    display: none;\n  }\n\n  .content-header[_ngcontent-%COMP%] {\n    padding: 12px 16px;\n  }\n\n  .content-body[_ngcontent-%COMP%] {\n    padding: 12px 16px;\n  }\n\n  .entity-item-grid[_ngcontent-%COMP%] {\n    grid-template-columns: 1fr;\n  }\n\n  .view-mode-toggle[_ngcontent-%COMP%] {\n    display: none;\n  }\n\n  .app-group-name[_ngcontent-%COMP%] {\n    font-size: 17px;\n  }\n\n  .entity-item-name[_ngcontent-%COMP%] {\n    font-size: 14px;\n  }\n}"], data: { animation: [
                 trigger('slideInLeft', [
                     transition(':enter', [
                         style({ transform: 'translateX(-100%)', opacity: 0 }),
@@ -3658,19 +2174,13 @@ export { DataExplorerDashboardComponent };
                             animate('200ms ease-in', style({ transform: 'translateX(-100%)', opacity: 0 }))
                         ])
                     ])
-                ], template: "<div class=\"data-explorer-container\">\n  <!-- Navigation Panel (Left) - Hidden at home level, animated -->\n  @if (!isAtHomeLevel) {\n    <div\n      class=\"navigation-panel\"\n      [class.collapsed]=\"state.navigationPanelCollapsed\"\n      [style.width.px]=\"state.navigationPanelCollapsed ? 48 : state.navigationPanelWidth\"\n      [@slideInLeft]>\n\n      <mj-explorer-navigation-panel\n        [entities]=\"entities\"\n        [appEntityGroups]=\"appEntityGroups\"\n        [selectedEntityName]=\"state.selectedEntityName\"\n        [favorites]=\"state.favorites\"\n        [recentItems]=\"state.recentItems\"\n        [collapsed]=\"state.navigationPanelCollapsed\"\n        [allowedEntityNames]=\"allowedEntityNames\"\n        [favoritesSectionExpanded]=\"state.favoritesSectionExpanded\"\n        [recentSectionExpanded]=\"state.recentSectionExpanded\"\n        [entitiesSectionExpanded]=\"state.entitiesSectionExpanded\"\n        [viewsSectionExpanded]=\"state.viewsSectionExpanded\"\n        (entitySelected)=\"onEntitySelected($event)\"\n        (toggleCollapse)=\"toggleNavigationPanel()\"\n        (sectionToggled)=\"stateService.toggleSection($event)\"\n        (openRecord)=\"onOpenRecordFromNav($event)\"\n        (selectRecord)=\"onSelectRecordFromNav($event)\"\n        (expandAndFocus)=\"onExpandAndFocus($event)\">\n      </mj-explorer-navigation-panel>\n    </div>\n  }\n\n  <!-- Main Content Area -->\n  <div class=\"content-area\">\n    <!-- Breadcrumb Bar - Hidden at home level -->\n    @if (!isAtHomeLevel && breadcrumbs.length > 0) {\n      <div class=\"breadcrumb-bar\">\n        @for (crumb of breadcrumbs; track crumb.label; let i = $index; let last = $last) {\n          <span\n            class=\"breadcrumb-item\"\n            [class.clickable]=\"!last\"\n            [class.current]=\"last\"\n            (click)=\"onBreadcrumbClick(crumb, i)\"\n            [title]=\"crumb.label\">\n            @if (crumb.icon) {\n              <i [class]=\"crumb.icon\" class=\"breadcrumb-icon\"></i>\n            }\n            <span class=\"breadcrumb-label\">{{ crumb.label }}</span>\n          </span>\n          @if (!last) {\n            <i class=\"fa-solid fa-chevron-right breadcrumb-separator\"></i>\n          }\n        }\n      </div>\n    }\n\n    <!-- Header -->\n    <div class=\"content-header\" [class.home-header]=\"isAtHomeLevel\">\n      <div class=\"header-left\">\n        @if (selectedEntity) {\n          <i [class]=\"getEntityIcon(selectedEntity)\" class=\"entity-icon\"></i>\n          <h2 class=\"entity-title\">{{ selectedEntity.DisplayNameOrName }}</h2>\n          @if (debouncedFilterText && filteredRecordCount !== totalRecordCount) {\n            <span class=\"record-count\">{{ filteredRecordCount | number }} of {{ totalRecordCount | number }} records</span>\n          } @else {\n            <span class=\"record-count\">{{ totalRecordCount | number }} records</span>\n          }\n\n          <!-- View Selector -->\n          <mj-view-selector\n            [entity]=\"selectedEntity\"\n            [selectedViewId]=\"state.selectedViewId\"\n            [viewModified]=\"state.viewModified\"\n            (viewSelected)=\"onViewSelected($event)\"\n            (saveViewRequested)=\"onSaveViewRequested($event)\"\n            (manageViewsRequested)=\"onManageViewsRequested()\"\n            (openInTabRequested)=\"onOpenInTabRequested($event)\"\n            (configureViewRequested)=\"onConfigureViewRequested()\"\n            (createNewRecordRequested)=\"onCreateNewRecord()\"\n            (exportRequested)=\"onExport()\"\n            (duplicateViewRequested)=\"onDuplicateView($event)\"\n            (quickSaveRequested)=\"onQuickSaveRequested($event)\"\n            (revertRequested)=\"onRevertView()\">\n          </mj-view-selector>\n\n          <!-- Add to List Button -->\n          <button\n            class=\"header-action-btn\"\n            [class.disabled]=\"!hasSelectedRecords\"\n            [disabled]=\"!hasSelectedRecords\"\n            (click)=\"onAddToListClick()\"\n            [title]=\"hasSelectedRecords ? 'Add ' + selectedRecords.length + ' selected record(s) to a list' : 'Select records to add to a list'\">\n            <i class=\"fa-solid fa-list-check\"></i>\n            @if (hasSelectedRecords) {\n              <span class=\"selection-badge\">{{ selectedRecords.length }}</span>\n            }\n          </button>\n        } @else {\n          @if (displayIcon) {\n            <i [class]=\"displayIcon\" class=\"entity-icon\"></i>\n          }\n          <h2 class=\"entity-title\">{{ displayTitle }}</h2>\n          <span class=\"record-count\">{{ entities.length }} entities available</span>\n        }\n      </div>\n\n      <div class=\"header-center\">\n        @if (selectedEntity) {\n          <div class=\"smart-filter-container\">\n            <i class=\"fa-solid fa-search filter-icon\"></i>\n            <input\n              #filterInput\n              type=\"text\"\n              class=\"smart-filter-input\"\n              placeholder=\"Filter records... (press / to focus)\"\n              [value]=\"liveFilterText\"\n              (input)=\"onFilterInputChanged(filterInput.value)\"\n            />\n            @if (liveFilterText) {\n              <button class=\"clear-filter-btn\" (click)=\"clearRecordFilter()\">\n                <i class=\"fa-solid fa-times\"></i>\n              </button>\n            }\n          </div>\n        }\n        <!-- Home-level search moved to search hero section -->\n      </div>\n\n      <div class=\"header-right\">\n        @if (selectedEntity) {\n          <!-- View-specific controls \u2014 positioned LEFT of the view mode toggle -->\n          <!-- These controls are contextual to the active view mode -->\n          @if (state.viewMode === 'timeline' && entityHasDateFields) {\n            <div class=\"view-specific-controls\">\n              <!-- Date Field Selector -->\n              <div class=\"date-field-selector-container\">\n                @if (isDateFieldDropdownOpen) {\n                  <div class=\"date-field-backdrop\" (click)=\"closeDateFieldDropdown()\"></div>\n                }\n                <div class=\"date-field-selector-wrapper\">\n                  <button\n                    class=\"date-field-selector-button\"\n                    [class.open]=\"isDateFieldDropdownOpen\"\n                    [disabled]=\"availableDateFields.length <= 1\"\n                    (click)=\"toggleDateFieldDropdown()\">\n                    <i class=\"fa-solid fa-calendar-days date-field-icon\"></i>\n                    <span class=\"date-field-name\">{{ effectiveTimelineDateFieldDisplayName }}</span>\n                    @if (availableDateFields.length > 1) {\n                      <i class=\"fa-solid fa-chevron-down date-field-arrow\" [class.rotated]=\"isDateFieldDropdownOpen\"></i>\n                    }\n                  </button>\n                  @if (isDateFieldDropdownOpen && availableDateFields.length > 1) {\n                    <div class=\"date-field-dropdown-panel\">\n                      @for (field of availableDateFields; track field.name) {\n                        <div\n                          class=\"date-field-dropdown-item\"\n                          [class.selected]=\"field.name === effectiveTimelineDateField\"\n                          (click)=\"setTimelineDateField(field.name)\">\n                          <i class=\"fa-regular fa-calendar item-icon\"></i>\n                          <span class=\"item-name\">{{ field.displayName }}</span>\n                          @if (field.name === effectiveTimelineDateField) {\n                            <i class=\"fa-solid fa-check selected-check\"></i>\n                          }\n                        </div>\n                      }\n                    </div>\n                  }\n                </div>\n              </div>\n              <!-- Orientation Toggle -->\n              <button\n                class=\"view-specific-btn\"\n                (click)=\"toggleTimelineOrientation()\"\n                [title]=\"state.timelineOrientation === 'vertical' ? 'Switch to Horizontal' : 'Switch to Vertical'\">\n                <i [class]=\"state.timelineOrientation === 'vertical' ? 'fa-solid fa-ellipsis-vertical' : 'fa-solid fa-ellipsis'\"></i>\n              </button>\n              <!-- Sort Order Toggle -->\n              <button\n                class=\"view-specific-btn\"\n                (click)=\"toggleTimelineSortOrder()\"\n                [title]=\"state.timelineSortOrder === 'desc' ? 'Showing Newest First (click for Oldest First)' : 'Showing Oldest First (click for Newest First)'\">\n                <i [class]=\"state.timelineSortOrder === 'desc' ? 'fa-solid fa-arrow-down-wide-short' : 'fa-solid fa-arrow-up-wide-short'\"></i>\n              </button>\n            </div>\n          }\n\n          <!-- View Mode Toggle \u2014 always rightmost in the header -->\n          <div class=\"view-mode-toggle\">\n            <button\n              class=\"toggle-btn\"\n              [class.active]=\"state.viewMode === 'grid'\"\n              (click)=\"onViewModeChanged('grid')\"\n              title=\"Grid View\">\n              <i class=\"fa-solid fa-list\"></i>\n            </button>\n            <button\n              class=\"toggle-btn\"\n              [class.active]=\"state.viewMode === 'cards'\"\n              (click)=\"onViewModeChanged('cards')\"\n              title=\"Cards View\">\n              <i class=\"fa-solid fa-grip\"></i>\n            </button>\n            @if (entityHasDateFields) {\n              <button\n                class=\"toggle-btn\"\n                [class.active]=\"state.viewMode === 'timeline'\"\n                (click)=\"onViewModeChanged('timeline')\"\n                title=\"Timeline View\">\n                <i class=\"fa-solid fa-timeline\"></i>\n              </button>\n            }\n            @if (selectedEntity.SupportsGeoCoding) {\n              <button\n                class=\"toggle-btn\"\n                [class.active]=\"state.viewMode === 'map'\"\n                (click)=\"onViewModeChanged('map')\"\n                title=\"Map View\">\n                <i class=\"fa-solid fa-map-location-dot\"></i>\n              </button>\n            }\n          </div>\n        }\n        @if (!selectedEntity) {\n          <!-- Quick Access panel toggle -->\n          <button\n            class=\"header-action-btn\"\n            [class.active]=\"state.quickAccessPanelOpen\"\n            (click)=\"toggleQuickAccessPanel()\"\n            title=\"Recents & Favorites\">\n            <i class=\"fa-solid fa-clock-rotate-left\"></i>\n            @if (recentRecords.length + favoriteRecords.length > 0) {\n              <span class=\"qa-badge\">{{ recentRecords.length + favoriteRecords.length }}</span>\n            }\n          </button>\n        }\n      </div>\n    </div>\n\n    <!-- Content Body - Using mj-entity-viewer composite -->\n    <div class=\"content-body\" [class.home-content]=\"isAtHomeLevel\">\n      @if (!selectedEntity) {\n        <!-- Concept D: Application Groups + Search-First Home View -->\n        <div class=\"home-view-concept-d\">\n          @if (isLoadingEntities) {\n            <div class=\"loading-state\">\n              <mj-loading text=\"Loading entities...\" size=\"medium\"></mj-loading>\n            </div>\n          } @else {\n            <div class=\"home-main-area\" [class.panel-open]=\"state.quickAccessPanelOpen\">\n              <!-- Search Hero -->\n              <div class=\"search-hero\">\n                <div class=\"search-hero-container\">\n                  <i class=\"fa-solid fa-magnifying-glass search-hero-icon\"></i>\n                  <input\n                    #filterInput\n                    type=\"text\"\n                    class=\"search-hero-input\"\n                    placeholder=\"Search entities...\"\n                    [(ngModel)]=\"entityFilterText\"\n                  />\n                  @if (entityFilterText) {\n                    <button class=\"search-hero-clear\" (click)=\"entityFilterText = ''\">\n                      <i class=\"fa-solid fa-times\"></i>\n                    </button>\n                  } @else {\n                    <span class=\"search-hero-shortcut\">/</span>\n                  }\n                </div>\n\n                <!-- Meta row: entity count + All/Favorites pills -->\n                <div class=\"search-meta-row\">\n                  <span class=\"search-entity-count\">\n                    {{ filteredEntityCount }} entities\n                    @if (applicationCount > 0) {\n                      across {{ applicationCount }} applications\n                    }\n                  </span>\n                  <div class=\"pill-toggle\">\n                    <button\n                      class=\"pill-btn\"\n                      [class.active]=\"state.homeViewMode === 'all'\"\n                      (click)=\"setHomeViewMode('all')\">\n                      All Entities\n                    </button>\n                    <button\n                      class=\"pill-btn\"\n                      [class.active]=\"state.homeViewMode === 'favorites'\"\n                      (click)=\"setHomeViewMode('favorites')\">\n                      <i class=\"fa-solid fa-star\"></i> My Favorites\n                    </button>\n                  </div>\n                </div>\n              </div>\n\n              <!-- Entity Groups Area -->\n              <div class=\"entity-groups-area\">\n                @if (entityFilter?.applicationId) {\n                  <!-- Single-app mode: flat entity grid (no grouping) -->\n                  <div class=\"entity-item-grid\">\n                    @for (entity of flatFilteredEntities; track entity.ID) {\n                      <div\n                        class=\"entity-item\"\n                        (click)=\"onEntitySelected(entity)\"\n                        [title]=\"entity.Description || entity.DisplayNameOrName\">\n                        <div class=\"entity-item-icon\">\n                          <i [class]=\"getEntityIcon(entity)\"></i>\n                        </div>\n                        <div class=\"entity-item-text\">\n                          <span class=\"entity-item-name\">{{ entity.DisplayNameOrName }}</span>\n                          @if (entity.Description) {\n                            <span class=\"entity-item-desc\">{{ entity.Description }}</span>\n                          }\n                        </div>\n                        <button\n                          class=\"entity-item-fav\"\n                          [class.favorited]=\"isEntityFavorited(entity)\"\n                          (click)=\"toggleEntityFavorite(entity, $event)\"\n                          [title]=\"isEntityFavorited(entity) ? 'Remove from favorites' : 'Add to favorites'\">\n                          <i [class]=\"isEntityFavorited(entity) ? 'fa-solid fa-star' : 'fa-regular fa-star'\"></i>\n                        </button>\n                      </div>\n                    }\n                  </div>\n                } @else {\n                  <!-- Multi-app mode: grouped by application -->\n                  @for (group of filteredAppEntityGroups; track group.applicationId) {\n                    <div class=\"app-group\">\n                      <div class=\"app-group-header\" (click)=\"toggleAppGroup(group.applicationId)\">\n                        <div\n                          class=\"app-group-icon\"\n                          [style.background]=\"group.applicationColor ? group.applicationColor + '15' : null\"\n                          [style.color]=\"group.applicationColor || null\">\n                          <i [class]=\"group.applicationIcon || 'fa-solid fa-folder'\"></i>\n                        </div>\n                        <span class=\"app-group-name\">{{ group.applicationName }}</span>\n                        <span class=\"app-group-count\">{{ group.entities.length }}</span>\n                        <i class=\"fa-solid fa-chevron-right app-group-chevron\"\n                           [class.expanded]=\"group.isExpanded\"></i>\n                      </div>\n                      @if (group.isExpanded) {\n                        <div class=\"app-group-entities\">\n                          <div class=\"entity-item-grid\">\n                            @for (entity of group.entities; track entity.ID) {\n                              <div\n                                class=\"entity-item\"\n                                (click)=\"onEntitySelected(entity)\"\n                                [title]=\"entity.Description || entity.DisplayNameOrName\">\n                                <div class=\"entity-item-icon\">\n                                  <i [class]=\"getEntityIcon(entity)\"></i>\n                                </div>\n                                <div class=\"entity-item-text\">\n                                  <span class=\"entity-item-name\">{{ entity.DisplayNameOrName }}</span>\n                                  @if (entity.Description) {\n                                    <span class=\"entity-item-desc\">{{ entity.Description }}</span>\n                                  }\n                                </div>\n                                <button\n                                  class=\"entity-item-fav\"\n                                  [class.favorited]=\"isEntityFavorited(entity)\"\n                                  (click)=\"toggleEntityFavorite(entity, $event)\"\n                                  [title]=\"isEntityFavorited(entity) ? 'Remove from favorites' : 'Add to favorites'\">\n                                  <i [class]=\"isEntityFavorited(entity) ? 'fa-solid fa-star' : 'fa-regular fa-star'\"></i>\n                                </button>\n                              </div>\n                            }\n                          </div>\n                        </div>\n                      }\n                    </div>\n                  }\n                }\n\n                <!-- No results -->\n                @if (filteredEntityCount === 0 && entities.length > 0) {\n                  <div class=\"home-no-results\">\n                    <i class=\"fa-solid fa-magnifying-glass\"></i>\n                    <p>No entities match \"{{ entityFilterText }}\"</p>\n                  </div>\n                }\n                @if (entities.length === 0) {\n                  <div class=\"empty-state\">\n                    <i class=\"fa-solid fa-database empty-icon\"></i>\n                    <h3>No Entities Available</h3>\n                    <p>There are no entities configured for this application.</p>\n                  </div>\n                }\n              </div>\n            </div>\n\n            <!-- Quick Access Panel (right slide-in) -->\n            <div class=\"quick-access-panel\" [class.open]=\"state.quickAccessPanelOpen\">\n              <div class=\"qa-header\">\n                <h3>Quick Access</h3>\n                <button class=\"qa-close-btn\" (click)=\"toggleQuickAccessPanel()\">\n                  <i class=\"fa-solid fa-xmark\"></i>\n                </button>\n              </div>\n              <div class=\"qa-body\">\n                <!-- Recent Records (max 3) -->\n                <div class=\"qa-section\" [class.collapsed]=\"!isQuickAccessSectionExpanded('recentRecords')\">\n                  <div class=\"qa-section-header\" (click)=\"toggleQuickAccessSection('recentRecords')\">\n                    <i class=\"fa-solid fa-clock-rotate-left qa-section-icon\"></i>\n                    <span>Recent Records</span>\n                    <span class=\"qa-section-count\">{{ quickAccessRecentRecords.length }}</span>\n                    <i class=\"fa-solid fa-chevron-down qa-section-chevron\"></i>\n                  </div>\n                  <div class=\"qa-section-body\">\n                    @for (record of quickAccessRecentRecords; track record.entityId + '|' + record.recordId) {\n                      <div class=\"qa-item\" (click)=\"onRecentRecordClick(record)\">\n                        <div class=\"qa-item-icon\">\n                          <i [class]=\"getEntityIconById(record.entityId)\"></i>\n                        </div>\n                        <div class=\"qa-item-info\">\n                          <div class=\"qa-item-name\">{{ record.recordName || record.recordId }}</div>\n                          <div class=\"qa-item-meta\">{{ record.entityName }}</div>\n                        </div>\n                        <span class=\"qa-item-time\">{{ formatRelativeTime(record.latestAt) }}</span>\n                      </div>\n                    }\n                    @if (quickAccessRecentRecords.length === 0) {\n                      <div class=\"qa-empty\">No recent records</div>\n                    }\n                  </div>\n                </div>\n\n                <!-- Recent Entities (max 3) -->\n                <div class=\"qa-section\" [class.collapsed]=\"!isQuickAccessSectionExpanded('recentEntities')\">\n                  <div class=\"qa-section-header\" (click)=\"toggleQuickAccessSection('recentEntities')\">\n                    <i class=\"fa-solid fa-table qa-section-icon\"></i>\n                    <span>Recent Entities</span>\n                    <span class=\"qa-section-count\">{{ quickAccessRecentEntities.length }}</span>\n                    <i class=\"fa-solid fa-chevron-down qa-section-chevron\"></i>\n                  </div>\n                  <div class=\"qa-section-body\">\n                    @for (entity of quickAccessRecentEntities; track entity.ID) {\n                      <div class=\"qa-item\" (click)=\"onEntitySelected(entity)\">\n                        <div class=\"qa-item-icon\">\n                          <i [class]=\"getEntityIcon(entity)\"></i>\n                        </div>\n                        <div class=\"qa-item-info\">\n                          <div class=\"qa-item-name\">{{ entity.DisplayNameOrName }}</div>\n                        </div>\n                      </div>\n                    }\n                    @if (quickAccessRecentEntities.length === 0) {\n                      <div class=\"qa-empty\">No recent entities</div>\n                    }\n                  </div>\n                </div>\n\n                <!-- Favorite Records (max 3) -->\n                <div class=\"qa-section\" [class.collapsed]=\"!isQuickAccessSectionExpanded('favoriteRecords')\">\n                  <div class=\"qa-section-header\" (click)=\"toggleQuickAccessSection('favoriteRecords')\">\n                    <i class=\"fa-solid fa-star qa-section-icon\" style=\"color: var(--mj-status-warning);\"></i>\n                    <span>Favorite Records</span>\n                    <span class=\"qa-section-count\">{{ quickAccessFavoriteRecords.length }}</span>\n                    <i class=\"fa-solid fa-chevron-down qa-section-chevron\"></i>\n                  </div>\n                  <div class=\"qa-section-body\">\n                    @for (record of quickAccessFavoriteRecords; track record.userFavoriteId) {\n                      <div class=\"qa-item\" (click)=\"onFavoriteRecordClick(record)\">\n                        <div class=\"qa-item-icon\">\n                          <i [class]=\"getEntityIconById(record.entityId)\"></i>\n                        </div>\n                        <div class=\"qa-item-info\">\n                          <div class=\"qa-item-name\">{{ record.recordName || record.recordId }}</div>\n                          <div class=\"qa-item-meta\">{{ record.entityName }}</div>\n                        </div>\n                      </div>\n                    }\n                    @if (quickAccessFavoriteRecords.length === 0) {\n                      <div class=\"qa-empty\">No favorite records</div>\n                    }\n                  </div>\n                </div>\n              </div>\n            </div>\n          }\n        </div>\n      } @else {\n        <mj-entity-viewer\n          #entityViewer\n          [entity]=\"selectedEntity\"\n          [viewEntity]=\"selectedViewEntity\"\n          [viewMode]=\"state.viewMode\"\n          [filterText]=\"debouncedFilterText\"\n          [selectedRecordId]=\"state.selectedRecordId\"\n          [config]=\"viewerConfig\"\n          [gridState]=\"currentGridState\"\n          [timelineConfig]=\"currentTimelineConfig\"\n          [gridSelectionMode]=\"'checkbox'\"\n          [showGridToolbar]=\"false\"\n          [showAddToListButton]=\"false\"\n          (viewModeChange)=\"onViewModeChanged($event)\"\n          (filterTextChange)=\"onFilterTextChanged($event)\"\n          (recordSelected)=\"onViewerRecordSelected($event)\"\n          (recordOpened)=\"onViewerRecordOpened($event)\"\n          (dataLoaded)=\"onDataLoaded($event)\"\n          (filteredCountChanged)=\"onFilteredCountChanged($event)\"\n          (gridStateChanged)=\"onGridStateChanged($event)\"\n          (selectionChanged)=\"onSelectionChanged($event)\"\n          (addToListRequested)=\"onAddToListRequested($event)\"\n          [mapRenderMode]=\"state.mapRenderMode || 'point'\"\n          [mapDisplayState]=\"mapDisplayState\"\n          (mapRenderModeChange)=\"onMapRenderModeChange($event)\"\n          (mapDisplayStateChange)=\"onMapDisplayStateChange($event)\">\n        </mj-entity-viewer>\n      }\n    </div>\n  </div>\n\n  <!-- Detail Panel (Right - Slide In) -->\n  @if (state.detailPanelOpen && selectedRecord) {\n    <div class=\"detail-panel\" [style.width.px]=\"state.detailPanelWidth\">\n      <!-- Detail Panel Actions Bar -->\n      <div class=\"detail-panel-actions\">\n        <button\n          class=\"detail-action-btn\"\n          (click)=\"openListManagementDialog()\"\n          title=\"Add to List\">\n          <i class=\"fa-solid fa-list-check\"></i>\n          <span>Add to List</span>\n        </button>\n      </div>\n      <mj-entity-record-detail-panel\n        [entity]=\"detailPanelEntity\"\n        [record]=\"selectedRecord\"\n        (close)=\"onDetailPanelClosed()\"\n        (openRecord)=\"onOpenRecord($event)\"\n        (navigateToRelated)=\"onNavigateToRelated($event)\"\n        (openRelatedRecord)=\"onOpenRelatedRecord($event)\"\n        (openForeignKeyRecord)=\"onOpenForeignKeyRecord($event)\">\n      </mj-entity-record-detail-panel>\n    </div>\n  }\n\n  <!-- View Configuration Panel -->\n  <mj-view-config-panel\n    [entity]=\"selectedEntity\"\n    [viewEntity]=\"selectedViewEntity\"\n    [isOpen]=\"state.viewConfigPanelOpen\"\n    [currentGridState]=\"currentGridState\"\n    [externalFilterState]=\"filterDialogState\"\n    [isSaving]=\"isSavingView\"\n    [DefaultSaveAsNew]=\"defaultSaveAsNew\"\n    [PendingNewViewName]=\"pendingNewViewName\"\n    [PendingNewViewDescription]=\"pendingNewViewDescription\"\n    [PendingNewViewIsShared]=\"pendingNewViewIsShared\"\n    (close)=\"onCloseViewConfigPanel()\"\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  <!-- Filter Dialog (rendered at dashboard level for full viewport width) -->\n  <mj-filter-dialog\n    [isOpen]=\"isFilterDialogOpen\"\n    [fields]=\"filterDialogFields\"\n    [filter]=\"filterDialogState\"\n    [disabled]=\"filterDialogDisabled\"\n    (close)=\"onCloseFilterDialog()\"\n    (apply)=\"onFilterApplied($event)\">\n  </mj-filter-dialog>\n\n  <!-- Export Dialog -->\n  <mj-export-dialog\n    [visible]=\"showExportDialog\"\n    [config]=\"exportDialogConfig\"\n    (closed)=\"onExportDialogClosed($event)\">\n  </mj-export-dialog>\n\n  <!-- List Management Dialog -->\n  @if (showListManagementDialog && listManagementConfig) {\n    <mj-list-management-dialog\n      [config]=\"listManagementConfig\"\n      [visible]=\"showListManagementDialog\"\n      (complete)=\"onListManagementComplete($event)\"\n      (cancel)=\"onListManagementCancel()\">\n    </mj-list-management-dialog>\n  }\n\n  <!-- Quick Save Dialog (F-001) -->\n  <mj-quick-save-dialog\n    [IsOpen]=\"showQuickSaveDialog\"\n    [ViewEntity]=\"selectedViewEntity\"\n    [EntityName]=\"selectedEntity?.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 (F-005) -->\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 (view-creation-flow Scenario 5) -->\n  <mj-shared-view-warning-dialog\n    [IsOpen]=\"showSharedViewWarning\"\n    [ViewName]=\"selectedViewEntity?.Name ?? ''\"\n    (Action)=\"onSharedViewAction($event)\"\n    (Cancel)=\"onSharedViewWarningCancel()\">\n  </mj-shared-view-warning-dialog>\n</div>\n", styles: [".data-explorer-container {\n  display: flex;\n  height: 100%;\n  width: 100%;\n  background: var(--mj-bg-surface-card);\n  overflow: hidden;\n}\n\n.navigation-panel {\n  flex-shrink: 0;\n  height: 100%;\n  background: var(--mj-bg-surface);\n  border-right: 1px solid var(--mj-border-default);\n  transition: width 0.2s ease-in-out;\n  overflow: hidden;\n  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.04);\n}\n.navigation-panel.collapsed {\n  width: 48px;\n}\n\n.content-area {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-width: 0;\n  overflow: hidden;\n  background: var(--mj-bg-surface-card);\n}\n\n/* Breadcrumb Bar */\n.breadcrumb-bar {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 24px;\n  background: var(--mj-bg-surface);\n  border-bottom: 1px solid var(--mj-border-default);\n  flex-shrink: 0;\n  font-size: 13px;\n  min-height: 40px;\n}\n\n.breadcrumb-item {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  color: var(--mj-text-secondary);\n  padding: 4px 8px;\n  border-radius: 4px;\n  transition: all 0.15s ease;\n  max-width: 200px;\n}\n\n.breadcrumb-item.clickable {\n  cursor: pointer;\n}\n\n.breadcrumb-item.clickable:hover {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-brand-primary);\n}\n\n.breadcrumb-item.current {\n  color: var(--mj-text-primary);\n  font-weight: 500;\n  cursor: default;\n}\n\n.breadcrumb-icon {\n  font-size: 12px;\n  flex-shrink: 0;\n}\n\n.breadcrumb-label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.breadcrumb-separator {\n  font-size: 10px;\n  color: var(--mj-border-strong);\n  flex-shrink: 0;\n}\n\n.content-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 24px;\n  background: var(--mj-bg-surface);\n  border-bottom: 1px solid var(--mj-border-default);\n  flex-shrink: 0;\n  gap: 24px;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);\n  position: relative;\n  z-index: 2; /* Above sibling .content-body so header dropdowns render on top of grid/map content */\n}\n\n.header-left {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex-shrink: 0;\n  flex-wrap: wrap;\n}\n\n/* View Selector within header */\n.header-left ::ng-deep mj-view-selector {\n  margin-left: 8px;\n}\n\n.entity-icon {\n  font-size: 20px;\n  color: var(--mj-brand-primary);\n}\n\n.entity-title {\n  margin: 0;\n  font-size: 20px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.record-count {\n  font-size: 13px;\n  color: var(--mj-text-secondary);\n  font-weight: 500;\n}\n\n.header-center {\n  flex: 1;\n  max-width: 600px;\n}\n\n.smart-filter-container {\n  position: relative;\n  width: 100%;\n}\n\n.smart-filter-input {\n  width: 100%;\n  padding: 10px 40px 10px 16px;\n  border: 1px solid var(--mj-border-strong);\n  border-radius: 8px;\n  font-size: 14px;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n  transition: all 0.15s ease;\n}\n.smart-filter-input:focus {\n  outline: none;\n  border-color: var(--mj-brand-primary);\n  background: var(--mj-bg-surface);\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n.smart-filter-input::placeholder {\n  color: var(--mj-text-muted);\n}\n\n.clear-filter-btn {\n  position: absolute;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 28px;\n  height: 28px;\n  border: none;\n  background: transparent;\n  border-radius: 50%;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-muted);\n  transition: all 0.15s ease;\n}\n.clear-filter-btn:hover {\n  background: var(--mj-border-default);\n  color: var(--mj-text-primary);\n}\n\n.header-right {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  flex-shrink: 0;\n}\n\n.view-mode-toggle {\n  display: flex;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 8px;\n  padding: 3px;\n}\n\n.toggle-btn {\n  width: 36px;\n  height: 32px;\n  border: none;\n  background: transparent;\n  border-radius: 6px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-secondary);\n  transition: all 0.15s ease;\n}\n.toggle-btn:hover {\n  color: var(--mj-text-primary);\n}\n.toggle-btn.active {\n  background: var(--mj-bg-surface);\n  color: var(--mj-brand-primary);\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n\n/* Header Action Button (Add to List, etc.) */\n.header-action-btn {\n  position: relative;\n  width: 36px;\n  height: 36px;\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  border-radius: 8px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-secondary);\n  transition: all 0.15s ease;\n  margin-left: 8px;\n}\n.header-action-btn:hover:not(.disabled) {\n  border-color: var(--mj-brand-primary);\n  color: var(--mj-brand-primary);\n  background: color-mix(in srgb, var(--mj-brand-primary) 5%, var(--mj-bg-surface));\n}\n.header-action-btn.disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.header-action-btn i {\n  font-size: 14px;\n}\n.selection-badge {\n  position: absolute;\n  top: -6px;\n  right: -6px;\n  min-width: 18px;\n  height: 18px;\n  padding: 0 5px;\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  font-size: 11px;\n  font-weight: 600;\n  border-radius: 9px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n}\n\n/* Timeline Date Field Selector - Styled Dropdown */\n.date-field-selector-container {\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n\n.date-field-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 999;\n  background: transparent;\n}\n\n.date-field-selector-wrapper {\n  position: relative;\n}\n\n.date-field-selector-button {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 12px;\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  cursor: pointer;\n  font-size: 13px;\n  color: var(--mj-text-primary);\n  transition: all 0.15s ease;\n  min-width: 120px;\n  max-width: 200px;\n}\n\n.date-field-selector-button:hover:not(:disabled) {\n  background: var(--mj-bg-surface-hover);\n  border-color: var(--mj-border-strong);\n}\n\n.date-field-selector-button:disabled {\n  cursor: default;\n  opacity: 0.8;\n}\n\n.date-field-selector-button.open {\n  background: var(--mj-bg-surface-active);\n  border-color: var(--mj-brand-primary);\n}\n\n.date-field-icon {\n  color: var(--mj-text-secondary);\n  font-size: 12px;\n}\n\n.date-field-name {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: left;\n}\n\n.date-field-arrow {\n  color: var(--mj-text-secondary);\n  font-size: 10px;\n  transition: transform 0.2s ease;\n}\n\n.date-field-arrow.rotated {\n  transform: rotate(180deg);\n}\n\n.date-field-dropdown-panel {\n  position: absolute;\n  top: calc(100% + 4px);\n  left: 0;\n  min-width: 180px;\n  max-width: 280px;\n  max-height: 300px;\n  overflow-y: auto;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n  z-index: 1000;\n}\n\n.date-field-dropdown-item {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 14px;\n  cursor: pointer;\n  transition: background 0.1s ease;\n  font-size: 13px;\n}\n\n.date-field-dropdown-item:hover {\n  background: var(--mj-bg-surface-card);\n}\n\n.date-field-dropdown-item.selected {\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n}\n\n.date-field-dropdown-item.selected:hover {\n  background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n}\n\n.date-field-dropdown-item .item-icon {\n  color: var(--mj-text-secondary);\n  font-size: 13px;\n  width: 16px;\n  text-align: center;\n}\n\n.date-field-dropdown-item .item-name {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.date-field-dropdown-item .selected-check {\n  color: var(--mj-brand-primary);\n  font-size: 12px;\n}\n\n/* View-specific controls \u2014 contextual controls for the active view mode.\n   Positioned LEFT of the view mode toggle with a subtle visual separator. */\n.view-specific-controls {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 3px 8px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 8px;\n  border: 1px solid var(--mj-border-subtle);\n}\n\n.view-specific-btn {\n  width: 30px;\n  height: 30px;\n  border: none;\n  background: transparent;\n  border-radius: 6px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-muted);\n  transition: all 0.15s ease;\n}\n\n.view-specific-btn:hover {\n  color: var(--mj-text-secondary);\n  background: var(--mj-bg-surface-hover);\n}\n\n/* Legacy \u2014 keep for backward compat but no longer used in template */\n.timeline-orientation-toggle {\n  display: flex;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 8px;\n  padding: 3px;\n}\n\n.content-body {\n  flex: 1;\n  overflow: hidden;\n  padding: 20px 24px;\n  display: flex;\n  flex-direction: column;\n  /* Contain the body's stacking context. The view components inside (grid\n     option menus, the map's Leaflet panes/toolbar, etc.) use z-index values up\n     to ~1000; .content-header sits at z-index 2 (kept below the shell header \u2014\n     see #2701). Without this, those body z-indices leak into the shared context\n     and paint over the header's own dropdowns (view-selector, date-field).\n     `isolation: isolate` flattens all body z-indices into one context beneath\n     the header. Safe because modals + the detail panel render at the dashboard\n     root (outside .content-body), so they still overlay everything. */\n  isolation: isolate;\n}\n\n.loading-container,\n.loading-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  gap: 16px;\n  background: var(--mj-bg-surface);\n  border-radius: 8px;\n}\n\n.loading-spinner {\n  font-size: 32px;\n  color: var(--mj-brand-primary);\n}\n\n.loading-message {\n  margin: 0;\n  font-size: 14px;\n  color: var(--mj-text-secondary);\n}\n\n.empty-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  text-align: center;\n  color: var(--mj-text-muted);\n  background: var(--mj-bg-surface);\n  border-radius: 8px;\n  padding: 40px;\n}\n\n.empty-icon {\n  font-size: 64px;\n  color: var(--mj-border-default);\n  margin-bottom: 24px;\n}\n\n.empty-state h3 {\n  margin: 0 0 8px 0;\n  font-size: 20px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.empty-state p {\n  margin: 0;\n  font-size: 14px;\n  max-width: 400px;\n  color: var(--mj-text-secondary);\n}\n\n/* ============================================\n   CONCEPT D: HOME VIEW LAYOUT\n   ============================================ */\n\n.home-view-concept-d {\n  flex: 1;\n  display: flex;\n  overflow: hidden;\n}\n\n.home-main-area {\n  flex: 1;\n  overflow-y: auto;\n  transition: margin-right 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.home-main-area.panel-open {\n  margin-right: 320px;\n}\n\n/* ============================================\n   SEARCH HERO\n   ============================================ */\n\n.search-hero {\n  background: var(--mj-bg-surface);\n  padding: 36px 40px 24px;\n  text-align: center;\n}\n\n.search-hero-container {\n  position: relative;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n.search-hero-input {\n  width: 100%;\n  padding: 14px 18px 14px 44px;\n  font-size: 15px;\n  border: 2px solid var(--mj-border-default);\n  border-radius: 12px;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n  outline: none;\n  transition: all 0.2s;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);\n  font-family: inherit;\n}\n\n.search-hero-input:focus {\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1), 0 0 0 4px color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n}\n\n.search-hero-input::placeholder {\n  color: var(--mj-text-primary);\n}\n\n.search-hero-icon {\n  position: absolute;\n  left: 16px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: var(--mj-text-primary);\n  font-size: 15px;\n  pointer-events: none;\n}\n\n.search-hero-shortcut {\n  position: absolute;\n  right: 14px;\n  top: 50%;\n  transform: translateY(-50%);\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  padding: 2px 7px;\n  border-radius: 5px;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n\n.search-hero-clear {\n  position: absolute;\n  right: 14px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 28px;\n  height: 28px;\n  border: none;\n  background: transparent;\n  border-radius: 50%;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-muted);\n  transition: all 0.15s ease;\n}\n\n.search-hero-clear:hover {\n  background: var(--mj-border-default);\n  color: var(--mj-text-primary);\n}\n\n/* Meta row: entity count + pills */\n.search-meta-row {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  margin-top: 16px;\n}\n\n.search-entity-count {\n  font-size: 13px;\n  color: var(--mj-text-muted);\n}\n\n.pill-toggle {\n  display: flex;\n  gap: 6px;\n}\n\n.pill-btn {\n  padding: 6px 16px;\n  border-radius: 20px;\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  font-size: 13px;\n  color: var(--mj-text-secondary);\n  cursor: pointer;\n  transition: all 0.15s;\n  font-family: inherit;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.pill-btn:hover {\n  border-color: var(--mj-brand-primary);\n  color: var(--mj-brand-primary);\n}\n\n.pill-btn.active {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  border-color: var(--mj-brand-primary);\n}\n\n.pill-btn i {\n  font-size: 11px;\n}\n\n/* ============================================\n   APPLICATION GROUPS\n   ============================================ */\n\n.entity-groups-area {\n  padding: 12px 40px 60px;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n.app-group {\n  margin-bottom: 4px;\n}\n\n.app-group-header {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px 14px;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: background 0.12s;\n  user-select: none;\n}\n\n.app-group-header:hover {\n  background: rgba(0, 0, 0, 0.025);\n}\n\n.app-group-icon {\n  width: 38px;\n  height: 38px;\n  border-radius: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 17px;\n  flex-shrink: 0;\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n}\n\n.app-group-name {\n  font-size: 21px;\n  font-weight: 600;\n  flex: 1;\n}\n\n.app-group-count {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n  background: var(--mj-bg-surface-card);\n  padding: 2px 9px;\n  border-radius: 10px;\n}\n\n.app-group-chevron {\n  color: var(--mj-text-muted);\n  font-size: 12px;\n  transition: transform 0.2s;\n}\n\n.app-group-chevron.expanded {\n  transform: rotate(90deg);\n}\n\n.app-group-entities {\n  padding: 4px 14px 10px 60px;\n}\n\n/* ============================================\n   ENTITY ITEM GRID (pills)\n   ============================================ */\n\n.entity-item-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));\n  gap: 12px;\n}\n\n.entity-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  padding: 10px 14px;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: all 0.12s;\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n}\n\n.entity-item:hover {\n  border-color: color-mix(in srgb, var(--mj-brand-primary) 40%, var(--mj-bg-surface));\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);\n  background: color-mix(in srgb, var(--mj-brand-primary) 5%, var(--mj-bg-surface));\n}\n\n.entity-item-icon {\n  width: 32px;\n  height: 32px;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  color: var(--mj-text-secondary);\n  background: var(--mj-bg-surface-card);\n  flex-shrink: 0;\n}\n\n.entity-item:hover .entity-item-icon {\n  background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n}\n\n.entity-item-text {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.entity-item-name {\n  font-size: 14px;\n  font-weight: 500;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.entity-item-desc {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  line-height: 1.3;\n}\n\n.entity-item-fav {\n  color: var(--mj-text-muted);\n  opacity: 0;\n  transition: opacity 0.12s;\n  font-size: 11px;\n  cursor: pointer;\n  flex-shrink: 0;\n  background: none;\n  border: none;\n  padding: 4px;\n  align-self: center;\n}\n\n.entity-item:hover .entity-item-fav {\n  opacity: 1;\n}\n\n.entity-item-fav.favorited {\n  opacity: 1;\n  color: var(--mj-status-warning);\n}\n\n/* ============================================\n   QUICK ACCESS PANEL (right slide-in)\n   ============================================ */\n\n.quick-access-panel {\n  position: fixed;\n  top: 0;\n  right: 0;\n  width: 320px;\n  height: 100%;\n  background: var(--mj-bg-surface);\n  border-left: 1px solid var(--mj-border-default);\n  z-index: 50;\n  transform: translateX(100%);\n  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  display: flex;\n  flex-direction: column;\n}\n\n.quick-access-panel.open {\n  transform: translateX(0);\n}\n\n.qa-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--mj-border-default);\n}\n\n.qa-header h3 {\n  font-size: 14px;\n  font-weight: 600;\n  margin: 0;\n}\n\n.qa-close-btn {\n  background: none;\n  border: none;\n  color: var(--mj-text-muted);\n  cursor: pointer;\n  font-size: 14px;\n  padding: 4px;\n  border-radius: 4px;\n}\n\n.qa-close-btn:hover {\n  background: var(--mj-bg-surface-card);\n}\n\n.qa-body {\n  flex: 1;\n  overflow-y: auto;\n}\n\n.qa-section {\n  border-bottom: 1px solid var(--mj-border-default);\n}\n\n.qa-section-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 16px;\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.8px;\n  color: var(--mj-text-muted);\n  cursor: pointer;\n  user-select: none;\n}\n\n.qa-section-header .qa-section-icon {\n  font-size: 12px;\n}\n\n.qa-section-header .qa-section-count {\n  background: var(--mj-bg-surface-card);\n  padding: 0 6px;\n  border-radius: 8px;\n  font-size: 10px;\n  margin-left: auto;\n}\n\n.qa-section-header .qa-section-chevron {\n  font-size: 10px;\n  transition: transform 0.15s;\n}\n\n.qa-section.collapsed .qa-section-chevron {\n  transform: rotate(-90deg);\n}\n\n.qa-section-body {\n  padding: 0 8px 8px;\n}\n\n.qa-section.collapsed .qa-section-body {\n  display: none;\n}\n\n.qa-item {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 8px;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: background 0.08s;\n}\n\n.qa-item:hover {\n  background: var(--mj-bg-surface-card);\n}\n\n.qa-item-icon {\n  width: 28px;\n  height: 28px;\n  border-radius: 6px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  background: var(--mj-bg-surface-card);\n  color: var(--mj-text-secondary);\n  flex-shrink: 0;\n}\n\n.qa-item-info {\n  flex: 1;\n  min-width: 0;\n}\n\n.qa-item-name {\n  font-size: 13px;\n  font-weight: 500;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.qa-item-meta {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n}\n\n.qa-item-time {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n  white-space: nowrap;\n}\n\n.qa-empty {\n  padding: 20px 16px;\n  text-align: center;\n  color: var(--mj-text-muted);\n  font-size: 13px;\n}\n\n/* Quick Access toggle button badge */\n.qa-badge {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  font-size: 10px;\n  font-weight: 600;\n  padding: 0 5px;\n  border-radius: 8px;\n  min-width: 16px;\n  text-align: center;\n}\n\n/* No results state for home view */\n.home-no-results {\n  text-align: center;\n  padding: 40px 20px;\n  color: var(--mj-text-muted);\n}\n\n.home-no-results i {\n  font-size: 28px;\n  margin-bottom: 10px;\n  display: block;\n}\n\n.home-no-results p {\n  font-size: 14px;\n  margin: 0;\n}\n\n.detail-panel {\n  flex-shrink: 0;\n  height: 100%;\n  background: var(--mj-bg-surface);\n  border-left: 1px solid var(--mj-border-default);\n  box-shadow: -4px 0 16px rgba(0, 0, 0, 0.08);\n  overflow: hidden;\n  animation: slideIn 0.2s ease-out;\n  display: flex;\n  flex-direction: column;\n}\n\n.detail-panel mj-entity-record-detail-panel {\n  flex: 1;\n  min-height: 0;\n  overflow: hidden;\n}\n\n@keyframes slideIn {\n  from {\n    transform: translateX(100%);\n    opacity: 0;\n  }\n  to {\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n\n/* Detail Panel Actions Bar */\n.detail-panel-actions {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px;\n  background: var(--mj-bg-surface-card);\n  border-bottom: 1px solid var(--mj-border-default);\n}\n\n.detail-action-btn {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 12px;\n  border: none;\n  border-radius: 6px;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-secondary);\n  font-size: 13px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.15s ease;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n}\n\n.detail-action-btn:hover {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  transform: translateY(-1px);\n  box-shadow: 0 2px 4px color-mix(in srgb, var(--mj-brand-primary) 20%, transparent);\n}\n\n.detail-action-btn i {\n  font-size: 12px;\n}\n\n:host ::ng-deep mj-explorer-grid-view,\n:host ::ng-deep mj-explorer-cards-view {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n}\n\n/* ============================================\n   HOME SCREEN STYLES\n   ============================================ */\n\n/* Home-level header adjustments */\n.content-header.home-header {\n  border-bottom: none;\n  background: transparent;\n  box-shadow: none;\n  padding: 16px 24px 8px;\n}\n\n.content-body.home-content {\n  padding: 0;\n}\n\n/* Smart filter with search icon (entity-level filter) */\n.filter-icon {\n  position: absolute;\n  left: 14px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: var(--mj-text-muted);\n  font-size: 14px;\n  pointer-events: none;\n}\n\n.smart-filter-container .smart-filter-input {\n  padding-left: 40px;\n}\n\n/* ============================================\n   VIEW MODE TOGGLE OVERRIDES\n   ============================================ */\n\n.view-mode-toggle .toggle-btn {\n  width: auto;\n  padding: 0 12px;\n  gap: 6px;\n}\n\n.toggle-label {\n  font-size: 12px;\n  font-weight: 500;\n}\n\n/* ============================================\n   EMPTY STATE VARIANTS\n   ============================================ */\n\n.empty-state.small {\n  height: auto;\n  padding: 32px;\n  background: var(--mj-bg-surface-card);\n}\n\n.empty-state.small .empty-icon {\n  font-size: 40px;\n  margin-bottom: 16px;\n}\n\n.empty-state.small h3 {\n  font-size: 16px;\n}\n\n.empty-state.small p {\n  font-size: 13px;\n}\n\n/* ============================================\n   RESPONSIVE STYLES\n   ============================================ */\n\n@media (max-width: 1200px) {\n  .entity-item-grid {\n    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n  }\n}\n\n@media (max-width: 900px) {\n  .content-header {\n    flex-wrap: wrap;\n    gap: 12px;\n  }\n\n  .header-center {\n    order: 3;\n    flex-basis: 100%;\n    max-width: 100%;\n  }\n\n  .search-hero {\n    padding: 24px 16px 16px;\n  }\n\n  .entity-groups-area {\n    padding: 8px 16px 40px;\n  }\n\n  .app-group-entities {\n    padding-left: 36px;\n  }\n\n  .home-main-area.panel-open {\n    margin-right: 0;\n  }\n\n  .quick-access-panel {\n    width: 100%;\n  }\n}\n\n@media (max-width: 600px) {\n  .data-explorer-container {\n    flex-direction: column;\n  }\n\n  .navigation-panel {\n    display: none;\n  }\n\n  .content-header {\n    padding: 12px 16px;\n  }\n\n  .content-body {\n    padding: 12px 16px;\n  }\n\n  .entity-item-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .view-mode-toggle {\n    display: none;\n  }\n\n  .app-group-name {\n    font-size: 17px;\n  }\n\n  .entity-item-name {\n    font-size: 14px;\n  }\n}\n"] }]
-    }], () => [{ type: i1.ExplorerStateService }, { type: i0.ChangeDetectorRef }, { type: i2.RecentAccessService }, { type: i3.ExportService }, { type: i0.NgZone }], { filterInputRef: [{
+                ], template: "<div class=\"data-explorer-container\">\n  <!-- Navigation Panel (Left) - Hidden at home level, animated -->\n  @if (!isAtHomeLevel) {\n    <div\n      class=\"navigation-panel\"\n      [class.collapsed]=\"state.navigationPanelCollapsed\"\n      [style.width.px]=\"state.navigationPanelCollapsed ? 48 : state.navigationPanelWidth\"\n      [@slideInLeft]>\n\n      <mj-explorer-navigation-panel\n        [entities]=\"entities\"\n        [appEntityGroups]=\"appEntityGroups\"\n        [selectedEntityName]=\"state.selectedEntityName\"\n        [favorites]=\"state.favorites\"\n        [recentItems]=\"state.recentItems\"\n        [collapsed]=\"state.navigationPanelCollapsed\"\n        [allowedEntityNames]=\"allowedEntityNames\"\n        [favoritesSectionExpanded]=\"state.favoritesSectionExpanded\"\n        [recentSectionExpanded]=\"state.recentSectionExpanded\"\n        [entitiesSectionExpanded]=\"state.entitiesSectionExpanded\"\n        [viewsSectionExpanded]=\"state.viewsSectionExpanded\"\n        (entitySelected)=\"onEntitySelected($event)\"\n        (toggleCollapse)=\"toggleNavigationPanel()\"\n        (sectionToggled)=\"stateService.toggleSection($event)\"\n        (openRecord)=\"onOpenRecordFromNav($event)\"\n        (selectRecord)=\"onSelectRecordFromNav($event)\"\n        (expandAndFocus)=\"onExpandAndFocus($event)\">\n      </mj-explorer-navigation-panel>\n    </div>\n  }\n\n  <!-- Main Content Area -->\n  <div class=\"content-area\">\n    <!-- Breadcrumb Bar - Hidden at home level -->\n    @if (!isAtHomeLevel && breadcrumbs.length > 0) {\n      <div class=\"breadcrumb-bar\">\n        @for (crumb of breadcrumbs; track crumb.label; let i = $index; let last = $last) {\n          <span\n            class=\"breadcrumb-item\"\n            [class.clickable]=\"!last\"\n            [class.current]=\"last\"\n            (click)=\"onBreadcrumbClick(crumb, i)\"\n            [title]=\"crumb.label\">\n            @if (crumb.icon) {\n              <i [class]=\"crumb.icon\" class=\"breadcrumb-icon\"></i>\n            }\n            <span class=\"breadcrumb-label\">{{ crumb.label }}</span>\n          </span>\n          @if (!last) {\n            <i class=\"fa-solid fa-chevron-right breadcrumb-separator\"></i>\n          }\n        }\n      </div>\n    }\n\n    <!-- Header -->\n    <div class=\"content-header\" [class.home-header]=\"isAtHomeLevel\">\n      <div class=\"header-left\">\n        @if (selectedEntity) {\n          <i [class]=\"getEntityIcon(selectedEntity)\" class=\"entity-icon\"></i>\n          <h2 class=\"entity-title\">{{ selectedEntity.DisplayNameOrName }}</h2>\n          @if (debouncedFilterText && filteredRecordCount !== totalRecordCount) {\n            <span class=\"record-count\">{{ filteredRecordCount | number }} of {{ totalRecordCount | number }} records</span>\n          } @else {\n            <span class=\"record-count\">{{ totalRecordCount | number }} records</span>\n          }\n\n          <!-- View selector + view header now live inside mj-view-workspace (below). -->\n          <!-- Add-to-List is now owned inside the grid plug-in renderer (it hosts its own dialog). -->\n        } @else {\n          @if (displayIcon) {\n            <i [class]=\"displayIcon\" class=\"entity-icon\"></i>\n          }\n          <h2 class=\"entity-title\">{{ displayTitle }}</h2>\n          <span class=\"record-count\">{{ entities.length }} entities available</span>\n        }\n      </div>\n\n      <div class=\"header-center\">\n        @if (selectedEntity) {\n          <div class=\"smart-filter-container\">\n            <i class=\"fa-solid fa-search filter-icon\"></i>\n            <input\n              #filterInput\n              type=\"text\"\n              class=\"smart-filter-input\"\n              placeholder=\"Filter records... (press / to focus)\"\n              [value]=\"liveFilterText\"\n              (input)=\"onFilterInputChanged(filterInput.value)\"\n            />\n            @if (liveFilterText) {\n              <button class=\"clear-filter-btn\" (click)=\"clearRecordFilter()\">\n                <i class=\"fa-solid fa-times\"></i>\n              </button>\n            }\n          </div>\n        }\n        <!-- Home-level search moved to search hero section -->\n      </div>\n\n      <div class=\"header-right\">\n        @if (selectedEntity) {\n          <!-- View-type switcher AND all view-specific controls (timeline date/orientation/sort,\n               map render mode, etc.) now live inside the plug-in renderers hosted by\n               mj-view-workspace. Nothing view-type-specific lives in this header anymore. -->\n        }\n        @if (!selectedEntity) {\n          <!-- Quick Access panel toggle -->\n          <button\n            class=\"header-action-btn\"\n            [class.active]=\"state.quickAccessPanelOpen\"\n            (click)=\"toggleQuickAccessPanel()\"\n            title=\"Recents & Favorites\">\n            <i class=\"fa-solid fa-clock-rotate-left\"></i>\n            @if (recentRecords.length + favoriteRecords.length > 0) {\n              <span class=\"qa-badge\">{{ recentRecords.length + favoriteRecords.length }}</span>\n            }\n          </button>\n        }\n      </div>\n    </div>\n\n    <!-- Content Body - Using mj-entity-viewer composite -->\n    <div class=\"content-body\" [class.home-content]=\"isAtHomeLevel\">\n      @if (!selectedEntity) {\n        <!-- Concept D: Application Groups + Search-First Home View -->\n        <div class=\"home-view-concept-d\">\n          @if (isLoadingEntities) {\n            <div class=\"loading-state\">\n              <mj-loading text=\"Loading entities...\" size=\"medium\"></mj-loading>\n            </div>\n          } @else {\n            <div class=\"home-main-area\" [class.panel-open]=\"state.quickAccessPanelOpen\">\n              <!-- Search Hero -->\n              <div class=\"search-hero\">\n                <div class=\"search-hero-container\">\n                  <i class=\"fa-solid fa-magnifying-glass search-hero-icon\"></i>\n                  <input\n                    #filterInput\n                    type=\"text\"\n                    class=\"search-hero-input\"\n                    placeholder=\"Search entities...\"\n                    [(ngModel)]=\"entityFilterText\"\n                  />\n                  @if (entityFilterText) {\n                    <button class=\"search-hero-clear\" (click)=\"entityFilterText = ''\">\n                      <i class=\"fa-solid fa-times\"></i>\n                    </button>\n                  } @else {\n                    <span class=\"search-hero-shortcut\">/</span>\n                  }\n                </div>\n\n                <!-- Meta row: entity count + All/Favorites pills -->\n                <div class=\"search-meta-row\">\n                  <span class=\"search-entity-count\">\n                    {{ filteredEntityCount }} entities\n                    @if (applicationCount > 0) {\n                      across {{ applicationCount }} applications\n                    }\n                  </span>\n                  <div class=\"pill-toggle\">\n                    <button\n                      class=\"pill-btn\"\n                      [class.active]=\"state.homeViewMode === 'all'\"\n                      (click)=\"setHomeViewMode('all')\">\n                      All Entities\n                    </button>\n                    <button\n                      class=\"pill-btn\"\n                      [class.active]=\"state.homeViewMode === 'favorites'\"\n                      (click)=\"setHomeViewMode('favorites')\">\n                      <i class=\"fa-solid fa-star\"></i> My Favorites\n                    </button>\n                  </div>\n                </div>\n              </div>\n\n              <!-- Entity Groups Area -->\n              <div class=\"entity-groups-area\">\n                @if (entityFilter?.applicationId) {\n                  <!-- Single-app mode: flat entity grid (no grouping) -->\n                  <div class=\"entity-item-grid\">\n                    @for (entity of flatFilteredEntities; track entity.ID) {\n                      <div\n                        class=\"entity-item\"\n                        (click)=\"onEntitySelected(entity)\"\n                        [title]=\"entity.Description || entity.DisplayNameOrName\">\n                        <div class=\"entity-item-icon\">\n                          <i [class]=\"getEntityIcon(entity)\"></i>\n                        </div>\n                        <div class=\"entity-item-text\">\n                          <span class=\"entity-item-name\">{{ entity.DisplayNameOrName }}</span>\n                          @if (entity.Description) {\n                            <span class=\"entity-item-desc\">{{ entity.Description }}</span>\n                          }\n                        </div>\n                        <button\n                          class=\"entity-item-fav\"\n                          [class.favorited]=\"isEntityFavorited(entity)\"\n                          (click)=\"toggleEntityFavorite(entity, $event)\"\n                          [title]=\"isEntityFavorited(entity) ? 'Remove from favorites' : 'Add to favorites'\">\n                          <i [class]=\"isEntityFavorited(entity) ? 'fa-solid fa-star' : 'fa-regular fa-star'\"></i>\n                        </button>\n                      </div>\n                    }\n                  </div>\n                } @else {\n                  <!-- Multi-app mode: grouped by application -->\n                  @for (group of filteredAppEntityGroups; track group.applicationId) {\n                    <div class=\"app-group\">\n                      <div class=\"app-group-header\" (click)=\"toggleAppGroup(group.applicationId)\">\n                        <div\n                          class=\"app-group-icon\"\n                          [style.background]=\"group.applicationColor ? group.applicationColor + '15' : null\"\n                          [style.color]=\"group.applicationColor || null\">\n                          <i [class]=\"group.applicationIcon || 'fa-solid fa-folder'\"></i>\n                        </div>\n                        <span class=\"app-group-name\">{{ group.applicationName }}</span>\n                        <span class=\"app-group-count\">{{ group.entities.length }}</span>\n                        <i class=\"fa-solid fa-chevron-right app-group-chevron\"\n                           [class.expanded]=\"group.isExpanded\"></i>\n                      </div>\n                      @if (group.isExpanded) {\n                        <div class=\"app-group-entities\">\n                          <div class=\"entity-item-grid\">\n                            @for (entity of group.entities; track entity.ID) {\n                              <div\n                                class=\"entity-item\"\n                                (click)=\"onEntitySelected(entity)\"\n                                [title]=\"entity.Description || entity.DisplayNameOrName\">\n                                <div class=\"entity-item-icon\">\n                                  <i [class]=\"getEntityIcon(entity)\"></i>\n                                </div>\n                                <div class=\"entity-item-text\">\n                                  <span class=\"entity-item-name\">{{ entity.DisplayNameOrName }}</span>\n                                  @if (entity.Description) {\n                                    <span class=\"entity-item-desc\">{{ entity.Description }}</span>\n                                  }\n                                </div>\n                                <button\n                                  class=\"entity-item-fav\"\n                                  [class.favorited]=\"isEntityFavorited(entity)\"\n                                  (click)=\"toggleEntityFavorite(entity, $event)\"\n                                  [title]=\"isEntityFavorited(entity) ? 'Remove from favorites' : 'Add to favorites'\">\n                                  <i [class]=\"isEntityFavorited(entity) ? 'fa-solid fa-star' : 'fa-regular fa-star'\"></i>\n                                </button>\n                              </div>\n                            }\n                          </div>\n                        </div>\n                      }\n                    </div>\n                  }\n                }\n\n                <!-- No results -->\n                @if (filteredEntityCount === 0 && entities.length > 0) {\n                  <div class=\"home-no-results\">\n                    <i class=\"fa-solid fa-magnifying-glass\"></i>\n                    <p>No entities match \"{{ entityFilterText }}\"</p>\n                  </div>\n                }\n                @if (entities.length === 0) {\n                  <div class=\"empty-state\">\n                    <i class=\"fa-solid fa-database empty-icon\"></i>\n                    <h3>No Entities Available</h3>\n                    <p>There are no entities configured for this application.</p>\n                  </div>\n                }\n              </div>\n            </div>\n\n            <!-- Quick Access Panel (right slide-in) -->\n            <div class=\"quick-access-panel\" [class.open]=\"state.quickAccessPanelOpen\">\n              <div class=\"qa-header\">\n                <h3>Quick Access</h3>\n                <button class=\"qa-close-btn\" (click)=\"toggleQuickAccessPanel()\">\n                  <i class=\"fa-solid fa-xmark\"></i>\n                </button>\n              </div>\n              <div class=\"qa-body\">\n                <!-- Recent Records (max 3) -->\n                <div class=\"qa-section\" [class.collapsed]=\"!isQuickAccessSectionExpanded('recentRecords')\">\n                  <div class=\"qa-section-header\" (click)=\"toggleQuickAccessSection('recentRecords')\">\n                    <i class=\"fa-solid fa-clock-rotate-left qa-section-icon\"></i>\n                    <span>Recent Records</span>\n                    <span class=\"qa-section-count\">{{ quickAccessRecentRecords.length }}</span>\n                    <i class=\"fa-solid fa-chevron-down qa-section-chevron\"></i>\n                  </div>\n                  <div class=\"qa-section-body\">\n                    @for (record of quickAccessRecentRecords; track record.entityId + '|' + record.recordId) {\n                      <div class=\"qa-item\" (click)=\"onRecentRecordClick(record)\">\n                        <div class=\"qa-item-icon\">\n                          <i [class]=\"getEntityIconById(record.entityId)\"></i>\n                        </div>\n                        <div class=\"qa-item-info\">\n                          <div class=\"qa-item-name\">{{ record.recordName || record.recordId }}</div>\n                          <div class=\"qa-item-meta\">{{ record.entityName }}</div>\n                        </div>\n                        <span class=\"qa-item-time\">{{ formatRelativeTime(record.latestAt) }}</span>\n                      </div>\n                    }\n                    @if (quickAccessRecentRecords.length === 0) {\n                      <div class=\"qa-empty\">No recent records</div>\n                    }\n                  </div>\n                </div>\n\n                <!-- Recent Entities (max 3) -->\n                <div class=\"qa-section\" [class.collapsed]=\"!isQuickAccessSectionExpanded('recentEntities')\">\n                  <div class=\"qa-section-header\" (click)=\"toggleQuickAccessSection('recentEntities')\">\n                    <i class=\"fa-solid fa-table qa-section-icon\"></i>\n                    <span>Recent Entities</span>\n                    <span class=\"qa-section-count\">{{ quickAccessRecentEntities.length }}</span>\n                    <i class=\"fa-solid fa-chevron-down qa-section-chevron\"></i>\n                  </div>\n                  <div class=\"qa-section-body\">\n                    @for (entity of quickAccessRecentEntities; track entity.ID) {\n                      <div class=\"qa-item\" (click)=\"onEntitySelected(entity)\">\n                        <div class=\"qa-item-icon\">\n                          <i [class]=\"getEntityIcon(entity)\"></i>\n                        </div>\n                        <div class=\"qa-item-info\">\n                          <div class=\"qa-item-name\">{{ entity.DisplayNameOrName }}</div>\n                        </div>\n                      </div>\n                    }\n                    @if (quickAccessRecentEntities.length === 0) {\n                      <div class=\"qa-empty\">No recent entities</div>\n                    }\n                  </div>\n                </div>\n\n                <!-- Favorite Records (max 3) -->\n                <div class=\"qa-section\" [class.collapsed]=\"!isQuickAccessSectionExpanded('favoriteRecords')\">\n                  <div class=\"qa-section-header\" (click)=\"toggleQuickAccessSection('favoriteRecords')\">\n                    <i class=\"fa-solid fa-star qa-section-icon\" style=\"color: var(--mj-status-warning);\"></i>\n                    <span>Favorite Records</span>\n                    <span class=\"qa-section-count\">{{ quickAccessFavoriteRecords.length }}</span>\n                    <i class=\"fa-solid fa-chevron-down qa-section-chevron\"></i>\n                  </div>\n                  <div class=\"qa-section-body\">\n                    @for (record of quickAccessFavoriteRecords; track record.userFavoriteId) {\n                      <div class=\"qa-item\" (click)=\"onFavoriteRecordClick(record)\">\n                        <div class=\"qa-item-icon\">\n                          <i [class]=\"getEntityIconById(record.entityId)\"></i>\n                        </div>\n                        <div class=\"qa-item-info\">\n                          <div class=\"qa-item-name\">{{ record.recordName || record.recordId }}</div>\n                          <div class=\"qa-item-meta\">{{ record.entityName }}</div>\n                        </div>\n                      </div>\n                    }\n                    @if (quickAccessFavoriteRecords.length === 0) {\n                      <div class=\"qa-empty\">No favorite records</div>\n                    }\n                  </div>\n                </div>\n              </div>\n            </div>\n          }\n        </div>\n      } @else {\n        <!--\n          mj-view-workspace owns the saved-view lifecycle (select / save / duplicate / rename /\n          delete / revert / quick-save) and the inner data renderer. Every view type is now a\n          self-contained plug-in: view-type-specific features (export / add-to-list / delete /\n          grid-state / timeline + map controls) live INSIDE the plug-in renderers and no longer\n          bubble through the workspace. The dashboard only handles navigation (open record / open\n          related record / create new record) + the generic filter/data-load/count signals + URL\n          and view-CRUD state sync. AutoSaveView=true \u2192 the workspace persists view CRUD itself.\n        -->\n        <mj-view-workspace\n          [Entity]=\"selectedEntity\"\n          [AutoSaveView]=\"true\"\n          [SelectedView]=\"selectedViewEntity\"\n          [FilterText]=\"debouncedFilterText\"\n          [SelectedRecordId]=\"state.selectedRecordId\"\n          [ViewerConfig]=\"viewerConfig\"\n          (SelectedViewChange)=\"onWorkspaceViewSelected($event)\"\n          (ViewSelected)=\"onWorkspaceViewSelected($event)\"\n          (OpenViewInTabRequested)=\"onOpenInTabRequested($event)\"\n          (OpenRecordRequested)=\"onWorkspaceOpenRecord($event)\"\n          (OpenRelatedRecordRequested)=\"onOpenRelatedRecordRequested($event)\"\n          (CreateNewRecordRequested)=\"onCreateNewRecordRequested($event)\"\n          (RecordSelected)=\"onViewerRecordSelected($event)\"\n          (AfterViewSave)=\"onWorkspaceViewSaved()\"\n          (AfterViewDelete)=\"onWorkspaceViewSaved()\"\n          (FilterTextChanged)=\"onFilterTextChanged($event)\"\n          (DataLoaded)=\"onDataLoaded($event)\"\n          (FilteredCountChanged)=\"onFilteredCountChanged($event)\">\n        </mj-view-workspace>\n      }\n    </div>\n  </div>\n\n  <!-- Detail Panel (Right - Slide In) -->\n  @if (state.detailPanelOpen && selectedRecord) {\n    <div class=\"detail-panel\" [style.width.px]=\"state.detailPanelWidth\">\n      <mj-entity-record-detail-panel\n        [entity]=\"detailPanelEntity\"\n        [record]=\"selectedRecord\"\n        (close)=\"onDetailPanelClosed()\"\n        (openRecord)=\"onOpenRecord($event)\"\n        (navigateToRelated)=\"onNavigateToRelated($event)\"\n        (openRelatedRecord)=\"onOpenRelatedRecord($event)\"\n        (openForeignKeyRecord)=\"onOpenForeignKeyRecord($event)\">\n      </mj-entity-record-detail-panel>\n    </div>\n  }\n\n  <!-- View config panel, filter dialog, quick-save/duplicate/shared-view-warning dialogs\n       now live inside mj-view-workspace (the saved-view lifecycle moved there).\n       Export + Add-to-List dialogs now live inside the grid plug-in renderer (it hosts its own\n       Generic dialogs), so they are no longer rendered at the dashboard level. -->\n</div>\n", styles: [".data-explorer-container {\n  display: flex;\n  height: 100%;\n  width: 100%;\n  background: var(--mj-bg-surface-card);\n  overflow: hidden;\n}\n\n.navigation-panel {\n  flex-shrink: 0;\n  height: 100%;\n  background: var(--mj-bg-surface);\n  border-right: 1px solid var(--mj-border-default);\n  transition: width 0.2s ease-in-out;\n  overflow: hidden;\n  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.04);\n}\n.navigation-panel.collapsed {\n  width: 48px;\n}\n\n.content-area {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-width: 0;\n  overflow: hidden;\n  background: var(--mj-bg-surface-card);\n}\n\n/* Breadcrumb Bar */\n.breadcrumb-bar {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 24px;\n  background: var(--mj-bg-surface);\n  border-bottom: 1px solid var(--mj-border-default);\n  flex-shrink: 0;\n  font-size: 13px;\n  min-height: 40px;\n}\n\n.breadcrumb-item {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  color: var(--mj-text-secondary);\n  padding: 4px 8px;\n  border-radius: 4px;\n  transition: all 0.15s ease;\n  max-width: 200px;\n}\n\n.breadcrumb-item.clickable {\n  cursor: pointer;\n}\n\n.breadcrumb-item.clickable:hover {\n  background: var(--mj-bg-surface-sunken);\n  color: var(--mj-brand-primary);\n}\n\n.breadcrumb-item.current {\n  color: var(--mj-text-primary);\n  font-weight: 500;\n  cursor: default;\n}\n\n.breadcrumb-icon {\n  font-size: 12px;\n  flex-shrink: 0;\n}\n\n.breadcrumb-label {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.breadcrumb-separator {\n  font-size: 10px;\n  color: var(--mj-border-strong);\n  flex-shrink: 0;\n}\n\n.content-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px 24px;\n  background: var(--mj-bg-surface);\n  border-bottom: 1px solid var(--mj-border-default);\n  flex-shrink: 0;\n  gap: 24px;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);\n  position: relative;\n  z-index: 2; /* Above sibling .content-body so header dropdowns render on top of grid/map content */\n}\n\n.header-left {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  flex-shrink: 0;\n  flex-wrap: wrap;\n}\n\n/* View Selector within header */\n.header-left ::ng-deep mj-view-selector {\n  margin-left: 8px;\n}\n\n.entity-icon {\n  font-size: 20px;\n  color: var(--mj-brand-primary);\n}\n\n.entity-title {\n  margin: 0;\n  font-size: 20px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.record-count {\n  font-size: 13px;\n  color: var(--mj-text-secondary);\n  font-weight: 500;\n}\n\n.header-center {\n  flex: 1;\n  max-width: 600px;\n}\n\n.smart-filter-container {\n  position: relative;\n  width: 100%;\n}\n\n.smart-filter-input {\n  width: 100%;\n  padding: 10px 40px 10px 16px;\n  border: 1px solid var(--mj-border-strong);\n  border-radius: 8px;\n  font-size: 14px;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n  transition: all 0.15s ease;\n}\n.smart-filter-input:focus {\n  outline: none;\n  border-color: var(--mj-brand-primary);\n  background: var(--mj-bg-surface);\n  box-shadow: 0 0 0 3px color-mix(in srgb, var(--mj-brand-primary) 10%, transparent);\n}\n.smart-filter-input::placeholder {\n  color: var(--mj-text-muted);\n}\n\n.clear-filter-btn {\n  position: absolute;\n  right: 8px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 28px;\n  height: 28px;\n  border: none;\n  background: transparent;\n  border-radius: 50%;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-muted);\n  transition: all 0.15s ease;\n}\n.clear-filter-btn:hover {\n  background: var(--mj-border-default);\n  color: var(--mj-text-primary);\n}\n\n.header-right {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  flex-shrink: 0;\n}\n\n.view-mode-toggle {\n  display: flex;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 8px;\n  padding: 3px;\n}\n\n.toggle-btn {\n  width: 36px;\n  height: 32px;\n  border: none;\n  background: transparent;\n  border-radius: 6px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-secondary);\n  transition: all 0.15s ease;\n}\n.toggle-btn:hover {\n  color: var(--mj-text-primary);\n}\n.toggle-btn.active {\n  background: var(--mj-bg-surface);\n  color: var(--mj-brand-primary);\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n}\n\n/* Header Action Button (Add to List, etc.) */\n.header-action-btn {\n  position: relative;\n  width: 36px;\n  height: 36px;\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  border-radius: 8px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-secondary);\n  transition: all 0.15s ease;\n  margin-left: 8px;\n}\n.header-action-btn:hover:not(.disabled) {\n  border-color: var(--mj-brand-primary);\n  color: var(--mj-brand-primary);\n  background: color-mix(in srgb, var(--mj-brand-primary) 5%, var(--mj-bg-surface));\n}\n.header-action-btn.disabled {\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n.header-action-btn i {\n  font-size: 14px;\n}\n.selection-badge {\n  position: absolute;\n  top: -6px;\n  right: -6px;\n  min-width: 18px;\n  height: 18px;\n  padding: 0 5px;\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  font-size: 11px;\n  font-weight: 600;\n  border-radius: 9px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);\n}\n\n/* Timeline Date Field Selector - Styled Dropdown */\n.date-field-selector-container {\n  display: flex;\n  align-items: center;\n  position: relative;\n}\n\n.date-field-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: 999;\n  background: transparent;\n}\n\n.date-field-selector-wrapper {\n  position: relative;\n}\n\n.date-field-selector-button {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 6px 12px;\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 6px;\n  cursor: pointer;\n  font-size: 13px;\n  color: var(--mj-text-primary);\n  transition: all 0.15s ease;\n  min-width: 120px;\n  max-width: 200px;\n}\n\n.date-field-selector-button:hover:not(:disabled) {\n  background: var(--mj-bg-surface-hover);\n  border-color: var(--mj-border-strong);\n}\n\n.date-field-selector-button:disabled {\n  cursor: default;\n  opacity: 0.8;\n}\n\n.date-field-selector-button.open {\n  background: var(--mj-bg-surface-active);\n  border-color: var(--mj-brand-primary);\n}\n\n.date-field-icon {\n  color: var(--mj-text-secondary);\n  font-size: 12px;\n}\n\n.date-field-name {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: left;\n}\n\n.date-field-arrow {\n  color: var(--mj-text-secondary);\n  font-size: 10px;\n  transition: transform 0.2s ease;\n}\n\n.date-field-arrow.rotated {\n  transform: rotate(180deg);\n}\n\n.date-field-dropdown-panel {\n  position: absolute;\n  top: calc(100% + 4px);\n  left: 0;\n  min-width: 180px;\n  max-width: 280px;\n  max-height: 300px;\n  overflow-y: auto;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: 8px;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);\n  z-index: 1000;\n}\n\n.date-field-dropdown-item {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 10px 14px;\n  cursor: pointer;\n  transition: background 0.1s ease;\n  font-size: 13px;\n}\n\n.date-field-dropdown-item:hover {\n  background: var(--mj-bg-surface-card);\n}\n\n.date-field-dropdown-item.selected {\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n}\n\n.date-field-dropdown-item.selected:hover {\n  background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n}\n\n.date-field-dropdown-item .item-icon {\n  color: var(--mj-text-secondary);\n  font-size: 13px;\n  width: 16px;\n  text-align: center;\n}\n\n.date-field-dropdown-item .item-name {\n  flex: 1;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.date-field-dropdown-item .selected-check {\n  color: var(--mj-brand-primary);\n  font-size: 12px;\n}\n\n/* View-specific controls \u2014 contextual controls for the active view mode.\n   Positioned LEFT of the view mode toggle with a subtle visual separator. */\n.view-specific-controls {\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  padding: 3px 8px;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 8px;\n  border: 1px solid var(--mj-border-subtle);\n}\n\n.view-specific-btn {\n  width: 30px;\n  height: 30px;\n  border: none;\n  background: transparent;\n  border-radius: 6px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-muted);\n  transition: all 0.15s ease;\n}\n\n.view-specific-btn:hover {\n  color: var(--mj-text-secondary);\n  background: var(--mj-bg-surface-hover);\n}\n\n/* Legacy \u2014 keep for backward compat but no longer used in template */\n.timeline-orientation-toggle {\n  display: flex;\n  background: var(--mj-bg-surface-sunken);\n  border-radius: 8px;\n  padding: 3px;\n}\n\n.content-body {\n  flex: 1;\n  overflow: hidden;\n  padding: 20px 24px;\n  display: flex;\n  flex-direction: column;\n  /* Contain the body's stacking context. The view components inside (grid\n     option menus, the map's Leaflet panes/toolbar, etc.) use z-index values up\n     to ~1000; .content-header sits at z-index 2 (kept below the shell header \u2014\n     see #2701). Without this, those body z-indices leak into the shared context\n     and paint over the header's own dropdowns (view-selector, date-field).\n     `isolation: isolate` flattens all body z-indices into one context beneath\n     the header. Safe because modals + the detail panel render at the dashboard\n     root (outside .content-body), so they still overlay everything. */\n  isolation: isolate;\n}\n\n.loading-container,\n.loading-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  gap: 16px;\n  background: var(--mj-bg-surface);\n  border-radius: 8px;\n}\n\n.loading-spinner {\n  font-size: 32px;\n  color: var(--mj-brand-primary);\n}\n\n.loading-message {\n  margin: 0;\n  font-size: 14px;\n  color: var(--mj-text-secondary);\n}\n\n.empty-state {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  height: 100%;\n  text-align: center;\n  color: var(--mj-text-muted);\n  background: var(--mj-bg-surface);\n  border-radius: 8px;\n  padding: 40px;\n}\n\n.empty-icon {\n  font-size: 64px;\n  color: var(--mj-border-default);\n  margin-bottom: 24px;\n}\n\n.empty-state h3 {\n  margin: 0 0 8px 0;\n  font-size: 20px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n\n.empty-state p {\n  margin: 0;\n  font-size: 14px;\n  max-width: 400px;\n  color: var(--mj-text-secondary);\n}\n\n/* ============================================\n   CONCEPT D: HOME VIEW LAYOUT\n   ============================================ */\n\n.home-view-concept-d {\n  flex: 1;\n  display: flex;\n  overflow: hidden;\n}\n\n.home-main-area {\n  flex: 1;\n  overflow-y: auto;\n  transition: margin-right 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.home-main-area.panel-open {\n  margin-right: 320px;\n}\n\n/* ============================================\n   SEARCH HERO\n   ============================================ */\n\n.search-hero {\n  background: var(--mj-bg-surface);\n  padding: 36px 40px 24px;\n  text-align: center;\n}\n\n.search-hero-container {\n  position: relative;\n  max-width: 600px;\n  margin: 0 auto;\n}\n\n.search-hero-input {\n  width: 100%;\n  padding: 14px 18px 14px 44px;\n  font-size: 15px;\n  border: 2px solid var(--mj-border-default);\n  border-radius: 12px;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-primary);\n  outline: none;\n  transition: all 0.2s;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);\n  font-family: inherit;\n}\n\n.search-hero-input:focus {\n  border-color: var(--mj-brand-primary);\n  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.1), 0 0 0 4px color-mix(in srgb, var(--mj-brand-primary) 8%, transparent);\n}\n\n.search-hero-input::placeholder {\n  color: var(--mj-text-primary);\n}\n\n.search-hero-icon {\n  position: absolute;\n  left: 16px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: var(--mj-text-primary);\n  font-size: 15px;\n  pointer-events: none;\n}\n\n.search-hero-shortcut {\n  position: absolute;\n  right: 14px;\n  top: 50%;\n  transform: translateY(-50%);\n  background: var(--mj-bg-surface-card);\n  border: 1px solid var(--mj-border-default);\n  padding: 2px 7px;\n  border-radius: 5px;\n  font-size: 12px;\n  color: var(--mj-text-muted);\n}\n\n.search-hero-clear {\n  position: absolute;\n  right: 14px;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 28px;\n  height: 28px;\n  border: none;\n  background: transparent;\n  border-radius: 50%;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--mj-text-muted);\n  transition: all 0.15s ease;\n}\n\n.search-hero-clear:hover {\n  background: var(--mj-border-default);\n  color: var(--mj-text-primary);\n}\n\n/* Meta row: entity count + pills */\n.search-meta-row {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 12px;\n  margin-top: 16px;\n}\n\n.search-entity-count {\n  font-size: 13px;\n  color: var(--mj-text-muted);\n}\n\n.pill-toggle {\n  display: flex;\n  gap: 6px;\n}\n\n.pill-btn {\n  padding: 6px 16px;\n  border-radius: 20px;\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  font-size: 13px;\n  color: var(--mj-text-secondary);\n  cursor: pointer;\n  transition: all 0.15s;\n  font-family: inherit;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n\n.pill-btn:hover {\n  border-color: var(--mj-brand-primary);\n  color: var(--mj-brand-primary);\n}\n\n.pill-btn.active {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  border-color: var(--mj-brand-primary);\n}\n\n.pill-btn i {\n  font-size: 11px;\n}\n\n/* ============================================\n   APPLICATION GROUPS\n   ============================================ */\n\n.entity-groups-area {\n  padding: 12px 40px 60px;\n  max-width: 1200px;\n  margin: 0 auto;\n}\n\n.app-group {\n  margin-bottom: 4px;\n}\n\n.app-group-header {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  padding: 12px 14px;\n  cursor: pointer;\n  border-radius: 8px;\n  transition: background 0.12s;\n  user-select: none;\n}\n\n.app-group-header:hover {\n  background: rgba(0, 0, 0, 0.025);\n}\n\n.app-group-icon {\n  width: 38px;\n  height: 38px;\n  border-radius: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 17px;\n  flex-shrink: 0;\n  background: color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n}\n\n.app-group-name {\n  font-size: 21px;\n  font-weight: 600;\n  flex: 1;\n}\n\n.app-group-count {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n  background: var(--mj-bg-surface-card);\n  padding: 2px 9px;\n  border-radius: 10px;\n}\n\n.app-group-chevron {\n  color: var(--mj-text-muted);\n  font-size: 12px;\n  transition: transform 0.2s;\n}\n\n.app-group-chevron.expanded {\n  transform: rotate(90deg);\n}\n\n.app-group-entities {\n  padding: 4px 14px 10px 60px;\n}\n\n/* ============================================\n   ENTITY ITEM GRID (pills)\n   ============================================ */\n\n.entity-item-grid {\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));\n  gap: 12px;\n}\n\n.entity-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  padding: 10px 14px;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: all 0.12s;\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n}\n\n.entity-item:hover {\n  border-color: color-mix(in srgb, var(--mj-brand-primary) 40%, var(--mj-bg-surface));\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);\n  background: color-mix(in srgb, var(--mj-brand-primary) 5%, var(--mj-bg-surface));\n}\n\n.entity-item-icon {\n  width: 32px;\n  height: 32px;\n  border-radius: 8px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 14px;\n  color: var(--mj-text-secondary);\n  background: var(--mj-bg-surface-card);\n  flex-shrink: 0;\n}\n\n.entity-item:hover .entity-item-icon {\n  background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface));\n  color: var(--mj-brand-primary);\n}\n\n.entity-item-text {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n}\n\n.entity-item-name {\n  font-size: 14px;\n  font-weight: 500;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.entity-item-desc {\n  font-size: 12px;\n  color: var(--mj-text-muted);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  line-height: 1.3;\n}\n\n.entity-item-fav {\n  color: var(--mj-text-muted);\n  opacity: 0;\n  transition: opacity 0.12s;\n  font-size: 11px;\n  cursor: pointer;\n  flex-shrink: 0;\n  background: none;\n  border: none;\n  padding: 4px;\n  align-self: center;\n}\n\n.entity-item:hover .entity-item-fav {\n  opacity: 1;\n}\n\n.entity-item-fav.favorited {\n  opacity: 1;\n  color: var(--mj-status-warning);\n}\n\n/* ============================================\n   QUICK ACCESS PANEL (right slide-in)\n   ============================================ */\n\n.quick-access-panel {\n  position: fixed;\n  top: 0;\n  right: 0;\n  width: 320px;\n  height: 100%;\n  background: var(--mj-bg-surface);\n  border-left: 1px solid var(--mj-border-default);\n  z-index: 50;\n  transform: translateX(100%);\n  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n  display: flex;\n  flex-direction: column;\n}\n\n.quick-access-panel.open {\n  transform: translateX(0);\n}\n\n.qa-header {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 12px 16px;\n  border-bottom: 1px solid var(--mj-border-default);\n}\n\n.qa-header h3 {\n  font-size: 14px;\n  font-weight: 600;\n  margin: 0;\n}\n\n.qa-close-btn {\n  background: none;\n  border: none;\n  color: var(--mj-text-muted);\n  cursor: pointer;\n  font-size: 14px;\n  padding: 4px;\n  border-radius: 4px;\n}\n\n.qa-close-btn:hover {\n  background: var(--mj-bg-surface-card);\n}\n\n.qa-body {\n  flex: 1;\n  overflow-y: auto;\n}\n\n.qa-section {\n  border-bottom: 1px solid var(--mj-border-default);\n}\n\n.qa-section-header {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 16px;\n  font-size: 11px;\n  font-weight: 600;\n  text-transform: uppercase;\n  letter-spacing: 0.8px;\n  color: var(--mj-text-muted);\n  cursor: pointer;\n  user-select: none;\n}\n\n.qa-section-header .qa-section-icon {\n  font-size: 12px;\n}\n\n.qa-section-header .qa-section-count {\n  background: var(--mj-bg-surface-card);\n  padding: 0 6px;\n  border-radius: 8px;\n  font-size: 10px;\n  margin-left: auto;\n}\n\n.qa-section-header .qa-section-chevron {\n  font-size: 10px;\n  transition: transform 0.15s;\n}\n\n.qa-section.collapsed .qa-section-chevron {\n  transform: rotate(-90deg);\n}\n\n.qa-section-body {\n  padding: 0 8px 8px;\n}\n\n.qa-section.collapsed .qa-section-body {\n  display: none;\n}\n\n.qa-item {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  padding: 8px;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: background 0.08s;\n}\n\n.qa-item:hover {\n  background: var(--mj-bg-surface-card);\n}\n\n.qa-item-icon {\n  width: 28px;\n  height: 28px;\n  border-radius: 6px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  font-size: 12px;\n  background: var(--mj-bg-surface-card);\n  color: var(--mj-text-secondary);\n  flex-shrink: 0;\n}\n\n.qa-item-info {\n  flex: 1;\n  min-width: 0;\n}\n\n.qa-item-name {\n  font-size: 13px;\n  font-weight: 500;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.qa-item-meta {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n}\n\n.qa-item-time {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n  white-space: nowrap;\n}\n\n.qa-empty {\n  padding: 20px 16px;\n  text-align: center;\n  color: var(--mj-text-muted);\n  font-size: 13px;\n}\n\n/* Quick Access toggle button badge */\n.qa-badge {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  font-size: 10px;\n  font-weight: 600;\n  padding: 0 5px;\n  border-radius: 8px;\n  min-width: 16px;\n  text-align: center;\n}\n\n/* No results state for home view */\n.home-no-results {\n  text-align: center;\n  padding: 40px 20px;\n  color: var(--mj-text-muted);\n}\n\n.home-no-results i {\n  font-size: 28px;\n  margin-bottom: 10px;\n  display: block;\n}\n\n.home-no-results p {\n  font-size: 14px;\n  margin: 0;\n}\n\n.detail-panel {\n  flex-shrink: 0;\n  height: 100%;\n  background: var(--mj-bg-surface);\n  border-left: 1px solid var(--mj-border-default);\n  box-shadow: -4px 0 16px rgba(0, 0, 0, 0.08);\n  overflow: hidden;\n  animation: slideIn 0.2s ease-out;\n  display: flex;\n  flex-direction: column;\n}\n\n.detail-panel mj-entity-record-detail-panel {\n  flex: 1;\n  min-height: 0;\n  overflow: hidden;\n}\n\n@keyframes slideIn {\n  from {\n    transform: translateX(100%);\n    opacity: 0;\n  }\n  to {\n    transform: translateX(0);\n    opacity: 1;\n  }\n}\n\n/* Detail Panel Actions Bar */\n.detail-panel-actions {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 12px;\n  background: var(--mj-bg-surface-card);\n  border-bottom: 1px solid var(--mj-border-default);\n}\n\n.detail-action-btn {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 12px;\n  border: none;\n  border-radius: 6px;\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-secondary);\n  font-size: 13px;\n  font-weight: 500;\n  cursor: pointer;\n  transition: all 0.15s ease;\n  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);\n}\n\n.detail-action-btn:hover {\n  background: var(--mj-brand-primary);\n  color: var(--mj-text-inverse);\n  transform: translateY(-1px);\n  box-shadow: 0 2px 4px color-mix(in srgb, var(--mj-brand-primary) 20%, transparent);\n}\n\n.detail-action-btn i {\n  font-size: 12px;\n}\n\n:host ::ng-deep mj-explorer-grid-view,\n:host ::ng-deep mj-explorer-cards-view {\n  flex: 1;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n}\n\n/* ============================================\n   HOME SCREEN STYLES\n   ============================================ */\n\n/* Home-level header adjustments */\n.content-header.home-header {\n  border-bottom: none;\n  background: transparent;\n  box-shadow: none;\n  padding: 16px 24px 8px;\n}\n\n.content-body.home-content {\n  padding: 0;\n}\n\n/* Smart filter with search icon (entity-level filter) */\n.filter-icon {\n  position: absolute;\n  left: 14px;\n  top: 50%;\n  transform: translateY(-50%);\n  color: var(--mj-text-muted);\n  font-size: 14px;\n  pointer-events: none;\n}\n\n.smart-filter-container .smart-filter-input {\n  padding-left: 40px;\n}\n\n/* ============================================\n   VIEW MODE TOGGLE OVERRIDES\n   ============================================ */\n\n.view-mode-toggle .toggle-btn {\n  width: auto;\n  padding: 0 12px;\n  gap: 6px;\n}\n\n.toggle-label {\n  font-size: 12px;\n  font-weight: 500;\n}\n\n/* ============================================\n   EMPTY STATE VARIANTS\n   ============================================ */\n\n.empty-state.small {\n  height: auto;\n  padding: 32px;\n  background: var(--mj-bg-surface-card);\n}\n\n.empty-state.small .empty-icon {\n  font-size: 40px;\n  margin-bottom: 16px;\n}\n\n.empty-state.small h3 {\n  font-size: 16px;\n}\n\n.empty-state.small p {\n  font-size: 13px;\n}\n\n/* ============================================\n   RESPONSIVE STYLES\n   ============================================ */\n\n@media (max-width: 1200px) {\n  .entity-item-grid {\n    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));\n  }\n}\n\n@media (max-width: 900px) {\n  .content-header {\n    flex-wrap: wrap;\n    gap: 12px;\n  }\n\n  .header-center {\n    order: 3;\n    flex-basis: 100%;\n    max-width: 100%;\n  }\n\n  .search-hero {\n    padding: 24px 16px 16px;\n  }\n\n  .entity-groups-area {\n    padding: 8px 16px 40px;\n  }\n\n  .app-group-entities {\n    padding-left: 36px;\n  }\n\n  .home-main-area.panel-open {\n    margin-right: 0;\n  }\n\n  .quick-access-panel {\n    width: 100%;\n  }\n}\n\n@media (max-width: 600px) {\n  .data-explorer-container {\n    flex-direction: column;\n  }\n\n  .navigation-panel {\n    display: none;\n  }\n\n  .content-header {\n    padding: 12px 16px;\n  }\n\n  .content-body {\n    padding: 12px 16px;\n  }\n\n  .entity-item-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .view-mode-toggle {\n    display: none;\n  }\n\n  .app-group-name {\n    font-size: 17px;\n  }\n\n  .entity-item-name {\n    font-size: 14px;\n  }\n}\n"] }]
+    }], () => [{ type: i1.ExplorerStateService }, { type: i0.ChangeDetectorRef }, { type: i2.RecentAccessService }, { type: i0.NgZone }], { filterInputRef: [{
             type: ViewChild,
             args: ['filterInput']
-        }], viewSelectorRef: [{
-            type: ViewChild,
-            args: [ViewSelectorComponent]
-        }], entityViewerRef: [{
-            type: ViewChild,
-            args: [EntityViewerComponent]
-        }], viewConfigPanelRef: [{
+        }], viewWorkspaceRef: [{
             type: ViewChild,
-            args: [ViewConfigPanelComponent]
+            args: [ViewWorkspaceComponent]
         }], entityFilter: [{
             type: Input
         }], deepLink: [{
@@ -3687,5 +2197,5 @@ export { DataExplorerDashboardComponent };
             type: HostListener,
             args: ['document:keydown', ['$event']]
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DataExplorerDashboardComponent, { className: "DataExplorerDashboardComponent", filePath: "src/DataExplorer/data-explorer-dashboard.component.ts", lineNumber: 77 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DataExplorerDashboardComponent, { className: "DataExplorerDashboardComponent", filePath: "src/DataExplorer/data-explorer-dashboard.component.ts", lineNumber: 55 }); })();
 //# sourceMappingURL=data-explorer-dashboard.component.js.map