@firestitch/report 18.10.2 → 18.11.1

package/fesm2022/{firestitch-report-firestitch-report-DftB7M1o.mjs → firestitch-report-firestitch-report-CJW0lLdW.mjs}

@@ -12,9 +12,9 @@ import { MatTooltip, MatTooltipModule } from '@angular/material/tooltip';
 import * as i2$2 from '@firestitch/autocomplete-chips';
 import { FsAutocompleteChipsModule } from '@firestitch/autocomplete-chips';
 import * as i1$2 from '@firestitch/filter';
-import { ItemType, getExcludeName, FsFilterModule } from '@firestitch/filter';
+import { ItemType, getExcludeName, FsFilterModule, FilterComponent } from '@firestitch/filter';
 import * as i2 from '@firestitch/menu';
-import { FsMenuModule, FsMenuComponent } from '@firestitch/menu';
+import { FsMenuModule } from '@firestitch/menu';
 import { FsProcess } from '@firestitch/process';
 import { FsPrompt } from '@firestitch/prompt';
 import { map, shareReplay, catchError, scan, filter, take, tap, switchMap, finalize, concatMap, toArray, mergeMap as mergeMap$1, takeUntil } from 'rxjs/operators';
@@ -31,7 +31,7 @@ import { of, forkJoin, Subject, defer, merge, map as map$1, switchMap as switchM
 import { FsApi, DisplayApiError, StreamEventType } from '@firestitch/api';
 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 { MatProgressBar } from '@angular/material/progress-bar';
+import { MatProgressSpinner } from '@angular/material/progress-spinner';
 import { MatCheckbox } from '@angular/material/checkbox';
 import * as i3 from '@firestitch/dialog';
 import { FsDialogModule } from '@firestitch/dialog';
@@ -78,8 +78,8 @@ import { MatExpansionModule } from '@angular/material/expansion';
 // - The same report with more pages than before: a page was just added in
 //   this tab, so the canvas lands on the last page. The asked-for page does
 //   not beat it: that is a stale value the host still holds.
-// - Otherwise the asked-for page (a ?page= the report opened with, or the
-//   open view's), when the report has it.
+// - Otherwise the asked-for page (a ?page= the report opened with), when the
+//   report has it.
 // - Another report that asks for no page it has opens on its first page:
 //   the old report's page number means nothing there.
 // - The same report keeps the page it shows when the asked-for page does not
@@ -111,8 +111,7 @@ function canvasLandingPage(input) {
 // numberRange its min/max control, matchAny the report bar's Match select,
 // and pageScope shows a page's groups in the report bar of that page.
 // cascadingOptions narrows a select's list by the other filters of its tile
-// (ReportFilterOptionsService). views is the Views picker in the report's
-// header (ReportViewPickerComponent). drill is a time chart's click down, with
+// (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.
 const VIEWER_FEATURES = [
@@ -122,7 +121,6 @@ const VIEWER_FEATURES = [
     'matchAny',
     'pageScope',
     'cascadingOptions',
-    'views',
     'drill',
 ];
 // The features a report offers on this screen: the ones its server serves
@@ -388,14 +386,11 @@ class ReportData {
     // filterSummary too, for a server that does not read filterLines; the
     // lines are left out when there are none. `states` is each tile's own
     // state by component id (zipExportStates), so each file holds what its
-    // tile shows; it is left out when no tile has any. `viewId` names the open
-    // saved view, which the server names in the notes, and `viewChanged` says
-    // whether the screen differs from it; both are left out with no view open.
-    // `titles` holds each component's title as the viewer reads it, its tokens
+    // tile shows; it is left out when no tile has any. `titles` holds each component's title as the viewer reads it, its tokens
     // filled, by component id, which the server names the component's file
     // after; left out when there are none. Same keep-alive contract as
     // exportComponent, over a longer run; consume through FsProcess.download.
-    exportReport(reportId, filters = [], pageId = null, frequency = null, filterLines = [], states = {}, viewId = null, viewChanged = false, titles = {}, config = {}) {
+    exportReport(reportId, filters = [], pageId = null, frequency = null, filterLines = [], states = {}, titles = {}, config = {}) {
         return this._api.post(this._path(`${reportId}/export`), {
             filters,
             ...(pageId ? { pageId } : {}),
@@ -403,7 +398,6 @@ class ReportData {
             filterSummary: filterLines.map((line) => line.text),
             ...(filterLines.length ? { filterLines } : {}),
             ...(Object.keys(states).length ? { states } : {}),
-            ...(viewId ? { viewId, viewChanged } : {}),
             ...(Object.keys(titles).length ? { titles } : {}),
         }, {
             key: 'url',
@@ -563,52 +557,39 @@ class ReportData {
             ...config,
         });
     }
-    // The report's saved views the viewer may see: names and flags, whether it
-    // may share, and its own default view in full. No `key`: the whole payload
-    // is the answer, as tree() reads it. Only for a report whose server lists
-    // 'views' (Report.viewerFeatures).
-    views(reportId, config = {}) {
-        return this._api.get(this._path(`${reportId}/views`), {}, config);
-    }
-    // One saved view with its config, pruned to the report as it is now.
-    view(reportId, reportViewId, config = {}) {
-        return this._api.get(this._path(`${reportId}/views/${reportViewId}`), {}, {
-            key: 'view',
+    // The report's saved filters, in their order. Shared by everyone who may
+    // open the report.
+    savedFilters(reportId, config = {}) {
+        return this._api.get(this._path(`${reportId}/savedfilters`), {}, {
+            key: 'savedFilters',
             ...config,
         });
     }
-    createView(reportId, view, config = {}) {
-        return this._api.post(this._path(`${reportId}/views`), view, {
-            key: 'view',
+    // A new saved filter: its name and the report-wide filter values it holds.
+    createSavedFilter(reportId, savedFilter, config = {}) {
+        return this._api.post(this._path(`${reportId}/savedfilters`), savedFilter, {
+            key: 'savedFilter',
             ...config,
         });
     }
-    // Renames a view or replaces its config; only the keys given change.
-    updateView(reportId, reportViewId, changes, config = {}) {
-        return this._api.put(this._path(`${reportId}/views/${reportViewId}`), changes, {
-            key: 'view',
+    // Renames a saved filter or replaces its values; only the keys given change.
+    updateSavedFilter(reportId, reportSavedFilterId, changes, config = {}) {
+        return this._api.put(this._path(`${reportId}/savedfilters/${reportSavedFilterId}`), changes, {
+            key: 'savedFilter',
             ...config,
         });
     }
-    // Resolves to the deleted view's id and its state.
-    deleteView(reportId, reportViewId, config = {}) {
-        return this._api.delete(this._path(`${reportId}/views/${reportViewId}`), {}, {
-            key: 'view',
+    deleteSavedFilter(reportId, reportSavedFilterId, config = {}) {
+        return this._api.delete(this._path(`${reportId}/savedfilters/${reportSavedFilterId}`), {}, {
+            key: 'savedFilter',
             ...config,
         });
     }
-    // Shares a view with everyone who may open the report, or stops sharing it.
-    shareView(reportId, reportViewId, shared, config = {}) {
-        return this._api.post(this._path(`${reportId}/views/${reportViewId}/share`), { shared }, {
-            key: 'view',
-            ...config,
-        });
-    }
-    // Makes a view the viewer's default, or stops opening it by default. The
-    // server clears the viewer's previous default.
-    setViewDefault(reportId, reportViewId, personalDefault, config = {}) {
-        return this._api.post(this._path(`${reportId}/views/${reportViewId}/default`), { personalDefault }, {
-            key: 'view',
+    // Persist the saved filters' order after a drag: every id, in its new
+    // order. Resolves to the list in that order.
+    saveSavedFilterPositions(reportId, reportSavedFilterIds, config = {}) {
+        return this._api.put(this._path(`${reportId}/savedfilters/positions`), { reportSavedFilterIds }, {
+            key: 'savedFilters',
             ...config,
         });
     }
@@ -4966,13 +4947,7 @@ function isTile(component) {
     return !!component && TILE_TYPES.includes(component.type);
 }
 
-// The version this viewer writes and reads.
-const REPORT_VIEW_CONFIG_VERSION = 1;
-// The caps of a view document, the server's.
-const VIEW_CONFIG_MAX_BYTES = 32 * 1024;
-const VIEW_CONFIG_MAX_GROUPS = 100;
-const VIEW_CONFIG_MAX_TILES = 200;
-const GROUP_VALUE_MAX_PICKS = 500;
+// The server's cap on a drill path.
 const DRILL_MAX_DEPTH = 5;
 // Every relative range name the server knows, in its enum's order. A record
 // rather than a list, so the build fails when ReportRelativeRange gains a
@@ -4993,21 +4968,9 @@ const RELATIVE_RANGES = {
 // The same names as a list, in the server enum's order (the record's key
 // order): the order the date picker offers them in.
 const RELATIVE_RANGE_NAMES = Object.keys(RELATIVE_RANGES);
-// The keys a group value may hold, by its group's type.
-const GROUP_VALUE_KEYS = {
-    dateRange: ['relative', 'start', 'end'],
-    select: ['values', 'excludeValues'],
-    keyword: ['value'],
-    numberRange: ['min', 'max'],
-};
-// The keys of a view document and of a tile state this viewer reads. Any
-// other key is kept as it was.
-const VIEW_CONFIG_KEYS = ['v', 'pageId', 'groupBy', 'match', 'groups', 'tiles'];
-const TILE_STATE_KEYS = ['sort', 'search', 'hidden', 'drill'];
 const DAY_PATTERN = /^(\d{4})-(\d{2})-(\d{2})$/;
 // A number as text: what a masked input sends.
 const NUMBER_PATTERN = /^[+-]?(?:\d+(?:\.\d*)?|\.\d+)(?:e[+-]?\d+)?$/i;
-const ID_KEY_PATTERN = /^[1-9]\d*$/;
 // Whether a name is a relative range the server resolves.
 function isRelativeRange(name) {
     return typeof name === 'string' && Object.prototype.hasOwnProperty.call(RELATIVE_RANGES, name);
@@ -5031,65 +4994,9 @@ function numberFromText(text) {
     const number = NUMBER_PATTERN.test(text) ? Number(text) : NaN;
     return Number.isFinite(number) ? number : null;
 }
-// A group value read for a group of `type`, on its way to being stored: only
-// the parts that hold something. Throws, naming what is wrong, when a key
-// does not belong to the type or a part breaks its type's rule.
-function groupValueFromArray(value, type) {
-    requireGroupKeys(value, type);
-    switch (type) {
-        case 'dateRange':
-            return dateRangeValue(value);
-        case 'select':
-            return selectValue(value);
-        case 'numberRange':
-            return numberRangeValue(value);
-        default:
-            return keywordValue(value);
-    }
-}
-// A group value read back (a saved view) for a group of `type`: what
-// groupValueFromArray gives, or null when it would refuse it.
-function groupValueFromStored(value, type) {
-    if (!isPlainObject(value)) {
-        return null;
-    }
-    try {
-        return groupValueFromArray(value, type);
-    }
-    catch {
-        return null;
-    }
-}
-// A view document read for storing or applying. Throws when it is not a
-// version 1 document, breaks a cap or holds a malformed known key.
-function viewConfigFromArray(input) {
-    const doc = requireObject(input, 'A view config must be an object.');
-    requireSize(doc);
-    requireVersion(doc.v);
-    const config = { v: REPORT_VIEW_CONFIG_VERSION, ...otherKeys(doc, VIEW_CONFIG_KEYS) };
-    const pageId = optionalId(doc.pageId, 'pageId must be a page id.');
-    if (pageId !== null) {
-        config.pageId = pageId;
-    }
-    if (isSet(doc.groupBy)) {
-        config.groupBy = requireGranularity(doc.groupBy, 'groupBy must be a time grain.');
-    }
-    if (isSet(doc.match)) {
-        config.match = requireMatch(doc.match);
-    }
-    if (isSet(doc.groups)) {
-        config.groups = viewGroups(doc.groups);
-    }
-    if (isSet(doc.tiles)) {
-        config.tiles = viewTiles(doc.tiles);
-    }
-    return config;
-}
-// A group's value as a view stores it, read for the keys its
-// group's type owns, or null when it holds nothing. A date range that still
-// carries its relative preset is stored as that preset whatever today is: the
-// viewer did not edit it, so a view saved after midnight with the page still
-// open keeps rolling.
+// A group's value in its stored shape, read for the keys its group's type
+// owns, or null when it holds nothing. A date range that still carries its
+// relative preset is written as that preset whatever today is.
 function toStoredGroupValue(type, value) {
     if (!value) {
         return null;
@@ -5109,39 +5016,20 @@ function toStoredGroupValue(type, value) {
             return storedOrNull({ value: value.value?.trim() || undefined });
     }
 }
-// A group value in its stored shape as the value the bars and the requests
-// read: a relative preset as today's days in the report's zone, carrying its
-// name; fixed days as dates; any other value as it is. Null when it holds
-// nothing, or names a preset `resolveRelative` does not know.
-function toLiveGroupValue(type, stored, resolveRelative) {
-    if (!stored || holdsNothing(stored)) {
-        return null;
-    }
-    if (type !== 'dateRange') {
-        return { ...stored };
-    }
-    if (stored.relative) {
-        const range = resolveRelative(stored.relative);
-        return range ? { start: range.start, end: range.end, preset: stored.relative } : null;
-    }
-    return { start: dateFromBound(stored.start), end: dateFromBound(stored.end) };
-}
-// Whether the screen's state differs from the view it opened on. `current`
-// is a snapshot, so it holds every group the report has; a group only `base`
-// holds is one the report no longer has, and is not compared. A group `base`
-// does not hold was added after the view was saved: it is compared with its
-// value in `authored` (the report's defaults), so leaving it at its default
-// changes nothing. The page is not compared (moving to another page does not
-// edit a view), and neither are keys this viewer does not know. Picks are
+// Whether the screen's state (`current`, a snapshot) differs from the
+// report's authored defaults (`defaults`): the match, the grain, a group's
+// value, or a tile's sort, search, hidden columns or drill path. The page is
+// not compared (moving to another page changes no filter). Picks are
 // compared in any order.
-function viewDiffers(base, current, authored = null) {
-    return (base.match ?? 'all') !== (current.match ?? 'all')
-        || (base.groupBy ?? null) !== (current.groupBy ?? null)
-        || groupsDiffer(base, current, authored)
-        || tilesDiffer(base.tiles ?? {}, current.tiles ?? {});
-}
-// Whether two stored group values are the same filter, as viewDiffers reads
-// a group: picks in any order, text trimmed, an empty value read as none.
+function stateDiffers(defaults, current) {
+    return (defaults.match ?? 'all') !== (current.match ?? 'all')
+        || (defaults.groupBy ?? null) !== (current.groupBy ?? null)
+        || Object.entries(current.groups ?? {})
+            .some(([groupId, value]) => storedValueKey(defaults.groups?.[Number(groupId)]) !== storedValueKey(value))
+        || tilesDiffer(defaults.tiles ?? {}, current.tiles ?? {});
+}
+// Whether two stored group values are the same filter: picks in any order,
+// text trimmed, an empty value read as none.
 function sameStoredGroupValue(a, b) {
     return storedValueKey(a) === storedValueKey(b);
 }
@@ -5151,7 +5039,7 @@ function sameStoredGroupValue(a, b) {
 function cleanDrillPath(path) {
     const kept = [];
     for (const step of path ?? []) {
-        if (!isPlainObject(step) || !isChartGranularity(step.level) || !isDrillValue(step.value)
+        if (!isPlainObject$1(step) || !isChartGranularity(step.level) || !isDrillValue(step.value)
             || kept.length === DRILL_MAX_DEPTH) {
             break;
         }
@@ -5164,83 +5052,16 @@ function cleanDrillPath(path) {
 function sameDrillPath(a, b) {
     return drillKey(a) === drillKey(b);
 }
-// A view's config to save: the screen (`screen`, a snapshot), with the keys
-// this viewer does not know kept from the stored document (`stored`), at the
-// top and in each tile. They are never read here, and saving must not lose
-// them.
-function withStoredKeys(stored, screen) {
-    if (!stored) {
-        return screen;
-    }
-    const tiles = { ...screen.tiles };
-    Object.entries(stored.tiles ?? {}).forEach(([componentId, tile]) => {
-        const kept = isPlainObject(tile) ? otherKeys(tile, TILE_STATE_KEYS) : {};
-        if (Object.keys(kept).length) {
-            tiles[Number(componentId)] = { ...kept, ...tiles[Number(componentId)] };
-        }
-    });
-    const config = { ...otherKeys(stored, VIEW_CONFIG_KEYS), ...screen };
-    delete config.tiles;
-    return Object.keys(tiles).length ? { ...config, tiles } : config;
-}
-// How many settings of a saved view no longer apply because the report
-// changed: what the server left out when it read the view (`dropped`), and
-// what the viewer could not apply (`applied` is the view as it applied, the
-// state service's base): a group value that no longer fits its group, and a
-// list sort, search or hidden columns, or a chart's drill path, its tile can
-// no longer take (a list column gone, a chart turned into a list).
-function viewDroppedCount(view, applied) {
-    const dropped = view.dropped;
-    const groups = Object.entries(view.config?.groups ?? {})
-        .filter(([groupId, value]) => value !== null && !Object.prototype.hasOwnProperty.call(applied.groups ?? {}, groupId))
-        .length;
-    const tiles = Object.entries(view.config?.tiles ?? {})
-        .reduce((count, [componentId, tile]) => count + tileKeysLost(tile, applied.tiles?.[Number(componentId)]), 0);
-    return (dropped?.groups?.length ?? 0) + (dropped?.tiles?.length ?? 0) + (dropped?.page ? 1 : 0) + groups + tiles;
-}
-// The note a view opens with when some of its settings no longer apply, or
-// null when every setting applies. Only a viewer who may change the view
-// (`canChange`) is told to save it.
-function viewDroppedMessage(count, canChange = true) {
-    if (count < 1) {
-        return null;
-    }
-    const note = count === 1
-        ? '1 setting in this view no longer applies, because the report changed.'
-        : `${count} settings in this view no longer apply, because the report changed.`;
-    return canChange ? `${note} Save changes to update the view.` : note;
-}
-// The open view as a chat turn names it: its id, and whether the screen
-// differs from it. Both are left out while no view is open.
-function chatViewFields(openView, viewChanged) {
-    return openView ? { viewId: openView.id, viewChanged } : {};
-}
-function groupsDiffer(base, current, authored) {
-    return Object.entries(current.groups ?? {}).some(([groupId, value]) => {
-        const kept = base.groups && Object.prototype.hasOwnProperty.call(base.groups, groupId)
-            ? base.groups[Number(groupId)]
-            : authored?.groups?.[Number(groupId)];
-        return storedValueKey(kept) !== storedValueKey(value);
-    });
+// A range end as a number. A masked input sends its number as text, so
+// numeric text is read as its number.
+function finiteNumber(value) {
+    const number = typeof value === 'string' ? numberFromText(value.trim()) : value;
+    return typeof number === 'number' && Number.isFinite(number) ? number : undefined;
 }
 function tilesDiffer(base, current) {
     const ids = new Set([...Object.keys(base), ...Object.keys(current)].map(Number));
     return [...ids].some((componentId) => tileStateKey(base[componentId]) !== tileStateKey(current[componentId]));
 }
-// How many keys of a stored tile state the tile, as it applied, lost: a
-// sort, a search or a drill path it no longer has, and hidden columns it
-// kept fewer of.
-function tileKeysLost(stored, applied) {
-    if (!stored) {
-        return 0;
-    }
-    return [
-        !!stored.sort?.column && !applied?.sort?.column,
-        !!stored.search && !applied?.search,
-        (stored.hidden?.length ?? 0) > (applied?.hidden?.length ?? 0),
-        (stored.drill?.length ?? 0) > 0 && !applied?.drill?.length,
-    ].filter(Boolean).length;
-}
 // One text for a stored group value, the same for every way of writing the
 // same filter: picks in any order, text trimmed, and an empty value read as
 // none.
@@ -5278,281 +5099,23 @@ function keptPicks(list) {
     const kept = (list ?? []).filter((pick) => isSet(pick) && pick !== '');
     return kept.length ? kept : undefined;
 }
-// A range end as a number. A masked input sends its number as text, so
-// numeric text is read as its number, as boundPart reads it.
-function finiteNumber(value) {
-    const number = typeof value === 'string' ? numberFromText(value.trim()) : value;
-    return typeof number === 'number' && Number.isFinite(number) ? number : undefined;
-}
-// Whether a stored value reads the same as no value at all.
-function holdsNothing(stored) {
-    return storedValueKey(stored) === storedValueKey(null);
-}
 // Only the parts that hold something, or null when none does.
 function storedOrNull(value) {
-    const stored = compact(value);
+    const stored = Object.fromEntries(Object.entries(value).filter(([, part]) => isSet(part)));
     return Object.keys(stored).length ? stored : null;
 }
-function requireGroupKeys(value, type) {
-    const allowed = GROUP_VALUE_KEYS[type] ?? GROUP_VALUE_KEYS.keyword;
-    const unknown = Object.keys(value).filter((key) => !allowed.includes(key));
-    if (unknown.length) {
-        throw new Error(`A ${type} default takes ${allowed.join(', ')} — not ${unknown.join(', ')}.`);
-    }
-}
-// A relative range, or fixed days; never both.
-function dateRangeValue(value) {
-    const relative = textPart(value, 'relative');
-    const start = dayPart(value, 'start');
-    const end = dayPart(value, 'end');
-    if (relative === '') {
-        return compact({ start, end });
-    }
-    if (start !== null || end !== null) {
-        throw new Error('A dateRange default is either a relative preset or a fixed start/end, not both.');
-    }
-    if (!isRelativeRange(relative)) {
-        throw new Error(`relative must be one of: ${Object.keys(RELATIVE_RANGES).join(', ')}.`);
-    }
-    return { relative };
-}
-// The values to keep or the values to leave out; never both.
-function selectValue(value) {
-    const values = pickList(value, 'values');
-    const excludeValues = pickList(value, 'excludeValues');
-    if (values !== null && excludeValues !== null) {
-        throw new Error('A select default either keeps values or leaves out exclude_values, not both.');
-    }
-    return compact({ values, excludeValues });
-}
-function keywordValue(value) {
-    const text = textPart(value, 'value');
-    return text !== '' ? { value: text } : {};
-}
-// Either end may be open; 0 is an end like any other.
-function numberRangeValue(value) {
-    const min = boundPart(value, 'min');
-    const max = boundPart(value, 'max');
-    if (min !== null && max !== null && min > max) {
-        throw new Error(`min (${min}) is above max (${max}).`);
-    }
-    return compact({ min, max });
-}
-// The text `key` holds, trimmed, or '' when absent. A number is read as its
-// text; any other kind is refused.
-function textPart(value, key) {
-    const text = value[key];
-    if (text === undefined || text === null) {
-        return '';
-    }
-    if (typeof text !== 'string' && typeof text !== 'number') {
-        throw new Error(`${key} must be text.`);
-    }
-    return String(text).trim();
-}
-// A calendar-day bound: its first ten characters must be a real day.
-function dayPart(value, key) {
-    const text = textPart(value, key);
-    if (text === '') {
-        return null;
-    }
-    const day = text.slice(0, 10);
-    if (!isCalendarDay(day)) {
-        throw new Error(`${key} must be a yyyy-MM-dd day.`);
-    }
-    return day;
-}
-// The picks of `key` with blanks (null, '') dropped, or null when none is
-// left. A lone pick is a list of one; a pick that is a list or an object is
-// refused.
-function pickList(value, key) {
-    const raw = value[key] ?? [];
-    const picks = Array.isArray(raw) ? raw : [raw];
-    if (picks.some((pick) => isSet(pick) && !isScalar(pick))) {
-        throw new Error(`Each pick in ${key} must be a plain value, not a list.`);
-    }
-    const kept = picks.filter((pick) => isSet(pick) && pick !== '');
-    return kept.length ? kept : null;
-}
-// One end of a number range: null when absent or blank, else a finite number
-// (numeric text is read as its number).
-function boundPart(value, key) {
-    const raw = typeof value[key] === 'string' ? value[key].trim() : value[key];
-    if (!isSet(raw) || raw === '') {
-        return null;
-    }
-    const bound = typeof raw === 'string' ? numberFromText(raw) : raw;
-    if (typeof bound !== 'number' || !Number.isFinite(bound)) {
-        throw new Error(`${key} must be a finite number.`);
-    }
-    return bound;
-}
-function requireSize(doc) {
-    if (new TextEncoder().encode(JSON.stringify(doc)).length > VIEW_CONFIG_MAX_BYTES) {
-        throw new Error('A view config is over 32 KB.');
-    }
-}
-function requireVersion(version) {
-    if (!isSet(version)) {
-        throw new Error('A view config needs its version (v).');
-    }
-    if (version !== REPORT_VIEW_CONFIG_VERSION) {
-        throw new Error(`This viewer reads view config version ${REPORT_VIEW_CONFIG_VERSION} only.`);
-    }
-}
-function requireMatch(match) {
-    if (match !== 'all' && match !== 'any') {
-        throw new Error('match must be all or any.');
-    }
-    return match;
-}
-// Group id -> value. A value no group type could hold is dropped whole.
-function viewGroups(raw) {
-    const entries = Object.entries(requireObject(raw, 'groups must map group ids to values.'));
-    if (entries.length > VIEW_CONFIG_MAX_GROUPS) {
-        throw new Error(`A view holds at most ${VIEW_CONFIG_MAX_GROUPS} groups.`);
-    }
-    const groups = {};
-    entries.forEach(([key, value]) => {
-        const id = requireIdKey(key, 'groups');
-        requirePickCount(value);
-        const kept = value === null ? null : storedGroupValue(value);
-        if (kept !== undefined) {
-            groups[id] = kept;
-        }
-    });
-    return groups;
-}
-// A stored group value, read for the one type its keys belong to (an empty
-// value fits every type), or undefined when it fits none.
-function storedGroupValue(value) {
-    if (!isPlainObject(value)) {
-        return undefined;
-    }
-    const keys = Object.keys(value);
-    const type = Object.keys(GROUP_VALUE_KEYS)
-        .find((candidate) => keys.every((key) => GROUP_VALUE_KEYS[candidate].includes(key)));
-    return type ? (groupValueFromStored(value, type) ?? undefined) : undefined;
-}
-function requirePickCount(value) {
-    const lists = isPlainObject(value) ? [value.values, value.excludeValues] : [];
-    if (lists.some((list) => Array.isArray(list) && list.length > GROUP_VALUE_MAX_PICKS)) {
-        throw new Error(`A group value holds at most ${GROUP_VALUE_MAX_PICKS} values.`);
-    }
-}
-// Component id -> tile state.
-function viewTiles(raw) {
-    const entries = Object.entries(requireObject(raw, 'tiles must map component ids to tile states.'));
-    if (entries.length > VIEW_CONFIG_MAX_TILES) {
-        throw new Error(`A view holds at most ${VIEW_CONFIG_MAX_TILES} tiles.`);
-    }
-    const tiles = {};
-    entries.forEach(([key, value]) => {
-        tiles[requireIdKey(key, 'tiles')] = viewTile(value);
-    });
-    return tiles;
-}
-function viewTile(raw) {
-    const tile = requireObject(raw, 'A tile state must be an object.');
-    const state = otherKeys(tile, TILE_STATE_KEYS);
-    if (isSet(tile.sort)) {
-        state.sort = viewSort(tile.sort);
-    }
-    if (isSet(tile.search)) {
-        state.search = requireString(tile.search, 'search must be text.');
-    }
-    if (isSet(tile.hidden)) {
-        state.hidden = viewHidden(tile.hidden);
-    }
-    if (isSet(tile.drill)) {
-        state.drill = viewDrill(tile.drill);
-    }
-    return state;
-}
-function viewSort(raw) {
-    const sort = requireObject(raw, 'sort must be a column and a direction.');
-    const column = requireString(sort.column, 'sort must name a column.');
-    if (column === '' || (isSet(sort.direction) && sort.direction !== 'asc' && sort.direction !== 'desc')) {
-        throw new Error('sort must be a column and a direction.');
-    }
-    return sort.direction ? { column, direction: sort.direction } : { column };
-}
-function viewHidden(raw) {
-    if (!Array.isArray(raw) || raw.some((name) => typeof name !== 'string')) {
-        throw new Error('hidden must list column names.');
-    }
-    return [...raw];
-}
-function viewDrill(raw) {
-    if (!Array.isArray(raw)) {
-        throw new Error('drill must list steps.');
-    }
-    if (raw.length > DRILL_MAX_DEPTH) {
-        throw new Error(`A drill path holds at most ${DRILL_MAX_DEPTH} steps.`);
-    }
-    return raw.map((step) => {
-        if (!isPlainObject(step) || !isChartGranularity(step.level) || !isDrillValue(step.value)) {
-            throw new Error('A drill step needs a time level and a value.');
-        }
-        return { level: step.level, value: step.value };
-    });
-}
 function isDrillValue(value) {
     return value === null || typeof value === 'string' || typeof value === 'number';
 }
-// The keys of `source` that are not in `known`, as they were.
-function otherKeys(source, known) {
-    return Object.fromEntries(Object.entries(source).filter(([key]) => !known.includes(key)));
-}
-function optionalId(raw, refusal) {
-    if (!isSet(raw)) {
-        return null;
-    }
-    if (!Number.isInteger(raw) || raw < 1) {
-        throw new Error(refusal);
-    }
-    return raw;
-}
-function requireIdKey(key, where) {
-    if (!ID_KEY_PATTERN.test(key)) {
-        throw new Error(`${where} are keyed by id, not by '${key}'.`);
-    }
-    return Number(key);
-}
-function requireGranularity(raw, refusal) {
-    if (!isChartGranularity(raw)) {
-        throw new Error(refusal);
-    }
-    return raw;
-}
-function requireString(raw, refusal) {
-    if (typeof raw !== 'string') {
-        throw new Error(refusal);
-    }
-    return raw;
-}
-function requireObject(raw, refusal) {
-    if (!isPlainObject(raw)) {
-        throw new Error(refusal);
-    }
-    return raw;
-}
 function isSet(value) {
     return value !== undefined && value !== null;
 }
-function isPlainObject(value) {
+function isPlainObject$1(value) {
     return value !== null && typeof value === 'object' && !Array.isArray(value);
 }
-function isScalar(value) {
-    return typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean';
-}
-// Only the parts that hold something.
-function compact(value) {
-    return Object.fromEntries(Object.entries(value).filter(([, part]) => isSet(part)));
-}
 
 // The words a file uses for what the screen held: each filter's value, the
-// group-by grain, a drilled tile, the match and the open view. The PDF and
+// group-by grain, a drilled tile and the match. The PDF and
 // PowerPoint covers print these lines, and the zip sends them (filterLines,
 // with filterSummary as their text for an older server), so every export
 // words one filter one way. Pure, so the node harness checks every wording.
@@ -5626,16 +5189,6 @@ function matchLineText(match, form) {
 function drillLineText(component, path, formatContext) {
     return crumbedTitle(component.title, drillCrumbLabels(path, formatContext));
 }
-// The cover's line for the open saved view: 'View: "Q3 North" (shared)',
-// with ', changed since it was opened' while the screen differs from it.
-// Null when no view is open.
-function viewLineText(view, changed) {
-    if (!view) {
-        return null;
-    }
-    const line = `View: "${(view.name ?? '').trim()}" (${view.shared ? 'shared' : 'personal'})`;
-    return changed ? `${line}, changed since it was opened` : line;
-}
 // The filter lines of an export, in order: one per filter group with a
 // value (the report's group order), the group-by line, then one per drilled
 // chart (page order). A This Page export (input.pageId) lists only the
@@ -5772,10 +5325,10 @@ function drillLines(input) {
     return (report.pages ?? [])
         .filter((page) => !pageId || page.id === pageId)
         .flatMap((page) => page.components ?? [])
-        .filter((component) => component.type === 'chart' && !!snapshot.view.tiles?.[component.id]?.drill?.length)
+        .filter((component) => component.type === 'chart' && !!snapshot.state.tiles?.[component.id]?.drill?.length)
         .map((component) => ({
         kind: 'drill',
-        text: drillLineText({ title: input.titles?.[component.id] ?? component.title }, snapshot.view.tiles[component.id].drill, snapshot.formatContext),
+        text: drillLineText({ title: input.titles?.[component.id] ?? component.title }, snapshot.state.tiles[component.id].drill, snapshot.formatContext),
         componentId: component.id,
     }));
 }
@@ -5979,8 +5532,8 @@ const HEADER_FOOTER_MAX = 3;
 function isTimeSeriesChart(component) {
     return component.type === 'chart' && component.config?.xAxis?.kind === 'time';
 }
-// The interaction state one tile's data request carries, read off a view
-// document of the screen (the state service's snapshot()): the group-by grain
+// The interaction state one tile's data request carries, read off a snapshot
+// of the screen (the state service's snapshot()): the group-by grain
 // for a time-series chart, a list's sort, search and hidden columns, a
 // chart's drill path, and, while the groups match 'any', the groups that
 // combine (matchAnyGroupIds). The tile on screen, its CSV, the PDF and
@@ -6504,16 +6057,17 @@ function emptyTemporaryState() {
 // columns, the page and each chart's drill path. None of it is ever written to
 // the browser URL. It outlives a page switch (the canvas changes the page, not
 // this service) and goes with the report view: a reload starts a new service,
-// which opens on the report's defaults or the viewer's default view.
-// changes() fires on every change of it.
+// which opens on the report's authored defaults. changes() fires on every
+// change of it.
 //
-// The durable part is one view document: snapshot() writes it, apply() opens
-// a view, and base and viewChanged say whether the screen still shows that
-// view. The temporary layer (a cross-filter, an open rows panel) is its own
-// section, so no view ever carries it.
+// The durable part reads as one document: snapshot() writes it, and
+// differsFromDefaults says whether the screen still shows the report's
+// authored defaults (resetToDefaults() puts it back on them). The temporary
+// layer (a cross-filter, an open rows panel) is its own section, so a
+// snapshot never carries it.
 //
-// Session-only, never in a view: per-filter enable/disable toggles from a
-// component's filter menu (the `enabled` column is the authored default; a
+// Session-only, never in the snapshot: per-filter enable/disable toggles from
+// a component's filter menu (the `enabled` column is the authored default; a
 // viewer's toggle shouldn't write to the report).
 class ReportFilterStateService {
     // The open report's effective zone (resolveReportTimezone). Relative presets
@@ -6536,14 +6090,10 @@ class ReportFilterStateService {
     listHidden = signal(new Map(), {
         equal: sameHidden,
     });
-    // Moves each time apply() or resetToBase() replaces the whole durable
-    // state. Bars and tiles key on it, so an applied view repaints all of them.
+    // Moves each time resetToDefaults() replaces the whole durable state. Bars
+    // and tiles key on it, so a reset repaints all of them; the tiles refetch
+    // in place, so their data stays on screen while they reload.
     stateVersion = computed(() => this._stateVersion());
-    // Moves each time apply() opens a view (or the report's defaults). The
-    // canvas keys its tiles on it, so an opened view draws each one again.
-    // resetToBase() leaves it: a reset refetches the tiles in place, so their
-    // data stays on screen while they reload.
-    appliedVersion = computed(() => this._appliedVersion());
     // By list component id, how many resets moved that list's sort. FsList
     // reads its sort only when it is created, so a list whose sort a reset
     // moved is drawn again (keyed on its count); every other tile reloads in
@@ -6561,20 +6111,12 @@ class ReportFilterStateService {
     // The report init() last read, or null before one is open. A tile header
     // lists its select options from it (ReportFilterOptionsService).
     report = computed(() => this._report());
-    // The state the screen is compared with: the base apply() was given (the
-    // open view as it applied), or the report's authored defaults
-    // (authoredConfig()) when no view is open. It holds only the groups the
-    // view held; every other group follows its authored default.
-    base = computed(() => {
+    // Whether the screen differs from the report's authored defaults
+    // (stateDiffers): what the report bar's 'Clear filters' shows for. A switch
+    // of page does not count, and the temporary state never does.
+    differsFromDefaults = computed(() => {
         this._revision();
-        return this._baseConfig() ?? this.authoredConfig();
-    });
-    // Whether the screen differs from base (viewDiffers): what a view picker
-    // marks '(edited)'. A switch of page does not count, and the temporary
-    // state never does.
-    viewChanged = computed(() => {
-        this._revision();
-        return viewDiffers(this.base(), this.snapshot(), this.authoredConfig());
+        return stateDiffers(this.authoredConfig(), this.snapshot());
     });
     _values = new Map();
     _groups = new Map();
@@ -6585,7 +6127,7 @@ class ReportFilterStateService {
     _cleared = new Set();
     // The report's group-by control: a single report-wide bucket override for all
     // time-series charts. Unset = each chart uses its authored granularity. Never
-    // saved to the report (a saved view keeps it), and carried in the data request's
+    // saved to the report, and carried in the data request's
     // `state`, so it propagates through to the PDF/PowerPoint exports too. Named
     // for the `frequency` wire key it travels under, not for the control's label.
     _frequency = null;
@@ -6613,10 +6155,11 @@ class ReportFilterStateService {
     // Fires whenever anything in the viewer state may have changed.
     _stateChanged$ = new Subject();
     // Counts the changes changes() reports. The group values, the grain and
-    // the list state that base and viewChanged compare are the plain fields
+    // the list state that differsFromDefaults compares are the plain fields
     // above, which every setter reports through changes() (they are shared
     // with the inline values build, so they stay as they are); this counter is
-    // how the two computeds hear of them. The view state below is signals and
+    // how the computed hears of them. The page, match and drills below are
+    // signals and
     // is read directly. The subject is this service's own and is never
     // completed, so the signal listens to it exactly as long as the service
     // lives.
@@ -6625,13 +6168,11 @@ class ReportFilterStateService {
         manualCleanup: true,
     });
     _stateVersion = signal(0);
-    _appliedVersion = signal(0);
     _listSortResets = signal(new Map());
-    // The report init() last read: the tiles and pages a view's state is
-    // checked against.
+    // The report init() last read: the tiles and pages the state is checked
+    // against.
     _report = signal(null);
-    // The open page, set by the host as the viewer moves between pages. A view
-    // stores it, but moving to another page never edits a view.
+    // The open page, set by the host as the viewer moves between pages.
     _pageId = signal(null);
     // How the groups combine: 'all' (the default) or 'any'.
     _match = signal('all');
@@ -6640,11 +6181,8 @@ class ReportFilterStateService {
     _drills = signal(new Map());
     // Emits the id of the chart whose drill path changed.
     _drillChanged$ = new Subject();
-    // The base as apply() applied it, or null when the base is the authored
-    // defaults (see base).
-    _baseConfig = signal(null);
     // The temporary layer: kept apart from everything above, so snapshot()
-    // and viewChanged never read it.
+    // and differsFromDefaults never read it.
     _temporary = signal(emptyTemporaryState());
     // Seed groups + their defaults when a report loads. Existing session values
     // for still-existing groups survive a structure re-fetch (a chat edit
@@ -6674,7 +6212,7 @@ class ReportFilterStateService {
         }
         this._lists = new Map(this._listComponents(report).map((component) => [component.id, component]));
         this._prune(report);
-        this._pruneViewState(report, previousGroups);
+        this._prunePageState(report);
         this._changed$.next(null);
         this._stateChanged$.next();
     }
@@ -6701,7 +6239,7 @@ class ReportFilterStateService {
         this._stateChanged$.next();
     }
     // A relative preset name as today's range in the report's zone, or null for
-    // a name it does not know. A view's rolling range is opened through this.
+    // a name it does not know.
     resolveRelative(name) {
         return this._relativeRange(name);
     }
@@ -6749,8 +6287,8 @@ class ReportFilterStateService {
     // Whether a list shows the search box over its text columns: it does when the
     // server answers a list search (see _serverSearches), unless one of its live
     // filters belongs to a keyword group its header shows. A bar shows one search
-    // box (its last keyword item), and that one is the author's. The header, an
-    // opened view, the pruning, the data request state and the exports all read
+    // box (its last keyword item), and that one is the author's. The header, the
+    // pruning, the data request state and the exports all read
     // this one rule, so no search narrows a list whose screen has no box showing
     // it, and no export titles a search the server did not apply.
     listSearchable(component) {
@@ -6810,7 +6348,7 @@ class ReportFilterStateService {
     }
     // Fires whenever the viewer state may have changed: a group value, the
     // grain, the match, the page, a list sort, search or hidden columns, a
-    // drill path, an applied view or a (re)load of the report.
+    // drill path, a reset or a (re)load of the report.
     changes() {
         return this._stateChanged$.asObservable();
     }
@@ -6949,117 +6487,86 @@ class ReportFilterStateService {
         this._stateChanged$.next();
         return true;
     }
-    // The durable state on screen as one view document: the page, every group
-    // the report has (null when it holds nothing, a cleared default included),
-    // the match, the grain, and each tile's sort, search, hidden columns and
-    // drill path where they differ from the authored tile. A date range that
-    // still carries its relative preset is written as that preset, whatever
-    // today is (toStoredGroupValue). The temporary layer is never part of it.
+    // The durable state on screen as one document: the page, every group the
+    // report has (null when it holds nothing, a cleared default included), the
+    // match, the grain, and each tile's sort, search, hidden columns and drill
+    // path where they differ from the authored tile. A date range that still
+    // carries its relative preset is written as that preset, whatever today is
+    // (toStoredGroupValue). The temporary layer is never part of it.
     snapshot() {
-        const config = { v: REPORT_VIEW_CONFIG_VERSION };
+        const snapshot = {};
         if (this._pageId()) {
-            config.pageId = this._pageId();
+            snapshot.pageId = this._pageId();
         }
         if (this._frequency) {
-            config.groupBy = this._frequency;
+            snapshot.groupBy = this._frequency;
         }
         if (this._match() === 'any') {
-            config.match = 'any';
+            snapshot.match = 'any';
         }
-        config.groups = this._snapshotGroups();
+        snapshot.groups = this._snapshotGroups();
         const tiles = this._snapshotTiles();
         if (Object.keys(tiles).length) {
-            config.tiles = tiles;
+            snapshot.tiles = tiles;
         }
-        return config;
+        return snapshot;
     }
-    // The report's authored defaults as a view document: every group at its
-    // authored default (null when it has none), no match, grain or tile state.
+    // The report's authored defaults as a snapshot: every group at its authored
+    // default (null when it has none), no match, grain or tile state.
     authoredConfig() {
         const groups = {};
         this._groups.forEach((group) => {
             groups[group.id] = toStoredGroupValue(group.type, this._defaultValue(group));
         });
-        return { v: REPORT_VIEW_CONFIG_VERSION, groups };
-    }
-    // Replaces the durable state with a view's (`config`; null = the report's
-    // authored defaults), which becomes the base: what the screen is compared
-    // with for '(edited)' and what resetToBase() returns to. A group the view
-    // does not hold opens at its authored default; one the report does not
-    // have, or whose value does not fit the group's type, is skipped. The
-    // view's page opens, unless `pageId` names a page of the report (a ?page=
-    // the report opened with beats its default view's page). The temporary
-    // layer is kept. Every change is announced once, at the end.
-    apply(config, pageId = null) {
-        const frequency = this._frequency;
-        this._setBase(config);
-        this._applyPage(config?.pageId);
-        this._applyPage(pageId);
-        this._appliedVersion.update((version) => version + 1);
-        this._notifyApplied(frequency);
-    }
-    // Puts the screen back on its base (the open view, else the authored
-    // defaults) on the page it is on, and clears the temporary layer. The
-    // tiles stay and reload in place (appliedVersion does not move), except a
-    // list whose sort this moved (listSortResets).
-    resetToBase() {
+        return { groups };
+    }
+    // Puts the screen back on the report's authored defaults on the page it is
+    // on: every group at its default, match 'all', no grain, and every tile at
+    // its authored sort, search, columns and top. Clears the temporary layer.
+    // The tiles stay and reload in place, except a list whose sort this moved
+    // (listSortResets). Every change is announced once, at the end.
+    resetToDefaults() {
         const frequency = this._frequency;
         const sorts = new Map(this._listSorts);
         this._temporary.set(emptyTemporaryState());
-        this._applyLayer(this._baseConfig());
+        this._groups.forEach((group) => this._seedAuthored(group));
+        this._match.set('all');
+        this._frequency = null;
+        this._clearTiles();
         this._countSortResets(sorts);
-        this._notifyApplied(frequency);
-    }
-    // The screen as it is becomes the base, with nothing applied: what a view
-    // just saved from the screen holds. The page on screen is the base's.
-    setBaseToScreen() {
-        this._baseConfig.set(this.snapshot());
-        this._stateChanged$.next();
-    }
-    // The report's authored defaults become the base again (the open view was
-    // deleted); the screen stays as it is.
-    clearBase() {
-        this._baseConfig.set(null);
-        this._stateChanged$.next();
-    }
-    // Puts only `groupIds` back on the base: the open view's value for a group
-    // it holds, else the group's authored default. A tile header's 'Clear
-    // filters' owns only its own groups; the report bar's calls resetToBase().
-    // Each group is announced as a viewer's change to it is, so the tiles in
-    // it refetch and a bar showing it with another value is built again.
-    resetGroupsToBase(groupIds) {
-        const held = this._baseConfig()?.groups ?? {};
+        this._notifyReset(frequency);
+    }
+    // Puts only `groupIds` back on their authored defaults. A tile header's
+    // 'Clear filters' owns only its own groups; the report bar's calls
+    // resetToDefaults(). Each group is announced as a viewer's change to it is,
+    // so the tiles in it refetch and a bar showing it with another value is
+    // built again.
+    resetGroupsToDefaults(groupIds) {
         groupIds.forEach((groupId) => {
             const group = this._groups.get(groupId);
             if (!group) {
                 return;
             }
-            if (!Object.prototype.hasOwnProperty.call(held, groupId) || !this._applyGroup(group, held[groupId])) {
-                this._seedAuthored(group);
-            }
+            this._seedAuthored(group);
             this._changed$.next(groupId);
         });
         this._stateChanged$.next();
     }
-    // Whether one of `groupIds` shows a value other than its base: the open
-    // view's value for a group it holds, else the group's authored default,
-    // the value resetGroupsToBase() puts back and viewChanged compares. A tile
-    // header's Clear chip shows exactly while one of its own groups does. It
-    // reads the revision viewChanged reads, so a caller on each check of an
-    // OnPush view stays current.
-    groupsDifferFromBase(groupIds) {
+    // Whether one of `groupIds` shows a value other than its authored default,
+    // the value resetGroupsToDefaults() puts back. A tile header's Clear chip
+    // shows exactly while one of its own groups does. It reads the revision
+    // differsFromDefaults reads, so a caller on each check of an OnPush view
+    // stays current.
+    groupsDifferFromDefaults(groupIds) {
         this._revision();
-        const held = this._baseConfig()?.groups ?? {};
         return groupIds.some((groupId) => {
             const group = this._groups.get(groupId);
             if (!group) {
                 return false;
             }
-            const base = Object.prototype.hasOwnProperty.call(held, groupId)
-                ? held[groupId]
-                : toStoredGroupValue(group.type, this._defaultValue(group));
+            const authored = toStoredGroupValue(group.type, this._defaultValue(group));
             const screen = this._cleared.has(groupId) ? null : toStoredGroupValue(group.type, this._values.get(groupId));
-            return !sameStoredGroupValue(base, screen);
+            return !sameStoredGroupValue(authored, screen);
         });
     }
     // The interaction state a tile's data request carries now: tileDataState
@@ -7326,77 +6833,6 @@ class ReportFilterStateService {
         }
         return tiles;
     }
-    // The view apply() was given, applied as the screen's state and kept as
-    // the base. What is kept is the snapshot of it, with only the groups it
-    // held: a group it did not hold, or held in a shape that does not fit,
-    // follows its authored default (viewDiffers compares it with
-    // authoredConfig()).
-    _setBase(base) {
-        const held = this._applyLayer(base);
-        if (!base) {
-            this._baseConfig.set(null);
-            return;
-        }
-        // The page is the base's own, not the one on screen.
-        const applied = this.snapshot();
-        delete applied.pageId;
-        applied.groups = Object.fromEntries(Object.entries(applied.groups ?? {})
-            .filter(([groupId]) => held.has(Number(groupId))));
-        if (base.pageId && (this._report()?.pages ?? []).some((page) => page.id === base.pageId)) {
-            applied.pageId = base.pageId;
-        }
-        this._baseConfig.set(applied);
-    }
-    // Applies a view's state in place of the whole durable state, and gives the
-    // ids of the groups it set: what `config` does not hold goes back to the
-    // authored report. Nothing is announced here: the caller announces once
-    // (_notifyApplied).
-    _applyLayer(config) {
-        const held = this._applyGroups(config?.groups ?? {});
-        this._match.set(config?.match === 'any' ? 'any' : 'all');
-        const groupBy = config?.groupBy;
-        this._frequency = isChartGranularity(groupBy) ? groupBy : null;
-        this._clearTiles();
-        Object.entries(config?.tiles ?? {})
-            .forEach(([componentId, tile]) => this._applyTile(Number(componentId), tile ?? {}));
-        return held;
-    }
-    // Each group's value from a view; a group it does not set goes back to its
-    // authored default.
-    _applyGroups(groups) {
-        const held = new Set();
-        this._groups.forEach((group) => {
-            if (Object.prototype.hasOwnProperty.call(groups, group.id) && this._applyGroup(group, groups[group.id])) {
-                held.add(group.id);
-            }
-            else {
-                this._seedAuthored(group);
-            }
-        });
-        return held;
-    }
-    // One group's stored value, or false when the group's type cannot hold it
-    // (it is then dropped whole, and the caller seeds the group's authored
-    // default). null, or a value that holds nothing, clears the group.
-    _applyGroup(group, stored) {
-        const kept = stored === null ? {} : groupValueFromStored(stored, group.type);
-        if (kept === null) {
-            return false;
-        }
-        const value = toLiveGroupValue(group.type, kept, (name) => this.resolveRelative(name));
-        if (value) {
-            this._values.set(group.id, value);
-            this._cleared.delete(group.id);
-        }
-        else {
-            this._values.delete(group.id);
-            this._cleared.delete(group.id);
-            if (group.config?.default) {
-                this._cleared.add(group.id);
-            }
-        }
-        return true;
-    }
     // A group back at its authored default.
     _seedAuthored(group) {
         const value = this._defaultValue(group);
@@ -7415,54 +6851,6 @@ class ReportFilterStateService {
         this.listHidden.set(new Map());
         this._drills.set(new Map());
     }
-    // One tile's stored state, each key checked: a sort on a column the list
-    // can sort by, a search on a list that shows the box, hidden columns the
-    // list can hide, a drill path on a chart.
-    _applyTile(componentId, tile) {
-        const list = this._lists.get(componentId);
-        if (list) {
-            this._applyListTile(list, tile);
-        }
-        if (Array.isArray(tile.drill) && this._isChart(componentId)) {
-            this._setDrillPath(componentId, cleanDrillPath(tile.drill));
-        }
-    }
-    // A list's sort, search and hidden columns from a tile state, kept by the
-    // rules setListSort, setListSearch and setHiddenColumns apply, but set
-    // straight on the maps: those setters each announce a change, and an apply
-    // announces once, at its end. A sort that is the list's authored first
-    // term is its default, so it clears the entry.
-    _applyListTile(list, tile) {
-        const sort = tile.sort;
-        if (sort?.column && this._sortableColumns(list).includes(sort.column)) {
-            if (sameSort(sort, listSortTerms(list.config)[0] ?? null)) {
-                this._listSorts.delete(list.id);
-            }
-            else {
-                this._listSorts.set(list.id, { ...sort });
-            }
-        }
-        if (typeof tile.search === 'string') {
-            const search = listSearchText(tile.search);
-            if (search && this.listSearchable(list)) {
-                this._listSearches.set(list.id, search);
-            }
-            else {
-                this._listSearches.delete(list.id);
-            }
-        }
-        if (Array.isArray(tile.hidden)) {
-            const hidden = listHiddenColumns(list.config, tile.hidden);
-            const next = new Map(this.listHidden());
-            if (hidden.length) {
-                next.set(list.id, hidden);
-            }
-            else {
-                next.delete(list.id);
-            }
-            this.listHidden.set(next);
-        }
-    }
     // One chart's drill path; an empty path is the chart's top.
     _setDrillPath(componentId, path) {
         const next = new Map(this._drills());
@@ -7474,15 +6862,9 @@ class ReportFilterStateService {
         }
         this._drills.set(next);
     }
-    // The page a layer names, when the report has it.
-    _applyPage(pageId) {
-        if (pageId && (this._report()?.pages ?? []).some((page) => page.id === pageId)) {
-            this._pageId.set(pageId);
-        }
-    }
-    // After apply() or resetToBase(): every bar and tile repaints, and the
+    // After resetToDefaults(): every bar and tile repaints, and the
     // time-series charts refetch when the grain moved.
-    _notifyApplied(frequency) {
+    _notifyReset(frequency) {
         this._stateVersion.update((version) => version + 1);
         this._changed$.next(null);
         if (frequency !== this._frequency) {
@@ -7501,13 +6883,12 @@ class ReportFilterStateService {
         return this._tiles()
             .some((component) => component.id === componentId && component.type === 'chart');
     }
-    // Keeps the view state to what the report (re)loaded by init() still has:
-    // drill paths on charts it still has, the page while it has it, and the
-    // base to what the screen can still show (_pruneBase). On another report it
-    // starts again: no open view, match 'all', no drill and nothing temporary.
-    _pruneViewState(report, previousGroups) {
+    // Keeps the page and drill state to what the report (re)loaded by init()
+    // still has: drill paths on charts it still has, the page while it has it.
+    // On another report it starts again: match 'all', no drill and nothing
+    // temporary.
+    _prunePageState(report) {
         if (this._report()?.id !== report.id) {
-            this._baseConfig.set(null);
             this._match.set('all');
             this._pageId.set(null);
             this._drills.set(new Map());
@@ -7519,58 +6900,6 @@ class ReportFilterStateService {
         if (this._pageId() && !(report.pages ?? []).some((page) => page.id === this._pageId())) {
             this._pageId.set(null);
         }
-        this._pruneBase(previousGroups);
-    }
-    // Keeps the base to what the screen can still show, by the rules the live
-    // state is pruned by (_prune, _seed and the drill pruning above), so an
-    // edit of the report alone never reads as '(edited)'. A group whose
-    // authored default changed leaves the base and follows the new default,
-    // as the live value does (_seed re-seeds it); so does a group the report
-    // no longer has. Each tile keeps only the state its component can still
-    // take (_baseTile).
-    _pruneBase(previousGroups) {
-        const base = this._baseConfig();
-        if (!base) {
-            return;
-        }
-        const groups = Object.fromEntries(Object.entries(base.groups ?? {})
-            .filter(([groupId]) => {
-            const group = this._groups.get(Number(groupId));
-            return !!group
-                && sameDefault(previousGroups.get(group.id)?.config?.default ?? null, group.config?.default ?? null);
-        }));
-        const tiles = Object.fromEntries(Object.entries(base.tiles ?? {})
-            .map(([componentId, tile]) => [componentId, this._baseTile(Number(componentId), tile)])
-            .filter(([, tile]) => Object.keys(tile).length));
-        const pruned = { ...base, groups };
-        delete pruned.tiles;
-        if (Object.keys(tiles).length) {
-            pruned.tiles = tiles;
-        }
-        this._baseConfig.set(pruned);
-    }
-    // A base tile's state, kept to what its component can still take: a sort
-    // on a column the list can still sort by that is not now its authored
-    // first term, a search while the list shows the box, the hidden columns
-    // the list still has, a drill path while the component is a chart.
-    _baseTile(componentId, tile) {
-        const kept = {};
-        const list = this._lists.get(componentId);
-        const hidden = list && tile.hidden ? listHiddenColumns(list.config, tile.hidden) : [];
-        if (list && tile.sort && this._sortableColumns(list).includes(tile.sort.column)
-            && !sameSort(tile.sort, listSortTerms(list.config)[0] ?? null)) {
-            kept.sort = tile.sort;
-        }
-        if (list && tile.search && this.listSearchable(list)) {
-            kept.search = tile.search;
-        }
-        if (hidden.length) {
-            kept.hidden = hidden;
-        }
-        if (tile.drill?.length && this._isChart(componentId)) {
-            kept.drill = tile.drill;
-        }
-        return kept;
     }
     // A select's values to leave out (only when it keeps none) and a number
     // range's ends, an open end left out and 0 kept, written onto `fields`.
@@ -8337,8 +7666,8 @@ function finite(value) {
     return typeof value === 'number' && Number.isFinite(value) ? value : null;
 }
 
-// A sweep of changes (a few filters set in a row, every value of an applied
-// view) settles for this long before a tile refetches, so the sweep costs one
+// A sweep of changes (a few filters set in a row, every value of a picked
+// saved filter) settles for this long before a tile refetches, so the sweep costs one
 // request, not one per change.
 const TILE_REFRESH_DEBOUNCE_MS = 300;
 // A tile's data as one stream: the first load at once, then one load per
@@ -8349,9 +7678,8 @@ const TILE_REFRESH_DEBOUNCE_MS = 300;
 //   So an answer to an older request never lands, not even while the next
 //   load still waits, and the bar stays on until the settled load answers.
 // - Each load notes the state version it was sent under (stateVersion), and
-//   its answer is dropped when the version has moved since. apply() and
-//   resetToBase() move the version and announce a full change together, so
-//   the load for the new state is already on its way.
+//   its answer is dropped when the version has moved since. resetToDefaults()
+//   moves the version and announces a full change together, so the load for the new state is already on its way.
 // - A failed load ends only itself: its message comes through as the answer,
 //   and the next trigger loads again.
 function tileLoads(refresh$, load, version) {
@@ -8941,8 +8269,8 @@ class ComponentListComponent {
     // How many leading columns stay in view while the list scrolls sideways.
     pinned = computed(() => listPinnedColumns(this.component().config));
     columnClasses = columnClasses;
-    // The config columns the viewer hid on this list (the Columns dialog, or a
-    // saved view). fs-list hides and shows them in place through [show], so the rows
+    // The config columns the viewer hid on this list (the Columns dialog). fs-list
+    // hides and shows them in place through [show], so the rows
     // already fetched stand.
     hidden = computed(() => new Set(this._filterState.hiddenColumns(this.component().id)));
     totalLabel = LIST_TOTAL_LABEL;
@@ -10358,8 +9686,9 @@ class ReportComponentComponent {
     // repaints the header and body.
     filterConfig = signal(null);
     data = signal(null);
-    // The shimmer: only while the tile has no data to show yet. A refetch keeps
-    // the data on screen and sets `refreshing`, a thin bar over the body.
+    // A load shows a spinner centred on the tile. `loading` is the first load,
+    // with nothing to show yet; a refetch keeps the data on screen, dimmed
+    // under the spinner (`refreshing`). The title is never dimmed.
     loading = signal(false);
     refreshing = signal(false);
     error = signal(null);
@@ -10383,7 +9712,7 @@ class ReportComponentComponent {
     // The breadcrumb after the title while the chart is drilled ('2026', 'Q3'),
     // one label per step of its path, in the report's locale. Empty at the top
     // and while the viewer is not offered drill: a path an older server never
-    // applies is kept for a saved view, but not shown.
+    // applies is kept in the state, but not shown.
     drillCrumbs = computed(() => (this._offeredFeatures().includes('drill')
         ? drillCrumbLabels(this._filterState.drill(this.component?.id), this._filterState.formatContext())
         : []));
@@ -10433,7 +9762,7 @@ class ReportComponentComponent {
         if (this.component.type !== 'list' && !this.isText && isDrawn(this.component)) {
             // One load stream (tileLoads): the first load at once, then one per
             // settled sweep of changes, each cancelling the one in flight, and an
-            // answer sent before a view was applied is dropped.
+            // answer sent before a reset is dropped.
             tileLoads(this._refresh$, () => this._load(), () => this._filterState.stateVersion())
                 .pipe(tap$1((result) => this._loaded(result)), takeUntilDestroyed(this._destroyRef))
                 .subscribe();
@@ -10592,7 +9921,7 @@ class ReportComponentComponent {
         return this.component.type === 'list' && listHideableColumns(this.component.config).length > 1;
     }
     // Which of a plain list's columns show. The choice is the viewer's (kept in
-    // the report's state and a saved view, never saved to the report), and the
+    // the report's state, never saved to the report), and the
     // list hides the columns in place, with no refetch.
     chooseColumns() {
         const columns = (this.component.config?.columns ?? [])
@@ -10816,25 +10145,20 @@ class ReportComponentComponent {
                     this._filterState.setListSearch(this.component.id, String(query?.[LIST_SEARCH_ITEM] ?? ''));
                 }
             },
-            // 'Clear filters' puts this header's own groups back on the open view,
-            // else on their authored defaults. fs-filter reports its own cleared
-            // items (change) just before this, so the reset wins. A server without
-            // saved views keeps the clear it always had: the header's items only.
-            clear: features.includes('views')
-                ? () => this._filterState.resetGroupsToBase(groups.map((group) => group.id))
-                : undefined,
+            // 'Clear filters' puts this header's own groups back on their authored
+            // defaults. fs-filter reports its own cleared items (change) just
+            // before this, so the reset wins.
+            clear: () => this._filterState.resetGroupsToDefaults(groups.map((group) => group.id)),
             // The chip shows exactly while one of those groups differs from what
-            // that clear puts back (groupsDifferFromBase). fs-filter's own rule
-            // compares the items with the values this header was built with, so it
-            // would miss a value the open view holds and offer a clear that changes
-            // nothing. A server without saved views keeps fs-filter's own rule.
-            clearVisible: features.includes('views')
-                ? () => this._filterState.groupsDifferFromBase(groups.map((group) => group.id))
-                : undefined,
+            // that clear puts back (groupsDifferFromDefaults). fs-filter's own rule
+            // compares the items with the values this header was built with, which
+            // may be the viewer's own picks, and would offer a clear that changes
+            // nothing.
+            clearVisible: () => this._filterState.groupsDifferFromDefaults(groups.map((group) => group.id)),
         });
     }
-    // apply() and resetToBase() move the state version and announce a full
-    // change (null). The header is built again for the new version, and
+    // resetToDefaults() moves the state version and announces a full change
+    // (null). The header is built again for the new version, and
     // filterKey, which carries it, recreates the block: fs-filter reads its
     // config once. Any other full change (a reload, the match) leaves it be.
     // A change to one group the header shows with another value (another bar
@@ -10943,8 +10267,7 @@ class ReportComponentComponent {
     }
     // ----- data ----------------------------------------------------------------
     // One request of the load stream (tileLoads), built from the state now. The
-    // shimmer shows only while the tile has nothing on screen; otherwise the
-    // data stays and the thin bar shows.
+    // spinner shows either way; a tile with data on screen keeps it, dimmed.
     _load() {
         const first = !this.data();
         this.loading.set(first);
@@ -10959,7 +10282,7 @@ class ReportComponentComponent {
         return this._reportData.componentData(this.reportId, this.component.id, filters, state);
     }
     // A failed load clears the data with its message, so the next load starts
-    // from the shimmer and never shows the data the failure replaced. A
+    // from an empty tile and never shows the data the failure replaced. A
     // chart's answer gives its drill path.
     _loaded(result) {
         this.data.set(result.data);
@@ -10972,7 +10295,7 @@ class ReportComponentComponent {
     }
     // A chart takes the drill path its answer applied (adoptedDrillPath) while
     // the viewer is offered drill; an older server applies none, and the path
-    // stays for a saved view. When the path it sent was cut, the viewer is told
+    // stays in the state. When the path it sent was cut, the viewer is told
     // once (drillResetNoted): the shorter path is what the chart reads from
     // now on, so the server cuts nothing again.
     _adoptDrill(data) {
@@ -11012,14 +10335,14 @@ class ReportComponentComponent {
         openAtPoint(anchor, click.pointer, this.zoom, () => this.markMenu?.openMenu(null));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ReportComponentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ReportComponentComponent, isStandalone: true, selector: "app-report-component", inputs: { reportId: { classPropertyName: "reportId", publicName: "reportId", isSignal: false, isRequired: false, transformFunction: null }, component: { classPropertyName: "component", publicName: "component", isSignal: false, isRequired: false, transformFunction: null }, groups: { classPropertyName: "groups", publicName: "groups", isSignal: false, isRequired: false, transformFunction: null }, editMode: { classPropertyName: "editMode", publicName: "editMode", isSignal: false, isRequired: false, transformFunction: null }, zoom: { classPropertyName: "zoom", publicName: "zoom", isSignal: false, isRequired: false, transformFunction: null }, snapper: { classPropertyName: "snapper", publicName: "snapper", isSignal: false, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: false, isRequired: false, transformFunction: null }, tokens: { classPropertyName: "tokens", publicName: "tokens", isSignal: true, isRequired: false, transformFunction: null }, valueKeysElsewhere: { classPropertyName: "valueKeysElsewhere", publicName: "valueKeysElsewhere", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectComponent: "selectComponent", positionChanged: "positionChanged", openSettings: "openSettings", removed: "removed", valueSettings: "valueSettings", textSaved: "textSaved", valuesRemoved: "valuesRemoved" }, host: { properties: { "class.height-auto": "this.heightAuto" } }, viewQueries: [{ propertyName: "_text", first: true, predicate: ComponentTextComponent, descendants: true, isSignal: true }, { propertyName: "chartComponent", first: true, predicate: ComponentChartComponent, descendants: true }, { propertyName: "markMenu", first: true, predicate: ["markMenu"], descendants: true }, { propertyName: "markAnchor", first: true, predicate: ["markAnchor"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n    class=\"component-box\"\n    [class.editing]=\"editMode\"\n    [class.text]=\"isText\"\n    [class.selected]=\"selected\"\n    [style.padding]=\"bodyPadding\"\n    (pointerdown)=\"onComponentPointerDown($event)\"\n    (mousedown)=\"stopCanvasPan($event)\"\n    (touchstart)=\"stopCanvasPan($event)\">\n  <!-- The header is an fs-filter: heading template = title (and the edit-mode\n       drag handle), actions = the menu, items = component-level filter groups,\n       the same strip for every type (lists included). fs-filter reads its\n       config once, so the block is keyed on the component-filter set to be\n       recreated when it changes. The title shows its tokens filled, and a\n       filter change repaints it in place (shownTitle). -->\n  <!-- A text block has no title bar \u2014 it IS its words, like a text box on a\n       slide \u2014 so it gets neither the header nor the data actions. -->\n  @for (key of isText ? [] : [filterKey]; track key) {\n    <fs-filter\n        class=\"component-filter\"\n        [config]=\"filterConfig()\">\n      <ng-template fsFilterHeading>\n        <div\n            class=\"component-title\"\n            (pointerdown)=\"onDragStart($event)\">\n          <!-- While the chart is drilled the title leads its breadcrumb:\n               'Title \u203A 2026 \u203A Q3', the title as the viewer reads it\n               (shownTitle). The title goes back to the top and each\n               crumb to the period it names; the last is where the chart is.\n               A long path is cut at its left end, so the crumbs nearest the\n               chart stay in view. While the layout is edited the crumbs are\n               plain text (the stylesheet; drillTo does nothing then). -->\n          @if (drillCrumbs().length) {\n            <span class=\"drill-path\">\n              <span dir=\"ltr\">\n                <a\n                    class=\"drill-crumb\"\n                    tabindex=\"0\"\n                    (click)=\"drillTo(0)\"\n                    (keydown.enter)=\"drillTo(0)\">\n                  {{ shownTitle }}\n                </a>\n                @for (label of drillCrumbs(); track $index; let last = $last) {\n                  <span class=\"drill-separator\">{{ drillSeparator }}</span>\n                  @if (last) {\n                    <span>{{ label }}</span>\n                  } @else {\n                    <a\n                        class=\"drill-crumb\"\n                        tabindex=\"0\"\n                        (click)=\"drillTo($index + 1)\"\n                        (keydown.enter)=\"drillTo($index + 1)\">\n                      {{ label }}\n                    </a>\n                  }\n                }\n              </span>\n            </span>\n          } @else {\n            {{ shownTitle }}\n          }\n          @if (truncated) {\n            <mat-icon\n                class=\"truncated-icon\"\n                matTooltip=\"Showing a truncated result \u2014 refine the filters to see everything.\">\n              warning_amber\n            </mat-icon>\n          }\n        </div>\n      </ng-template>\n    </fs-filter>\n  }\n  <!-- The actions menu is floated top-right (absolute) rather than living in\n       fs-filter's actions slot, so its ~40px button height no longer drives the\n       header row's height. It overlays the box corner; the heading reserves\n       right padding so a long title ellipsises before it. -->\n  @if (!isText || (editMode && !textEditing())) {\n    <button\n        mat-icon-button\n        class=\"component-menu\"\n        [fsMenuTriggerFor]=\"menu\"\n        (pointerdown)=\"$event.stopPropagation()\"\n        (mousedown)=\"stopCanvasPan($event)\">\n      <mat-icon>more_vert</mat-icon>\n    </button>\n    <!-- Beside its trigger, inside the same block: an fs-menu that finds no\n         trigger of its own draws one. -->\n    <fs-menu #menu>\n      <ng-template\n          fs-menu-item\n          [hidden]=\"!isText\"\n          (click)=\"editText()\">\n        <mat-icon>edit</mat-icon>\n        <span>Edit text</span>\n      </ng-template>\n      <ng-template\n          fs-menu-item\n          [hidden]=\"!isText\"\n          (click)=\"deleteText()\">\n        <mat-icon>delete</mat-icon>\n        <span>Delete</span>\n      </ng-template>\n      <ng-template\n          fs-menu-item\n          [hidden]=\"!drillCrumbs().length || editMode\"\n          (click)=\"drillUp()\">\n        <mat-icon>arrow_upward</mat-icon>\n        <span>Drill up</span>\n      </ng-template>\n      <ng-template\n          fs-menu-item\n          [hidden]=\"!drillCrumbs().length || editMode\"\n          (click)=\"drillTo(0)\">\n        <mat-icon>vertical_align_top</mat-icon>\n        <span>Back to top</span>\n      </ng-template>\n      <ng-template\n          fs-menu-item\n          [hidden]=\"isText\"\n          (click)=\"settings()\">\n        <mat-icon>tune</mat-icon>\n        <span>Settings</span>\n      </ng-template>\n      <ng-template\n          fs-menu-item\n          [hidden]=\"isText\"\n          (click)=\"exportCsv()\">\n        <mat-icon>download</mat-icon>\n        <span>Export CSV</span>\n      </ng-template>\n      <ng-template\n          fs-menu-item\n          [hidden]=\"!hidesColumns\"\n          (click)=\"chooseColumns()\">\n        <mat-icon>view_column</mat-icon>\n        <span>Columns</span>\n      </ng-template>\n    </fs-menu>\n  }\n  <div class=\"component-body\">\n    <!-- A refetch keeps the data on screen under a thin bar; the shimmer\n         below is for the first load only. -->\n    @if (refreshing()) {\n      <mat-progress-bar\n        class=\"refresh-bar\"\n        aria-label=\"Refreshing data\"\n        [mode]=\"'indeterminate'\">\n      </mat-progress-bar>\n    }\n    @if (isText) {\n      <app-report-component-text\n        [html]=\"textHtml() ?? component.config?.html ?? ''\"\n        [tokens]=\"tokens()\"\n        [editing]=\"textEditing()\"\n        [shownElsewhere]=\"shownElsewhere\"\n        (saved)=\"onTextSaved($event)\"\n        (editEnded)=\"textEditing.set(false)\"\n        (valueSettings)=\"valueSettings.emit($event)\">\n      </app-report-component-text>\n    } @else if (component.type === 'list') {\n      @for (key of [listResetKey()]; track key) {\n        <app-report-component-list\n          [reportId]=\"reportId\"\n          [component]=\"component\">\n        </app-report-component-list>\n      }\n    } @else if (loading()) {\n      <div class=\"component-state\">\n        <div class=\"loading-shimmer\"></div>\n      </div>\n    } @else if (error()) {\n      <div class=\"component-state error\">\n        {{ error() }}\n      </div>\n    } @else if (!data()?.rows?.length) {\n      <div class=\"component-state\">\n        {{ emptyMessage() }}\n      </div>\n    } @else if (component.type === 'kpi') {\n      <app-report-component-kpi\n        [component]=\"component\"\n        [data]=\"data()\"\n        (markClick)=\"onMarkClick($event)\">\n      </app-report-component-kpi>\n    } @else {\n      <app-report-component-chart\n        [component]=\"component\"\n        [data]=\"data()\"\n        [actions]=\"tileActions()\"\n        [(legendSelected)]=\"legendSelected\"\n        (markClick)=\"onMarkClick($event)\"\n        (markMiss)=\"onMarkMiss()\">\n      </app-report-component-chart>\n    }\n    <!-- In edit mode a transparent veil over the body makes the WHOLE\n         component draggable (industry standard: you grab the object, not just\n         its title bar) and keeps inner widgets from swallowing the gesture. -->\n    @if (editMode && !textEditing()) {\n      <div\n        class=\"drag-veil\"\n        (pointerdown)=\"onDragStart($event)\">\n      </div>\n    }\n  </div>\n</div>\n<!-- The mark menu, for a click whose mark offers two or more actions. It\n     opens at the click: its trigger is a zero-size anchor that\n     anchor-at-point.ts moves there first. -->\n@if (!isText && !editMode) {\n  <span\n    #markAnchor\n    [style.position]=\"'absolute'\"\n    [fsMenuTriggerFor]=\"markMenu\">\n  </span>\n  <fs-menu #markMenu>\n    @for (action of markMenuActions(); track action) {\n      <ng-template\n          fs-menu-item\n          (click)=\"runMarkAction(action)\">\n        {{ markActionLabels[action] }}\n      </ng-template>\n    }\n  </fs-menu>\n}\n<!-- Handles live OUTSIDE the clipped box so they straddle its edges. -->\n@if (editMode && selected) {\n  @for (handle of resizeHandles; track handle) {\n    <div\n      class=\"handle handle-{{ handle }}\"\n      (mousedown)=\"stopCanvasPan($event)\"\n      (pointerdown)=\"onResizeStart($event, handle)\">\n    </div>\n  }\n}", styles: [":host{position:absolute;display:flex;flex-direction:column;font-size:10px;--mdc-outlined-button-container-height: 30px;--mdc-outlined-button-label-text-size: 10px;--mat-outlined-button-horizontal-padding: 15px;--mdc-text-button-container-height: 30px;--mdc-text-button-label-text-size: 10px;--mat-text-button-horizontal-padding: 15px;--mat-button-outlined-container-height: 30px;--mat-button-outlined-label-text-size: 10px;--mat-button-outlined-horizontal-padding: 15px;--mat-button-text-container-height: 30px;--mat-button-text-label-text-size: 10px;--mat-button-text-horizontal-padding: 15px}.component-box{position:relative;width:100%;flex:1 1 auto;min-height:0;box-sizing:border-box;display:flex;flex-direction:column;background:#fff;border:1px solid #e4e7eb;border-radius:6px;overflow:hidden;transition:box-shadow .12s ease,border-color .12s ease;cursor:default}.component-box.editing .component-title{cursor:grab}.component-box.editing .component-title:active{cursor:grabbing}.component-box.editing .drill-crumb{pointer-events:none}.component-box.editing:hover{border-color:#9db3c8;box-shadow:0 2px 8px #0f172a14}.component-box.selected{border-color:var(--brand-primary-color);box-shadow:0 0 0 1px var(--brand-primary-color),0 4px 14px #2196f32e}.component-box.text{background:transparent;border-color:transparent;border-radius:0;overflow:visible}.component-box.text.editing{border-style:dashed;border-color:#cbd2d9}.component-box.text.editing:hover{box-shadow:none}.component-box.text.selected{border-style:solid;border-color:var(--brand-primary-color);box-shadow:0 0 0 1px var(--brand-primary-color)}:host ::ng-deep .component-filter .filter-bar-container{align-items:center!important}.component-filter{flex:0 0 auto;display:block;padding:0 0 4px}.component-filter .component-title{display:flex;align-items:center;gap:4px;-webkit-user-select:none;user-select:none;padding-right:40px;font-size:var(--report-heading-size);font-weight:600;color:#1f2933;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-filter .component-title .truncated-icon{font-size:16px;width:16px;height:16px;color:#f59e0b}.component-filter .component-title .drill-path{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:rtl;text-align:left}.component-filter .component-title .drill-crumb{color:inherit;cursor:pointer;text-decoration:none}.component-filter .component-title .drill-crumb:hover,.component-filter .component-title .drill-crumb:focus-visible{text-decoration:underline}.component-filter .component-title .drill-separator{opacity:.6}.component-menu{position:absolute;top:2px;right:2px;z-index:30}.component-body{flex:1 1 auto;min-height:0;position:relative}.refresh-bar{position:absolute;top:0;left:0;right:0;z-index:1;pointer-events:none;--mdc-linear-progress-track-height: 2px;--mdc-linear-progress-active-indicator-height: 2px;--mat-progress-bar-track-height: 2px;--mat-progress-bar-active-indicator-height: 2px}:host(.height-auto) .component-state{min-height:120px}.drag-veil{position:absolute;inset:0;cursor:grab;touch-action:none}.drag-veil:active{cursor:grabbing}.component-state{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#7b8794;padding:8px;text-align:center}.component-state.error{color:#e15759}.loading-shimmer{width:70%;height:60%;border-radius:6px;background:linear-gradient(100deg,#f0f4f8 40%,#e4ebf2,#f0f4f8 60%);background-size:200% 100%;animation:shimmer 1.2s infinite linear}@keyframes shimmer{to{background-position-x:-200%}}.handle{position:absolute;width:14px;height:14px;display:flex;align-items:center;justify-content:center;touch-action:none;z-index:20;transform:scale(calc(1 / var(--canvas-zoom, 1)))}.handle:before{content:\"\";width:8px;height:8px;background:#fff;border:1.5px solid var(--brand-primary-color);border-radius:2px;box-shadow:0 1px 2px #0f172a33}.handle-nw{left:-7px;top:-7px;cursor:nwse-resize}.handle-n{left:calc(50% - 7px);top:-7px;cursor:ns-resize}.handle-ne{right:-7px;top:-7px;cursor:nesw-resize}.handle-e{right:-7px;top:calc(50% - 7px);cursor:ew-resize}.handle-se{right:-7px;bottom:-7px;cursor:nwse-resize}.handle-s{left:calc(50% - 7px);bottom:-7px;cursor:ns-resize}.handle-sw{left:-7px;bottom:-7px;cursor:nesw-resize}.handle-w{left:-7px;top:calc(50% - 7px);cursor:ew-resize}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: FsFilterModule }, { kind: "component", type: i1$2.FilterComponent, selector: "fs-filter", inputs: ["config"], outputs: ["closed", "opened", "ready"] }, { kind: "directive", type: i1$2.FilterHeadingDirective, selector: "[fsFilterHeading]" }, { kind: "ngmodule", type: FsMenuModule }, { kind: "component", type: i2.FsMenuComponent, selector: "fs-menu", inputs: ["class", "buttonClass", "buttonType", "buttonColor"], outputs: ["opened", "closed"] }, { kind: "directive", type: i2.FsMenuItemDirective, selector: "fs-menu-group,[fs-menu-item]" }, { kind: "directive", type: i2.FsMenuTriggerDirective, selector: "[fsMenuTriggerFor]", inputs: ["fsMenuTriggerFor"] }, { kind: "component", type: ComponentChartComponent, selector: "app-report-component-chart", inputs: ["component", "data", "legendSelected", "actions"], outputs: ["legendSelectedChange", "markClick", "markMiss"] }, { kind: "component", type: ComponentKpiComponent, selector: "app-report-component-kpi", inputs: ["component", "data"], outputs: ["markClick"] }, { kind: "component", type: ComponentListComponent, selector: "app-report-component-list", inputs: ["reportId", "component"] }, { kind: "component", type: ComponentTextComponent, selector: "app-report-component-text", inputs: ["html", "tokens", "editing", "shownElsewhere"], outputs: ["saved", "editEnded", "valueSettings"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ReportComponentComponent, isStandalone: true, selector: "app-report-component", inputs: { reportId: { classPropertyName: "reportId", publicName: "reportId", isSignal: false, isRequired: false, transformFunction: null }, component: { classPropertyName: "component", publicName: "component", isSignal: false, isRequired: false, transformFunction: null }, groups: { classPropertyName: "groups", publicName: "groups", isSignal: false, isRequired: false, transformFunction: null }, editMode: { classPropertyName: "editMode", publicName: "editMode", isSignal: false, isRequired: false, transformFunction: null }, zoom: { classPropertyName: "zoom", publicName: "zoom", isSignal: false, isRequired: false, transformFunction: null }, snapper: { classPropertyName: "snapper", publicName: "snapper", isSignal: false, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: false, isRequired: false, transformFunction: null }, tokens: { classPropertyName: "tokens", publicName: "tokens", isSignal: true, isRequired: false, transformFunction: null }, valueKeysElsewhere: { classPropertyName: "valueKeysElsewhere", publicName: "valueKeysElsewhere", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectComponent: "selectComponent", positionChanged: "positionChanged", openSettings: "openSettings", removed: "removed", valueSettings: "valueSettings", textSaved: "textSaved", valuesRemoved: "valuesRemoved" }, host: { properties: { "class.height-auto": "this.heightAuto" } }, viewQueries: [{ propertyName: "_text", first: true, predicate: ComponentTextComponent, descendants: true, isSignal: true }, { propertyName: "chartComponent", first: true, predicate: ComponentChartComponent, descendants: true }, { propertyName: "markMenu", first: true, predicate: ["markMenu"], descendants: true }, { propertyName: "markAnchor", first: true, predicate: ["markAnchor"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n    class=\"component-box\"\n    [class.editing]=\"editMode\"\n    [class.text]=\"isText\"\n    [class.selected]=\"selected\"\n    [class.refreshing]=\"refreshing()\"\n    [style.padding]=\"bodyPadding\"\n    (pointerdown)=\"onComponentPointerDown($event)\"\n    (mousedown)=\"stopCanvasPan($event)\"\n    (touchstart)=\"stopCanvasPan($event)\">\n  <!-- The header is an fs-filter: heading template = title (and the edit-mode\n       drag handle), actions = the menu, items = component-level filter groups,\n       the same strip for every type (lists included). fs-filter reads its\n       config once, so the block is keyed on the component-filter set to be\n       recreated when it changes. The title shows its tokens filled, and a\n       filter change repaints it in place (shownTitle). -->\n  <!-- A text block has no title bar \u2014 it IS its words, like a text box on a\n       slide \u2014 so it gets neither the header nor the data actions. -->\n  @for (key of isText ? [] : [filterKey]; track key) {\n    <fs-filter\n        class=\"component-filter\"\n        [config]=\"filterConfig()\">\n      <ng-template fsFilterHeading>\n        <div\n            class=\"component-title\"\n            (pointerdown)=\"onDragStart($event)\">\n          <!-- While the chart is drilled the title leads its breadcrumb:\n               'Title \u203A 2026 \u203A Q3', the title as the viewer reads it\n               (shownTitle). The title goes back to the top and each\n               crumb to the period it names; the last is where the chart is.\n               A long path is cut at its left end, so the crumbs nearest the\n               chart stay in view. While the layout is edited the crumbs are\n               plain text (the stylesheet; drillTo does nothing then). -->\n          @if (drillCrumbs().length) {\n            <span class=\"drill-path\">\n              <span dir=\"ltr\">\n                <a\n                    class=\"drill-crumb\"\n                    tabindex=\"0\"\n                    (click)=\"drillTo(0)\"\n                    (keydown.enter)=\"drillTo(0)\">\n                  {{ shownTitle }}\n                </a>\n                @for (label of drillCrumbs(); track $index; let last = $last) {\n                  <span class=\"drill-separator\">{{ drillSeparator }}</span>\n                  @if (last) {\n                    <span>{{ label }}</span>\n                  } @else {\n                    <a\n                        class=\"drill-crumb\"\n                        tabindex=\"0\"\n                        (click)=\"drillTo($index + 1)\"\n                        (keydown.enter)=\"drillTo($index + 1)\">\n                      {{ label }}\n                    </a>\n                  }\n                }\n              </span>\n            </span>\n          } @else {\n            {{ shownTitle }}\n          }\n          @if (truncated) {\n            <mat-icon\n                class=\"truncated-icon\"\n                matTooltip=\"Showing a truncated result \u2014 refine the filters to see everything.\">\n              warning_amber\n            </mat-icon>\n          }\n        </div>\n      </ng-template>\n    </fs-filter>\n  }\n  <!-- The actions menu is floated top-right (absolute) rather than living in\n       fs-filter's actions slot, so its ~40px button height no longer drives the\n       header row's height. It overlays the box corner; the heading reserves\n       right padding so a long title ellipsises before it. -->\n  @if (!isText || (editMode && !textEditing())) {\n    <button\n        mat-icon-button\n        class=\"component-menu\"\n        [fsMenuTriggerFor]=\"menu\"\n        (pointerdown)=\"$event.stopPropagation()\"\n        (mousedown)=\"stopCanvasPan($event)\">\n      <mat-icon>more_vert</mat-icon>\n    </button>\n    <!-- Beside its trigger, inside the same block: an fs-menu that finds no\n         trigger of its own draws one. -->\n    <fs-menu #menu>\n      <ng-template\n          fs-menu-item\n          [hidden]=\"!isText\"\n          (click)=\"editText()\">\n        <mat-icon>edit</mat-icon>\n        <span>Edit text</span>\n      </ng-template>\n      <ng-template\n          fs-menu-item\n          [hidden]=\"!isText\"\n          (click)=\"deleteText()\">\n        <mat-icon>delete</mat-icon>\n        <span>Delete</span>\n      </ng-template>\n      <ng-template\n          fs-menu-item\n          [hidden]=\"!drillCrumbs().length || editMode\"\n          (click)=\"drillUp()\">\n        <mat-icon>arrow_upward</mat-icon>\n        <span>Drill up</span>\n      </ng-template>\n      <ng-template\n          fs-menu-item\n          [hidden]=\"!drillCrumbs().length || editMode\"\n          (click)=\"drillTo(0)\">\n        <mat-icon>vertical_align_top</mat-icon>\n        <span>Back to top</span>\n      </ng-template>\n      <ng-template\n          fs-menu-item\n          [hidden]=\"isText\"\n          (click)=\"settings()\">\n        <mat-icon>tune</mat-icon>\n        <span>Settings</span>\n      </ng-template>\n      <ng-template\n          fs-menu-item\n          [hidden]=\"isText\"\n          (click)=\"exportCsv()\">\n        <mat-icon>download</mat-icon>\n        <span>Export CSV</span>\n      </ng-template>\n      <ng-template\n          fs-menu-item\n          [hidden]=\"!hidesColumns\"\n          (click)=\"chooseColumns()\">\n        <mat-icon>view_column</mat-icon>\n        <span>Columns</span>\n      </ng-template>\n    </fs-menu>\n  }\n  <div class=\"component-body\">\n    @if (isText) {\n      <app-report-component-text\n        [html]=\"textHtml() ?? component.config?.html ?? ''\"\n        [tokens]=\"tokens()\"\n        [editing]=\"textEditing()\"\n        [shownElsewhere]=\"shownElsewhere\"\n        (saved)=\"onTextSaved($event)\"\n        (editEnded)=\"textEditing.set(false)\"\n        (valueSettings)=\"valueSettings.emit($event)\">\n      </app-report-component-text>\n    } @else if (component.type === 'list') {\n      @for (key of [listResetKey()]; track key) {\n        <app-report-component-list\n          [reportId]=\"reportId\"\n          [component]=\"component\">\n        </app-report-component-list>\n      }\n    } @else if (loading()) {\n      <!-- Holds the tile's height for the spinner on the first load. -->\n      <div class=\"component-state\"></div>\n    } @else if (error()) {\n      <div class=\"component-state error\">\n        {{ error() }}\n      </div>\n    } @else if (!data()?.rows?.length) {\n      <div class=\"component-state\">\n        {{ emptyMessage() }}\n      </div>\n    } @else if (component.type === 'kpi') {\n      <app-report-component-kpi\n        [component]=\"component\"\n        [data]=\"data()\"\n        (markClick)=\"onMarkClick($event)\">\n      </app-report-component-kpi>\n    } @else {\n      <app-report-component-chart\n        [component]=\"component\"\n        [data]=\"data()\"\n        [actions]=\"tileActions()\"\n        [(legendSelected)]=\"legendSelected\"\n        (markClick)=\"onMarkClick($event)\"\n        (markMiss)=\"onMarkMiss()\">\n      </app-report-component-chart>\n    }\n    <!-- In edit mode a transparent veil over the body makes the WHOLE\n         component draggable (industry standard: you grab the object, not just\n         its title bar) and keeps inner widgets from swallowing the gesture. -->\n    @if (editMode && !textEditing()) {\n      <div\n        class=\"drag-veil\"\n        (pointerdown)=\"onDragStart($event)\">\n      </div>\n    }\n  </div>\n  <!-- A load: a spinner centred on the whole tile. On a refetch the body and\n       the menu are dimmed under it (.refreshing); the title is not. -->\n  @if (loading() || refreshing()) {\n    <mat-progress-spinner\n      class=\"load-spinner\"\n      aria-label=\"Loading data\"\n      mode=\"indeterminate\"\n      [diameter]=\"15\">\n    </mat-progress-spinner>\n  }\n</div>\n<!-- The mark menu, for a click whose mark offers two or more actions. It\n     opens at the click: its trigger is a zero-size anchor that\n     anchor-at-point.ts moves there first. -->\n@if (!isText && !editMode) {\n  <span\n    #markAnchor\n    [style.position]=\"'absolute'\"\n    [fsMenuTriggerFor]=\"markMenu\">\n  </span>\n  <fs-menu #markMenu>\n    @for (action of markMenuActions(); track action) {\n      <ng-template\n          fs-menu-item\n          (click)=\"runMarkAction(action)\">\n        {{ markActionLabels[action] }}\n      </ng-template>\n    }\n  </fs-menu>\n}\n<!-- Handles live OUTSIDE the clipped box so they straddle its edges. -->\n@if (editMode && selected) {\n  @for (handle of resizeHandles; track handle) {\n    <div\n      class=\"handle handle-{{ handle }}\"\n      (mousedown)=\"stopCanvasPan($event)\"\n      (pointerdown)=\"onResizeStart($event, handle)\">\n    </div>\n  }\n}", styles: [":host{position:absolute;display:flex;flex-direction:column;font-size:10px;--mdc-outlined-button-container-height: 30px;--mdc-outlined-button-label-text-size: 10px;--mat-outlined-button-horizontal-padding: 15px;--mdc-text-button-container-height: 30px;--mdc-text-button-label-text-size: 10px;--mat-text-button-horizontal-padding: 15px;--mat-button-outlined-container-height: 30px;--mat-button-outlined-label-text-size: 10px;--mat-button-outlined-horizontal-padding: 15px;--mat-button-text-container-height: 30px;--mat-button-text-label-text-size: 10px;--mat-button-text-horizontal-padding: 15px}.component-box{position:relative;width:100%;flex:1 1 auto;min-height:0;box-sizing:border-box;display:flex;flex-direction:column;background:#fff;border:1px solid #e4e7eb;border-radius:6px;overflow:hidden;transition:box-shadow .12s ease,border-color .12s ease;cursor:default}.component-box.editing .component-title{cursor:grab}.component-box.editing .component-title:active{cursor:grabbing}.component-box.editing .drill-crumb{pointer-events:none}.component-box.editing:hover{border-color:#9db3c8;box-shadow:0 2px 8px #0f172a14}.component-box.selected{border-color:var(--brand-primary-color);box-shadow:0 0 0 1px var(--brand-primary-color),0 4px 14px #2196f32e}.component-box.text{background:transparent;border-color:transparent;border-radius:0;overflow:visible}.component-box.text.editing{border-style:dashed;border-color:#cbd2d9}.component-box.text.editing:hover{box-shadow:none}.component-box.text.selected{border-style:solid;border-color:var(--brand-primary-color);box-shadow:0 0 0 1px var(--brand-primary-color)}:host ::ng-deep .component-filter .filter-bar-container{align-items:center!important}.component-filter{flex:0 0 auto;display:block;padding:0 0 4px}.component-filter .component-title{display:flex;align-items:center;gap:4px;-webkit-user-select:none;user-select:none;padding-right:40px;font-size:var(--report-heading-size);font-weight:600;color:#1f2933;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-filter .component-title .truncated-icon{font-size:16px;width:16px;height:16px;color:#f59e0b}.component-filter .component-title .drill-path{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:rtl;text-align:left}.component-filter .component-title .drill-crumb{color:inherit;cursor:pointer;text-decoration:none}.component-filter .component-title .drill-crumb:hover,.component-filter .component-title .drill-crumb:focus-visible{text-decoration:underline}.component-filter .component-title .drill-separator{opacity:.6}.component-menu{position:absolute;top:2px;right:2px;z-index:30}.component-body{flex:1 1 auto;min-height:0;position:relative}.component-box.refreshing .component-body,.component-box.refreshing .component-menu{opacity:.35;transition:opacity .15s ease}.load-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(calc(1 / var(--canvas-zoom, 1)));z-index:25;pointer-events:none}:host(.height-auto) .component-state{min-height:120px}.drag-veil{position:absolute;inset:0;cursor:grab;touch-action:none}.drag-veil:active{cursor:grabbing}.component-state{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#7b8794;padding:8px;text-align:center}.component-state.error{color:#e15759}.handle{position:absolute;width:14px;height:14px;display:flex;align-items:center;justify-content:center;touch-action:none;z-index:20;transform:scale(calc(1 / var(--canvas-zoom, 1)))}.handle:before{content:\"\";width:8px;height:8px;background:#fff;border:1.5px solid var(--brand-primary-color);border-radius:2px;box-shadow:0 1px 2px #0f172a33}.handle-nw{left:-7px;top:-7px;cursor:nwse-resize}.handle-n{left:calc(50% - 7px);top:-7px;cursor:ns-resize}.handle-ne{right:-7px;top:-7px;cursor:nesw-resize}.handle-e{right:-7px;top:calc(50% - 7px);cursor:ew-resize}.handle-se{right:-7px;bottom:-7px;cursor:nwse-resize}.handle-s{left:calc(50% - 7px);bottom:-7px;cursor:ns-resize}.handle-sw{left:-7px;bottom:-7px;cursor:nesw-resize}.handle-w{left:-7px;top:calc(50% - 7px);cursor:ew-resize}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: FsFilterModule }, { kind: "component", type: i1$2.FilterComponent, selector: "fs-filter", inputs: ["config"], outputs: ["closed", "opened", "ready"] }, { kind: "directive", type: i1$2.FilterHeadingDirective, selector: "[fsFilterHeading]" }, { kind: "ngmodule", type: FsMenuModule }, { kind: "component", type: i2.FsMenuComponent, selector: "fs-menu", inputs: ["class", "buttonClass", "buttonType", "buttonColor"], outputs: ["opened", "closed"] }, { kind: "directive", type: i2.FsMenuItemDirective, selector: "fs-menu-group,[fs-menu-item]" }, { kind: "directive", type: i2.FsMenuTriggerDirective, selector: "[fsMenuTriggerFor]", inputs: ["fsMenuTriggerFor"] }, { kind: "component", type: ComponentChartComponent, selector: "app-report-component-chart", inputs: ["component", "data", "legendSelected", "actions"], outputs: ["legendSelectedChange", "markClick", "markMiss"] }, { kind: "component", type: ComponentKpiComponent, selector: "app-report-component-kpi", inputs: ["component", "data"], outputs: ["markClick"] }, { kind: "component", type: ComponentListComponent, selector: "app-report-component-list", inputs: ["reportId", "component"] }, { kind: "component", type: ComponentTextComponent, selector: "app-report-component-text", inputs: ["html", "tokens", "editing", "shownElsewhere"], outputs: ["saved", "editEnded", "valueSettings"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ReportComponentComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-report-component', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         MatIcon,
                         MatIconButton,
-                        MatProgressBar,
+                        MatProgressSpinner,
                         MatTooltip,
                         FsFilterModule,
                         FsMenuModule,
@@ -11027,7 +10350,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         ComponentKpiComponent,
                         ComponentListComponent,
                         ComponentTextComponent,
-                    ], template: "<div\n    class=\"component-box\"\n    [class.editing]=\"editMode\"\n    [class.text]=\"isText\"\n    [class.selected]=\"selected\"\n    [style.padding]=\"bodyPadding\"\n    (pointerdown)=\"onComponentPointerDown($event)\"\n    (mousedown)=\"stopCanvasPan($event)\"\n    (touchstart)=\"stopCanvasPan($event)\">\n  <!-- The header is an fs-filter: heading template = title (and the edit-mode\n       drag handle), actions = the menu, items = component-level filter groups,\n       the same strip for every type (lists included). fs-filter reads its\n       config once, so the block is keyed on the component-filter set to be\n       recreated when it changes. The title shows its tokens filled, and a\n       filter change repaints it in place (shownTitle). -->\n  <!-- A text block has no title bar \u2014 it IS its words, like a text box on a\n       slide \u2014 so it gets neither the header nor the data actions. -->\n  @for (key of isText ? [] : [filterKey]; track key) {\n    <fs-filter\n        class=\"component-filter\"\n        [config]=\"filterConfig()\">\n      <ng-template fsFilterHeading>\n        <div\n            class=\"component-title\"\n            (pointerdown)=\"onDragStart($event)\">\n          <!-- While the chart is drilled the title leads its breadcrumb:\n               'Title \u203A 2026 \u203A Q3', the title as the viewer reads it\n               (shownTitle). The title goes back to the top and each\n               crumb to the period it names; the last is where the chart is.\n               A long path is cut at its left end, so the crumbs nearest the\n               chart stay in view. While the layout is edited the crumbs are\n               plain text (the stylesheet; drillTo does nothing then). -->\n          @if (drillCrumbs().length) {\n            <span class=\"drill-path\">\n              <span dir=\"ltr\">\n                <a\n                    class=\"drill-crumb\"\n                    tabindex=\"0\"\n                    (click)=\"drillTo(0)\"\n                    (keydown.enter)=\"drillTo(0)\">\n                  {{ shownTitle }}\n                </a>\n                @for (label of drillCrumbs(); track $index; let last = $last) {\n                  <span class=\"drill-separator\">{{ drillSeparator }}</span>\n                  @if (last) {\n                    <span>{{ label }}</span>\n                  } @else {\n                    <a\n                        class=\"drill-crumb\"\n                        tabindex=\"0\"\n                        (click)=\"drillTo($index + 1)\"\n                        (keydown.enter)=\"drillTo($index + 1)\">\n                      {{ label }}\n                    </a>\n                  }\n                }\n              </span>\n            </span>\n          } @else {\n            {{ shownTitle }}\n          }\n          @if (truncated) {\n            <mat-icon\n                class=\"truncated-icon\"\n                matTooltip=\"Showing a truncated result \u2014 refine the filters to see everything.\">\n              warning_amber\n            </mat-icon>\n          }\n        </div>\n      </ng-template>\n    </fs-filter>\n  }\n  <!-- The actions menu is floated top-right (absolute) rather than living in\n       fs-filter's actions slot, so its ~40px button height no longer drives the\n       header row's height. It overlays the box corner; the heading reserves\n       right padding so a long title ellipsises before it. -->\n  @if (!isText || (editMode && !textEditing())) {\n    <button\n        mat-icon-button\n        class=\"component-menu\"\n        [fsMenuTriggerFor]=\"menu\"\n        (pointerdown)=\"$event.stopPropagation()\"\n        (mousedown)=\"stopCanvasPan($event)\">\n      <mat-icon>more_vert</mat-icon>\n    </button>\n    <!-- Beside its trigger, inside the same block: an fs-menu that finds no\n         trigger of its own draws one. -->\n    <fs-menu #menu>\n      <ng-template\n          fs-menu-item\n          [hidden]=\"!isText\"\n          (click)=\"editText()\">\n        <mat-icon>edit</mat-icon>\n        <span>Edit text</span>\n      </ng-template>\n      <ng-template\n          fs-menu-item\n          [hidden]=\"!isText\"\n          (click)=\"deleteText()\">\n        <mat-icon>delete</mat-icon>\n        <span>Delete</span>\n      </ng-template>\n      <ng-template\n          fs-menu-item\n          [hidden]=\"!drillCrumbs().length || editMode\"\n          (click)=\"drillUp()\">\n        <mat-icon>arrow_upward</mat-icon>\n        <span>Drill up</span>\n      </ng-template>\n      <ng-template\n          fs-menu-item\n          [hidden]=\"!drillCrumbs().length || editMode\"\n          (click)=\"drillTo(0)\">\n        <mat-icon>vertical_align_top</mat-icon>\n        <span>Back to top</span>\n      </ng-template>\n      <ng-template\n          fs-menu-item\n          [hidden]=\"isText\"\n          (click)=\"settings()\">\n        <mat-icon>tune</mat-icon>\n        <span>Settings</span>\n      </ng-template>\n      <ng-template\n          fs-menu-item\n          [hidden]=\"isText\"\n          (click)=\"exportCsv()\">\n        <mat-icon>download</mat-icon>\n        <span>Export CSV</span>\n      </ng-template>\n      <ng-template\n          fs-menu-item\n          [hidden]=\"!hidesColumns\"\n          (click)=\"chooseColumns()\">\n        <mat-icon>view_column</mat-icon>\n        <span>Columns</span>\n      </ng-template>\n    </fs-menu>\n  }\n  <div class=\"component-body\">\n    <!-- A refetch keeps the data on screen under a thin bar; the shimmer\n         below is for the first load only. -->\n    @if (refreshing()) {\n      <mat-progress-bar\n        class=\"refresh-bar\"\n        aria-label=\"Refreshing data\"\n        [mode]=\"'indeterminate'\">\n      </mat-progress-bar>\n    }\n    @if (isText) {\n      <app-report-component-text\n        [html]=\"textHtml() ?? component.config?.html ?? ''\"\n        [tokens]=\"tokens()\"\n        [editing]=\"textEditing()\"\n        [shownElsewhere]=\"shownElsewhere\"\n        (saved)=\"onTextSaved($event)\"\n        (editEnded)=\"textEditing.set(false)\"\n        (valueSettings)=\"valueSettings.emit($event)\">\n      </app-report-component-text>\n    } @else if (component.type === 'list') {\n      @for (key of [listResetKey()]; track key) {\n        <app-report-component-list\n          [reportId]=\"reportId\"\n          [component]=\"component\">\n        </app-report-component-list>\n      }\n    } @else if (loading()) {\n      <div class=\"component-state\">\n        <div class=\"loading-shimmer\"></div>\n      </div>\n    } @else if (error()) {\n      <div class=\"component-state error\">\n        {{ error() }}\n      </div>\n    } @else if (!data()?.rows?.length) {\n      <div class=\"component-state\">\n        {{ emptyMessage() }}\n      </div>\n    } @else if (component.type === 'kpi') {\n      <app-report-component-kpi\n        [component]=\"component\"\n        [data]=\"data()\"\n        (markClick)=\"onMarkClick($event)\">\n      </app-report-component-kpi>\n    } @else {\n      <app-report-component-chart\n        [component]=\"component\"\n        [data]=\"data()\"\n        [actions]=\"tileActions()\"\n        [(legendSelected)]=\"legendSelected\"\n        (markClick)=\"onMarkClick($event)\"\n        (markMiss)=\"onMarkMiss()\">\n      </app-report-component-chart>\n    }\n    <!-- In edit mode a transparent veil over the body makes the WHOLE\n         component draggable (industry standard: you grab the object, not just\n         its title bar) and keeps inner widgets from swallowing the gesture. -->\n    @if (editMode && !textEditing()) {\n      <div\n        class=\"drag-veil\"\n        (pointerdown)=\"onDragStart($event)\">\n      </div>\n    }\n  </div>\n</div>\n<!-- The mark menu, for a click whose mark offers two or more actions. It\n     opens at the click: its trigger is a zero-size anchor that\n     anchor-at-point.ts moves there first. -->\n@if (!isText && !editMode) {\n  <span\n    #markAnchor\n    [style.position]=\"'absolute'\"\n    [fsMenuTriggerFor]=\"markMenu\">\n  </span>\n  <fs-menu #markMenu>\n    @for (action of markMenuActions(); track action) {\n      <ng-template\n          fs-menu-item\n          (click)=\"runMarkAction(action)\">\n        {{ markActionLabels[action] }}\n      </ng-template>\n    }\n  </fs-menu>\n}\n<!-- Handles live OUTSIDE the clipped box so they straddle its edges. -->\n@if (editMode && selected) {\n  @for (handle of resizeHandles; track handle) {\n    <div\n      class=\"handle handle-{{ handle }}\"\n      (mousedown)=\"stopCanvasPan($event)\"\n      (pointerdown)=\"onResizeStart($event, handle)\">\n    </div>\n  }\n}", styles: [":host{position:absolute;display:flex;flex-direction:column;font-size:10px;--mdc-outlined-button-container-height: 30px;--mdc-outlined-button-label-text-size: 10px;--mat-outlined-button-horizontal-padding: 15px;--mdc-text-button-container-height: 30px;--mdc-text-button-label-text-size: 10px;--mat-text-button-horizontal-padding: 15px;--mat-button-outlined-container-height: 30px;--mat-button-outlined-label-text-size: 10px;--mat-button-outlined-horizontal-padding: 15px;--mat-button-text-container-height: 30px;--mat-button-text-label-text-size: 10px;--mat-button-text-horizontal-padding: 15px}.component-box{position:relative;width:100%;flex:1 1 auto;min-height:0;box-sizing:border-box;display:flex;flex-direction:column;background:#fff;border:1px solid #e4e7eb;border-radius:6px;overflow:hidden;transition:box-shadow .12s ease,border-color .12s ease;cursor:default}.component-box.editing .component-title{cursor:grab}.component-box.editing .component-title:active{cursor:grabbing}.component-box.editing .drill-crumb{pointer-events:none}.component-box.editing:hover{border-color:#9db3c8;box-shadow:0 2px 8px #0f172a14}.component-box.selected{border-color:var(--brand-primary-color);box-shadow:0 0 0 1px var(--brand-primary-color),0 4px 14px #2196f32e}.component-box.text{background:transparent;border-color:transparent;border-radius:0;overflow:visible}.component-box.text.editing{border-style:dashed;border-color:#cbd2d9}.component-box.text.editing:hover{box-shadow:none}.component-box.text.selected{border-style:solid;border-color:var(--brand-primary-color);box-shadow:0 0 0 1px var(--brand-primary-color)}:host ::ng-deep .component-filter .filter-bar-container{align-items:center!important}.component-filter{flex:0 0 auto;display:block;padding:0 0 4px}.component-filter .component-title{display:flex;align-items:center;gap:4px;-webkit-user-select:none;user-select:none;padding-right:40px;font-size:var(--report-heading-size);font-weight:600;color:#1f2933;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-filter .component-title .truncated-icon{font-size:16px;width:16px;height:16px;color:#f59e0b}.component-filter .component-title .drill-path{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:rtl;text-align:left}.component-filter .component-title .drill-crumb{color:inherit;cursor:pointer;text-decoration:none}.component-filter .component-title .drill-crumb:hover,.component-filter .component-title .drill-crumb:focus-visible{text-decoration:underline}.component-filter .component-title .drill-separator{opacity:.6}.component-menu{position:absolute;top:2px;right:2px;z-index:30}.component-body{flex:1 1 auto;min-height:0;position:relative}.refresh-bar{position:absolute;top:0;left:0;right:0;z-index:1;pointer-events:none;--mdc-linear-progress-track-height: 2px;--mdc-linear-progress-active-indicator-height: 2px;--mat-progress-bar-track-height: 2px;--mat-progress-bar-active-indicator-height: 2px}:host(.height-auto) .component-state{min-height:120px}.drag-veil{position:absolute;inset:0;cursor:grab;touch-action:none}.drag-veil:active{cursor:grabbing}.component-state{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#7b8794;padding:8px;text-align:center}.component-state.error{color:#e15759}.loading-shimmer{width:70%;height:60%;border-radius:6px;background:linear-gradient(100deg,#f0f4f8 40%,#e4ebf2,#f0f4f8 60%);background-size:200% 100%;animation:shimmer 1.2s infinite linear}@keyframes shimmer{to{background-position-x:-200%}}.handle{position:absolute;width:14px;height:14px;display:flex;align-items:center;justify-content:center;touch-action:none;z-index:20;transform:scale(calc(1 / var(--canvas-zoom, 1)))}.handle:before{content:\"\";width:8px;height:8px;background:#fff;border:1.5px solid var(--brand-primary-color);border-radius:2px;box-shadow:0 1px 2px #0f172a33}.handle-nw{left:-7px;top:-7px;cursor:nwse-resize}.handle-n{left:calc(50% - 7px);top:-7px;cursor:ns-resize}.handle-ne{right:-7px;top:-7px;cursor:nesw-resize}.handle-e{right:-7px;top:calc(50% - 7px);cursor:ew-resize}.handle-se{right:-7px;bottom:-7px;cursor:nwse-resize}.handle-s{left:calc(50% - 7px);bottom:-7px;cursor:ns-resize}.handle-sw{left:-7px;bottom:-7px;cursor:nesw-resize}.handle-w{left:-7px;top:calc(50% - 7px);cursor:ew-resize}\n"] }]
+                    ], template: "<div\n    class=\"component-box\"\n    [class.editing]=\"editMode\"\n    [class.text]=\"isText\"\n    [class.selected]=\"selected\"\n    [class.refreshing]=\"refreshing()\"\n    [style.padding]=\"bodyPadding\"\n    (pointerdown)=\"onComponentPointerDown($event)\"\n    (mousedown)=\"stopCanvasPan($event)\"\n    (touchstart)=\"stopCanvasPan($event)\">\n  <!-- The header is an fs-filter: heading template = title (and the edit-mode\n       drag handle), actions = the menu, items = component-level filter groups,\n       the same strip for every type (lists included). fs-filter reads its\n       config once, so the block is keyed on the component-filter set to be\n       recreated when it changes. The title shows its tokens filled, and a\n       filter change repaints it in place (shownTitle). -->\n  <!-- A text block has no title bar \u2014 it IS its words, like a text box on a\n       slide \u2014 so it gets neither the header nor the data actions. -->\n  @for (key of isText ? [] : [filterKey]; track key) {\n    <fs-filter\n        class=\"component-filter\"\n        [config]=\"filterConfig()\">\n      <ng-template fsFilterHeading>\n        <div\n            class=\"component-title\"\n            (pointerdown)=\"onDragStart($event)\">\n          <!-- While the chart is drilled the title leads its breadcrumb:\n               'Title \u203A 2026 \u203A Q3', the title as the viewer reads it\n               (shownTitle). The title goes back to the top and each\n               crumb to the period it names; the last is where the chart is.\n               A long path is cut at its left end, so the crumbs nearest the\n               chart stay in view. While the layout is edited the crumbs are\n               plain text (the stylesheet; drillTo does nothing then). -->\n          @if (drillCrumbs().length) {\n            <span class=\"drill-path\">\n              <span dir=\"ltr\">\n                <a\n                    class=\"drill-crumb\"\n                    tabindex=\"0\"\n                    (click)=\"drillTo(0)\"\n                    (keydown.enter)=\"drillTo(0)\">\n                  {{ shownTitle }}\n                </a>\n                @for (label of drillCrumbs(); track $index; let last = $last) {\n                  <span class=\"drill-separator\">{{ drillSeparator }}</span>\n                  @if (last) {\n                    <span>{{ label }}</span>\n                  } @else {\n                    <a\n                        class=\"drill-crumb\"\n                        tabindex=\"0\"\n                        (click)=\"drillTo($index + 1)\"\n                        (keydown.enter)=\"drillTo($index + 1)\">\n                      {{ label }}\n                    </a>\n                  }\n                }\n              </span>\n            </span>\n          } @else {\n            {{ shownTitle }}\n          }\n          @if (truncated) {\n            <mat-icon\n                class=\"truncated-icon\"\n                matTooltip=\"Showing a truncated result \u2014 refine the filters to see everything.\">\n              warning_amber\n            </mat-icon>\n          }\n        </div>\n      </ng-template>\n    </fs-filter>\n  }\n  <!-- The actions menu is floated top-right (absolute) rather than living in\n       fs-filter's actions slot, so its ~40px button height no longer drives the\n       header row's height. It overlays the box corner; the heading reserves\n       right padding so a long title ellipsises before it. -->\n  @if (!isText || (editMode && !textEditing())) {\n    <button\n        mat-icon-button\n        class=\"component-menu\"\n        [fsMenuTriggerFor]=\"menu\"\n        (pointerdown)=\"$event.stopPropagation()\"\n        (mousedown)=\"stopCanvasPan($event)\">\n      <mat-icon>more_vert</mat-icon>\n    </button>\n    <!-- Beside its trigger, inside the same block: an fs-menu that finds no\n         trigger of its own draws one. -->\n    <fs-menu #menu>\n      <ng-template\n          fs-menu-item\n          [hidden]=\"!isText\"\n          (click)=\"editText()\">\n        <mat-icon>edit</mat-icon>\n        <span>Edit text</span>\n      </ng-template>\n      <ng-template\n          fs-menu-item\n          [hidden]=\"!isText\"\n          (click)=\"deleteText()\">\n        <mat-icon>delete</mat-icon>\n        <span>Delete</span>\n      </ng-template>\n      <ng-template\n          fs-menu-item\n          [hidden]=\"!drillCrumbs().length || editMode\"\n          (click)=\"drillUp()\">\n        <mat-icon>arrow_upward</mat-icon>\n        <span>Drill up</span>\n      </ng-template>\n      <ng-template\n          fs-menu-item\n          [hidden]=\"!drillCrumbs().length || editMode\"\n          (click)=\"drillTo(0)\">\n        <mat-icon>vertical_align_top</mat-icon>\n        <span>Back to top</span>\n      </ng-template>\n      <ng-template\n          fs-menu-item\n          [hidden]=\"isText\"\n          (click)=\"settings()\">\n        <mat-icon>tune</mat-icon>\n        <span>Settings</span>\n      </ng-template>\n      <ng-template\n          fs-menu-item\n          [hidden]=\"isText\"\n          (click)=\"exportCsv()\">\n        <mat-icon>download</mat-icon>\n        <span>Export CSV</span>\n      </ng-template>\n      <ng-template\n          fs-menu-item\n          [hidden]=\"!hidesColumns\"\n          (click)=\"chooseColumns()\">\n        <mat-icon>view_column</mat-icon>\n        <span>Columns</span>\n      </ng-template>\n    </fs-menu>\n  }\n  <div class=\"component-body\">\n    @if (isText) {\n      <app-report-component-text\n        [html]=\"textHtml() ?? component.config?.html ?? ''\"\n        [tokens]=\"tokens()\"\n        [editing]=\"textEditing()\"\n        [shownElsewhere]=\"shownElsewhere\"\n        (saved)=\"onTextSaved($event)\"\n        (editEnded)=\"textEditing.set(false)\"\n        (valueSettings)=\"valueSettings.emit($event)\">\n      </app-report-component-text>\n    } @else if (component.type === 'list') {\n      @for (key of [listResetKey()]; track key) {\n        <app-report-component-list\n          [reportId]=\"reportId\"\n          [component]=\"component\">\n        </app-report-component-list>\n      }\n    } @else if (loading()) {\n      <!-- Holds the tile's height for the spinner on the first load. -->\n      <div class=\"component-state\"></div>\n    } @else if (error()) {\n      <div class=\"component-state error\">\n        {{ error() }}\n      </div>\n    } @else if (!data()?.rows?.length) {\n      <div class=\"component-state\">\n        {{ emptyMessage() }}\n      </div>\n    } @else if (component.type === 'kpi') {\n      <app-report-component-kpi\n        [component]=\"component\"\n        [data]=\"data()\"\n        (markClick)=\"onMarkClick($event)\">\n      </app-report-component-kpi>\n    } @else {\n      <app-report-component-chart\n        [component]=\"component\"\n        [data]=\"data()\"\n        [actions]=\"tileActions()\"\n        [(legendSelected)]=\"legendSelected\"\n        (markClick)=\"onMarkClick($event)\"\n        (markMiss)=\"onMarkMiss()\">\n      </app-report-component-chart>\n    }\n    <!-- In edit mode a transparent veil over the body makes the WHOLE\n         component draggable (industry standard: you grab the object, not just\n         its title bar) and keeps inner widgets from swallowing the gesture. -->\n    @if (editMode && !textEditing()) {\n      <div\n        class=\"drag-veil\"\n        (pointerdown)=\"onDragStart($event)\">\n      </div>\n    }\n  </div>\n  <!-- A load: a spinner centred on the whole tile. On a refetch the body and\n       the menu are dimmed under it (.refreshing); the title is not. -->\n  @if (loading() || refreshing()) {\n    <mat-progress-spinner\n      class=\"load-spinner\"\n      aria-label=\"Loading data\"\n      mode=\"indeterminate\"\n      [diameter]=\"15\">\n    </mat-progress-spinner>\n  }\n</div>\n<!-- The mark menu, for a click whose mark offers two or more actions. It\n     opens at the click: its trigger is a zero-size anchor that\n     anchor-at-point.ts moves there first. -->\n@if (!isText && !editMode) {\n  <span\n    #markAnchor\n    [style.position]=\"'absolute'\"\n    [fsMenuTriggerFor]=\"markMenu\">\n  </span>\n  <fs-menu #markMenu>\n    @for (action of markMenuActions(); track action) {\n      <ng-template\n          fs-menu-item\n          (click)=\"runMarkAction(action)\">\n        {{ markActionLabels[action] }}\n      </ng-template>\n    }\n  </fs-menu>\n}\n<!-- Handles live OUTSIDE the clipped box so they straddle its edges. -->\n@if (editMode && selected) {\n  @for (handle of resizeHandles; track handle) {\n    <div\n      class=\"handle handle-{{ handle }}\"\n      (mousedown)=\"stopCanvasPan($event)\"\n      (pointerdown)=\"onResizeStart($event, handle)\">\n    </div>\n  }\n}", styles: [":host{position:absolute;display:flex;flex-direction:column;font-size:10px;--mdc-outlined-button-container-height: 30px;--mdc-outlined-button-label-text-size: 10px;--mat-outlined-button-horizontal-padding: 15px;--mdc-text-button-container-height: 30px;--mdc-text-button-label-text-size: 10px;--mat-text-button-horizontal-padding: 15px;--mat-button-outlined-container-height: 30px;--mat-button-outlined-label-text-size: 10px;--mat-button-outlined-horizontal-padding: 15px;--mat-button-text-container-height: 30px;--mat-button-text-label-text-size: 10px;--mat-button-text-horizontal-padding: 15px}.component-box{position:relative;width:100%;flex:1 1 auto;min-height:0;box-sizing:border-box;display:flex;flex-direction:column;background:#fff;border:1px solid #e4e7eb;border-radius:6px;overflow:hidden;transition:box-shadow .12s ease,border-color .12s ease;cursor:default}.component-box.editing .component-title{cursor:grab}.component-box.editing .component-title:active{cursor:grabbing}.component-box.editing .drill-crumb{pointer-events:none}.component-box.editing:hover{border-color:#9db3c8;box-shadow:0 2px 8px #0f172a14}.component-box.selected{border-color:var(--brand-primary-color);box-shadow:0 0 0 1px var(--brand-primary-color),0 4px 14px #2196f32e}.component-box.text{background:transparent;border-color:transparent;border-radius:0;overflow:visible}.component-box.text.editing{border-style:dashed;border-color:#cbd2d9}.component-box.text.editing:hover{box-shadow:none}.component-box.text.selected{border-style:solid;border-color:var(--brand-primary-color);box-shadow:0 0 0 1px var(--brand-primary-color)}:host ::ng-deep .component-filter .filter-bar-container{align-items:center!important}.component-filter{flex:0 0 auto;display:block;padding:0 0 4px}.component-filter .component-title{display:flex;align-items:center;gap:4px;-webkit-user-select:none;user-select:none;padding-right:40px;font-size:var(--report-heading-size);font-weight:600;color:#1f2933;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-filter .component-title .truncated-icon{font-size:16px;width:16px;height:16px;color:#f59e0b}.component-filter .component-title .drill-path{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;direction:rtl;text-align:left}.component-filter .component-title .drill-crumb{color:inherit;cursor:pointer;text-decoration:none}.component-filter .component-title .drill-crumb:hover,.component-filter .component-title .drill-crumb:focus-visible{text-decoration:underline}.component-filter .component-title .drill-separator{opacity:.6}.component-menu{position:absolute;top:2px;right:2px;z-index:30}.component-body{flex:1 1 auto;min-height:0;position:relative}.component-box.refreshing .component-body,.component-box.refreshing .component-menu{opacity:.35;transition:opacity .15s ease}.load-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(calc(1 / var(--canvas-zoom, 1)));z-index:25;pointer-events:none}:host(.height-auto) .component-state{min-height:120px}.drag-veil{position:absolute;inset:0;cursor:grab;touch-action:none}.drag-veil:active{cursor:grabbing}.component-state{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#7b8794;padding:8px;text-align:center}.component-state.error{color:#e15759}.handle{position:absolute;width:14px;height:14px;display:flex;align-items:center;justify-content:center;touch-action:none;z-index:20;transform:scale(calc(1 / var(--canvas-zoom, 1)))}.handle:before{content:\"\";width:8px;height:8px;background:#fff;border:1.5px solid var(--brand-primary-color);border-radius:2px;box-shadow:0 1px 2px #0f172a33}.handle-nw{left:-7px;top:-7px;cursor:nwse-resize}.handle-n{left:calc(50% - 7px);top:-7px;cursor:ns-resize}.handle-ne{right:-7px;top:-7px;cursor:nesw-resize}.handle-e{right:-7px;top:calc(50% - 7px);cursor:ew-resize}.handle-se{right:-7px;bottom:-7px;cursor:nwse-resize}.handle-s{left:calc(50% - 7px);bottom:-7px;cursor:ns-resize}.handle-sw{left:-7px;bottom:-7px;cursor:nesw-resize}.handle-w{left:-7px;top:calc(50% - 7px);cursor:ew-resize}\n"] }]
         }], propDecorators: { reportId: [{
                 type: Input
             }], component: [{
@@ -11116,8 +10439,8 @@ class ReportCanvasComponent {
     // The report's structure changed here (a page was added) — the host re-fetches
     // it (it owns the assembled report + filter state).
     reportChanged = new EventEmitter();
-    // The page on screen changed — the host keeps it in the report's state (a
-    // saved view stores it). Carries the page id, never the index.
+    // The page on screen changed — the host keeps it in the report's state.
+    // Carries the page id, never the index.
     pageChanged = new EventEmitter();
     zoomPan;
     // The rendered components of the active page — only the canvas can reach the
@@ -11139,10 +10462,6 @@ class ReportCanvasComponent {
     masterMode = signal(false);
     groups = new Map();
     selectedComponentId = signal(null);
-    // Moves when a view is opened. Every tile is tracked by it, so each is
-    // drawn again from the view's state. A reset to the open view leaves it:
-    // the tiles reload in place and keep their data on screen meanwhile.
-    appliedVersion = inject(ReportFilterStateService).appliedVersion;
     // The components each layer draws. A value only reads inside text, so one
     // that leaked into a layer's components is still never drawn.
     activePageComponents = computed(() => (this.pages()[this.activePageIndex()]?.components ?? []).filter(isDrawn));
@@ -11565,7 +10884,7 @@ class ReportCanvasComponent {
         this._watchOptionNames();
     }
     // The filter tokens follow every change of a filter's value, however it
-    // comes: the bar, a saved view opened, Clear, Reset, a reload. changes()
+    // comes: the bar, a saved filter picked, Clear, a reload. changes()
     // also announces what no token reads (a list's sort or search, its hidden
     // columns, a drill, the page), which moves nothing here.
     _watchFilters() {
@@ -11618,8 +10937,8 @@ class ReportCanvasComponent {
     // Triggers landing together (a reload that also changes the page) make one
     // request, and a newer request drops the one still in flight. Any other
     // change of the screen's state (changes) asks again only when it moved
-    // the request: a view applied or the bar reset (stateVersion moves on
-    // each), the match changed, or, while the groups match 'any', a group the
+    // the request: the bar reset (stateVersion moves on
+    // it), the match changed, or, while the groups match 'any', a group the
     // values have no member of took or lost a value.
     _watchValues(layer, onScreen$) {
         merge(layer.reload$, onScreen$, this._filterState.changesForAny(() => layer.source()?.values ?? []).pipe(debounceTime(300)), this._filterState.changes().pipe(debounceTime(300), filter$1(() => this._requestMoved(layer))))
@@ -11894,7 +11213,7 @@ class ReportCanvasComponent {
         this._guides?.nativeElement?.replaceChildren();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ReportCanvasComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ReportCanvasComponent, isStandalone: true, selector: "app-report-canvas", inputs: { report: "report", editMode: "editMode", pageId: "pageId" }, outputs: { componentSettings: "componentSettings", reportChanged: "reportChanged", pageChanged: "pageChanged" }, viewQueries: [{ propertyName: "zoomPan", first: true, predicate: FsZoomPanComponent, descendants: true }, { propertyName: "_viewport", first: true, predicate: ["viewport"], descendants: true, static: true }, { propertyName: "_guides", first: true, predicate: ["guides"], descendants: true }, { propertyName: "_renderedComponents", predicate: ReportComponentComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"canvas\">\n  <div\n    #viewport\n    class=\"page-viewport\"\n    (pointerdown)=\"onCanvasPointerDown()\">\n    <fs-zoom-pan\n      wheel=\"modifier\"\n      [zoomMin]=\"0.1\"\n      [zoomMax]=\"3\"\n      (zoomed)=\"onZoomed($event)\">\n      @if (activePage) {\n        <div\n          class=\"page\"\n          [class.editing]=\"editMode\"\n          [class.master-editing]=\"isMasterEditing\"\n          [style.width.px]=\"report.pageWidth * PX\"\n          [style.height.px]=\"report.pageHeight * PX\"\n          [style.--canvas-zoom]=\"zoom()\"\n          [style.--report-heading-size.px]=\"headingSizePx\">\n          <!-- The header and footer: the master's components, drawn under the\n               page's own. -->\n          @if (isMasterShown && masterComponents().length) {\n            <div\n              class=\"master-layer\"\n              [class.editable]=\"isMasterEditing\">\n              @for (component of masterComponents(); track component.id + ':' + appliedVersion()) {\n                <app-report-component\n                  [reportId]=\"report.id\"\n                  [component]=\"component\"\n                  [groups]=\"groups\"\n                  [editMode]=\"isMasterEditing\"\n                  [zoom]=\"zoom()\"\n                  [snapper]=\"snapper\"\n                  [tokens]=\"masterTokens()\"\n                  [valueKeysElsewhere]=\"valueKeysElsewhere\"\n                  [selected]=\"component.id === selectedComponentId()\"\n                  [style.left.px]=\"component.x * PX\"\n                  [style.top.px]=\"component.y * PX\"\n                  [style.width.px]=\"component.w * PX\"\n                  [style.height.px]=\"component.autoHeight ? null : component.h * PX\"\n                  (selectComponent)=\"selectComponent($event)\"\n                  (positionChanged)=\"onPositionChanged($event)\"\n                  (removed)=\"onComponentRemoved($event)\"\n                  (openSettings)=\"componentSettings.emit($event)\"\n                  (valueSettings)=\"openValueSettings(component, $event)\"\n                  (textSaved)=\"onTextSaved(component, $event)\"\n                  (valuesRemoved)=\"reportChanged.emit()\">\n                </app-report-component>\n              }\n            </div>\n          }\n\n          <!-- The header and footer bands, as guides while editing. -->\n          @if (editMode) {\n            @if (bands.headerHeight) {\n              <div\n                class=\"band band-header\"\n                [style.height.px]=\"bands.headerHeight * PX\">\n                @if (isMasterEditing) {\n                  <span class=\"band-label small\">Header</span>\n                }\n              </div>\n            }\n            @if (bands.footerHeight) {\n              <div\n                class=\"band band-footer\"\n                [style.height.px]=\"bands.footerHeight * PX\">\n                @if (isMasterEditing) {\n                  <span class=\"band-label small\">Footer</span>\n                }\n              </div>\n            }\n          }\n\n          @for (component of activePageComponents(); track component.id + ':' + appliedVersion()) {\n            <app-report-component\n              [reportId]=\"report.id\"\n              [component]=\"component\"\n              [groups]=\"groups\"\n              [editMode]=\"isPageEditing\"\n              [zoom]=\"zoom()\"\n              [snapper]=\"snapper\"\n              [tokens]=\"pageTokens()\"\n              [valueKeysElsewhere]=\"valueKeysElsewhere\"\n              [selected]=\"component.id === selectedComponentId()\"\n              [style.left.px]=\"component.x * PX\"\n              [style.top.px]=\"component.y * PX\"\n              [style.width.px]=\"component.w * PX\"\n              [style.height.px]=\"component.autoHeight ? null : component.h * PX\"\n              (selectComponent)=\"selectComponent($event)\"\n              (positionChanged)=\"onPositionChanged($event)\"\n              (removed)=\"onComponentRemoved($event)\"\n              (openSettings)=\"componentSettings.emit($event)\"\n              (valueSettings)=\"openValueSettings(component, $event)\"\n              (textSaved)=\"onTextSaved(component, $event)\"\n              (valuesRemoved)=\"reportChanged.emit()\">\n            </app-report-component>\n          }\n\n          <div\n            #guides\n            class=\"guides\">\n          </div>\n\n          @if (!activePageComponents().length && !masterMode()) {\n            <div class=\"page-empty\">\n              Ask the assistant to add a chart, list or KPI to this page.\n            </div>\n          }\n        </div>\n      }\n    </fs-zoom-pan>\n  </div>\n\n  <div class=\"canvas-toolbar\">\n    <!-- Tabs are one horizontal drop list: dragging a chip reorders the pages.\n         The drop INDEX is computed along X (orientation), but the preview is\n         deliberately left unbounded on both axes \u2014 pinning it to the row with\n         cdkDragBoundary means the chip you are dragging covers the chips you\n         are dragging it past, and you cannot see where it is going to land.\n         Every page gets a chip, including a lone one: the chip is what tells\n         you which page you are on, and a report that hid it left you unable to\n         tell page 1 of 1 from a page that failed to load. Deleting the last\n         page is refused server-side, so the kebab is safe to expose here. -->\n    <div\n      class=\"page-tabs\"\n      cdkDropList\n      cdkDropListOrientation=\"horizontal\"\n      (cdkDropListDropped)=\"onPageDropped($event)\">\n      @for (page of pages(); track page.id; let index = $index) {\n        <!-- The chip is the drag handle AND the tab: clicking selects,\n             dragging reorders. The kebab lives inside it, so the whole\n             control stays one chip instead of growing a second button. -->\n        <div\n          cdkDrag\n          class=\"page-tab\"\n          [class.active]=\"index === activePageIndex()\"\n          (click)=\"selectPage(index)\">\n          <span class=\"page-tab-label\">{{ pageLabel(page, index) }}</span>\n          <!-- The kebab opens the menu rather than starting a drag or\n               switching pages, so it swallows its own click. -->\n          <span\n            class=\"page-tab-menu\"\n            [fsMenuTriggerFor]=\"pageMenu\"\n            (click)=\"$event.stopPropagation()\"\n            (mousedown)=\"$event.stopPropagation()\">\n            <mat-icon>more_vert</mat-icon>\n          </span>\n        </div>\n        <!-- Outside the chip: cdkDrag clones its host into the drag preview,\n             and a menu overlay anchored to a cloned trigger opens detached\n             from the real tab. -->\n        <fs-menu #pageMenu>\n          <ng-template\n            fs-menu-item\n            (click)=\"renamePage(page)\">\n            Edit name\n          </ng-template>\n          <ng-template\n            fs-menu-item\n            (click)=\"toggleMasterHidden(page)\">\n            {{ page.masterHidden ? 'Show header & footer' : 'Hide header & footer' }}\n          </ng-template>\n          <ng-template\n            fs-menu-item\n            (click)=\"deletePage(page)\">\n            Delete\n          </ng-template>\n        </fs-menu>\n      }\n      <button\n        type=\"button\"\n        class=\"page-tab add-page\"\n        matTooltip=\"Add page\"\n        (click)=\"addPage()\">\n        <mat-icon>add</mat-icon>\n        Page\n      </button>\n    </div>\n\n    <div class=\"zoom-controls\">\n      <button\n        type=\"button\"\n        class=\"zoom-button\"\n        matTooltip=\"Zoom out (Ctrl/Cmd + scroll)\"\n        (click)=\"zoomOut()\">\n        <mat-icon>remove</mat-icon>\n      </button>\n      <button\n        type=\"button\"\n        class=\"zoom-label\"\n        matTooltip=\"Zoom to 100%\"\n        (click)=\"zoomActual()\">\n        {{ (zoom() * 100).toFixed(0) }}%\n      </button>\n      <button\n        type=\"button\"\n        class=\"zoom-button\"\n        matTooltip=\"Zoom in (Ctrl/Cmd + scroll)\"\n        (click)=\"zoomIn()\">\n        <mat-icon>add</mat-icon>\n      </button>\n      <button\n        type=\"button\"\n        class=\"zoom-button\"\n        matTooltip=\"Fit page\"\n        (click)=\"zoomFit()\">\n        <mat-icon>fit_screen</mat-icon>\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:flex;flex-direction:column;min-width:0;min-height:0;flex:1;margin-top:10px}.canvas{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.canvas-toolbar .page-tabs{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.canvas-toolbar .page-tabs fs-menu{display:none}.canvas-toolbar .page-tabs .page-tab{display:inline-flex;align-items:center;box-sizing:border-box;border:1px solid #e4e7eb;border-radius:16px;background:#fff;padding:4px 6px 4px 14px;font-size:12px;line-height:16px;color:#52606d;cursor:pointer}.canvas-toolbar .page-tabs .page-tab.active{background:var(--brand-primary-color, #3b82f6);border-color:var(--brand-primary-color, #3b82f6);color:#fff}.canvas-toolbar .page-tabs .page-tab .page-tab-label{white-space:nowrap}.canvas-toolbar .page-tabs .page-tab .page-tab-menu{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:16px;height:16px;margin-left:2px;border-radius:50%;opacity:.75}.canvas-toolbar .page-tabs .page-tab .page-tab-menu mat-icon{font-size:14px;width:14px;height:14px;line-height:14px}.canvas-toolbar .page-tabs .page-tab .page-tab-menu:hover{background:#0f172a14;opacity:1}.canvas-toolbar .page-tabs .page-tab.active .page-tab-menu:hover{background:#ffffff38}.canvas-toolbar .page-tabs .page-tab.add-page{gap:2px;padding:4px 14px 4px 8px;border-style:dashed;color:#52606d}.canvas-toolbar .page-tabs .page-tab.add-page mat-icon{font-size:16px;width:16px;height:16px}.canvas-toolbar .page-tabs .page-tab.cdk-drag-placeholder{background:transparent;border-style:dashed;border-color:#cbd2d9}.canvas-toolbar .page-tabs .page-tab.cdk-drag-placeholder .page-tab-label,.canvas-toolbar .page-tabs .page-tab.cdk-drag-placeholder .page-tab-menu{visibility:hidden}.canvas-toolbar .page-tabs .cdk-drag-animating,.canvas-toolbar .page-tabs.cdk-drop-list-dragging .page-tab:not(.cdk-drag-placeholder){transition:transform .18s cubic-bezier(0,0,.2,1)}.canvas-toolbar .zoom-controls{display:flex;align-items:center;gap:2px;margin-left:auto;border:1px solid #e4e7eb;border-radius:18px;background:#fff;padding:2px 6px}.canvas-toolbar .zoom-controls .zoom-button{display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:transparent;color:#52606d;cursor:pointer}.canvas-toolbar .zoom-controls .zoom-button:hover{background:#f0f4f8}.canvas-toolbar .zoom-controls .zoom-button mat-icon{font-size:18px;width:18px;height:18px}.canvas-toolbar .zoom-controls .zoom-label{border:none;background:transparent;font-size:12px;color:#52606d;min-width:44px;cursor:pointer}.canvas-toolbar .zoom-controls .zoom-label:hover{color:#1f2933}.page-tab.cdk-drag-preview{display:inline-flex;align-items:center;box-sizing:border-box;border:1px solid #e4e7eb;border-radius:16px;background:#fff;padding:4px 6px 4px 14px;font-size:12px;line-height:16px;color:#52606d;box-shadow:0 3px 10px #0f172a3d}.page-tab.cdk-drag-preview.active{background:var(--brand-primary-color, #3b82f6);border-color:var(--brand-primary-color, #3b82f6);color:#fff}.page-tab.cdk-drag-preview .page-tab-label{white-space:nowrap}.page-tab.cdk-drag-preview .page-tab-menu{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:16px;height:16px;margin-left:2px;border-radius:50%;opacity:.75}.page-tab.cdk-drag-preview .page-tab-menu mat-icon{font-size:14px;width:14px;height:14px;line-height:14px}.page-viewport{position:relative;flex:1;min-height:420px;border:1px solid #e4e7eb;border-radius:8px;background:#eef1f5;overflow:hidden}.page-viewport fs-zoom-pan{width:100%;height:100%}.page{position:relative;background:#fff;border-radius:2px;box-shadow:0 2px 12px #0f172a1f,0 0 0 1px #0f172a0a;box-sizing:border-box}.page.editing{background-image:radial-gradient(circle,#d8dee6 1px,transparent 1px);background-size:24px 24px}.page.master-editing>app-report-component{opacity:.35;pointer-events:none}.master-layer{position:absolute;inset:0;pointer-events:none}.master-layer.editable{z-index:10}.master-layer.editable app-report-component{pointer-events:auto}.band{position:absolute;left:0;right:0;z-index:5;pointer-events:none;background:#2196f30a;border-color:#2196f373;border-style:dashed;border-width:0}.band.band-header{top:0;border-bottom-width:calc(1px / var(--canvas-zoom, 1))}.band.band-footer{bottom:0;border-top-width:calc(1px / var(--canvas-zoom, 1))}.band .band-label{position:absolute;top:calc(10px / var(--canvas-zoom, 1));left:calc(10px / var(--canvas-zoom, 1));transform:scale(calc(1 / var(--canvas-zoom, 1)));transform-origin:top left;color:#2196f3cc;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.guides{position:absolute;inset:0;pointer-events:none;z-index:30}.guides ::ng-deep .guide{position:absolute;background:#2196f3}.guides ::ng-deep .guide.guide-v{top:0;bottom:0;width:calc(1.25px / var(--canvas-zoom, 1))}.guides ::ng-deep .guide.guide-h{left:0;right:0;height:calc(1.25px / var(--canvas-zoom, 1))}.page-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#9aa5b1;font-size:14px;pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i1$3.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i1$3.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: FsMenuModule }, { kind: "component", type: i2.FsMenuComponent, selector: "fs-menu", inputs: ["class", "buttonClass", "buttonType", "buttonColor"], outputs: ["opened", "closed"] }, { kind: "directive", type: i2.FsMenuItemDirective, selector: "fs-menu-group,[fs-menu-item]" }, { kind: "directive", type: i2.FsMenuTriggerDirective, selector: "[fsMenuTriggerFor]", inputs: ["fsMenuTriggerFor"] }, { kind: "ngmodule", type: FsZoomPanModule }, { kind: "component", type: i3$1.FsZoomPanComponent, selector: "fs-zoom-pan", inputs: ["zoomMax", "zoomMin", "zoomScale", "zoomDefault", "zoomFactor", "zoomFit", "fitMode", "fitPosition", "fitPadding", "fitMaxScale", "wheel", "top", "left"], outputs: ["moved", "zoomed"] }, { kind: "component", type: ReportComponentComponent, selector: "app-report-component", inputs: ["reportId", "component", "groups", "editMode", "zoom", "snapper", "selected", "tokens", "valueKeysElsewhere"], outputs: ["selectComponent", "positionChanged", "openSettings", "removed", "valueSettings", "textSaved", "valuesRemoved"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ReportCanvasComponent, isStandalone: true, selector: "app-report-canvas", inputs: { report: "report", editMode: "editMode", pageId: "pageId" }, outputs: { componentSettings: "componentSettings", reportChanged: "reportChanged", pageChanged: "pageChanged" }, viewQueries: [{ propertyName: "zoomPan", first: true, predicate: FsZoomPanComponent, descendants: true }, { propertyName: "_viewport", first: true, predicate: ["viewport"], descendants: true, static: true }, { propertyName: "_guides", first: true, predicate: ["guides"], descendants: true }, { propertyName: "_renderedComponents", predicate: ReportComponentComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"canvas\">\n  <div\n    #viewport\n    class=\"page-viewport\"\n    (pointerdown)=\"onCanvasPointerDown()\">\n    <fs-zoom-pan\n      wheel=\"modifier\"\n      [zoomMin]=\"0.1\"\n      [zoomMax]=\"3\"\n      (zoomed)=\"onZoomed($event)\">\n      @if (activePage) {\n        <div\n          class=\"page\"\n          [class.editing]=\"editMode\"\n          [class.master-editing]=\"isMasterEditing\"\n          [style.width.px]=\"report.pageWidth * PX\"\n          [style.height.px]=\"report.pageHeight * PX\"\n          [style.--canvas-zoom]=\"zoom()\"\n          [style.--report-heading-size.px]=\"headingSizePx\">\n          <!-- The header and footer: the master's components, drawn under the\n               page's own. -->\n          @if (isMasterShown && masterComponents().length) {\n            <div\n              class=\"master-layer\"\n              [class.editable]=\"isMasterEditing\">\n              @for (component of masterComponents(); track component.id) {\n                <app-report-component\n                  [reportId]=\"report.id\"\n                  [component]=\"component\"\n                  [groups]=\"groups\"\n                  [editMode]=\"isMasterEditing\"\n                  [zoom]=\"zoom()\"\n                  [snapper]=\"snapper\"\n                  [tokens]=\"masterTokens()\"\n                  [valueKeysElsewhere]=\"valueKeysElsewhere\"\n                  [selected]=\"component.id === selectedComponentId()\"\n                  [style.left.px]=\"component.x * PX\"\n                  [style.top.px]=\"component.y * PX\"\n                  [style.width.px]=\"component.w * PX\"\n                  [style.height.px]=\"component.autoHeight ? null : component.h * PX\"\n                  (selectComponent)=\"selectComponent($event)\"\n                  (positionChanged)=\"onPositionChanged($event)\"\n                  (removed)=\"onComponentRemoved($event)\"\n                  (openSettings)=\"componentSettings.emit($event)\"\n                  (valueSettings)=\"openValueSettings(component, $event)\"\n                  (textSaved)=\"onTextSaved(component, $event)\"\n                  (valuesRemoved)=\"reportChanged.emit()\">\n                </app-report-component>\n              }\n            </div>\n          }\n\n          <!-- The header and footer bands, as guides while editing. -->\n          @if (editMode) {\n            @if (bands.headerHeight) {\n              <div\n                class=\"band band-header\"\n                [style.height.px]=\"bands.headerHeight * PX\">\n                @if (isMasterEditing) {\n                  <span class=\"band-label small\">Header</span>\n                }\n              </div>\n            }\n            @if (bands.footerHeight) {\n              <div\n                class=\"band band-footer\"\n                [style.height.px]=\"bands.footerHeight * PX\">\n                @if (isMasterEditing) {\n                  <span class=\"band-label small\">Footer</span>\n                }\n              </div>\n            }\n          }\n\n          @for (component of activePageComponents(); track component.id) {\n            <app-report-component\n              [reportId]=\"report.id\"\n              [component]=\"component\"\n              [groups]=\"groups\"\n              [editMode]=\"isPageEditing\"\n              [zoom]=\"zoom()\"\n              [snapper]=\"snapper\"\n              [tokens]=\"pageTokens()\"\n              [valueKeysElsewhere]=\"valueKeysElsewhere\"\n              [selected]=\"component.id === selectedComponentId()\"\n              [style.left.px]=\"component.x * PX\"\n              [style.top.px]=\"component.y * PX\"\n              [style.width.px]=\"component.w * PX\"\n              [style.height.px]=\"component.autoHeight ? null : component.h * PX\"\n              (selectComponent)=\"selectComponent($event)\"\n              (positionChanged)=\"onPositionChanged($event)\"\n              (removed)=\"onComponentRemoved($event)\"\n              (openSettings)=\"componentSettings.emit($event)\"\n              (valueSettings)=\"openValueSettings(component, $event)\"\n              (textSaved)=\"onTextSaved(component, $event)\"\n              (valuesRemoved)=\"reportChanged.emit()\">\n            </app-report-component>\n          }\n\n          <div\n            #guides\n            class=\"guides\">\n          </div>\n\n          @if (!activePageComponents().length && !masterMode()) {\n            <div class=\"page-empty\">\n              Ask the assistant to add a chart, list or KPI to this page.\n            </div>\n          }\n        </div>\n      }\n    </fs-zoom-pan>\n  </div>\n\n  <div class=\"canvas-toolbar\">\n    <!-- Tabs are one horizontal drop list: dragging a chip reorders the pages.\n         The drop INDEX is computed along X (orientation), but the preview is\n         deliberately left unbounded on both axes \u2014 pinning it to the row with\n         cdkDragBoundary means the chip you are dragging covers the chips you\n         are dragging it past, and you cannot see where it is going to land.\n         Every page gets a chip, including a lone one: the chip is what tells\n         you which page you are on, and a report that hid it left you unable to\n         tell page 1 of 1 from a page that failed to load. Deleting the last\n         page is refused server-side, so the kebab is safe to expose here. -->\n    <div\n      class=\"page-tabs\"\n      cdkDropList\n      cdkDropListOrientation=\"horizontal\"\n      (cdkDropListDropped)=\"onPageDropped($event)\">\n      @for (page of pages(); track page.id; let index = $index) {\n        <!-- The chip is the drag handle AND the tab: clicking selects,\n             dragging reorders. The kebab lives inside it, so the whole\n             control stays one chip instead of growing a second button. -->\n        <div\n          cdkDrag\n          class=\"page-tab\"\n          [class.active]=\"index === activePageIndex()\"\n          (click)=\"selectPage(index)\">\n          <span class=\"page-tab-label\">{{ pageLabel(page, index) }}</span>\n          <!-- The kebab opens the menu rather than starting a drag or\n               switching pages, so it swallows its own click. -->\n          <span\n            class=\"page-tab-menu\"\n            [fsMenuTriggerFor]=\"pageMenu\"\n            (click)=\"$event.stopPropagation()\"\n            (mousedown)=\"$event.stopPropagation()\">\n            <mat-icon>more_vert</mat-icon>\n          </span>\n        </div>\n        <!-- Outside the chip: cdkDrag clones its host into the drag preview,\n             and a menu overlay anchored to a cloned trigger opens detached\n             from the real tab. -->\n        <fs-menu #pageMenu>\n          <ng-template\n            fs-menu-item\n            (click)=\"renamePage(page)\">\n            Edit name\n          </ng-template>\n          <ng-template\n            fs-menu-item\n            (click)=\"toggleMasterHidden(page)\">\n            {{ page.masterHidden ? 'Show header & footer' : 'Hide header & footer' }}\n          </ng-template>\n          <ng-template\n            fs-menu-item\n            (click)=\"deletePage(page)\">\n            Delete\n          </ng-template>\n        </fs-menu>\n      }\n      <button\n        type=\"button\"\n        class=\"page-tab add-page\"\n        matTooltip=\"Add page\"\n        (click)=\"addPage()\">\n        <mat-icon>add</mat-icon>\n        Page\n      </button>\n    </div>\n\n    <div class=\"zoom-controls\">\n      <button\n        type=\"button\"\n        class=\"zoom-button\"\n        matTooltip=\"Zoom out (Ctrl/Cmd + scroll)\"\n        (click)=\"zoomOut()\">\n        <mat-icon>remove</mat-icon>\n      </button>\n      <button\n        type=\"button\"\n        class=\"zoom-label\"\n        matTooltip=\"Zoom to 100%\"\n        (click)=\"zoomActual()\">\n        {{ (zoom() * 100).toFixed(0) }}%\n      </button>\n      <button\n        type=\"button\"\n        class=\"zoom-button\"\n        matTooltip=\"Zoom in (Ctrl/Cmd + scroll)\"\n        (click)=\"zoomIn()\">\n        <mat-icon>add</mat-icon>\n      </button>\n      <button\n        type=\"button\"\n        class=\"zoom-button\"\n        matTooltip=\"Fit page\"\n        (click)=\"zoomFit()\">\n        <mat-icon>fit_screen</mat-icon>\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:flex;flex-direction:column;min-width:0;min-height:0;flex:1;margin-top:10px}.canvas{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.canvas-toolbar .page-tabs{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.canvas-toolbar .page-tabs fs-menu{display:none}.canvas-toolbar .page-tabs .page-tab{display:inline-flex;align-items:center;box-sizing:border-box;border:1px solid #e4e7eb;border-radius:16px;background:#fff;padding:4px 6px 4px 14px;font-size:12px;line-height:16px;color:#52606d;cursor:pointer}.canvas-toolbar .page-tabs .page-tab.active{background:var(--brand-primary-color, #3b82f6);border-color:var(--brand-primary-color, #3b82f6);color:#fff}.canvas-toolbar .page-tabs .page-tab .page-tab-label{white-space:nowrap}.canvas-toolbar .page-tabs .page-tab .page-tab-menu{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:16px;height:16px;margin-left:2px;border-radius:50%;opacity:.75}.canvas-toolbar .page-tabs .page-tab .page-tab-menu mat-icon{font-size:14px;width:14px;height:14px;line-height:14px}.canvas-toolbar .page-tabs .page-tab .page-tab-menu:hover{background:#0f172a14;opacity:1}.canvas-toolbar .page-tabs .page-tab.active .page-tab-menu:hover{background:#ffffff38}.canvas-toolbar .page-tabs .page-tab.add-page{gap:2px;padding:4px 14px 4px 8px;border-style:dashed;color:#52606d}.canvas-toolbar .page-tabs .page-tab.add-page mat-icon{font-size:16px;width:16px;height:16px}.canvas-toolbar .page-tabs .page-tab.cdk-drag-placeholder{background:transparent;border-style:dashed;border-color:#cbd2d9}.canvas-toolbar .page-tabs .page-tab.cdk-drag-placeholder .page-tab-label,.canvas-toolbar .page-tabs .page-tab.cdk-drag-placeholder .page-tab-menu{visibility:hidden}.canvas-toolbar .page-tabs .cdk-drag-animating,.canvas-toolbar .page-tabs.cdk-drop-list-dragging .page-tab:not(.cdk-drag-placeholder){transition:transform .18s cubic-bezier(0,0,.2,1)}.canvas-toolbar .zoom-controls{display:flex;align-items:center;gap:2px;margin-left:auto;border:1px solid #e4e7eb;border-radius:18px;background:#fff;padding:2px 6px}.canvas-toolbar .zoom-controls .zoom-button{display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:transparent;color:#52606d;cursor:pointer}.canvas-toolbar .zoom-controls .zoom-button:hover{background:#f0f4f8}.canvas-toolbar .zoom-controls .zoom-button mat-icon{font-size:18px;width:18px;height:18px}.canvas-toolbar .zoom-controls .zoom-label{border:none;background:transparent;font-size:12px;color:#52606d;min-width:44px;cursor:pointer}.canvas-toolbar .zoom-controls .zoom-label:hover{color:#1f2933}.page-tab.cdk-drag-preview{display:inline-flex;align-items:center;box-sizing:border-box;border:1px solid #e4e7eb;border-radius:16px;background:#fff;padding:4px 6px 4px 14px;font-size:12px;line-height:16px;color:#52606d;box-shadow:0 3px 10px #0f172a3d}.page-tab.cdk-drag-preview.active{background:var(--brand-primary-color, #3b82f6);border-color:var(--brand-primary-color, #3b82f6);color:#fff}.page-tab.cdk-drag-preview .page-tab-label{white-space:nowrap}.page-tab.cdk-drag-preview .page-tab-menu{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:16px;height:16px;margin-left:2px;border-radius:50%;opacity:.75}.page-tab.cdk-drag-preview .page-tab-menu mat-icon{font-size:14px;width:14px;height:14px;line-height:14px}.page-viewport{position:relative;flex:1;min-height:420px;border:1px solid #e4e7eb;border-radius:8px;background:#eef1f5;overflow:hidden}.page-viewport fs-zoom-pan{width:100%;height:100%}.page{position:relative;background:#fff;border-radius:2px;box-shadow:0 2px 12px #0f172a1f,0 0 0 1px #0f172a0a;box-sizing:border-box}.page.editing{background-image:radial-gradient(circle,#d8dee6 1px,transparent 1px);background-size:24px 24px}.page.master-editing>app-report-component{opacity:.35;pointer-events:none}.master-layer{position:absolute;inset:0;pointer-events:none}.master-layer.editable{z-index:10}.master-layer.editable app-report-component{pointer-events:auto}.band{position:absolute;left:0;right:0;z-index:5;pointer-events:none;background:#2196f30a;border-color:#2196f373;border-style:dashed;border-width:0}.band.band-header{top:0;border-bottom-width:calc(1px / var(--canvas-zoom, 1))}.band.band-footer{bottom:0;border-top-width:calc(1px / var(--canvas-zoom, 1))}.band .band-label{position:absolute;top:calc(10px / var(--canvas-zoom, 1));left:calc(10px / var(--canvas-zoom, 1));transform:scale(calc(1 / var(--canvas-zoom, 1)));transform-origin:top left;color:#2196f3cc;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.guides{position:absolute;inset:0;pointer-events:none;z-index:30}.guides ::ng-deep .guide{position:absolute;background:#2196f3}.guides ::ng-deep .guide.guide-v{top:0;bottom:0;width:calc(1.25px / var(--canvas-zoom, 1))}.guides ::ng-deep .guide.guide-h{left:0;right:0;height:calc(1.25px / var(--canvas-zoom, 1))}.page-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#9aa5b1;font-size:14px;pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i1$3.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i1$3.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: FsMenuModule }, { kind: "component", type: i2.FsMenuComponent, selector: "fs-menu", inputs: ["class", "buttonClass", "buttonType", "buttonColor"], outputs: ["opened", "closed"] }, { kind: "directive", type: i2.FsMenuItemDirective, selector: "fs-menu-group,[fs-menu-item]" }, { kind: "directive", type: i2.FsMenuTriggerDirective, selector: "[fsMenuTriggerFor]", inputs: ["fsMenuTriggerFor"] }, { kind: "ngmodule", type: FsZoomPanModule }, { kind: "component", type: i3$1.FsZoomPanComponent, selector: "fs-zoom-pan", inputs: ["zoomMax", "zoomMin", "zoomScale", "zoomDefault", "zoomFactor", "zoomFit", "fitMode", "fitPosition", "fitPadding", "fitMaxScale", "wheel", "top", "left"], outputs: ["moved", "zoomed"] }, { kind: "component", type: ReportComponentComponent, selector: "app-report-component", inputs: ["reportId", "component", "groups", "editMode", "zoom", "snapper", "selected", "tokens", "valueKeysElsewhere"], outputs: ["selectComponent", "positionChanged", "openSettings", "removed", "valueSettings", "textSaved", "valuesRemoved"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ReportCanvasComponent, decorators: [{
             type: Component,
@@ -11905,7 +11224,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         FsMenuModule,
                         FsZoomPanModule,
                         ReportComponentComponent,
-                    ], template: "<div class=\"canvas\">\n  <div\n    #viewport\n    class=\"page-viewport\"\n    (pointerdown)=\"onCanvasPointerDown()\">\n    <fs-zoom-pan\n      wheel=\"modifier\"\n      [zoomMin]=\"0.1\"\n      [zoomMax]=\"3\"\n      (zoomed)=\"onZoomed($event)\">\n      @if (activePage) {\n        <div\n          class=\"page\"\n          [class.editing]=\"editMode\"\n          [class.master-editing]=\"isMasterEditing\"\n          [style.width.px]=\"report.pageWidth * PX\"\n          [style.height.px]=\"report.pageHeight * PX\"\n          [style.--canvas-zoom]=\"zoom()\"\n          [style.--report-heading-size.px]=\"headingSizePx\">\n          <!-- The header and footer: the master's components, drawn under the\n               page's own. -->\n          @if (isMasterShown && masterComponents().length) {\n            <div\n              class=\"master-layer\"\n              [class.editable]=\"isMasterEditing\">\n              @for (component of masterComponents(); track component.id + ':' + appliedVersion()) {\n                <app-report-component\n                  [reportId]=\"report.id\"\n                  [component]=\"component\"\n                  [groups]=\"groups\"\n                  [editMode]=\"isMasterEditing\"\n                  [zoom]=\"zoom()\"\n                  [snapper]=\"snapper\"\n                  [tokens]=\"masterTokens()\"\n                  [valueKeysElsewhere]=\"valueKeysElsewhere\"\n                  [selected]=\"component.id === selectedComponentId()\"\n                  [style.left.px]=\"component.x * PX\"\n                  [style.top.px]=\"component.y * PX\"\n                  [style.width.px]=\"component.w * PX\"\n                  [style.height.px]=\"component.autoHeight ? null : component.h * PX\"\n                  (selectComponent)=\"selectComponent($event)\"\n                  (positionChanged)=\"onPositionChanged($event)\"\n                  (removed)=\"onComponentRemoved($event)\"\n                  (openSettings)=\"componentSettings.emit($event)\"\n                  (valueSettings)=\"openValueSettings(component, $event)\"\n                  (textSaved)=\"onTextSaved(component, $event)\"\n                  (valuesRemoved)=\"reportChanged.emit()\">\n                </app-report-component>\n              }\n            </div>\n          }\n\n          <!-- The header and footer bands, as guides while editing. -->\n          @if (editMode) {\n            @if (bands.headerHeight) {\n              <div\n                class=\"band band-header\"\n                [style.height.px]=\"bands.headerHeight * PX\">\n                @if (isMasterEditing) {\n                  <span class=\"band-label small\">Header</span>\n                }\n              </div>\n            }\n            @if (bands.footerHeight) {\n              <div\n                class=\"band band-footer\"\n                [style.height.px]=\"bands.footerHeight * PX\">\n                @if (isMasterEditing) {\n                  <span class=\"band-label small\">Footer</span>\n                }\n              </div>\n            }\n          }\n\n          @for (component of activePageComponents(); track component.id + ':' + appliedVersion()) {\n            <app-report-component\n              [reportId]=\"report.id\"\n              [component]=\"component\"\n              [groups]=\"groups\"\n              [editMode]=\"isPageEditing\"\n              [zoom]=\"zoom()\"\n              [snapper]=\"snapper\"\n              [tokens]=\"pageTokens()\"\n              [valueKeysElsewhere]=\"valueKeysElsewhere\"\n              [selected]=\"component.id === selectedComponentId()\"\n              [style.left.px]=\"component.x * PX\"\n              [style.top.px]=\"component.y * PX\"\n              [style.width.px]=\"component.w * PX\"\n              [style.height.px]=\"component.autoHeight ? null : component.h * PX\"\n              (selectComponent)=\"selectComponent($event)\"\n              (positionChanged)=\"onPositionChanged($event)\"\n              (removed)=\"onComponentRemoved($event)\"\n              (openSettings)=\"componentSettings.emit($event)\"\n              (valueSettings)=\"openValueSettings(component, $event)\"\n              (textSaved)=\"onTextSaved(component, $event)\"\n              (valuesRemoved)=\"reportChanged.emit()\">\n            </app-report-component>\n          }\n\n          <div\n            #guides\n            class=\"guides\">\n          </div>\n\n          @if (!activePageComponents().length && !masterMode()) {\n            <div class=\"page-empty\">\n              Ask the assistant to add a chart, list or KPI to this page.\n            </div>\n          }\n        </div>\n      }\n    </fs-zoom-pan>\n  </div>\n\n  <div class=\"canvas-toolbar\">\n    <!-- Tabs are one horizontal drop list: dragging a chip reorders the pages.\n         The drop INDEX is computed along X (orientation), but the preview is\n         deliberately left unbounded on both axes \u2014 pinning it to the row with\n         cdkDragBoundary means the chip you are dragging covers the chips you\n         are dragging it past, and you cannot see where it is going to land.\n         Every page gets a chip, including a lone one: the chip is what tells\n         you which page you are on, and a report that hid it left you unable to\n         tell page 1 of 1 from a page that failed to load. Deleting the last\n         page is refused server-side, so the kebab is safe to expose here. -->\n    <div\n      class=\"page-tabs\"\n      cdkDropList\n      cdkDropListOrientation=\"horizontal\"\n      (cdkDropListDropped)=\"onPageDropped($event)\">\n      @for (page of pages(); track page.id; let index = $index) {\n        <!-- The chip is the drag handle AND the tab: clicking selects,\n             dragging reorders. The kebab lives inside it, so the whole\n             control stays one chip instead of growing a second button. -->\n        <div\n          cdkDrag\n          class=\"page-tab\"\n          [class.active]=\"index === activePageIndex()\"\n          (click)=\"selectPage(index)\">\n          <span class=\"page-tab-label\">{{ pageLabel(page, index) }}</span>\n          <!-- The kebab opens the menu rather than starting a drag or\n               switching pages, so it swallows its own click. -->\n          <span\n            class=\"page-tab-menu\"\n            [fsMenuTriggerFor]=\"pageMenu\"\n            (click)=\"$event.stopPropagation()\"\n            (mousedown)=\"$event.stopPropagation()\">\n            <mat-icon>more_vert</mat-icon>\n          </span>\n        </div>\n        <!-- Outside the chip: cdkDrag clones its host into the drag preview,\n             and a menu overlay anchored to a cloned trigger opens detached\n             from the real tab. -->\n        <fs-menu #pageMenu>\n          <ng-template\n            fs-menu-item\n            (click)=\"renamePage(page)\">\n            Edit name\n          </ng-template>\n          <ng-template\n            fs-menu-item\n            (click)=\"toggleMasterHidden(page)\">\n            {{ page.masterHidden ? 'Show header & footer' : 'Hide header & footer' }}\n          </ng-template>\n          <ng-template\n            fs-menu-item\n            (click)=\"deletePage(page)\">\n            Delete\n          </ng-template>\n        </fs-menu>\n      }\n      <button\n        type=\"button\"\n        class=\"page-tab add-page\"\n        matTooltip=\"Add page\"\n        (click)=\"addPage()\">\n        <mat-icon>add</mat-icon>\n        Page\n      </button>\n    </div>\n\n    <div class=\"zoom-controls\">\n      <button\n        type=\"button\"\n        class=\"zoom-button\"\n        matTooltip=\"Zoom out (Ctrl/Cmd + scroll)\"\n        (click)=\"zoomOut()\">\n        <mat-icon>remove</mat-icon>\n      </button>\n      <button\n        type=\"button\"\n        class=\"zoom-label\"\n        matTooltip=\"Zoom to 100%\"\n        (click)=\"zoomActual()\">\n        {{ (zoom() * 100).toFixed(0) }}%\n      </button>\n      <button\n        type=\"button\"\n        class=\"zoom-button\"\n        matTooltip=\"Zoom in (Ctrl/Cmd + scroll)\"\n        (click)=\"zoomIn()\">\n        <mat-icon>add</mat-icon>\n      </button>\n      <button\n        type=\"button\"\n        class=\"zoom-button\"\n        matTooltip=\"Fit page\"\n        (click)=\"zoomFit()\">\n        <mat-icon>fit_screen</mat-icon>\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:flex;flex-direction:column;min-width:0;min-height:0;flex:1;margin-top:10px}.canvas{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.canvas-toolbar .page-tabs{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.canvas-toolbar .page-tabs fs-menu{display:none}.canvas-toolbar .page-tabs .page-tab{display:inline-flex;align-items:center;box-sizing:border-box;border:1px solid #e4e7eb;border-radius:16px;background:#fff;padding:4px 6px 4px 14px;font-size:12px;line-height:16px;color:#52606d;cursor:pointer}.canvas-toolbar .page-tabs .page-tab.active{background:var(--brand-primary-color, #3b82f6);border-color:var(--brand-primary-color, #3b82f6);color:#fff}.canvas-toolbar .page-tabs .page-tab .page-tab-label{white-space:nowrap}.canvas-toolbar .page-tabs .page-tab .page-tab-menu{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:16px;height:16px;margin-left:2px;border-radius:50%;opacity:.75}.canvas-toolbar .page-tabs .page-tab .page-tab-menu mat-icon{font-size:14px;width:14px;height:14px;line-height:14px}.canvas-toolbar .page-tabs .page-tab .page-tab-menu:hover{background:#0f172a14;opacity:1}.canvas-toolbar .page-tabs .page-tab.active .page-tab-menu:hover{background:#ffffff38}.canvas-toolbar .page-tabs .page-tab.add-page{gap:2px;padding:4px 14px 4px 8px;border-style:dashed;color:#52606d}.canvas-toolbar .page-tabs .page-tab.add-page mat-icon{font-size:16px;width:16px;height:16px}.canvas-toolbar .page-tabs .page-tab.cdk-drag-placeholder{background:transparent;border-style:dashed;border-color:#cbd2d9}.canvas-toolbar .page-tabs .page-tab.cdk-drag-placeholder .page-tab-label,.canvas-toolbar .page-tabs .page-tab.cdk-drag-placeholder .page-tab-menu{visibility:hidden}.canvas-toolbar .page-tabs .cdk-drag-animating,.canvas-toolbar .page-tabs.cdk-drop-list-dragging .page-tab:not(.cdk-drag-placeholder){transition:transform .18s cubic-bezier(0,0,.2,1)}.canvas-toolbar .zoom-controls{display:flex;align-items:center;gap:2px;margin-left:auto;border:1px solid #e4e7eb;border-radius:18px;background:#fff;padding:2px 6px}.canvas-toolbar .zoom-controls .zoom-button{display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:transparent;color:#52606d;cursor:pointer}.canvas-toolbar .zoom-controls .zoom-button:hover{background:#f0f4f8}.canvas-toolbar .zoom-controls .zoom-button mat-icon{font-size:18px;width:18px;height:18px}.canvas-toolbar .zoom-controls .zoom-label{border:none;background:transparent;font-size:12px;color:#52606d;min-width:44px;cursor:pointer}.canvas-toolbar .zoom-controls .zoom-label:hover{color:#1f2933}.page-tab.cdk-drag-preview{display:inline-flex;align-items:center;box-sizing:border-box;border:1px solid #e4e7eb;border-radius:16px;background:#fff;padding:4px 6px 4px 14px;font-size:12px;line-height:16px;color:#52606d;box-shadow:0 3px 10px #0f172a3d}.page-tab.cdk-drag-preview.active{background:var(--brand-primary-color, #3b82f6);border-color:var(--brand-primary-color, #3b82f6);color:#fff}.page-tab.cdk-drag-preview .page-tab-label{white-space:nowrap}.page-tab.cdk-drag-preview .page-tab-menu{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:16px;height:16px;margin-left:2px;border-radius:50%;opacity:.75}.page-tab.cdk-drag-preview .page-tab-menu mat-icon{font-size:14px;width:14px;height:14px;line-height:14px}.page-viewport{position:relative;flex:1;min-height:420px;border:1px solid #e4e7eb;border-radius:8px;background:#eef1f5;overflow:hidden}.page-viewport fs-zoom-pan{width:100%;height:100%}.page{position:relative;background:#fff;border-radius:2px;box-shadow:0 2px 12px #0f172a1f,0 0 0 1px #0f172a0a;box-sizing:border-box}.page.editing{background-image:radial-gradient(circle,#d8dee6 1px,transparent 1px);background-size:24px 24px}.page.master-editing>app-report-component{opacity:.35;pointer-events:none}.master-layer{position:absolute;inset:0;pointer-events:none}.master-layer.editable{z-index:10}.master-layer.editable app-report-component{pointer-events:auto}.band{position:absolute;left:0;right:0;z-index:5;pointer-events:none;background:#2196f30a;border-color:#2196f373;border-style:dashed;border-width:0}.band.band-header{top:0;border-bottom-width:calc(1px / var(--canvas-zoom, 1))}.band.band-footer{bottom:0;border-top-width:calc(1px / var(--canvas-zoom, 1))}.band .band-label{position:absolute;top:calc(10px / var(--canvas-zoom, 1));left:calc(10px / var(--canvas-zoom, 1));transform:scale(calc(1 / var(--canvas-zoom, 1)));transform-origin:top left;color:#2196f3cc;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.guides{position:absolute;inset:0;pointer-events:none;z-index:30}.guides ::ng-deep .guide{position:absolute;background:#2196f3}.guides ::ng-deep .guide.guide-v{top:0;bottom:0;width:calc(1.25px / var(--canvas-zoom, 1))}.guides ::ng-deep .guide.guide-h{left:0;right:0;height:calc(1.25px / var(--canvas-zoom, 1))}.page-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#9aa5b1;font-size:14px;pointer-events:none}\n"] }]
+                    ], template: "<div class=\"canvas\">\n  <div\n    #viewport\n    class=\"page-viewport\"\n    (pointerdown)=\"onCanvasPointerDown()\">\n    <fs-zoom-pan\n      wheel=\"modifier\"\n      [zoomMin]=\"0.1\"\n      [zoomMax]=\"3\"\n      (zoomed)=\"onZoomed($event)\">\n      @if (activePage) {\n        <div\n          class=\"page\"\n          [class.editing]=\"editMode\"\n          [class.master-editing]=\"isMasterEditing\"\n          [style.width.px]=\"report.pageWidth * PX\"\n          [style.height.px]=\"report.pageHeight * PX\"\n          [style.--canvas-zoom]=\"zoom()\"\n          [style.--report-heading-size.px]=\"headingSizePx\">\n          <!-- The header and footer: the master's components, drawn under the\n               page's own. -->\n          @if (isMasterShown && masterComponents().length) {\n            <div\n              class=\"master-layer\"\n              [class.editable]=\"isMasterEditing\">\n              @for (component of masterComponents(); track component.id) {\n                <app-report-component\n                  [reportId]=\"report.id\"\n                  [component]=\"component\"\n                  [groups]=\"groups\"\n                  [editMode]=\"isMasterEditing\"\n                  [zoom]=\"zoom()\"\n                  [snapper]=\"snapper\"\n                  [tokens]=\"masterTokens()\"\n                  [valueKeysElsewhere]=\"valueKeysElsewhere\"\n                  [selected]=\"component.id === selectedComponentId()\"\n                  [style.left.px]=\"component.x * PX\"\n                  [style.top.px]=\"component.y * PX\"\n                  [style.width.px]=\"component.w * PX\"\n                  [style.height.px]=\"component.autoHeight ? null : component.h * PX\"\n                  (selectComponent)=\"selectComponent($event)\"\n                  (positionChanged)=\"onPositionChanged($event)\"\n                  (removed)=\"onComponentRemoved($event)\"\n                  (openSettings)=\"componentSettings.emit($event)\"\n                  (valueSettings)=\"openValueSettings(component, $event)\"\n                  (textSaved)=\"onTextSaved(component, $event)\"\n                  (valuesRemoved)=\"reportChanged.emit()\">\n                </app-report-component>\n              }\n            </div>\n          }\n\n          <!-- The header and footer bands, as guides while editing. -->\n          @if (editMode) {\n            @if (bands.headerHeight) {\n              <div\n                class=\"band band-header\"\n                [style.height.px]=\"bands.headerHeight * PX\">\n                @if (isMasterEditing) {\n                  <span class=\"band-label small\">Header</span>\n                }\n              </div>\n            }\n            @if (bands.footerHeight) {\n              <div\n                class=\"band band-footer\"\n                [style.height.px]=\"bands.footerHeight * PX\">\n                @if (isMasterEditing) {\n                  <span class=\"band-label small\">Footer</span>\n                }\n              </div>\n            }\n          }\n\n          @for (component of activePageComponents(); track component.id) {\n            <app-report-component\n              [reportId]=\"report.id\"\n              [component]=\"component\"\n              [groups]=\"groups\"\n              [editMode]=\"isPageEditing\"\n              [zoom]=\"zoom()\"\n              [snapper]=\"snapper\"\n              [tokens]=\"pageTokens()\"\n              [valueKeysElsewhere]=\"valueKeysElsewhere\"\n              [selected]=\"component.id === selectedComponentId()\"\n              [style.left.px]=\"component.x * PX\"\n              [style.top.px]=\"component.y * PX\"\n              [style.width.px]=\"component.w * PX\"\n              [style.height.px]=\"component.autoHeight ? null : component.h * PX\"\n              (selectComponent)=\"selectComponent($event)\"\n              (positionChanged)=\"onPositionChanged($event)\"\n              (removed)=\"onComponentRemoved($event)\"\n              (openSettings)=\"componentSettings.emit($event)\"\n              (valueSettings)=\"openValueSettings(component, $event)\"\n              (textSaved)=\"onTextSaved(component, $event)\"\n              (valuesRemoved)=\"reportChanged.emit()\">\n            </app-report-component>\n          }\n\n          <div\n            #guides\n            class=\"guides\">\n          </div>\n\n          @if (!activePageComponents().length && !masterMode()) {\n            <div class=\"page-empty\">\n              Ask the assistant to add a chart, list or KPI to this page.\n            </div>\n          }\n        </div>\n      }\n    </fs-zoom-pan>\n  </div>\n\n  <div class=\"canvas-toolbar\">\n    <!-- Tabs are one horizontal drop list: dragging a chip reorders the pages.\n         The drop INDEX is computed along X (orientation), but the preview is\n         deliberately left unbounded on both axes \u2014 pinning it to the row with\n         cdkDragBoundary means the chip you are dragging covers the chips you\n         are dragging it past, and you cannot see where it is going to land.\n         Every page gets a chip, including a lone one: the chip is what tells\n         you which page you are on, and a report that hid it left you unable to\n         tell page 1 of 1 from a page that failed to load. Deleting the last\n         page is refused server-side, so the kebab is safe to expose here. -->\n    <div\n      class=\"page-tabs\"\n      cdkDropList\n      cdkDropListOrientation=\"horizontal\"\n      (cdkDropListDropped)=\"onPageDropped($event)\">\n      @for (page of pages(); track page.id; let index = $index) {\n        <!-- The chip is the drag handle AND the tab: clicking selects,\n             dragging reorders. The kebab lives inside it, so the whole\n             control stays one chip instead of growing a second button. -->\n        <div\n          cdkDrag\n          class=\"page-tab\"\n          [class.active]=\"index === activePageIndex()\"\n          (click)=\"selectPage(index)\">\n          <span class=\"page-tab-label\">{{ pageLabel(page, index) }}</span>\n          <!-- The kebab opens the menu rather than starting a drag or\n               switching pages, so it swallows its own click. -->\n          <span\n            class=\"page-tab-menu\"\n            [fsMenuTriggerFor]=\"pageMenu\"\n            (click)=\"$event.stopPropagation()\"\n            (mousedown)=\"$event.stopPropagation()\">\n            <mat-icon>more_vert</mat-icon>\n          </span>\n        </div>\n        <!-- Outside the chip: cdkDrag clones its host into the drag preview,\n             and a menu overlay anchored to a cloned trigger opens detached\n             from the real tab. -->\n        <fs-menu #pageMenu>\n          <ng-template\n            fs-menu-item\n            (click)=\"renamePage(page)\">\n            Edit name\n          </ng-template>\n          <ng-template\n            fs-menu-item\n            (click)=\"toggleMasterHidden(page)\">\n            {{ page.masterHidden ? 'Show header & footer' : 'Hide header & footer' }}\n          </ng-template>\n          <ng-template\n            fs-menu-item\n            (click)=\"deletePage(page)\">\n            Delete\n          </ng-template>\n        </fs-menu>\n      }\n      <button\n        type=\"button\"\n        class=\"page-tab add-page\"\n        matTooltip=\"Add page\"\n        (click)=\"addPage()\">\n        <mat-icon>add</mat-icon>\n        Page\n      </button>\n    </div>\n\n    <div class=\"zoom-controls\">\n      <button\n        type=\"button\"\n        class=\"zoom-button\"\n        matTooltip=\"Zoom out (Ctrl/Cmd + scroll)\"\n        (click)=\"zoomOut()\">\n        <mat-icon>remove</mat-icon>\n      </button>\n      <button\n        type=\"button\"\n        class=\"zoom-label\"\n        matTooltip=\"Zoom to 100%\"\n        (click)=\"zoomActual()\">\n        {{ (zoom() * 100).toFixed(0) }}%\n      </button>\n      <button\n        type=\"button\"\n        class=\"zoom-button\"\n        matTooltip=\"Zoom in (Ctrl/Cmd + scroll)\"\n        (click)=\"zoomIn()\">\n        <mat-icon>add</mat-icon>\n      </button>\n      <button\n        type=\"button\"\n        class=\"zoom-button\"\n        matTooltip=\"Fit page\"\n        (click)=\"zoomFit()\">\n        <mat-icon>fit_screen</mat-icon>\n      </button>\n    </div>\n  </div>\n</div>\n", styles: [":host{display:flex;flex-direction:column;min-width:0;min-height:0;flex:1;margin-top:10px}.canvas{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px}.canvas-toolbar .page-tabs{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.canvas-toolbar .page-tabs fs-menu{display:none}.canvas-toolbar .page-tabs .page-tab{display:inline-flex;align-items:center;box-sizing:border-box;border:1px solid #e4e7eb;border-radius:16px;background:#fff;padding:4px 6px 4px 14px;font-size:12px;line-height:16px;color:#52606d;cursor:pointer}.canvas-toolbar .page-tabs .page-tab.active{background:var(--brand-primary-color, #3b82f6);border-color:var(--brand-primary-color, #3b82f6);color:#fff}.canvas-toolbar .page-tabs .page-tab .page-tab-label{white-space:nowrap}.canvas-toolbar .page-tabs .page-tab .page-tab-menu{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:16px;height:16px;margin-left:2px;border-radius:50%;opacity:.75}.canvas-toolbar .page-tabs .page-tab .page-tab-menu mat-icon{font-size:14px;width:14px;height:14px;line-height:14px}.canvas-toolbar .page-tabs .page-tab .page-tab-menu:hover{background:#0f172a14;opacity:1}.canvas-toolbar .page-tabs .page-tab.active .page-tab-menu:hover{background:#ffffff38}.canvas-toolbar .page-tabs .page-tab.add-page{gap:2px;padding:4px 14px 4px 8px;border-style:dashed;color:#52606d}.canvas-toolbar .page-tabs .page-tab.add-page mat-icon{font-size:16px;width:16px;height:16px}.canvas-toolbar .page-tabs .page-tab.cdk-drag-placeholder{background:transparent;border-style:dashed;border-color:#cbd2d9}.canvas-toolbar .page-tabs .page-tab.cdk-drag-placeholder .page-tab-label,.canvas-toolbar .page-tabs .page-tab.cdk-drag-placeholder .page-tab-menu{visibility:hidden}.canvas-toolbar .page-tabs .cdk-drag-animating,.canvas-toolbar .page-tabs.cdk-drop-list-dragging .page-tab:not(.cdk-drag-placeholder){transition:transform .18s cubic-bezier(0,0,.2,1)}.canvas-toolbar .zoom-controls{display:flex;align-items:center;gap:2px;margin-left:auto;border:1px solid #e4e7eb;border-radius:18px;background:#fff;padding:2px 6px}.canvas-toolbar .zoom-controls .zoom-button{display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:transparent;color:#52606d;cursor:pointer}.canvas-toolbar .zoom-controls .zoom-button:hover{background:#f0f4f8}.canvas-toolbar .zoom-controls .zoom-button mat-icon{font-size:18px;width:18px;height:18px}.canvas-toolbar .zoom-controls .zoom-label{border:none;background:transparent;font-size:12px;color:#52606d;min-width:44px;cursor:pointer}.canvas-toolbar .zoom-controls .zoom-label:hover{color:#1f2933}.page-tab.cdk-drag-preview{display:inline-flex;align-items:center;box-sizing:border-box;border:1px solid #e4e7eb;border-radius:16px;background:#fff;padding:4px 6px 4px 14px;font-size:12px;line-height:16px;color:#52606d;box-shadow:0 3px 10px #0f172a3d}.page-tab.cdk-drag-preview.active{background:var(--brand-primary-color, #3b82f6);border-color:var(--brand-primary-color, #3b82f6);color:#fff}.page-tab.cdk-drag-preview .page-tab-label{white-space:nowrap}.page-tab.cdk-drag-preview .page-tab-menu{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:16px;height:16px;margin-left:2px;border-radius:50%;opacity:.75}.page-tab.cdk-drag-preview .page-tab-menu mat-icon{font-size:14px;width:14px;height:14px;line-height:14px}.page-viewport{position:relative;flex:1;min-height:420px;border:1px solid #e4e7eb;border-radius:8px;background:#eef1f5;overflow:hidden}.page-viewport fs-zoom-pan{width:100%;height:100%}.page{position:relative;background:#fff;border-radius:2px;box-shadow:0 2px 12px #0f172a1f,0 0 0 1px #0f172a0a;box-sizing:border-box}.page.editing{background-image:radial-gradient(circle,#d8dee6 1px,transparent 1px);background-size:24px 24px}.page.master-editing>app-report-component{opacity:.35;pointer-events:none}.master-layer{position:absolute;inset:0;pointer-events:none}.master-layer.editable{z-index:10}.master-layer.editable app-report-component{pointer-events:auto}.band{position:absolute;left:0;right:0;z-index:5;pointer-events:none;background:#2196f30a;border-color:#2196f373;border-style:dashed;border-width:0}.band.band-header{top:0;border-bottom-width:calc(1px / var(--canvas-zoom, 1))}.band.band-footer{bottom:0;border-top-width:calc(1px / var(--canvas-zoom, 1))}.band .band-label{position:absolute;top:calc(10px / var(--canvas-zoom, 1));left:calc(10px / var(--canvas-zoom, 1));transform:scale(calc(1 / var(--canvas-zoom, 1)));transform-origin:top left;color:#2196f3cc;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.guides{position:absolute;inset:0;pointer-events:none;z-index:30}.guides ::ng-deep .guide{position:absolute;background:#2196f3}.guides ::ng-deep .guide.guide-v{top:0;bottom:0;width:calc(1.25px / var(--canvas-zoom, 1))}.guides ::ng-deep .guide.guide-h{left:0;right:0;height:calc(1.25px / var(--canvas-zoom, 1))}.page-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#9aa5b1;font-size:14px;pointer-events:none}\n"] }]
         }], ctorParameters: () => [], propDecorators: { report: [{
                 type: Input
             }], editMode: [{
@@ -13377,213 +12696,6 @@ function nameInputId(groupId) {
     return `filterName${groupId}`;
 }
 
-// The open report's saved views, per open report beside the state service:
-// the list the viewer may see, the view that is open, the order a report
-// opens in and the calls that change a view. The viewer state stays
-// ReportFilterStateService's: this service puts a view on screen through
-// apply() and reads the screen through snapshot(), base and viewChanged.
-// Nothing here runs for a report whose server does not list 'views'
-// (serves()). A view is opened from the Views menu only: a report keeps no
-// state in the browser URL, so there is no link to a view.
-//
-// The order a report opens in (open(), on its first load only):
-// 1. The viewer's default view.
-// 2. Else the report's authored defaults.
-// A ?page= the report opened with beats the default view's page.
-class ReportViewService {
-    // The views the viewer may see, names and flags only: its own first, then
-    // the ones others share. Empty until the list is read.
-    views = computed(() => this._views());
-    // The viewer may share its views with everyone.
-    canShare = computed(() => this._canShare());
-    // The open view, with its config as it was read or saved; null while the
-    // screen is on the report's defaults.
-    openView = computed(() => this._openView());
-    // Whether the screen differs from the open view; false with none open.
-    viewChanged = computed(() => !!this._openView() && this._filterState.viewChanged());
-    _reportData = inject(ReportData);
-    _filterState = inject(ReportFilterStateService);
-    _message = inject(FsMessage);
-    _destroyRef = inject(DestroyRef);
-    _views = signal([]);
-    _canShare = signal(false);
-    _openView = signal(null);
-    // The report the views belong to.
-    _reportId = null;
-    // Whether the open report's server keeps saved views.
-    serves(report) {
-        return !!report?.viewerFeatures?.includes('views');
-    }
-    // A report's first load, in the open order above: the state service is
-    // set up for `report` (init) once the list is read, and the screen opened
-    // on the viewer's default view, else on the report's defaults. `pageId` is
-    // the ?page= the report opened with, which beats the view's page. Ends once
-    // the screen is set.
-    open(report, pageId) {
-        this._start(report);
-        return this._readViews(report)
-            .pipe(tap((list) => {
-            this._filterState.init(report);
-            if (list?.myDefault) {
-                this._openOn(list.myDefault, () => this._filterState.apply(list.myDefault.config, pageId));
-            }
-        }), map(() => undefined));
-    }
-    // A later load of the open report (a chat edit, a settings save): the
-    // screen and the open view stay, and the list is read again behind them so
-    // it names what the server holds now.
-    refresh(report) {
-        this._start(report);
-        this._readViews(report)
-            .pipe(takeUntilDestroyed(this._destroyRef))
-            .subscribe();
-    }
-    // Opens a view picked from the list; its config is read now.
-    pick(reportViewId) {
-        return this._reportData.view(this._reportId, reportViewId)
-            .pipe(tap((view) => this._openOn(view, () => this._filterState.apply(view.config))));
-    }
-    // Closes the open view and puts the screen on the report's defaults.
-    openDefaults() {
-        this._openView.set(null);
-        this._filterState.apply(null);
-    }
-    // Saves the screen as a new view, which becomes the open view. The screen
-    // is already the view, so nothing is applied again.
-    saveAsNew(view) {
-        return this._reportData.createView(this._reportId, { ...view, config: this._filterState.snapshot() })
-            .pipe(tap((saved) => {
-            this._openView.set(saved);
-            this._putRow(saved);
-            this._filterState.setBaseToScreen();
-            this._message.success('View saved');
-        }));
-    }
-    // Saves the screen over the open view, keeping the keys this viewer does
-    // not know (withStoredKeys).
-    saveChanges() {
-        const open = this._openView();
-        if (!open) {
-            return EMPTY;
-        }
-        return this._reportData.updateView(this._reportId, open.id, { config: withStoredKeys(open.config, this._filterState.snapshot()) })
-            .pipe(tap((saved) => {
-            this._openView.set(saved);
-            this._putRow(saved);
-            this._filterState.setBaseToScreen();
-            this._message.success('View saved');
-        }));
-    }
-    rename(name) {
-        return this._changeOpen((reportViewId) => this._reportData.updateView(this._reportId, reportViewId, { name }));
-    }
-    // Shares the open view with everyone who may open the report, or stops.
-    share(shared) {
-        return this._changeOpen((reportViewId) => this._reportData.shareView(this._reportId, reportViewId, shared));
-    }
-    // Makes the open view the viewer's default, or stops opening it by default.
-    setDefault(personalDefault) {
-        return this._changeOpen((reportViewId) => this._reportData.setViewDefault(this._reportId, reportViewId, personalDefault));
-    }
-    // Deletes the open view. The screen stays; the report's defaults become
-    // what it is compared with.
-    deleteOpen() {
-        const open = this._openView();
-        if (!open) {
-            return EMPTY;
-        }
-        return this._reportData.deleteView(this._reportId, open.id)
-            .pipe(tap(() => {
-            this._openView.set(null);
-            this._views.update((views) => views.filter((view) => view.id !== open.id));
-            this._filterState.clearBase();
-            this._message.success('View deleted');
-        }));
-    }
-    // Starts over for another report: no list and no open view.
-    _start(report) {
-        if (report.id === this._reportId) {
-            return;
-        }
-        this._reportId = report.id;
-        this._views.set([]);
-        this._canShare.set(false);
-        this._openView.set(null);
-    }
-    // Makes `view` the open view, puts it on screen (`applyView`), and says
-    // how many of its settings no longer apply (and to save it, when the
-    // viewer may).
-    _openOn(view, applyView) {
-        this._openView.set(view);
-        applyView();
-        const note = viewDroppedMessage(viewDroppedCount(view, this._filterState.base()), view.canChange);
-        if (note) {
-            this._message.warning(note);
-        }
-    }
-    // Runs a change on the open view and takes its answer as the open view
-    // and its row in the list.
-    _changeOpen(change) {
-        const open = this._openView();
-        if (!open) {
-            return EMPTY;
-        }
-        return change(open.id)
-            .pipe(tap((view) => {
-            this._openView.set(view);
-            this._putRow(view);
-        }));
-    }
-    // A view's row in the list, replaced or added. A new default clears the
-    // flag on the viewer's other views, as the server does. A new row keeps
-    // the list's order: the viewer's own views first, then the ones others
-    // share.
-    _putRow(view) {
-        const summary = viewSummary(view);
-        this._views.update((views) => {
-            const rows = views.map((row) => (view.personalDefault && row.personalDefault ? { ...row, personalDefault: false } : row));
-            const index = rows.findIndex((row) => row.id === view.id);
-            if (index >= 0) {
-                return rows.map((row, at) => (at === index ? summary : row));
-            }
-            const othersAt = view.mine ? rows.findIndex((row) => !row.mine) : -1;
-            return othersAt < 0
-                ? [...rows, summary]
-                : [...rows.slice(0, othersAt), summary, ...rows.slice(othersAt)];
-        });
-    }
-    // The list, read for `report`; null when it cannot be read. Its answer is
-    // kept only while the report is still the open one.
-    _readViews(report) {
-        return this._reportData.views(report.id, { context: new HttpContext().set(DisplayApiError, false) })
-            .pipe(catchError(() => of(null)), tap((list) => {
-            if (list && report.id === this._reportId) {
-                this._views.set(list.views ?? []);
-                this._canShare.set(!!list.canShare);
-            }
-        }));
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ReportViewService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ReportViewService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ReportViewService, decorators: [{
-            type: Injectable
-        }] });
-// A view's row as the list holds it: names and flags, no config.
-function viewSummary(view) {
-    return {
-        id: view.id,
-        name: view.name,
-        shared: view.shared,
-        mine: view.mine,
-        personalDefault: view.personalDefault,
-        ownerName: view.ownerName,
-        canChange: view.canChange,
-        canDelete: view.canDelete,
-        modifyDate: view.modifyDate,
-    };
-}
-
 // How far a KPI card's rows shrink to fit a short tile. A tile shorter still
 // lets the card run past its foot rather than print it unreadably small.
 const KPI_EXPORT_MIN_SCALE = 0.5;
@@ -13856,20 +12968,18 @@ function showsFailedValue(components, failed) {
         .flatMap((component) => valueKeys(component.config?.html)));
     return failed.some((key) => shown.has(key));
 }
-// The cover's filter lines: the open view, the export's filter lines, then
-// the match while the report bar's filters match any. A drilled chart's line
+// The cover's filter lines: the export's filter lines, then the match while the report bar's filters match any. A drilled chart's line
 // is its title as the canvas header reads it (`titles`, by component id) and
 // the crumbs of the path its answer applied (the ones its title prints), not
 // the path the screen asked for: the server may have cut that path short or
 // refused it.
 function coverFilterLines(snapshot, lines, pages, titles = {}) {
-    const match = snapshot.features.includes('matchAny') ? matchLineText(snapshot.view.match, 'line') : null;
+    const match = snapshot.features.includes('matchAny') ? matchLineText(snapshot.state.match, 'line') : null;
     const drilled = pages
         .flatMap((page) => page.components)
         .filter((item) => !!item.crumbs?.length)
         .map((item) => crumbedTitle(titles[item.component.id] ?? item.component.title, item.crumbs));
     return [
-        snapshot.viewLine,
         ...lines.filter((line) => line.kind !== 'drill').map((line) => line.text),
         ...drilled,
         match,
@@ -13896,9 +13006,6 @@ class ReportExportCollectorService {
     _reportData = inject(ReportData);
     _filterState = inject(ReportFilterStateService);
     _filterOptions = inject(ReportFilterOptionsService);
-    // The open saved view, for the cover's view line. Only a view that keeps
-    // saved views provides it.
-    _views = inject(ReportViewService, { optional: true });
     // listRows is how many rows each list fetches: the renderer's own cap, since
     // a PDF table continues onto extra pages and a slide table cannot.
     //
@@ -13936,30 +13043,29 @@ class ReportExportCollectorService {
             };
         }));
     }
-    // The screen as one export reads it: the view document, each group's value
+    // The screen as one export reads it: the state snapshot, each group's value
     // and live preset, each tile's filter entries and state (tileDataState),
-    // each value's filter entries, the grain, the features served, the format
-    // and the open view's line. A value's entries are read here too, so the
+    // each value's filter entries, the grain, the features served and the
+    // format. A value's entries are read here too, so the
     // numbers in a file's text are filtered as its tiles are, whatever the bar
     // does while the export runs.
     snapshot(report) {
-        const view = this._filterState.snapshot();
+        const state = this._filterState.snapshot();
         const tiles = (report.pages ?? [])
             .flatMap((page) => page.components ?? [])
             .filter((component) => isTile(component));
         const values = reportComponents(report)
             .filter((component) => component.type === 'value');
         return {
-            view,
+            state,
             ...this._groupValues(report),
             filters: Object.fromEntries(tiles.map((tile) => [tile.id, this._filterState.resolveForComponent(tile)])),
             valueFilters: Object.fromEntries(values
                 .map((value) => [value.id, this._filterState.resolveForComponent(value)])),
-            states: Object.fromEntries(tiles.map((tile) => [tile.id, tileDataState(report, tile, view)])),
+            states: Object.fromEntries(tiles.map((tile) => [tile.id, tileDataState(report, tile, state)])),
             frequency: this._filterState.frequency(),
             features: offeredViewerFeatures(report.viewerFeatures),
             formatContext: this._filterState.formatContext(),
-            viewLine: viewLineText(this._views?.openView(), !!this._views?.viewChanged()),
         };
     }
     // How an export words the screen, over a snapshot (`pageId` for a This
@@ -14108,7 +13214,7 @@ class ReportExportCollectorService {
     _pageValues(report, pageId, values, shown, snapshot) {
         const formatContext = snapshot.formatContext;
         const filters = values.flatMap((component) => snapshot.valueFilters[component.id] ?? []);
-        const matchAnyGroupIds = valuesMatchAnyGroupIds(report, pageId, snapshot.view);
+        const matchAnyGroupIds = valuesMatchAnyGroupIds(report, pageId, snapshot.state);
         return this._reportData.pageValues(report.id, pageId, filters, true, { handlers: false }, matchAnyGroupIds)
             .pipe(map$1((rows) => new Map((rows ?? []).map((row) => [row.id, row]))), catchError(() => of(new Map())), map$1((rows) => ({
             values: textValues(values, { rows }, formatContext),
@@ -14202,7 +13308,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-CyHkFToO.mjs')).default;
+    const echarts = (await import('./firestitch-report-echarts-B0RWUjR8.mjs')).default;
     const host = document.createElement('div');
     host.style.width = `${width}px`;
     host.style.height = `${height}px`;
@@ -16850,7 +15956,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
 // presets (Today, Last 7 days, This month, ...). The report adds none of its
 // own: the built-in list covers every period a report filter names. A preset
 // is a shortcut only: picking one sets the range's two days, which is all the
-// bar and a saved view hold. Provided on the view; the host app's
+// bar and a saved filter hold. Provided on the view; the host app's
 // own pickers keep their config.
 function provideReportDatePicker() {
     const config = {
@@ -16953,9 +16059,9 @@ class ReportComponent {
     _pageId = signal(null);
     constructor() {
         this._buildReportConfig();
-        // apply() and resetToBase() move the state version. The bar is built
-        // again for it, and reportFilterKey, which carries it, recreates
-        // fs-filter: it reads its config once.
+        // resetToDefaults() moves the state version. The bar is built again for
+        // it, and reportFilterKey, which carries it, recreates fs-filter: it reads
+        // its config once.
         effect(() => {
             const version = this._filterState.stateVersion();
             untracked(() => {
@@ -17133,10 +16239,10 @@ class ReportComponent {
     // notes get the filter lines as the cover words them (exportLines; a This
     // Page zip names only the groups that reach the page), and each file is
     // named after its tile's title as the canvas header reads it (titles). All
-    // of it is read once, when the export starts (exportWording). This view
-    // keeps no saved views, so it names none. `thisPage` narrows it to the page
-    // the canvas is showing. Unlike the PDF/PowerPoint exports the files are
-    // written server-side, so they are not capped by what a slide can hold.
+    // of it is read once, when the export starts (exportWording). `thisPage`
+    // narrows it to the page the canvas is showing. Unlike the PDF/PowerPoint
+    // exports the files are written server-side, so they are not capped by
+    // what a slide can hold.
     exportData(thisPage = false) {
         const report = this.report();
         if (!report) {
@@ -17146,9 +16252,9 @@ class ReportComponent {
         const filters = this._filterState.resolveForReport(report, pageId);
         const frequency = this._filterState.frequency();
         const snapshot = this._collector.snapshot(report);
-        const states = zipExportStates(report, snapshot.view, pageId);
+        const states = zipExportStates(report, snapshot.state, pageId);
         this._process.download('Exporting data', this._collector.exportWording(report, snapshot, pageId)
-            .pipe(switchMap(({ lines, titles }) => this._reportData.exportReport(report.id, filters, pageId, frequency, lines, states, null, false, titles))));
+            .pipe(switchMap(({ lines, titles }) => this._reportData.exportReport(report.id, filters, pageId, frequency, lines, states, titles))));
     }
     // React to each chat turn (fs-chat handles the request + persistence); we
     // only care about the report side effects this context's backend flags.
@@ -17274,14 +16380,12 @@ class ReportComponent {
             persist: false,
             items,
             change: (query) => this._barChanged(query ?? {}, !!matchItem),
-            // 'Clear filters' puts the screen back on the report's defaults (this
-            // view opens no saved views) and drops the temporary layer. A server
-            // without saved views keeps the clear it always had: the bar's items
-            // only.
-            clear: features.includes('views') ? () => this._filterState.resetToBase() : undefined,
+            // 'Clear filters' puts the screen back on the report's authored
+            // defaults and drops the temporary layer.
+            clear: () => this._filterState.resetToDefaults(),
             // The chip shows exactly while the screen differs from the defaults a
             // clear returns to (C5).
-            clearVisible: features.includes('views') ? () => this._filterState.viewChanged() : undefined,
+            clearVisible: () => this._filterState.differsFromDefaults(),
         });
     }
     // The bar's values into the state: every group it shows, the grain and,
@@ -17337,7 +16441,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-CyHkFToO.mjs').then((module) => module.default) }),
+            provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-B0RWUjR8.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(),
@@ -17358,7 +16462,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-CyHkFToO.mjs').then((module) => module.default) }),
+                        provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-B0RWUjR8.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(),
@@ -18547,260 +17651,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                     ], template: "<fs-filter [config]=\"filterConfig\"></fs-filter>\n\n<ng-container *fsSkeleton=\"nodes()\">\n  <fs-tree [config]=\"treeConfig\">\n    <ng-template\n        fsTreeNode\n        let-data=\"data\">\n      <div\n          class=\"fs-row.gap-sm.align-center node-row\"\n          [class.deleted]=\"data.deleted\">\n        <mat-icon class=\"node-icon\">\n          {{ data.type === nodeType.Folder ? 'folder' : 'insert_chart_outlined' }}\n        </mat-icon>\n\n        @if (data.type === nodeType.Folder || data.deleted) {\n          <!-- A deleted report can't be opened (the backend only assembles\n               live ones, and one under a deleted folder is not on the live\n               listing), so in Show Deleted mode the name is plain text \u2014\n               restore it from the row menu first. -->\n          <span class=\"node-name\">{{ data.name }}</span>\n        } @else {\n          <a\n              class=\"node-name\"\n              [routerLink]=\"openLink(data.report)\">\n            {{ data.name }}\n          </a>\n        }\n\n        <!-- Only on the row somebody deleted. Everything under a deleted\n             folder is muted with it, but was not deleted itself. -->\n        @if (data.stateDeleted) {\n          <fs-chip size=\"tiny\">Deleted</fs-chip>\n        }\n      </div>\n    </ng-template>\n  </fs-tree>\n\n  @if (!nodes().length) {\n    <p class=\"small tree-empty\">\n      No reports yet. Create one, or add a folder to group them.\n    </p>\n  }\n</ng-container>\n", styles: ["a{cursor:pointer}fs-tree .node>.container{flex:1;min-width:0}fs-tree .node>.container>.content{min-width:0}fs-tree .node>.container>button{margin-top:-5px}.node-row{min-width:0}.node-row.deleted{opacity:.55}.node-icon{font-size:18px;width:18px;height:18px;flex:none}.node-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-empty{margin-top:10px}\n"] }]
         }], ctorParameters: () => [] });
 
-const VIEWS_LABEL = 'Views';
-const EDITED_TOOLTIP = 'The screen differs from this view';
-const SAVE_AS_TITLE = 'Save as new view';
-const RENAME_TITLE = 'Rename view';
-const CROSS_FILTER_NOTE = 'Cross-filters are temporary and are not saved.';
-const VIEW_NAME_BLANK = 'Enter a name';
-// The server's limit on a view's name.
-const VIEW_NAME_MAX_LENGTH = 100;
-// The menu for the open view (null when none is open), the views the viewer
-// may see, whether the screen differs from the open view, and whether the
-// viewer may share its views.
-function viewMenuItems(open, views, edited, canShare) {
-    const rows = [
-        ...views.filter((view) => view.mine),
-        ...views.filter((view) => !view.mine),
-    ].map((view) => viewRow(view, open, edited));
-    const actions = openViewActions(open, edited, canShare);
-    const resets = [
-        ...(open && edited ? [action('resetToView', `Reset to "${open.name}"`)] : []),
-        action('resetToDefaults', 'Reset to report defaults'),
-    ];
-    return [
-        ...rows,
-        ...withDivider(actions, rows.length > 0),
-        ...withDivider(resets, true),
-    ];
-}
-// The picker's label: 'Views', or the open view's name, marked while the
-// screen differs from it.
-function pickerLabel(open, edited) {
-    if (!open) {
-        return VIEWS_LABEL;
-    }
-    return edited ? `${open.name} (edited)` : open.name;
-}
-// The picker's tooltip: only while the screen differs from the open view.
-function pickerTooltip(open, edited) {
-    return open && edited ? EDITED_TOOLTIP : null;
-}
-// The question before a view is deleted. A shared view says that everyone
-// loses it.
-function deletePromptText(view) {
-    const question = `Delete the view "${view.name}"?`;
-    return view.shared ? `${question} Everyone it is shared with loses it.` : question;
-}
-// The line the save dialog shows under the name, or null: a cross-filter is
-// on, and it does not go into the view.
-function saveDialogNote(hasCrossFilter) {
-    return hasCrossFilter ? CROSS_FILTER_NOTE : null;
-}
-// A name made of spaces only is no name; the server trims it.
-function viewNameError(name) {
-    return (name ?? '').trim() ? null : VIEW_NAME_BLANK;
-}
-function viewRow(view, open, edited) {
-    const isOpen = view.id === open?.id;
-    return {
-        kind: 'view',
-        label: view.name,
-        disabled: isOpen && !edited,
-        tooltip: viewTooltip(view),
-        divider: false,
-        viewId: view.id,
-        open: isOpen,
-        icon: viewIcon(view),
-    };
-}
-// Who shared a view of someone else's; whether one of the viewer's own opens
-// by default or is shared.
-function viewTooltip(view) {
-    if (!view.mine) {
-        return view.ownerName ? `Shared by ${view.ownerName}` : 'Shared with everyone';
-    }
-    if (view.personalDefault && view.shared) {
-        return 'Opens by default, shared with everyone';
-    }
-    if (view.personalDefault) {
-        return 'Opens by default';
-    }
-    return view.shared ? 'Shared with everyone' : null;
-}
-// The open row keeps this icon too; its check is drawn beside it.
-function viewIcon(view) {
-    if (!view.mine) {
-        return 'people';
-    }
-    return view.personalDefault ? 'star' : null;
-}
-// The rows that act on the open view; with none open, only Save as new view.
-function openViewActions(open, edited, canShare) {
-    const items = [];
-    if (open?.canChange && edited) {
-        items.push(action('saveChanges', 'Save changes'));
-    }
-    items.push(action('saveAsNew', 'Save as new view...'));
-    if (open?.canChange) {
-        items.push(action('rename', 'Rename...'));
-    }
-    if (open?.mine) {
-        items.push(open.personalDefault
-            ? action('clearDefault', 'Stop opening it by default')
-            : action('setDefault', 'Make it my default'));
-    }
-    if (open?.mine && canShare) {
-        items.push(open.shared ? action('unshare', 'Stop sharing') : action('share', 'Share with everyone'));
-    }
-    if (open?.canDelete) {
-        items.push(action('delete', 'Delete...'));
-    }
-    return items;
-}
-function action(kind, label) {
-    return { kind, label, disabled: false, tooltip: null, divider: false, viewId: null, open: false, icon: null };
-}
-// The same rows, the first with a line above it when `divider` is set.
-function withDivider(items, divider) {
-    return items.map((item, index) => (index === 0 && divider ? { ...item, divider: true } : item));
-}
-
-// Names a saved view: Save as new view and Rename. One name field; the
-// caller's save call does the work, and the dialog closes once it answers.
-// A refusal from the server (a name taken, too many views) shows as the
-// API's own error and leaves the dialog open.
-class ReportViewDialogComponent {
-    data = inject(MAT_DIALOG_DATA);
-    name = signal(this.data.name);
-    nameMaxLength = VIEW_NAME_MAX_LENGTH;
-    _dialogRef = inject(MatDialogRef);
-    // A name of spaces only is refused here, where fsFormRequired lets it by.
-    // It reads the control: the name signal catches up only after validation.
-    validateName = (control) => {
-        const error = viewNameError(control.value);
-        if (error) {
-            throw new Error(error);
-        }
-    };
-    save = () => {
-        return this.data.save(this.name().trim())
-            .pipe(tap(() => this._dialogRef.close(true)));
-    };
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ReportViewDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ReportViewDialogComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<form\n    fsForm\n    [submit]=\"save\">\n  <fs-dialog>\n    <fs-dialog-title>\n      {{ data.title }}\n    </fs-dialog-title>\n    <mat-dialog-content>\n      <div class=\"fs-column\">\n        <mat-form-field class=\"full-width\">\n          <mat-label>\n            Name\n          </mat-label>\n          <input\n              matInput\n              [(ngModel)]=\"name\"\n              name=\"name\"\n              cdkFocusInitial\n              [fsFormRequired]=\"true\"\n              [fsFormMaxLength]=\"nameMaxLength\"\n              [validate]=\"validateName\">\n          @if (data.note) {\n            <mat-hint>\n              {{ data.note }}\n            </mat-hint>\n          }\n        </mat-form-field>\n      </div>\n    </mat-dialog-content>\n    <mat-dialog-actions>\n      <fs-form-dialog-actions></fs-form-dialog-actions>\n    </mat-dialog-actions>\n  </fs-dialog>\n</form>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1$1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FsDialogModule }, { kind: "component", type: i3.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode", "mobileButtonPlacement", "mobileWidth", "mode", "buttonLayout"] }, { kind: "component", type: i3.FsDialogTitleComponent, selector: "fs-dialog-title", inputs: ["close", "dockToggle", "back"] }, { kind: "ngmodule", type: FsFormModule }, { kind: "directive", type: i2$1.FsFormDirective, selector: "[fsForm]", inputs: ["wrapperSelector", "messageSelector", "hintSelector", "labelSelector", "autocomplete", "shortcuts", "confirm", "confirmDialog", "confirmDrawer", "confirmBrowser", "dirtySubmitButton", "submit", "successDelay", "errorDelay", "deactivationGuard"], outputs: ["fsForm", "invalid", "valid", "submitted", "reseted", "cleared"], exportAs: ["fsForm"] }, { kind: "directive", type: i2$1.FsFormRequiredDirective, selector: "[fsFormRequired],[ngModel][required]", inputs: ["fsFormRequired", "required", "fsFormRequiredMessage"] }, { kind: "directive", type: i2$1.FsFormMaxLengthDirective, selector: "[fsFormMaxLength]", inputs: ["fsFormMaxLength", "fsFormMaxLengthMessage"] }, { kind: "directive", type: i2$1.FsFormValidateDirective, selector: "[validate]", inputs: ["validate", "validateData", "validateOnSubmit"] }, { kind: "component", type: i2$1.FsFormDialogActionsComponent, selector: "fs-form-dialog-actions", inputs: ["save", "create", "close", "done", "closeData", "name"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ReportViewDialogComponent, decorators: [{
-            type: Component,
-            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
-                        FormsModule,
-                        MatDialogContent,
-                        MatDialogActions,
-                        MatFormField,
-                        MatHint,
-                        MatLabel,
-                        MatInput,
-                        FsDialogModule,
-                        FsFormModule,
-                    ], template: "<form\n    fsForm\n    [submit]=\"save\">\n  <fs-dialog>\n    <fs-dialog-title>\n      {{ data.title }}\n    </fs-dialog-title>\n    <mat-dialog-content>\n      <div class=\"fs-column\">\n        <mat-form-field class=\"full-width\">\n          <mat-label>\n            Name\n          </mat-label>\n          <input\n              matInput\n              [(ngModel)]=\"name\"\n              name=\"name\"\n              cdkFocusInitial\n              [fsFormRequired]=\"true\"\n              [fsFormMaxLength]=\"nameMaxLength\"\n              [validate]=\"validateName\">\n          @if (data.note) {\n            <mat-hint>\n              {{ data.note }}\n            </mat-hint>\n          }\n        </mat-form-field>\n      </div>\n    </mat-dialog-content>\n    <mat-dialog-actions>\n      <fs-form-dialog-actions></fs-form-dialog-actions>\n    </mat-dialog-actions>\n  </fs-dialog>\n</form>\n" }]
-        }] });
-
-// The Views button in the report's header and its menu: the saved views to
-// open and the actions on the open one. What the menu holds is decided in
-// report-view-menu.ts; this draws it and runs the row clicked through
-// ReportViewService, which says 'View saved' and 'View deleted' itself.
-class ReportViewPickerComponent {
-    label = computed(() => pickerLabel(this._views.openView(), this._views.viewChanged()));
-    tooltip = computed(() => pickerTooltip(this._views.openView(), this._views.viewChanged()) ?? '');
-    items = computed(() => viewMenuItems(this._views.openView(), this._views.views(), this._views.viewChanged(), this._views.canShare()));
-    // fs-menu's phone sheet has no divider row and would draw an empty one,
-    // so the lines show only in the desktop menu. Read when the menu opens.
-    dividerShown = () => !this._menu()?.mobile;
-    _menu = viewChild(FsMenuComponent);
-    _views = inject(ReportViewService);
-    _filterState = inject(ReportFilterStateService);
-    _dialog = inject(MatDialog);
-    _prompt = inject(FsPrompt);
-    _destroyRef = inject(DestroyRef);
-    run(item) {
-        switch (item.kind) {
-            case 'view':
-                if (item.viewId !== null) {
-                    this._subscribe(this._views.pick(item.viewId));
-                }
-                break;
-            case 'saveChanges':
-                this._subscribe(this._views.saveChanges());
-                break;
-            case 'saveAsNew':
-                this._name(SAVE_AS_TITLE, '', (name) => this._views.saveAsNew({ name }));
-                break;
-            case 'rename':
-                this._name(RENAME_TITLE, this._views.openView()?.name ?? '', (name) => this._views.rename(name));
-                break;
-            case 'setDefault':
-            case 'clearDefault':
-                this._subscribe(this._views.setDefault(item.kind === 'setDefault'));
-                break;
-            case 'share':
-            case 'unshare':
-                this._subscribe(this._views.share(item.kind === 'share'));
-                break;
-            case 'delete':
-                this._delete();
-                break;
-            case 'resetToView':
-                this._filterState.resetToBase();
-                break;
-            case 'resetToDefaults':
-                this._views.openDefaults();
-                break;
-        }
-    }
-    // Opens the name dialog, which saves through `save`.
-    _name(title, name, save) {
-        this._dialog.open(ReportViewDialogComponent, {
-            data: { title, name, note: saveDialogNote(this._hasCrossFilter()), save },
-            width: '400px',
-        });
-    }
-    _delete() {
-        const open = this._views.openView();
-        if (!open) {
-            return;
-        }
-        this._prompt.confirm({
-            title: 'Delete view',
-            template: deletePromptText(open),
-        })
-            .pipe(switchMap(() => this._views.deleteOpen()), catchError(() => EMPTY), takeUntilDestroyed(this._destroyRef))
-            .subscribe();
-    }
-    // Runs a call on the views. A failure is shown by the API layer and ends
-    // here, so the menu stays usable.
-    _subscribe(call) {
-        call
-            .pipe(catchError(() => EMPTY), takeUntilDestroyed(this._destroyRef))
-            .subscribe();
-    }
-    // Whether a cross-filter is on. The viewer has none yet: the temporary
-    // layer gets its cross-filter, and this its reader, with cross-filtering.
-    _hasCrossFilter() {
-        return false;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ReportViewPickerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ReportViewPickerComponent, isStandalone: true, selector: "app-report-view-picker", viewQueries: [{ propertyName: "_menu", first: true, predicate: FsMenuComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<button\n    mat-button\n    type=\"button\"\n    [matTooltip]=\"tooltip()\"\n    [fsMenuTriggerFor]=\"viewsMenu\">\n  <span class=\"report-view-picker__label\">{{ label() }}</span>\n  <mat-icon iconPositionEnd>arrow_drop_down</mat-icon>\n</button>\n<fs-menu #viewsMenu>\n  @for (item of items(); track item.kind + ':' + item.viewId) {\n    @if (item.divider) {\n      <ng-template\n          fs-menu-divider-item\n          [show]=\"dividerShown\">\n      </ng-template>\n    }\n    <ng-template\n        fs-menu-item\n        [disabled]=\"item.disabled\"\n        [tooltip]=\"item.tooltip ?? ''\"\n        (click)=\"run(item)\">\n      @if (item.open) {\n        <mat-icon>check</mat-icon>\n      }\n      @if (item.icon) {\n        <mat-icon>{{ item.icon }}</mat-icon>\n      }\n      {{ item.label }}\n    </ng-template>\n  }\n</fs-menu>\n", styles: [":host{flex:0 0 auto}.report-view-picker__label{display:inline-block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}\n"], dependencies: [{ kind: "ngmodule", type: FsMenuModule }, { kind: "component", type: i2.FsMenuComponent, selector: "fs-menu", inputs: ["class", "buttonClass", "buttonType", "buttonColor"], outputs: ["opened", "closed"] }, { kind: "directive", type: i2.FsMenuItemDirective, selector: "fs-menu-group,[fs-menu-item]" }, { kind: "directive", type: i2.FsMenuTriggerDirective, selector: "[fsMenuTriggerFor]", inputs: ["fsMenuTriggerFor"] }, { kind: "directive", type: i2.FsMenuDividerItemDirective, selector: "[fs-menu-divider-item]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ReportViewPickerComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-report-view-picker', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
-                        FsMenuModule,
-                        MatButtonModule,
-                        MatIconModule,
-                        MatTooltipModule,
-                    ], template: "<button\n    mat-button\n    type=\"button\"\n    [matTooltip]=\"tooltip()\"\n    [fsMenuTriggerFor]=\"viewsMenu\">\n  <span class=\"report-view-picker__label\">{{ label() }}</span>\n  <mat-icon iconPositionEnd>arrow_drop_down</mat-icon>\n</button>\n<fs-menu #viewsMenu>\n  @for (item of items(); track item.kind + ':' + item.viewId) {\n    @if (item.divider) {\n      <ng-template\n          fs-menu-divider-item\n          [show]=\"dividerShown\">\n      </ng-template>\n    }\n    <ng-template\n        fs-menu-item\n        [disabled]=\"item.disabled\"\n        [tooltip]=\"item.tooltip ?? ''\"\n        (click)=\"run(item)\">\n      @if (item.open) {\n        <mat-icon>check</mat-icon>\n      }\n      @if (item.icon) {\n        <mat-icon>{{ item.icon }}</mat-icon>\n      }\n      {{ item.label }}\n    </ng-template>\n  }\n</fs-menu>\n", styles: [":host{flex:0 0 auto}.report-view-picker__label{display:inline-block;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}\n"] }]
-        }] });
-
 // The report view's chat gateway: the stock one, plus fields read at the
 // moment each turn is sent and merged into that turn's body only. The chat's
 // requestData can't carry them, because it is also the key of the conversation
@@ -18824,7 +17674,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
         }] });
 
 // The parts of the chat's viewer state (ReportChatViewerState) read off a
-// view document of the screen (the state service's snapshot()). Pure, so the
+// snapshot of the screen (the state service's snapshot()). Pure, so the
 // node harness checks them. The caps are the server's: it reads at most
 // CHAT_DRILLS_MAX drilled charts, DRILL_MAX_DEPTH steps a path and
 // CHAT_LABEL_MAX characters a label, and drops the rest.
@@ -18855,6 +17705,96 @@ function chatViewerDrills(snapshot, locale) {
     }));
 }
 
+// The groups a saved filter holds: the report-wide ones.
+function savedFilterGroups(groups) {
+    return (groups ?? []).filter((group) => group.level === 'report' || group.level === 'both');
+}
+// A saved filter's values kept to `groups` (savedFilterGroups): each
+// report-wide group's item value, in a shape its item takes, a date range's
+// days as yyyy-MM-dd (a day is the same day in every zone, so everyone who
+// picks a shared filter gets the same days). Any other key is left out, and
+// so is a value that holds nothing or does not fit its group's type.
+function savedFilterValues(filters, groups) {
+    const kept = {};
+    groups.forEach((group) => {
+        const name = groupItemName(group);
+        const value = filters && Object.prototype.hasOwnProperty.call(filters, name)
+            ? itemValue(group, filters[name])
+            : null;
+        if (value !== null) {
+            kept[name] = value;
+        }
+    });
+    return kept;
+}
+// One item value as a saved filter keeps it, or null.
+function itemValue(group, value) {
+    switch (group.type) {
+        case 'dateRange':
+            return dateRangeValue(value);
+        case 'select':
+            return selectValue(value);
+        case 'numberRange':
+            // A number range shows as a keyword box where the server does not
+            // serve numberRange, and its item then holds text.
+            return isPlainObject(value) ? rangeValue(value) : textValue(value);
+        default:
+            return textValue(value);
+    }
+}
+// A date range item's { from, to }, each end a calendar day.
+function dateRangeValue(value) {
+    if (!isPlainObject(value)) {
+        return null;
+    }
+    const from = dayText(value.from);
+    const to = dayText(value.to);
+    if (!from && !to) {
+        return null;
+    }
+    return { ...(from ? { from } : {}), ...(to ? { to } : {}) };
+}
+// A select item's picks ({ name, value } pairs), or its left-out picks
+// ({ exclude: true, selected }).
+function selectValue(value) {
+    if (isPlainObject(value)) {
+        const selected = picks(value.selected);
+        return selected ? { exclude: value.exclude === true, selected } : null;
+    }
+    return picks(value);
+}
+// A range item's { min, max }; either end may be open, and 0 is an end.
+function rangeValue(value) {
+    const min = finiteNumber(value.min);
+    const max = finiteNumber(value.max);
+    if (min === undefined && max === undefined) {
+        return null;
+    }
+    return { ...(min !== undefined ? { min } : {}), ...(max !== undefined ? { max } : {}) };
+}
+function textValue(value) {
+    const text = typeof value === 'string' || typeof value === 'number' ? String(value).trim() : '';
+    return text || null;
+}
+// The picks of a select item that name a value, or null when none does.
+function picks(value) {
+    const kept = (Array.isArray(value) ? value : [])
+        .filter((pick) => isPlainObject(pick)
+        && pick.value !== null && pick.value !== undefined && pick.value !== '');
+    return kept.length ? kept : null;
+}
+// A day as yyyy-MM-dd: a Date's local day, or the first ten characters of a
+// day already written as text. Null for anything else.
+function dayText(value) {
+    if (value instanceof Date) {
+        return Number.isNaN(value.getTime()) ? null : dateBoundString(value) ?? null;
+    }
+    return typeof value === 'string' && /^\d{4}-\d{2}-\d{2}/.test(value) ? value.slice(0, 10) : null;
+}
+function isPlainObject(value) {
+    return value !== null && typeof value === 'object' && !Array.isArray(value) && !(value instanceof Date);
+}
+
 // A single report: the AI chat on the left, the report canvas on the right,
 // under an H2 title + settings gear. The host supplies [reportId] (from its
 // route) and switches reports through its own routes — this component never
@@ -18864,13 +17804,12 @@ class FsAiReportComponent {
     reportId = input(null);
     // API base for the reports + chat endpoints; override to mount elsewhere.
     basePath = input('reports');
-    // The query param a report reads its opening page from (a link in a ticket
-    // can name a page: ?page=7). It is read once, when a report opens, and
-    // never written: a report keeps no state in the browser URL. Its filters,
-    // the page on screen and the rest live in the report's state
-    // (ReportFilterStateService), so a reload opens the report on its defaults,
-    // or on the viewer's default view. A host that wants no page read sets this
-    // to null.
+    // The query param that carries the page on screen (?page=7). A report opens
+    // on the page it names, and each move to another page writes it, in place,
+    // so a refresh or a shared link comes back to the same page. It is the only
+    // state a report keeps in the URL: its filters and the rest live in the
+    // report's state (ReportFilterStateService). A host that mounts several
+    // reports on one route, or wants no URL writes, sets this to null.
     pageQueryParam = input('page');
     // The report was deleted from its settings dialog — the host routes back to
     // the listing.
@@ -18884,9 +17823,8 @@ class FsAiReportComponent {
     report = signal(null);
     editMode = signal(false);
     // The page the canvas should open on: the ?page= the report opened with
-    // (read once per report), or an opened view's page. Cleared as soon as the
-    // canvas reports back, so a later in-app page change is never fought by a
-    // stale value.
+    // (read once per report). Cleared as soon as the canvas reports back, so a
+    // later in-app page change is never fought by a stale value.
     pageId = signal(null);
     // The page the chat is bound to: the one on screen. A report conversation
     // belongs to exactly one page, so this both scopes the conversation list and
@@ -18928,8 +17866,8 @@ class FsAiReportComponent {
     // rebuilt config) whenever the report-level filter set changes.
     reportFilterKey = computed(() => {
         return [
-            // The state version the bar was built for: an applied view, or a reset
-            // to the base, replaces every value at once.
+            // The state version the bar was built for: a reset to the defaults
+            // replaces every value at once.
             this._barVersion(),
             // The effective zone is part of it too: a zone change re-resolves relative
             // presets, and the bar must be recreated to show the new days.
@@ -18944,31 +17882,37 @@ class FsAiReportComponent {
             ...(hasPageGroup(this.report()) ? [`page:${this.chatPageId()}`] : []),
         ].join('|');
     });
-    // The server keeps saved views for this report, so the Views picker shows.
-    viewsServed = computed(() => this._views.serves(this.report()));
     _split;
     _chatPanel;
     // Only the canvas knows which page is on screen, and a page-scoped export
     // has to ask it.
     _canvas;
+    // The report-level filter bar, while it is drawn. A saved filter being
+    // picked reads the bar's values off it (_keepBarOnPick).
+    _reportBar;
     _reportData = inject(ReportData);
     _reportAiChatData = inject(ReportAiChatData);
     _route = inject(ActivatedRoute);
+    _router = inject(Router);
     _filterState = inject(ReportFilterStateService);
     _filterOptions = inject(ReportFilterOptionsService);
-    _views = inject(ReportViewService);
     _exportService = inject(ReportExportService);
     _collector = inject(ReportExportCollectorService);
     _process = inject(FsProcess);
     _dialog = inject(MatDialog);
     _destroyRef = inject(DestroyRef);
     _zone = inject(NgZone);
-    // The report that has been opened (its default view, else its defaults).
-    // A report opens once; a reload after a chat or dialog edit keeps the state
-    // in memory.
-    _openedReportId = null;
     // The state version the bar was last built for (reportFilterKey).
     _barVersion = signal(0);
+    // The report bar's values as they were the moment fs-filter read a saved
+    // filter's values, or null outside that moment. A pick sets every item of
+    // the bar from the saved filter's values; each item a saved filter never
+    // holds (the group-by grain, the match, a page's own filters) is put back
+    // to its noted value as it is set (_keepItemOnPick).
+    _barValuesAtPick = null;
+    // The report the screen was opened on its first saved filter for
+    // (_openOnFirstSavedFilter), or null before that.
+    _openedOnSavedFilterReportId = null;
     constructor() {
         // Each chat turn carries what the viewer has on screen. Only the function
         // is set here; it is called when a turn is sent.
@@ -18997,17 +17941,14 @@ class FsAiReportComponent {
                     this._loadReport(reportId);
                 }
                 else {
-                    // Forget the opened report, so a host that comes back to it opens
-                    // it again.
-                    this._openedReportId = null;
                     this.report.set(null);
                     this._buildReportConfig();
                 }
             });
         });
-        // apply() and resetToBase() move the state version. The bar is built
-        // again for it, and reportFilterKey, which carries it, recreates
-        // fs-filter: it reads its config once.
+        // resetToDefaults() moves the state version. The bar is built again for
+        // it, and reportFilterKey, which carries it, recreates fs-filter: it reads
+        // its config once.
         effect(() => {
             const version = this._filterState.stateVersion();
             untracked(() => {
@@ -19016,12 +17957,6 @@ class FsAiReportComponent {
                 }
             });
         });
-        // An opened view (a saved view picked, or the report's defaults) opens
-        // on its page.
-        effect(() => {
-            this._filterState.appliedVersion();
-            untracked(() => this._openAppliedPage());
-        });
         this._buildReportConfig();
     }
     toggleEditMode() {
@@ -19112,14 +18047,15 @@ class FsAiReportComponent {
         });
     }
     // The canvas moved to another page. The report-level filters stay as they
-    // are (they live in the state service), and the URL is left alone.
+    // are (they live in the state service); the page goes into the URL.
     onCanvasPageChanged(pageId) {
         // The asked-for page has been consumed; from here the canvas owns the page.
         this.pageId.set(null);
         this.chatPageId.set(pageId);
-        // The open page is part of the screen a view saves.
+        // The open page is part of the state the tiles and exports read.
         this._filterState.setPage(pageId);
         this.pageChanged.emit(pageId);
+        this._writePageToUrl(pageId);
         // The bar shows the page groups of the page on screen.
         if (hasPageGroup(this.report())) {
             this._buildReportConfig();
@@ -19158,12 +18094,12 @@ class FsAiReportComponent {
     // search and hidden columns, a chart's drill path and the groups that match
     // 'any'; a server that does not read it uses each list's saved sort. The
     // notes get the filter lines as the cover words them (exportLines; a This
-    // Page zip names only the groups that reach the page) and the open view,
-    // which the server names, and each file is named after its tile's title as
-    // the canvas header reads it (titles). All of it is read once, when the
-    // export starts (exportWording). `thisPage` narrows it to the page the
-    // canvas is showing. Unlike the PDF/PowerPoint exports the files are
-    // written server-side, so they are not capped by what a slide can hold.
+    // Page zip names only the groups that reach the page), and each file is
+    // named after its tile's title as the canvas header reads it (titles). All
+    // of it is read once, when the export starts (exportWording). `thisPage`
+    // narrows it to the page the canvas is showing. Unlike the PDF/PowerPoint
+    // exports the files are written server-side, so they are not capped by
+    // what a slide can hold.
     exportData(thisPage = false) {
         const report = this.report();
         if (!report) {
@@ -19173,11 +18109,9 @@ class FsAiReportComponent {
         const filters = this._filterState.resolveForReport(report, pageId);
         const frequency = this._filterState.frequency();
         const snapshot = this._collector.snapshot(report);
-        const states = zipExportStates(report, snapshot.view, pageId);
-        const viewId = this._views.openView()?.id ?? null;
-        const viewChanged = this._views.viewChanged();
+        const states = zipExportStates(report, snapshot.state, pageId);
         this._process.download('Exporting data', this._collector.exportWording(report, snapshot, pageId)
-            .pipe(switchMap(({ lines, titles }) => this._reportData.exportReport(report.id, filters, pageId, frequency, lines, states, viewId, viewChanged, titles))));
+            .pipe(switchMap(({ lines, titles }) => this._reportData.exportReport(report.id, filters, pageId, frequency, lines, states, titles))));
     }
     // React to each chat turn (fs-chat handles the request + persistence); we
     // only care about the report side effects this context's backend flags.
@@ -19218,8 +18152,7 @@ class FsAiReportComponent {
     // What the viewer has on screen as a chat turn sends it. The canvas
     // selection counts only in edit mode: it is drawn only then, and it is kept
     // (not cleared) when edit mode is left. The match is sent only while it is
-    // 'any', the drilled charts only when one is drilled, and the open view
-    // (and whether the screen differs from it) only while one is open.
+    // 'any', and the drilled charts only when one is drilled.
     _chatViewerState() {
         const snapshot = this._filterState.snapshot();
         const drills = chatViewerDrills(snapshot, this._filterState.formatContext().locale);
@@ -19229,7 +18162,6 @@ class FsAiReportComponent {
             filters: this._filterState.viewerFilters(),
             ...chatViewerMatch(snapshot),
             ...(drills.length ? { drills } : {}),
-            ...chatViewFields(this._views.openView(), this._views.viewChanged()),
         };
     }
     _resizeTo(clientX) {
@@ -19241,8 +18173,25 @@ class FsAiReportComponent {
         const clamped = Math.min(0.8, Math.max(0.2, ratio));
         this._chatPanel.nativeElement.style.flexBasis = `${clamped * 100}%`;
     }
-    // The page id the URL holds right now (?page=, read only), or null when the
-    // page param is off or the value is not a usable id.
+    // The page on screen into the URL (?page=), replacing the current history
+    // entry rather than adding one, so Back leaves the report instead of
+    // stepping through its pages. Only the page param is touched; the host's
+    // own query params stay. Nothing is written when the param is off, or when
+    // the URL already names the page.
+    _writePageToUrl(pageId) {
+        const param = this.pageQueryParam();
+        if (!param || !pageId || this._pageIdFromUrl() === pageId) {
+            return;
+        }
+        this._router.navigate([], {
+            relativeTo: this._route,
+            queryParams: { [param]: pageId },
+            queryParamsHandling: 'merge',
+            replaceUrl: true,
+        });
+    }
+    // The page id the URL holds right now (?page=), or null when the page param
+    // is off or the value is not a usable id.
     _pageIdFromUrl() {
         const param = this.pageQueryParam();
         if (!param) {
@@ -19251,45 +18200,20 @@ class FsAiReportComponent {
         const pageId = Number(this._route.snapshot.queryParamMap.get(param));
         return Number.isFinite(pageId) && pageId > 0 ? pageId : null;
     }
+    // Every load sets the viewer state up for the report (init): its first
+    // load opens it on its authored defaults, and a later one (a chat edit, a
+    // settings save) keeps the state in memory.
     _loadReport(reportId, emitRenamed = false) {
         this._reportData.get(reportId)
-            .pipe(switchMap((report) => this._openReport(report).pipe(map(() => report))), takeUntilDestroyed(this._destroyRef))
+            .pipe(tap((report) => this._filterState.init(report)), takeUntilDestroyed(this._destroyRef))
             .subscribe((report) => {
             this.report.set(report);
-            this._openAppliedPage();
             this._buildReportConfig();
             if (emitRenamed) {
                 this.renamed.emit(report);
             }
         });
     }
-    // Sets the viewer state up for a loaded report. On its first load a server
-    // that keeps saved views opens it on the viewer's default view, else on the
-    // defaults (which waits for the list of views); any other server opens it
-    // on the defaults. Every later load keeps the state in memory.
-    _openReport(report) {
-        const firstLoad = report.id !== this._openedReportId;
-        this._openedReportId = report.id;
-        if (!this._views.serves(report)) {
-            this._filterState.init(report);
-            return of(undefined);
-        }
-        if (!firstLoad) {
-            this._filterState.init(report);
-            this._views.refresh(report);
-            return of(undefined);
-        }
-        return this._views.open(report, this.pageId());
-    }
-    // Moves the canvas to the page an opened view put on screen (a ?page= the
-    // report opened with already won inside apply()). A reset, or a reload,
-    // leaves the page.
-    _openAppliedPage() {
-        const pageId = this._filterState.page();
-        if (pageId && pageId !== this.chatPageId()) {
-            this.pageId.set(pageId);
-        }
-    }
     // Report-level filter groups in their saved order — the ones that render in
     // the toolbar (component-level groups render on their components), with
     // the page groups of the page on screen.
@@ -19323,26 +18247,134 @@ class FsAiReportComponent {
         if (matchItem) {
             items.push(matchItem);
         }
+        const savedFilters = this._savedFiltersConfig();
         this._barVersion.set(this._filterState.stateVersion());
         this.reportFilterConfig.set({
             // fs-filter never touches the URL or persists filter state: a report
             // keeps no state in the URL. ReportFilterStateService owns the values.
             queryParam: false,
             persist: false,
-            items,
+            items: savedFilters ? this._keepOnPick(items) : items,
             change: (query) => this._barChanged(query ?? {}, !!matchItem),
-            // 'Clear filters' puts the screen back on the open view, else on the
-            // report's defaults, and drops the temporary layer. fs-filter reports
-            // its own cleared items (change) just before this, so the reset wins.
-            // A server without saved views keeps the clear it always had: the
-            // bar's items only.
-            clear: this._views.serves(report) ? () => this._filterState.resetToBase() : undefined,
+            // 'Clear filters' puts the screen back on the report's authored
+            // defaults and drops the temporary layer. fs-filter reports its own
+            // cleared items (change) just before this, so the reset wins.
+            clear: () => this._filterState.resetToDefaults(),
             // The chip shows exactly while the screen differs from what a clear
-            // returns to (C5): right after a save it hides, and once the open view
-            // is deleted it shows for what differs from the defaults.
-            clearVisible: this._views.serves(report) ? () => this._filterState.viewChanged() : undefined,
+            // returns to (C5).
+            clearVisible: () => this._filterState.differsFromDefaults(),
+            savedFilters,
+            // fs-filter calls init once its saved filters are loaded.
+            ...(savedFilters && reportId ? { init: () => this._openOnFirstSavedFilter(reportId) } : {}),
         });
     }
+    // A report opens on its first saved filter: once its saved filters are
+    // first loaded, the first one is picked as a viewer would pick it, so it
+    // applies on every page through the same change (_barChanged). Once per
+    // report opened: the bar is recreated as the screen changes, and a later
+    // build must not pick it again over the viewer's own edits. Reordering the
+    // saved filters changes which one a report opens on, for everyone.
+    _openOnFirstSavedFilter(reportId) {
+        const savedFilterController = this._reportBar?.savedFilterController;
+        if (this._openedOnSavedFilterReportId === reportId || !savedFilterController) {
+            return;
+        }
+        this._openedOnSavedFilterReportId = reportId;
+        const [first] = savedFilterController.savedFilters;
+        if (first) {
+            savedFilterController.setActiveFilter(first);
+        }
+    }
+    // The bar's saved filters, shared by everyone who may open the report, or
+    // undefined when the bar has none to offer: a report not yet saved has no
+    // id to keep them under, and a bar with no report-wide filter has nothing
+    // a saved filter holds. fs-filter's own Saved filters menu lists them,
+    // saves the bar's values as a new one or over the picked one, orders and
+    // deletes them. What it saves is kept to the report-wide filters
+    // (savedFilterValues): a page's own filters, the grain and the match are
+    // left out. The list is read every time the bar is built; one that cannot
+    // be read shows as empty rather than keeping the bar from drawing.
+    _savedFiltersConfig() {
+        const reportId = this.report()?.id ?? null;
+        if (!reportId || !savedFilterGroups(this._reportGroups()).length) {
+            return undefined;
+        }
+        return {
+            load: () => this._reportData
+                .savedFilters(reportId, { context: new HttpContext().set(DisplayApiError, false) })
+                .pipe(catchError(() => of([])), map((savedFilters) => (savedFilters ?? []).map((savedFilter) => this._barSavedFilter(savedFilter)))),
+            save: (savedFilter) => {
+                const filters = savedFilterValues(savedFilter.filters, this._savedFilterGroups());
+                const save$ = savedFilter.id
+                    ? this._reportData.updateSavedFilter(reportId, Number(savedFilter.id), {
+                        ...(savedFilter.name ? { name: savedFilter.name } : {}),
+                        filters,
+                    })
+                    : this._reportData.createSavedFilter(reportId, { name: savedFilter.name ?? '', filters });
+                return save$.pipe(map((saved) => this._barSavedFilter(saved)));
+            },
+            order: (savedFilters) => this._reportData
+                .saveSavedFilterPositions(reportId, savedFilters.map((savedFilter) => Number(savedFilter.id)))
+                .pipe(map((ordered) => (ordered ?? []).map((savedFilter) => this._barSavedFilter(savedFilter)))),
+            delete: (savedFilter) => this._reportData
+                .deleteSavedFilter(reportId, Number(savedFilter.id))
+                .pipe(map(() => savedFilter)),
+        };
+    }
+    // The report's report-wide filter groups: the ones a saved filter holds.
+    _savedFilterGroups() {
+        return savedFilterGroups(this.report()?.filterGroups);
+    }
+    // A saved filter as the bar's menu holds it. Its values are kept to the
+    // report-wide filters the report has now (a key it no longer has, or a
+    // value its filter can no longer take, is dropped rather than applied), and
+    // each read of them hands out a copy, so nothing the bar does to the values
+    // it set changes the saved filter. A read also notes the bar's values
+    // (_keepBarOnPick): picking a saved filter reads its values and sets the
+    // bar from them in one go, and the items it does not hold are put back.
+    _barSavedFilter(savedFilter) {
+        const filters = savedFilterValues(savedFilter.filters, this._savedFilterGroups());
+        const keepBar = () => this._keepBarOnPick();
+        return {
+            id: savedFilter.id,
+            name: savedFilter.name,
+            get filters() {
+                keepBar();
+                return JSON.parse(JSON.stringify(filters));
+            },
+        };
+    }
+    // Notes the bar's values for a pick of a saved filter (_barValuesAtPick).
+    // fs-filter sets the bar from the saved filter's values in the same task
+    // as it reads them, so the note is dropped once this task is done: any
+    // other read of a saved filter's values (its row in View all, a save) sets
+    // nothing.
+    _keepBarOnPick() {
+        if (!this._reportBar) {
+            return;
+        }
+        this._barValuesAtPick = { ...this._reportBar.values };
+        queueMicrotask(() => this._barValuesAtPick = null);
+    }
+    // The bar's items, each one a saved filter does not hold (the group-by
+    // grain, the match, a page's own filters) set back to its value when a pick
+    // of a saved filter sets it. fs-filter sets every item from a saved filter
+    // and calls each one's change before it reports the bar's change, so the
+    // change the bar reports carries these items as they were: the pick moves
+    // the report-wide filters only, on every page, through the same change as
+    // a viewer's own edit (_barChanged). On any other change an item's change
+    // comes after the bar's, with no pick noted, and does nothing.
+    _keepOnPick(items) {
+        const held = new Set(this._savedFilterGroups().map((group) => groupItemName(group)));
+        return items.map((item) => (held.has(item.name)
+            ? item
+            : { ...item, change: (barItem) => this._keepItemOnPick(barItem) }));
+    }
+    _keepItemOnPick(item) {
+        if (this._barValuesAtPick) {
+            item.setValue(this._barValuesAtPick[item.name], false);
+        }
+    }
     // The bar's values into the state: every group it shows, the grain and,
     // when the bar has the control, the match.
     _barChanged(query, hasMatch) {
@@ -19377,8 +18409,6 @@ class FsAiReportComponent {
             ReportFilterStateService,
             // The bars' select lists, narrowed by the other filters; per open report.
             ReportFilterOptionsService,
-            // The report's saved views and the order it opens in; per open report.
-            ReportViewService,
             ReportExportCollectorService,
             ReportPptxService,
             ReportPdfService,
@@ -19389,11 +18419,11 @@ class FsAiReportComponent {
             ReportAiChatData,
             { provide: FsAiChatData, useExisting: ReportAiChatData },
             // Tree-shaken ECharts core + the 'report' house theme, loaded lazily.
-            provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-CyHkFToO.mjs').then((module) => module.default) }),
+            provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-B0RWUjR8.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(),
-        ], viewQueries: [{ propertyName: "_split", first: true, predicate: ["split"], descendants: true, static: true }, { propertyName: "_chatPanel", first: true, predicate: ["chatPanel"], descendants: true, read: ElementRef, static: true }, { propertyName: "_canvas", first: true, predicate: ReportCanvasComponent, descendants: true }], ngImport: i0, template: "<div class=\"fs-ai-report fs-column\">\n\n  <div class=\"fs-ai-report__header fs-row.align-center\">\n    <h2 class=\"fs-ai-report__title fs-flex\">{{ report()?.name }}</h2>\n\n    <!-- The saved views: shown only when the server keeps them. -->\n    @if (viewsServed()) {\n      <app-report-view-picker></app-report-view-picker>\n    }\n\n    @if (report()) {\n      <!-- Report-level filters, inline with the toolbar actions. fs-filter\n           reads its config once at init, so it's keyed on the filter\n           signature: when the report-level filter set changes the block is\n           recreated and re-reads the rebuilt config. -->\n      @if (reportHasFilters()) {\n        @for (key of [reportFilterKey()]; track key) {\n          <fs-filter\n              class=\"fs-ai-report__filters\"\n              [config]=\"reportFilterConfig()\">\n          </fs-filter>\n        }\n      }\n\n      <!-- What layout editing can add or switch to, and the way out of it.\n           One style for all three \u2014 outlined, icon and text. \"Header & footer\"\n           is a toggle: it keeps its label and turns gray while it is on. -->\n      @if (editMode()) {\n        <div class=\"fs-ai-report__edit-tools fs-row.align-center.gap-xs\">\n          <button\n              mat-stroked-button\n              type=\"button\"\n              matTooltip=\"Add a block of text\"\n              (click)=\"addText()\">\n            <mat-icon>title</mat-icon>\n            Add text\n          </button>\n          <button\n              mat-stroked-button\n              type=\"button\"\n              class=\"fs-ai-report__master\"\n              [class.active]=\"isMasterMode\"\n              [matTooltip]=\"isMasterMode ? 'Back to editing this page' : 'Edit the header and footer shown on every page'\"\n              (click)=\"toggleMasterMode()\">\n            <mat-icon>web_asset</mat-icon>\n            Header & footer\n          </button>\n          <button\n              mat-stroked-button\n              type=\"button\"\n              (click)=\"toggleEditMode()\">\n            <mat-icon>check</mat-icon>\n            Done editing\n          </button>\n        </div>\n      }\n\n      <!-- One icon for both states: it reads as pressed while editing rather\n           than swapping to something else. -->\n      <button\n          mat-icon-button\n          type=\"button\"\n          class=\"fs-ai-report__toggle\"\n          [class.active]=\"editMode()\"\n          [matTooltip]=\"editMode() ? 'Done editing' : 'Edit layout'\"\n          (click)=\"toggleEditMode()\">\n        <mat-icon>dashboard_customize</mat-icon>\n      </button>\n\n      <button\n          mat-icon-button\n          type=\"button\"\n          matTooltip=\"Export\"\n          [fsMenuTriggerFor]=\"exportMenu\">\n        <mat-icon>download</mat-icon>\n      </button>\n      <fs-menu #exportMenu>\n        <ng-template\n            fs-menu-item\n            (click)=\"exportPowerpoint()\">\n          Export PowerPoint\n        </ng-template>\n        <ng-template\n            fs-menu-item\n            (click)=\"exportPdf()\">\n          Export PDF\n        </ng-template>\n        <ng-template\n            fs-menu-item\n            (click)=\"exportData()\">\n          Export Raw Data\n        </ng-template>\n        @if ((report()?.pages?.length ?? 0) > 1) {\n          <ng-template\n              fs-menu-item\n              (click)=\"exportData(true)\">\n            Export Raw Data (This Page)\n          </ng-template>\n        }\n      </fs-menu>\n\n      <button\n          mat-icon-button\n          type=\"button\"\n          matTooltip=\"Report settings\"\n          (click)=\"reportSettings()\">\n        <mat-icon>settings</mat-icon>\n      </button>\n    }\n  </div>\n\n  <div\n      #split\n      class=\"fs-ai-report__split fs-row.align-start\">\n    <fs-ai-chat\n        #chatPanel\n        class=\"chat\"\n        [basePath]=\"basePath()\"\n        [requestData]=\"chatRequestData()\"\n        [ready]=\"chatPageId() !== null\"\n        (response)=\"onChatResponse($event)\">\n    </fs-ai-chat>\n\n    <div\n        class=\"resizer\"\n        (pointerdown)=\"onResizeStart($event)\">\n    </div>\n\n    <div class=\"viewer fs-flex fs-column\">\n      @if (report()) {\n        <app-report-canvas\n            [report]=\"report()\"\n            [editMode]=\"editMode()\"\n            [pageId]=\"pageId()\"\n            (componentSettings)=\"componentSettings($event)\"\n            (reportChanged)=\"onCanvasReportChanged()\"\n            (pageChanged)=\"onCanvasPageChanged($event)\">\n        </app-report-canvas>\n      }\n    </div>\n  </div>\n</div>\n", styles: [".fs-ai-report{height:100%;min-height:500px;display:flex;flex-direction:column}.fs-ai-report__header{flex:0 0 auto;margin-bottom:10px}.fs-ai-report__title{margin:0;min-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fs-ai-report__filters{flex:0 1 auto;min-width:0;display:block;margin:0 5px 0 0}.fs-ai-report__filters ::ng-deep .filter-bar-container{align-items:center!important}.fs-ai-report__filters ::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none}.fs-ai-report__toggle.active{background:#e3ecf7;color:var(--brand-primary-color, #2196f3)}.fs-ai-report__master.active{background:#eceff3}.fs-ai-report__edit-tools{margin:0 5px}.fs-ai-report__split{flex:1 1 auto;min-height:0}.fs-ai-report .chat{display:block;flex:0 0 25%;width:100%;height:100%;min-height:400px;min-width:0;border:none}.fs-ai-report .viewer{display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden}.fs-ai-report .resizer{flex:0 0 11px;align-self:stretch;display:flex;justify-content:center;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none}.fs-ai-report .resizer:before{content:\"\";width:3px;border-radius:3px;background:transparent;transition:background-color .12s ease}.fs-ai-report .resizer:hover:before{background:var(--brand-primary-color)}.fs-ai-report__split.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.fs-ai-report__split.resizing .resizer:before{background:var(--brand-primary-color)}.fs-ai-report__split.resizing .chat,.fs-ai-report__split.resizing .viewer{pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: FsFilterModule }, { kind: "component", type: i1$2.FilterComponent, selector: "fs-filter", inputs: ["config"], outputs: ["closed", "opened", "ready"] }, { kind: "ngmodule", type: FsMenuModule }, { kind: "component", type: i2.FsMenuComponent, selector: "fs-menu", inputs: ["class", "buttonClass", "buttonType", "buttonColor"], outputs: ["opened", "closed"] }, { kind: "directive", type: i2.FsMenuItemDirective, selector: "fs-menu-group,[fs-menu-item]" }, { kind: "directive", type: i2.FsMenuTriggerDirective, selector: "[fsMenuTriggerFor]", inputs: ["fsMenuTriggerFor"] }, { kind: "component", type: FsAiChatComponent, selector: "fs-ai-chat", inputs: ["basePath", "requestData", "ready", "introMessage", "showThinking"], outputs: ["response", "showThinkingChange"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3$3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: ReportCanvasComponent, selector: "app-report-canvas", inputs: ["report", "editMode", "pageId"], outputs: ["componentSettings", "reportChanged", "pageChanged"] }, { kind: "component", type: ReportViewPickerComponent, selector: "app-report-view-picker" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+        ], viewQueries: [{ propertyName: "_split", first: true, predicate: ["split"], descendants: true, static: true }, { propertyName: "_chatPanel", first: true, predicate: ["chatPanel"], descendants: true, read: ElementRef, static: true }, { propertyName: "_canvas", first: true, predicate: ReportCanvasComponent, descendants: true }, { propertyName: "_reportBar", first: true, predicate: FilterComponent, descendants: true }], ngImport: i0, template: "<div class=\"fs-ai-report fs-column\">\n\n  <div class=\"fs-ai-report__header fs-row.align-center\">\n    <h2 class=\"fs-ai-report__title fs-flex\">{{ report()?.name }}</h2>\n\n    @if (report()) {\n      <!-- Report-level filters, inline with the toolbar actions, with the\n           report's saved filters in fs-filter's own Saved filters menu.\n           fs-filter reads its config once at init, so it's keyed on the\n           filter signature: when the report-level filter set changes the\n           block is recreated and re-reads the rebuilt config. -->\n      @if (reportHasFilters()) {\n        @for (key of [reportFilterKey()]; track key) {\n          <fs-filter\n              class=\"fs-ai-report__filters\"\n              [config]=\"reportFilterConfig()\">\n          </fs-filter>\n        }\n      }\n\n      <!-- What layout editing can add or switch to, and the way out of it.\n           One style for all three \u2014 outlined, icon and text. \"Header & footer\"\n           is a toggle: it keeps its label and turns gray while it is on. -->\n      @if (editMode()) {\n        <div class=\"fs-ai-report__edit-tools fs-row.align-center.gap-xs\">\n          <button\n              mat-stroked-button\n              type=\"button\"\n              matTooltip=\"Add a block of text\"\n              (click)=\"addText()\">\n            <mat-icon>title</mat-icon>\n            Add text\n          </button>\n          <button\n              mat-stroked-button\n              type=\"button\"\n              class=\"fs-ai-report__master\"\n              [class.active]=\"isMasterMode\"\n              [matTooltip]=\"isMasterMode ? 'Back to editing this page' : 'Edit the header and footer shown on every page'\"\n              (click)=\"toggleMasterMode()\">\n            <mat-icon>web_asset</mat-icon>\n            Header & footer\n          </button>\n          <button\n              mat-stroked-button\n              type=\"button\"\n              (click)=\"toggleEditMode()\">\n            <mat-icon>check</mat-icon>\n            Done editing\n          </button>\n        </div>\n      }\n\n      <!-- One icon for both states: it reads as pressed while editing rather\n           than swapping to something else. -->\n      <button\n          mat-icon-button\n          type=\"button\"\n          class=\"fs-ai-report__toggle\"\n          [class.active]=\"editMode()\"\n          [matTooltip]=\"editMode() ? 'Done editing' : 'Edit layout'\"\n          (click)=\"toggleEditMode()\">\n        <mat-icon>dashboard_customize</mat-icon>\n      </button>\n\n      <button\n          mat-icon-button\n          type=\"button\"\n          matTooltip=\"Export\"\n          [fsMenuTriggerFor]=\"exportMenu\">\n        <mat-icon>download</mat-icon>\n      </button>\n      <fs-menu #exportMenu>\n        <ng-template\n            fs-menu-item\n            (click)=\"exportPowerpoint()\">\n          Export PowerPoint\n        </ng-template>\n        <ng-template\n            fs-menu-item\n            (click)=\"exportPdf()\">\n          Export PDF\n        </ng-template>\n        <ng-template\n            fs-menu-item\n            (click)=\"exportData()\">\n          Export Raw Data\n        </ng-template>\n        @if ((report()?.pages?.length ?? 0) > 1) {\n          <ng-template\n              fs-menu-item\n              (click)=\"exportData(true)\">\n            Export Raw Data (This Page)\n          </ng-template>\n        }\n      </fs-menu>\n\n      <button\n          mat-icon-button\n          type=\"button\"\n          matTooltip=\"Report settings\"\n          (click)=\"reportSettings()\">\n        <mat-icon>settings</mat-icon>\n      </button>\n    }\n  </div>\n\n  <div\n      #split\n      class=\"fs-ai-report__split fs-row.align-start\">\n    <fs-ai-chat\n        #chatPanel\n        class=\"chat\"\n        [basePath]=\"basePath()\"\n        [requestData]=\"chatRequestData()\"\n        [ready]=\"chatPageId() !== null\"\n        (response)=\"onChatResponse($event)\">\n    </fs-ai-chat>\n\n    <div\n        class=\"resizer\"\n        (pointerdown)=\"onResizeStart($event)\">\n    </div>\n\n    <div class=\"viewer fs-flex fs-column\">\n      @if (report()) {\n        <app-report-canvas\n            [report]=\"report()\"\n            [editMode]=\"editMode()\"\n            [pageId]=\"pageId()\"\n            (componentSettings)=\"componentSettings($event)\"\n            (reportChanged)=\"onCanvasReportChanged()\"\n            (pageChanged)=\"onCanvasPageChanged($event)\">\n        </app-report-canvas>\n      }\n    </div>\n  </div>\n</div>\n", styles: [".fs-ai-report{height:100%;min-height:500px;display:flex;flex-direction:column}.fs-ai-report__header{flex:0 0 auto;margin-bottom:10px}.fs-ai-report__title{margin:0;min-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fs-ai-report__filters{flex:0 1 auto;min-width:0;display:block;margin:0 5px 0 0}.fs-ai-report__filters ::ng-deep .filter-bar-container{align-items:center!important}.fs-ai-report__filters ::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none}.fs-ai-report__toggle.active{background:#e3ecf7;color:var(--brand-primary-color, #2196f3)}.fs-ai-report__master.active{background:#eceff3}.fs-ai-report__edit-tools{margin:0 5px}.fs-ai-report__split{flex:1 1 auto;min-height:0}.fs-ai-report .chat{display:block;flex:0 0 25%;width:100%;height:100%;min-height:400px;min-width:0;border:none}.fs-ai-report .viewer{display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden}.fs-ai-report .resizer{flex:0 0 11px;align-self:stretch;display:flex;justify-content:center;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none}.fs-ai-report .resizer:before{content:\"\";width:3px;border-radius:3px;background:transparent;transition:background-color .12s ease}.fs-ai-report .resizer:hover:before{background:var(--brand-primary-color)}.fs-ai-report__split.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.fs-ai-report__split.resizing .resizer:before{background:var(--brand-primary-color)}.fs-ai-report__split.resizing .chat,.fs-ai-report__split.resizing .viewer{pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: FsFilterModule }, { kind: "component", type: i1$2.FilterComponent, selector: "fs-filter", inputs: ["config"], outputs: ["closed", "opened", "ready"] }, { kind: "ngmodule", type: FsMenuModule }, { kind: "component", type: i2.FsMenuComponent, selector: "fs-menu", inputs: ["class", "buttonClass", "buttonType", "buttonColor"], outputs: ["opened", "closed"] }, { kind: "directive", type: i2.FsMenuItemDirective, selector: "fs-menu-group,[fs-menu-item]" }, { kind: "directive", type: i2.FsMenuTriggerDirective, selector: "[fsMenuTriggerFor]", inputs: ["fsMenuTriggerFor"] }, { kind: "component", type: FsAiChatComponent, selector: "fs-ai-chat", inputs: ["basePath", "requestData", "ready", "introMessage", "showThinking"], outputs: ["response", "showThinkingChange"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$3.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i3$3.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: ReportCanvasComponent, selector: "app-report-canvas", inputs: ["report", "editMode", "pageId"], outputs: ["componentSettings", "reportChanged", "pageChanged"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FsAiReportComponent, decorators: [{
             type: Component,
@@ -19403,8 +18433,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         ReportFilterStateService,
                         // The bars' select lists, narrowed by the other filters; per open report.
                         ReportFilterOptionsService,
-                        // The report's saved views and the order it opens in; per open report.
-                        ReportViewService,
                         ReportExportCollectorService,
                         ReportPptxService,
                         ReportPdfService,
@@ -19415,7 +18443,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-CyHkFToO.mjs').then((module) => module.default) }),
+                        provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-B0RWUjR8.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(),
@@ -19427,8 +18455,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         MatIconModule,
                         MatTooltipModule,
                         ReportCanvasComponent,
-                        ReportViewPickerComponent,
-                    ], template: "<div class=\"fs-ai-report fs-column\">\n\n  <div class=\"fs-ai-report__header fs-row.align-center\">\n    <h2 class=\"fs-ai-report__title fs-flex\">{{ report()?.name }}</h2>\n\n    <!-- The saved views: shown only when the server keeps them. -->\n    @if (viewsServed()) {\n      <app-report-view-picker></app-report-view-picker>\n    }\n\n    @if (report()) {\n      <!-- Report-level filters, inline with the toolbar actions. fs-filter\n           reads its config once at init, so it's keyed on the filter\n           signature: when the report-level filter set changes the block is\n           recreated and re-reads the rebuilt config. -->\n      @if (reportHasFilters()) {\n        @for (key of [reportFilterKey()]; track key) {\n          <fs-filter\n              class=\"fs-ai-report__filters\"\n              [config]=\"reportFilterConfig()\">\n          </fs-filter>\n        }\n      }\n\n      <!-- What layout editing can add or switch to, and the way out of it.\n           One style for all three \u2014 outlined, icon and text. \"Header & footer\"\n           is a toggle: it keeps its label and turns gray while it is on. -->\n      @if (editMode()) {\n        <div class=\"fs-ai-report__edit-tools fs-row.align-center.gap-xs\">\n          <button\n              mat-stroked-button\n              type=\"button\"\n              matTooltip=\"Add a block of text\"\n              (click)=\"addText()\">\n            <mat-icon>title</mat-icon>\n            Add text\n          </button>\n          <button\n              mat-stroked-button\n              type=\"button\"\n              class=\"fs-ai-report__master\"\n              [class.active]=\"isMasterMode\"\n              [matTooltip]=\"isMasterMode ? 'Back to editing this page' : 'Edit the header and footer shown on every page'\"\n              (click)=\"toggleMasterMode()\">\n            <mat-icon>web_asset</mat-icon>\n            Header & footer\n          </button>\n          <button\n              mat-stroked-button\n              type=\"button\"\n              (click)=\"toggleEditMode()\">\n            <mat-icon>check</mat-icon>\n            Done editing\n          </button>\n        </div>\n      }\n\n      <!-- One icon for both states: it reads as pressed while editing rather\n           than swapping to something else. -->\n      <button\n          mat-icon-button\n          type=\"button\"\n          class=\"fs-ai-report__toggle\"\n          [class.active]=\"editMode()\"\n          [matTooltip]=\"editMode() ? 'Done editing' : 'Edit layout'\"\n          (click)=\"toggleEditMode()\">\n        <mat-icon>dashboard_customize</mat-icon>\n      </button>\n\n      <button\n          mat-icon-button\n          type=\"button\"\n          matTooltip=\"Export\"\n          [fsMenuTriggerFor]=\"exportMenu\">\n        <mat-icon>download</mat-icon>\n      </button>\n      <fs-menu #exportMenu>\n        <ng-template\n            fs-menu-item\n            (click)=\"exportPowerpoint()\">\n          Export PowerPoint\n        </ng-template>\n        <ng-template\n            fs-menu-item\n            (click)=\"exportPdf()\">\n          Export PDF\n        </ng-template>\n        <ng-template\n            fs-menu-item\n            (click)=\"exportData()\">\n          Export Raw Data\n        </ng-template>\n        @if ((report()?.pages?.length ?? 0) > 1) {\n          <ng-template\n              fs-menu-item\n              (click)=\"exportData(true)\">\n            Export Raw Data (This Page)\n          </ng-template>\n        }\n      </fs-menu>\n\n      <button\n          mat-icon-button\n          type=\"button\"\n          matTooltip=\"Report settings\"\n          (click)=\"reportSettings()\">\n        <mat-icon>settings</mat-icon>\n      </button>\n    }\n  </div>\n\n  <div\n      #split\n      class=\"fs-ai-report__split fs-row.align-start\">\n    <fs-ai-chat\n        #chatPanel\n        class=\"chat\"\n        [basePath]=\"basePath()\"\n        [requestData]=\"chatRequestData()\"\n        [ready]=\"chatPageId() !== null\"\n        (response)=\"onChatResponse($event)\">\n    </fs-ai-chat>\n\n    <div\n        class=\"resizer\"\n        (pointerdown)=\"onResizeStart($event)\">\n    </div>\n\n    <div class=\"viewer fs-flex fs-column\">\n      @if (report()) {\n        <app-report-canvas\n            [report]=\"report()\"\n            [editMode]=\"editMode()\"\n            [pageId]=\"pageId()\"\n            (componentSettings)=\"componentSettings($event)\"\n            (reportChanged)=\"onCanvasReportChanged()\"\n            (pageChanged)=\"onCanvasPageChanged($event)\">\n        </app-report-canvas>\n      }\n    </div>\n  </div>\n</div>\n", styles: [".fs-ai-report{height:100%;min-height:500px;display:flex;flex-direction:column}.fs-ai-report__header{flex:0 0 auto;margin-bottom:10px}.fs-ai-report__title{margin:0;min-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fs-ai-report__filters{flex:0 1 auto;min-width:0;display:block;margin:0 5px 0 0}.fs-ai-report__filters ::ng-deep .filter-bar-container{align-items:center!important}.fs-ai-report__filters ::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none}.fs-ai-report__toggle.active{background:#e3ecf7;color:var(--brand-primary-color, #2196f3)}.fs-ai-report__master.active{background:#eceff3}.fs-ai-report__edit-tools{margin:0 5px}.fs-ai-report__split{flex:1 1 auto;min-height:0}.fs-ai-report .chat{display:block;flex:0 0 25%;width:100%;height:100%;min-height:400px;min-width:0;border:none}.fs-ai-report .viewer{display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden}.fs-ai-report .resizer{flex:0 0 11px;align-self:stretch;display:flex;justify-content:center;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none}.fs-ai-report .resizer:before{content:\"\";width:3px;border-radius:3px;background:transparent;transition:background-color .12s ease}.fs-ai-report .resizer:hover:before{background:var(--brand-primary-color)}.fs-ai-report__split.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.fs-ai-report__split.resizing .resizer:before{background:var(--brand-primary-color)}.fs-ai-report__split.resizing .chat,.fs-ai-report__split.resizing .viewer{pointer-events:none}\n"] }]
+                    ], template: "<div class=\"fs-ai-report fs-column\">\n\n  <div class=\"fs-ai-report__header fs-row.align-center\">\n    <h2 class=\"fs-ai-report__title fs-flex\">{{ report()?.name }}</h2>\n\n    @if (report()) {\n      <!-- Report-level filters, inline with the toolbar actions, with the\n           report's saved filters in fs-filter's own Saved filters menu.\n           fs-filter reads its config once at init, so it's keyed on the\n           filter signature: when the report-level filter set changes the\n           block is recreated and re-reads the rebuilt config. -->\n      @if (reportHasFilters()) {\n        @for (key of [reportFilterKey()]; track key) {\n          <fs-filter\n              class=\"fs-ai-report__filters\"\n              [config]=\"reportFilterConfig()\">\n          </fs-filter>\n        }\n      }\n\n      <!-- What layout editing can add or switch to, and the way out of it.\n           One style for all three \u2014 outlined, icon and text. \"Header & footer\"\n           is a toggle: it keeps its label and turns gray while it is on. -->\n      @if (editMode()) {\n        <div class=\"fs-ai-report__edit-tools fs-row.align-center.gap-xs\">\n          <button\n              mat-stroked-button\n              type=\"button\"\n              matTooltip=\"Add a block of text\"\n              (click)=\"addText()\">\n            <mat-icon>title</mat-icon>\n            Add text\n          </button>\n          <button\n              mat-stroked-button\n              type=\"button\"\n              class=\"fs-ai-report__master\"\n              [class.active]=\"isMasterMode\"\n              [matTooltip]=\"isMasterMode ? 'Back to editing this page' : 'Edit the header and footer shown on every page'\"\n              (click)=\"toggleMasterMode()\">\n            <mat-icon>web_asset</mat-icon>\n            Header & footer\n          </button>\n          <button\n              mat-stroked-button\n              type=\"button\"\n              (click)=\"toggleEditMode()\">\n            <mat-icon>check</mat-icon>\n            Done editing\n          </button>\n        </div>\n      }\n\n      <!-- One icon for both states: it reads as pressed while editing rather\n           than swapping to something else. -->\n      <button\n          mat-icon-button\n          type=\"button\"\n          class=\"fs-ai-report__toggle\"\n          [class.active]=\"editMode()\"\n          [matTooltip]=\"editMode() ? 'Done editing' : 'Edit layout'\"\n          (click)=\"toggleEditMode()\">\n        <mat-icon>dashboard_customize</mat-icon>\n      </button>\n\n      <button\n          mat-icon-button\n          type=\"button\"\n          matTooltip=\"Export\"\n          [fsMenuTriggerFor]=\"exportMenu\">\n        <mat-icon>download</mat-icon>\n      </button>\n      <fs-menu #exportMenu>\n        <ng-template\n            fs-menu-item\n            (click)=\"exportPowerpoint()\">\n          Export PowerPoint\n        </ng-template>\n        <ng-template\n            fs-menu-item\n            (click)=\"exportPdf()\">\n          Export PDF\n        </ng-template>\n        <ng-template\n            fs-menu-item\n            (click)=\"exportData()\">\n          Export Raw Data\n        </ng-template>\n        @if ((report()?.pages?.length ?? 0) > 1) {\n          <ng-template\n              fs-menu-item\n              (click)=\"exportData(true)\">\n            Export Raw Data (This Page)\n          </ng-template>\n        }\n      </fs-menu>\n\n      <button\n          mat-icon-button\n          type=\"button\"\n          matTooltip=\"Report settings\"\n          (click)=\"reportSettings()\">\n        <mat-icon>settings</mat-icon>\n      </button>\n    }\n  </div>\n\n  <div\n      #split\n      class=\"fs-ai-report__split fs-row.align-start\">\n    <fs-ai-chat\n        #chatPanel\n        class=\"chat\"\n        [basePath]=\"basePath()\"\n        [requestData]=\"chatRequestData()\"\n        [ready]=\"chatPageId() !== null\"\n        (response)=\"onChatResponse($event)\">\n    </fs-ai-chat>\n\n    <div\n        class=\"resizer\"\n        (pointerdown)=\"onResizeStart($event)\">\n    </div>\n\n    <div class=\"viewer fs-flex fs-column\">\n      @if (report()) {\n        <app-report-canvas\n            [report]=\"report()\"\n            [editMode]=\"editMode()\"\n            [pageId]=\"pageId()\"\n            (componentSettings)=\"componentSettings($event)\"\n            (reportChanged)=\"onCanvasReportChanged()\"\n            (pageChanged)=\"onCanvasPageChanged($event)\">\n        </app-report-canvas>\n      }\n    </div>\n  </div>\n</div>\n", styles: [".fs-ai-report{height:100%;min-height:500px;display:flex;flex-direction:column}.fs-ai-report__header{flex:0 0 auto;margin-bottom:10px}.fs-ai-report__title{margin:0;min-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fs-ai-report__filters{flex:0 1 auto;min-width:0;display:block;margin:0 5px 0 0}.fs-ai-report__filters ::ng-deep .filter-bar-container{align-items:center!important}.fs-ai-report__filters ::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none}.fs-ai-report__toggle.active{background:#e3ecf7;color:var(--brand-primary-color, #2196f3)}.fs-ai-report__master.active{background:#eceff3}.fs-ai-report__edit-tools{margin:0 5px}.fs-ai-report__split{flex:1 1 auto;min-height:0}.fs-ai-report .chat{display:block;flex:0 0 25%;width:100%;height:100%;min-height:400px;min-width:0;border:none}.fs-ai-report .viewer{display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden}.fs-ai-report .resizer{flex:0 0 11px;align-self:stretch;display:flex;justify-content:center;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none}.fs-ai-report .resizer:before{content:\"\";width:3px;border-radius:3px;background:transparent;transition:background-color .12s ease}.fs-ai-report .resizer:hover:before{background:var(--brand-primary-color)}.fs-ai-report__split.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.fs-ai-report__split.resizing .resizer:before{background:var(--brand-primary-color)}.fs-ai-report__split.resizing .chat,.fs-ai-report__split.resizing .viewer{pointer-events:none}\n"] }]
         }], ctorParameters: () => [], propDecorators: { _split: [{
                 type: ViewChild,
                 args: ['split', { static: true }]
@@ -19438,6 +18465,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }], _canvas: [{
                 type: ViewChild,
                 args: [ReportCanvasComponent]
+            }], _reportBar: [{
+                type: ViewChild,
+                args: [FilterComponent]
             }] } });
 
 /*
@@ -19453,4 +18483,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-DftB7M1o.mjs.map
+//# sourceMappingURL=firestitch-report-firestitch-report-CJW0lLdW.mjs.map