@firestitch/report 18.0.17 → 18.0.19

package/fesm2022/{firestitch-report-firestitch-report-Dh8kteJk.mjs → firestitch-report-firestitch-report-_MCMM4XH.mjs}

@@ -27,7 +27,7 @@ import { FsZoomPanComponent, FsZoomPanModule } from '@firestitch/zoom-pan';
 import { FsApi, StreamEventType } from '@firestitch/api';
 import * as i1$1 from '@angular/material/menu';
 import { MatMenuModule } from '@angular/material/menu';
-import { format, startOfYear, startOfQuarter, startOfMonth, subMonths, subDays, parseISO, isValid } from 'date-fns';
+import { format, startOfYear, startOfQuarter, startOfMonth, subMonths, subDays, subWeeks, startOfWeek, endOfWeek, parseISO, isValid } from 'date-fns';
 import { DatePipe } from '@angular/common';
 import * as i1 from '@firestitch/list';
 import { PaginationStrategy, FsListComponent, FsListModule } from '@firestitch/list';
@@ -116,12 +116,22 @@ class ReportData {
             ...config,
         });
     }
+    // Soft-delete: the report leaves the listing but keeps its pages and
+    // components, so undelete() brings back the same document.
     delete(reportId, config = {}) {
         return this._api.delete(this._path(`${reportId}`), {}, {
             key: 'report',
             ...config,
         });
     }
+    // Restore a soft-deleted report through its own action endpoint — the report
+    // PUT does not accept `state`.
+    undelete(reportId, config = {}) {
+        return this._api.post(this._path(`${reportId}/undelete`), {}, {
+            key: 'report',
+            ...config,
+        });
+    }
     // The assembled structure: pages → components (+ their filters) and the
     // report's filter groups.
     get(reportId, config = {}) {
@@ -619,6 +629,21 @@ class ReportFilterStateService {
     _relativeRange(relative) {
         const now = new Date();
         switch (relative) {
+            // A calendar week, Sunday to Saturday, in whole days — not the rolling
+            // seven days `last7Days` gives, which never lines up with the week a
+            // partner has already been sent. `lastWeek` is the one a weekly report
+            // wants: it ends at endOfWeek rather than at `now`, because the week it
+            // names has closed. `thisWeek` follows every other preset here and runs
+            // up to now, so it is deliberately a part-finished week.
+            case 'thisWeek':
+                return { start: startOfWeek(now, { weekStartsOn: 0 }), end: now };
+            case 'lastWeek': {
+                const previous = subWeeks(now, 1);
+                return {
+                    start: startOfWeek(previous, { weekStartsOn: 0 }),
+                    end: endOfWeek(previous, { weekStartsOn: 0 }),
+                };
+            }
             case 'last7Days':
                 return { start: subDays(now, 7), end: now };
             case 'last30Days':
@@ -983,9 +1008,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
             }] } });
 
 // Measure-value formatting shared by the KPI renderer and the exports — the
