@firestitch/report 18.0.16 → 18.0.18

package/fesm2022/{firestitch-report-firestitch-report-DlxhJJhU.mjs → firestitch-report-firestitch-report-DwgbMhwr.mjs}

@@ -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 = {}) {
@@ -2488,6 +2498,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.
@@ -2582,7 +2599,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-CO50nSof.mjs')).default;
+    const echarts = (await import('./firestitch-report-echarts-CMOBB-Er.mjs')).default;
     const host = document.createElement('div');
     host.style.width = `${width}px`;
     host.style.height = `${height}px`;
@@ -2733,6 +2750,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 +2762,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) {
@@ -2960,6 +2978,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 +2990,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,7 +3345,7 @@ class ReportComponent {
             ReportPdfService,
             // Tree-shaken ECharts core + the 'report' house theme, loaded lazily with
             // this route's chunk.
-            provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-CO50nSof.mjs').then((module) => module.default) }),
+            provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-CMOBB-Er.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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ReportComponent, decorators: [{
@@ -3340,7 +3359,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-CO50nSof.mjs').then((module) => module.default) }),
+                        provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-CMOBB-Er.mjs').then((module) => module.default) }),
                     ], imports: [
                         FormsModule,
                         FsAutocompleteChipsModule,
@@ -3451,10 +3470,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                     ], template: "<div class=\"fs-column tab-body\">\n  <mat-form-field>\n    <mat-label>Semantic build concurrency</mat-label>\n    <input\n        matInput\n        type=\"number\"\n        [ngModel]=\"concurrency()\"\n        (ngModelChange)=\"concurrency.set($event)\"\n        name=\"semanticBuildConcurrency\"\n        [fsFormRequired]=\"true\"\n        [fsFormInteger]=\"true\"\n        [fsFormMin]=\"min()\"\n        [fsFormMax]=\"max()\">\n    <mat-hint>\n      How many AI calls the semantic-database build runs at once ({{ min() }}\u2013{{ max() }}).\n      Higher is faster but more likely to hit the AI provider's rate limit. Default is 8.\n    </mat-hint>\n  </mat-form-field>\n</div>\n", styles: [".tab-body{padding-top:16px}mat-form-field{display:block;max-width:340px}\n"] }]
         }] });
 
-// One group of an entity's AI-classified cached code functions — the model
-// class's or the handler class's, per the source it was opened for. Fetched on
-// open from the shared per-entity endpoint (one payload carries both groups,
-// each row tagged with its source) and filtered client-side.
+// One group of a unit's AI-classified cached code functions — an entity's model
+// or handler class, or the single group of a standalone code class. Fetched on
+// open from the shared per-key endpoint (one payload carries every group, each
+// row tagged with its source) and filtered client-side.
 class EntityFunctionsComponent {
     // One color per AI classification kind, so a function's nature reads at a glance.
     static KIND_COLORS = {
@@ -3467,15 +3486,23 @@ class EntityFunctionsComponent {
     };
     // Interesting logic first: derived values and rules, then data access, then the rest.
     static KIND_ORDER = ['calculation', 'business-rule', 'query', 'mutation', 'accessor', 'other'];
+    // The dialog title per group. A standalone class has no model/handler split,
+    // so its one group is just the code the build read.
+    static SOURCE_LABELS = {
+        model: 'Model functions',
+        handler: 'Handler functions',
+        class: 'Code functions',
+    };
     _data = inject(MAT_DIALOG_DATA);
     entityKey = this._data.entityKey;
-    sourceLabel = this._data.source === 'model' ? 'Model functions' : 'Handler functions';
+    sourceLabel = EntityFunctionsComponent.SOURCE_LABELS[this._data.source];
     // null until loaded — gates the list behind the skeleton.
     entityFunctions = signal(null);
-    // The class this group's functions were discovered from.
+    // The class this group's functions were discovered from. A standalone code
+    // class has no handler, so its group reads the model slot like 'model' does.
     discoveredClass = computed(() => {
         const loaded = this.entityFunctions();
-        return this._data.source === 'model' ? loaded?.modelClass : loaded?.handlerClass;
+        return this._data.source === 'handler' ? loaded?.handlerClass : loaded?.modelClass;
     });
     // This group's functions, ordered by kind priority then method name.
     functions = computed(() => this._sortFunctions((this.entityFunctions()?.functions ?? [])
@@ -3518,13 +3545,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                     ], template: "<fs-dialog>\n  <fs-dialog-title>\n    {{ entityKey }} \u2014 {{ sourceLabel }}\n  </fs-dialog-title>\n  <mat-dialog-content>\n    <div *fsSkeleton=\"entityFunctions()\">\n      @if (entityFunctions(); as fns) {\n        @if (functions().length) {\n          @if (fns.generatedAt) {\n            <div class=\"hint functions-generated\">\n              Discovered from {{ discoveredClass() }} &middot;\n              <fs-date\n                  [date]=\"fns.generatedAt\"\n                  format=\"date-time\">\n              </fs-date>\n            </div>\n          }\n          <div class=\"functions-list\">\n            @for (fn of functions(); track fn.class + '::' + fn.method) {\n              <div class=\"function-row\">\n                <div class=\"function-head\">\n                  <fs-chip\n                      size=\"tiny\"\n                      [backgroundColor]=\"kindColor(fn.kind)\"\n                      color=\"#ffffff\">\n                    {{ fn.kind }}\n                  </fs-chip>\n                  <code class=\"function-method\">{{ fn.method }}</code>\n                </div>\n                <div class=\"function-summary\">{{ fn.summary }}</div>\n                @if (fn.produces) {\n                  <div class=\"function-produces hint\">Produces: {{ fn.produces }}</div>\n                }\n              </div>\n            }\n          </div>\n        } @else {\n          <div class=\"hint\">\n            No functions cached for this entity yet \u2014 run a build to discover its code.\n          </div>\n        }\n      }\n    </div>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button\n        type=\"button\"\n        mat-button\n        color=\"primary\"\n        [mat-dialog-close]=\"undefined\">\n      Close\n    </button>\n  </mat-dialog-actions>\n</fs-dialog>\n", styles: [".hint{margin:0;color:#0009;font-size:13px;line-height:1.5}.functions-generated{margin-bottom:10px}.functions-list{display:flex;flex-direction:column}.functions-list .function-row{display:flex;flex-direction:column;gap:3px;padding:10px 0}.functions-list .function-row+.function-row{border-top:1px solid rgba(0,0,0,.08)}.functions-list .function-row .function-head{display:flex;align-items:center;gap:8px}.functions-list .function-row .function-method{font-family:monospace;font-size:13px;font-weight:600}.functions-list .function-row .function-summary{color:#000000bf}.functions-list .function-row .function-produces{padding-left:10px}\n"] }]
         }], ctorParameters: () => [] });
 
