@firestitch/report 18.13.0 → 18.14.0

package/fesm2022/{firestitch-report-echarts-EecIloKo.mjs → firestitch-report-echarts-DMflI6jp.mjs}

@@ -4,7 +4,7 @@ import * as echarts from 'echarts/core';
 export { echarts as default };
 import { LabelLayout } from 'echarts/features';
 import { CanvasRenderer } from 'echarts/renderers';
-import { R as REPORT_CHART_COLORS_CSS, a as REPORT_CHART_FONT_FAMILY, b as REPORT_AXIS_LABEL_FONT_SIZE } from './firestitch-report-firestitch-report-DbdLxQSE.mjs';
+import { R as REPORT_CHART_COLORS_CSS, a as REPORT_CHART_FONT_FAMILY, b as REPORT_AXIS_LABEL_FONT_SIZE } from './firestitch-report-firestitch-report-C94rjx24.mjs';
 
 // Tree-shaken ECharts build for the reports renderer: only the chart types and
 // components the option-builder emits are registered, keeping the lazy chunk
@@ -63,4 +63,4 @@ echarts.registerTheme('report', {
         axisLabel: { color: '#52606d', fontSize: REPORT_AXIS_LABEL_FONT_SIZE },
     },
 });
-//# sourceMappingURL=firestitch-report-echarts-EecIloKo.mjs.map
+//# sourceMappingURL=firestitch-report-echarts-DMflI6jp.mjs.map

