@firestitch/report 18.10.0 → 18.10.1

package/fesm2022/{firestitch-report-firestitch-report-B1keNrcK.mjs → firestitch-report-firestitch-report-ZcHTnNKq.mjs}

@@ -12,12 +12,12 @@ 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 { getExcludeName, ItemType, FsFilterModule } from '@firestitch/filter';
+import { ItemType, getExcludeName, FsFilterModule } from '@firestitch/filter';
 import * as i2 from '@firestitch/menu';
 import { FsMenuModule, FsMenuComponent } from '@firestitch/menu';
 import { FsProcess } from '@firestitch/process';
 import { FsPrompt } from '@firestitch/prompt';
-import { map, catchError, shareReplay, scan, filter, take, tap, switchMap, finalize, mergeMap, toArray, takeUntil, auditTime } from 'rxjs/operators';
+import { map, catchError, shareReplay, scan, filter, take, tap, switchMap, finalize, concatMap, toArray, mergeMap, takeUntil } from 'rxjs/operators';
 import { toSignal, takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';
 import { NgxEchartsDirective, provideEchartsCore } from 'ngx-echarts';
 import { FsAiChatComponent, FsAiChatData } from '@firestitch/ai';
@@ -27,17 +27,15 @@ import * as i6$1 from '@firestitch/message';
 import { FsMessage, FsMessageModule } from '@firestitch/message';
 import * as i3$1 from '@firestitch/zoom-pan';
 import { FsZoomPanComponent, FsZoomPanModule } from '@firestitch/zoom-pan';
-import { forkJoin, of, Subject, defer, merge, map as map$1, switchMap as switchMap$1, timer, catchError as catchError$1, filter as filter$1, tap as tap$1, debounceTime, EMPTY, from, BehaviorSubject } from 'rxjs';
-import { FsApi, DisplayApiError, ProcessApiError, StreamEventType } from '@firestitch/api';
+import { forkJoin, of, Subject, defer, merge, map as map$1, switchMap as switchMap$1, timer, catchError as catchError$1, filter as filter$1, tap as tap$1, debounceTime, from, throwError, EMPTY, BehaviorSubject } from 'rxjs';
+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 * as i2$3 from '@firestitch/date';
-import { iso8601, FsDateModule } from '@firestitch/date';
 import { MatProgressBar } from '@angular/material/progress-bar';
 import { MatCheckbox } from '@angular/material/checkbox';
 import * as i3 from '@firestitch/dialog';
 import { FsDialogModule } from '@firestitch/dialog';
-import { NgTemplateOutlet } from '@angular/common';
+import { NgTemplateOutlet, DOCUMENT } from '@angular/common';
 import * as i1 from '@firestitch/list';
 import { FsListComponent, PaginationStrategy, FsListModule } from '@firestitch/list';
 import { DomSanitizer } from '@angular/platform-browser';
@@ -57,18 +55,20 @@ import * as i3$2 from '@firestitch/mask';
 import { FsMaskModule } from '@firestitch/mask';
 import * as i6 from '@firestitch/tabs';
 import { FsTabsModule } from '@firestitch/tabs';
+import { HttpContext } from '@angular/common/http';
 import * as i9 from '@firestitch/datepicker';
 import { FsDatePickerModule, FS_DATEPICKER_CONFIG_DEFAULT, FS_DATEPICKER_CONFIG } from '@firestitch/datepicker';
 import * as i4 from '@firestitch/skeleton';
 import { FsSkeletonModule } from '@firestitch/skeleton';
 import { MatOption as MatOption$1 } from '@angular/material/core';
 import { guid } from '@firestitch/common';
-import { HttpContext } from '@angular/common/http';
 import { Router, ActivatedRoute, RouterLink } from '@angular/router';
 import * as i1$4 from '@firestitch/chip';
 import { FsChipModule } from '@firestitch/chip';
 import * as i4$1 from '@firestitch/tree';
 import { FsTreeComponent, TreeDragMode, TreeActionType, FsTreeModule } from '@firestitch/tree';
+import * as i2$3 from '@firestitch/date';
+import { FsDateModule } from '@firestitch/date';
 import { FsMarkdownRendererComponent, FsMarkdownEditorComponent } from '@firestitch/markdown-editor';
 import * as i1$5 from '@angular/material/expansion';
 import { MatExpansionModule } from '@angular/material/expansion';
@@ -76,12 +76,13 @@ import { MatExpansionModule } from '@angular/material/expansion';
 // Which page the canvas opens when its report input changes.
 //
 // - 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 link's page does not
-//   beat it: that is the stale value the host still holds from the URL.
-// - Otherwise the link's (or the open view's) page, when the report has it.
-// - Another report whose link names no page it has opens on its first page:
+//   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.
+// - 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 link's page does not
+// - The same report keeps the page it shows when the asked-for page does not
 //   resolve (it may still be loading); an index past the last page falls
 //   back to the first.
 function canvasLandingPage(input) {
@@ -534,10 +535,13 @@ class ReportData {
             ...config,
         });
     }
-    // Update a filter group — its exposure level ('component' | 'report' | 'both')
-    // and/or its default value (the value seeding the report bar on open). Send
-    // `default: null` (or an empty default) to clear it. Only the keys provided
-    // are changed.
+    // Update a filter group — its exposure level ('component' | 'report' | 'both'),
+    // its name (an identifier, unique in the report; the server refuses one that
+    // breaks the rule, with a message naming the problem), its label (never
+    // changes the name) and/or its default value (the value seeding the report
+    // bar on open). Send `default: null` (or an empty default) to clear it. Only
+    // the keys provided are changed, in the order name, label, level, default,
+    // so a refused name leaves the rest unwritten.
     updateFilterGroup(reportId, groupId, changes, config = {}) {
         return this._api.put(this._path(`${reportId}/filtergroups/${groupId}`), changes, {
             key: 'filterGroup',
@@ -1710,36 +1714,6 @@ function getZonedNow(timezone) {
     }
 }
 
-// The assembled report structure returned by GET /api/reports/:id — composed
-// server-side from the normalized tables (reports → report_pages →
-// report_components + report_filters, plus report_filter_groups). All keys are
-// camelCase; component `config` is the standard format the renderer maps to
-// ECharts options / FsList config.
-// How each granularity reads in the group-by control and on an export cover
-// sheet. WHICH of them a given report offers comes from its ReportGroupBy;
-// this is only the naming. 'year' reads as "Annually".
-const GRANULARITY_OPTIONS = [
-    { value: 'day', name: 'Day' },
-    { value: 'week', name: 'Week' },
-    { value: 'month', name: 'Month' },
-    { value: 'quarter', name: 'Quarter' },
-    { value: 'year', name: 'Annually' },
-];
-var ReportNodeType;
-(function (ReportNodeType) {
-    ReportNodeType["Folder"] = "folder";
-    ReportNodeType["Report"] = "report";
-})(ReportNodeType || (ReportNodeType = {}));
-// Reports and folders are both soft-deletable. A deleted report keeps its pages
-// and components; a deleted folder keeps everything filed under it, which leaves
-// the listing with it and comes back with it. "Show Deleted" shows the whole
-// tree, live and deleted together, so any of it can be restored in place.
-var ReportState;
-(function (ReportState) {
-    ReportState["Active"] = "active";
-    ReportState["Deleted"] = "deleted";
-})(ReportState || (ReportState = {}));
-
 // The most leading columns a list can keep in view while it scrolls sideways.
 // Mirrors the server's ListConfig::MAX_PINNED_COLUMNS, which refuses more.
 const MAX_PINNED_COLUMNS = 3;
@@ -1858,6 +1832,36 @@ var ReportChartDateLabel;
     ReportChartDateLabel["Numeric"] = "numeric";
 })(ReportChartDateLabel || (ReportChartDateLabel = {}));
 
+// The assembled report structure returned by GET /api/reports/:id — composed
+// server-side from the normalized tables (reports → report_pages →
+// report_components + report_filters, plus report_filter_groups). All keys are
+// camelCase; component `config` is the standard format the renderer maps to
+// ECharts options / FsList config.
+// How each granularity reads in the group-by control and on an export cover
+// sheet. WHICH of them a given report offers comes from its ReportGroupBy;
+// this is only the naming. 'year' reads as "Annually".
+const GRANULARITY_OPTIONS = [
+    { value: 'day', name: 'Day' },
+    { value: 'week', name: 'Week' },
+    { value: 'month', name: 'Month' },
+    { value: 'quarter', name: 'Quarter' },
+    { value: 'year', name: 'Annually' },
+];
+var ReportNodeType;
+(function (ReportNodeType) {
+    ReportNodeType["Folder"] = "folder";
+    ReportNodeType["Report"] = "report";
+})(ReportNodeType || (ReportNodeType = {}));
+// Reports and folders are both soft-deletable. A deleted report keeps its pages
+// and components; a deleted folder keeps everything filed under it, which leaves
+// the listing with it and comes back with it. "Show Deleted" shows the whole
+// tree, live and deleted together, so any of it can be restored in place.
+var ReportState;
+(function (ReportState) {
+    ReportState["Active"] = "active";
+    ReportState["Deleted"] = "deleted";
+})(ReportState || (ReportState = {}));
+
 // A chart measure's named color. The names follow the report chart palette in
 // order (REPORT_CHART_COLOR_BY_NAME), so blue is the first series' default
 // color and gray the tenth's.
@@ -4600,7 +4604,7 @@ const GROUP_VALUE_KEYS = {
 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 or a link sends.
+// 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.
@@ -4620,8 +4624,8 @@ function isCalendarDay(text) {
     const date = new Date(Date.UTC(year, month - 1, day));
     return date.getUTCFullYear() === year && date.getUTCMonth() === month - 1 && date.getUTCDate() === day;
 }
-// A number written as text (a link's range end, a masked input's value), or
-// null when the text is not one finite number.
+// A number written as text (a masked input's value), or null when the text
+// is not one finite number.
 function numberFromText(text) {
     const number = NUMBER_PATTERN.test(text) ? Number(text) : NaN;
     return Number.isFinite(number) ? number : null;
@@ -4642,7 +4646,7 @@ function groupValueFromArray(value, type) {
             return keywordValue(value);
     }
 }
-// A group value read back (a saved view, a link) for a group of `type`: what
+// 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)) {
@@ -4680,7 +4684,7 @@ function viewConfigFromArray(input) {
     }
     return config;
 }
-// A group's value as a view or a link stores it, read for the keys its
+// 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
@@ -4759,44 +4763,6 @@ function cleanDrillPath(path) {
 function sameDrillPath(a, b) {
     return drillKey(a) === drillKey(b);
 }
-// What a link must carry for the screen (`current`, a snapshot) to open on
-// `base`: only what differs from it. A group `base` does not hold is read
-// against `authored`, as viewDiffers reads it. A key that went back to its
-// authored state where `base` holds another is written as that state where
-// a link can say it: a group's value (an empty value clears it) and a list's
-// sort (its authored first term, `authoredSort`). The match back to 'all',
-// the authored grain, an empty search, no hidden columns, a chart's top and
-// a list with no authored sort cannot be said on top of a base, so the
-// result is null and the caller writes the full diff from the authored
-// defaults instead, which can always be said. The page is never part of it
-// (the host writes its own key).
-function viewConfigDiff(base, current, authored, authoredSort) {
-    const diff = { v: REPORT_VIEW_CONFIG_VERSION };
-    if ((base.match ?? 'all') !== (current.match ?? 'all')) {
-        if (current.match !== 'any') {
-            return null;
-        }
-        diff.match = 'any';
-    }
-    if ((base.groupBy ?? null) !== (current.groupBy ?? null)) {
-        if (!current.groupBy) {
-            return null;
-        }
-        diff.groupBy = current.groupBy;
-    }
-    const groups = changedGroups(base, current, authored);
-    if (Object.keys(groups).length) {
-        diff.groups = groups;
-    }
-    const tiles = changedTiles(base.tiles ?? {}, current.tiles ?? {}, authoredSort);
-    if (!tiles) {
-        return null;
-    }
-    if (Object.keys(tiles).length) {
-        diff.tiles = tiles;
-    }
-    return diff;
-}
 // 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
@@ -4843,10 +4809,6 @@ function viewDroppedMessage(count, canChange = true) {
         : `${count} settings in this view no longer apply, because the report changed.`;
     return canChange ? `${note} Save changes to update the view.` : note;
 }
-// Shown when a link names a view the viewer cannot open (deleted, or another
-// person's own view): the link's other settings apply on the report's
-// defaults.
-const VIEW_NOT_AVAILABLE_MESSAGE = 'The view in this link is not available.';
 // 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) {
@@ -4864,66 +4826,6 @@ 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]));
 }
-// The groups whose value on screen differs from base's (or, for a group base
-// does not hold, from the authored one), each with the screen's value; null
-// for one that holds nothing.
-function changedGroups(base, current, authored) {
-    return Object.fromEntries(Object.entries(current.groups ?? {})
-        .filter(([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);
-    })
-        .map(([groupId, value]) => [groupId, value ?? null]));
-}
-// Each tile's keys that differ from base's, or null when one of them went
-// back to a state a link cannot say (see viewConfigDiff).
-function changedTiles(base, current, authoredSort) {
-    const tiles = {};
-    const ids = new Set([...Object.keys(base), ...Object.keys(current)].map(Number));
-    for (const componentId of ids) {
-        const tile = changedTile(base[componentId] ?? {}, current[componentId] ?? {}, () => authoredSort(componentId));
-        if (!tile) {
-            return null;
-        }
-        if (Object.keys(tile).length) {
-            tiles[componentId] = tile;
-        }
-    }
-    return tiles;
-}
-// One tile's keys that differ from base's; null when one went back to a
-// state a link cannot say.
-function changedTile(base, current, authoredSort) {
-    const tile = {};
-    if (sortKey(base.sort) !== sortKey(current.sort)) {
-        const sort = current.sort?.column ? current.sort : authoredSort();
-        if (!sort) {
-            return null;
-        }
-        tile.sort = { ...sort };
-    }
-    if ((base.search ?? '') !== (current.search ?? '')) {
-        if (!current.search) {
-            return null;
-        }
-        tile.search = current.search;
-    }
-    if (sortedNames(base.hidden) !== sortedNames(current.hidden)) {
-        if (!current.hidden?.length) {
-            return null;
-        }
-        tile.hidden = [...current.hidden];
-    }
-    if (drillKey(base.drill) !== drillKey(current.drill)) {
-        if (!current.drill?.length) {
-            return null;
-        }
-        tile.drill = current.drill.map((step) => ({ ...step }));
-    }
-    return tile;
-}
 // 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.
@@ -4938,14 +4840,6 @@ function tileKeysLost(stored, applied) {
         (stored.drill?.length ?? 0) > 0 && !applied?.drill?.length,
     ].filter(Boolean).length;
 }
-// A list sort as text; no direction reads as ascending, the way a list
-// applies it.
-function sortKey(sort) {
-    return sort?.column ? JSON.stringify([sort.column, sort.direction ?? 'asc']) : '';
-}
-function sortedNames(names) {
-    return JSON.stringify([...(names ?? [])].sort());
-}
 // 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.