-// The Semantic Database tab: the entity scoreboard the report AI is built from
-// (an entity = a table + a model + a handler). Shows the last build's status,
-// runs (or stops) a build — streamed into the FsProcess dock so it survives the
-// dialog closing — and drills into every entity to reveal its shape, inlined
-// enum values, computed fields and its cached function counts, whose links open
-// the functions dialog (the full function set across all entities is far too
-// big to ship with the scoreboard).
+// The Semantic Database tab: the scoreboard of everything the report AI was
+// built from. Shows the last build's status, runs (or stops) a build — streamed
+// into the FsProcess dock so it survives the dialog closing — and drills into
+// every unit to reveal its shape, inlined enum values, computed fields and its
+// cached function counts, whose links open the functions dialog (the full
+// function set is far too big to ship with the scoreboard).
 //
 // It also reports the other half of the picture: the tables the AI CANNOT see —
 // excluded ones (no model) and junctions that bridged nothing. Those are
@@ -3541,21 +3567,20 @@ class SemanticDatabaseComponent {
         K: 'Stopped',
         F: 'Failed',
     };
-    // Scoreboard completion palette: built = green, everything else (needs
-    // building) = grey. No error red — a missing stage is unbuilt content, not a
-    // failure.
-    static DONE_COLOR = '#2e7d32';
-    static PENDING_COLOR = '#9e9e9e';
-    // The scoreboard's per-entity stage chips, left to right.
-    stageKeys = ['introspected', 'enumsInlined', 'computed', 'functions'];
-    stageLabels = {
-        introspected: 'Introspected',
-        enumsInlined: 'Enum cases',
-        computed: 'Computed',
-        functions: 'Functions',
-    };
+    // 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.
+    static PENDING_COLOR = '#b26500';
+    // Class-name suffix stripped for display: `BudgetSummaryModel` reads as
+    // `BudgetSummary`. Only `Model` — stripping `Handler` too would collide
+    // `WorkOrderOneTimeHandler` with `WorkOrderOneTimeModel`, which are two
+    // separate units.
+    static NAME_SUFFIX = 'Model';
     // null until loaded — gates the tab behind the skeleton.
     status = signal(null);