-// config's `format` (number | percent | currency) means the same thing on
-// screen, in PowerPoint and in PDF.
-function formatMeasureValue(value, format) {
+// config's `format` (number | percent | currency) and `precision` mean the same
+// thing on screen, in PowerPoint and in PDF.
+// A bare `new Intl.NumberFormat()` defaults to maximumFractionDigits: 3, which
+// is why an unconfigured percentage reads 38.298%. When the measure names a
+// precision it is pinned as BOTH the minimum and the maximum, so a column of
+// rates lines up instead of each value showing however many decimals it happens
+// to need. Undefined leaves the locale default alone, so a report authored
+// before precision existed renders exactly as it did.
+function getFractionDigits(precision) {
+    return Number.isFinite(precision)
+        ? { minimumFractionDigits: precision, maximumFractionDigits: precision }
+        : {};
+}
+function formatMeasureValue(value, format, precision) {
     if (value === null || value === undefined || value === '') {
         return '—';
     }
@@ -993,17 +1029,21 @@ function formatMeasureValue(value, format) {
     if (!Number.isFinite(numeric)) {
         return String(value);
     }
+    const fractionDigits = getFractionDigits(precision);
     switch (format) {
         case 'percent':
-            return `${new Intl.NumberFormat().format(numeric)}%`;
+            return `${new Intl.NumberFormat(undefined, fractionDigits).format(numeric)}%`;
         case 'currency':
             return new Intl.NumberFormat(undefined, {
                 style: 'currency',
                 currency: 'USD',
+                // Whole dollars unless the measure asks for decimals — cents were
+                // unrepresentable before, because this was hardcoded to 0.
                 maximumFractionDigits: 0,
+                ...fractionDigits,
             }).format(numeric);
         default:
-            return new Intl.NumberFormat().format(numeric);
+            return new Intl.NumberFormat(undefined, fractionDigits).format(numeric);
     }
 }
 
@@ -1023,7 +1063,7 @@ class ComponentKpiComponent {
             return;
         }
         const column = config.measure?.column ?? Object.keys(row)[0];
-        this.value = formatMeasureValue(row[column], config.measure?.format);
+        this.value = formatMeasureValue(row[column], config.measure?.format, config.measure?.precision);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ComponentKpiComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ComponentKpiComponent, isStandalone: true, selector: "app-report-component-kpi", inputs: { component: "component", data: "data" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"kpi\">\n  <div class=\"kpi-value\">{{ value }}</div>\n  @if (label) {\n    <div class=\"kpi-label\">{{ label }}</div>\n  }\n</div>\n", styles: [":host{display:block;width:100%;height:100%}.kpi{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.kpi .kpi-value{font-size:34px;font-weight:600;color:#1f2933;line-height:1}.kpi .kpi-label{font-size:12px;color:#7b8794}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -2488,6 +2528,13 @@ const FREQUENCY_OPTIONS = [
     { value: 'quarter', name: 'Quarter' },
     { value: 'year', name: 'Annually' },
 ];
+// Reports are soft-deletable: a deleted report leaves the listing but keeps its
+// pages and components, and the listing's "Show Deleted" mode restores it.
+var ReportState;
+(function (ReportState) {
+    ReportState["Active"] = "active";
+    ReportState["Deleted"] = "deleted";
+})(ReportState || (ReportState = {}));
 
 // Rows fetched for a list component's export table — enough to fill a
 // slide/page table; the cap note covers the rest.
@@ -2509,8 +2556,10 @@ class ReportExportCollectorService {
             }
         });
         const all$ = requests.length ? forkJoin(requests) : of([]);
-        return all$
-            .pipe(map$1((collected) => {
+        // The summary rides alongside the component data rather than being built at
+        // the end, because naming a select filter's values is itself a request.
+        return forkJoin({ collected: all$, filterSummary: this._filterSummary(report) })
+            .pipe(map$1(({ collected, filterSummary }) => {
             const pages = report.pages.map((page) => ({ page, components: [] }));
             collected.forEach((item, index) => {
                 pages[slots[index].pageIndex].components.push(item);
@@ -2518,7 +2567,7 @@ class ReportExportCollectorService {
             return {
                 report,
                 pages,
-                filterSummary: this._filterSummary(report),
+                filterSummary,
             };
         }));
     }
@@ -2534,8 +2583,12 @@ class ReportExportCollectorService {
         return this._reportData.componentData(report.id, component.id, filters, state)
             .pipe(map$1((data) => ({ component, data })), catchError(() => of({ component, data: null })));
     }
-    // "Report Period: Jun 12, 2025 – Jun 12, 2026", "Organization: A, B" — one
-    // line per filter group that has an active session value.
+    // "Report Period: Jun 12, 2025 – Jun 12, 2026", "Organization: Alnylam - AHP,
+    // Alnylam - PH1" — one line per filter group that has an active session value.
+    //
+    // A select group stores ids, so its line has to be named off the option list
+    // before it can be printed; a date or keyword group already holds its own
+    // display value and resolves synchronously.
     _filterSummary(report) {
         const lines = [];
         for (const group of report.filterGroups ?? []) {
@@ -2545,21 +2598,34 @@ class ReportExportCollectorService {
             }
             const label = group.label || 'Filter';
             if (value.start || value.end) {
-                lines.push(`${label}: ${this._date(value.start)} – ${this._date(value.end)}`);
+                lines.push(of(`${label}: ${this._date(value.start)} – ${this._date(value.end)}`));
             }
             else if (value.values?.length) {
-                lines.push(`${label}: ${value.values.map((item) => String(item)).join(', ')}`);
+                lines.push(this._selectLine(label, group, report.id, value.values));
             }
             else if (value.value?.trim()) {
-                lines.push(`${label}: "${value.value.trim()}"`);
+                lines.push(of(`${label}: "${value.value.trim()}"`));
             }
         }
         const frequency = this._filterState.frequency();
         if (frequency) {
             const option = FREQUENCY_OPTIONS.find((item) => item.value === frequency);
-            lines.push(`Frequency: ${option?.name ?? frequency}`);
+            lines.push(of(`Frequency: ${option?.name ?? frequency}`));
         }
-        return lines;
+        return lines.length ? forkJoin(lines) : of([]);
+    }
+    // One select group's line, with its stored ids resolved to the same names the
+    // on-screen chips show — a cover reading "Organization: 8774, 8777" tells the
+    // client nothing about what the report covers.
+    //
+    // Uses the report bar's own loader and resolver so the two can't drift, which
+    // also means a value whose entity was deleted keeps showing its raw id rather
+    // than dropping off the cover and silently understating the filter. A failed
+    // option fetch degrades the whole line to ids for the same reason: an export
+    // must never fail on a cosmetic lookup.
+    _selectLine(label, group, reportId, values) {
+        return resolveOptionValues(loadGroupOptions(group, this._reportData, reportId), values)
+            .pipe(map$1((resolved) => `${label}: ${resolved.map((item) => item.name).join(', ')}`), catchError(() => of(`${label}: ${values.map((item) => String(item)).join(', ')}`)));
     }
     _date(value) {
         if (!value) {
@@ -2582,7 +2648,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
 // complete synchronously after setOption.
 async function renderChartImage(component, data, width, height, pixelRatio = 3) {
     // The same tree-shaken echarts build + 'report' theme the live canvas uses.
-    const echarts = (await import('./firestitch-report-echarts-F254vpF1.mjs')).default;
+    const echarts = (await import('./firestitch-report-echarts-CfwgLaOA.mjs')).default;
     const host = document.createElement('div');
     host.style.width = `${width}px`;
     host.style.height = `${height}px`;
@@ -2721,7 +2787,7 @@ class ReportPdfService {
         const config = component.config;
         const row = data.rows[0] ?? {};
         const column = config.measure?.column ?? Object.keys(row)[0];
-        const value = formatMeasureValue(row[column], config.measure?.format);
+        const value = formatMeasureValue(row[column], config.measure?.format, config.measure?.precision);
         doc.setFont('helvetica', 'bold');
         doc.setFontSize(26);
         doc.setTextColor('#1f2933');
@@ -2733,6 +2799,10 @@ class ReportPdfService {
             doc.text(config.measure.label, x + w / 2, y + h / 2 + 16, { align: 'center' });
         }
     }
+    // The exported cell must read like the on-screen cell: the SQL already
+    // carries the formatting, so the value goes out verbatim. A raw date is the
+    // one value the client renders (the column stays a RAW timestamp for the
+    // report timezone), and it is rendered here too.
     _cell(value, columnFormat) {
         if (value === null || value === undefined) {
             return '';
@@ -2741,9 +2811,6 @@ class ReportPdfService {
             const date = new Date(String(value));
             return Number.isNaN(date.getTime()) ? String(value) : format(date, 'MMM d, yyyy');
         }
-        if (columnFormat === 'number') {
-            return formatMeasureValue(value, 'number');
-        }
         return String(value);
     }
     _slug(name) {
@@ -2950,7 +3017,7 @@ class ReportPptxService {
         const config = component.config;
         const row = data.rows[0] ?? {};
         const column = config.measure?.column ?? Object.keys(row)[0];
-        const value = formatMeasureValue(row[column], config.measure?.format);
+        const value = formatMeasureValue(row[column], config.measure?.format, config.measure?.precision);
         slide.addText([
             { text: value, options: { fontSize: 28, bold: true, color: '1F2933', breakLine: true } },
             { text: config.measure?.label ?? '', options: { fontSize: 10, color: '7B8794' } },
@@ -2960,6 +3027,10 @@ class ReportPptxService {
             valign: 'middle',
         });
     }
+    // The exported cell must read like the on-screen cell: the SQL already
+    // carries the formatting, so the value goes out verbatim. A raw date is the
+    // one value the client renders (the column stays a RAW timestamp for the
+    // report timezone), and it is rendered here too.
     _cell(value, columnFormat) {
         if (value === null || value === undefined) {
             return '';
@@ -2968,9 +3039,6 @@ class ReportPptxService {
             const date = new Date(String(value));
             return Number.isNaN(date.getTime()) ? String(value) : format(date, 'MMM d, yyyy');
         }
-        if (columnFormat === 'number') {
-            return formatMeasureValue(value, 'number');
-        }
         return String(value);
     }
     _slug(name) {
@@ -3326,8 +3394,8 @@ class ReportComponent {
             ReportPdfService,
             // Tree-shaken ECharts core + the 'report' house theme, loaded lazily with
             // this route's chunk.
-            provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-F254vpF1.mjs').then((module) => module.default) }),
-        ], viewQueries: [{ propertyName: "_split", first: true, predicate: ["split"], descendants: true, static: true }, { propertyName: "_chatPanel", first: true, predicate: ["chatPanel"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div\n    #split\n    class=\"report fs-row.align-start\">\n  <fs-ai-chat\n    #chatPanel\n    class=\"chat\"\n    style=\"min-height: 500px;\"\n    basePath=\"reports\"\n    [requestData]=\"{ reportId: selected?.id ?? null }\"\n    [introMessage]=\"introMessage\"\n    (response)=\"onChatResponse($event)\">\n  </fs-ai-chat>\n  <div\n    class=\"resizer\"\n    (pointerdown)=\"onResizeStart($event)\">\n  </div>\n  <div class=\"viewer fs-flex fs-column\">\n    <div class=\"fs-row.align-center.gap-sm\">\n      <fs-autocomplete-chips\n          class=\"fs-flex\"\n          [fetch]=\"fetchReports\"\n          [(ngModel)]=\"selected\"\n          [disabled]=\"loadingReports\"\n          [padless]=\"true\"\n          [multiple]=\"false\"\n          [fetchOnFocus]=\"true\"\n          (ngModelChange)=\"reportChange($event)\"\n          placeholder=\"Report\"\n          name=\"report\">\n        <ng-template\n            fsAutocompleteChipsTemplate\n            let-object=\"object\">\n          {{ object.name }}\n        </ng-template>\n        <ng-template\n            fsAutocompleteChipsStatic\n            (click)=\"createReport()\">\n          Create Report\n        </ng-template>\n      </fs-autocomplete-chips>\n      @if (report) {\n        <fs-menu>\n          <ng-template\n              fs-menu-item\n              (click)=\"reportSettings()\">\n            <mat-icon>\n              tune\n            </mat-icon>\n            Report settings\n          </ng-template>\n          <ng-template\n              fs-menu-item\n              (click)=\"toggleEditMode()\"\n              [disabled]=\"editMode\">\n            <mat-icon>\n              dashboard_2_edit\n            </mat-icon>\n            {{ editMode ? 'Done editing layout' : 'Edit layout' }}\n          </ng-template>\n          <ng-template\n              fs-menu-item\n              (click)=\"exportPowerpoint()\">\n            <mat-icon>\n              slideshow\n            </mat-icon>\n            Export PowerPoint\n          </ng-template>\n          <ng-template\n              fs-menu-item\n              (click)=\"exportPdf()\">\n            <mat-icon>\n              picture_as_pdf\n            </mat-icon>\n            Export PDF\n          </ng-template>\n        </fs-menu>\n      }\n    </div>\n    @if (report) {\n      <!-- Report-level filters only (the report's actions live in the menu\n           above). fs-filter reads its config once at init, so it's keyed on the\n           filter signature: when the report-level filter set changes the block\n           is recreated and re-reads the rebuilt config. -->\n      @if (reportHasFilters) {\n        @for (key of [reportFilterKey]; track key) {\n          <fs-filter [config]=\"reportFilterConfig\"></fs-filter>\n        }\n      }\n      <app-report-canvas\n        [report]=\"report\"\n        [editMode]=\"editMode\"\n        (componentSettings)=\"componentSettings($event)\"\n        (reportChanged)=\"onCanvasReportChanged()\"\n        (editDone)=\"toggleEditMode()\">\n      </app-report-canvas>\n    }\n  </div>\n</div>", styles: [".report{height:100%;min-height:500px}.report .chat{display:block;flex:0 0 25%;width:100%;height:100%;min-height:500px;min-width:0;border:none}.report .viewer{display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden}.report .viewer fs-filter{flex:0 0 auto;margin-top:10px;margin-bottom:0}.report .viewer ::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none}.report .resizer{flex:0 0 11px;align-self:stretch;display:flex;justify-content:center;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none}.report .resizer:before{content:\"\";width:0px;background:#0000001f;transition:width .12s ease,background-color .12s ease}.report .resizer:hover:before{width:3px;background:var(--brand-primary-color)}.report.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.report.resizing .resizer:before{width:3px;background:var(--brand-primary-color)}.report.resizing .chat,.report.resizing .viewer{pointer-events:none}::ng-deep body.body-report-reports .mat-mdc-card-content{display:flex;flex-direction:column;box-sizing:border-box}::ng-deep body.body-report-reports .mat-mdc-card-content mat-tab-nav-panel{flex:1;min-height:0}::ng-deep body.body-report-reports .mat-mdc-card-content mat-tab-nav-panel router-outlet+ng-component{height:100%}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: "directive", type: i2$2.FsAutocompleteChipsStaticDirective, selector: "[fsAutocompleteChipsStatic]", inputs: ["show", "disable"], outputs: ["click", "selected"] }, { kind: "ngmodule", type: FsFilterModule }, { kind: "component", type: i2.FilterComponent, selector: "fs-filter", inputs: ["config"], outputs: ["closed", "opened", "ready"] }, { kind: "ngmodule", type: FsMenuModule }, { kind: "component", type: i2$3.FsMenuComponent, selector: "fs-menu", inputs: ["class", "buttonClass", "buttonType", "buttonColor"], outputs: ["opened", "closed"] }, { kind: "directive", type: i2$3.FsMenuItemDirective, selector: "fs-menu-group,[fs-menu-item]" }, { kind: "component", type: FsAiChatComponent, selector: "fs-ai-chat", inputs: ["basePath", "requestData", "introMessage"], outputs: ["response"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ReportCanvasComponent, selector: "app-report-canvas", inputs: ["report", "editMode"], outputs: ["componentSettings", "reportChanged", "editDone"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+            provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-CfwgLaOA.mjs').then((module) => module.default) }),
+        ], viewQueries: [{ propertyName: "_split", first: true, predicate: ["split"], descendants: true, static: true }, { propertyName: "_chatPanel", first: true, predicate: ["chatPanel"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div\n    #split\n    class=\"report fs-row.align-start\">\n  <fs-ai-chat\n    #chatPanel\n    class=\"chat\"\n    style=\"min-height: 500px;\"\n    basePath=\"reports\"\n    [requestData]=\"{ reportId: selected?.id ?? null }\"\n    [introMessage]=\"introMessage\"\n    (response)=\"onChatResponse($event)\">\n  </fs-ai-chat>\n  <div\n    class=\"resizer\"\n    (pointerdown)=\"onResizeStart($event)\">\n  </div>\n  <div class=\"viewer fs-flex fs-column\">\n    <div class=\"fs-row.align-center.gap-sm\">\n      <fs-autocomplete-chips\n          class=\"fs-flex\"\n          [fetch]=\"fetchReports\"\n          [(ngModel)]=\"selected\"\n          [disabled]=\"loadingReports\"\n          [padless]=\"true\"\n          [multiple]=\"false\"\n          [fetchOnFocus]=\"true\"\n          (ngModelChange)=\"reportChange($event)\"\n          placeholder=\"Report\"\n          name=\"report\">\n        <ng-template\n            fsAutocompleteChipsTemplate\n            let-object=\"object\">\n          {{ object.name }}\n        </ng-template>\n        <ng-template\n            fsAutocompleteChipsStatic\n            (click)=\"createReport()\">\n          Create Report\n        </ng-template>\n      </fs-autocomplete-chips>\n      @if (report) {\n        <fs-menu>\n          <ng-template\n              fs-menu-item\n              (click)=\"reportSettings()\">\n            <mat-icon>\n              tune\n            </mat-icon>\n            Report settings\n          </ng-template>\n          <ng-template\n              fs-menu-item\n              (click)=\"toggleEditMode()\"\n              [disabled]=\"editMode\">\n            <mat-icon>\n              dashboard_2_edit\n            </mat-icon>\n            {{ editMode ? 'Done editing layout' : 'Edit layout' }}\n          </ng-template>\n          <ng-template\n              fs-menu-item\n              (click)=\"exportPowerpoint()\">\n            <mat-icon>\n              slideshow\n            </mat-icon>\n            Export PowerPoint\n          </ng-template>\n          <ng-template\n              fs-menu-item\n              (click)=\"exportPdf()\">\n            <mat-icon>\n              picture_as_pdf\n            </mat-icon>\n            Export PDF\n          </ng-template>\n        </fs-menu>\n      }\n    </div>\n    @if (report) {\n      <!-- Report-level filters only (the report's actions live in the menu\n           above). fs-filter reads its config once at init, so it's keyed on the\n           filter signature: when the report-level filter set changes the block\n           is recreated and re-reads the rebuilt config. -->\n      @if (reportHasFilters) {\n        @for (key of [reportFilterKey]; track key) {\n          <fs-filter [config]=\"reportFilterConfig\"></fs-filter>\n        }\n      }\n      <app-report-canvas\n        [report]=\"report\"\n        [editMode]=\"editMode\"\n        (componentSettings)=\"componentSettings($event)\"\n        (reportChanged)=\"onCanvasReportChanged()\"\n        (editDone)=\"toggleEditMode()\">\n      </app-report-canvas>\n    }\n  </div>\n</div>", styles: [".report{height:100%;min-height:500px}.report .chat{display:block;flex:0 0 25%;width:100%;height:100%;min-height:500px;min-width:0;border:none}.report .viewer{display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden}.report .viewer fs-filter{flex:0 0 auto;margin-top:10px;margin-bottom:0}.report .viewer ::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none}.report .resizer{flex:0 0 11px;align-self:stretch;display:flex;justify-content:center;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none}.report .resizer:before{content:\"\";width:0px;background:#0000001f;transition:width .12s ease,background-color .12s ease}.report .resizer:hover:before{width:3px;background:var(--brand-primary-color)}.report.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.report.resizing .resizer:before{width:3px;background:var(--brand-primary-color)}.report.resizing .chat,.report.resizing .viewer{pointer-events:none}::ng-deep body.body-report-reports .mat-mdc-card-content{display:flex;flex-direction:column;box-sizing:border-box}::ng-deep body.body-report-reports .mat-mdc-card-content mat-tab-nav-panel{flex:1;min-height:0}::ng-deep body.body-report-reports .mat-mdc-card-content mat-tab-nav-panel router-outlet+ng-component{height:100%}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { 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: "directive", type: i2$2.FsAutocompleteChipsStaticDirective, selector: "[fsAutocompleteChipsStatic]", inputs: ["show", "disable"], outputs: ["click", "selected"] }, { kind: "ngmodule", type: FsFilterModule }, { kind: "component", type: i2.FilterComponent, selector: "fs-filter", inputs: ["config"], outputs: ["closed", "opened", "ready"] }, { kind: "ngmodule", type: FsMenuModule }, { kind: "component", type: i2$3.FsMenuComponent, selector: "fs-menu", inputs: ["class", "buttonClass", "buttonType", "buttonColor"], outputs: ["opened", "closed"] }, { kind: "directive", type: i2$3.FsMenuItemDirective, selector: "fs-menu-group,[fs-menu-item]" }, { kind: "component", type: FsAiChatComponent, selector: "fs-ai-chat", inputs: ["basePath", "requestData", "introMessage", "showThinking"], outputs: ["response", "showThinkingChange"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ReportCanvasComponent, selector: "app-report-canvas", inputs: ["report", "editMode"], outputs: ["componentSettings", "reportChanged", "editDone"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ReportComponent, decorators: [{
             type: Component,
@@ -3340,7 +3408,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         ReportPdfService,
                         // Tree-shaken ECharts core + the 'report' house theme, loaded lazily with
                         // this route's chunk.
-                        provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-F254vpF1.mjs').then((module) => module.default) }),
+                        provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-CfwgLaOA.mjs').then((module) => module.default) }),
                     ], imports: [
                         FormsModule,
                         FsAutocompleteChipsModule,
@@ -3548,6 +3616,10 @@ class SemanticDatabaseComponent {
         K: 'Stopped',
         F: 'Failed',
     };
+    // The streamed frames that carry a line for the feed: progress, and the final
+    // frame the backend sends when a run ends badly. Without the error kind the
+    // feed stops on the last progress line and never says what went wrong.
+    static LOG_KINDS = ['log', 'error'];
     // A row that is still owed content says so; a built one says nothing. On a
     // finished build every stage is done on every row, so chipping them all was
     // noise that buried the one row that mattered.
@@ -3687,7 +3759,7 @@ class SemanticDatabaseComponent {
         // A hard stream/transport failure (the build couldn't even start)
         // finalizes here — completed$ won't fire in that case.
         tap({ error: (error) => this._finalizeBuild(error) }), filter((event) => event?.type === StreamEventType.Data
-            && event.data?.kind === 'log'
+            && SemanticDatabaseComponent.LOG_KINDS.includes(event.data?.kind)
             && typeof event.data.line === 'string'), map((event) => event.data.line));
         this._process
             .run('Semantic database build', target$)
@@ -3699,9 +3771,10 @@ class SemanticDatabaseComponent {
      * Wrap up one build run exactly once. On a hard stream error, surface the
      * actual server-side reason pulled off the broken stream — the generic
      * "could not run" line only when the failure carried no server text at all;
-     * otherwise refresh the status and announce how the build actually ended — a
-     * build that failed (e.g. the AI couldn't be reached) reports 'Failed' with
-     * a reason, and that must surface instead of the run silently doing nothing.
+     * otherwise refresh the status and announce how the build actually ended. A
+     * failed build always names its reason on the row (the backend records one for
+     * every way a run can die, fatals included), and that reason must surface
+     * instead of the run silently doing nothing.
      */
     _finalizeBuild(streamError) {
         if (this._buildFinalized) {
@@ -3713,7 +3786,7 @@ class SemanticDatabaseComponent {
             const detail = this._streamErrorDetail(streamError);
             this._message.error(detail
                 ? `The semantic database build failed — ${detail}`
-                : 'The semantic database build could not run — check the AI connection and try again.');
+                : 'The semantic database build could not run — the connection to the server was lost.');
             this._refreshStatus();
             return;
         }
@@ -3983,6 +4056,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
 // title, creates the report, then routes to it. The header gear opens the
 // global Report Settings dialog (AI knowledge document + semantic-database
 // build), which lives in this package. No routing is hard-coded here.
+//
+// Reports are soft-deletable: the row kebab deletes, "Show Deleted" flips the
+// list into deleted mode (the backend hides deleted reports otherwise), and in
+// that mode fs-list swaps Delete for Restore, which calls the undelete action
+// endpoint.
 class FsAiReportsComponent {
     // API base for the reports endpoints; override to mount elsewhere.
     basePath = input('reports');
@@ -3993,6 +4071,9 @@ class FsAiReportsComponent {
     createPattern = input(':id');
     list = null;
     listConfig;
+    // Template-side handle on the enum, so the name cell can tell a deleted row
+    // (shown in Show Deleted mode) from a live one.
+    deletedState = ReportState.Deleted;
     _reportData = inject(ReportData);
     _router = inject(Router);
     _route = inject(ActivatedRoute);
@@ -4067,6 +4148,28 @@ class FsAiReportsComponent {
                     click: () => this.createReport(),
                 },
             ],
+            rowActions: [
+                {
+                    click: (report) => this._reportData.delete(report.id),
+                    remove: {
+                        title: 'Confirm',
+                        template: 'Are you sure you would like to delete this report?',
+                    },
+                    menu: true,
+                    label: 'Delete',
+                },
+            ],
+            // `filter: true` makes fs-list render the Show Deleted toggle and send
+            // `query` with the fetch; in that mode it also swaps the row's Delete
+            // action for Restore.
+            restore: {
+                query: { state: ReportState.Deleted },
+                filter: true,
+                filterLabel: 'Show Deleted',
+                menuLabel: 'Restore',
+                reload: true,
+                click: (report) => this._reportData.undelete(report.id),
+            },
             fetch: (query) => {
                 return this._reportData.reports(query)
                     .pipe(map((reports) => ({ data: reports ?? [] })));
@@ -4074,7 +4177,7 @@ class FsAiReportsComponent {
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FsAiReportsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.14", type: FsAiReportsComponent, isStandalone: true, selector: "fs-ai-reports", inputs: { basePath: { classPropertyName: "basePath", publicName: "basePath", isSignal: true, isRequired: false, transformFunction: null }, openPattern: { classPropertyName: "openPattern", publicName: "openPattern", isSignal: true, isRequired: false, transformFunction: null }, createPattern: { classPropertyName: "createPattern", publicName: "createPattern", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "list", first: true, predicate: FsListComponent, descendants: true }], ngImport: i0, template: "<fs-list\n    [config]=\"listConfig\"\n    #list>\n\n  <fs-list-column title=\"Name\">\n    <ng-template\n        fs-list-cell\n        let-row=\"row\">\n      <a [routerLink]=\"openLink(row)\">{{ row.name }}</a>\n    </ng-template>\n  </fs-list-column>\n\n  <fs-list-column title=\"Modified\">\n    <ng-template\n        fs-list-cell\n        let-row=\"row\">\n      <fs-date [date]=\"row.modifyDate\"></fs-date>\n    </ng-template>\n  </fs-list-column>\n\n</fs-list>\n", styles: ["a{cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: FsDateModule }, { kind: "component", type: i2$4.FsDateComponent, selector: "fs-date", inputs: ["date", "format", "timezone"] }, { kind: "ngmodule", type: FsListModule }, { kind: "component", type: i1.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines", "cellRowType"], outputs: ["filtersReady"] }, { kind: "directive", type: i1.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customizable", "sortable", "sortableDefault", "sortableDirection", "direction", "align", "width", "class"] }, { kind: "directive", type: i1.FsListCellDirective, selector: "[fs-list-cell],[fsListCell]", inputs: ["colspan", "align", "class", "fsListCell", "configTyping"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: FsAiReportsComponent, isStandalone: true, selector: "fs-ai-reports", inputs: { basePath: { classPropertyName: "basePath", publicName: "basePath", isSignal: true, isRequired: false, transformFunction: null }, openPattern: { classPropertyName: "openPattern", publicName: "openPattern", isSignal: true, isRequired: false, transformFunction: null }, createPattern: { classPropertyName: "createPattern", publicName: "createPattern", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "list", first: true, predicate: FsListComponent, descendants: true }], ngImport: i0, template: "<fs-list\n    [config]=\"listConfig\"\n    #list>\n\n  <fs-list-column title=\"Name\">\n    <ng-template\n        fs-list-cell\n        let-row=\"row\">\n      <!-- A deleted report can't be opened (the backend only assembles active\n           ones), so in Show Deleted mode the name is plain text \u2014 restore it\n           from the row menu first. -->\n      @if (row.state === deletedState) {\n        {{ row.name }}\n      } @else {\n        <a [routerLink]=\"openLink(row)\">{{ row.name }}</a>\n      }\n    </ng-template>\n  </fs-list-column>\n\n  <fs-list-column title=\"Modified\">\n    <ng-template\n        fs-list-cell\n        let-row=\"row\">\n      <fs-date [date]=\"row.modifyDate\"></fs-date>\n    </ng-template>\n  </fs-list-column>\n\n</fs-list>\n", styles: ["a{cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: FsDateModule }, { kind: "component", type: i2$4.FsDateComponent, selector: "fs-date", inputs: ["date", "format", "timezone"] }, { kind: "ngmodule", type: FsListModule }, { kind: "component", type: i1.FsListComponent, selector: "fs-list", inputs: ["config", "loaderLines", "cellRowType"], outputs: ["filtersReady"] }, { kind: "directive", type: i1.FsListColumnDirective, selector: "fs-list-column", inputs: ["show", "title", "name", "customizable", "sortable", "sortableDefault", "sortableDirection", "direction", "align", "width", "class"] }, { kind: "directive", type: i1.FsListCellDirective, selector: "[fs-list-cell],[fsListCell]", inputs: ["colspan", "align", "class", "fsListCell", "configTyping"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FsAiReportsComponent, decorators: [{
             type: Component,
@@ -4082,7 +4185,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         FsDateModule,
                         FsListModule,
                         RouterLink,
-                    ], template: "<fs-list\n    [config]=\"listConfig\"\n    #list>\n\n  <fs-list-column title=\"Name\">\n    <ng-template\n        fs-list-cell\n        let-row=\"row\">\n      <a [routerLink]=\"openLink(row)\">{{ row.name }}</a>\n    </ng-template>\n  </fs-list-column>\n\n  <fs-list-column title=\"Modified\">\n    <ng-template\n        fs-list-cell\n        let-row=\"row\">\n      <fs-date [date]=\"row.modifyDate\"></fs-date>\n    </ng-template>\n  </fs-list-column>\n\n</fs-list>\n", styles: ["a{cursor:pointer}\n"] }]
+                    ], template: "<fs-list\n    [config]=\"listConfig\"\n    #list>\n\n  <fs-list-column title=\"Name\">\n    <ng-template\n        fs-list-cell\n        let-row=\"row\">\n      <!-- A deleted report can't be opened (the backend only assembles active\n           ones), so in Show Deleted mode the name is plain text \u2014 restore it\n           from the row menu first. -->\n      @if (row.state === deletedState) {\n        {{ row.name }}\n      } @else {\n        <a [routerLink]=\"openLink(row)\">{{ row.name }}</a>\n      }\n    </ng-template>\n  </fs-list-column>\n\n  <fs-list-column title=\"Modified\">\n    <ng-template\n        fs-list-cell\n        let-row=\"row\">\n      <fs-date [date]=\"row.modifyDate\"></fs-date>\n    </ng-template>\n  </fs-list-column>\n\n</fs-list>\n", styles: ["a{cursor:pointer}\n"] }]
         }], ctorParameters: () => [], propDecorators: { list: [{
                 type: ViewChild,
                 args: [FsListComponent]
@@ -4340,8 +4443,8 @@ class FsAiReportComponent {
             ReportPptxService,
             ReportPdfService,
             // Tree-shaken ECharts core + the 'report' house theme, loaded lazily.
-            provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-F254vpF1.mjs').then((module) => module.default) }),
-        ], viewQueries: [{ propertyName: "_split", first: true, predicate: ["split"], descendants: true, static: true }, { propertyName: "_chatPanel", first: true, predicate: ["chatPanel"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div class=\"fs-ai-report fs-column\">\n\n  <div class=\"fs-ai-report__header fs-row.align-center\">\n    <h2 class=\"fs-ai-report__title fs-flex\">{{ report?.name }}</h2>\n\n    @if (report) {\n      <!-- Report-level filters, inline with the toolbar actions. fs-filter\n           reads its config once at init, so it's keyed on the filter\n           signature: when the report-level filter set changes the block is\n           recreated and re-reads the rebuilt config. -->\n      @if (reportHasFilters) {\n        @for (key of [reportFilterKey]; track key) {\n          <fs-filter\n              class=\"fs-ai-report__filters\"\n              [config]=\"reportFilterConfig\">\n          </fs-filter>\n        }\n      }\n\n      <button\n          mat-icon-button\n          type=\"button\"\n          [matTooltip]=\"editMode ? 'Done' : 'Edit layout'\"\n          (click)=\"toggleEditMode()\">\n        <mat-icon>{{ editMode ? 'lock' : 'open_with' }}</mat-icon>\n      </button>\n\n      <button\n          mat-icon-button\n          type=\"button\"\n          matTooltip=\"Export\"\n          [fsMenuTriggerFor]=\"exportMenu\">\n        <mat-icon>download</mat-icon>\n      </button>\n      <fs-menu #exportMenu>\n        <ng-template\n            fs-menu-item\n            (click)=\"exportPowerpoint()\">\n          Export PowerPoint\n        </ng-template>\n        <ng-template\n            fs-menu-item\n            (click)=\"exportPdf()\">\n          Export PDF\n        </ng-template>\n      </fs-menu>\n\n      <button\n          mat-icon-button\n          type=\"button\"\n          matTooltip=\"Report settings\"\n          (click)=\"reportSettings()\">\n        <mat-icon>settings</mat-icon>\n      </button>\n    }\n  </div>\n\n  <div\n      #split\n      class=\"fs-ai-report__split fs-row.align-start\">\n    <fs-ai-chat\n        #chatPanel\n        class=\"chat\"\n        [basePath]=\"basePath()\"\n        [requestData]=\"{ reportId: reportId() }\"\n        (response)=\"onChatResponse($event)\">\n    </fs-ai-chat>\n\n    <div\n        class=\"resizer\"\n        (pointerdown)=\"onResizeStart($event)\">\n    </div>\n\n    <div class=\"viewer fs-flex fs-column\">\n      @if (report) {\n        <app-report-canvas\n            [report]=\"report\"\n            [editMode]=\"editMode\"\n            (componentSettings)=\"componentSettings($event)\"\n            (reportChanged)=\"onCanvasReportChanged()\"\n            (editDone)=\"toggleEditMode()\">\n        </app-report-canvas>\n      }\n    </div>\n  </div>\n</div>\n", styles: [".fs-ai-report{height:100%;min-height:500px;display:flex;flex-direction:column}.fs-ai-report__header{flex:0 0 auto;margin-bottom:10px}.fs-ai-report__title{margin:0;min-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fs-ai-report__filters{flex:0 1 auto;min-width:0;display:block;margin:0 5px 0 0}.fs-ai-report__filters ::ng-deep .filter-bar-container{align-items:center!important}.fs-ai-report__filters ::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none}.fs-ai-report__split{flex:1 1 auto;min-height:0}.fs-ai-report .chat{display:block;flex:0 0 25%;width:100%;height:100%;min-height:400px;min-width:0;border:none}.fs-ai-report .viewer{display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden}.fs-ai-report .resizer{flex:0 0 11px;align-self:stretch;display:flex;justify-content:center;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none}.fs-ai-report .resizer:before{content:\"\";width:3px;border-radius:3px;background:transparent;transition:background-color .12s ease}.fs-ai-report .resizer:hover:before{background:var(--brand-primary-color)}.fs-ai-report__split.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.fs-ai-report__split.resizing .resizer:before{background:var(--brand-primary-color)}.fs-ai-report__split.resizing .chat,.fs-ai-report__split.resizing .viewer{pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: FsFilterModule }, { kind: "component", type: i2.FilterComponent, selector: "fs-filter", inputs: ["config"], outputs: ["closed", "opened", "ready"] }, { kind: "ngmodule", type: FsMenuModule }, { kind: "component", type: i2$3.FsMenuComponent, selector: "fs-menu", inputs: ["class", "buttonClass", "buttonType", "buttonColor"], outputs: ["opened", "closed"] }, { kind: "directive", type: i2$3.FsMenuItemDirective, selector: "fs-menu-group,[fs-menu-item]" }, { kind: "directive", type: i2$3.FsMenuTriggerDirective, selector: "[fsMenuTriggerFor]", inputs: ["fsMenuTriggerFor"] }, { kind: "component", type: FsAiChatComponent, selector: "fs-ai-chat", inputs: ["basePath", "requestData", "introMessage"], outputs: ["response"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: ReportCanvasComponent, selector: "app-report-canvas", inputs: ["report", "editMode"], outputs: ["componentSettings", "reportChanged", "editDone"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+            provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-CfwgLaOA.mjs').then((module) => module.default) }),
+        ], viewQueries: [{ propertyName: "_split", first: true, predicate: ["split"], descendants: true, static: true }, { propertyName: "_chatPanel", first: true, predicate: ["chatPanel"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div class=\"fs-ai-report fs-column\">\n\n  <div class=\"fs-ai-report__header fs-row.align-center\">\n    <h2 class=\"fs-ai-report__title fs-flex\">{{ report?.name }}</h2>\n\n    @if (report) {\n      <!-- Report-level filters, inline with the toolbar actions. fs-filter\n           reads its config once at init, so it's keyed on the filter\n           signature: when the report-level filter set changes the block is\n           recreated and re-reads the rebuilt config. -->\n      @if (reportHasFilters) {\n        @for (key of [reportFilterKey]; track key) {\n          <fs-filter\n              class=\"fs-ai-report__filters\"\n              [config]=\"reportFilterConfig\">\n          </fs-filter>\n        }\n      }\n\n      <button\n          mat-icon-button\n          type=\"button\"\n          [matTooltip]=\"editMode ? 'Done' : 'Edit layout'\"\n          (click)=\"toggleEditMode()\">\n        <mat-icon>{{ editMode ? 'lock' : 'open_with' }}</mat-icon>\n      </button>\n\n      <button\n          mat-icon-button\n          type=\"button\"\n          matTooltip=\"Export\"\n          [fsMenuTriggerFor]=\"exportMenu\">\n        <mat-icon>download</mat-icon>\n      </button>\n      <fs-menu #exportMenu>\n        <ng-template\n            fs-menu-item\n            (click)=\"exportPowerpoint()\">\n          Export PowerPoint\n        </ng-template>\n        <ng-template\n            fs-menu-item\n            (click)=\"exportPdf()\">\n          Export PDF\n        </ng-template>\n      </fs-menu>\n\n      <button\n          mat-icon-button\n          type=\"button\"\n          matTooltip=\"Report settings\"\n          (click)=\"reportSettings()\">\n        <mat-icon>settings</mat-icon>\n      </button>\n    }\n  </div>\n\n  <div\n      #split\n      class=\"fs-ai-report__split fs-row.align-start\">\n    <fs-ai-chat\n        #chatPanel\n        class=\"chat\"\n        [basePath]=\"basePath()\"\n        [requestData]=\"{ reportId: reportId() }\"\n        (response)=\"onChatResponse($event)\">\n    </fs-ai-chat>\n\n    <div\n        class=\"resizer\"\n        (pointerdown)=\"onResizeStart($event)\">\n    </div>\n\n    <div class=\"viewer fs-flex fs-column\">\n      @if (report) {\n        <app-report-canvas\n            [report]=\"report\"\n            [editMode]=\"editMode\"\n            (componentSettings)=\"componentSettings($event)\"\n            (reportChanged)=\"onCanvasReportChanged()\"\n            (editDone)=\"toggleEditMode()\">\n        </app-report-canvas>\n      }\n    </div>\n  </div>\n</div>\n", styles: [".fs-ai-report{height:100%;min-height:500px;display:flex;flex-direction:column}.fs-ai-report__header{flex:0 0 auto;margin-bottom:10px}.fs-ai-report__title{margin:0;min-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fs-ai-report__filters{flex:0 1 auto;min-width:0;display:block;margin:0 5px 0 0}.fs-ai-report__filters ::ng-deep .filter-bar-container{align-items:center!important}.fs-ai-report__filters ::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none}.fs-ai-report__split{flex:1 1 auto;min-height:0}.fs-ai-report .chat{display:block;flex:0 0 25%;width:100%;height:100%;min-height:400px;min-width:0;border:none}.fs-ai-report .viewer{display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden}.fs-ai-report .resizer{flex:0 0 11px;align-self:stretch;display:flex;justify-content:center;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none}.fs-ai-report .resizer:before{content:\"\";width:3px;border-radius:3px;background:transparent;transition:background-color .12s ease}.fs-ai-report .resizer:hover:before{background:var(--brand-primary-color)}.fs-ai-report__split.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.fs-ai-report__split.resizing .resizer:before{background:var(--brand-primary-color)}.fs-ai-report__split.resizing .chat,.fs-ai-report__split.resizing .viewer{pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: FsFilterModule }, { kind: "component", type: i2.FilterComponent, selector: "fs-filter", inputs: ["config"], outputs: ["closed", "opened", "ready"] }, { kind: "ngmodule", type: FsMenuModule }, { kind: "component", type: i2$3.FsMenuComponent, selector: "fs-menu", inputs: ["class", "buttonClass", "buttonType", "buttonColor"], outputs: ["opened", "closed"] }, { kind: "directive", type: i2$3.FsMenuItemDirective, selector: "fs-menu-group,[fs-menu-item]" }, { kind: "directive", type: i2$3.FsMenuTriggerDirective, selector: "[fsMenuTriggerFor]", inputs: ["fsMenuTriggerFor"] }, { kind: "component", type: FsAiChatComponent, selector: "fs-ai-chat", inputs: ["basePath", "requestData", "introMessage", "showThinking"], outputs: ["response", "showThinkingChange"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: ReportCanvasComponent, selector: "app-report-canvas", inputs: ["report", "editMode"], outputs: ["componentSettings", "reportChanged", "editDone"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FsAiReportComponent, decorators: [{
             type: Component,
@@ -4353,7 +4456,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         ReportPptxService,
                         ReportPdfService,
                         // Tree-shaken ECharts core + the 'report' house theme, loaded lazily.
-                        provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-F254vpF1.mjs').then((module) => module.default) }),
+                        provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-CfwgLaOA.mjs').then((module) => module.default) }),
                     ], imports: [
                         FsFilterModule,
                         FsMenuModule,
@@ -4383,5 +4486,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { FsAiReportsComponent as F, REPORT_CHART_COLORS_CSS as R, ReportComponent as a, FsAiReportComponent as b, ReportData as c, ReportService as d, ReportFilterStateService as e, FREQUENCY_OPTIONS as f };
-//# sourceMappingURL=firestitch-report-firestitch-report-Dh8kteJk.mjs.map
+export { FsAiReportsComponent as F, REPORT_CHART_COLORS_CSS as R, ReportComponent as a, FsAiReportComponent as b, ReportData as c, ReportService as d, ReportFilterStateService as e, FREQUENCY_OPTIONS as f, ReportState as g };
+//# sourceMappingURL=firestitch-report-firestitch-report-_MCMM4XH.mjs.map