@@ -5546,112 +5440,33 @@ function relativeLabel(relative) {
 // query values back into per-group FilterGroupValues. Shared by the report-bar
 // fs-filter and the per-component fs-filter so both render through the same
 // library and write into ReportFilterStateService identically. Items are named
-// by the group's key (groupParamKeys), so the query keys map straight back to
-// the group, and the report link uses the same query keys (report-url-state.ts).
+// by the group's id (groupItemName), so the query keys map straight back to
+// the group. A report never puts these keys in the browser URL: fs-filter's
+// own query-param syncing is off in every report bar.
 // The query key for the report's group-by control. Fixed rather than derived
 // from an id because a report has exactly one — and it is NOT a filter group,
 // so it is read straight off the change query instead of through
-// groupValuesFromQuery. It is also the report URL's key for the grain
-// (report-url-state.ts). The grain travels to the server as the data
-// request's `state.frequency`.
+// groupValuesFromQuery. The grain travels to the server as the data request's
+// `state.frequency`.
 const GROUP_BY_ITEM = 'groupBy';
-// The keys of the report URL that are not filter groups (report-url-state.ts
-// reads and writes them). They are declared here because a group key must
-// not take one, and report-url-state.ts imports this file.
-// The shared view the state is a diff from, and the open personal view.
-const VIEW_PARAM = 'rv';
-const PERSONAL_VIEW_PARAM = 'rpv';
-// The link's format.
-const FORMAT_PARAM = 'rf';
-// The host's page key (FsAiReportComponent.pageQueryParam), as most hosts
-// name it.
-const PAGE_PARAM = 'page';
-// The word before a group's id in the key of a group whose label gives no
-// key it can use (filter12).
-const FALLBACK_KEY_WORD = 'filter';
+// The word before a group's id in the name of its fs-filter item (filter12).
+const ITEM_NAME_WORD = 'filter';
 // The query key of one end of an fs-filter range item: the item's name and
 // the end with its first letter upper-cased (fs-filter's getRangeName), so
-// units gives unitsMin and date gives dateFrom.
+// filter12 gives filter12Min and filter12From.
 function itemRangeName(name, end) {
     return `${name}${end.charAt(0).toUpperCase()}${end.slice(1)}`;
 }
-// Each group's key in the report URL, by group id, which is also the name of
-// its fs-filter item: the camelCase of the label the bar shows ('Region' ->
-// region, 'Report Period' -> reportPeriod). The link writes a group under
-// the item's own query keys (region=, excludeRegion=, unitsMin=, dateFrom=).
-// A key the report cannot give a group as it is (another group with a lower
-// id has it or one of its forms, another link key or bar item uses it, or it
-// is shaped like a tile's id key, such as q4) is the key and the group's id
-// (region12). A label with no letter or digit, or a clash even then, keys on
-// filter<id>. `groups` is every group of the report, so every bar and the
-// link name a group alike.
-function groupParamKeys(groups) {
-    // The URL's other keys and the bar's other items.
-    const taken = new Set([
-        PAGE_PARAM, GROUP_BY_ITEM, MATCH_ITEM, LIST_SEARCH_ITEM, VIEW_PARAM, PERSONAL_VIEW_PARAM, FORMAT_PARAM,
-    ]);
-    const free = (candidate) => !!candidate
-        && keyForms(candidate).every((form) => !taken.has(form) && !ID_KEY.test(form));
-    const keys = new Map();
-    [...groups]
-        .sort((a, b) => a.id - b.id)
-        .forEach((group) => {
-        const wanted = labelKey(groupLabel(group));
-        const key = [wanted, wanted && `${wanted}${group.id}`].find(free) ?? fallbackKey(group.id, free);
-        keyForms(key).forEach((form) => taken.add(form));
-        keys.set(group.id, key);
-    });
-    return keys;
-}
-// filter<id>, or, in the rare report where another group's label already
-// gives that, filter<id> and a count.
-function fallbackKey(groupId, free) {
-    const base = `${FALLBACK_KEY_WORD}${groupId}`;
-    let key = base;
-    for (let count = 2; !free(key); count++) {
-        key = `${base}N${count}`;
-    }
-    return key;
-}
-// A group's key among `groups` (every group of the report). A group that is
-// not among them is keyed as one more of them.
-function groupParamKey(group, groups) {
-    return groupParamKeys(groups.some((candidate) => candidate.id === group.id) ? groups : [...groups, group])
-        .get(group.id);
-}
-// The name of a group's fs-filter item: its key among the report's groups.
-function groupItemName(group, report) {
-    return groupParamKey(group, report?.filterGroups ?? []);
+// The name of a group's fs-filter item: 'filter' and the group's id. The id
+// never changes, so neither a new label nor a new name moves a bar's keys,
+// and no item name can take another item's (groupBy, match, listSearch).
+function groupItemName(group) {
+    return `${ITEM_NAME_WORD}${group.id}`;
 }
 // The label a group's chip shows: its own, else its first member's column.
 function groupLabel(group) {
     return group.label || group.filters?.[0]?.filterColumn || '';
 }
-// A letter and then digits: the shape of the URL's tile keys (s31, q31,
-// h31, d44), kept off the groups so a group key never reads as one.
-const ID_KEY = /^[a-z]\d+$/;
-const RANGE_ENDS = ['min', 'max', 'from', 'to'];
-// Every key a group's item or link may write under `key`: the key, its
-// exclude key (excludeRegion) and an fs-filter range's own keys.
-function keyForms(key) {
-    return [key, getExcludeName(key), ...RANGE_ENDS.map((end) => itemRangeName(key, end))];
-}
-// A label as a camelCase key: accents dropped, words split on anything that
-// is not a letter or digit (and where a lower-case letter meets an upper-case
-// one), the first word lower-case, every later one capitalized.
-function labelKey(label) {
-    return label
-        .normalize('NFD')
-        .replace(/\p{M}/gu, '')
-        .replace(/([a-z0-9])([A-Z])/g, '$1 $2')
-        .split(/[^A-Za-z0-9]+/)
-        .filter((word) => word !== '')
-        .map((word, index) => {
-        const lower = word.toLowerCase();
-        return index ? lower.charAt(0).toUpperCase() + lower.slice(1) : lower;
-    })
-        .join('');
-}
 // A select group's distinct options, as { name, value } pairs. The server sends
 // { value, label }: the value is what the filter matches on (an entity's stable
 // id) and the label is what the viewer reads — so a renamed entity keeps its id
@@ -5713,7 +5528,7 @@ const OPTIONS_FAILED_NOTE = 'Could not load the list.';
 // columns), and a number range is a min/max control only when it lists
 // numberRange.
 function filterItemForGroup(group, options, report, initial, features = []) {
-    const name = groupItemName(group, report);
+    const name = groupItemName(group);
     const label = groupLabel(group);
     switch (group.type) {
         case 'dateRange':
@@ -5753,7 +5568,7 @@ function selectFilterItem(group, label, options, report, initial, exclude) {
     const picks = excluding ? initial.excludeValues : initial?.values;
     const options$ = options.options(group, report);
     return {
-        name: groupItemName(group, report),
+        name: groupItemName(group),
         type: ItemType.AutoCompleteChips,
         label,
         fetchOnFocus: true,
@@ -5780,7 +5595,7 @@ function optionsNote(options, groupId) {
 // 'Amount: 0 to 10'): the ends are read off the item's query the way the
 // bar's change reads them, and worded in the report's locale.
 function numberRangeFilterItem(group, label, report, initial) {
-    const name = groupItemName(group, report);
+    const name = groupItemName(group);
     const min = initial?.min ?? undefined;
     const max = initial?.max ?? undefined;
     const locale = resolveFormatContext(report ?? {}).locale;
@@ -5827,7 +5642,6 @@ function hasPageGroup(report) {
 }
 // The query key of the report bar's Match control. Not a filter group: it
 // says how the groups combine, so it is read straight off the change query.
-// It is also the report URL's key for the match (match=any).
 const MATCH_ITEM = 'match';
 const MATCH_OPTIONS = [
     { name: 'All filters', value: 'all' },
@@ -5862,7 +5676,7 @@ function matchFromQuery(query) {
 // the change query and travels as the list's own `state.search`.
 const LIST_SEARCH_ITEM = 'listSearch';
 // The longest search the server applies (ReportQueryRunner::MAX_SEARCH_LENGTH).
-// The viewer cuts the text to it too, so the URL, the request and the export
+// The viewer cuts the text to it too, so the state, the request and the export
 // title all carry the text that was actually searched.
 const LIST_SEARCH_MAX_LENGTH = 100;
 // The fs-filter config item for a list's search box, seeded with the text the
@@ -5938,10 +5752,10 @@ function groupBySignature(report) {
 }
 // Read an fs-filter change query into per-group values. Returns one entry per
 // group with the value to store (or null to clear) — callers feed these to
-// ReportFilterStateService.setValue. `report` names the groups' items.
-function groupValuesFromQuery(query, groups, report) {
+// ReportFilterStateService.setValue.
+function groupValuesFromQuery(query, groups) {
     return groups.map((group) => {
-        const name = groupItemName(group, report);
+        const name = groupItemName(group);
         switch (group.type) {
             case 'dateRange':
                 return { groupId: group.id, value: dateRangeFromQuery(query, name) };
@@ -5956,7 +5770,7 @@ function groupValuesFromQuery(query, groups, report) {
         }
     });
 }
-// A date range's days (<key>From, <key>To).
+// A date range's days (<name>From, <name>To).
 function dateRangeFromQuery(query, name) {
     const start = query[itemRangeName(name, 'from')];
     const end = query[itemRangeName(name, 'to')];
@@ -5965,8 +5779,8 @@ function dateRangeFromQuery(query, name) {
     }
     return { start: start || null, end: end || null };
 }
-// A select's picks: kept (<key>), or left out while its exclude row is on
-// (exclude<Key>).
+// A select's picks: kept (<name>), or left out while its exclude row is on
+// (exclude<Name>).
 function selectFromQuery(query, name) {
     const excludeValues = selectQueryValues(query[getExcludeName(name)]);
     if (excludeValues.length) {
@@ -5975,7 +5789,7 @@ function selectFromQuery(query, name) {
     const values = selectQueryValues(query[name]);
     return values.length ? { values } : null;
 }
-// A number range's ends (<key>Min, <key>Max). An end left empty is open.
+// A number range's ends (<name>Min, <name>Max). An end left empty is open.
 function numberRangeFromQuery(query, name) {
     const min = rangeBound(query[itemRangeName(name, 'min')]);
     const max = rangeBound(query[itemRangeName(name, 'max')]);
@@ -6028,616 +5842,6 @@ function selectQueryValues(raw) {
     return String(raw).split(',');
 }
 
-// The prefix of a list's sort key.
-const LIST_SORT_PARAM_PREFIX = 's';
-// The prefix of a list's search key.
-const LIST_SEARCH_PARAM_PREFIX = 'q';
-// The prefix of a list's hidden-columns key.
-const LIST_HIDDEN_PARAM_PREFIX = 'h';
-// The prefix of a chart's drill-path key.
-const DRILL_PARAM_PREFIX = 'd';
-// The match's key: the report bar's Match item's own name.
-const MATCH_PARAM = MATCH_ITEM;
-// The format a link this viewer writes carries.
-const URL_FORMAT = 2;
-// Between a drill step's level and its value.
-const DRILL_STEP_SEPARATOR = ':';
-// Between a select's picks, and between a pick's value and its name
-// (fs-filter's AutoCompleteChips syntax).
-const PICK_SEPARATOR = ',';
-const PICK_NAME_SEPARATOR = ':';
-// Before a ',', ':' or '\' that is part of a pick's value or name.
-const PICK_ESCAPE = '\\';
-// The most characters the codec's params may take in a link (the host's own
-// path and params are not counted).
-const REPORT_URL_MAX_LENGTH = 2000;
-// Shown once when a link left group values out (ReportUrlWrite.tooLong).
-const URL_TOO_LONG_MESSAGE = 'This filter is too long for a link; save a view to share it.';
-const MATCH_ANY = 'any';
-// The prefixes of the tile keys this codec owns, each followed by an id.
-const OWNED_PREFIXES = [LIST_SORT_PARAM_PREFIX, LIST_SEARCH_PARAM_PREFIX, LIST_HIDDEN_PARAM_PREFIX, DRILL_PARAM_PREFIX];
-// The keys this codec owns that carry no id and do not depend on the report.
-const OWNED_KEYS = [GROUP_BY_ITEM, MATCH_PARAM, VIEW_PARAM, PERSONAL_VIEW_PARAM, FORMAT_PARAM];
-// A key of one of the prefixes above, followed by its id.
-const ID_PARAM = new RegExp(`^([${OWNED_PREFIXES.join('')}])(\\d+)$`);
-// A key this codec owns whatever the report: a list's sort, search or hidden
-// columns; a chart's drill path; the grain, the match, the two views and the
-// format. The groups' keys are owned too (see the top of this file).
-const OWNED_PARAM = new RegExp(`^(?:[${OWNED_PREFIXES.join('')}]\\d+|${OWNED_KEYS.join('|')})$`);
-// A link's day: 'yyyy-MM-dd', alone or as the start of fs-filter's date
-// format ('T' and a time and offset after it).
-const LINK_DAY = /^(\d{4}-\d{2}-\d{2})(?:T.*)?$/;
-// The viewer-state params of a URL: the groups' values in their stored shape
-// (null for a group the link clears; read as paramsToViewConfig reads them),
-// the rest as raw strings. Keys this codec does not own are ignored.
-// `groups` is every filter group of the report.
-function readReportUrlParams(params, groups) {
-    const listSorts = new Map();
-    const listSearches = new Map();
-    const listHidden = new Map();
-    // Each prefix read here names the map its keys go to; a prefix with no
-    // entry is never read as some other kind of state.
-    const byPrefix = {
-        [LIST_SORT_PARAM_PREFIX]: listSorts,
-        [LIST_SEARCH_PARAM_PREFIX]: listSearches,
-        [LIST_HIDDEN_PARAM_PREFIX]: listHidden,
-    };
-    const query = {};
-    for (const key of params.keys) {
-        query[key] = params.get(key) ?? '';
-        const owned = ID_PARAM.exec(key);
-        if (owned) {
-            byPrefix[owned[1]]?.set(Number(owned[2]), params.get(key) ?? '');
-        }
-    }
-    return {
-        groups: readGroupParams(query, groups),
-        listSorts, listSearches, listHidden,
-        groupBy: params.get(GROUP_BY_ITEM),
-    };
-}
-// The viewer state a link carries, as a view config: its group values (read
-// by each group's type, so a group the report does not have is skipped), the
-// grain, the match and each tile's sort, search, hidden columns and drill
-// path. A param that is unusable is left out. Whether a tile's component and
-// a list's columns exist is the caller's check. `groups` is every filter
-// group of the report.
-function paramsToViewConfig(params, groups) {
-    const config = { v: REPORT_VIEW_CONFIG_VERSION };
-    const groupBy = paramText(params[GROUP_BY_ITEM]);
-    if (isChartGranularity(groupBy)) {
-        config.groupBy = groupBy;
-    }
-    if (paramText(params[MATCH_PARAM]) === MATCH_ANY) {
-        config.match = MATCH_ANY;
-    }
-    readGroupParams(params, groups).forEach((value, groupId) => {
-        config.groups = { ...config.groups, [groupId]: value };
-    });
-    Object.keys(params).forEach((key) => {
-        const owned = ID_PARAM.exec(key);
-        const raw = paramText(params[key]);
-        if (owned && raw !== null) {
-            readTileParam(config, owned[1], Number(owned[2]), raw);
-        }
-    });
-    return config;
-}
-// The params that make a link carry `config`, the views it names, and rf=2.
-// Each group is written under its keys among `groups` (every filter group of
-// the report); a group the report no longer has is left out. `name` names a
-// select's values. Past REPORT_URL_MAX_LENGTH the longest group values are
-// left out (those groups then open at the link's base) and tooLong is set.
-function viewConfigToParams(config, groups, link = {}, name = () => null) {
-    const params = {};
-    const keys = groupParamKeys(groups);
-    const types = new Map(groups.map((group) => [group.id, group.type]));
-    const groupParams = new Set();
-    if (config.groupBy) {
-        params[GROUP_BY_ITEM] = config.groupBy;
-    }
-    Object.entries(config.groups ?? {}).forEach(([id, value]) => {
-        const groupId = Number(id);
-        const key = keys.get(groupId);
-        if (key) {
-            const written = groupValueParams(types.get(groupId), key, value, (pick) => name(groupId, pick));
-            Object.assign(params, written);
-            Object.keys(written).forEach((param) => groupParams.add(param));
-        }
-    });
-    Object.entries(config.tiles ?? {}).forEach(([componentId, tile]) => {
-        Object.assign(params, tileParams(Number(componentId), tile));
-    });
-    if (config.match === MATCH_ANY) {
-        params[MATCH_PARAM] = MATCH_ANY;
-    }
-    if (link.viewId) {
-        params[VIEW_PARAM] = String(link.viewId);
-    }
-    if (link.personalViewId) {
-        params[PERSONAL_VIEW_PARAM] = String(link.personalViewId);
-    }
-    return capReportParams(withFormat(params), groupParams);
-}
-// The views a link names, each a positive id or null.
-function readReportUrlLink(params) {
-    return {
-        viewId: positiveId(paramText(params[VIEW_PARAM])),
-        personalViewId: positiveId(paramText(params[PERSONAL_VIEW_PARAM])),
-    };
-}
-// Whether a link carries viewer state of its own, so it opens on that state
-// rather than on a default view: any owned key but the format marker and the
-// personal view, which is a label only. `groups` is every filter group of
-// the report.
-function hasReportUrlState(params, groups) {
-    const groupKeys = ownedGroupKeys(groups);
-    return Object.keys(params).some((key) => ID_PARAM.test(key) || groupKeys.has(key)
-        || key === GROUP_BY_ITEM || key === MATCH_PARAM || key === VIEW_PARAM);
-}
-// Every owned key `current` carries, set to null: under the router's 'merge'
-// handling, a write spread over these removes the keys it no longer carries.
-// Keys this codec does not own are left alone. `groups` is every filter
-// group of the report.
-function reportParamsToClear(current, groups) {
-    const groupKeys = ownedGroupKeys(groups);
-    const params = {};
-    for (const key of current.keys) {
-        if (OWNED_PARAM.test(key) || groupKeys.has(key)) {
-            params[key] = null;
-        }
-    }
-    return params;
-}
-// The names the select picks in `current` (the URL as it is) carry, so a
-// write can keep a name the viewer's lists have not named yet. Only a write
-// reads these: what the chips show comes from the lists.
-function urlValueNames(current, groups) {
-    const keys = groupParamKeys(groups);
-    const names = new Map();
-    groups
-        .filter((group) => group.type === 'select')
-        .forEach((group) => {
-        const key = keys.get(group.id);
-        const picks = [current.get(key), current.get(getExcludeName(key))]
-            .flatMap((raw) => (raw ? decodePickList(raw) : []))
-            .filter((pick) => pick.name !== null);
-        names.set(group.id, new Map(picks.map((pick) => [pick.value, pick.name])));
-    });
-    return (groupId, value) => names.get(groupId)?.get(String(value)) ?? null;
-}
-// A list's hidden column names as one param value. A name is a query's output
-// alias, which can hold a comma, so each is percent-encoded before the join.
-function encodeColumnList(names) {
-    return names.map((name) => encodeURIComponent(name)).join(',');
-}
-// The column names of a hidden-columns param, in its order. Empty items are
-// dropped, and an item that does not decode (a hand-edited '%') is kept as
-// written. Whether a name is a column of the list is the caller's check.
-function decodeColumnList(raw) {
-    return raw.split(',')
-        .filter((item) => item !== '')
-        .map(decodeItem);
-}
-// A group's value in its stored shape as the link's params under the group's
-// key (see the top of this file): days, then a select's values left out, then
-// its values kept, then a number range, then keyword text. null (a cleared
-// group), or a value that holds nothing, is the group's keys, empty. A
-// relative range with no days is not written at all: a link carries days, and
-// only the caller has the report's zone and clock to give them
-// (ReportViewService). `name` names a select's value.
-function groupValueParams(type, key, value, name = () => null) {
-    if (!value) {
-        return clearParams(type, key);
-    }
-    if (value.start || value.end) {
-        return rangeParams(type, key, ['from', 'to'], [linkDayText(value.start), linkDayText(value.end)]);
-    }
-    if (value.excludeValues?.length) {
-        return { [getExcludeName(key)]: encodePicks(value.excludeValues, name) };
-    }
-    if (value.values) {
-        return { [key]: encodePicks(value.values, name) };
-    }
-    if (isNumberEnd(value.min) || isNumberEnd(value.max)) {
-        return rangeParams(type, key, ['min', 'max'], [numberEndText(value.min), numberEndText(value.max)]);
-    }
-    if (value.relative) {
-        return {};
-    }
-    return value.value ? { [key]: value.value } : clearParams(type, key);
-}
-function encodeSort(sort) {
-    return `${sort.direction === 'desc' ? '-' : ''}${sort.column}`;
-}
-// A list sort read back from its URL param, or null when it names no column.
-// Whether the column is one the list can sort by is the caller's check.
-function decodeSort(raw) {
-    const descending = raw.startsWith('-');
-    const column = descending ? raw.slice(1) : raw;
-    return column
-        ? { column, direction: descending ? 'desc' : 'asc' }
-        : null;
-}
-// A drill path as its URL param. A step with no value writes its level only.
-function encodeDrillPath(path) {
-    return path
-        .map((step) => (step.value === null || step.value === undefined
-        ? encodeURIComponent(step.level)
-        : `${encodeURIComponent(step.level)}${DRILL_STEP_SEPARATOR}${encodeURIComponent(String(step.value))}`))
-        .join(',');
-}
-// A drill path read back from its URL param: its steps up to the first that
-// is not a time level (the steps before it are kept), at most DRILL_MAX_DEPTH
-// of them. Values come back as text. Whether the path fits the chart is the
-// server's check (it applies the longest valid prefix).
-function decodeDrillPath(raw) {
-    const path = [];
-    for (const item of raw.split(',')) {
-        const step = decodeDrillStep(item);
-        if (!step || path.length === DRILL_MAX_DEPTH) {
-            break;
-        }
-        path.push(step);
-    }
-    return path;
-}
-// The query params that make the URL carry `snapshot`: every snapshot key is
-// set, and each owned key that `current` carries but the snapshot does not is
-// set to null, which removes it under the router's 'merge' handling. Keys
-// this codec does not own are left alone. Each group is written under its
-// keys among `groups` (every filter group of the report). A select's value
-// is named by `name`, else by the name `current` carries for it. A date range
-// is written as the days on screen, never as a preset name.
-function buildReportUrlParams(snapshot, current, groups, name = () => null) {
-    const params = {};
-    const keys = groupParamKeys(groups);
-    const types = new Map(groups.map((group) => [group.id, group.type]));
-    const currentName = urlValueNames(current, groups);
-    snapshot.groups.forEach((value, groupId) => {
-        const key = keys.get(groupId);
-        if (key) {
-            const type = types.get(groupId);
-            const named = (pick) => name(groupId, pick) ?? currentName(groupId, pick);
-            const days = value ? { ...value, preset: undefined } : value;
-            Object.assign(params, groupValueParams(type, key, toStoredGroupValue(type, days), named));
-        }
-    });
-    snapshot.listSorts.forEach((sort, componentId) => {
-        params[`${LIST_SORT_PARAM_PREFIX}${componentId}`] = encodeSort(sort);
-    });
-    // The text as typed: the router percent-encodes it in the URL.
-    snapshot.listSearches.forEach((search, componentId) => {
-        params[`${LIST_SEARCH_PARAM_PREFIX}${componentId}`] = search;
-    });
-    snapshot.listHidden.forEach((names, componentId) => {
-        params[`${LIST_HIDDEN_PARAM_PREFIX}${componentId}`] = encodeColumnList(names);
-    });
-    if (snapshot.frequency) {
-        params[GROUP_BY_ITEM] = snapshot.frequency;
-    }
-    return { ...reportParamsToClear(current, groups), ...withFormat(params) };
-}
-// `params` with the format marker, when it carries anything.
-function withFormat(params) {
-    return Object.keys(params).length ? { ...params, [FORMAT_PARAM]: String(URL_FORMAT) } : params;
-}
-// Each group's value a link carries, in its stored shape, by group id (null
-// for a group the link clears). A group with no usable param is left out.
-function readGroupParams(params, groups) {
-    const keys = groupParamKeys(groups);
-    const values = new Map();
-    for (const group of groups) {
-        const value = readGroupParam(params, group.type, keys.get(group.id));
-        if (value !== undefined) {
-            values.set(group.id, value);
-        }
-    }
-    return values;
-}
-// One group's value in a link, read from the keys of its type. null is a
-// clear; undefined is no usable value.
-function readGroupParam(params, type, key) {
-    switch (type) {
-        case 'select':
-            return readSelect(params, key);
-        case 'dateRange':
-            return readDateRange(params, key);
-        case 'numberRange':
-            return readNumberRange(params, key);
-        case 'keyword':
-            return readKeyword(params[key]);
-        default:
-            return undefined;
-    }
-}
-// A select's values kept (<key>), else its values left out (exclude<Key>).
-function readSelect(params, key) {
-    const kept = paramText(params[key]);
-    if (kept !== null) {
-        return kept === '' ? null : decodePicks(kept, 'values');
-    }
-    const excluded = paramText(params[getExcludeName(key)]);
-    if (excluded !== null) {
-        return excluded === '' ? null : decodePicks(excluded, 'excludeValues');
-    }
-    return undefined;
-}
-// A date range's days (<key>From, <key>To), each a real calendar day,
-// either one open but not both.
-function readDateRange(params, key) {
-    const ends = readRangeEnds(params, key, ['from', 'to']);
-    if (!ends) {
-        return ends === null ? null : undefined;
-    }
-    const [start, end] = ends.map(linkDay);
-    if (start === undefined || end === undefined) {
-        return undefined;
-    }
-    return compactRange(start, end, 'start', 'end');
-}
-// A number range's ends (<key>Min, <key>Max), each a finite number, either
-// one open but not both, and min not above max.
-function readNumberRange(params, key) {
-    const ends = readRangeEnds(params, key, ['min', 'max']);
-    if (!ends) {
-        return ends === null ? null : undefined;
-    }
-    const [min, max] = ends.map((end) => (end === '' ? null : numberFromText(end)));
-    if ((ends[0] !== '' && min === null) || (ends[1] !== '' && max === null) || (min !== null && max !== null && min > max)) {
-        return undefined;
-    }
-    return compactRange(min, max, 'min', 'max');
-}
-// A keyword's text. Blank text is unusable.
-function readKeyword(raw) {
-    const text = paramText(raw);
-    if (text === null) {
-        return undefined;
-    }
-    if (text === '') {
-        return null;
-    }
-    return text.trim() ? { value: text } : undefined;
-}
-// A range's two ends as written ('' for one the link leaves open):
-// undefined when the link carries neither key, null when every one it
-// carries is empty (a clear).
-function readRangeEnds(params, key, ends) {
-    const [low, high] = ends.map((end) => paramText(params[itemRangeName(key, end)]));
-    if (low === null && high === null) {
-        return undefined;
-    }
-    return low || high ? [low ?? '', high ?? ''] : null;
-}
-// The params of a range's ends, the ones it sets only; with neither one
-// usable, the group's clear.
-function rangeParams(type, key, ends, texts) {
-    const params = {};
-    ends.forEach((end, index) => {
-        if (texts[index]) {
-            params[itemRangeName(key, end)] = texts[index];
-        }
-    });
-    return Object.keys(params).length ? params : clearParams(type, key);
-}
-// The params of a cleared group: its keys, empty.
-function clearParams(type, key) {
-    switch (type) {
-        case 'dateRange':
-            return { [itemRangeName(key, 'from')]: '', [itemRangeName(key, 'to')]: '' };
-        case 'numberRange':
-            return { [itemRangeName(key, 'min')]: '', [itemRangeName(key, 'max')]: '' };
-        default:
-            return { [key]: '' };
-    }
-}
-// A stored day in fs-filter's date format: its local midnight with the
-// offset, '' when there is no real day.
-function linkDayText(bound) {
-    const day = dateBoundString(bound);
-    return day && isCalendarDay(day) ? iso8601(parseISO(day)) : '';
-}
-// The day of a link's date end: null when the end is open (''), undefined
-// when it is not a real calendar day.
-function linkDay(text) {
-    if (text === '') {
-        return null;
-    }
-    const day = LINK_DAY.exec(text)?.[1];
-    return day && isCalendarDay(day) ? day : undefined;
-}
-// The keys a link carries the groups' values under, by each group's type.
-function ownedGroupKeys(groups) {
-    const keys = groupParamKeys(groups);
-    return new Set(groups.flatMap((group) => {
-        const key = keys.get(group.id);
-        switch (group.type) {
-            case 'select':
-                return [key, getExcludeName(key)];
-            case 'dateRange':
-                return [itemRangeName(key, 'from'), itemRangeName(key, 'to')];
-            case 'numberRange':
-                return [itemRangeName(key, 'min'), itemRangeName(key, 'max')];
-            default:
-                return [key];
-        }
-    }));
-}
-// One id-keyed param of a tile read into `config`.
-function readTileParam(config, prefix, id, raw) {
-    switch (prefix) {
-        case LIST_SORT_PARAM_PREFIX:
-            setTileState(config, id, 'sort', decodeSort(raw));
-            break;
-        case LIST_SEARCH_PARAM_PREFIX:
-            setTileState(config, id, 'search', raw || null);
-            break;
-        case LIST_HIDDEN_PARAM_PREFIX:
-            setTileState(config, id, 'hidden', nonEmpty(decodeColumnList(raw)));
-            break;
-        default:
-            setTileState(config, id, 'drill', nonEmpty(decodeDrillPath(raw)));
-    }
-}
-// Sets one key of a tile's state, creating the tile, unless there is nothing
-// to set.
-function setTileState(config, componentId, key, value) {
-    if (value === null) {
-        return;
-    }
-    config.tiles = { ...config.tiles, [componentId]: { ...config.tiles?.[componentId], [key]: value } };
-}
-// The params of one tile's state.
-function tileParams(componentId, tile) {
-    const params = {};
-    if (tile.sort?.column) {
-        params[`${LIST_SORT_PARAM_PREFIX}${componentId}`] = encodeSort(tile.sort);
-    }
-    // The text as typed: the router percent-encodes it in the URL.
-    if (tile.search) {
-        params[`${LIST_SEARCH_PARAM_PREFIX}${componentId}`] = tile.search;
-    }
-    if (tile.hidden?.length) {
-        params[`${LIST_HIDDEN_PARAM_PREFIX}${componentId}`] = encodeColumnList(tile.hidden);
-    }
-    if (tile.drill?.length) {
-        params[`${DRILL_PARAM_PREFIX}${componentId}`] = encodeDrillPath(tile.drill);
-    }
-    return params;
-}
-// `params` within REPORT_URL_MAX_LENGTH: past it, group values (the params
-// named in `groupParams`) are left out, longest first, until the rest fits.
-function capReportParams(params, groupParams) {
-    if (queryLength(params) <= REPORT_URL_MAX_LENGTH) {
-        return { params, tooLong: false };
-    }
-    const kept = { ...params };
-    const groupKeys = Object.keys(kept)
-        .filter((key) => groupParams.has(key))
-        .sort((a, b) => queryText(kept[b]).length - queryText(kept[a]).length);
-    for (const key of groupKeys) {
-        if (queryLength(kept) <= REPORT_URL_MAX_LENGTH) {
-            break;
-        }
-        delete kept[key];
-    }
-    return { params: kept, tooLong: true };
-}
-// The length of `params` as the router writes them in a query string.
-function queryLength(params) {
-    return Object.entries(params)
-        .map(([key, value]) => `${queryText(key)}=${queryText(value)}`)
-        .join('&')
-        .length;
-}
-// Text as the router writes it in a query string (its query encoding):
-// percent-encoded, with '@', ':', '$', ',' and ';' left as they are.
-function queryText(text) {
-    return encodeURIComponent(text)
-        .replace(/%40/g, '@')
-        .replace(/%3A/gi, ':')
-        .replace(/%24/g, '$')
-        .replace(/%2C/gi, ',')
-        .replace(/%3B/gi, ';');
-}
-// A param's text: a repeated key gives its first value.
-function paramText(value) {
-    const first = Array.isArray(value) ? value[0] : value;
-    return typeof first === 'string' || typeof first === 'number' ? String(first) : null;
-}
-function positiveId(raw) {
-    return raw !== null && /^[1-9]\d*$/.test(raw) ? Number(raw) : null;
-}
-function nonEmpty(list) {
-    return list.length ? list : null;
-}
-// An item of a list param, percent-decoded; one that does not decode (a
-// hand-edited '%') is kept as written.
-function decodeItem(item) {
-    try {
-        return decodeURIComponent(item);
-    }
-    catch {
-        return item;
-    }
-}
-// Select picks as one param value: value:name for each, the name left off
-// when `name` does not know it, blanks left out.
-function encodePicks(picks, name) {
-    return picks
-        .filter((pick) => typeof pick === 'string' || typeof pick === 'number' || typeof pick === 'boolean')
-        .filter((pick) => String(pick) !== '')
-        .map((pick) => {
-        const named = name(pick);
-        return named ? `${escapePick(String(pick))}${PICK_NAME_SEPARATOR}${escapePick(named)}` : escapePick(String(pick));
-    })
-        .join(PICK_SEPARATOR);
-}
-// A pick's value or name with each ',', ':' and '\' in it escaped.
-function escapePick(text) {
-    return text.replace(/[\\,:]/g, (char) => `${PICK_ESCAPE}${char}`);
-}
-// The picks of a param written as encodePicks writes them, in order: each
-// value and its name (null when the pick has none).
-function decodePickList(raw) {
-    const picks = [];
-    let parts = [''];
-    let escaped = false;
-    const endPick = () => picks.push({ value: parts[0], name: parts.length > 1 ? parts[1] : null });
-    for (const char of raw) {
-        if (escaped) {
-            parts[parts.length - 1] += char;
-            escaped = false;
-        }
-        else if (char === PICK_ESCAPE) {
-            escaped = true;
-        }
-        else if (char === PICK_NAME_SEPARATOR && parts.length === 1) {
-            parts.push('');
-        }
-        else if (char === PICK_SEPARATOR) {
-            endPick();
-            parts = [''];
-        }
-        else {
-            parts[parts.length - 1] += char;
-        }
-    }
-    endPick();
-    return picks;
-}
-// A select's values, kept or left out, read from its param, or undefined
-// when there are none or too many.
-function decodePicks(raw, as) {
-    const picks = decodePickList(raw)
-        .map((pick) => pick.value)
-        .filter((value) => value !== '');
-    return picks.length && picks.length <= GROUP_VALUE_MAX_PICKS ? { [as]: picks } : undefined;
-}
-// A range's set ends under their keys.
-function compactRange(low, high, lowKey, highKey) {
-    return {
-        ...(low !== null ? { [lowKey]: low } : {}),
-        ...(high !== null ? { [highKey]: high } : {}),
-    };
-}
-function isNumberEnd(end) {
-    return typeof end === 'number' && Number.isFinite(end);
-}
-function numberEndText(end) {
-    return isNumberEnd(end) ? String(end) : '';
-}
-// One 'level:value' step, or null when its level is not a time grain.
-function decodeDrillStep(item) {
-    const at = item.indexOf(DRILL_STEP_SEPARATOR);
-    const level = decodeItem(at < 0 ? item : item.slice(0, at));
-    if (!isChartGranularity(level)) {
-        return null;
-    }
-    return { level, value: at < 0 ? null : decodeItem(item.slice(at + 1)) };
-}
-
 // Whether a component is a chart on a time x-axis: the only component the
 // report's group-by grain applies to. A deliberate mirror of the server's
 // ReportQueryRunner::_isTimeSeriesChart, which is canonical and drops the
@@ -6976,12 +6180,6 @@ function sameList(a, b) {
     return (a ?? []).length === (b ?? []).length
         && (a ?? []).every((value, index) => value === (b ?? [])[index]);
 }
-// Whether two select pick lists hold the same picks in any order, a number
-// and its text being the same pick.
-function samePicks(a, b) {
-    const picks = (list) => (list ?? []).map(String).sort();
-    return sameList(picks(a), picks(b));
-}
 // Whether two list sorts order the rows the same way. No direction reads as
 // ascending, the way the list applies it.
 function sameSort(a, b) {
@@ -7060,18 +6258,20 @@ function emptyTemporaryState() {
 // resolves them into per-component member-filter values for each data request,
 // and notifies the components whose groups changed so only they refetch.
 //
-// It is also the one source of the viewer state the report URL carries (group
-// values, the group-by grain, list sorts, searches and hidden columns):
-// urlSnapshot() says what differs from the authored defaults, init() restores
-// it, and urlChanges() tells the host's single URL writer when to write.
+// It is the one place the viewer's state lives while the report is open: the
+// group values, the group-by grain, the match, list sorts, searches and hidden
+// 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.
 //
-// The same durable state, with the page, the match and each chart's drill
-// path, is one view document: snapshot() writes it, apply() opens a view (and
-// a link's changes on top), 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 or link ever carries 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.
 //
-// Session-only, never in the URL: per-filter enable/disable toggles from a
+// 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
 // viewer's toggle shouldn't write to the report).
 class ReportFilterStateService {
@@ -7144,7 +6344,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 (the URL carries it), and carried in the data request's
+    // saved to the report (a saved view keeps it), 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;
@@ -7169,17 +6369,17 @@ class ReportFilterStateService {
     // Emits the group id that changed; components listen filtered to their own
     // group ids. null = everything changed (re-init).
     _changed$ = new Subject();
-    // Fires whenever anything the URL carries may have changed.
-    _urlChanged$ = new Subject();
-    // Counts the changes urlChanges() reports. The group values, the grain and
+    // 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
-    // above, which every setter reports through urlChanges() (they are shared
+    // 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
     // 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.
-    _revision = toSignal(this._urlChanged$.pipe(scan((count) => count + 1, 0)), {
+    _revision = toSignal(this._stateChanged$.pipe(scan((count) => count + 1, 0)), {
         initialValue: 0,
         manualCleanup: true,
     });
@@ -7202,8 +6402,8 @@ class ReportFilterStateService {
     // 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(),
-    // urlSnapshot() and viewChanged never read it.
+    // The temporary layer: kept apart from everything above, so snapshot()
+    // and viewChanged 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
@@ -7217,17 +6417,12 @@ class ReportFilterStateService {
     // A change of the report's zone moves "today", so a value still carrying its
     // group default's preset name is resolved again in the new zone. A value the
     // viewer picked, or one carrying another preset name, is kept as it is.
-    //
-    // `restore` is the viewer state read from the URL. The host passes it only on
-    // the first load of a report; a reload after a chat or dialog edit passes
-    // null, so the in-memory state wins. Params that name a group, list or column
-    // the report no longer has, or that do not decode, are ignored.
-    init(report, restore = null) {
+    init(report) {
         const previousTimezone = this.timezone();
         // Set first: the defaults seeded below resolve their relative presets in it.
         this.timezone.set(resolveReportTimezone(report));
         this.formatContext.set(resolveFormatContext(report));
-        // Before any search restore: listSearchable reads it.
+        // Before the pruning: listSearchable reads it.
         this._serverSearches = report.effectiveLocale !== undefined;
         const timezoneChanged = previousTimezone !== this.timezone();
         const previousGroups = this._groups;
@@ -7237,13 +6432,10 @@ class ReportFilterStateService {
             this._seed(group, previousGroups.get(group.id) ?? null, timezoneChanged);
         }
         this._lists = new Map(this._listComponents(report).map((component) => [component.id, component]));
-        if (restore) {
-            this._restore(report, restore);
-        }
         this._prune(report);
         this._pruneViewState(report, previousGroups);
         this._changed$.next(null);
-        this._urlChanged$.next();
+        this._stateChanged$.next();
     }
     value(groupId) {
         return this._values.get(groupId);
@@ -7265,11 +6457,10 @@ class ReportFilterStateService {
             this._cleared.delete(groupId);
         }
         this._changed$.next(groupId);
-        this._urlChanged$.next();
+        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, and
-    // a link writes one as the days it gives (ReportViewService).
+    // a name it does not know. A view's rolling range is opened through this.
     resolveRelative(name) {
         return this._relativeRange(name);
     }
@@ -7280,7 +6471,7 @@ class ReportFilterStateService {
     setFrequency(frequency) {
         this._frequency = frequency;
         this._frequencyChanged$.next();
-        this._urlChanged$.next();
+        this._stateChanged$.next();
     }
     // Fires whenever the group-by grain changes — every time-series chart listens
     // so it refetches and re-buckets (the override isn't scoped to any filter
@@ -7295,12 +6486,12 @@ class ReportFilterStateService {
     }
     // Records a list's sort when it is the viewer's own: a sort that is the
     // list's authored first term is the list's default, not a choice, so it
-    // clears the entry instead (the rule the URL snapshot applies). Otherwise a
+    // clears the entry instead (the rule snapshot() applies). Otherwise a
     // list's first fetch would record its seeded authored term, and a list the
     // agent re-sorts later in the session would keep sending the old term
     // first. Deliberately emits no change: the list sets this from the fetch
     // that already ran with that sort, so a notification would only make it
-    // refetch the same rows. Only the URL hears about it.
+    // refetch the same rows. Only changes() hears about it.
     setListSort(component, sort) {
         if (sort && !sameSort(sort, listSortTerms(component.config)[0] ?? null)) {
             this._listSorts.set(component.id, sort);
@@ -7308,7 +6499,7 @@ class ReportFilterStateService {
         else {
             this._listSorts.delete(component.id);
         }
-        this._urlChanged$.next();
+        this._stateChanged$.next();
     }
     // The text a list is searched by, or null when its search box is empty.
     listSearch(componentId) {
@@ -7317,8 +6508,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, the
-    // URL restore, 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, an
+    // opened view, 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) {
@@ -7334,7 +6525,7 @@ class ReportFilterStateService {
     }
     // Records a list's search box text (listSearchText); an empty box clears
     // it. The header calls this on every change of any of its items, so the
-    // list and the URL hear about it only when the stored text actually changed.
+    // list and changes() hear about it only when the stored text actually changed.
     setListSearch(componentId, text) {
         const search = listSearchText(text);
         if (search === (this._listSearches.get(componentId) ?? '')) {
@@ -7347,7 +6538,7 @@ class ReportFilterStateService {
             this._listSearches.delete(componentId);
         }
         this._listSearchChanged$.next(componentId);
-        this._urlChanged$.next();
+        this._stateChanged$.next();
     }
     // The config column names a viewer hid on a list; none when it shows them all.
     hiddenColumns(componentId) {
@@ -7355,7 +6546,7 @@ class ReportFilterStateService {
     }
     // Records the columns a viewer hid on a list, kept to listHiddenColumns:
     // names the list cannot hide are dropped, and none (or every column) clears
-    // the entry. Only the URL hears about it, and only on a real change.
+    // the entry. Only changes() hears about it, and only on a real change.
     setHiddenColumns(componentId, names) {
         const hidden = listHiddenColumns(this._lists.get(componentId)?.config, names);
         if (sameNames(hidden, this.hiddenColumns(componentId))) {
@@ -7369,54 +6560,18 @@ class ReportFilterStateService {
             next.delete(componentId);
         }
         this.listHidden.set(next);
-        this._urlChanged$.next();
+        this._stateChanged$.next();
     }
     // Fires whenever one list's search text changes, so that list refetches.
     listSearchChanges(componentId) {
         return this._listSearchChanged$.asObservable()
             .pipe(filter((id) => id === componentId), map(() => undefined));
     }
-    // Fires whenever the viewer state the URL carries may have changed: a group
-    // value, the grain, a list sort, search or hidden columns, or a (re)load of
-    // the report.
-    urlChanges() {
-        return this._urlChanged$.asObservable();
-    }
-    // The viewer state the URL should carry for `report`: only what differs from
-    // the authored defaults, so an untouched report has a bare URL and keeps
-    // following its defaults when they change. A group the viewer cleared is
-    // null. A date range is compared on its days against its default resolved
-    // today, so a value that is the default under another preset name (thisYear
-    // against a yearToDate default) is still the default.
-    urlSnapshot(report) {
-        const groups = new Map();
-        for (const group of this._groups.values()) {
-            const value = this._values.get(group.id);
-            if (this._cleared.has(group.id)) {
-                groups.set(group.id, null);
-            }
-            else if (value && !this._isDefault(group, value)) {
-                groups.set(group.id, value);
-            }
-        }
-        const listSorts = new Map();
-        const listSearches = new Map();
-        const listHidden = new Map();
-        for (const component of this._listComponents(report)) {
-            const sort = this._listSorts.get(component.id);
-            const search = this._listSearches.get(component.id);
-            const hidden = this.hiddenColumns(component.id);
-            if (sort && !sameSort(sort, listSortTerms(component.config)[0] ?? null)) {
-                listSorts.set(component.id, sort);
-            }
-            if (search) {
-                listSearches.set(component.id, search);
-            }
-            if (hidden.length) {
-                listHidden.set(component.id, [...hidden]);
-            }
-        }
-        return { groups, listSorts, listSearches, listHidden, frequency: this._frequency };
+    // 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.
+    changes() {
+        return this._stateChanged$.asObservable();
     }
     isFilterDisabled(filterId) {
         return this._sessionDisabled.has(filterId);
@@ -7432,7 +6587,7 @@ class ReportFilterStateService {
         // the search with it. The list refetches on the group change below.
         this._dropUnsearchable();
         this._changed$.next(groupId);
-        this._urlChanged$.next();
+        this._stateChanged$.next();
     }
     // Notifications relevant to ONE component: any change to a group one of its
     // filters belongs to (or a full re-init).
@@ -7504,7 +6659,7 @@ class ReportFilterStateService {
             return;
         }
         this._pageId.set(pageId);
-        this._urlChanged$.next();
+        this._stateChanged$.next();
     }
     // A change of match can change every tile a group with a value narrows, so
     // every tile hears about it.
@@ -7515,7 +6670,7 @@ class ReportFilterStateService {
         }
         this._match.set(next);
         this._changed$.next(null);
-        this._urlChanged$.next();
+        this._stateChanged$.next();
     }
     // A chart's drill path, top first; empty while the chart is at its top.
     // It reads a signal, so a template that shows it repaints when it moves.
@@ -7524,7 +6679,7 @@ class ReportFilterStateService {
     }
     // Records a chart's drill path, kept to cleanDrillPath; an empty path is
     // the chart's top. Only a chart of the open report drills: a path for any
-    // other component is ignored. Only that chart and the URL hear about it,
+    // other component is ignored. Only that chart and changes() hear about it,
     // and only on a real change.
     setDrill(componentId, path) {
         const kept = cleanDrillPath(path);
@@ -7533,7 +6688,7 @@ class ReportFilterStateService {
         }
         this._setDrillPath(componentId, kept);
         this._drillChanged$.next(componentId);
-        this._urlChanged$.next();
+        this._stateChanged$.next();
     }
     // Fires whenever one chart's drill path changes, so that chart refetches.
     drillChanges(componentId) {
@@ -7541,16 +6696,16 @@ class ReportFilterStateService {
             .pipe(filter((id) => id === componentId), map(() => undefined));
     }
     // Takes the drill path a chart's answer applied as the chart's own: the
-    // server keeps the longest part of a sent path it can apply, so the URL and
-    // a later save hold that part only. The chart has just read that path, so
-    // only the URL hears about it. True when the path changed.
+    // server keeps the longest part of a sent path it can apply, so a later
+    // save holds that part only. The chart has just read that path, so only
+    // changes() hears about it. True when the path changed.
     adoptDrill(componentId, path) {
         const kept = cleanDrillPath(path);
         if (!this._isChart(componentId) || sameDrillPath(kept, this.drill(componentId))) {
             return false;
         }
         this._setDrillPath(componentId, kept);
-        this._urlChanged$.next();
+        this._stateChanged$.next();
         return true;
     }
     // The durable state on screen as one view document: the page, every group
@@ -7587,32 +6742,18 @@ class ReportFilterStateService {
         return { v: REPORT_VIEW_CONFIG_VERSION, groups };
     }
     // Replaces the durable state with a view's (`config`; null = the report's
-    // authored defaults), then applies a link's changes on top of it
-    // (`urlDiff`). 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. A key urlDiff does not carry keeps the value
-    // below it, and its page beats the view's. The temporary layer is kept.
-    //
-    // `base` is what the screen is compared with for '(edited)' and what
-    // resetToBase() returns to; it is `config` unless the caller names
-    // another (null = the authored defaults). So:
-    // - a shared view's link (rv): apply(sharedView, diff);
-    // - a personal view's link (rpv): apply(null, fullDiff, personalView). The
-    //   screen is the authored defaults plus the full diff, so a key the diff
-    //   leaves out (the match, the grain, a tile's sort) is the authored one,
-    //   and the personal view is still the base.
-    // Every change is announced once, at the end.
-    apply(config, urlDiff = null, base = config) {
+    // 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(base);
-        if (config !== base) {
-            this._applyLayer(config, true);
-        }
+        this._setBase(config);
         this._applyPage(config?.pageId);
-        if (urlDiff) {
-            this._applyLayer(urlDiff, false);
-            this._applyPage(urlDiff.pageId);
-        }
+        this._applyPage(pageId);
         this._appliedVersion.update((version) => version + 1);
         this._notifyApplied(frequency);
     }
@@ -7624,7 +6765,7 @@ class ReportFilterStateService {
         const frequency = this._frequency;
         const sorts = new Map(this._listSorts);
         this._temporary.set(emptyTemporaryState());
-        this._applyLayer(this._baseConfig(), true);
+        this._applyLayer(this._baseConfig());
         this._countSortResets(sorts);
         this._notifyApplied(frequency);
     }
@@ -7632,13 +6773,13 @@ class ReportFilterStateService {
     // just saved from the screen holds. The page on screen is the base's.
     setBaseToScreen() {
         this._baseConfig.set(this.snapshot());
-        this._urlChanged$.next();
+        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._urlChanged$.next();
+        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
@@ -7657,7 +6798,7 @@ class ReportFilterStateService {
             }
             this._changed$.next(groupId);
         });
-        this._urlChanged$.next();
+        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,
@@ -7680,12 +6821,6 @@ class ReportFilterStateService {
             return !sameStoredGroupValue(base, screen);
         });
     }
-    // Asks the host's URL writer to write again, with nothing on screen
-    // changed: sharing the open view, or no longer sharing it, moves the key
-    // that names it in a link (rv or rpv).
-    rewriteUrl() {
-        this._urlChanged$.next();
-    }
     // The interaction state a tile's data request carries now: tileDataState
     // over the open report and the screen's snapshot().
     tileState(component) {
@@ -7767,65 +6902,6 @@ class ReportFilterStateService {
             this._values.delete(group.id);
         }
     }
-    // Applies the viewer state read from the URL on top of the seeded defaults.
-    _restore(report, restore) {
-        this._restoreGroups(restore);
-        this._restoreListSorts(report, restore);
-        this._restoreListSearches(report, restore);
-        this._restoreListHidden(restore);
-        // The URL is the whole truth on a first load: no grain in it means the
-        // authored ones. The host still drops a grain the report does not offer.
-        this._frequency = GRANULARITY_OPTIONS
-            .find((option) => option.value === restore.groupBy)?.value ?? null;
-    }
-    // The URL's group values, applied as a view's are. An empty one is an
-    // explicit clear of the group.
-    _restoreGroups(restore) {
-        restore.groups.forEach((stored, groupId) => {
-            const group = this._groups.get(groupId);
-            if (group) {
-                this._applyGroup(group, stored);
-            }
-        });
-    }
-    // The URL's list sorts, each kept only for a list the report has and a
-    // column that list can be sorted by.
-    _restoreListSorts(report, restore) {
-        const lists = new Map(this._listComponents(report).map((component) => [component.id, component]));
-        restore.listSorts.forEach((raw, componentId) => {
-            const component = lists.get(componentId);
-            const sort = decodeSort(raw);
-            if (component && sort && this._sortableColumns(component).includes(sort.column)) {
-                this._listSorts.set(componentId, sort);
-            }
-        });
-    }
-    // The URL's list searches, each kept only for a list the report has that
-    // shows a search box (listSearchable). The text is read as listSearchText,
-    // and an empty one is no search.
-    _restoreListSearches(report, restore) {
-        const lists = new Map(this._listComponents(report).map((component) => [component.id, component]));
-        restore.listSearches.forEach((raw, componentId) => {
-            const component = lists.get(componentId);
-            const search = listSearchText(raw);
-            if (component && this.listSearchable(component) && search) {
-                this._listSearches.set(componentId, search);
-            }
-        });
-    }
-    // The URL's hidden columns, each list's kept to listHiddenColumns: only the
-    // configured columns of a plain list the report has, and none when they
-    // would hide every column.
-    _restoreListHidden(restore) {
-        const next = new Map(this.listHidden());
-        restore.listHidden.forEach((raw, componentId) => {
-            const hidden = listHiddenColumns(this._lists.get(componentId)?.config, decodeColumnList(raw));
-            if (hidden.length) {
-                next.set(componentId, hidden);
-            }
-        });
-        this.listHidden.set(next);
-    }
     // Drops the search of every list that no longer shows a search box: one
     // the report no longer has, or one whose header now has a keyword group.
     _dropUnsearchable() {
@@ -7885,33 +6961,6 @@ class ReportFilterStateService {
             ? { ...fixed, preset: stored.preset }
             : fixed;
     }
-    // Whether a value is the group's authored default, by type: a date range on
-    // its days (the default resolved today), a select on its values in any
-    // order, a keyword on its text.
-    _isDefault(group, value) {
-        const defaultValue = this._defaultValue(group);
-        if (!defaultValue) {
-            return false;
-        }
-        switch (group.type) {
-            case 'dateRange':
-                // An untouched rolling default still carries its preset name. Its days
-                // were resolved when it was seeded, and after midnight they no longer
-                // match today's, but it is still the default and stays out of the URL.
-                if (value.preset && value.preset === group.config?.default?.relative) {
-                    return true;
-                }
-                return sameDays(value, defaultValue);
-            case 'select':
-                return samePicks(value.values, defaultValue.values)
-                    && samePicks(value.excludeValues, defaultValue.excludeValues);
-            case 'numberRange':
-                return finiteNumber(value.min) === finiteNumber(defaultValue.min)
-                    && finiteNumber(value.max) === finiteNumber(defaultValue.max);
-            default:
-                return (value.value ?? '').trim() === (defaultValue.value ?? '').trim();
-        }
-    }
     _listComponents(report) {
         return reportComponents(report)
             .filter((component) => component.type === 'list');
@@ -8036,13 +7085,13 @@ class ReportFilterStateService {
         }
         return tiles;
     }
-    // The base apply() was given, applied as the screen's state (the caller
-    // applies the screen's own layer next, unless it is the same document).
-    // 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()).
+    // 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, true);
+        const held = this._applyLayer(base);
         if (!base) {
             this._baseConfig.set(null);
             return;
@@ -8057,56 +7106,45 @@ class ReportFilterStateService {
         }
         this._baseConfig.set(applied);
     }
-    // Applies one layer of view state and gives the ids of the groups it set.
-    // A base layer (`reset`) replaces it all: what `config` does not hold goes
-    // back to the authored report. A link's layer changes only what it
-    // carries, and a key it carries that does not fit is ignored. Nothing is
-    // announced here: the caller announces once (_notifyApplied).
-    _applyLayer(config, reset) {
-        const held = this._applyGroups(config?.groups ?? {}, reset);
-        const match = config?.match;
-        if (reset || match === 'all' || match === 'any') {
-            this._match.set(match === 'any' ? 'any' : 'all');
-        }
+    // 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;
-        if (reset || isChartGranularity(groupBy)) {
-            this._frequency = isChartGranularity(groupBy) ? groupBy : null;
-        }
-        if (reset) {
-            this._clearTiles();
-        }
+        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 layer; on a base layer a group it does not
-    // set goes back to its authored default. A link carries days, never a
-    // preset name, so a link's days that are the base's rolling range today
-    // keep it rolling (_rollingValue), as an untouched range does in the bar.
-    _applyGroups(groups, reset) {
+    // 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], !reset)) {
+            if (Object.prototype.hasOwnProperty.call(groups, group.id) && this._applyGroup(group, groups[group.id])) {
                 held.add(group.id);
             }
-            else if (reset) {
+            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 group stays as the layer below left
-    // it). null, or a value that holds nothing, clears the group. With
-    // `keepRolling`, days that are the base's rolling range keep its name.
-    _applyGroup(group, stored, keepRolling = false) {
+    // (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, keepRolling ? this._withPreset(this._rollingValue(group.id), value) : value);
+            this._values.set(group.id, value);
             this._cleared.delete(group.id);
         }
         else {
@@ -8118,15 +7156,6 @@ class ReportFilterStateService {
         }
         return true;
     }
-    // The rolling range a link's days are compared with: the one the base
-    // holds for the group (a view's, resolved today), else the value on screen
-    // (the authored default the base layer seeded).
-    _rollingValue(groupId) {
-        const held = this._baseConfig()?.groups?.[groupId];
-        return held?.relative
-            ? toLiveGroupValue('dateRange', held, (name) => this.resolveRelative(name)) ?? undefined
-            : this._values.get(groupId);
-    }
     // A group back at its authored default.
     _seedAuthored(group) {
         const value = this._defaultValue(group);
@@ -8145,9 +7174,9 @@ class ReportFilterStateService {
         this.listHidden.set(new Map());
         this._drills.set(new Map());
     }
-    // One tile's stored state, each key checked as the URL restore checks it:
-    // 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.
+    // 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) {
@@ -8218,7 +7247,7 @@ class ReportFilterStateService {
         if (frequency !== this._frequency) {
             this._frequencyChanged$.next();
         }
-        this._urlChanged$.next();
+        this._stateChanged$.next();
     }
     // The tiles of the report init() last read.
     _tiles() {
@@ -9671,8 +8700,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 the
-    // URL). 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, or a
+    // saved view). 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;
@@ -9747,8 +8776,8 @@ class ComponentListComponent {
             status: false,
             reload: false,
             // FsList never touches the URL or persists sort/paging state. The sort
-            // reaches the URL through ReportFilterStateService (setListSort), and
-            // paging stays out of it.
+            // is kept in ReportFilterStateService (setListSort), and paging stays
+            // out of it.
             queryParam: false,
             persist: false,
             sort: sort
@@ -10887,7 +9916,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 the link, but not shown.
+    // applies is kept for a saved view, but not shown.
     drillCrumbs = computed(() => (this._offeredFeatures().includes('drill')
         ? drillCrumbLabels(this._filterState.drill(this.component?.id), this._filterState.formatContext())
         : []));
@@ -11083,8 +10112,8 @@ 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 URL, never saved to the report), and the list hides the columns in
-    // place, with no refetch.
+    // the report's state and a saved view, never saved to the report), and the
+    // list hides the columns in place, with no refetch.
     chooseColumns() {
         const columns = (this.component.config?.columns ?? [])
             .map((column) => ({ column: column.column, label: column.label || column.column }));
@@ -11283,9 +10312,9 @@ class ReportComponentComponent {
         this._headerValues.set([...reported.values()].map(groupValueSignature).join('|'));
         this._headerVersion.set(this._filterState.stateVersion());
         this.filterConfig.set({
-            // fs-filter never touches the URL or persists filter state. The values
-            // are owned by ReportFilterStateService, which feeds the report view's
-            // one URL writer (report-url-state.ts).
+            // fs-filter never touches the URL or persists filter state: a report
+            // keeps no state in the URL. The values are owned by
+            // ReportFilterStateService.
             queryParam: false,
             persist: false,
             items: [
@@ -11296,7 +10325,7 @@ class ReportComponentComponent {
             // a stale group value back, and a group change must not refetch through
             // the search.
             change: (query) => {
-                const values = groupValuesFromQuery(query ?? {}, this.componentFilterGroups, report);
+                const values = groupValuesFromQuery(query ?? {}, this.componentFilterGroups);
                 for (const { groupId, value } of movedGroupValues(reported, values)) {
                     this._filterState.setValue(groupId, value);
                 }
@@ -11460,7 +10489,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 the link. When the path it sent was cut, the viewer is told
+    // stays for a saved view. 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) {
@@ -11588,9 +10617,10 @@ function sameTokens(a, b) {
 class ReportCanvasComponent {
     report;
     editMode = false;
-    // The page the host wants on screen, by page id (a deep link). Keyed on id
-    // rather than index so a link survives pages being reordered or deleted; an
-    // id that no longer resolves falls back to the first page.
+    // The page the host wants on screen, by page id (a ?page= the report opened
+    // with, or an opened view's page). Keyed on id rather than index so it
+    // survives pages being reordered or deleted; an id that no longer resolves
+    // falls back to the first page.
     pageId = null;
     // A component asked for its settings dialog — the page-level host opens it
     // (it owns MatDialog + the post-save reload).
@@ -11598,8 +10628,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 reflects it in the URL so a refresh
-    // comes back to the same page. Carries the page id, never the index.
+    // 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.
     pageChanged = new EventEmitter();
     zoomPan;
     // The rendered components of the active page — only the canvas can reach the
@@ -11610,7 +10640,7 @@ class ReportCanvasComponent {
     PX = PX_PER_INCH;
     // The report's pages as the canvas draws them. This is the host's own
     // `report.pages` array, patched in place (a rename, a delete, a reorder) so
-    // the host's exports and page links see the change too. Because the array
+    // the host's exports see the change too. Because the array
     // and its pages keep their identity across a patch, the signal notifies on
     // every set rather than only when the reference changes.
     pages = signal([], { equal: () => false });
@@ -11697,7 +10727,7 @@ class ReportCanvasComponent {
         }
         this.groups = new Map((this.report?.filterGroups ?? []).map((group) => [group.id, group]));
         this.pages.set(this.report?.pages ?? []);
-        // A page just added in this tab, else the link's page, else the page
+        // A page just added in this tab, else the asked-for page, else the page
         // shown (the first page on another report). See canvasLandingPage.
         const reportId = this.report?.id ?? null;
         this.activePageIndex.set(canvasLandingPage({
@@ -11906,8 +10936,8 @@ class ReportCanvasComponent {
             this.activePageIndex.set(Math.min(index, pages.length - 1));
             this._previousPageCount = pages.length;
             this.selectedComponentId.set(null);
-            // The id in the URL just stopped existing — replace it with the
-            // neighbour we landed on, or a refresh would 404 its way to page one.
+            // The page on screen just stopped existing — report the neighbour we
+            // landed on, so the host's state names a page the report has.
             this.pageChanged.emit(this.activePage?.id ?? null);
             this._message.success('Deleted page');
         });
@@ -12014,12 +11044,12 @@ 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 (urlChanges) asks again only when it moved
+    // 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
     // 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.urlChanges().pipe(debounceTime(300), filter$1(() => this._requestMoved(layer))))
+        merge(layer.reload$, onScreen$, this._filterState.changesForAny(() => layer.source()?.values ?? []).pipe(debounceTime(300)), this._filterState.changes().pipe(debounceTime(300), filter$1(() => this._requestMoved(layer))))
             .pipe(debounceTime(0), map$1(() => this._layerRequest(layer.source())), tap$1((request) => layer.pending.set(request)), switchMap$1((request) => this._loadValues(request)), tap$1((loaded) => {
             layer.results.set(loaded);
             layer.pending.set(null);
@@ -12331,6 +11361,13 @@ const COMPONENT_TOGGLE_TOOLTIP = 'Show on this component';
 const FIXED_DATES_PERIOD = 'fixed';
 // How many decimals a Default minimum or Default maximum takes.
 const DEFAULT_BOUND_SCALE = 6;
+// A filter's Name and Label, checked as the server checks them, so a bad one
+// is caught before Save. The name is an identifier: a letter, then letters
+// and digits. That it is unique in the report is the server's to check.
+const FILTER_NAME_PATTERN = /^[A-Za-z][A-Za-z0-9]*$/;
+const FILTER_NAME_PATTERN_MESSAGE = 'A name starts with a letter and holds only letters and digits.';
+const FILTER_NAME_MAX_LENGTH = 50;
+const FILTER_LABEL_MAX_LENGTH = 200;
 // Every Report bar choice, in the order the select lists them.
 const BAR_PLACEMENT_OPTIONS = [
     { value: 'off', name: 'Off' },
@@ -13235,7 +12272,11 @@ function currencyLabel(code) {
 //   default month + organization scopes the landing page from the first load.
 //   The rules of the rows live in filter-settings-rules.ts.
 class ReportSettingsComponent {
-    selectedTab = 'settings';
+    // A signal, so a refused Label or Name can bring the Filters tab forward.
+    selectedTab = signal('settings');
+    // True once any save request has been stored, even when the save as a
+    // whole then failed: the page reloads after a dismissed dialog too.
+    wrote = signal(false);
     name = '';
     // The page in inches. No initializer: every report carries a size, and
     // ngOnInit seeds both before the tab renders, so a placeholder here could only
@@ -13317,6 +12358,12 @@ class ReportSettingsComponent {
     filterRows = signal([]);
     fixedDatesPeriod = FIXED_DATES_PERIOD;
     boundScale = DEFAULT_BOUND_SCALE;
+    namePattern = FILTER_NAME_PATTERN;
+    namePatternMessage = FILTER_NAME_PATTERN_MESSAGE;
+    nameMaxLength = FILTER_NAME_MAX_LENGTH;
+    labelMaxLength = FILTER_LABEL_MAX_LENGTH;
+    labelInputId = labelInputId;
+    nameInputId = nameInputId;
     // The Default minimum and Default maximum checks, through fsForm. Each field
     // gets the other end as its validateData, so typing in one checks the pair
     // again; boundsError words the refusal as the server does.
@@ -13326,12 +12373,27 @@ class ReportSettingsComponent {
     maxBoundValidator = (control, min) => {
         this._throwBoundsError(min, control.value);
     };
+    // The server's refusal of a Label or Name, through fsForm. The shape and
+    // length are checked on the field (fsFormPattern, fsFormMaxLength), but only
+    // the server knows the report's other names, so the field shows the
+    // server's own words while it still holds the refused value. A new refusal
+    // arrives as the field's validateData, which checks the field again.
+    refusalValidator = (control, refusal) => {
+        if (refusal && String(control.value ?? '').trim() === refusal.value) {
+            throw new Error(refusal.message);
+        }
+    };
     _data = inject(MAT_DIALOG_DATA);
     _dialogRef = inject(MatDialogRef);
     _reportData = inject(ReportData);
     _message = inject(FsMessage);
     _prompt = inject(FsPrompt);
     _destroyRef = inject(DestroyRef);
+    _injector = inject(Injector);
+    _document = inject(DOCUMENT);
+    // The id of the Label or Name input the server last refused, focused once
+    // it is on screen (see focusRefusal).
+    _refusedInputId = null;
     // Only a server that resolves a report's locale offers the locale list.
     _serverHasLocale = this._data.report.effectiveLocale !== undefined;
     // True once the locale request has answered, with the list or an error.
@@ -13380,13 +12442,23 @@ class ReportSettingsComponent {
                 .subscribe();
         }
     }
-    // A change to a row's Default period, exclude toggle or range ends. A new
+    // A change to a row's Label, Name, Default period, exclude toggle or range ends. A new
     // row object rather than a mutation, so the signal sees the change; the
     // @for tracks group.id, so the row's controls survive the swap.
     patchRow(row, patch) {
         this.filterRows.update((rows) => rows
             .map((item) => (item.group.id === row.group.id ? { ...item, ...patch } : item)));
     }
+    // Focuses the Label or Name input the server refused, once it is on
+    // screen: straight after the refusal when the Filters tab is showing, else
+    // when the tab group has brought it forward.
+    focusRefusal() {
+        const input = this._refusedInputId ? this._document.getElementById(this._refusedInputId) : null;
+        if (input) {
+            input.focus();
+            this._refusedInputId = null;
+        }
+    }
     // Confirm and delete here, while the dialog is still open, then close with
     // a `deleted` result. The page reacts to the result; it no longer owns the
     // prompt or the API call.
@@ -13403,10 +12475,9 @@ class ReportSettingsComponent {
     }
     save = () => {
         const reportId = this._data.report.id;
-        // Persist the report settings and each changed filter default together, so
-        // the single Save covers all three tabs. The report reloads on the `saved`
+        // One Save covers all three tabs. The report reloads on the `saved`
         // result, re-seeding the bar from the new defaults.
-        const settings$ = this._reportData.update(reportId, {
+        const settings = {
             name: this.name,
             pageWidth: this._pageDimension(this.pageWidth),
             pageHeight: this._pageDimension(this.pageHeight),
@@ -13417,14 +12488,27 @@ class ReportSettingsComponent {
                 headerHeight: this._pageDimension(this.headerHeight) || 0,
                 footerHeight: this._pageDimension(this.footerHeight) || 0,
             },
-        });
-        const defaults$ = this.filterRows()
-            .filter((row) => defaultChanged(row.group.config?.default, this._rowDefault(row)))
-            .map((row) => this._reportData.updateFilterGroup(reportId, row.group.id, {
-            default: this._rowDefault(row),
-        }));
-        return forkJoin([settings$, ...defaults$])
-            .pipe(tap(() => {
+        };
+        // One group update per changed filter, carrying only what changed: its
+        // label, name and default all live in the group's config, so two requests
+        // for one group would each write the config over the other.
+        const saves = this.filterRows()
+            .map((row) => ({ row, changes: this._groupChanges(row) }))
+            .filter((save) => Object.keys(save.changes).length > 0);
+        // A label or name can be refused, so those updates go first, one after
+        // another, and a refusal stops the save before anything else is written:
+        // the report settings and the other defaults wait until every name is
+        // taken. In sequence, two renames in one save are checked against each
+        // other, and a rename onto a name another filter is giving up goes after
+        // it. The server applies name before default, so a refused name leaves
+        // that filter's default unwritten too.
+        const named = this._renameOrder(saves.filter((save) => this._namesOrLabels(save.changes)));
+        const defaults = saves.filter((save) => !this._namesOrLabels(save.changes));
+        return from(named)
+            .pipe(concatMap((save) => this._saveNamed(reportId, save)), toArray(), switchMap(() => forkJoin([
+            this._reportData.update(reportId, settings),
+            ...defaults.map((save) => this._reportData.updateFilterGroup(reportId, save.row.group.id, save.changes)),
+        ].map((request$) => request$.pipe(tap(() => this.wrote.set(true)))))), tap(() => {
             this._message.success('Report settings saved');
             this._dialogRef.close({ action: 'saved' });
         }));
@@ -13454,6 +12538,72 @@ class ReportSettingsComponent {
     _storedOption(stored, offered, label) {
         return stored && !offered.includes(stored) ? [{ value: stored, label: label(stored) }] : [];
     }
+    // What a save changes on a row's group: the label, name and default, each
+    // only when the operator changed it. Label and name are sent only to a
+    // server that sent a name, and never one from the other.
+    _groupChanges(row) {
+        const changes = {};
+        if (row.showName) {
+            const label = row.label.trim();
+            if (label !== (row.group.label ?? '')) {
+                changes.label = label;
+            }
+            const name = row.name.trim();
+            if (name !== row.group.name) {
+                changes.name = name;
+            }
+        }
+        const rowDefault = this._rowDefault(row);
+        if (defaultChanged(row.group.config?.default, rowDefault)) {
+            changes.default = rowDefault;
+        }
+        return changes;
+    }
+    _namesOrLabels(changes) {
+        return changes.name !== undefined || changes.label !== undefined;
+    }
+    // The updates in the order they are sent: a rename onto a name another
+    // filter holds goes after the others, so a filter giving that name up in
+    // the same save has done so first.
+    _renameOrder(saves) {
+        const held = (save) => {
+            const name = save.changes.name?.toLowerCase();
+            return name !== undefined && this.filterRows()
+                .some((row) => row.group.id !== save.row.group.id && row.group.name?.toLowerCase() === name);
+        };
+        return [...saves].sort((a, b) => Number(held(a)) - Number(held(b)));
+    }
+    // Saves a filter's update that carries a label or name. A refusal is the
+    // server's to word ('Name "region" is already used by the filter
+    // "Area".'), so it shows on the field rather than in a dialog, and the save
+    // fails. What was saved becomes the row's stored group, so a later save
+    // does not send it again.
+    _saveNamed(reportId, save) {
+        const { row, changes } = save;
+        return this._reportData.updateFilterGroup(reportId, row.group.id, changes, { context: new HttpContext().set(DisplayApiError, false) })
+            .pipe(tap(() => {
+            this.wrote.set(true);
+            this.patchRow(row, { group: storedGroup(row.group, changes) });
+        }), catchError((error) => {
+            this._showRefusal(row, changes, refusalMessage(error));
+            return throwError(() => error);
+        }));
+    }
+    // Shows a refusal on the field it is about (the name, which the server
+    // checks first, else the label), brings the Filters tab forward and
+    // focuses the field, so a save made from another tab says why it failed.
+    _showRefusal(row, changes, message) {
+        if (changes.name !== undefined) {
+            this.patchRow(row, { nameRefusal: { value: changes.name, message } });
+            this._refusedInputId = nameInputId(row.group.id);
+        }
+        else {
+            this.patchRow(row, { labelRefusal: { value: changes.label ?? '', message } });
+            this._refusedInputId = labelInputId(row.group.id);
+        }
+        this.selectedTab.set('filters');
+        afterNextRender(() => this.focusRefusal(), { injector: this._injector });
+    }
     _throwBoundsError(min, max) {
         const error = boundsError(parseDefaultBound(min), parseDefaultBound(max));
         if (error) {
@@ -13499,7 +12649,12 @@ class ReportSettingsComponent {
         const groupDefault = group.config?.default;
         return {
             group,
-            label: defaultRowLabel(group, report.pages),
+            heading: defaultRowLabel(group, report.pages),
+            label: group.label ?? '',
+            name: group.name ?? '',
+            showName: typeof group.name === 'string',
+            labelRefusal: null,
+            nameRefusal: null,
             period: defaultPeriod(groupDefault),
             periodOptions: defaultPeriodOptions(relativeLabel, groupDefault?.relative ?? null),
             start: dateFromBound(groupDefault?.start),
@@ -13539,7 +12694,7 @@ class ReportSettingsComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ReportSettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ReportSettingsComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<form\n    fsForm\n    [submit]=\"save\">\n  <fs-dialog>\n    <h1 mat-dialog-title>\n      Report Settings\n    </h1>\n    <mat-dialog-content>\n      <!-- One skeleton over the whole body until the locale list is in. -->\n      <ng-container *fsSkeletonForm=\"ready() || null\">\n        <mat-tab-group [(selected)]=\"selectedTab\">\n          <mat-tab\n              label=\"Settings\"\n              name=\"settings\">\n            <div class=\"fs-column tab-body\">\n              <mat-form-field>\n                <mat-label>\n                  Name\n                </mat-label>\n                <input\n                  matInput\n                  [(ngModel)]=\"name\"\n                  name=\"name\"\n                  [fsFormRequired]=\"true\">\n              </mat-form-field>\n              <!--\n                The page, typed in inches. Orientation is not asked for because it\n                is not an independent choice - a page wider than it is tall IS\n                landscape - so the two numbers say everything there is to say.\n              -->\n              <div class=\"fs-row.gap-sm.align-start\">\n                <mat-form-field class=\"fs-flex\">\n                  <mat-label>\n                    Width\n                  </mat-label>\n                  <input\n                      matInput\n                      fsMaskNumber\n                      [scale]=\"1\"\n                      [(ngModel)]=\"pageWidth\"\n                      name=\"pageWidth\"\n                      [fsFormRequired]=\"true\"\n                      [fsFormMin]=\"pageDimensionMin\"\n                      [fsFormMax]=\"pageDimensionMax\">\n                  <div matTextSuffix>\n                    inches\n                  </div>\n                </mat-form-field>\n                <mat-form-field class=\"fs-flex\">\n                  <mat-label>\n                    Height\n                  </mat-label>\n                  <input\n                      matInput\n                      fsMaskNumber\n                      [scale]=\"1\"\n                      [(ngModel)]=\"pageHeight\"\n                      name=\"pageHeight\"\n                      [fsFormRequired]=\"true\"\n                      [fsFormMin]=\"pageDimensionMin\"\n                      [fsFormMax]=\"pageDimensionMax\">\n                  <div matTextSuffix>\n                    inches\n                  </div>\n                </mat-form-field>\n              </div>\n              <!--\n                How deep the header and footer bands are. Their content is edited\n                on the canvas (Edit layout \u2192 Header & footer); these reserve the\n                space for it, and 0 means no band.\n              -->\n              <mat-form-field class=\"full-width\">\n                <mat-label>\n                  Header height\n                </mat-label>\n                <input\n                    matInput\n                    fsMaskNumber\n                    [scale]=\"2\"\n                    [(ngModel)]=\"headerHeight\"\n                    name=\"headerHeight\"\n                    [fsFormMin]=\"0\"\n                    [fsFormMax]=\"headerFooterMax\">\n                <div matTextSuffix>\n                  inches\n                </div>\n              </mat-form-field>\n              <mat-form-field class=\"full-width\">\n                <mat-label>\n                  Footer height\n                </mat-label>\n                <input\n                    matInput\n                    fsMaskNumber\n                    [scale]=\"2\"\n                    [(ngModel)]=\"footerHeight\"\n                    name=\"footerHeight\"\n                    [fsFormMin]=\"0\"\n                    [fsFormMax]=\"headerFooterMax\">\n                <div matTextSuffix>\n                  inches\n                </div>\n              </mat-form-field>\n              <fs-ai-report-timezone-select [(timezone)]=\"timezone\"></fs-ai-report-timezone-select>\n              <!--\n                How numbers and dates are written (formatting only: no text is\n                translated) and which currency money is labeled in. Hidden on a\n                server too old to resolve a report's locale.\n              -->\n              @if (locales()) {\n                <mat-form-field class=\"full-width\">\n                  <mat-label>\n                    Locale\n                  </mat-label>\n                  <mat-select\n                      [ngModel]=\"locale()\"\n                      (ngModelChange)=\"locale.set($event)\"\n                      name=\"locale\">\n                    @for (option of localeOptions(); track option.value) {\n                      <mat-option [value]=\"option.value\">\n                        {{ option.label }}\n                      </mat-option>\n                    }\n                  </mat-select>\n                  <mat-hint>\n                    {{ formatExample() }}\n                  </mat-hint>\n                </mat-form-field>\n                <mat-form-field class=\"full-width\">\n                  <mat-label>\n                    Currency\n                  </mat-label>\n                  <mat-select\n                      [ngModel]=\"currency()\"\n                      (ngModelChange)=\"currency.set($event)\"\n                      name=\"currency\">\n                    @for (option of currencyOptions(); track option.value) {\n                      <mat-option [value]=\"option.value\">\n                        {{ option.label }}\n                      </mat-option>\n                    }\n                  </mat-select>\n                  <mat-hint>\n                    Names the currency amounts are in; it does not convert them.\n                  </mat-hint>\n                </mat-form-field>\n              }\n            </div>\n          </mat-tab>\n          <mat-tab\n              label=\"Styles\"\n              name=\"styles\">\n            <div class=\"fs-column tab-body\">\n              <mat-form-field>\n                <mat-label>\n                  Heading Size\n                </mat-label>\n                <input\n                  matInput\n                  type=\"number\"\n                  step=\"1\"\n                  min=\"6\"\n                  max=\"96\"\n                  [(ngModel)]=\"headingSize\"\n                  name=\"headingSize\"\n                  [fsFormMin]=\"6\"\n                  [fsFormMax]=\"96\">\n                <span matTextSuffix>\n                  pt\n                </span>\n                <mat-hint>\n                  Applies to component titles. Points map 1:1 to PDF and PowerPoint.\n                </mat-hint>\n              </mat-form-field>\n            </div>\n          </mat-tab>\n          <mat-tab\n              label=\"Filters\"\n              name=\"filters\">\n            <div class=\"fs-column tab-body\">\n              @if (filterRows().length) {\n                <!-- One section per report bar filter: its heading, then its\n                     default, one field per row. -->\n                @for (row of filterRows(); track row.group.id) {\n                  <h3>\n                    {{ row.label }}\n                  </h3>\n                  @switch (row.group.type) {\n                    @case ('dateRange') {\n                      <mat-form-field class=\"full-width\">\n                        <mat-label>\n                          Default period\n                        </mat-label>\n                        <mat-select\n                            [ngModel]=\"row.period\"\n                            (ngModelChange)=\"patchRow(row, { period: $event })\"\n                            [name]=\"'period' + row.group.id\">\n                          @for (option of row.periodOptions; track option.value) {\n                            <mat-option [value]=\"option.value\">\n                              {{ option.name }}\n                            </mat-option>\n                          }\n                        </mat-select>\n                      </mat-form-field>\n                      @if (row.period === fixedDatesPeriod) {\n                        <mat-form-field class=\"full-width\">\n                          <mat-label>\n                            Default from\n                          </mat-label>\n                          <input\n                            matInput\n                            fsDatePicker\n                            [(ngModel)]=\"row.start\"\n                            [name]=\"'start' + row.group.id\">\n                        </mat-form-field>\n                        <mat-form-field class=\"full-width\">\n                          <mat-label>\n                            Default to\n                          </mat-label>\n                          <input\n                            matInput\n                            fsDatePicker\n                            [(ngModel)]=\"row.end\"\n                            [name]=\"'end' + row.group.id\">\n                        </mat-form-field>\n                      }\n                    }\n                    @case ('select') {\n                      <fs-label-field class=\"full-width\">\n                        <fs-autocomplete-chips\n                            class=\"full-width\"\n                            label=\"Default values\"\n                            [fetch]=\"row.fetch\"\n                            [(ngModel)]=\"row.values\"\n                            [name]=\"'values' + row.group.id\"\n                            [multiple]=\"true\"\n                            [fetchOnFocus]=\"true\">\n                          <ng-template\n                              fsAutocompleteChipsTemplate\n                              let-object=\"object\">\n                            {{ object.name }}\n                          </ng-template>\n                        </fs-autocomplete-chips>\n                      </fs-label-field>\n                      @if (row.showExclude) {\n                        <fs-label-field>\n                          <mat-slide-toggle\n                              [ngModel]=\"row.exclude\"\n                              (ngModelChange)=\"patchRow(row, { exclude: $event })\"\n                              [name]=\"'exclude' + row.group.id\">\n                            Exclude these values\n                          </mat-slide-toggle>\n                        </fs-label-field>\n                      }\n                    }\n                    @case ('numberRange') {\n                      <!-- fsMaskNumber hands back text; the check and the save\n                           read it through parseDefaultBound, so 0 is kept. -->\n                      <mat-form-field class=\"full-width\">\n                        <mat-label>\n                          Default minimum\n                        </mat-label>\n                        <input\n                            matInput\n                            fsMaskNumber\n                            [signed]=\"true\"\n                            [scale]=\"boundScale\"\n                            [ngModel]=\"row.min\"\n                            (ngModelChange)=\"patchRow(row, { min: $event })\"\n                            [name]=\"'min' + row.group.id\"\n                            [validate]=\"minBoundValidator\"\n                            [validateData]=\"row.max\">\n                      </mat-form-field>\n                      <mat-form-field class=\"full-width\">\n                        <mat-label>\n                          Default maximum\n                        </mat-label>\n                        <input\n                            matInput\n                            fsMaskNumber\n                            [signed]=\"true\"\n                            [scale]=\"boundScale\"\n                            [ngModel]=\"row.max\"\n                            (ngModelChange)=\"patchRow(row, { max: $event })\"\n                            [name]=\"'max' + row.group.id\"\n                            [validate]=\"maxBoundValidator\"\n                            [validateData]=\"row.min\">\n                      </mat-form-field>\n                    }\n                    @default {\n                      <mat-form-field class=\"full-width\">\n                        <mat-label>\n                          Default text\n                        </mat-label>\n                        <input\n                          matInput\n                          [(ngModel)]=\"row.value\"\n                          [name]=\"'value' + row.group.id\">\n                      </mat-form-field>\n                    }\n                  }\n                }\n              } @else {\n                <fs-message-info>\n                  This report has no report bar filters yet. Add a filter to a\n                  component (its settings \u2192 Filters) and show it in the report bar,\n                  then set its default here.\n                </fs-message-info>\n              }\n            </div>\n          </mat-tab>\n        </mat-tab-group>\n      </ng-container>\n    </mat-dialog-content>\n    <mat-dialog-actions>\n      <fs-form-dialog-actions>\n        <button\n            type=\"button\"\n            mat-button\n            color=\"warn\"\n            (click)=\"delete()\">\n          Delete\n        </button>\n      </fs-form-dialog-actions>\n    </mat-dialog-actions>\n  </fs-dialog>\n</form>", styles: ["mat-form-field{width:100%}.tab-body{padding-top:16px}\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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { 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.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { 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: "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.FsFormMinDirective, selector: "[fsFormMin]", inputs: ["fsFormMin", "fsFormMinMessage"] }, { kind: "directive", type: i2$1.FsFormMaxDirective, selector: "[fsFormMax]", inputs: ["fsFormMax", "fsFormMaxMessage"] }, { 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"] }, { kind: "directive", type: i2$1.FsFormNoFsValidatorsDirective, selector: "[ngModel]:not([required]):not([fsFormRequired]):not([fsFormCompare]):not([fsFormDateRange]):not([fsFormEmail]):not([fsFormEmails]):not([fsFormFunction]):not([fsFormGreater]):not([fsFormGreaterEqual]):not([fsFormInteger]):not([fsFormLesser]):not([fsFormMax]):not([fsFormMaxLength]):not([fsFormMin]):not([fsFormMinLength]):not([fsFormNumeric]):not([fsFormPattern]):not([fsFormPhone]):not([fsFormUrl]):not([validate])" }, { kind: "directive", type: i2$1.FsButtonDirective, selector: "[mat-raised-button],[mat-button],[mat-flat-button],[mat-stroked-button]", inputs: ["name", "dirtySubmit"] }, { kind: "ngmodule", type: FsLabelModule }, { kind: "component", type: i5.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["appearance", "showOutline", "disabled", "focused", "hoverable", "padless"] }, { kind: "ngmodule", type: FsMaskModule }, { kind: "directive", type: i3$2.FsMaskNumberDirective, selector: "[fsMaskNumber]" }, { kind: "ngmodule", type: FsDialogModule }, { kind: "component", type: i3.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode", "mobileButtonPlacement", "mobileWidth", "mode", "buttonLayout"] }, { kind: "ngmodule", type: FsMessageModule }, { kind: "component", type: i6$1.FsMessageInfoComponent, selector: "fs-message-info" }, { kind: "ngmodule", type: FsTabsModule }, { kind: "directive", type: i6.FsTabsHeaderTabGroupDirective, selector: "mat-tab-group, matTabGroup, [matTabGroup]", inputs: ["orientation", "selected", "selectedData"], outputs: ["selectedChange", "selectedDataChange"], exportAs: ["fsTabsHeaderTabGroup"] }, { kind: "directive", type: i6.FsTabsTabDirective, selector: "mat-tab,matTab", inputs: ["name", "data"], exportAs: ["fsTabsTab"] }, { kind: "ngmodule", type: FsSkeletonModule }, { kind: "directive", type: i4.FsSkeletonFormDirective, selector: "[fsSkeletonForm]", inputs: ["fsSkeletonForm", "fsSkeletonFormLines"] }, { kind: "ngmodule", type: FsDatePickerModule }, { kind: "component", type: i9.FsDatePickerComponent, selector: "[fsDatePicker]", inputs: ["minYear", "maxYear", "minDate", "maxDate", "startOfDay", "view", "format", "minutes", "width"], outputs: ["change"] }, { kind: "ngmodule", type: FsAutocompleteChipsModule }, { kind: "component", type: i2$2.FsAutocompleteChipsComponent, selector: "fs-autocomplete-chips", inputs: ["fetch", "appearance", "floatLabel", "readonly", "size", "label", "placeholder", "chipImage", "chipBackground", "chipColor", "chipIcon", "chipIconColor", "chipClass", "chipPadding", "shape", "hint", "allowText", "allowObject", "delay", "minPanelWidth", "maxPanelHeight", "validateText", "removable", "allowClear", "color", "background", "orderable", "padless", "initOnClick", "fetchOnFocus", "multiple", "multipleAdd", "confirm", "disabled", "groupBy", "panelWidth", "panelClass", "compareWith"], outputs: ["selected", "removed", "reordered", "clear", "panelOpened", "panelClosed"] }, { kind: "directive", type: i2$2.FsAutocompleteObjectDirective, selector: "[fsAutocompleteObject],[fsAutocompleteChipsTemplate]" }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i7.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i7.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { 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: MatLabel, selector: "mat-label" }, { kind: "directive", type: MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { 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: "component", type: MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: TimezoneSelectComponent, selector: "fs-ai-report-timezone-select", inputs: ["placeholder", "required", "disabled", "timezone"], outputs: ["timezoneChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ReportSettingsComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<form\n    fsForm\n    [submit]=\"save\">\n  <fs-dialog>\n    <h1 mat-dialog-title>\n      Report Settings\n    </h1>\n    <mat-dialog-content>\n      <!-- One skeleton over the whole body until the locale list is in. -->\n      <ng-container *fsSkeletonForm=\"ready() || null\">\n        <!-- animationDone: a refused Label or Name is focused once the\n             Filters tab is on screen. -->\n        <mat-tab-group\n            [(selected)]=\"selectedTab\"\n            (animationDone)=\"focusRefusal()\">\n          <mat-tab\n              label=\"Settings\"\n              name=\"settings\">\n            <div class=\"fs-column tab-body\">\n              <mat-form-field>\n                <mat-label>\n                  Name\n                </mat-label>\n                <input\n                  matInput\n                  [(ngModel)]=\"name\"\n                  name=\"name\"\n                  [fsFormRequired]=\"true\">\n              </mat-form-field>\n              <!--\n                The page, typed in inches. Orientation is not asked for because it\n                is not an independent choice - a page wider than it is tall IS\n                landscape - so the two numbers say everything there is to say.\n              -->\n              <div class=\"fs-row.gap-sm.align-start\">\n                <mat-form-field class=\"fs-flex\">\n                  <mat-label>\n                    Width\n                  </mat-label>\n                  <input\n                      matInput\n                      fsMaskNumber\n                      [scale]=\"1\"\n                      [(ngModel)]=\"pageWidth\"\n                      name=\"pageWidth\"\n                      [fsFormRequired]=\"true\"\n                      [fsFormMin]=\"pageDimensionMin\"\n                      [fsFormMax]=\"pageDimensionMax\">\n                  <div matTextSuffix>\n                    inches\n                  </div>\n                </mat-form-field>\n                <mat-form-field class=\"fs-flex\">\n                  <mat-label>\n                    Height\n                  </mat-label>\n                  <input\n                      matInput\n                      fsMaskNumber\n                      [scale]=\"1\"\n                      [(ngModel)]=\"pageHeight\"\n                      name=\"pageHeight\"\n                      [fsFormRequired]=\"true\"\n                      [fsFormMin]=\"pageDimensionMin\"\n                      [fsFormMax]=\"pageDimensionMax\">\n                  <div matTextSuffix>\n                    inches\n                  </div>\n                </mat-form-field>\n              </div>\n              <!--\n                How deep the header and footer bands are. Their content is edited\n                on the canvas (Edit layout \u2192 Header & footer); these reserve the\n                space for it, and 0 means no band.\n              -->\n              <mat-form-field class=\"full-width\">\n                <mat-label>\n                  Header height\n                </mat-label>\n                <input\n                    matInput\n                    fsMaskNumber\n                    [scale]=\"2\"\n                    [(ngModel)]=\"headerHeight\"\n                    name=\"headerHeight\"\n                    [fsFormMin]=\"0\"\n                    [fsFormMax]=\"headerFooterMax\">\n                <div matTextSuffix>\n                  inches\n                </div>\n              </mat-form-field>\n              <mat-form-field class=\"full-width\">\n                <mat-label>\n                  Footer height\n                </mat-label>\n                <input\n                    matInput\n                    fsMaskNumber\n                    [scale]=\"2\"\n                    [(ngModel)]=\"footerHeight\"\n                    name=\"footerHeight\"\n                    [fsFormMin]=\"0\"\n                    [fsFormMax]=\"headerFooterMax\">\n                <div matTextSuffix>\n                  inches\n                </div>\n              </mat-form-field>\n              <fs-ai-report-timezone-select [(timezone)]=\"timezone\"></fs-ai-report-timezone-select>\n              <!--\n                How numbers and dates are written (formatting only: no text is\n                translated) and which currency money is labeled in. Hidden on a\n                server too old to resolve a report's locale.\n              -->\n              @if (locales()) {\n                <mat-form-field class=\"full-width\">\n                  <mat-label>\n                    Locale\n                  </mat-label>\n                  <mat-select\n                      [ngModel]=\"locale()\"\n                      (ngModelChange)=\"locale.set($event)\"\n                      name=\"locale\">\n                    @for (option of localeOptions(); track option.value) {\n                      <mat-option [value]=\"option.value\">\n                        {{ option.label }}\n                      </mat-option>\n                    }\n                  </mat-select>\n                  <mat-hint>\n                    {{ formatExample() }}\n                  </mat-hint>\n                </mat-form-field>\n                <mat-form-field class=\"full-width\">\n                  <mat-label>\n                    Currency\n                  </mat-label>\n                  <mat-select\n                      [ngModel]=\"currency()\"\n                      (ngModelChange)=\"currency.set($event)\"\n                      name=\"currency\">\n                    @for (option of currencyOptions(); track option.value) {\n                      <mat-option [value]=\"option.value\">\n                        {{ option.label }}\n                      </mat-option>\n                    }\n                  </mat-select>\n                  <mat-hint>\n                    Names the currency amounts are in; it does not convert them.\n                  </mat-hint>\n                </mat-form-field>\n              }\n            </div>\n          </mat-tab>\n          <mat-tab\n              label=\"Styles\"\n              name=\"styles\">\n            <div class=\"fs-column tab-body\">\n              <mat-form-field>\n                <mat-label>\n                  Heading Size\n                </mat-label>\n                <input\n                  matInput\n                  type=\"number\"\n                  step=\"1\"\n                  min=\"6\"\n                  max=\"96\"\n                  [(ngModel)]=\"headingSize\"\n                  name=\"headingSize\"\n                  [fsFormMin]=\"6\"\n                  [fsFormMax]=\"96\">\n                <span matTextSuffix>\n                  pt\n                </span>\n                <mat-hint>\n                  Applies to component titles. Points map 1:1 to PDF and PowerPoint.\n                </mat-hint>\n              </mat-form-field>\n            </div>\n          </mat-tab>\n          <mat-tab\n              label=\"Filters\"\n              name=\"filters\">\n            <div class=\"fs-column tab-body\">\n              @if (filterRows().length) {\n                <!-- One section per report bar filter: its heading, its label\n                     and name, then its default, one field per row. -->\n                @for (row of filterRows(); track row.group.id) {\n                  <h3>\n                    {{ row.heading }}\n                  </h3>\n                  <!-- The label and the name are independent: a new label\n                       never changes the name, and the name is edited on its\n                       own. The server checks both, and its refusal shows on\n                       the field (refusalValidator). -->\n                  @if (row.showName) {\n                    <mat-form-field class=\"full-width\">\n                      <mat-label>\n                        Label\n                      </mat-label>\n                      <input\n                          matInput\n                          [id]=\"labelInputId(row.group.id)\"\n                          [ngModel]=\"row.label\"\n                          (ngModelChange)=\"patchRow(row, { label: $event })\"\n                          [name]=\"'label' + row.group.id\"\n                          [fsFormRequired]=\"true\"\n                          [fsFormMaxLength]=\"labelMaxLength\"\n                          [validate]=\"refusalValidator\"\n                          [validateData]=\"row.labelRefusal\">\n                      <mat-hint>\n                        What the filter shows. Changing it never changes the name.\n                      </mat-hint>\n                    </mat-form-field>\n                    <mat-form-field class=\"full-width\">\n                      <mat-label>\n                        Name\n                      </mat-label>\n                      <input\n                          matInput\n                          [id]=\"nameInputId(row.group.id)\"\n                          [ngModel]=\"row.name\"\n                          (ngModelChange)=\"patchRow(row, { name: $event })\"\n                          [name]=\"'name' + row.group.id\"\n                          [fsFormRequired]=\"true\"\n                          [fsFormPattern]=\"namePattern\"\n                          [fsFormPatternMessage]=\"namePatternMessage\"\n                          [fsFormMaxLength]=\"nameMaxLength\"\n                          [validate]=\"refusalValidator\"\n                          [validateData]=\"row.nameRefusal\">\n                      <mat-hint>\n                        How the AI refers to this filter: a letter, then letters and digits.\n                      </mat-hint>\n                    </mat-form-field>\n                  }\n                  @switch (row.group.type) {\n                    @case ('dateRange') {\n                      <mat-form-field class=\"full-width\">\n                        <mat-label>\n                          Default period\n                        </mat-label>\n                        <mat-select\n                            [ngModel]=\"row.period\"\n                            (ngModelChange)=\"patchRow(row, { period: $event })\"\n                            [name]=\"'period' + row.group.id\">\n                          @for (option of row.periodOptions; track option.value) {\n                            <mat-option [value]=\"option.value\">\n                              {{ option.name }}\n                            </mat-option>\n                          }\n                        </mat-select>\n                      </mat-form-field>\n                      @if (row.period === fixedDatesPeriod) {\n                        <mat-form-field class=\"full-width\">\n                          <mat-label>\n                            Default from\n                          </mat-label>\n                          <input\n                            matInput\n                            fsDatePicker\n                            [(ngModel)]=\"row.start\"\n                            [name]=\"'start' + row.group.id\">\n                        </mat-form-field>\n                        <mat-form-field class=\"full-width\">\n                          <mat-label>\n                            Default to\n                          </mat-label>\n                          <input\n                            matInput\n                            fsDatePicker\n                            [(ngModel)]=\"row.end\"\n                            [name]=\"'end' + row.group.id\">\n                        </mat-form-field>\n                      }\n                    }\n                    @case ('select') {\n                      <fs-label-field class=\"full-width\">\n                        <fs-autocomplete-chips\n                            class=\"full-width\"\n                            label=\"Default values\"\n                            [fetch]=\"row.fetch\"\n                            [(ngModel)]=\"row.values\"\n                            [name]=\"'values' + row.group.id\"\n                            [multiple]=\"true\"\n                            [fetchOnFocus]=\"true\">\n                          <ng-template\n                              fsAutocompleteChipsTemplate\n                              let-object=\"object\">\n                            {{ object.name }}\n                          </ng-template>\n                        </fs-autocomplete-chips>\n                      </fs-label-field>\n                      @if (row.showExclude) {\n                        <fs-label-field>\n                          <mat-slide-toggle\n                              [ngModel]=\"row.exclude\"\n                              (ngModelChange)=\"patchRow(row, { exclude: $event })\"\n                              [name]=\"'exclude' + row.group.id\">\n                            Exclude these values\n                          </mat-slide-toggle>\n                        </fs-label-field>\n                      }\n                    }\n                    @case ('numberRange') {\n                      <!-- fsMaskNumber hands back text; the check and the save\n                           read it through parseDefaultBound, so 0 is kept. -->\n                      <mat-form-field class=\"full-width\">\n                        <mat-label>\n                          Default minimum\n                        </mat-label>\n                        <input\n                            matInput\n                            fsMaskNumber\n                            [signed]=\"true\"\n                            [scale]=\"boundScale\"\n                            [ngModel]=\"row.min\"\n                            (ngModelChange)=\"patchRow(row, { min: $event })\"\n                            [name]=\"'min' + row.group.id\"\n                            [validate]=\"minBoundValidator\"\n                            [validateData]=\"row.max\">\n                      </mat-form-field>\n                      <mat-form-field class=\"full-width\">\n                        <mat-label>\n                          Default maximum\n                        </mat-label>\n                        <input\n                            matInput\n                            fsMaskNumber\n                            [signed]=\"true\"\n                            [scale]=\"boundScale\"\n                            [ngModel]=\"row.max\"\n                            (ngModelChange)=\"patchRow(row, { max: $event })\"\n                            [name]=\"'max' + row.group.id\"\n                            [validate]=\"maxBoundValidator\"\n                            [validateData]=\"row.min\">\n                      </mat-form-field>\n                    }\n                    @default {\n                      <mat-form-field class=\"full-width\">\n                        <mat-label>\n                          Default text\n                        </mat-label>\n                        <input\n                          matInput\n                          [(ngModel)]=\"row.value\"\n                          [name]=\"'value' + row.group.id\">\n                      </mat-form-field>\n                    }\n                  }\n                }\n              } @else {\n                <fs-message-info>\n                  This report has no report bar filters yet. Add a filter to a\n                  component (its settings \u2192 Filters) and show it in the report bar,\n                  then set its default here.\n                </fs-message-info>\n              }\n            </div>\n          </mat-tab>\n        </mat-tab-group>\n      </ng-container>\n    </mat-dialog-content>\n    <mat-dialog-actions>\n      <fs-form-dialog-actions>\n        <button\n            type=\"button\"\n            mat-button\n            color=\"warn\"\n            (click)=\"delete()\">\n          Delete\n        </button>\n      </fs-form-dialog-actions>\n    </mat-dialog-actions>\n  </fs-dialog>\n</form>", styles: ["mat-form-field{width:100%}.tab-body{padding-top:16px}\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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { 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.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { 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: "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.FsFormMinDirective, selector: "[fsFormMin]", inputs: ["fsFormMin", "fsFormMinMessage"] }, { kind: "directive", type: i2$1.FsFormMaxDirective, selector: "[fsFormMax]", inputs: ["fsFormMax", "fsFormMaxMessage"] }, { kind: "directive", type: i2$1.FsFormMaxLengthDirective, selector: "[fsFormMaxLength]", inputs: ["fsFormMaxLength", "fsFormMaxLengthMessage"] }, { kind: "directive", type: i2$1.FsFormPatternDirective, selector: "[fsFormPattern]", inputs: ["fsFormPattern", "fsFormPatternMessage"] }, { 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"] }, { kind: "directive", type: i2$1.FsFormNoFsValidatorsDirective, selector: "[ngModel]:not([required]):not([fsFormRequired]):not([fsFormCompare]):not([fsFormDateRange]):not([fsFormEmail]):not([fsFormEmails]):not([fsFormFunction]):not([fsFormGreater]):not([fsFormGreaterEqual]):not([fsFormInteger]):not([fsFormLesser]):not([fsFormMax]):not([fsFormMaxLength]):not([fsFormMin]):not([fsFormMinLength]):not([fsFormNumeric]):not([fsFormPattern]):not([fsFormPhone]):not([fsFormUrl]):not([validate])" }, { kind: "directive", type: i2$1.FsButtonDirective, selector: "[mat-raised-button],[mat-button],[mat-flat-button],[mat-stroked-button]", inputs: ["name", "dirtySubmit"] }, { kind: "ngmodule", type: FsLabelModule }, { kind: "component", type: i5.FsLabelFieldComponent, selector: "fs-label-field", inputs: ["appearance", "showOutline", "disabled", "focused", "hoverable", "padless"] }, { kind: "ngmodule", type: FsMaskModule }, { kind: "directive", type: i3$2.FsMaskNumberDirective, selector: "[fsMaskNumber]" }, { kind: "ngmodule", type: FsDialogModule }, { kind: "component", type: i3.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode", "mobileButtonPlacement", "mobileWidth", "mode", "buttonLayout"] }, { kind: "ngmodule", type: FsMessageModule }, { kind: "component", type: i6$1.FsMessageInfoComponent, selector: "fs-message-info" }, { kind: "ngmodule", type: FsTabsModule }, { kind: "directive", type: i6.FsTabsHeaderTabGroupDirective, selector: "mat-tab-group, matTabGroup, [matTabGroup]", inputs: ["orientation", "selected", "selectedData"], outputs: ["selectedChange", "selectedDataChange"], exportAs: ["fsTabsHeaderTabGroup"] }, { kind: "directive", type: i6.FsTabsTabDirective, selector: "mat-tab,matTab", inputs: ["name", "data"], exportAs: ["fsTabsTab"] }, { kind: "ngmodule", type: FsSkeletonModule }, { kind: "directive", type: i4.FsSkeletonFormDirective, selector: "[fsSkeletonForm]", inputs: ["fsSkeletonForm", "fsSkeletonFormLines"] }, { kind: "ngmodule", type: FsDatePickerModule }, { kind: "component", type: i9.FsDatePickerComponent, selector: "[fsDatePicker]", inputs: ["minYear", "maxYear", "minDate", "maxDate", "startOfDay", "view", "format", "minutes", "width"], outputs: ["change"] }, { kind: "ngmodule", type: FsAutocompleteChipsModule }, { kind: "component", type: i2$2.FsAutocompleteChipsComponent, selector: "fs-autocomplete-chips", inputs: ["fetch", "appearance", "floatLabel", "readonly", "size", "label", "placeholder", "chipImage", "chipBackground", "chipColor", "chipIcon", "chipIconColor", "chipClass", "chipPadding", "shape", "hint", "allowText", "allowObject", "delay", "minPanelWidth", "maxPanelHeight", "validateText", "removable", "allowClear", "color", "background", "orderable", "padless", "initOnClick", "fetchOnFocus", "multiple", "multipleAdd", "confirm", "disabled", "groupBy", "panelWidth", "panelClass", "compareWith"], outputs: ["selected", "removed", "reordered", "clear", "panelOpened", "panelClosed"] }, { kind: "directive", type: i2$2.FsAutocompleteObjectDirective, selector: "[fsAutocompleteObject],[fsAutocompleteChipsTemplate]" }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i7.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i7.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { 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: MatLabel, selector: "mat-label" }, { kind: "directive", type: MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { 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: "component", type: MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "component", type: TimezoneSelectComponent, selector: "fs-ai-report-timezone-select", inputs: ["placeholder", "required", "disabled", "timezone"], outputs: ["timezoneChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ReportSettingsComponent, decorators: [{
             type: Component,
@@ -13568,36 +12723,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         MatOption,
                         MatSlideToggle,
                         TimezoneSelectComponent,
-                    ], template: "<form\n    fsForm\n    [submit]=\"save\">\n  <fs-dialog>\n    <h1 mat-dialog-title>\n      Report Settings\n    </h1>\n    <mat-dialog-content>\n      <!-- One skeleton over the whole body until the locale list is in. -->\n      <ng-container *fsSkeletonForm=\"ready() || null\">\n        <mat-tab-group [(selected)]=\"selectedTab\">\n          <mat-tab\n              label=\"Settings\"\n              name=\"settings\">\n            <div class=\"fs-column tab-body\">\n              <mat-form-field>\n                <mat-label>\n                  Name\n                </mat-label>\n                <input\n                  matInput\n                  [(ngModel)]=\"name\"\n                  name=\"name\"\n                  [fsFormRequired]=\"true\">\n              </mat-form-field>\n              <!--\n                The page, typed in inches. Orientation is not asked for because it\n                is not an independent choice - a page wider than it is tall IS\n                landscape - so the two numbers say everything there is to say.\n              -->\n              <div class=\"fs-row.gap-sm.align-start\">\n                <mat-form-field class=\"fs-flex\">\n                  <mat-label>\n                    Width\n                  </mat-label>\n                  <input\n                      matInput\n                      fsMaskNumber\n                      [scale]=\"1\"\n                      [(ngModel)]=\"pageWidth\"\n                      name=\"pageWidth\"\n                      [fsFormRequired]=\"true\"\n                      [fsFormMin]=\"pageDimensionMin\"\n                      [fsFormMax]=\"pageDimensionMax\">\n                  <div matTextSuffix>\n                    inches\n                  </div>\n                </mat-form-field>\n                <mat-form-field class=\"fs-flex\">\n                  <mat-label>\n                    Height\n                  </mat-label>\n                  <input\n                      matInput\n                      fsMaskNumber\n                      [scale]=\"1\"\n                      [(ngModel)]=\"pageHeight\"\n                      name=\"pageHeight\"\n                      [fsFormRequired]=\"true\"\n                      [fsFormMin]=\"pageDimensionMin\"\n                      [fsFormMax]=\"pageDimensionMax\">\n                  <div matTextSuffix>\n                    inches\n                  </div>\n                </mat-form-field>\n              </div>\n              <!--\n                How deep the header and footer bands are. Their content is edited\n                on the canvas (Edit layout \u2192 Header & footer); these reserve the\n                space for it, and 0 means no band.\n              -->\n              <mat-form-field class=\"full-width\">\n                <mat-label>\n                  Header height\n                </mat-label>\n                <input\n                    matInput\n                    fsMaskNumber\n                    [scale]=\"2\"\n                    [(ngModel)]=\"headerHeight\"\n                    name=\"headerHeight\"\n                    [fsFormMin]=\"0\"\n                    [fsFormMax]=\"headerFooterMax\">\n                <div matTextSuffix>\n                  inches\n                </div>\n              </mat-form-field>\n              <mat-form-field class=\"full-width\">\n                <mat-label>\n                  Footer height\n                </mat-label>\n                <input\n                    matInput\n                    fsMaskNumber\n                    [scale]=\"2\"\n                    [(ngModel)]=\"footerHeight\"\n                    name=\"footerHeight\"\n                    [fsFormMin]=\"0\"\n                    [fsFormMax]=\"headerFooterMax\">\n                <div matTextSuffix>\n                  inches\n                </div>\n              </mat-form-field>\n              <fs-ai-report-timezone-select [(timezone)]=\"timezone\"></fs-ai-report-timezone-select>\n              <!--\n                How numbers and dates are written (formatting only: no text is\n                translated) and which currency money is labeled in. Hidden on a\n                server too old to resolve a report's locale.\n              -->\n              @if (locales()) {\n                <mat-form-field class=\"full-width\">\n                  <mat-label>\n                    Locale\n                  </mat-label>\n                  <mat-select\n                      [ngModel]=\"locale()\"\n                      (ngModelChange)=\"locale.set($event)\"\n                      name=\"locale\">\n                    @for (option of localeOptions(); track option.value) {\n                      <mat-option [value]=\"option.value\">\n                        {{ option.label }}\n                      </mat-option>\n                    }\n                  </mat-select>\n                  <mat-hint>\n                    {{ formatExample() }}\n                  </mat-hint>\n                </mat-form-field>\n                <mat-form-field class=\"full-width\">\n                  <mat-label>\n                    Currency\n                  </mat-label>\n                  <mat-select\n                      [ngModel]=\"currency()\"\n                      (ngModelChange)=\"currency.set($event)\"\n                      name=\"currency\">\n                    @for (option of currencyOptions(); track option.value) {\n                      <mat-option [value]=\"option.value\">\n                        {{ option.label }}\n                      </mat-option>\n                    }\n                  </mat-select>\n                  <mat-hint>\n                    Names the currency amounts are in; it does not convert them.\n                  </mat-hint>\n                </mat-form-field>\n              }\n            </div>\n          </mat-tab>\n          <mat-tab\n              label=\"Styles\"\n              name=\"styles\">\n            <div class=\"fs-column tab-body\">\n              <mat-form-field>\n                <mat-label>\n                  Heading Size\n                </mat-label>\n                <input\n                  matInput\n                  type=\"number\"\n                  step=\"1\"\n                  min=\"6\"\n                  max=\"96\"\n                  [(ngModel)]=\"headingSize\"\n                  name=\"headingSize\"\n                  [fsFormMin]=\"6\"\n                  [fsFormMax]=\"96\">\n                <span matTextSuffix>\n                  pt\n                </span>\n                <mat-hint>\n                  Applies to component titles. Points map 1:1 to PDF and PowerPoint.\n                </mat-hint>\n              </mat-form-field>\n            </div>\n          </mat-tab>\n          <mat-tab\n              label=\"Filters\"\n              name=\"filters\">\n            <div class=\"fs-column tab-body\">\n              @if (filterRows().length) {\n                <!-- One section per report bar filter: its heading, then its\n                     default, one field per row. -->\n                @for (row of filterRows(); track row.group.id) {\n                  <h3>\n                    {{ row.label }}\n                  </h3>\n                  @switch (row.group.type) {\n                    @case ('dateRange') {\n                      <mat-form-field class=\"full-width\">\n                        <mat-label>\n                          Default period\n                        </mat-label>\n                        <mat-select\n                            [ngModel]=\"row.period\"\n                            (ngModelChange)=\"patchRow(row, { period: $event })\"\n                            [name]=\"'period' + row.group.id\">\n                          @for (option of row.periodOptions; track option.value) {\n                            <mat-option [value]=\"option.value\">\n                              {{ option.name }}\n                            </mat-option>\n                          }\n                        </mat-select>\n                      </mat-form-field>\n                      @if (row.period === fixedDatesPeriod) {\n                        <mat-form-field class=\"full-width\">\n                          <mat-label>\n                            Default from\n                          </mat-label>\n                          <input\n                            matInput\n                            fsDatePicker\n                            [(ngModel)]=\"row.start\"\n                            [name]=\"'start' + row.group.id\">\n                        </mat-form-field>\n                        <mat-form-field class=\"full-width\">\n                          <mat-label>\n                            Default to\n                          </mat-label>\n                          <input\n                            matInput\n                            fsDatePicker\n                            [(ngModel)]=\"row.end\"\n                            [name]=\"'end' + row.group.id\">\n                        </mat-form-field>\n                      }\n                    }\n                    @case ('select') {\n                      <fs-label-field class=\"full-width\">\n                        <fs-autocomplete-chips\n                            class=\"full-width\"\n                            label=\"Default values\"\n                            [fetch]=\"row.fetch\"\n                            [(ngModel)]=\"row.values\"\n                            [name]=\"'values' + row.group.id\"\n                            [multiple]=\"true\"\n                            [fetchOnFocus]=\"true\">\n                          <ng-template\n                              fsAutocompleteChipsTemplate\n                              let-object=\"object\">\n                            {{ object.name }}\n                          </ng-template>\n                        </fs-autocomplete-chips>\n                      </fs-label-field>\n                      @if (row.showExclude) {\n                        <fs-label-field>\n                          <mat-slide-toggle\n                              [ngModel]=\"row.exclude\"\n                              (ngModelChange)=\"patchRow(row, { exclude: $event })\"\n                              [name]=\"'exclude' + row.group.id\">\n                            Exclude these values\n                          </mat-slide-toggle>\n                        </fs-label-field>\n                      }\n                    }\n                    @case ('numberRange') {\n                      <!-- fsMaskNumber hands back text; the check and the save\n                           read it through parseDefaultBound, so 0 is kept. -->\n                      <mat-form-field class=\"full-width\">\n                        <mat-label>\n                          Default minimum\n                        </mat-label>\n                        <input\n                            matInput\n                            fsMaskNumber\n                            [signed]=\"true\"\n                            [scale]=\"boundScale\"\n                            [ngModel]=\"row.min\"\n                            (ngModelChange)=\"patchRow(row, { min: $event })\"\n                            [name]=\"'min' + row.group.id\"\n                            [validate]=\"minBoundValidator\"\n                            [validateData]=\"row.max\">\n                      </mat-form-field>\n                      <mat-form-field class=\"full-width\">\n                        <mat-label>\n                          Default maximum\n                        </mat-label>\n                        <input\n                            matInput\n                            fsMaskNumber\n                            [signed]=\"true\"\n                            [scale]=\"boundScale\"\n                            [ngModel]=\"row.max\"\n                            (ngModelChange)=\"patchRow(row, { max: $event })\"\n                            [name]=\"'max' + row.group.id\"\n                            [validate]=\"maxBoundValidator\"\n                            [validateData]=\"row.min\">\n                      </mat-form-field>\n                    }\n                    @default {\n                      <mat-form-field class=\"full-width\">\n                        <mat-label>\n                          Default text\n                        </mat-label>\n                        <input\n                          matInput\n                          [(ngModel)]=\"row.value\"\n                          [name]=\"'value' + row.group.id\">\n                      </mat-form-field>\n                    }\n                  }\n                }\n              } @else {\n                <fs-message-info>\n                  This report has no report bar filters yet. Add a filter to a\n                  component (its settings \u2192 Filters) and show it in the report bar,\n                  then set its default here.\n                </fs-message-info>\n              }\n            </div>\n          </mat-tab>\n        </mat-tab-group>\n      </ng-container>\n    </mat-dialog-content>\n    <mat-dialog-actions>\n      <fs-form-dialog-actions>\n        <button\n            type=\"button\"\n            mat-button\n            color=\"warn\"\n            (click)=\"delete()\">\n          Delete\n        </button>\n      </fs-form-dialog-actions>\n    </mat-dialog-actions>\n  </fs-dialog>\n</form>", styles: ["mat-form-field{width:100%}.tab-body{padding-top:16px}\n"] }]
+                    ], template: "<form\n    fsForm\n    [submit]=\"save\">\n  <fs-dialog>\n    <h1 mat-dialog-title>\n      Report Settings\n    </h1>\n    <mat-dialog-content>\n      <!-- One skeleton over the whole body until the locale list is in. -->\n      <ng-container *fsSkeletonForm=\"ready() || null\">\n        <!-- animationDone: a refused Label or Name is focused once the\n             Filters tab is on screen. -->\n        <mat-tab-group\n            [(selected)]=\"selectedTab\"\n            (animationDone)=\"focusRefusal()\">\n          <mat-tab\n              label=\"Settings\"\n              name=\"settings\">\n            <div class=\"fs-column tab-body\">\n              <mat-form-field>\n                <mat-label>\n                  Name\n                </mat-label>\n                <input\n                  matInput\n                  [(ngModel)]=\"name\"\n                  name=\"name\"\n                  [fsFormRequired]=\"true\">\n              </mat-form-field>\n              <!--\n                The page, typed in inches. Orientation is not asked for because it\n                is not an independent choice - a page wider than it is tall IS\n                landscape - so the two numbers say everything there is to say.\n              -->\n              <div class=\"fs-row.gap-sm.align-start\">\n                <mat-form-field class=\"fs-flex\">\n                  <mat-label>\n                    Width\n                  </mat-label>\n                  <input\n                      matInput\n                      fsMaskNumber\n                      [scale]=\"1\"\n                      [(ngModel)]=\"pageWidth\"\n                      name=\"pageWidth\"\n                      [fsFormRequired]=\"true\"\n                      [fsFormMin]=\"pageDimensionMin\"\n                      [fsFormMax]=\"pageDimensionMax\">\n                  <div matTextSuffix>\n                    inches\n                  </div>\n                </mat-form-field>\n                <mat-form-field class=\"fs-flex\">\n                  <mat-label>\n                    Height\n                  </mat-label>\n                  <input\n                      matInput\n                      fsMaskNumber\n                      [scale]=\"1\"\n                      [(ngModel)]=\"pageHeight\"\n                      name=\"pageHeight\"\n                      [fsFormRequired]=\"true\"\n                      [fsFormMin]=\"pageDimensionMin\"\n                      [fsFormMax]=\"pageDimensionMax\">\n                  <div matTextSuffix>\n                    inches\n                  </div>\n                </mat-form-field>\n              </div>\n              <!--\n                How deep the header and footer bands are. Their content is edited\n                on the canvas (Edit layout \u2192 Header & footer); these reserve the\n                space for it, and 0 means no band.\n              -->\n              <mat-form-field class=\"full-width\">\n                <mat-label>\n                  Header height\n                </mat-label>\n                <input\n                    matInput\n                    fsMaskNumber\n                    [scale]=\"2\"\n                    [(ngModel)]=\"headerHeight\"\n                    name=\"headerHeight\"\n                    [fsFormMin]=\"0\"\n                    [fsFormMax]=\"headerFooterMax\">\n                <div matTextSuffix>\n                  inches\n                </div>\n              </mat-form-field>\n              <mat-form-field class=\"full-width\">\n                <mat-label>\n                  Footer height\n                </mat-label>\n                <input\n                    matInput\n                    fsMaskNumber\n                    [scale]=\"2\"\n                    [(ngModel)]=\"footerHeight\"\n                    name=\"footerHeight\"\n                    [fsFormMin]=\"0\"\n                    [fsFormMax]=\"headerFooterMax\">\n                <div matTextSuffix>\n                  inches\n                </div>\n              </mat-form-field>\n              <fs-ai-report-timezone-select [(timezone)]=\"timezone\"></fs-ai-report-timezone-select>\n              <!--\n                How numbers and dates are written (formatting only: no text is\n                translated) and which currency money is labeled in. Hidden on a\n                server too old to resolve a report's locale.\n              -->\n              @if (locales()) {\n                <mat-form-field class=\"full-width\">\n                  <mat-label>\n                    Locale\n                  </mat-label>\n                  <mat-select\n                      [ngModel]=\"locale()\"\n                      (ngModelChange)=\"locale.set($event)\"\n                      name=\"locale\">\n                    @for (option of localeOptions(); track option.value) {\n                      <mat-option [value]=\"option.value\">\n                        {{ option.label }}\n                      </mat-option>\n                    }\n                  </mat-select>\n                  <mat-hint>\n                    {{ formatExample() }}\n                  </mat-hint>\n                </mat-form-field>\n                <mat-form-field class=\"full-width\">\n                  <mat-label>\n                    Currency\n                  </mat-label>\n                  <mat-select\n                      [ngModel]=\"currency()\"\n                      (ngModelChange)=\"currency.set($event)\"\n                      name=\"currency\">\n                    @for (option of currencyOptions(); track option.value) {\n                      <mat-option [value]=\"option.value\">\n                        {{ option.label }}\n                      </mat-option>\n                    }\n                  </mat-select>\n                  <mat-hint>\n                    Names the currency amounts are in; it does not convert them.\n                  </mat-hint>\n                </mat-form-field>\n              }\n            </div>\n          </mat-tab>\n          <mat-tab\n              label=\"Styles\"\n              name=\"styles\">\n            <div class=\"fs-column tab-body\">\n              <mat-form-field>\n                <mat-label>\n                  Heading Size\n                </mat-label>\n                <input\n                  matInput\n                  type=\"number\"\n                  step=\"1\"\n                  min=\"6\"\n                  max=\"96\"\n                  [(ngModel)]=\"headingSize\"\n                  name=\"headingSize\"\n                  [fsFormMin]=\"6\"\n                  [fsFormMax]=\"96\">\n                <span matTextSuffix>\n                  pt\n                </span>\n                <mat-hint>\n                  Applies to component titles. Points map 1:1 to PDF and PowerPoint.\n                </mat-hint>\n              </mat-form-field>\n            </div>\n          </mat-tab>\n          <mat-tab\n              label=\"Filters\"\n              name=\"filters\">\n            <div class=\"fs-column tab-body\">\n              @if (filterRows().length) {\n                <!-- One section per report bar filter: its heading, its label\n                     and name, then its default, one field per row. -->\n                @for (row of filterRows(); track row.group.id) {\n                  <h3>\n                    {{ row.heading }}\n                  </h3>\n                  <!-- The label and the name are independent: a new label\n                       never changes the name, and the name is edited on its\n                       own. The server checks both, and its refusal shows on\n                       the field (refusalValidator). -->\n                  @if (row.showName) {\n                    <mat-form-field class=\"full-width\">\n                      <mat-label>\n                        Label\n                      </mat-label>\n                      <input\n                          matInput\n                          [id]=\"labelInputId(row.group.id)\"\n                          [ngModel]=\"row.label\"\n                          (ngModelChange)=\"patchRow(row, { label: $event })\"\n                          [name]=\"'label' + row.group.id\"\n                          [fsFormRequired]=\"true\"\n                          [fsFormMaxLength]=\"labelMaxLength\"\n                          [validate]=\"refusalValidator\"\n                          [validateData]=\"row.labelRefusal\">\n                      <mat-hint>\n                        What the filter shows. Changing it never changes the name.\n                      </mat-hint>\n                    </mat-form-field>\n                    <mat-form-field class=\"full-width\">\n                      <mat-label>\n                        Name\n                      </mat-label>\n                      <input\n                          matInput\n                          [id]=\"nameInputId(row.group.id)\"\n                          [ngModel]=\"row.name\"\n                          (ngModelChange)=\"patchRow(row, { name: $event })\"\n                          [name]=\"'name' + row.group.id\"\n                          [fsFormRequired]=\"true\"\n                          [fsFormPattern]=\"namePattern\"\n                          [fsFormPatternMessage]=\"namePatternMessage\"\n                          [fsFormMaxLength]=\"nameMaxLength\"\n                          [validate]=\"refusalValidator\"\n                          [validateData]=\"row.nameRefusal\">\n                      <mat-hint>\n                        How the AI refers to this filter: a letter, then letters and digits.\n                      </mat-hint>\n                    </mat-form-field>\n                  }\n                  @switch (row.group.type) {\n                    @case ('dateRange') {\n                      <mat-form-field class=\"full-width\">\n                        <mat-label>\n                          Default period\n                        </mat-label>\n                        <mat-select\n                            [ngModel]=\"row.period\"\n                            (ngModelChange)=\"patchRow(row, { period: $event })\"\n                            [name]=\"'period' + row.group.id\">\n                          @for (option of row.periodOptions; track option.value) {\n                            <mat-option [value]=\"option.value\">\n                              {{ option.name }}\n                            </mat-option>\n                          }\n                        </mat-select>\n                      </mat-form-field>\n                      @if (row.period === fixedDatesPeriod) {\n                        <mat-form-field class=\"full-width\">\n                          <mat-label>\n                            Default from\n                          </mat-label>\n                          <input\n                            matInput\n                            fsDatePicker\n                            [(ngModel)]=\"row.start\"\n                            [name]=\"'start' + row.group.id\">\n                        </mat-form-field>\n                        <mat-form-field class=\"full-width\">\n                          <mat-label>\n                            Default to\n                          </mat-label>\n                          <input\n                            matInput\n                            fsDatePicker\n                            [(ngModel)]=\"row.end\"\n                            [name]=\"'end' + row.group.id\">\n                        </mat-form-field>\n                      }\n                    }\n                    @case ('select') {\n                      <fs-label-field class=\"full-width\">\n                        <fs-autocomplete-chips\n                            class=\"full-width\"\n                            label=\"Default values\"\n                            [fetch]=\"row.fetch\"\n                            [(ngModel)]=\"row.values\"\n                            [name]=\"'values' + row.group.id\"\n                            [multiple]=\"true\"\n                            [fetchOnFocus]=\"true\">\n                          <ng-template\n                              fsAutocompleteChipsTemplate\n                              let-object=\"object\">\n                            {{ object.name }}\n                          </ng-template>\n                        </fs-autocomplete-chips>\n                      </fs-label-field>\n                      @if (row.showExclude) {\n                        <fs-label-field>\n                          <mat-slide-toggle\n                              [ngModel]=\"row.exclude\"\n                              (ngModelChange)=\"patchRow(row, { exclude: $event })\"\n                              [name]=\"'exclude' + row.group.id\">\n                            Exclude these values\n                          </mat-slide-toggle>\n                        </fs-label-field>\n                      }\n                    }\n                    @case ('numberRange') {\n                      <!-- fsMaskNumber hands back text; the check and the save\n                           read it through parseDefaultBound, so 0 is kept. -->\n                      <mat-form-field class=\"full-width\">\n                        <mat-label>\n                          Default minimum\n                        </mat-label>\n                        <input\n                            matInput\n                            fsMaskNumber\n                            [signed]=\"true\"\n                            [scale]=\"boundScale\"\n                            [ngModel]=\"row.min\"\n                            (ngModelChange)=\"patchRow(row, { min: $event })\"\n                            [name]=\"'min' + row.group.id\"\n                            [validate]=\"minBoundValidator\"\n                            [validateData]=\"row.max\">\n                      </mat-form-field>\n                      <mat-form-field class=\"full-width\">\n                        <mat-label>\n                          Default maximum\n                        </mat-label>\n                        <input\n                            matInput\n                            fsMaskNumber\n                            [signed]=\"true\"\n                            [scale]=\"boundScale\"\n                            [ngModel]=\"row.max\"\n                            (ngModelChange)=\"patchRow(row, { max: $event })\"\n                            [name]=\"'max' + row.group.id\"\n                            [validate]=\"maxBoundValidator\"\n                            [validateData]=\"row.min\">\n                      </mat-form-field>\n                    }\n                    @default {\n                      <mat-form-field class=\"full-width\">\n                        <mat-label>\n                          Default text\n                        </mat-label>\n                        <input\n                          matInput\n                          [(ngModel)]=\"row.value\"\n                          [name]=\"'value' + row.group.id\">\n                      </mat-form-field>\n                    }\n                  }\n                }\n              } @else {\n                <fs-message-info>\n                  This report has no report bar filters yet. Add a filter to a\n                  component (its settings \u2192 Filters) and show it in the report bar,\n                  then set its default here.\n                </fs-message-info>\n              }\n            </div>\n          </mat-tab>\n        </mat-tab-group>\n      </ng-container>\n    </mat-dialog-content>\n    <mat-dialog-actions>\n      <fs-form-dialog-actions>\n        <button\n            type=\"button\"\n            mat-button\n            color=\"warn\"\n            (click)=\"delete()\">\n          Delete\n        </button>\n      </fs-form-dialog-actions>\n    </mat-dialog-actions>\n  </fs-dialog>\n</form>", styles: ["mat-form-field{width:100%}.tab-body{padding-top:16px}\n"] }]
         }] });
+// What a refused request says: the server's message, else the error's own,
+// else a plain fallback.
+function refusalMessage(error) {
+    const failure = error;
+    const message = failure?.error?.message ?? failure?.message;
+    return typeof message === 'string' && message ? message : 'The filter could not be saved.';
+}
+// The group as the server now stores it, once an update carrying `changes`
+// is taken.
+function storedGroup(group, changes) {
+    return {
+        ...group,
+        ...(changes.name !== undefined ? { name: changes.name } : {}),
+        ...(changes.label !== undefined ? { label: changes.label } : {}),
+        config: changes.default !== undefined
+            ? { ...group.config, default: changes.default ?? undefined }
+            : group.config,
+    };
+}
+// The ids of a filter's Label and Name inputs, so a refused one can be
+// focused.
+function labelInputId(groupId) {
+    return `filterLabel${groupId}`;
+}
+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, the calls that change a view, and the link the screen writes.
-// 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()); such a report keeps the link it always had.
+// 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. A link that carries state (any owned key, match or rv). rv names the shared
-//    view it is a diff from; one the viewer cannot open leaves the diff on
-//    the report's defaults, with a note. rpv never changes the screen: when
-//    the viewer owns that view it is the open view, and the screen is
-//    compared with it. The tiles wait for that one view only; the list loads
-//    behind them. A link with rpv and no state (the owner's view was open on
-//    the report's defaults) is a link for the owner only; for anyone else
-//    it is no link.
-// 2. Else the viewer's default view.
-// 3. Else the report's authored defaults.
-// A page in the link beats a view's page.
-//
-// The link (urlParams): while a shared view is open, rv and what differs
-// from it; while one of the viewer's own views is open, or when the screen
-// went back to something a link cannot say on top of the shared view (see
-// viewConfigDiff), everything that differs from the report's defaults, and
-// rpv when the viewer owns the open view. Sharing the open view, or no
-// longer sharing it, writes the link again.
+// 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.
@@ -13618,42 +12786,24 @@ class ReportViewService {
     _openView = signal(null);
     // The report the views belong to.
     _reportId = null;
-    // The note that the screen is too long for a link shows once per report.
-    _tooLongShown = false;
     // 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) and the screen opened on a link (`params`,
-    // the URL's query params), a default view or the report's defaults.
-    // `pageId` is the page the link names, which beats a view's page. Ends
-    // once the screen is set; the list may still be loading behind it.
-    open(report, params, pageId) {
+    // 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);
-        const page = pageId ? { v: REPORT_VIEW_CONFIG_VERSION, pageId } : null;
-        const link = readReportUrlLink(params);
-        const state = hasReportUrlState(params, report.filterGroups ?? []);
-        if (!state && !link.personalViewId) {
-            return this._openDefault(report, page);
-        }
-        const linkDiff = { ...paramsToViewConfig(params, report.filterGroups ?? []), ...page };
-        const viewId = link.viewId ?? link.personalViewId;
-        return (viewId ? this._readView(report.id, viewId) : of(null))
-            .pipe(switchMap((view) => {
-            // A link that names only a personal view (its screen was the
-            // report's defaults) is the owner's link; for anyone else it says
-            // nothing, and the report opens as it would with no link.
-            if (!state && !view?.mine) {
-                return this._openDefault(report, page);
-            }
+        return this._readViews(report)
+            .pipe(tap((list) => {
             this._filterState.init(report);
-            this._openLink(link, view, linkDiff);
-            this._readViews(report)
-                .pipe(takeUntilDestroyed(this._destroyRef))
-                .subscribe();
-            return of(undefined);
-        }));
+            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
@@ -13726,20 +12876,6 @@ class ReportViewService {
             this._message.success('View deleted');
         }));
     }
-    // The query params that make the URL carry the screen (see the class
-    // comment), spread over the owned keys `current` carries so the ones the
-    // screen no longer needs are removed. The host adds its page key.
-    // A select's value is named by `name`, else by the name `current` carries
-    // for it.
-    urlParams(current, name = () => null) {
-        const currentName = urlValueNames(current, this._reportGroups());
-        const write = this._linkWrite((groupId, value) => name(groupId, value) ?? currentName(groupId, value));
-        if (write.tooLong && !this._tooLongShown) {
-            this._tooLongShown = true;
-            this._message.warning(URL_TOO_LONG_MESSAGE);
-        }
-        return { ...reportParamsToClear(current, this._reportGroups()), ...write.params };
-    }
     // Starts over for another report: no list and no open view.
     _start(report) {
         if (report.id === this._reportId) {
@@ -13749,35 +12885,6 @@ class ReportViewService {
         this._views.set([]);
         this._canShare.set(false);
         this._openView.set(null);
-        this._tooLongShown = false;
-    }
-    // No link: the viewer's default view, else the report's defaults, once the
-    // list is read.
-    _openDefault(report, page) {
-        return this._readViews(report)
-            .pipe(tap((list) => {
-            this._filterState.init(report);
-            if (list?.myDefault) {
-                this._openOn(list.myDefault, () => this._filterState.apply(list.myDefault.config, page));
-            }
-        }), map(() => undefined));
-    }
-    // A link with state: on the shared view rv names, else on the report's
-    // defaults; rpv's view is the open view only when the viewer owns it.
-    _openLink(link, view, linkDiff) {
-        if (link.viewId && view) {
-            this._openOn(view, () => this._filterState.apply(view.config, linkDiff));
-            return;
-        }
-        if (!link.viewId && view?.mine) {
-            this._openOn(view, () => this._filterState.apply(null, linkDiff, view.config));
-            return;
-        }
-        this._openView.set(null);
-        this._filterState.apply(null, linkDiff);
-        if (link.viewId) {
-            this._message.warning(VIEW_NOT_AVAILABLE_MESSAGE);
-        }
     }
     // 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
@@ -13791,9 +12898,7 @@ class ReportViewService {
         }
     }
     // Runs a change on the open view and takes its answer as the open view
-    // and its row in the list. A change of who may see the view (shared, or
-    // whose it is) changes the key a link names it by, so the URL is written
-    // again.
+    // and its row in the list.
     _changeOpen(change) {
         const open = this._openView();
         if (!open) {
@@ -13803,9 +12908,6 @@ class ReportViewService {
             .pipe(tap((view) => {
             this._openView.set(view);
             this._putRow(view);
-            if (view.shared !== open.shared || view.mine !== open.mine) {
-                this._filterState.rewriteUrl();
-            }
         }));
     }
     // A view's row in the list, replaced or added. A new default clears the
@@ -13837,64 +12939,6 @@ class ReportViewService {
             }
         }));
     }
-    // A view a link names; null when the viewer cannot open it. The server
-    // answers 'View not found' for one it cannot see, which must not move the
-    // host to its not-found page.
-    _readView(reportId, reportViewId) {
-        return this._reportData.view(reportId, reportViewId, { context: new HttpContext().set(ProcessApiError, false) })
-            .pipe(catchError(() => of(null)));
-    }
-    // The params the screen writes (see the class comment).
-    _linkWrite(name) {
-        const open = this._openView();
-        const screen = this._filterState.snapshot();
-        const authored = this._filterState.authoredConfig();
-        const authoredSort = (componentId) => this._authoredSort(componentId);
-        if (open?.shared) {
-            // A group the view holds that the base let go of (its authored default
-            // changed while the view was open, and the screen took the new one)
-            // is still the view's value when a link opens the view, so it is
-            // compared with that value and written when the screen differs.
-            const base = this._filterState.base();
-            const linkBase = { ...base, groups: { ...open.config?.groups, ...base.groups } };
-            const diff = viewConfigDiff(linkBase, screen, authored, authoredSort);
-            if (diff) {
-                return viewConfigToParams(this._linkDays(diff), this._reportGroups(), { viewId: open.id }, name);
-            }
-        }
-        const full = viewConfigDiff(authored, screen, authored, authoredSort) ?? screen;
-        const link = open?.mine ? { personalViewId: open.id } : {};
-        return viewConfigToParams(this._linkDays(full), this._reportGroups(), link, name);
-    }
-    // `config` with each rolling range (a relative name, which a view keeps) as
-    // the days it gives today in the report's zone: a link carries days, never a
-    // preset name. A name the report does not know is left as it is, and the
-    // link leaves that group out.
-    _linkDays(config) {
-        if (!config.groups) {
-            return config;
-        }
-        const groups = Object.entries(config.groups)
-            .map(([groupId, value]) => [groupId, this._groupDays(value)]);
-        return { ...config, groups: Object.fromEntries(groups) };
-    }
-    _groupDays(value) {
-        const range = value?.relative ? this._filterState.resolveRelative(value.relative) : null;
-        return range ? toStoredGroupValue('dateRange', { start: range.start, end: range.end }) : value;
-    }
-    // Every filter group of the open report: the link keys each by its label.
-    _reportGroups() {
-        return this._filterState.report()?.filterGroups ?? [];
-    }
-    // A list's authored first sort term, or null for any other component.
-    _authoredSort(componentId) {
-        const report = this._filterState.report();
-        const component = [
-            ...(report?.pages ?? []).flatMap((page) => page.components ?? []),
-            ...(report?.master?.components ?? []),
-        ].find((candidate) => candidate.id === componentId);
-        return component?.type === 'list' ? listSortTerms(component.config)[0] ?? null : null;
-    }
     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 });
 }
@@ -14484,7 +13528,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-UBg8Wlhd.mjs')).default;
+    const echarts = (await import('./firestitch-report-echarts-DHEH_K_q.mjs')).default;
     const host = document.createElement('div');
     host.style.width = `${width}px`;
     host.style.height = `${height}px`;
@@ -17114,7 +16158,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, the link and a saved view hold. Provided on the view; the host app's
+// bar and a saved view hold. Provided on the view; the host app's
 // own pickers keep their config.
 function provideReportDatePicker() {
     const config = {
@@ -17279,11 +16323,12 @@ class ReportComponent {
         if (!this.report()) {
             return;
         }
-        this._dialog.open(ReportSettingsComponent, {
+        const dialogRef = this._dialog.open(ReportSettingsComponent, {
             data: { report: this.report() },
             width: '460px',
-        })
-            .afterClosed()
+        });
+        const settings = dialogRef.componentInstance;
+        dialogRef.afterClosed()
             .pipe(takeUntilDestroyed(this._destroyRef))
             .subscribe((result) => {
             // The dialog confirms + performs the delete itself; we just react to
@@ -17294,7 +16339,9 @@ class ReportComponent {
                 this._buildReportConfig();
                 return;
             }
-            if (result?.action === 'saved' && this.selected()) {
+            // A save that failed part way (a refused name) may still have stored
+            // the filters before it, so a dismissed dialog that wrote reloads too.
+            if ((result?.action === 'saved' || settings.wrote()) && this.selected()) {
                 this._loadReport(this.selected().id);
                 this._refreshReportName(this.selected().id);
             }
@@ -17457,8 +16504,8 @@ class ReportComponent {
             .pipe(takeUntilDestroyed(this._destroyRef))
             .subscribe((report) => {
             this.report.set(report);
-            // No URL state in this view: nothing is restored from the URL and
-            // nothing listens to urlChanges(), so its filters stay session-only.
+            // A report keeps no state in the URL: its filters live in the state
+            // service for as long as the report is open.
             this._filterState.init(report);
             this._buildReportConfig();
         });
@@ -17545,7 +16592,7 @@ class ReportComponent {
     // 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) {
-        for (const { groupId, value } of groupValuesFromQuery(query, this._reportGroups(), this.report())) {
+        for (const { groupId, value } of groupValuesFromQuery(query, this._reportGroups())) {
             this._filterState.setValue(groupId, value);
         }
         // Not a filter group — the grain is read straight off the query.
@@ -17595,7 +16642,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-UBg8Wlhd.mjs').then((module) => module.default) }),
+            provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-DHEH_K_q.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(),
@@ -17616,7 +16663,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-UBg8Wlhd.mjs').then((module) => module.default) }),
+                        provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-DHEH_K_q.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(),
@@ -19122,32 +18169,29 @@ class FsAiReportComponent {
     reportId = input(null);
     // API base for the reports + chat endpoints; override to mount elsewhere.
     basePath = input('reports');
-    // The query param that carries the open page's id. Deep linking is on by
-    // default; a host that mounts several reports on one route, or wants no URL
-    // writes at all, sets this to null to turn it off.
+    // 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.
     pageQueryParam = input('page');
-    // Whether the viewer's filters, group-by grain and list sorts live in the URL
-    // (region=, excludeRegion=, unitsMin=, groupBy, s<componentId>; see
-    // report-url-state.ts), so a refresh or a shared link opens the report as
-    // it was seen. On by default; a host that mounts several reports on one
-    // route, or keeps query keys of its own that a filter group's label or a
-    // tile key (s<n>) could take, turns it off.
-    urlState = input(true);
     // The report was deleted from its settings dialog — the host routes back to
     // the listing.
     deleted = output();
     // The report was renamed (settings, or the agent) — the host can refresh a
     // breadcrumb / document title.
     renamed = output();
-    // The viewer moved to another page. This view writes the URL itself (right
-    // after this fires) — this is for hosts that track the open page for their
-    // own reasons.
+    // The viewer moved to another page — for hosts that track the open page for
+    // their own reasons. Nothing is written to the URL.
     pageChanged = output();
     report = signal(null);
     editMode = signal(false);
-    // The page the canvas should open on, read from the URL 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.
+    // 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.
     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
@@ -19214,7 +18258,6 @@ class FsAiReportComponent {
     _canvas;
     _reportData = inject(ReportData);
     _reportAiChatData = inject(ReportAiChatData);
-    _router = inject(Router);
     _route = inject(ActivatedRoute);
     _filterState = inject(ReportFilterStateService);
     _filterOptions = inject(ReportFilterOptionsService);
@@ -19225,29 +18268,16 @@ class FsAiReportComponent {
     _dialog = inject(MatDialog);
     _destroyRef = inject(DestroyRef);
     _zone = inject(NgZone);
-    // The report whose URL state has been read. The URL is read only on a
-    // report's first load; a reload after a chat or dialog edit keeps the state
-    // in memory, which is newer than anything the URL holds.
-    _restoredReportId = null;
-    // Whether the canvas has reported the open page for this report. Until it
-    // has, the page param in the URL is the deep link still being honored, and
-    // the URL writer leaves it alone.
-    _pageReported = false;
-    // The canvas moved to another page. Merged into the single URL writer.
-    _pageWrite$ = new Subject();
+    // 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);
     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.
         this._reportAiChatData.turnData = () => ({ viewerState: this._chatViewerState() });
-        // The ONE writer of this view's query params. Page moves and viewer-state
-        // changes both funnel here, and auditTime(0) folds a burst (a bar re-sets
-        // every group it shows) into a single write. Every write carries the whole
-        // state, so a write that supersedes another loses nothing.
-        merge(this._filterState.urlChanges(), this._pageWrite$)
-            .pipe(auditTime(0), tap(() => this._writeUrl()), takeUntilDestroyed(this._destroyRef))
-            .subscribe();
         // Point the shared data gateway at the configured base first (before any
         // load below reads it).
         effect(() => {
@@ -19256,9 +18286,9 @@ class FsAiReportComponent {
         // (Re)load whenever the host switches the report id.
         effect(() => {
             const reportId = this.reportId();
-            // Seed the open page from the URL for this report. Read per load rather
-            // than once at construction: the host may swap reports on the same route,
-            // and each arrival carries its own ?page=.
+            // The page this report opens on, from the ?page= the URL already holds.
+            // Read per report rather than once at construction: the host may swap
+            // reports on the same route, and each arrival carries its own ?page=.
             const pageId = this._pageIdFromUrl();
             // Only the report id and the page param re-run this. The view state below
             // is written here and read by the config build, so it stays untracked.
@@ -19268,14 +18298,13 @@ class FsAiReportComponent {
                 // until its canvas says which page it landed on.
                 this.chatPageId.set(null);
                 this.pageId.set(pageId);
-                this._pageReported = false;
                 if (reportId != null) {
                     this._loadReport(reportId);
                 }
                 else {
-                    // Forget the restored report, so a host that comes back to it reads
-                    // the URL again.
-                    this._restoredReportId = null;
+                    // Forget the opened report, so a host that comes back to it opens
+                    // it again.
+                    this._openedReportId = null;
                     this.report.set(null);
                     this._buildReportConfig();
                 }
@@ -19322,18 +18351,21 @@ class FsAiReportComponent {
             return;
         }
         const reportId = report.id;
-        this._dialog.open(ReportSettingsComponent, {
+        const dialogRef = this._dialog.open(ReportSettingsComponent, {
             data: { report },
             width: '460px',
-        })
-            .afterClosed()
+        });
+        const settings = dialogRef.componentInstance;
+        dialogRef.afterClosed()
             .pipe(takeUntilDestroyed(this._destroyRef))
             .subscribe((result) => {
             if (result?.action === 'deleted') {
                 this.deleted.emit(reportId);
                 return;
             }
-            if (result?.action === 'saved') {
+            // A save that failed part way (a refused name) may still have stored
+            // the filters before it, so a dismissed dialog that wrote reloads too.
+            if (result?.action === 'saved' || settings.wrote()) {
                 this._loadReport(reportId, true);
             }
         });
@@ -19382,17 +18414,15 @@ class FsAiReportComponent {
             }
         });
     }
-    // The canvas moved to another page: reflect it in the URL so a refresh or a
-    // shared link comes back here (the write itself is _writeUrl's).
+    // 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.
     onCanvasPageChanged(pageId) {
-        // The deep link has been consumed; from here the canvas owns the page.
+        // The asked-for page has been consumed; from here the canvas owns the page.
         this.pageId.set(null);
         this.chatPageId.set(pageId);
-        this._pageReported = true;
         // The open page is part of the screen a view saves.
         this._filterState.setPage(pageId);
         this.pageChanged.emit(pageId);
-        this._pageWrite$.next();
         // The bar shows the page groups of the page on screen.
         if (hasPageGroup(this.report())) {
             this._buildReportConfig();
@@ -19513,8 +18543,8 @@ class FsAiReportComponent {
         const clamped = Math.min(0.8, Math.max(0.2, ratio));
         this._chatPanel.nativeElement.style.flexBasis = `${clamped * 100}%`;
     }
-    // The page id sitting in the URL right now, or null when deep linking is off
-    // or the value is not a usable id.
+    // 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.
     _pageIdFromUrl() {
         const param = this.pageQueryParam();
         if (!param) {
@@ -19523,34 +18553,6 @@ class FsAiReportComponent {
         const pageId = Number(this._route.snapshot.queryParamMap.get(param));
         return Number.isFinite(pageId) && pageId > 0 ? pageId : null;
     }
-    // Writes the open page and the viewer state into the URL in one go. Only
-    // the keys this view owns are touched ('merge'), and replaceUrl keeps the
-    // writes out of the browser history: Back leaves the report rather than
-    // walking every page and filter visited.
-    _writeUrl() {
-        const report = this.report();
-        // A report still on screen while the host's next one loads must not write
-        // its state over the new report's URL.
-        if (!report || report.id !== this.reportId()) {
-            return;
-        }
-        const queryParams = this.urlState()
-            ? this._urlParams(report)
-            : {};
-        const pageParam = this.pageQueryParam();
-        if (pageParam && this._pageReported) {
-            queryParams[pageParam] = this.chatPageId();
-        }
-        if (!Object.keys(queryParams).length) {
-            return;
-        }
-        this._router.navigate([], {
-            relativeTo: this._route,
-            queryParams,
-            queryParamsHandling: 'merge',
-            replaceUrl: true,
-        });
-    }
     _loadReport(reportId, emitRenamed = false) {
         this._reportData.get(reportId)
             .pipe(switchMap((report) => this._openReport(report).pipe(map(() => report))), takeUntilDestroyed(this._destroyRef))
@@ -19563,19 +18565,15 @@ class FsAiReportComponent {
             }
         });
     }
-    // Sets the viewer state up for a loaded report. The URL is read once per
-    // report, on its first load; every later load keeps the state in memory.
-    // A server that keeps saved views opens the report in the view service's
-    // order (a link, else the viewer's default view, else the defaults), which
-    // may wait for that view; any other reads the URL as it always did.
+    // 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._restoredReportId;
-        this._restoredReportId = report.id;
+        const firstLoad = report.id !== this._openedReportId;
+        this._openedReportId = report.id;
         if (!this._views.serves(report)) {
-            const restore = this.urlState() && firstLoad
-                ? readReportUrlParams(this._route.snapshot.queryParamMap, report.filterGroups ?? [])
-                : null;
-            this._filterState.init(report, restore);
+            this._filterState.init(report);
             return of(undefined);
         }
         if (!firstLoad) {
@@ -19583,21 +18581,11 @@ class FsAiReportComponent {
             this._views.refresh(report);
             return of(undefined);
         }
-        return this._views.open(report, this.urlState() ? this._route.snapshot.queryParams : {}, this.pageId());
-    }
-    // The query params of the screen: through the view service for a server
-    // that keeps saved views, else the link this viewer always wrote.
-    _urlParams(report) {
-        const current = this._route.snapshot.queryParamMap;
-        // A select's picks are written as value:name, with the names the bars
-        // have read.
-        const name = (groupId, value) => this._filterOptions.label(groupId, value);
-        return this._views.serves(report)
-            ? this._views.urlParams(current, name)
-            : buildReportUrlParams(this._filterState.urlSnapshot(report), current, report.filterGroups ?? [], name);
-    }
-    // Moves the canvas to the page an opened view put on screen (a page in a
-    // link already won inside apply()). A reset, or a reload, leaves the page.
+        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()) {
@@ -19639,10 +18627,8 @@ class FsAiReportComponent {
         }
         this._barVersion.set(this._filterState.stateVersion());
         this.reportFilterConfig.set({
-            // fs-filter never touches the URL or persists filter state: its keys are
-            // not namespaced, it writes outside the router, and it would freeze a
-            // rolling range as two dates. ReportFilterStateService owns the values,
-            // and _writeUrl is the one writer of the URL.
+            // 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,
@@ -19662,7 +18648,7 @@ class FsAiReportComponent {
     // 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) {
-        for (const { groupId, value } of groupValuesFromQuery(query, this._reportGroups(), this.report())) {
+        for (const { groupId, value } of groupValuesFromQuery(query, this._reportGroups())) {
             this._filterState.setValue(groupId, value);
         }
         // Not a filter group — the grain is read straight off the query.
@@ -19687,14 +18673,13 @@ class FsAiReportComponent {
         return matchFilterItem(this.report(), this._reportGroups(), this.chatPageId(), this._filterState.match());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FsAiReportComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: FsAiReportComponent, isStandalone: true, selector: "fs-ai-report", inputs: { reportId: { classPropertyName: "reportId", publicName: "reportId", isSignal: true, isRequired: false, transformFunction: null }, basePath: { classPropertyName: "basePath", publicName: "basePath", isSignal: true, isRequired: false, transformFunction: null }, pageQueryParam: { classPropertyName: "pageQueryParam", publicName: "pageQueryParam", isSignal: true, isRequired: false, transformFunction: null }, urlState: { classPropertyName: "urlState", publicName: "urlState", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { deleted: "deleted", renamed: "renamed", pageChanged: "pageChanged" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: FsAiReportComponent, isStandalone: true, selector: "fs-ai-report", inputs: { reportId: { classPropertyName: "reportId", publicName: "reportId", isSignal: true, isRequired: false, transformFunction: null }, basePath: { classPropertyName: "basePath", publicName: "basePath", isSignal: true, isRequired: false, transformFunction: null }, pageQueryParam: { classPropertyName: "pageQueryParam", publicName: "pageQueryParam", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { deleted: "deleted", renamed: "renamed", pageChanged: "pageChanged" }, providers: [
             // Session filter state is per-open-report, not app-global; the export
             // services resolve filters through it, so they live at the same level.
             ReportFilterStateService,
             // The bars' select lists, narrowed by the other filters; per open report.
             ReportFilterOptionsService,
-            // The report's saved views, the order it opens in and its link; per
-            // open report.
+            // The report's saved views and the order it opens in; per open report.
             ReportViewService,
             ReportExportCollectorService,
             ReportPptxService,
@@ -19706,7 +18691,7 @@ class FsAiReportComponent {
             ReportAiChatData,
             { provide: FsAiChatData, useExisting: ReportAiChatData },
             // Tree-shaken ECharts core + the 'report' house theme, loaded lazily.
-            provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-UBg8Wlhd.mjs').then((module) => module.default) }),
+            provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-DHEH_K_q.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(),
@@ -19720,8 +18705,7 @@ 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, the order it opens in and its link; per
-                        // open report.
+                        // The report's saved views and the order it opens in; per open report.
                         ReportViewService,
                         ReportExportCollectorService,
                         ReportPptxService,
@@ -19733,7 +18717,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-UBg8Wlhd.mjs').then((module) => module.default) }),
+                        provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-DHEH_K_q.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(),
@@ -19771,4 +18755,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-B1keNrcK.mjs.map
+//# sourceMappingURL=firestitch-report-firestitch-report-ZcHTnNKq.mjs.map