+    // Free-text filter over the unit list — at a few hundred rows the accordion
+    // is only usable if you can narrow it.
+    filter = signal('');
     // True while a build started from this tab is streaming into the dock.
     building = signal(false);
     buildActive = computed(() => this.building()
@@ -3572,6 +3597,43 @@ class SemanticDatabaseComponent {
     // junction, but they were folded into no relationship, so neither they nor
     // what they link are reachable.
     unlinkedJunctions = computed(() => this._tables().filter((table) => table.classification === 'junction' && !!table.reason));
+    // Everything the build cached, entities and standalone code classes together,
+    // in one list ordered by the name a reader recognizes. Two arrays on the wire
+    // because they are genuinely different shapes; one list on screen because
+    // "what did the build read?" is a single question.
+    units = computed(() => {
+        const detail = this.status()?.detail;
+        if (!detail) {
+            return [];
+        }
+        const entities = (detail.entities ?? []).map((entity) => ({
+            key: entity.key,
+            name: this._displayName(entity.model, entity.key),
+            hasTable: true,
+            entity,
+            model: entity.model,
+            functionCount: entity.functionCount,
+        }));
+        const classes = (detail.classes ?? []).map((unit) => ({
+            key: unit.key,
+            name: this._displayName(unit.model, unit.key),
+            hasTable: false,
+            entity: null,
+            model: unit.model,
+            functionCount: unit.functionCount,
+        }));
+        return [...entities, ...classes]
+            .sort((a, b) => a.name.localeCompare(b.name));
+    });
+    // The filter matches the display name, the class and the entity key, so
+    // hunting by any of the three works.
+    filteredUnits = computed(() => {
+        const filter = this.filter().trim().toLowerCase();
+        if (!filter) {
+            return this.units();
+        }
+        return this.units().filter((unit) => `${unit.name} ${unit.model ?? ''} ${unit.key}`.toLowerCase().includes(filter));
+    });
     // The Coverage line. Assembled here because the catalog parts drop out
     // entirely on a pre-catalog artifact, which reads badly as template branches.
     coverage = computed(() => {
@@ -3579,7 +3641,7 @@ class SemanticDatabaseComponent {
         if (!detail) {
             return '';
         }
-        const parts = [`${detail.entityCount} entities`];
+        const parts = [`${detail.entityCount} entities`, `${detail.classCount} code classes`];
         if (this.hasCatalog()) {
             parts.push(detail.unlinkedJunctionCount
                 ? `${detail.junctionCount} junctions (${detail.unlinkedJunctionCount} not linked)`
@@ -3728,38 +3790,62 @@ class SemanticDatabaseComponent {
             this._message.success('Semantic database build complete.');
         }
     }
-    stageColor(stage) {
-        return stage === 'done'
-            ? SemanticDatabaseComponent.DONE_COLOR
-            : SemanticDatabaseComponent.PENDING_COLOR;
+    pendingColor() {
+        return SemanticDatabaseComponent.PENDING_COLOR;
+    }
+    /**
+     * The build stages this row is still owed, or [] when it is fully built. A
+     * stopped or interrupted build is the only way to get a non-empty list.
+     */
+    pendingStages(unit) {
+        const stages = unit.entity?.stages;
+        return stages
+            ? Object.keys(stages).filter((stage) => stages[stage] !== 'done')
+            : [];
     }
-    stageTooltip(stage) {
-        return stage === 'done' ? 'Built' : 'Needs building';
+    setFilter(value) {
+        this.filter.set(value);
     }
     /**
-     * Open the child dialog listing one group of an entity's cached functions —
-     * the model class's or the handler class's. The dialog fetches fresh on open,
-     * so the tab never holds function payloads.
+     * Open the child dialog listing one group of a unit's cached functions — an
+     * entity's model or handler class, or a standalone class's code. The dialog
+     * fetches fresh on open, so the tab never holds function payloads.
      */
-    openFunctions(entity, source) {
+    openFunctions(unit, source) {
         this._dialog.open(EntityFunctionsComponent, {
             width: '700px',
             maxWidth: '95vw',
             maxHeight: '85vh',
             autoFocus: false,
-            data: { entityKey: entity.key, source },
+            data: { entityKey: unit.key, source },
         });
     }
     _init() {
         this._refreshStatus();
     }
+    /**
+     * What a reader recognizes the unit by: its class's short name, minus the
+     * `Model` suffix that every model carries and none of them are distinguished
+     * by. Falls back to the cache key for a unit whose class could not be
+     * resolved, so a row never renders nameless.
+     */
+    _displayName(model, key) {
+        if (!model) {
+            return key;
+        }
+        const shortName = model.split('\\').pop();
+        return shortName.length > SemanticDatabaseComponent.NAME_SUFFIX.length
+            && shortName.endsWith(SemanticDatabaseComponent.NAME_SUFFIX)
+            ? shortName.slice(0, -SemanticDatabaseComponent.NAME_SUFFIX.length)
+            : shortName;
+    }
     _refreshStatus() {
         this._reportData.semanticBuildStatus()
             .pipe(takeUntilDestroyed(this._destroyRef))
             .subscribe((status) => this.status.set(status));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SemanticDatabaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SemanticDatabaseComponent, isStandalone: true, selector: "fs-ai-report-global-settings-semantic-database", ngImport: i0, template: "<div class=\"fs-column tab-body\">\n  <p class=\"hint\">\n    The semantic database is what the report AI uses to understand your data \u2014\n    tables, relationships and the calculations in code. Rebuild it after\n    significant application updates. The build runs in the background; progress\n    appears in the dock at the bottom right and this dialog can be closed while\n    it runs.\n  </p>\n\n  <div *fsSkeleton=\"status()\">\n    @if (status(); as buildStatus) {\n      <div class=\"build-status\">\n        @if (buildStatus.detail.generatedAt) {\n          <div class=\"stat\">\n            <span class=\"label\">Last built</span>\n            <fs-date\n                [date]=\"buildStatus.detail.generatedAt\"\n                format=\"date-time\">\n            </fs-date>\n          </div>\n          <div class=\"stat\">\n            <span class=\"label\">Coverage</span>\n            <span>{{ coverage() }}</span>\n          </div>\n        } @else {\n          <fs-message-warning>\n            The semantic database has not been built yet \u2014 the report AI can't\n            answer data questions until it is. Run the first build.\n          </fs-message-warning>\n        }\n        @if (buildStatus.build) {\n          <div class=\"stat\">\n            <span class=\"label\">Last build run</span>\n            <span>\n              {{ buildStateLabel() }}\n              @if (buildStatus.build.message) {\n                \u2014 {{ buildStatus.build.message }}\n              }\n            </span>\n          </div>\n        }\n      </div>\n\n      <!-- The entity scoreboard: every entity the AI knows about (an entity =\n           a table + a model + a handler), its built-vs-needs-building stages,\n           and a drill-down into its shape, enum values, computed fields and\n           cached function counts \u2014 the counts link into the functions dialog. -->\n      @if (buildStatus.detail.entities?.length) {\n        <h2>Entities</h2>\n        <mat-accordion class=\"entities\">\n          @for (entity of buildStatus.detail.entities; track entity.key) {\n            <mat-expansion-panel>\n              <mat-expansion-panel-header>\n                <mat-panel-title>{{ entity.key }}</mat-panel-title>\n                <mat-panel-description>\n                  <div class=\"stage-chips\">\n                    @for (stage of stageKeys; track stage) {\n                      <fs-chip\n                          size=\"tiny\"\n                          [backgroundColor]=\"stageColor(entity.stages[stage])\"\n                          color=\"#ffffff\"\n                          [matTooltip]=\"stageTooltip(entity.stages[stage])\">\n                        {{ stageLabels[stage] }}\n                      </fs-chip>\n                    }\n                  </div>\n                </mat-panel-description>\n              </mat-expansion-panel-header>\n\n              <!-- Deferred: the body only exists once expanded. -->\n              <ng-template matExpansionPanelContent>\n                <div class=\"entity-detail\">\n                  <div class=\"stat\">\n                    <span class=\"label\">Table</span>\n                    <span>{{ entity.table }}</span>\n                  </div>\n                  <div class=\"stat\">\n                    <span class=\"label\">Columns</span>\n                    <span>{{ entity.columns }}</span>\n                  </div>\n                  <div class=\"stat\">\n                    <span class=\"label\">Relationships</span>\n                    <span>{{ entity.relationships }}</span>\n                  </div>\n                  @if (entity.enums.length) {\n                    <div class=\"stat\">\n                      <span class=\"label\">Enumeration values</span>\n                      <div class=\"pair-list\">\n                        @for (enumColumn of entity.enums; track enumColumn.column) {\n                          <div class=\"pair-row\">\n                            <span class=\"pair-name\">{{ enumColumn.column }}</span>\n                            <span>{{ enumColumn.values.join(', ') }}</span>\n                          </div>\n                        }\n                      </div>\n                    </div>\n                  }\n                  @if (entity.computedFields.length) {\n                    <div class=\"stat\">\n                      <span class=\"label\">Computed fields</span>\n                      <span>{{ entity.computedFields.join(', ') }}</span>\n                    </div>\n                  }\n                  <div class=\"stat\">\n                    <span class=\"label\">Model functions</span>\n                    @if (entity.modelFunctionCount) {\n                      <a\n                          class=\"count-link\"\n                          (click)=\"openFunctions(entity, 'model')\">\n                        {{ entity.modelFunctionCount }}\n                      </a>\n                    } @else {\n                      <span>0</span>\n                    }\n                  </div>\n                  <div class=\"stat\">\n                    <span class=\"label\">Handler functions</span>\n                    @if (entity.handlerFunctionCount) {\n                      <a\n                          class=\"count-link\"\n                          (click)=\"openFunctions(entity, 'handler')\">\n                        {{ entity.handlerFunctionCount }}\n                      </a>\n                    } @else {\n                      <span>0</span>\n                    }\n                  </div>\n                </div>\n              </ng-template>\n            </mat-expansion-panel>\n          }\n        </mat-accordion>\n      }\n\n      <!-- The other half of the picture: tables the AI can't reach. Excluded\n           ones have no model; unlinked junctions have a composite primary key\n           but were folded into no relationship, so nothing can navigate to\n           them. Both are invisible by omission \u2014 no error, just a capability\n           that silently isn't there. Collapsed by default: the excluded list is\n           long and mostly framework plumbing. -->\n      @if (hasCatalog()) {\n        <h2>Not in the semantic database</h2>\n        <div class=\"subheading\">\n          Tables the report AI can't see. Give one a model to promote it to an\n          entity, then rebuild.\n        </div>\n        <mat-accordion class=\"catalog\">\n          @if (excludedTables().length) {\n            <mat-expansion-panel>\n              <mat-expansion-panel-header>\n                <mat-panel-title>\n                  Tables excluded ({{ excludedTables().length }})\n                </mat-panel-title>\n              </mat-expansion-panel-header>\n\n              <!-- Deferred: the body only exists once expanded. -->\n              <ng-template matExpansionPanelContent>\n                <div class=\"pair-list\">\n                  @for (table of excludedTables(); track table.table) {\n                    <div class=\"pair-row\">\n                      <span class=\"pair-name\">{{ table.table }}</span>\n                      <span>{{ table.reason }}</span>\n                    </div>\n                  }\n                </div>\n              </ng-template>\n            </mat-expansion-panel>\n          }\n          @if (unlinkedJunctions().length) {\n            <mat-expansion-panel>\n              <mat-expansion-panel-header>\n                <mat-panel-title>\n                  Junctions not linked ({{ unlinkedJunctions().length }})\n                </mat-panel-title>\n              </mat-expansion-panel-header>\n\n              <ng-template matExpansionPanelContent>\n                <p class=\"small\">\n                  Link tables the build couldn't fold into a relationship \u2014 so\n                  neither they nor what they link can be reported on.\n                </p>\n                <div class=\"pair-list\">\n                  @for (table of unlinkedJunctions(); track table.table) {\n                    <div class=\"pair-row\">\n                      <span class=\"pair-name\">{{ table.table }}</span>\n                      <span>{{ table.reason }}</span>\n                    </div>\n                  }\n                </div>\n              </ng-template>\n            </mat-expansion-panel>\n          }\n        </mat-accordion>\n      }\n    }\n  </div>\n</div>\n", styles: [".hint{margin:0 0 12px;color:#0009;font-size:13px;line-height:1.5}.stat{display:flex;align-items:baseline;gap:12px}.stat>.label{flex:0 0 150px;white-space:nowrap;color:#0009}.build-status{display:flex;flex-direction:column;gap:8px}.pair-list{display:flex;flex-direction:column;gap:3px}.pair-row{display:flex;gap:12px}.pair-name{flex:0 0 140px;white-space:nowrap;color:#0009}.entities{display:block;padding:3px}.entities mat-panel-description{justify-content:flex-end;margin-right:8px}.entities .stage-chips{display:flex;gap:4px}.entities .entity-detail{display:flex;flex-direction:column;gap:8px}.catalog{display:block;padding:3px}.catalog .pair-name{flex-basis:220px}\n"], dependencies: [{ kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i1$5.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i1$5.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i1$5.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i1$5.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i1$5.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "directive", type: i1$5.MatExpansionPanelContent, selector: "ng-template[matExpansionPanelContent]" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: FsChipModule }, { kind: "component", type: i1$4.FsChipComponent, selector: "fs-chip", inputs: ["selectable", "removable", "value", "maxWidth", "width", "backgroundColor", "borderColor", "color", "shape", "outlined", "outlineDash", "icon", "image", "selected", "disabled", "padding", "contrastColor", "size"], outputs: ["selectedToggled", "removed", "click"] }, { kind: "ngmodule", type: FsDateModule }, { kind: "component", type: i2$4.FsDateComponent, selector: "fs-date", inputs: ["date", "format", "timezone"] }, { kind: "ngmodule", type: FsMessageModule }, { kind: "component", type: i4.FsMessageWarningComponent, selector: "fs-message-warning" }, { kind: "ngmodule", type: FsSkeletonModule }, { kind: "directive", type: i4$1.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SemanticDatabaseComponent, isStandalone: true, selector: "fs-ai-report-global-settings-semantic-database", ngImport: i0, template: "<div class=\"fs-column tab-body\">\n  <p class=\"hint\">\n    The semantic database is what the report AI uses to understand your data \u2014\n    tables, relationships and the calculations in code. Rebuild it after\n    significant application updates. The build runs in the background; progress\n    appears in the dock at the bottom right and this dialog can be closed while\n    it runs.\n  </p>\n\n  <div *fsSkeleton=\"status()\">\n    @if (status(); as buildStatus) {\n      <div class=\"build-status\">\n        @if (buildStatus.detail.generatedAt) {\n          <div class=\"stat\">\n            <span class=\"label\">Last built</span>\n            <fs-date\n                [date]=\"buildStatus.detail.generatedAt\"\n                format=\"date-time\">\n            </fs-date>\n          </div>\n          <div class=\"stat\">\n            <span class=\"label\">Coverage</span>\n            <span>{{ coverage() }}</span>\n          </div>\n        } @else {\n          <fs-message-warning>\n            The semantic database has not been built yet \u2014 the report AI can't\n            answer data questions until it is. Run the first build.\n          </fs-message-warning>\n        }\n        @if (buildStatus.build) {\n          <div class=\"stat\">\n            <span class=\"label\">Last build run</span>\n            <span>\n              {{ buildStateLabel() }}\n              @if (buildStatus.build.message) {\n                \u2014 {{ buildStatus.build.message }}\n              }\n            </span>\n          </div>\n        }\n      </div>\n\n      <!-- Everything the build read, in one list: entities (a table + a model +\n           a handler) and standalone code classes (domain logic with no table).\n           The AI reads code from both, so splitting them into two sections\n           would hide half of what was built. Each row drills into its shape,\n           enum values, computed fields and cached function counts \u2014 the counts\n           link into the functions dialog. -->\n      @if (units().length) {\n        <h2>Included ({{ units().length }})</h2>\n        <div class=\"subheading\">\n          Everything the report AI was built from. Entities can be queried;\n          code classes are logic it reads and translates into SQL.\n        </div>\n\n        <input\n            class=\"unit-filter\"\n            type=\"search\"\n            placeholder=\"Filter by name, class or key\u2026\"\n            [value]=\"filter()\"\n            (input)=\"setFilter($any($event.target).value)\">\n\n        <mat-accordion class=\"entities\">\n          @for (unit of filteredUnits(); track unit.key) {\n            <mat-expansion-panel>\n              <mat-expansion-panel-header>\n                <mat-panel-title>{{ unit.name }}</mat-panel-title>\n                <mat-panel-description>\n                  <div class=\"stage-chips\">\n                    @if (!unit.hasTable) {\n                      <fs-chip size=\"tiny\" matTooltip=\"Domain logic with no table \u2014 read, never queried\">\n                        code\n                      </fs-chip>\n                    }\n                    <!-- Silence means built. A chip here means an interrupted\n                         build left this row owing content. -->\n                    @for (stage of pendingStages(unit); track stage) {\n                      <fs-chip\n                          size=\"tiny\"\n                          [backgroundColor]=\"pendingColor()\"\n                          color=\"#ffffff\"\n                          matTooltip=\"Needs building\">\n                        {{ stage }}\n                      </fs-chip>\n                    }\n                  </div>\n                </mat-panel-description>\n              </mat-expansion-panel-header>\n\n              <!-- Deferred: the body only exists once expanded. -->\n              <ng-template matExpansionPanelContent>\n                <div class=\"entity-detail\">\n                  @if (unit.model) {\n                    <div class=\"stat\">\n                      <span class=\"label\">Class</span>\n                      <span>{{ unit.model }}</span>\n                    </div>\n                  }\n                  @if (unit.entity; as entity) {\n                    <div class=\"stat\">\n                      <span class=\"label\">Table</span>\n                      <span>{{ entity.table }}</span>\n                    </div>\n                    <!-- The handle the report AI addresses this entity by in\n                         describe_entity / compile_query. -->\n                    <div class=\"stat\">\n                      <span class=\"label\">Entity key</span>\n                      <span>{{ entity.key }}</span>\n                    </div>\n                    <div class=\"stat\">\n                      <span class=\"label\">Columns</span>\n                      <span>{{ entity.columns }}</span>\n                    </div>\n                    <div class=\"stat\">\n                      <span class=\"label\">Relationships</span>\n                      <span>{{ entity.relationships }}</span>\n                    </div>\n                    @if (entity.enums.length) {\n                      <div class=\"stat\">\n                        <span class=\"label\">Enumeration values</span>\n                        <div class=\"pair-list\">\n                          @for (enumColumn of entity.enums; track enumColumn.column) {\n                            <div class=\"pair-row\">\n                              <span class=\"pair-name\">{{ enumColumn.column }}</span>\n                              <span>{{ enumColumn.values.join(', ') }}</span>\n                            </div>\n                          }\n                        </div>\n                      </div>\n                    }\n                    @if (entity.computedFields.length) {\n                      <div class=\"stat\">\n                        <span class=\"label\">Computed fields</span>\n                        <span>{{ entity.computedFields.join(', ') }}</span>\n                      </div>\n                    }\n                    <div class=\"stat\">\n                      <span class=\"label\">Model functions</span>\n                      @if (entity.modelFunctionCount) {\n                        <a\n                            class=\"count-link\"\n                            (click)=\"openFunctions(unit, 'model')\">\n                          {{ entity.modelFunctionCount }}\n                        </a>\n                      } @else {\n                        <span>0</span>\n                      }\n                    </div>\n                    <div class=\"stat\">\n                      <span class=\"label\">Handler functions</span>\n                      @if (entity.handlerFunctionCount) {\n                        <a\n                            class=\"count-link\"\n                            (click)=\"openFunctions(unit, 'handler')\">\n                          {{ entity.handlerFunctionCount }}\n                        </a>\n                      } @else {\n                        <span>0</span>\n                      }\n                    </div>\n                  } @else {\n                    <div class=\"stat\">\n                      <span class=\"label\">Code functions</span>\n                      @if (unit.functionCount) {\n                        <a\n                            class=\"count-link\"\n                            (click)=\"openFunctions(unit, 'class')\">\n                          {{ unit.functionCount }}\n                        </a>\n                      } @else {\n                        <span>0</span>\n                      }\n                    </div>\n                  }\n                </div>\n              </ng-template>\n            </mat-expansion-panel>\n          }\n        </mat-accordion>\n\n        @if (!filteredUnits().length) {\n          <div class=\"subheading\">Nothing matches \u201C{{ filter() }}\u201D.</div>\n        }\n      }\n\n      <!-- The other half of the picture: tables the AI can't reach. Excluded\n           ones have no model; unlinked junctions have a composite primary key\n           but were folded into no relationship, so nothing can navigate to\n           them. Both are invisible by omission \u2014 no error, just a capability\n           that silently isn't there. Collapsed by default: the excluded list is\n           long and mostly framework plumbing. -->\n      @if (hasCatalog()) {\n        <h2>Not in the semantic database</h2>\n        <div class=\"subheading\">\n          Tables the report AI can't see. Give one a model to promote it to an\n          entity, then rebuild.\n        </div>\n        <mat-accordion class=\"catalog\">\n          @if (excludedTables().length) {\n            <mat-expansion-panel>\n              <mat-expansion-panel-header>\n                <mat-panel-title>\n                  Tables excluded ({{ excludedTables().length }})\n                </mat-panel-title>\n              </mat-expansion-panel-header>\n\n              <!-- Deferred: the body only exists once expanded. -->\n              <ng-template matExpansionPanelContent>\n                <div class=\"pair-list\">\n                  @for (table of excludedTables(); track table.table) {\n                    <div class=\"pair-row\">\n                      <span class=\"pair-name\">{{ table.table }}</span>\n                      <span>{{ table.reason }}</span>\n                    </div>\n                  }\n                </div>\n              </ng-template>\n            </mat-expansion-panel>\n          }\n          @if (unlinkedJunctions().length) {\n            <mat-expansion-panel>\n              <mat-expansion-panel-header>\n                <mat-panel-title>\n                  Junctions not linked ({{ unlinkedJunctions().length }})\n                </mat-panel-title>\n              </mat-expansion-panel-header>\n\n              <ng-template matExpansionPanelContent>\n                <p class=\"small\">\n                  Link tables the build couldn't fold into a relationship \u2014 so\n                  neither they nor what they link can be reported on.\n                </p>\n                <div class=\"pair-list\">\n                  @for (table of unlinkedJunctions(); track table.table) {\n                    <div class=\"pair-row\">\n                      <span class=\"pair-name\">{{ table.table }}</span>\n                      <span>{{ table.reason }}</span>\n                    </div>\n                  }\n                </div>\n              </ng-template>\n            </mat-expansion-panel>\n          }\n        </mat-accordion>\n      }\n    }\n  </div>\n</div>\n", styles: [".hint{margin:0 0 12px;color:#0009;font-size:13px;line-height:1.5}.stat{display:flex;align-items:baseline;gap:12px}.stat>.label{flex:0 0 150px;white-space:nowrap;color:#0009}.build-status{display:flex;flex-direction:column;gap:8px}.pair-list{display:flex;flex-direction:column;gap:3px}.pair-row{display:flex;gap:12px}.pair-name{flex:0 0 140px;white-space:nowrap;color:#0009}.unit-filter{width:100%;box-sizing:border-box;margin:8px 0 4px;padding:6px 10px;border:1px solid rgba(0,0,0,.2);border-radius:4px;font:inherit}.unit-filter:focus{outline:none;border-color:#00000080}.entities{display:block;padding:3px}.entities mat-panel-description{justify-content:flex-end;margin-right:8px}.entities .stage-chips{display:flex;gap:4px}.entities .entity-detail{display:flex;flex-direction:column;gap:8px}.catalog{display:block;padding:3px}.catalog .pair-name{flex-basis:220px}\n"], dependencies: [{ kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i1$5.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i1$5.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i1$5.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i1$5.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i1$5.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "directive", type: i1$5.MatExpansionPanelContent, selector: "ng-template[matExpansionPanelContent]" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: FsChipModule }, { kind: "component", type: i1$4.FsChipComponent, selector: "fs-chip", inputs: ["selectable", "removable", "value", "maxWidth", "width", "backgroundColor", "borderColor", "color", "shape", "outlined", "outlineDash", "icon", "image", "selected", "disabled", "padding", "contrastColor", "size"], outputs: ["selectedToggled", "removed", "click"] }, { kind: "ngmodule", type: FsDateModule }, { kind: "component", type: i2$4.FsDateComponent, selector: "fs-date", inputs: ["date", "format", "timezone"] }, { kind: "ngmodule", type: FsMessageModule }, { kind: "component", type: i4.FsMessageWarningComponent, selector: "fs-message-warning" }, { kind: "ngmodule", type: FsSkeletonModule }, { kind: "directive", type: i4$1.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SemanticDatabaseComponent, decorators: [{
             type: Component,
@@ -3770,7 +3856,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         FsDateModule,
                         FsMessageModule,
                         FsSkeletonModule,
-                    ], template: "<div class=\"fs-column tab-body\">\n  <p class=\"hint\">\n    The semantic database is what the report AI uses to understand your data \u2014\n    tables, relationships and the calculations in code. Rebuild it after\n    significant application updates. The build runs in the background; progress\n    appears in the dock at the bottom right and this dialog can be closed while\n    it runs.\n  </p>\n\n  <div *fsSkeleton=\"status()\">\n    @if (status(); as buildStatus) {\n      <div class=\"build-status\">\n        @if (buildStatus.detail.generatedAt) {\n          <div class=\"stat\">\n            <span class=\"label\">Last built</span>\n            <fs-date\n                [date]=\"buildStatus.detail.generatedAt\"\n                format=\"date-time\">\n            </fs-date>\n          </div>\n          <div class=\"stat\">\n            <span class=\"label\">Coverage</span>\n            <span>{{ coverage() }}</span>\n          </div>\n        } @else {\n          <fs-message-warning>\n            The semantic database has not been built yet \u2014 the report AI can't\n            answer data questions until it is. Run the first build.\n          </fs-message-warning>\n        }\n        @if (buildStatus.build) {\n          <div class=\"stat\">\n            <span class=\"label\">Last build run</span>\n            <span>\n              {{ buildStateLabel() }}\n              @if (buildStatus.build.message) {\n                \u2014 {{ buildStatus.build.message }}\n              }\n            </span>\n          </div>\n        }\n      </div>\n\n      <!-- The entity scoreboard: every entity the AI knows about (an entity =\n           a table + a model + a handler), its built-vs-needs-building stages,\n           and a drill-down into its shape, enum values, computed fields and\n           cached function counts \u2014 the counts link into the functions dialog. -->\n      @if (buildStatus.detail.entities?.length) {\n        <h2>Entities</h2>\n        <mat-accordion class=\"entities\">\n          @for (entity of buildStatus.detail.entities; track entity.key) {\n            <mat-expansion-panel>\n              <mat-expansion-panel-header>\n                <mat-panel-title>{{ entity.key }}</mat-panel-title>\n                <mat-panel-description>\n                  <div class=\"stage-chips\">\n                    @for (stage of stageKeys; track stage) {\n                      <fs-chip\n                          size=\"tiny\"\n                          [backgroundColor]=\"stageColor(entity.stages[stage])\"\n                          color=\"#ffffff\"\n                          [matTooltip]=\"stageTooltip(entity.stages[stage])\">\n                        {{ stageLabels[stage] }}\n                      </fs-chip>\n                    }\n                  </div>\n                </mat-panel-description>\n              </mat-expansion-panel-header>\n\n              <!-- Deferred: the body only exists once expanded. -->\n              <ng-template matExpansionPanelContent>\n                <div class=\"entity-detail\">\n                  <div class=\"stat\">\n                    <span class=\"label\">Table</span>\n                    <span>{{ entity.table }}</span>\n                  </div>\n                  <div class=\"stat\">\n                    <span class=\"label\">Columns</span>\n                    <span>{{ entity.columns }}</span>\n                  </div>\n                  <div class=\"stat\">\n                    <span class=\"label\">Relationships</span>\n                    <span>{{ entity.relationships }}</span>\n                  </div>\n                  @if (entity.enums.length) {\n                    <div class=\"stat\">\n                      <span class=\"label\">Enumeration values</span>\n                      <div class=\"pair-list\">\n                        @for (enumColumn of entity.enums; track enumColumn.column) {\n                          <div class=\"pair-row\">\n                            <span class=\"pair-name\">{{ enumColumn.column }}</span>\n                            <span>{{ enumColumn.values.join(', ') }}</span>\n                          </div>\n                        }\n                      </div>\n                    </div>\n                  }\n                  @if (entity.computedFields.length) {\n                    <div class=\"stat\">\n                      <span class=\"label\">Computed fields</span>\n                      <span>{{ entity.computedFields.join(', ') }}</span>\n                    </div>\n                  }\n                  <div class=\"stat\">\n                    <span class=\"label\">Model functions</span>\n                    @if (entity.modelFunctionCount) {\n                      <a\n                          class=\"count-link\"\n                          (click)=\"openFunctions(entity, 'model')\">\n                        {{ entity.modelFunctionCount }}\n                      </a>\n                    } @else {\n                      <span>0</span>\n                    }\n                  </div>\n                  <div class=\"stat\">\n                    <span class=\"label\">Handler functions</span>\n                    @if (entity.handlerFunctionCount) {\n                      <a\n                          class=\"count-link\"\n                          (click)=\"openFunctions(entity, 'handler')\">\n                        {{ entity.handlerFunctionCount }}\n                      </a>\n                    } @else {\n                      <span>0</span>\n                    }\n                  </div>\n                </div>\n              </ng-template>\n            </mat-expansion-panel>\n          }\n        </mat-accordion>\n      }\n\n      <!-- The other half of the picture: tables the AI can't reach. Excluded\n           ones have no model; unlinked junctions have a composite primary key\n           but were folded into no relationship, so nothing can navigate to\n           them. Both are invisible by omission \u2014 no error, just a capability\n           that silently isn't there. Collapsed by default: the excluded list is\n           long and mostly framework plumbing. -->\n      @if (hasCatalog()) {\n        <h2>Not in the semantic database</h2>\n        <div class=\"subheading\">\n          Tables the report AI can't see. Give one a model to promote it to an\n          entity, then rebuild.\n        </div>\n        <mat-accordion class=\"catalog\">\n          @if (excludedTables().length) {\n            <mat-expansion-panel>\n              <mat-expansion-panel-header>\n                <mat-panel-title>\n                  Tables excluded ({{ excludedTables().length }})\n                </mat-panel-title>\n              </mat-expansion-panel-header>\n\n              <!-- Deferred: the body only exists once expanded. -->\n              <ng-template matExpansionPanelContent>\n                <div class=\"pair-list\">\n                  @for (table of excludedTables(); track table.table) {\n                    <div class=\"pair-row\">\n                      <span class=\"pair-name\">{{ table.table }}</span>\n                      <span>{{ table.reason }}</span>\n                    </div>\n                  }\n                </div>\n              </ng-template>\n            </mat-expansion-panel>\n          }\n          @if (unlinkedJunctions().length) {\n            <mat-expansion-panel>\n              <mat-expansion-panel-header>\n                <mat-panel-title>\n                  Junctions not linked ({{ unlinkedJunctions().length }})\n                </mat-panel-title>\n              </mat-expansion-panel-header>\n\n              <ng-template matExpansionPanelContent>\n                <p class=\"small\">\n                  Link tables the build couldn't fold into a relationship \u2014 so\n                  neither they nor what they link can be reported on.\n                </p>\n                <div class=\"pair-list\">\n                  @for (table of unlinkedJunctions(); track table.table) {\n                    <div class=\"pair-row\">\n                      <span class=\"pair-name\">{{ table.table }}</span>\n                      <span>{{ table.reason }}</span>\n                    </div>\n                  }\n                </div>\n              </ng-template>\n            </mat-expansion-panel>\n          }\n        </mat-accordion>\n      }\n    }\n  </div>\n</div>\n", styles: [".hint{margin:0 0 12px;color:#0009;font-size:13px;line-height:1.5}.stat{display:flex;align-items:baseline;gap:12px}.stat>.label{flex:0 0 150px;white-space:nowrap;color:#0009}.build-status{display:flex;flex-direction:column;gap:8px}.pair-list{display:flex;flex-direction:column;gap:3px}.pair-row{display:flex;gap:12px}.pair-name{flex:0 0 140px;white-space:nowrap;color:#0009}.entities{display:block;padding:3px}.entities mat-panel-description{justify-content:flex-end;margin-right:8px}.entities .stage-chips{display:flex;gap:4px}.entities .entity-detail{display:flex;flex-direction:column;gap:8px}.catalog{display:block;padding:3px}.catalog .pair-name{flex-basis:220px}\n"] }]
+                    ], template: "<div class=\"fs-column tab-body\">\n  <p class=\"hint\">\n    The semantic database is what the report AI uses to understand your data \u2014\n    tables, relationships and the calculations in code. Rebuild it after\n    significant application updates. The build runs in the background; progress\n    appears in the dock at the bottom right and this dialog can be closed while\n    it runs.\n  </p>\n\n  <div *fsSkeleton=\"status()\">\n    @if (status(); as buildStatus) {\n      <div class=\"build-status\">\n        @if (buildStatus.detail.generatedAt) {\n          <div class=\"stat\">\n            <span class=\"label\">Last built</span>\n            <fs-date\n                [date]=\"buildStatus.detail.generatedAt\"\n                format=\"date-time\">\n            </fs-date>\n          </div>\n          <div class=\"stat\">\n            <span class=\"label\">Coverage</span>\n            <span>{{ coverage() }}</span>\n          </div>\n        } @else {\n          <fs-message-warning>\n            The semantic database has not been built yet \u2014 the report AI can't\n            answer data questions until it is. Run the first build.\n          </fs-message-warning>\n        }\n        @if (buildStatus.build) {\n          <div class=\"stat\">\n            <span class=\"label\">Last build run</span>\n            <span>\n              {{ buildStateLabel() }}\n              @if (buildStatus.build.message) {\n                \u2014 {{ buildStatus.build.message }}\n              }\n            </span>\n          </div>\n        }\n      </div>\n\n      <!-- Everything the build read, in one list: entities (a table + a model +\n           a handler) and standalone code classes (domain logic with no table).\n           The AI reads code from both, so splitting them into two sections\n           would hide half of what was built. Each row drills into its shape,\n           enum values, computed fields and cached function counts \u2014 the counts\n           link into the functions dialog. -->\n      @if (units().length) {\n        <h2>Included ({{ units().length }})</h2>\n        <div class=\"subheading\">\n          Everything the report AI was built from. Entities can be queried;\n          code classes are logic it reads and translates into SQL.\n        </div>\n\n        <input\n            class=\"unit-filter\"\n            type=\"search\"\n            placeholder=\"Filter by name, class or key\u2026\"\n            [value]=\"filter()\"\n            (input)=\"setFilter($any($event.target).value)\">\n\n        <mat-accordion class=\"entities\">\n          @for (unit of filteredUnits(); track unit.key) {\n            <mat-expansion-panel>\n              <mat-expansion-panel-header>\n                <mat-panel-title>{{ unit.name }}</mat-panel-title>\n                <mat-panel-description>\n                  <div class=\"stage-chips\">\n                    @if (!unit.hasTable) {\n                      <fs-chip size=\"tiny\" matTooltip=\"Domain logic with no table \u2014 read, never queried\">\n                        code\n                      </fs-chip>\n                    }\n                    <!-- Silence means built. A chip here means an interrupted\n                         build left this row owing content. -->\n                    @for (stage of pendingStages(unit); track stage) {\n                      <fs-chip\n                          size=\"tiny\"\n                          [backgroundColor]=\"pendingColor()\"\n                          color=\"#ffffff\"\n                          matTooltip=\"Needs building\">\n                        {{ stage }}\n                      </fs-chip>\n                    }\n                  </div>\n                </mat-panel-description>\n              </mat-expansion-panel-header>\n\n              <!-- Deferred: the body only exists once expanded. -->\n              <ng-template matExpansionPanelContent>\n                <div class=\"entity-detail\">\n                  @if (unit.model) {\n                    <div class=\"stat\">\n                      <span class=\"label\">Class</span>\n                      <span>{{ unit.model }}</span>\n                    </div>\n                  }\n                  @if (unit.entity; as entity) {\n                    <div class=\"stat\">\n                      <span class=\"label\">Table</span>\n                      <span>{{ entity.table }}</span>\n                    </div>\n                    <!-- The handle the report AI addresses this entity by in\n                         describe_entity / compile_query. -->\n                    <div class=\"stat\">\n                      <span class=\"label\">Entity key</span>\n                      <span>{{ entity.key }}</span>\n                    </div>\n                    <div class=\"stat\">\n                      <span class=\"label\">Columns</span>\n                      <span>{{ entity.columns }}</span>\n                    </div>\n                    <div class=\"stat\">\n                      <span class=\"label\">Relationships</span>\n                      <span>{{ entity.relationships }}</span>\n                    </div>\n                    @if (entity.enums.length) {\n                      <div class=\"stat\">\n                        <span class=\"label\">Enumeration values</span>\n                        <div class=\"pair-list\">\n                          @for (enumColumn of entity.enums; track enumColumn.column) {\n                            <div class=\"pair-row\">\n                              <span class=\"pair-name\">{{ enumColumn.column }}</span>\n                              <span>{{ enumColumn.values.join(', ') }}</span>\n                            </div>\n                          }\n                        </div>\n                      </div>\n                    }\n                    @if (entity.computedFields.length) {\n                      <div class=\"stat\">\n                        <span class=\"label\">Computed fields</span>\n                        <span>{{ entity.computedFields.join(', ') }}</span>\n                      </div>\n                    }\n                    <div class=\"stat\">\n                      <span class=\"label\">Model functions</span>\n                      @if (entity.modelFunctionCount) {\n                        <a\n                            class=\"count-link\"\n                            (click)=\"openFunctions(unit, 'model')\">\n                          {{ entity.modelFunctionCount }}\n                        </a>\n                      } @else {\n                        <span>0</span>\n                      }\n                    </div>\n                    <div class=\"stat\">\n                      <span class=\"label\">Handler functions</span>\n                      @if (entity.handlerFunctionCount) {\n                        <a\n                            class=\"count-link\"\n                            (click)=\"openFunctions(unit, 'handler')\">\n                          {{ entity.handlerFunctionCount }}\n                        </a>\n                      } @else {\n                        <span>0</span>\n                      }\n                    </div>\n                  } @else {\n                    <div class=\"stat\">\n                      <span class=\"label\">Code functions</span>\n                      @if (unit.functionCount) {\n                        <a\n                            class=\"count-link\"\n                            (click)=\"openFunctions(unit, 'class')\">\n                          {{ unit.functionCount }}\n                        </a>\n                      } @else {\n                        <span>0</span>\n                      }\n                    </div>\n                  }\n                </div>\n              </ng-template>\n            </mat-expansion-panel>\n          }\n        </mat-accordion>\n\n        @if (!filteredUnits().length) {\n          <div class=\"subheading\">Nothing matches \u201C{{ filter() }}\u201D.</div>\n        }\n      }\n\n      <!-- The other half of the picture: tables the AI can't reach. Excluded\n           ones have no model; unlinked junctions have a composite primary key\n           but were folded into no relationship, so nothing can navigate to\n           them. Both are invisible by omission \u2014 no error, just a capability\n           that silently isn't there. Collapsed by default: the excluded list is\n           long and mostly framework plumbing. -->\n      @if (hasCatalog()) {\n        <h2>Not in the semantic database</h2>\n        <div class=\"subheading\">\n          Tables the report AI can't see. Give one a model to promote it to an\n          entity, then rebuild.\n        </div>\n        <mat-accordion class=\"catalog\">\n          @if (excludedTables().length) {\n            <mat-expansion-panel>\n              <mat-expansion-panel-header>\n                <mat-panel-title>\n                  Tables excluded ({{ excludedTables().length }})\n                </mat-panel-title>\n              </mat-expansion-panel-header>\n\n              <!-- Deferred: the body only exists once expanded. -->\n              <ng-template matExpansionPanelContent>\n                <div class=\"pair-list\">\n                  @for (table of excludedTables(); track table.table) {\n                    <div class=\"pair-row\">\n                      <span class=\"pair-name\">{{ table.table }}</span>\n                      <span>{{ table.reason }}</span>\n                    </div>\n                  }\n                </div>\n              </ng-template>\n            </mat-expansion-panel>\n          }\n          @if (unlinkedJunctions().length) {\n            <mat-expansion-panel>\n              <mat-expansion-panel-header>\n                <mat-panel-title>\n                  Junctions not linked ({{ unlinkedJunctions().length }})\n                </mat-panel-title>\n              </mat-expansion-panel-header>\n\n              <ng-template matExpansionPanelContent>\n                <p class=\"small\">\n                  Link tables the build couldn't fold into a relationship \u2014 so\n                  neither they nor what they link can be reported on.\n                </p>\n                <div class=\"pair-list\">\n                  @for (table of unlinkedJunctions(); track table.table) {\n                    <div class=\"pair-row\">\n                      <span class=\"pair-name\">{{ table.table }}</span>\n                      <span>{{ table.reason }}</span>\n                    </div>\n                  }\n                </div>\n              </ng-template>\n            </mat-expansion-panel>\n          }\n        </mat-accordion>\n      }\n    }\n  </div>\n</div>\n", styles: [".hint{margin:0 0 12px;color:#0009;font-size:13px;line-height:1.5}.stat{display:flex;align-items:baseline;gap:12px}.stat>.label{flex:0 0 150px;white-space:nowrap;color:#0009}.build-status{display:flex;flex-direction:column;gap:8px}.pair-list{display:flex;flex-direction:column;gap:3px}.pair-row{display:flex;gap:12px}.pair-name{flex:0 0 140px;white-space:nowrap;color:#0009}.unit-filter{width:100%;box-sizing:border-box;margin:8px 0 4px;padding:6px 10px;border:1px solid rgba(0,0,0,.2);border-radius:4px;font:inherit}.unit-filter:focus{outline:none;border-color:#00000080}.entities{display:block;padding:3px}.entities mat-panel-description{justify-content:flex-end;margin-right:8px}.entities .stage-chips{display:flex;gap:4px}.entities .entity-detail{display:flex;flex-direction:column;gap:8px}.catalog{display:block;padding:3px}.catalog .pair-name{flex-basis:220px}\n"] }]
         }], ctorParameters: () => [] });
 
 // Matches the backend cap (ReportsView::INSTRUCTIONS_MAX_LENGTH) — the document
@@ -3916,6 +4002,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');
@@ -3926,6 +4017,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);
@@ -4000,6 +4094,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 ?? [] })));
@@ -4007,7 +4123,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,
@@ -4015,7 +4131,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]
@@ -4273,7 +4389,7 @@ class FsAiReportComponent {
             ReportPptxService,
             ReportPdfService,
             // Tree-shaken ECharts core + the 'report' house theme, loaded lazily.
-            provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-CO50nSof.mjs').then((module) => module.default) }),
+            provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-CMOBB-Er.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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FsAiReportComponent, decorators: [{
@@ -4286,7 +4402,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-CO50nSof.mjs').then((module) => module.default) }),
+                        provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-CMOBB-Er.mjs').then((module) => module.default) }),
                     ], imports: [
                         FsFilterModule,
                         FsMenuModule,
@@ -4316,5 +4432,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-DlxhJJhU.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-DwgbMhwr.mjs.map