package/fesm2022/{firestitch-report-echarts-EecIloKo.mjs.map → firestitch-report-echarts-DMflI6jp.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"firestitch-report-echarts-EecIloKo.mjs","sources":["../../src/app/reports/theme/echarts.ts"],"sourcesContent":["// Tree-shaken ECharts build for the reports renderer: only the chart types and\n// components the option-builder emits are registered, keeping the lazy chunk\n// lean. Loaded on demand by ngx-echarts via provideEchartsCore — see\n// REPORT_ECHARTS_PROVIDERS in reports-echarts.provider.ts.\n//\n// The canvas renderer (not SVG) is deliberate: chart.getDataURL() needs it for\n// the high-res images the PPT/PDF exports will use.\n\nimport { BarChart, LineChart, PieChart } from 'echarts/charts';\nimport {\n  DatasetComponent,\n  GridComponent,\n  LegendComponent,\n  MarkAreaComponent,\n  MarkLineComponent,\n  TooltipComponent,\n} from 'echarts/components';\nimport * as echarts from 'echarts/core';\nimport { LabelLayout } from 'echarts/features';\nimport { CanvasRenderer } from 'echarts/renderers';\n\nimport { REPORT_CHART_COLORS_CSS } from './palette';\nimport { REPORT_AXIS_LABEL_FONT_SIZE, REPORT_CHART_FONT_FAMILY } from './typography';\n\necharts.use([\n  BarChart,\n  LineChart,\n  PieChart,\n  GridComponent,\n  TooltipComponent,\n  LegendComponent,\n  DatasetComponent,\n  // Reference lines and statistic lines (markLine), reference bands\n  // (markArea), and the overlap hiding of 'auto' data labels (LabelLayout).\n  MarkLineComponent,\n  MarkAreaComponent,\n  LabelLayout,\n  CanvasRenderer,\n]);\n\n// The house theme — the single place report chart \"standards\" live (palette,\n// typography, tooltip styling). Polished defaults now; refined in the polish\n// phase.\necharts.registerTheme('report', {\n  color: REPORT_CHART_COLORS_CSS,\n  textStyle: {\n    fontFamily: REPORT_CHART_FONT_FAMILY,\n  },\n  title: {\n    textStyle: { color: '#1f2933', fontSize: 14, fontWeight: 600 },\n  },\n  legend: {\n    textStyle: { color: '#52606d', fontSize: 11 },\n  },\n  tooltip: {\n    backgroundColor: 'rgba(31, 41, 51, 0.92)',\n    borderWidth: 0,\n    textStyle: { color: '#fff', fontSize: 12 },\n  },\n  categoryAxis: {\n    axisLine: { lineStyle: { color: '#cbd2d9' } },\n    axisTick: { show: false },\n    axisLabel: { color: '#52606d', fontSize: REPORT_AXIS_LABEL_FONT_SIZE },\n    splitLine: { show: false },\n  },\n  valueAxis: {\n    axisLine: { show: false },\n    axisLabel: { color: '#52606d', fontSize: REPORT_AXIS_LABEL_FONT_SIZE },\n    splitLine: { lineStyle: { color: '#e4e7eb' } },\n  },\n  timeAxis: {\n    axisLine: { lineStyle: { color: '#cbd2d9' } },\n    axisLabel: { color: '#52606d', fontSize: REPORT_AXIS_LABEL_FONT_SIZE },\n  },\n});\n\nexport default echarts;\n"],"names":[],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAkBA,OAAO,CAAC,GAAG,CAAC;IACV,QAAQ;IACR,SAAS;IACT,QAAQ;IACR,aAAa;IACb,gBAAgB;IAChB,eAAe;IACf,gBAAgB;;;IAGhB,iBAAiB;IACjB,iBAAiB;IACjB,WAAW;IACX,cAAc;AACf,CAAA,CAAC,CAAC;AAEH;AACA;AACA;AACA,OAAO,CAAC,aAAa,CAAC,QAAQ,EAAE;AAC9B,IAAA,KAAK,EAAE,uBAAuB;AAC9B,IAAA,SAAS,EAAE;AACT,QAAA,UAAU,EAAE,wBAAwB;AACrC,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE;AAC/D,KAAA;AACD,IAAA,MAAM,EAAE;QACN,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;AAC9C,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,eAAe,EAAE,wBAAwB;AACzC,QAAA,WAAW,EAAE,CAAC;QACd,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE;AAC3C,KAAA;AACD,IAAA,YAAY,EAAE;QACZ,QAAQ,EAAE,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;AAC7C,QAAA,QAAQ,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;QACzB,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,2BAA2B,EAAE;AACtE,QAAA,SAAS,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;AAC3B,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,QAAQ,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;QACzB,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,2BAA2B,EAAE;QACtE,SAAS,EAAE,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;AAC/C,KAAA;AACD,IAAA,QAAQ,EAAE;QACR,QAAQ,EAAE,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;QAC7C,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,2BAA2B,EAAE;AACvE,KAAA;AACF,CAAA,CAAC"}
+{"version":3,"file":"firestitch-report-echarts-DMflI6jp.mjs","sources":["../../src/app/reports/theme/echarts.ts"],"sourcesContent":["// Tree-shaken ECharts build for the reports renderer: only the chart types and\n// components the option-builder emits are registered, keeping the lazy chunk\n// lean. Loaded on demand by ngx-echarts via provideEchartsCore — see\n// REPORT_ECHARTS_PROVIDERS in reports-echarts.provider.ts.\n//\n// The canvas renderer (not SVG) is deliberate: chart.getDataURL() needs it for\n// the high-res images the PPT/PDF exports will use.\n\nimport { BarChart, LineChart, PieChart } from 'echarts/charts';\nimport {\n  DatasetComponent,\n  GridComponent,\n  LegendComponent,\n  MarkAreaComponent,\n  MarkLineComponent,\n  TooltipComponent,\n} from 'echarts/components';\nimport * as echarts from 'echarts/core';\nimport { LabelLayout } from 'echarts/features';\nimport { CanvasRenderer } from 'echarts/renderers';\n\nimport { REPORT_CHART_COLORS_CSS } from './palette';\nimport { REPORT_AXIS_LABEL_FONT_SIZE, REPORT_CHART_FONT_FAMILY } from './typography';\n\necharts.use([\n  BarChart,\n  LineChart,\n  PieChart,\n  GridComponent,\n  TooltipComponent,\n  LegendComponent,\n  DatasetComponent,\n  // Reference lines and statistic lines (markLine), reference bands\n  // (markArea), and the overlap hiding of 'auto' data labels (LabelLayout).\n  MarkLineComponent,\n  MarkAreaComponent,\n  LabelLayout,\n  CanvasRenderer,\n]);\n\n// The house theme — the single place report chart \"standards\" live (palette,\n// typography, tooltip styling). Polished defaults now; refined in the polish\n// phase.\necharts.registerTheme('report', {\n  color: REPORT_CHART_COLORS_CSS,\n  textStyle: {\n    fontFamily: REPORT_CHART_FONT_FAMILY,\n  },\n  title: {\n    textStyle: { color: '#1f2933', fontSize: 14, fontWeight: 600 },\n  },\n  legend: {\n    textStyle: { color: '#52606d', fontSize: 11 },\n  },\n  tooltip: {\n    backgroundColor: 'rgba(31, 41, 51, 0.92)',\n    borderWidth: 0,\n    textStyle: { color: '#fff', fontSize: 12 },\n  },\n  categoryAxis: {\n    axisLine: { lineStyle: { color: '#cbd2d9' } },\n    axisTick: { show: false },\n    axisLabel: { color: '#52606d', fontSize: REPORT_AXIS_LABEL_FONT_SIZE },\n    splitLine: { show: false },\n  },\n  valueAxis: {\n    axisLine: { show: false },\n    axisLabel: { color: '#52606d', fontSize: REPORT_AXIS_LABEL_FONT_SIZE },\n    splitLine: { lineStyle: { color: '#e4e7eb' } },\n  },\n  timeAxis: {\n    axisLine: { lineStyle: { color: '#cbd2d9' } },\n    axisLabel: { color: '#52606d', fontSize: REPORT_AXIS_LABEL_FONT_SIZE },\n  },\n});\n\nexport default echarts;\n"],"names":[],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAkBA,OAAO,CAAC,GAAG,CAAC;IACV,QAAQ;IACR,SAAS;IACT,QAAQ;IACR,aAAa;IACb,gBAAgB;IAChB,eAAe;IACf,gBAAgB;;;IAGhB,iBAAiB;IACjB,iBAAiB;IACjB,WAAW;IACX,cAAc;AACf,CAAA,CAAC,CAAC;AAEH;AACA;AACA;AACA,OAAO,CAAC,aAAa,CAAC,QAAQ,EAAE;AAC9B,IAAA,KAAK,EAAE,uBAAuB;AAC9B,IAAA,SAAS,EAAE;AACT,QAAA,UAAU,EAAE,wBAAwB;AACrC,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE;AAC/D,KAAA;AACD,IAAA,MAAM,EAAE;QACN,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;AAC9C,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,eAAe,EAAE,wBAAwB;AACzC,QAAA,WAAW,EAAE,CAAC;QACd,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE;AAC3C,KAAA;AACD,IAAA,YAAY,EAAE;QACZ,QAAQ,EAAE,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;AAC7C,QAAA,QAAQ,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;QACzB,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,2BAA2B,EAAE;AACtE,QAAA,SAAS,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;AAC3B,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,QAAQ,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE;QACzB,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,2BAA2B,EAAE;QACtE,SAAS,EAAE,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;AAC/C,KAAA;AACD,IAAA,QAAQ,EAAE;QACR,QAAQ,EAAE,EAAE,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE;QAC7C,SAAS,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,2BAA2B,EAAE;AACvE,KAAA;AACF,CAAA,CAAC"}

package/fesm2022/{firestitch-report-firestitch-report-DbdLxQSE.mjs → firestitch-report-firestitch-report-C94rjx24.mjs}

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, Injectable, signal, computed, DestroyRef, Component, ChangeDetectionStrategy, input, model, output, untracked, NgZone, Pipe, viewChild, ElementRef, Injector, effect, afterNextRender, EventEmitter, Input, Output, ViewChild, HostBinding, ViewChildren, ApplicationRef, EnvironmentInjector, createComponent, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import { inject, Injectable, signal, computed, DestroyRef, Component, ChangeDetectionStrategy, input, model, output, untracked, NgZone, Pipe, Injector, effect, viewChild, ElementRef, afterNextRender, EventEmitter, Input, Output, ViewChild, HostBinding, ViewChildren, ApplicationRef, EnvironmentInjector, createComponent, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
 import * as i1$1 from '@angular/forms';
 import { FormsModule, ControlContainer, NgForm } from '@angular/forms';
 import * as i3$3 from '@angular/material/button';
@@ -29,20 +29,20 @@ import * as i3$1 from '@firestitch/zoom-pan';
 import { FsZoomPanComponent, FsZoomPanModule } from '@firestitch/zoom-pan';
 import { of, forkJoin, Subject, defer, merge, map as map$1, switchMap as switchMap$1, timer, catchError as catchError$1, filter as filter$1, mergeMap, EMPTY, concatWith, throwError, tap as tap$1, distinctUntilChanged, from, debounceTime, BehaviorSubject } from 'rxjs';
 import { FsApi, RequestMethod, StreamEventType, DisplayApiError } from '@firestitch/api';
-import { GridFieldType, GridGranularity, canonicalGridLayout, convertDateFilter, GridFormat, GridUnits, FsGridComponent, FsGridCellDirective, GridRowKind, readGridTable } from '@firestitch/grid';
+import { GridFieldType, GridGranularity, canonicalGridLayout, convertDateFilter, GridNoteCode, GridControlState, GridFormat, GridUnits, FsGridComponent, FsGridCellDirective, GridRowKind, readGridTable } from '@firestitch/grid';
 import { parseISO, isValid, addDays, min, max, startOfDay, isLastDayOfMonth, endOfMonth, addMonths, addYears, addQuarters, addWeeks, formatISO, format, startOfYear, startOfQuarter, startOfMonth, subMonths, subDays, subWeeks, startOfWeek, endOfWeek } from 'date-fns';
 import { toZonedTime } from 'date-fns-tz';
 import { MatProgressSpinner } from '@angular/material/progress-spinner';
 import { MatCheckbox } from '@angular/material/checkbox';
 import * as i3 from '@firestitch/dialog';
 import { FsDialogModule } from '@firestitch/dialog';
+import { FsPopoverDirective } from '@firestitch/popover';
 import { HttpErrorResponse, HttpContext } from '@angular/common/http';
 import { NgTemplateOutlet, DOCUMENT } from '@angular/common';
 import * as i1 from '@firestitch/list';
 import { FsListComponent, PaginationStrategy, FsListModule } from '@firestitch/list';
 import { DomSanitizer } from '@angular/platform-browser';
 import { Plugin, FsHtmlEditorComponent } from '@firestitch/html-editor';
-import { FsPopoverDirective } from '@firestitch/popover';
 import { MatFormField, MatHint, MatLabel, MatSuffix } from '@angular/material/form-field';
 import { MatInput } from '@angular/material/input';
 import { MatOption, MatSelect } from '@angular/material/select';
@@ -114,7 +114,8 @@ function canvasLandingPage(input) {
 // cascadingOptions narrows a select's list by the other filters of its tile
 // (ReportFilterOptionsService). drill is a time chart's click down, with
 // the tile header's breadcrumb and its menu's Drill up and Back to top as the
-// way back.
+// way back. grid is a table tile drawn by fs-grid: a server that serves it
+// sends a table only to a viewer that names it.
 const VIEWER_FEATURES = [
     'scopeFilters',
     'excludeValues',
@@ -123,6 +124,7 @@ const VIEWER_FEATURES = [
     'pageScope',
     'cascadingOptions',
     'drill',
+    'grid',
 ];
 // The features a report offers on this screen: the ones its server serves
 // (Report.viewerFeatures) that this viewer also implements.
@@ -2417,16 +2419,16 @@ const COMPARED_PRIOR_PREFIX = 'vs';
 // The tooltip's last line on a chart whose marks act on a click
 // (markActionHint): one action by its full name, several by their short
 // names, in this order. Interface text, English in every report locale.
-const MARK_ACTION_ORDER = ['drill', 'crossFilter', 'detail'];
+const MARK_ACTION_ORDER = ['drill', 'crossFilter', 'showRows'];
 const MARK_ACTION_HINTS = {
     drill: 'drill down',
     crossFilter: 'filter other tiles',
-    detail: 'show rows',
+    showRows: 'show rows',
 };
 const MARK_ACTION_SHORT_HINTS = {
     drill: 'drill down',
     crossFilter: 'filter',
-    detail: 'show rows',
+    showRows: 'show rows',
 };
 // The words a statistic line's label starts with. They are interface text,
 // English in every report locale; only the value after them follows it.
@@ -6105,6 +6107,47 @@ function grainedGridLayout(layout, field, granularity) {
         .filter((item) => !!item);
     return { layout: { ...layout, filters }, cleared: converted ? null : { field, granularity: grain } };
 }
+// The notes that leave a filter out of a read, by the filter's index (filters.N...)
+const PRUNED_FILTER_CODES = new Set([
+    GridNoteCode.FieldMissing,
+    GridNoteCode.CannotFilter,
+    GridNoteCode.FilterRefused,
+    GridNoteCode.GranularityRefused,
+]);
+// The notes that leave a sort term out of a read, by the term's index (sort.N...)
+const PRUNED_SORT_CODES = new Set([
+    GridNoteCode.FieldMissing,
+    GridNoteCode.SortRefused,
+]);
+// A viewer's layout of a table once its first read is in: the filters and sort
+// terms that read refused (a field the query no longer has, a filter or grain
+// the field no longer takes) are taken out, so the stored session layout holds
+// only what applies. When the author turned filtering off (`filter`, the
+// tile's controls.filter), the viewer's filters give way to the authored ones
+// (`authored`), which a viewer cannot change. The layout comes back as it is
+// when nothing changes.
+function prunedGridLayout(layout, notes, filter, authored = []) {
+    const filters = layout.filters ?? [];
+    const sort = layout.sort ?? [];
+    const filterIndexes = notedIndexes(notes, 'filters', PRUNED_FILTER_CODES);
+    const sortIndexes = notedIndexes(notes, 'sort', PRUNED_SORT_CODES);
+    const canFilter = (filter ?? GridControlState.Enabled) === GridControlState.Enabled;
+    const keptFilters = canFilter ? filters.filter((_item, index) => !filterIndexes.has(index)) : [...authored];
+    const keptSort = sort.filter((_term, index) => !sortIndexes.has(index));
+    const isFiltersKept = JSON.stringify(keptFilters) === JSON.stringify(filters);
+    return isFiltersKept && keptSort.length === sort.length
+        ? layout
+        : { ...layout, filters: keptFilters, sort: keptSort };
+}
+// The indexes under `key` (key.N or key.N.part) the notes of `codes` name
+function notedIndexes(notes, key, codes) {
+    const pattern = new RegExp(`^${key}\\.(\\d+)(\\.|$)`);
+    return new Set(notes
+        .filter((note) => codes.has(note.code))
+        .map((note) => pattern.exec(note.path ?? ''))
+        .filter((match) => !!match)
+        .map((match) => Number(match[1])));
+}
 
 // Whether two stored filter-group defaults are the same. Compared on the fields a
 // default can actually carry, so key order in the payload can't read as a change.
@@ -6197,7 +6240,7 @@ function defaultSignature(group) {
 }
 // The temporary layer with nothing picked.
 function emptyTemporaryState() {
-    return { crossFilters: [], detail: null };
+    return { crossFilters: [], showRows: null };
 }
 // Viewer filter state for the open report. Filter VALUES are never saved to
 // the report — this service holds them per filter GROUP (the propagation unit),
@@ -7792,7 +7835,7 @@ function normalizedCardSettings(settings) {
 const MARK_ACTION_LABELS = {
     drill: 'Drill down',
     crossFilter: 'Filter other tiles',
-    detail: 'Show rows',
+    showRows: 'Show rows',
 };
 // Where a click was and what made it. A PointerEvent names its pointer; a
 // TouchEvent is a touch; anything else (a plain MouseEvent, a key press
@@ -8394,6 +8437,9 @@ class ReportGridSource {
     _componentId;
     // The report line of the latest read, null until one arrives.
     report = signal(null);
+    // The summary of the latest read (its version and notes), null until one
+    // arrives.
+    summary = signal(null);
     _isExport;
     _locale;
     constructor(_reportData, _reportId, _componentId, options = {}) {
@@ -8413,7 +8459,13 @@ class ReportGridSource {
                     return EMPTY;
                 }
                 return this._part$(event.data);
-            }), concatWith(defer(() => (summary ? of(summary) : throwError(() => new Error(STREAM_CUT))))), catchError$1((error) => throwError(() => readError(error))));
+            }), concatWith(defer(() => {
+                if (!summary) {
+                    return throwError(() => new Error(STREAM_CUT));
+                }
+                this.summary.set(summary);
+                return of(summary);
+            })), catchError$1((error) => throwError(() => readError(error))));
         });
     }
     _stream$(request, params) {
@@ -8618,7 +8670,11 @@ function decimalMark(locale) {
 // - fs-grid compares the layout and params by value: a cloned value never
 //   reads again.
 // - An output's detail cell is drawn by fsReportGridCell, so a change tells
-//   a missing prior from a zero one and says why on hover, as a list does.
+//   a missing prior from a zero one, as a list does; a click on it opens
+//   why, as no cell carries a native tooltip.
+// - After the tile's first read, the viewer's layout loses the filters and
+//   sort terms that read refused (prunedGridLayout), so stale tile state
+//   (a field the AI took out of the query) does not linger.
 class ComponentGridComponent {
     reportId = input.required();
     component = input.required();
@@ -8642,11 +8698,15 @@ class ComponentGridComponent {
     _reportData = inject(ReportData);
     _filterState = inject(ReportFilterStateService);
     _destroyRef = inject(DestroyRef);
+    _injector = inject(Injector);
+    // Whether the first read's notes have pruned the viewer's layout.
+    _isPruned = false;
     // The state version the params on screen were read under.
     _paramsVersion = 0;
     ngOnInit() {
         this.expansion.set(this._filterState.gridExpansion(this.component()));
         this._init();
+        this._pruneAfterFirstRead();
     }
     setLayout(layout) {
         this._filterState.setGridLayout(this.component(), layout);
@@ -8666,6 +8726,30 @@ class ComponentGridComponent {
                 .subscribe(() => this._applyParams());
         }
     }
+    // Once the tile's first read is in, its notes prune the viewer's layout
+    // (prunedGridLayout). A tile showing its authored layout has nothing to
+    // prune.
+    _pruneAfterFirstRead() {
+        effect(() => {
+            const summary = this.source().summary();
+            if (!summary || this._isPruned) {
+                return;
+            }
+            this._isPruned = true;
+            untracked(() => this._prune(summary.notes ?? []));
+        }, { injector: this._injector, allowSignalWrites: true });
+    }
+    _prune(notes) {
+        const component = this.component();
+        const session = this._filterState.gridSessionLayout(component);
+        if (!session) {
+            return;
+        }
+        const pruned = prunedGridLayout(session, notes, this.controls().filter, authoredGridLayout(component).filters);
+        if (pruned !== session) {
+            this._filterState.setGridLayout(component, pruned);
+        }
+    }
     // A change, once it has settled: at once when the state version moved,
     // else after the debounce; dropped when the version moves while it waits,
     // since that move brings its own change.
@@ -8691,16 +8775,17 @@ class ComponentGridComponent {
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ComponentGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ComponentGridComponent, isStandalone: true, selector: "app-report-component-grid", inputs: { reportId: { classPropertyName: "reportId", publicName: "reportId", isSignal: true, isRequired: true, transformFunction: null }, component: { classPropertyName: "component", publicName: "component", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<!-- The comparison and window note strip above the table, from the report\n     line of the latest read; the windows' descriptions and notes go in each\n     column's \"About this column\" instead. -->\n<div class=\"fs-column grid-pane\">\n  <app-report-component-note\n    [data]=\"noteData()\"\n    [windowNotes]=\"false\">\n  </app-report-component-note>\n  <!-- The params are seeded before the first render, so the grid's first read\n       carries the tile's report filters. -->\n  @if (params(); as params) {\n    <fs-grid\n      class=\"fs-flex\"\n      [source]=\"source()\"\n      [layout]=\"layout()\"\n      [expansion]=\"expansion()\"\n      [clearedFilter]=\"clearedFilter()\"\n      (expansionChange)=\"setExpansion($event)\"\n      [params]=\"params\"\n      [controls]=\"controls()\"\n      [formatter]=\"formatter()\"\n      (layoutChange)=\"setLayout($event)\">\n      <ng-template fsGridCell let-value let-field=\"field\" let-record=\"record\" let-text=\"text\">\n        @if (value | fsReportGridCell: field : record : text : noteData() : formatContext(); as shown) {\n          <span [attr.title]=\"shown.title\">{{ shown.text }}</span>\n        }\n      </ng-template>\n    </fs-grid>\n  }\n</div>\n", styles: [":host{display:block;height:100%}.grid-pane{height:100%;min-height:0}fs-grid{min-height:0}\n"], dependencies: [{ kind: "component", type: FsGridComponent, selector: "fs-grid", inputs: ["source", "layout", "controls", "params", "expansion", "panel", "editorOpen", "formatter", "clearedFilter"], outputs: ["layoutChange", "expansionChange", "panelChange", "editorOpenChange"] }, { kind: "directive", type: FsGridCellDirective, selector: "[fsGridCell]" }, { kind: "component", type: ComponentNoteComponent, selector: "app-report-component-note", inputs: ["data", "windows", "windowDescriptions", "windowNotes"] }, { kind: "pipe", type: ReportGridCellPipe, name: "fsReportGridCell" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ComponentGridComponent, isStandalone: true, selector: "app-report-component-grid", inputs: { reportId: { classPropertyName: "reportId", publicName: "reportId", isSignal: true, isRequired: true, transformFunction: null }, component: { classPropertyName: "component", publicName: "component", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<!-- The comparison and window note strip above the table, from the report\n     line of the latest read; the windows' descriptions and notes go in each\n     column's \"About this column\" instead. -->\n<div class=\"fs-column grid-pane\">\n  <app-report-component-note\n    [data]=\"noteData()\"\n    [windowNotes]=\"false\">\n  </app-report-component-note>\n  <!-- The params are seeded before the first render, so the grid's first read\n       carries the tile's report filters. -->\n  @if (params(); as params) {\n    <fs-grid\n      class=\"fs-flex\"\n      [source]=\"source()\"\n      [layout]=\"layout()\"\n      [expansion]=\"expansion()\"\n      [clearedFilter]=\"clearedFilter()\"\n      (expansionChange)=\"setExpansion($event)\"\n      [params]=\"params\"\n      [controls]=\"controls()\"\n      [formatter]=\"formatter()\"\n      (layoutChange)=\"setLayout($event)\">\n      <ng-template fsGridCell let-value let-field=\"field\" let-record=\"record\" let-text=\"text\">\n        @if (value | fsReportGridCell: field : record : text : noteData() : formatContext(); as shown) {\n          <!-- A cell that says why (a missing or zero prior) opens it on a\n               click; no cell carries a native tooltip. -->\n          @if (shown.title) {\n            <span\n                class=\"explained\"\n                fsPopover\n                trigger=\"click\"\n                [template]=\"explanation\"\n                [indication]=\"false\"\n                [maxWidth]=\"320\">\n              {{ shown.text }}\n            </span>\n            <ng-template #explanation>{{ shown.title }}</ng-template>\n          } @else {\n            <span>{{ shown.text }}</span>\n          }\n        }\n      </ng-template>\n    </fs-grid>\n  }\n</div>\n", styles: [":host{display:block;height:100%}.grid-pane{height:100%;min-height:0}fs-grid{min-height:0}.explained{cursor:pointer;text-decoration:underline dotted;text-underline-offset:2px}\n"], dependencies: [{ kind: "component", type: FsGridComponent, selector: "fs-grid", inputs: ["source", "layout", "controls", "params", "expansion", "panel", "editorOpen", "formatter", "clearedFilter"], outputs: ["layoutChange", "expansionChange", "panelChange", "editorOpenChange"] }, { kind: "directive", type: FsGridCellDirective, selector: "[fsGridCell]" }, { kind: "directive", type: FsPopoverDirective, selector: "[fsPopover]", inputs: ["text", "template", "data", "leaveDelay", "showDelay", "maxWidth", "maxHeight", "wrapperClass", "autoShow", "autoClose", "loadingDiameter", "loading", "indication", "position", "theme", "size", "trigger", "enabled", "panel"], outputs: ["closed"], exportAs: ["fsPopover"] }, { kind: "component", type: ComponentNoteComponent, selector: "app-report-component-note", inputs: ["data", "windows", "windowDescriptions", "windowNotes"] }, { kind: "pipe", type: ReportGridCellPipe, name: "fsReportGridCell" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ComponentGridComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-report-component-grid', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         FsGridComponent,
                         FsGridCellDirective,
+                        FsPopoverDirective,
                         ComponentNoteComponent,
                         ReportGridCellPipe,
-                    ], template: "<!-- The comparison and window note strip above the table, from the report\n     line of the latest read; the windows' descriptions and notes go in each\n     column's \"About this column\" instead. -->\n<div class=\"fs-column grid-pane\">\n  <app-report-component-note\n    [data]=\"noteData()\"\n    [windowNotes]=\"false\">\n  </app-report-component-note>\n  <!-- The params are seeded before the first render, so the grid's first read\n       carries the tile's report filters. -->\n  @if (params(); as params) {\n    <fs-grid\n      class=\"fs-flex\"\n      [source]=\"source()\"\n      [layout]=\"layout()\"\n      [expansion]=\"expansion()\"\n      [clearedFilter]=\"clearedFilter()\"\n      (expansionChange)=\"setExpansion($event)\"\n      [params]=\"params\"\n      [controls]=\"controls()\"\n      [formatter]=\"formatter()\"\n      (layoutChange)=\"setLayout($event)\">\n      <ng-template fsGridCell let-value let-field=\"field\" let-record=\"record\" let-text=\"text\">\n        @if (value | fsReportGridCell: field : record : text : noteData() : formatContext(); as shown) {\n          <span [attr.title]=\"shown.title\">{{ shown.text }}</span>\n        }\n      </ng-template>\n    </fs-grid>\n  }\n</div>\n", styles: [":host{display:block;height:100%}.grid-pane{height:100%;min-height:0}fs-grid{min-height:0}\n"] }]
+                    ], template: "<!-- The comparison and window note strip above the table, from the report\n     line of the latest read; the windows' descriptions and notes go in each\n     column's \"About this column\" instead. -->\n<div class=\"fs-column grid-pane\">\n  <app-report-component-note\n    [data]=\"noteData()\"\n    [windowNotes]=\"false\">\n  </app-report-component-note>\n  <!-- The params are seeded before the first render, so the grid's first read\n       carries the tile's report filters. -->\n  @if (params(); as params) {\n    <fs-grid\n      class=\"fs-flex\"\n      [source]=\"source()\"\n      [layout]=\"layout()\"\n      [expansion]=\"expansion()\"\n      [clearedFilter]=\"clearedFilter()\"\n      (expansionChange)=\"setExpansion($event)\"\n      [params]=\"params\"\n      [controls]=\"controls()\"\n      [formatter]=\"formatter()\"\n      (layoutChange)=\"setLayout($event)\">\n      <ng-template fsGridCell let-value let-field=\"field\" let-record=\"record\" let-text=\"text\">\n        @if (value | fsReportGridCell: field : record : text : noteData() : formatContext(); as shown) {\n          <!-- A cell that says why (a missing or zero prior) opens it on a\n               click; no cell carries a native tooltip. -->\n          @if (shown.title) {\n            <span\n                class=\"explained\"\n                fsPopover\n                trigger=\"click\"\n                [template]=\"explanation\"\n                [indication]=\"false\"\n                [maxWidth]=\"320\">\n              {{ shown.text }}\n            </span>\n            <ng-template #explanation>{{ shown.title }}</ng-template>\n          } @else {\n            <span>{{ shown.text }}</span>\n          }\n        }\n      </ng-template>\n    </fs-grid>\n  }\n</div>\n", styles: [":host{display:block;height:100%}.grid-pane{height:100%;min-height:0}fs-grid{min-height:0}.explained{cursor:pointer;text-decoration:underline dotted;text-underline-offset:2px}\n"] }]
         }] });
 
 // A KPI's trend over its last periods: a line that stretches to the card's
@@ -14053,7 +14138,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
 // in the report's format context, as on screen.
 async function renderChartImage(component, data, width, height, context, pixelRatio = 3) {
     // The same tree-shaken echarts build + 'report' theme the live canvas uses.
-    const echarts = (await import('./firestitch-report-echarts-EecIloKo.mjs')).default;
+    const echarts = (await import('./firestitch-report-echarts-DMflI6jp.mjs')).default;
     const host = document.createElement('div');
     host.style.width = `${width}px`;
     host.style.height = `${height}px`;
@@ -17258,7 +17343,7 @@ class ReportComponent {
             ReportExportService,
             // Tree-shaken ECharts core + the 'report' house theme, loaded lazily with
             // this route's chunk.
-            provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-EecIloKo.mjs').then((module) => module.default) }),
+            provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-DMflI6jp.mjs').then((module) => module.default) }),
             // The bar's date pickers start their weeks on Monday and list the built-in
             // presets; a preset only sets the days.
             provideReportDatePicker(),
@@ -17279,7 +17364,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         ReportExportService,
                         // Tree-shaken ECharts core + the 'report' house theme, loaded lazily with
                         // this route's chunk.
-                        provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-EecIloKo.mjs').then((module) => module.default) }),
+                        provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-DMflI6jp.mjs').then((module) => module.default) }),
                         // The bar's date pickers start their weeks on Monday and list the built-in
                         // presets; a preset only sets the days.
                         provideReportDatePicker(),
@@ -19255,7 +19340,7 @@ class FsAiReportComponent {
             ReportAiChatData,
             { provide: FsAiChatData, useExisting: ReportAiChatData },
             // Tree-shaken ECharts core + the 'report' house theme, loaded lazily.
-            provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-EecIloKo.mjs').then((module) => module.default) }),
+            provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-DMflI6jp.mjs').then((module) => module.default) }),
             // The bar's date pickers start their weeks on Monday and list the built-in
             // presets; a preset only sets the days.
             provideReportDatePicker(),
@@ -19279,7 +19364,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         ReportAiChatData,
                         { provide: FsAiChatData, useExisting: ReportAiChatData },
                         // Tree-shaken ECharts core + the 'report' house theme, loaded lazily.
-                        provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-EecIloKo.mjs').then((module) => module.default) }),
+                        provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-DMflI6jp.mjs').then((module) => module.default) }),
                         // The bar's date pickers start their weeks on Monday and list the built-in
                         // presets; a preset only sets the days.
                         provideReportDatePicker(),
@@ -19319,4 +19404,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  */
 
 export { FsAiReportsComponent as F, GRANULARITY_OPTIONS as G, REPORT_CHART_COLORS_CSS as R, REPORT_CHART_FONT_FAMILY as a, REPORT_AXIS_LABEL_FONT_SIZE as b, ReportComponent as c, FsAiReportComponent as d, ReportData as e, ReportService as f, ReportFilterStateService as g, ReportNodeType as h, ReportState as i, ReportValueFormat as j, ReportValueFormula as k, ReportListColumnFormat as l, ReportNumberUnits as m, ReportChartDataLabels as n, ReportChartColor as o, ReportChartLineStyle as p, ReportChartMarkStat as q, ReportChartDateLabel as r, ReportChangePolarity as s };
-//# sourceMappingURL=firestitch-report-firestitch-report-DbdLxQSE.mjs.map
+//# sourceMappingURL=firestitch-report-firestitch-report-C94rjx24.mjs.map