@firestitch/report 18.0.11 → 18.0.13

package/fesm2022/{firestitch-report-firestitch-report-Cwsww3Jz.mjs → firestitch-report-firestitch-report-BwC8lvzk.mjs}

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
-import { inject, Injectable, Component, ChangeDetectionStrategy, Input, DestroyRef, ViewChild, EventEmitter, ChangeDetectorRef, NgZone, ElementRef, Output, HostBinding, signal, CUSTOM_ELEMENTS_SCHEMA, model, input, output, computed, viewChild, effect } from '@angular/core';
+import { inject, Injectable, Component, ChangeDetectionStrategy, Input, DestroyRef, ViewChild, EventEmitter, ChangeDetectorRef, NgZone, ElementRef, Output, HostBinding, signal, CUSTOM_ELEMENTS_SCHEMA, model, input, computed, viewChild, effect, output } from '@angular/core';
 import * as i1$3 from '@angular/forms';
 import { FormsModule, ControlContainer, NgForm } from '@angular/forms';
 import { MAT_DIALOG_DATA, MatDialogRef, MatDialogTitle, MatDialogContent, MatDialogActions, MatDialog, MatDialogClose } from '@angular/material/dialog';
-import * as i4$1 from '@angular/material/icon';
+import * as i4$2 from '@angular/material/icon';
 import { MatIcon, MatIconModule } from '@angular/material/icon';
 import * as i2$2 from '@firestitch/autocomplete-chips';
 import { FsAutocompleteChipsModule } from '@firestitch/autocomplete-chips';
@@ -53,11 +53,11 @@ import { guid } from '@firestitch/common';
 import { Router, ActivatedRoute, RouterLink } from '@angular/router';
 import * as i2$4 from '@firestitch/date';
 import { FsDateModule } from '@firestitch/date';
-import * as i6$1 from '@firestitch/skeleton';
+import * as i4$1 from '@firestitch/skeleton';
 import { FsSkeletonModule } from '@firestitch/skeleton';
-import { FsMarkdownEditorComponent, FsMarkdownRendererComponent } from '@firestitch/markdown-editor';
 import * as i1$4 from '@firestitch/chip';
 import { FsChipModule } from '@firestitch/chip';
+import { FsMarkdownRendererComponent, FsMarkdownEditorComponent } from '@firestitch/markdown-editor';
 import * as i1$5 from '@angular/material/expansion';
 import { MatExpansionModule } from '@angular/material/expansion';
 
@@ -350,12 +350,15 @@ function dateBoundString(value) {
 // the group-keyed path for charts/KPIs and the report bar.)
 // The query key fs-filter uses for a group's item(s).
 const itemName = (group) => `g${group.id}`;
-// A select group's distinct options, as { name, value } pairs. Options come from
-// the first member filter that declares them — members are the same data point,
-// so any member's list serves the group. The list is fetched once (the server
-// caps it) and replayed (shareReplay), so repeated reads never refetch. Shared
-// by the report-bar select control and the report-settings default picker so the
-// two never drift. Returns an empty list when no member provides options.
+// A select group's distinct options, as { name, value } pairs. The server sends
+// { value, label }: the value is what the filter matches on (an entity's stable
+// id) and the label is what the viewer reads — so a renamed entity keeps its id
+// and simply shows its new name here. Options come from the first member filter
+// that declares them — members are the same data point, so any member's list
+// serves the group. The list is fetched once (the server caps it) and replayed
+// (shareReplay), so repeated reads never refetch. Shared by the report-bar
+// select control and the report-settings default picker so the two never drift.
+// Returns an empty list when no member provides options.
 function loadGroupOptions(group, reportData, reportId) {
     const optionFilter = (group.filters ?? []).find((member) => member.hasOptions);
     if (!optionFilter) {
@@ -363,7 +366,19 @@ function loadGroupOptions(group, reportData, reportId) {
     }
     return reportData.filterOptions(reportId, optionFilter.id)
         .pipe(map((options) => (options ?? [])
-        .map((option) => ({ name: String(option), value: option }))), shareReplay({ bufferSize: 1, refCount: false }));
+        .map((option) => ({ name: option.label, value: option.value }))), shareReplay({ bufferSize: 1, refCount: false }));
+}
+// Stored filter values (ids) paired back with the labels to show for them.
+// A saved default holds only values, so the names have to be read back off the
+// option list — that indirection is exactly what survives a rename. A value with
+// no matching option (its entity was deleted, so it is no longer listed) falls
+// back to showing the raw value rather than dropping the chip, which would
+// silently widen the filter.
+function resolveOptionValues(options$, values) {
+    return options$.pipe(map((options) => values.map((value) => {
+        const option = options.find((candidate) => String(candidate.value) === String(value));
+        return { name: option?.name ?? String(value), value };
+    })));
 }
 // Case-insensitive name filter applied to a loaded option list — the typed
 // keyword has to be matched here because fs-autocomplete renders what we return
@@ -392,14 +407,17 @@ function filterItemForGroup(group, reportData, reportId, initial) {
         case 'select': {
             // One shared, replayed option stream so typing never refetches.
             const options$ = loadGroupOptions(group, reportData, reportId);
+            const values = initial?.values;
             return {
                 name,
                 type: ItemType.AutoCompleteChips,
                 label,
                 fetchOnFocus: true,
                 values: (keyword) => matchOptions(options$, keyword),
-                default: initial?.values?.length
-                    ? initial.values.map((value) => ({ name: String(value), value }))
+                // Stored values are ids, so the chips can only be named once the option
+                // list has loaded — hence the observable form of `default`.
+                default: values?.length
+                    ? () => resolveOptionValues(options$, values)
                     : undefined,
             };
         }
@@ -1104,9 +1122,11 @@ class ComponentListComponent {
                     name,
                     type: ItemType.AutoCompleteChips,
                     label,
+                    // The server sends { value, label }: the filter matches on the value
+                    // (an entity's stable id) while the viewer reads the label.
                     values: () => this._reportData.filterOptions(this.reportId, filter.id)
                         .pipe(map$1((options) => (options ?? [])
-                        .map((option) => ({ name: String(option), value: option })))),
+                        .map((option) => ({ name: option.label, value: option.value })))),
                 };
             case 'keyword':
             default:
@@ -2335,24 +2355,45 @@ class ReportSettingsComponent {
     // in bar order, seeding each draft from the group's stored default.
     _buildFilterRows(report) {
         const reportId = report.id;
-        const rows = (report.filterGroups ?? [])
+        const built = (report.filterGroups ?? [])
             .filter((group) => group.level === 'report' || group.level === 'both')
             .sort((a, b) => a.order - b.order)
             .map((group) => {
             const groupDefault = group.config?.default;
-            return {
+            // One shared, replayed option stream per group: the chips fetch and the
+            // stored default's labels read the same list, so it is fetched once.
+            const options$ = loadGroupOptions(group, this._reportData, reportId);
+            const row = {
                 group,
                 label: group.label || group.filters?.[0]?.filterColumn || 'Filter',
                 start: dateFromBound(groupDefault?.start),
                 end: dateFromBound(groupDefault?.end),
-                values: (groupDefault?.values ?? []).map((value) => ({ name: String(value), value })),
+                // Named below, once the option list carrying their labels is in.
+                values: [],
                 value: groupDefault?.value ?? '',
                 // fs-autocomplete-chips fetch: the group's distinct options, name-filtered.
                 // Same loader the report bar uses, so the two never drift.
-                fetch: (keyword) => matchOptions(loadGroupOptions(group, this._reportData, reportId), keyword),
+                fetch: (keyword) => matchOptions(options$, keyword),
             };
+            return { row, options$, values: groupDefault?.values ?? [] };
+        });
+        const rows = built.map((entry) => entry.row);
+        const seeded = built.filter((entry) => entry.values.length);
+        // Nothing to name — publish immediately rather than waiting on a request
+        // no row needs.
+        if (!seeded.length) {
+            this.filterRows.set(rows);
+            return;
+        }
+        // A stored select default holds ids, so its chips can only be named once the
+        // option list is in. Resolve every seeded row first and publish the rows in
+        // one go, so the tab never renders a chip showing a raw id.
+        forkJoin(seeded.map((entry) => resolveOptionValues(entry.options$, entry.values)))
+            .pipe(takeUntilDestroyed(this._destroyRef))
+            .subscribe((resolved) => {
+            resolved.forEach((values, index) => seeded[index].row.values = values);
+            this.filterRows.set(rows);
         });
-        this.filterRows.set(rows);
     }
     // The draft default normalized to the wire shape for this row's type, or null
     // when empty (which clears the stored default).
@@ -2541,7 +2582,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-DaBOoR9Z.mjs')).default;
+    const echarts = (await import('./firestitch-report-echarts-D9IzyGer.mjs')).default;
     const host = document.createElement('div');
     host.style.width = `${width}px`;
     host.style.height = `${height}px`;
@@ -3285,7 +3326,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-DaBOoR9Z.mjs').then((module) => module.default) }),
+            provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-D9IzyGer.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: [{
@@ -3299,7 +3340,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-DaBOoR9Z.mjs').then((module) => module.default) }),
+                        provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-D9IzyGer.mjs').then((module) => module.default) }),
                     ], imports: [
                         FormsModule,
                         FsAutocompleteChipsModule,
@@ -3317,6 +3358,49 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                 args: ['chatPanel', { static: true, read: ElementRef }]
             }] } });
 
+// The AI Knowledge document's version history (append-only), each version
+// previewed and restorable — opened from the Report Settings footer's View
+// History button. Restores happen here (confirm, then flip the current flag —
+// no new version is created); the opener refreshes its instructions after this
+// dialog closes, so a restore made here reseeds the editor there.
+class InstructionHistoryComponent {
+    _data = inject(MAT_DIALOG_DATA);
+    versions = signal(this._data.versions);
+    _reportData = inject(ReportData);
+    _prompt = inject(FsPrompt);
+    _message = inject(FsMessage);
+    _destroyRef = inject(DestroyRef);
+    // Make an earlier version current — flips the flag, creates no new version.
+    restore(version) {
+        this._prompt.confirm({
+            title: 'Restore version',
+            template: 'Make this version the current AI knowledge? The newer versions stay in the history.',
+            commitLabel: 'Restore',
+        })
+            .pipe(switchMap(() => this._reportData.restoreInstruction(version.id)), takeUntilDestroyed(this._destroyRef))
+            .subscribe((instructions) => {
+            this.versions.set(instructions.versions);
+            this._message.success('Version restored');
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InstructionHistoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: InstructionHistoryComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<fs-dialog>\n  <fs-dialog-title>\n    AI Knowledge History\n  </fs-dialog-title>\n  <mat-dialog-content>\n    @if (versions().length) {\n      <div class=\"versions\">\n        @for (version of versions(); track version.id) {\n          <div class=\"version\">\n            <div class=\"version-header\">\n              <fs-date\n                  [date]=\"version.createDate\"\n                  format=\"date-time\">\n              </fs-date>\n              @if (version.accountName) {\n                <span class=\"author\">{{ version.accountName }}</span>\n              }\n              <span class=\"spacer\"></span>\n              @if (version.current) {\n                <fs-chip\n                    size=\"tiny\"\n                    [backgroundColor]=\"'#2e7d32'\"\n                    color=\"#ffffff\">\n                  Current\n                </fs-chip>\n              } @else {\n                <button\n                    type=\"button\"\n                    mat-stroked-button\n                    (click)=\"restore(version)\">\n                  Restore\n                </button>\n              }\n            </div>\n            <div class=\"version-preview\">\n              <fs-markdown-renderer [markdown]=\"version.content\"></fs-markdown-renderer>\n            </div>\n          </div>\n        }\n      </div>\n    } @else {\n      <fs-message-info>\n        No versions yet \u2014 every save of the AI Knowledge document lands here, and\n        any version can be restored.\n      </fs-message-info>\n    }\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button\n        type=\"button\"\n        mat-button\n        color=\"primary\"\n        [mat-dialog-close]=\"null\">\n      Close\n    </button>\n  </mat-dialog-actions>\n</fs-dialog>\n", styles: [".version{border:1px solid rgba(0,0,0,.12);border-radius:6px;padding:12px}.version+.version{margin-top:12px}.version .version-header{display:flex;align-items:center;gap:8px}.version .version-header .author{color:#0009}.version .version-header .spacer{flex:1}.version .version-preview{margin-top:8px;max-height:200px;overflow-y:auto;border-top:1px solid rgba(0,0,0,.08);padding-top:8px}\n"], dependencies: [{ kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { 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: FsDialogModule }, { kind: "component", type: i3.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode", "mobileButtonPlacement", "mobileWidth", "mode", "buttonLayout"] }, { kind: "component", type: i3.FsDialogTitleComponent, selector: "fs-dialog-title", inputs: ["close", "dockToggle", "back"] }, { kind: "component", type: FsMarkdownRendererComponent, selector: "fs-markdown-renderer", inputs: ["config", "markdown"] }, { kind: "ngmodule", type: FsMessageModule }, { kind: "component", type: i4.FsMessageInfoComponent, selector: "fs-message-info" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InstructionHistoryComponent, decorators: [{
+            type: Component,
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+                        MatButton,
+                        MatDialogContent,
+                        MatDialogActions,
+                        MatDialogClose,
+                        FsChipModule,
+                        FsDateModule,
+                        FsDialogModule,
+                        FsMarkdownRendererComponent,
+                        FsMessageModule,
+                    ], template: "<fs-dialog>\n  <fs-dialog-title>\n    AI Knowledge History\n  </fs-dialog-title>\n  <mat-dialog-content>\n    @if (versions().length) {\n      <div class=\"versions\">\n        @for (version of versions(); track version.id) {\n          <div class=\"version\">\n            <div class=\"version-header\">\n              <fs-date\n                  [date]=\"version.createDate\"\n                  format=\"date-time\">\n              </fs-date>\n              @if (version.accountName) {\n                <span class=\"author\">{{ version.accountName }}</span>\n              }\n              <span class=\"spacer\"></span>\n              @if (version.current) {\n                <fs-chip\n                    size=\"tiny\"\n                    [backgroundColor]=\"'#2e7d32'\"\n                    color=\"#ffffff\">\n                  Current\n                </fs-chip>\n              } @else {\n                <button\n                    type=\"button\"\n                    mat-stroked-button\n                    (click)=\"restore(version)\">\n                  Restore\n                </button>\n              }\n            </div>\n            <div class=\"version-preview\">\n              <fs-markdown-renderer [markdown]=\"version.content\"></fs-markdown-renderer>\n            </div>\n          </div>\n        }\n      </div>\n    } @else {\n      <fs-message-info>\n        No versions yet \u2014 every save of the AI Knowledge document lands here, and\n        any version can be restored.\n      </fs-message-info>\n    }\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button\n        type=\"button\"\n        mat-button\n        color=\"primary\"\n        [mat-dialog-close]=\"null\">\n      Close\n    </button>\n  </mat-dialog-actions>\n</fs-dialog>\n", styles: [".version{border:1px solid rgba(0,0,0,.12);border-radius:6px;padding:12px}.version+.version{margin-top:12px}.version .version-header{display:flex;align-items:center;gap:8px}.version .version-header .author{color:#0009}.version .version-header .spacer{flex:1}.version .version-preview{margin-top:8px;max-height:200px;overflow-y:auto;border-top:1px solid rgba(0,0,0,.08);padding-top:8px}\n"] }]
+        }] });
+
 // The AI Knowledge tab: the operator-authored markdown document appended to the
 // report agent's system instructions on every chat turn — the lever for
 // terminology, business rules and special cases no code deploy can cover.
@@ -3367,35 +3451,80 @@ 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"] }]
         }] });
 
-// The History tab: every saved version of the AI Knowledge document
-// (append-only), each previewed and restorable. Restoring mutates the current
-// version and reseeds the editor — a parent concern — so this stays
-// presentational: it renders the versions it is given and emits the one to
-// restore.
-class HistoryComponent {
-    versions = input.required();
-    restore = output();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: HistoryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: HistoryComponent, isStandalone: true, selector: "fs-ai-report-global-settings-history", inputs: { versions: { classPropertyName: "versions", publicName: "versions", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { restore: "restore" }, ngImport: i0, template: "<div class=\"fs-column tab-body\">\n  @if (versions().length) {\n    @for (version of versions(); track version.id) {\n      <div class=\"version\">\n        <div class=\"version-header\">\n          <fs-date\n              [date]=\"version.createDate\"\n              format=\"date-time\">\n          </fs-date>\n          @if (version.accountName) {\n            <span class=\"author\">{{ version.accountName }}</span>\n          }\n          <span class=\"spacer\"></span>\n          @if (version.current) {\n            <fs-chip\n                size=\"tiny\"\n                [backgroundColor]=\"'#2e7d32'\"\n                color=\"#ffffff\">\n              Current\n            </fs-chip>\n          } @else {\n            <button\n                type=\"button\"\n                mat-stroked-button\n                (click)=\"restore.emit(version)\">\n              Restore\n            </button>\n          }\n        </div>\n        <div class=\"version-preview\">\n          <fs-markdown-renderer [markdown]=\"version.content\"></fs-markdown-renderer>\n        </div>\n      </div>\n    }\n  } @else {\n    <fs-message-info>\n      No versions yet \u2014 every save of the AI Knowledge document lands here, and\n      any version can be restored.\n    </fs-message-info>\n  }\n</div>\n", styles: [".tab-body{padding-top:16px}.version{border:1px solid rgba(0,0,0,.12);border-radius:6px;padding:12px}.version+.version{margin-top:12px}.version .version-header{display:flex;align-items:center;gap:8px}.version .version-header .author{color:#0009}.version .version-header .spacer{flex:1}.version .version-preview{margin-top:8px;max-height:200px;overflow-y:auto;border-top:1px solid rgba(0,0,0,.08);padding-top:8px}\n"], dependencies: [{ kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { 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.FsMessageInfoComponent, selector: "fs-message-info" }, { kind: "component", type: FsMarkdownRendererComponent, selector: "fs-markdown-renderer", inputs: ["config", "markdown"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+// 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.
+class EntityFunctionsComponent {
+    // One color per AI classification kind, so a function's nature reads at a glance.
+    static KIND_COLORS = {
+        'calculation': '#1565c0',
+        'business-rule': '#6a1b9a',
+        'query': '#00695c',
+        'mutation': '#e65100',
+        'accessor': '#546e7a',
+        'other': '#757575',
+    };
+    // Interesting logic first: derived values and rules, then data access, then the rest.
+    static KIND_ORDER = ['calculation', 'business-rule', 'query', 'mutation', 'accessor', 'other'];
+    _data = inject(MAT_DIALOG_DATA);
+    entityKey = this._data.entityKey;
+    sourceLabel = this._data.source === 'model' ? 'Model functions' : 'Handler functions';
+    // null until loaded — gates the list behind the skeleton.
+    entityFunctions = signal(null);
+    // The class this group's functions were discovered from.
+    discoveredClass = computed(() => {
+        const loaded = this.entityFunctions();
+        return this._data.source === 'model' ? loaded?.modelClass : loaded?.handlerClass;
+    });
+    // This group's functions, ordered by kind priority then method name.
+    functions = computed(() => this._sortFunctions((this.entityFunctions()?.functions ?? [])
+        .filter((fn) => fn.source === this._data.source)));
+    constructor() {
+        inject(ReportData).semanticEntityFunctions(this._data.entityKey)
+            .pipe(takeUntilDestroyed())
+            .subscribe((entityFunctions) => {
+            this.entityFunctions.set(entityFunctions);
+        });
+    }
+    kindColor(kind) {
+        return EntityFunctionsComponent.KIND_COLORS[kind] ?? EntityFunctionsComponent.KIND_COLORS.other;
+    }
+    _sortFunctions(functions) {
+        return [...functions]
+            .sort((a, b) => {
+            const kindDiff = this._kindRank(a.kind) - this._kindRank(b.kind);
+            return kindDiff !== 0 ? kindDiff : a.method.localeCompare(b.method);
+        });
+    }
+    _kindRank(kind) {
+        const rank = EntityFunctionsComponent.KIND_ORDER.indexOf(kind);
+        return rank === -1 ? EntityFunctionsComponent.KIND_ORDER.length : rank;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EntityFunctionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: EntityFunctionsComponent, isStandalone: true, selector: "ng-component", ngImport: i0, 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"], dependencies: [{ kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { 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: FsDialogModule }, { kind: "component", type: i3.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode", "mobileButtonPlacement", "mobileWidth", "mode", "buttonLayout"] }, { kind: "component", type: i3.FsDialogTitleComponent, selector: "fs-dialog-title", inputs: ["close", "dockToggle", "back"] }, { kind: "ngmodule", type: 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: HistoryComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EntityFunctionsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fs-ai-report-global-settings-history', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+            args: [{ changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
                         MatButton,
+                        MatDialogContent,
+                        MatDialogActions,
+                        MatDialogClose,
                         FsChipModule,
                         FsDateModule,
-                        FsMessageModule,
-                        FsMarkdownRendererComponent,
-                    ], template: "<div class=\"fs-column tab-body\">\n  @if (versions().length) {\n    @for (version of versions(); track version.id) {\n      <div class=\"version\">\n        <div class=\"version-header\">\n          <fs-date\n              [date]=\"version.createDate\"\n              format=\"date-time\">\n          </fs-date>\n          @if (version.accountName) {\n            <span class=\"author\">{{ version.accountName }}</span>\n          }\n          <span class=\"spacer\"></span>\n          @if (version.current) {\n            <fs-chip\n                size=\"tiny\"\n                [backgroundColor]=\"'#2e7d32'\"\n                color=\"#ffffff\">\n              Current\n            </fs-chip>\n          } @else {\n            <button\n                type=\"button\"\n                mat-stroked-button\n                (click)=\"restore.emit(version)\">\n              Restore\n            </button>\n          }\n        </div>\n        <div class=\"version-preview\">\n          <fs-markdown-renderer [markdown]=\"version.content\"></fs-markdown-renderer>\n        </div>\n      </div>\n    }\n  } @else {\n    <fs-message-info>\n      No versions yet \u2014 every save of the AI Knowledge document lands here, and\n      any version can be restored.\n    </fs-message-info>\n  }\n</div>\n", styles: [".tab-body{padding-top:16px}.version{border:1px solid rgba(0,0,0,.12);border-radius:6px;padding:12px}.version+.version{margin-top:12px}.version .version-header{display:flex;align-items:center;gap:8px}.version .version-header .author{color:#0009}.version .version-header .spacer{flex:1}.version .version-preview{margin-top:8px;max-height:200px;overflow-y:auto;border-top:1px solid rgba(0,0,0,.08);padding-top:8px}\n"] }]
-        }] });
+                        FsDialogModule,
+                        FsSkeletonModule,
+                    ], 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 model scoreboard the report AI is 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
-// entity to reveal its shape, inlined enum values, computed fields and the
-// AI-classified code functions cached from its model class. Each entity's
-// functions load lazily on first expand, because the full set across all
-// entities is far too big to ship with the scoreboard.
+// 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).
 class SemanticDatabaseComponent {
     // The build-in-flight states of the ff_processes row (queued/running/stopping).
     static ACTIVE_STATES = ['Q', 'R', 'X'];
@@ -3412,17 +3541,6 @@ class SemanticDatabaseComponent {
     // failure.
     static DONE_COLOR = '#2e7d32';
     static PENDING_COLOR = '#9e9e9e';
-    // One color per AI classification kind, so a function's nature reads at a glance.
-    static KIND_COLORS = {
-        'calculation': '#1565c0',
-        'business-rule': '#6a1b9a',
-        'query': '#00695c',
-        'mutation': '#e65100',
-        'accessor': '#546e7a',
-        'other': '#757575',
-    };
-    // Interesting logic first: derived values and rules, then data access, then the rest.
-    static KIND_ORDER = ['calculation', 'business-rule', 'query', 'mutation', 'accessor', 'other'];
     // The scoreboard's per-entity stage chips, left to right.
     stageKeys = ['introspected', 'enumsInlined', 'computed', 'functions'];
     stageLabels = {
@@ -3438,12 +3556,10 @@ class SemanticDatabaseComponent {
     buildActive = computed(() => this.building()
         || SemanticDatabaseComponent.ACTIVE_STATES.includes(this.status()?.build?.state));
     buildStateLabel = computed(() => SemanticDatabaseComponent.STATE_LABELS[this.status()?.build?.state] ?? '');
-    // Per-entity function caches, loaded on first expand. undefined = not
-    // requested yet, null = request in flight (the skeleton window), object = loaded.
-    _entityFunctions = signal({});
     // Guards the outcome message to fire exactly once per run — whether the stream
     // completes (build finished, possibly failed) or errors outright.
     _buildFinalized = false;
+    _dialog = inject(MatDialog);
     _reportData = inject(ReportData);
     _process = inject(FsProcess);
     _prompt = inject(FsPrompt);
@@ -3511,9 +3627,6 @@ class SemanticDatabaseComponent {
         }
         this._buildFinalized = true;
         this.building.set(false);
-        // The build rewrote every entity's function cache — drop the loaded copies
-        // so the next expand refetches fresh data.
-        this._entityFunctions.set({});
         if (streamError) {
             this._message.error('The semantic database build could not run — check the AI connection and try again.');
             this._refreshStatus();
@@ -3548,37 +3661,18 @@ class SemanticDatabaseComponent {
     stageTooltip(stage) {
         return stage === 'done' ? 'Built' : 'Needs building';
     }
-    kindColor(kind) {
-        return SemanticDatabaseComponent.KIND_COLORS[kind] ?? SemanticDatabaseComponent.KIND_COLORS.other;
-    }
-    /**
-     * The loaded function cache for an entity: undefined until the panel is first
-     * expanded, null while the request is in flight (the skeleton window), then
-     * the loaded cache.
-     */
-    entityFunctions(key) {
-        return this._entityFunctions()[key];
-    }
     /**
-     * First expand of an entity: fetch its cached functions through the per-entity
-     * endpoint. Subsequent expands reuse the loaded copy (a finished build clears
-     * the copies so a re-expand refetches fresh data).
+     * 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.
      */
-    entityOpened(entity) {
-        if (this._entityFunctions()[entity.key] !== undefined) {
-            return;
-        }
-        this._entityFunctions.update((loaded) => ({ ...loaded, [entity.key]: null }));
-        this._reportData.semanticEntityFunctions(entity.key)
-            .pipe(takeUntilDestroyed(this._destroyRef))
-            .subscribe((entityFunctions) => {
-            this._entityFunctions.update((loaded) => ({
-                ...loaded,
-                [entity.key]: {
-                    ...entityFunctions,
-                    functions: this._sortFunctions(entityFunctions),
-                },
-            }));
+    openFunctions(entity, source) {
+        this._dialog.open(EntityFunctionsComponent, {
+            width: '700px',
+            maxWidth: '95vw',
+            maxHeight: '85vh',
+            autoFocus: false,
+            data: { entityKey: entity.key, source },
         });
     }
     _init() {
@@ -3589,23 +3683,8 @@ class SemanticDatabaseComponent {
             .pipe(takeUntilDestroyed(this._destroyRef))
             .subscribe((status) => this.status.set(status));
     }
-    /**
-     * Order once at load time (kind priority, then method name) so the template
-     * renders the list as-is.
-     */
-    _sortFunctions(entityFunctions) {
-        return [...entityFunctions.functions]
-            .sort((a, b) => {
-            const kindDiff = this._kindRank(a.kind) - this._kindRank(b.kind);
-            return kindDiff !== 0 ? kindDiff : a.method.localeCompare(b.method);
-        });
-    }
-    _kindRank(kind) {
-        const rank = SemanticDatabaseComponent.KIND_ORDER.indexOf(kind);
-        return rank === -1 ? SemanticDatabaseComponent.KIND_ORDER.length : rank;
-    }
     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>\n              {{ buildStatus.detail.entityCount }} entities \u00B7\n              {{ buildStatus.detail.functionCount }} code functions\n            </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 model scoreboard: every entity the AI knows about, its\n           built-vs-needs-building stages, and a drill-down into its shape, enum\n           values, computed fields and AI-classified code functions. -->\n      @if (buildStatus.detail.entities?.length) {\n        <mat-accordion class=\"entities\">\n          @for (entity of buildStatus.detail.entities; track entity.key) {\n            <mat-expansion-panel (opened)=\"entityOpened(entity)\">\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 (and its functions request) only exists\n                   once expanded. -->\n              <ng-template matExpansionPanelContent>\n                <div class=\"entity-detail\">\n                  <div><strong>Table:</strong> {{ entity.table }}</div>\n                  <div><strong>Columns:</strong> {{ entity.columns }}</div>\n                  <div><strong>Relationships:</strong> {{ entity.relationships }}</div>\n                  @if (entity.enums.length) {\n                    <div class=\"enum-list\">\n                      <strong>Enum values:</strong>\n                      @for (enumColumn of entity.enums; track enumColumn.column) {\n                        <div class=\"enum-row\">\n                          <span class=\"enum-column\">{{ enumColumn.column }}</span>\n                          <span class=\"enum-values\">{{ enumColumn.values.join(', ') }}</span>\n                        </div>\n                      }\n                    </div>\n                  }\n                  @if (entity.computedFields.length) {\n                    <div><strong>Computed fields:</strong> {{ entity.computedFields.join(', ') }}</div>\n                  }\n\n                  <div class=\"functions-section\">\n                    <h3 class=\"functions-heading\">\n                      Code functions\n                      @if (entity.functionCount) {\n                        <span class=\"functions-count\">({{ entity.functionCount }})</span>\n                      }\n                    </h3>\n\n                    <div class=\"functions-body\" *fsSkeleton=\"entityFunctions(entity.key)\">\n                      @if (entityFunctions(entity.key); as fns) {\n                        @if (fns.functions.length) {\n                          @if (fns.generatedAt) {\n                            <div class=\"hint functions-generated\">\n                              Discovered from {{ fns.class }} &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 fns.functions; track 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                  </div>\n                </div>\n              </ng-template>\n            </mat-expansion-panel>\n          }\n        </mat-accordion>\n      }\n    }\n  </div>\n</div>\n", styles: [".tab-body{padding-top:16px}.hint{margin:0 0 12px;color:#0009;font-size:13px;line-height:1.5}.build-status{display:flex;flex-direction:column;gap:8px}.build-status .stat{display:flex;gap:8px}.build-status .stat .label{min-width:110px;color:#0009}.entities{display:block;padding:3px}.entities .stage-chips{display:flex;flex-wrap:wrap;gap:4px}.entities .entity-detail{display:flex;flex-direction:column;gap:5px}.entities .entity-detail .enum-list{display:flex;flex-direction:column;gap:3px}.entities .entity-detail .enum-list .enum-row{display:flex;gap:10px;padding-left:10px}.entities .entity-detail .enum-list .enum-row .enum-column{min-width:140px;font-weight:600}.entities .entity-detail .enum-list .enum-row .enum-values{color:#0009}.entities .entity-detail .functions-section{margin-top:10px}.entities .entity-detail .functions-section .functions-heading{margin:0 0 5px;font-size:15px}.entities .entity-detail .functions-section .functions-heading .functions-count{font-weight:400;color:#0009}.entities .entity-detail .functions-section .functions-generated{margin-bottom:10px}.entities .entity-detail .functions-section .functions-list{display:flex;flex-direction:column}.entities .entity-detail .functions-section .functions-list .function-row{display:flex;flex-direction:column;gap:3px;padding:10px 0}.entities .entity-detail .functions-section .functions-list .function-row+.function-row{border-top:1px solid rgba(0,0,0,.08)}.entities .entity-detail .functions-section .functions-list .function-row .function-head{display:flex;align-items:center;gap:8px}.entities .entity-detail .functions-section .functions-list .function-row .function-method{font-family:monospace;font-size:13px;font-weight:600}.entities .entity-detail .functions-section .functions-list .function-row .function-summary{color:#000000bf}.entities .entity-detail .functions-section .functions-list .function-row .function-produces{padding-left:10px}\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: i6$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>\n              {{ buildStatus.detail.entityCount }} entities \u00B7\n              {{ buildStatus.detail.functionCount }} code functions\n            </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=\"enum-list\">\n                        @for (enumColumn of entity.enums; track enumColumn.column) {\n                          <div class=\"enum-row\">\n                            <span class=\"enum-column\">{{ 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  </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}.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}.entities .entity-detail .enum-list{display:flex;flex-direction:column;gap:3px}.entities .entity-detail .enum-list .enum-row{display:flex;gap:12px}.entities .entity-detail .enum-list .enum-row .enum-column{flex:0 0 140px;white-space:nowrap;color:#0009}\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,
@@ -3616,7 +3695,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>\n              {{ buildStatus.detail.entityCount }} entities \u00B7\n              {{ buildStatus.detail.functionCount }} code functions\n            </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 model scoreboard: every entity the AI knows about, its\n           built-vs-needs-building stages, and a drill-down into its shape, enum\n           values, computed fields and AI-classified code functions. -->\n      @if (buildStatus.detail.entities?.length) {\n        <mat-accordion class=\"entities\">\n          @for (entity of buildStatus.detail.entities; track entity.key) {\n            <mat-expansion-panel (opened)=\"entityOpened(entity)\">\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 (and its functions request) only exists\n                   once expanded. -->\n              <ng-template matExpansionPanelContent>\n                <div class=\"entity-detail\">\n                  <div><strong>Table:</strong> {{ entity.table }}</div>\n                  <div><strong>Columns:</strong> {{ entity.columns }}</div>\n                  <div><strong>Relationships:</strong> {{ entity.relationships }}</div>\n                  @if (entity.enums.length) {\n                    <div class=\"enum-list\">\n                      <strong>Enum values:</strong>\n                      @for (enumColumn of entity.enums; track enumColumn.column) {\n                        <div class=\"enum-row\">\n                          <span class=\"enum-column\">{{ enumColumn.column }}</span>\n                          <span class=\"enum-values\">{{ enumColumn.values.join(', ') }}</span>\n                        </div>\n                      }\n                    </div>\n                  }\n                  @if (entity.computedFields.length) {\n                    <div><strong>Computed fields:</strong> {{ entity.computedFields.join(', ') }}</div>\n                  }\n\n                  <div class=\"functions-section\">\n                    <h3 class=\"functions-heading\">\n                      Code functions\n                      @if (entity.functionCount) {\n                        <span class=\"functions-count\">({{ entity.functionCount }})</span>\n                      }\n                    </h3>\n\n                    <div class=\"functions-body\" *fsSkeleton=\"entityFunctions(entity.key)\">\n                      @if (entityFunctions(entity.key); as fns) {\n                        @if (fns.functions.length) {\n                          @if (fns.generatedAt) {\n                            <div class=\"hint functions-generated\">\n                              Discovered from {{ fns.class }} &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 fns.functions; track 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                  </div>\n                </div>\n              </ng-template>\n            </mat-expansion-panel>\n          }\n        </mat-accordion>\n      }\n    }\n  </div>\n</div>\n", styles: [".tab-body{padding-top:16px}.hint{margin:0 0 12px;color:#0009;font-size:13px;line-height:1.5}.build-status{display:flex;flex-direction:column;gap:8px}.build-status .stat{display:flex;gap:8px}.build-status .stat .label{min-width:110px;color:#0009}.entities{display:block;padding:3px}.entities .stage-chips{display:flex;flex-wrap:wrap;gap:4px}.entities .entity-detail{display:flex;flex-direction:column;gap:5px}.entities .entity-detail .enum-list{display:flex;flex-direction:column;gap:3px}.entities .entity-detail .enum-list .enum-row{display:flex;gap:10px;padding-left:10px}.entities .entity-detail .enum-list .enum-row .enum-column{min-width:140px;font-weight:600}.entities .entity-detail .enum-list .enum-row .enum-values{color:#0009}.entities .entity-detail .functions-section{margin-top:10px}.entities .entity-detail .functions-section .functions-heading{margin:0 0 5px;font-size:15px}.entities .entity-detail .functions-section .functions-heading .functions-count{font-weight:400;color:#0009}.entities .entity-detail .functions-section .functions-generated{margin-bottom:10px}.entities .entity-detail .functions-section .functions-list{display:flex;flex-direction:column}.entities .entity-detail .functions-section .functions-list .function-row{display:flex;flex-direction:column;gap:3px;padding:10px 0}.entities .entity-detail .functions-section .functions-list .function-row+.function-row{border-top:1px solid rgba(0,0,0,.08)}.entities .entity-detail .functions-section .functions-list .function-row .function-head{display:flex;align-items:center;gap:8px}.entities .entity-detail .functions-section .functions-list .function-row .function-method{font-family:monospace;font-size:13px;font-weight:600}.entities .entity-detail .functions-section .functions-list .function-row .function-summary{color:#000000bf}.entities .entity-detail .functions-section .functions-list .function-row .function-produces{padding-left:10px}\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>\n              {{ buildStatus.detail.entityCount }} entities \u00B7\n              {{ buildStatus.detail.functionCount }} code functions\n            </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=\"enum-list\">\n                        @for (enumColumn of entity.enums; track enumColumn.column) {\n                          <div class=\"enum-row\">\n                            <span class=\"enum-column\">{{ 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  </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}.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}.entities .entity-detail .enum-list{display:flex;flex-direction:column;gap:3px}.entities .entity-detail .enum-list .enum-row{display:flex;gap:12px}.entities .entity-detail .enum-list .enum-row .enum-column{flex:0 0 140px;white-space:nowrap;color:#0009}\n"] }]
         }], ctorParameters: () => [] });
 
 // Matches the backend cap (ReportsView::INSTRUCTIONS_MAX_LENGTH) — the document
@@ -3642,14 +3721,14 @@ const SCAFFOLD = [
 // the dialog frame, the tab group, and a per-tab footer. Each tab is its own
 // component —
 //   AI Knowledge — the operator-authored markdown document appended to the
-//   report agent's system instructions on every chat turn.
-//   History — every saved version (append-only), any of which can be restored.
+//   report agent's system instructions on every chat turn. Its footer carries a
+//   View History button opening the version-history dialog (restores happen
+//   there; the shell refreshes on close).
 //   Semantic Database — the build scoreboard the AI is built from, with a
 //   self-contained Build action.
 //   General — report-module settings (the semantic-build concurrency).
-// The shell owns the shared data (the instructions document for the first two
-// tabs, the settings for General) plus the tab-aware save; everything else lives
-// in the children.
+// The shell owns the shared data (the instructions document, the settings for
+// General) plus the tab-aware save; everything else lives in the children.
 class GlobalSettingsComponent {
     selectedTab = 'knowledge';
     // The Semantic Database tab component, so the shared footer can drive its
@@ -3670,9 +3749,9 @@ class GlobalSettingsComponent {
     // Gate the whole form on both loads, so every tab's fields are ready to render.
     loaded = computed(() => !!this.instructions() && !!this.settings());
     _dialogRef = inject(MatDialogRef);
+    _dialog = inject(MatDialog);
     _reportData = inject(ReportData);
     _message = inject(FsMessage);
-    _prompt = inject(FsPrompt);
     _destroyRef = inject(DestroyRef);
     constructor() {
         this._init();
@@ -3694,17 +3773,28 @@ class GlobalSettingsComponent {
             this._dialogRef.close(instructions);
         }));
     };
-    // Make an earlier version current — flips the flag, creates no new version.
-    restore(version) {
-        this._prompt.confirm({
-            title: 'Restore version',
-            template: 'Make this version the current AI knowledge? The newer versions stay in the history.',
-            commitLabel: 'Restore',
+    // Open the version-history dialog. Restores happen inside it, so when it
+    // closes (however it closes) re-fetch the document: a restore changed the
+    // current version and must reseed the editor; otherwise just refresh the
+    // version list without touching an unsaved draft.
+    openHistory() {
+        const currentId = this.instructions()?.instructions?.id;
+        this._dialog.open(InstructionHistoryComponent, {
+            width: '800px',
+            maxWidth: '95vw',
+            maxHeight: '85vh',
+            autoFocus: false,
+            data: { versions: this.instructions()?.versions ?? [] },
         })
-            .pipe(switchMap(() => this._reportData.restoreInstruction(version.id)), takeUntilDestroyed(this._destroyRef))
+            .afterClosed()
+            .pipe(switchMap(() => this._reportData.instructions()), takeUntilDestroyed(this._destroyRef))
             .subscribe((instructions) => {
-            this._applyInstructions(instructions);
-            this._message.success('Version restored');
+            if (instructions.instructions?.id !== currentId) {
+                this._applyInstructions(instructions);
+            }
+            else {
+                this.instructions.set(instructions);
+            }
         });
     }
     _init() {
@@ -3724,7 +3814,7 @@ class GlobalSettingsComponent {
         this.concurrency.set(settings.semanticBuildConcurrency);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GlobalSettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GlobalSettingsComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "semanticDatabase", first: true, predicate: SemanticDatabaseComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<form\n    *fsSkeletonForm=\"loaded()\"\n    fsForm\n    [submit]=\"save\">\n  <fs-dialog>\n    <fs-dialog-title>\n      Report Settings\n    </fs-dialog-title>\n    <mat-dialog-content>\n      <mat-tab-group [(selected)]=\"selectedTab\">\n        <mat-tab\n            label=\"AI Knowledge\"\n            name=\"knowledge\">\n          <fs-ai-report-global-settings-ai-knowledge\n              [content]=\"content()\"\n              (contentChange)=\"content.set($event)\"\n              [config]=\"editorConfig\">\n          </fs-ai-report-global-settings-ai-knowledge>\n        </mat-tab>\n        <mat-tab\n            label=\"History\"\n            name=\"history\">\n          <fs-ai-report-global-settings-history\n              [versions]=\"instructions()?.versions ?? []\"\n              (restore)=\"restore($event)\">\n          </fs-ai-report-global-settings-history>\n        </mat-tab>\n        <mat-tab\n            label=\"Semantic Database\"\n            name=\"build\">\n          <fs-ai-report-global-settings-semantic-database>\n          </fs-ai-report-global-settings-semantic-database>\n        </mat-tab>\n        <mat-tab\n            label=\"General\"\n            name=\"general\">\n          <fs-ai-report-global-settings-general\n              [concurrency]=\"concurrency()\"\n              (concurrencyChange)=\"concurrency.set($event)\"\n              [min]=\"settings()!.semanticBuildConcurrencyMin\"\n              [max]=\"settings()!.semanticBuildConcurrencyMax\">\n          </fs-ai-report-global-settings-general>\n        </mat-tab>\n      </mat-tab-group>\n    </mat-dialog-content>\n    <mat-dialog-actions>\n      <!-- The footer follows the selected tab. AI Knowledge and General are the\n           editable tabs, so they get Save/Cancel; History and Semantic Database\n           are read/run surfaces, so they get a primary Close. The Semantic\n           Database tab also carries its Build/Rebuild/Stop action beside Close. -->\n      <fs-form-dialog-actions [save]=\"selectedTab === 'knowledge' || selectedTab === 'general'\">\n        @if (selectedTab !== 'knowledge' && selectedTab !== 'general') {\n          <button\n              type=\"button\"\n              mat-button\n              color=\"primary\"\n              [mat-dialog-close]=\"undefined\">\n            Close\n          </button>\n        }\n        @if (selectedTab === 'build' && semanticDatabase(); as db) {\n          @if (db.buildActive()) {\n            <button\n                type=\"button\"\n                mat-button\n                color=\"warn\"\n                (click)=\"db.stopBuild()\">\n              Stop Build\n            </button>\n          } @else {\n            @if (db.status(); as buildStatus) {\n              <button\n                  type=\"button\"\n                  mat-button\n                  (click)=\"db.build()\">\n                {{ buildStatus.detail.generatedAt ? 'Rebuild' : 'Build' }}\n              </button>\n            }\n          }\n        }\n      </fs-form-dialog-actions>\n    </mat-dialog-actions>\n  </fs-dialog>\n</form>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FsDialogModule }, { kind: "component", type: i3.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode", "mobileButtonPlacement", "mobileWidth", "mode", "buttonLayout"] }, { kind: "component", type: i3.FsDialogTitleComponent, selector: "fs-dialog-title", inputs: ["close", "dockToggle", "back"] }, { kind: "ngmodule", type: FsFormModule }, { kind: "directive", type: i2$1.FsFormDirective, selector: "[fsForm]", inputs: ["wrapperSelector", "messageSelector", "hintSelector", "labelSelector", "autocomplete", "shortcuts", "confirm", "confirmDialog", "confirmDrawer", "confirmBrowser", "dirtySubmitButton", "submit", "successDelay", "errorDelay", "deactivationGuard"], outputs: ["fsForm", "invalid", "valid", "submitted", "reseted", "cleared"], exportAs: ["fsForm"] }, { kind: "component", type: i2$1.FsFormDialogActionsComponent, selector: "fs-form-dialog-actions", inputs: ["save", "create", "close", "done", "closeData", "name"] }, { kind: "directive", type: i2$1.FsButtonDirective, selector: "[mat-raised-button],[mat-button],[mat-flat-button],[mat-stroked-button]", inputs: ["name", "dirtySubmit"] }, { kind: "ngmodule", type: FsSkeletonModule }, { kind: "directive", type: i6$1.FsSkeletonFormDirective, selector: "[fsSkeletonForm]", inputs: ["fsSkeletonForm", "fsSkeletonFormLines"] }, { kind: "ngmodule", type: FsTabsModule }, { kind: "directive", type: i5.FsTabsHeaderTabGroupDirective, selector: "mat-tab-group, matTabGroup, [matTabGroup]", inputs: ["orientation", "selected", "selectedData"], outputs: ["selectedChange", "selectedDataChange"], exportAs: ["fsTabsHeaderTabGroup"] }, { kind: "directive", type: i5.FsTabsTabDirective, selector: "mat-tab,matTab", inputs: ["name", "data"], exportAs: ["fsTabsTab"] }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i5$1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i5$1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: AiKnowledgeComponent, selector: "fs-ai-report-global-settings-ai-knowledge", inputs: ["content", "config"], outputs: ["contentChange"] }, { kind: "component", type: GeneralComponent, selector: "fs-ai-report-global-settings-general", inputs: ["concurrency", "min", "max"], outputs: ["concurrencyChange"] }, { kind: "component", type: HistoryComponent, selector: "fs-ai-report-global-settings-history", inputs: ["versions"], outputs: ["restore"] }, { kind: "component", type: SemanticDatabaseComponent, selector: "fs-ai-report-global-settings-semantic-database" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: GlobalSettingsComponent, isStandalone: true, selector: "ng-component", viewQueries: [{ propertyName: "semanticDatabase", first: true, predicate: SemanticDatabaseComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<form\n    *fsSkeletonForm=\"loaded()\"\n    fsForm\n    [submit]=\"save\">\n  <fs-dialog>\n    <fs-dialog-title>\n      Report Settings\n    </fs-dialog-title>\n    <mat-dialog-content>\n      <mat-tab-group [(selected)]=\"selectedTab\">\n        <mat-tab\n            label=\"AI Knowledge\"\n            name=\"knowledge\">\n          <fs-ai-report-global-settings-ai-knowledge\n              [content]=\"content()\"\n              (contentChange)=\"content.set($event)\"\n              [config]=\"editorConfig\">\n          </fs-ai-report-global-settings-ai-knowledge>\n        </mat-tab>\n        <mat-tab\n            label=\"Semantic Database\"\n            name=\"build\">\n          <fs-ai-report-global-settings-semantic-database>\n          </fs-ai-report-global-settings-semantic-database>\n        </mat-tab>\n        <mat-tab\n            label=\"General\"\n            name=\"general\">\n          <fs-ai-report-global-settings-general\n              [concurrency]=\"concurrency()\"\n              (concurrencyChange)=\"concurrency.set($event)\"\n              [min]=\"settings()!.semanticBuildConcurrencyMin\"\n              [max]=\"settings()!.semanticBuildConcurrencyMax\">\n          </fs-ai-report-global-settings-general>\n        </mat-tab>\n      </mat-tab-group>\n    </mat-dialog-content>\n    <mat-dialog-actions>\n      <!-- The footer follows the selected tab. AI Knowledge projects its own\n           Save | View History | Cancel row (fs-form-dialog-actions renders\n           projected content after Save/Cancel, so the default pair can't keep\n           View History beside Save); General uses the default Save/Cancel; the\n           Semantic Database tab is a read/run surface, so it gets a primary\n           Close plus its Build/Rebuild/Stop action. -->\n      <fs-form-dialog-actions [save]=\"selectedTab === 'general'\">\n        @if (selectedTab === 'knowledge') {\n          <button\n              type=\"submit\"\n              mat-button\n              color=\"primary\">\n            Save\n          </button>\n          <button\n              type=\"button\"\n              mat-button\n              (click)=\"openHistory()\">\n            View History\n          </button>\n          <button\n              type=\"button\"\n              mat-button\n              [mat-dialog-close]=\"null\">\n            Cancel\n          </button>\n        }\n        @if (selectedTab === 'build') {\n          <button\n              type=\"button\"\n              mat-button\n              color=\"primary\"\n              [mat-dialog-close]=\"undefined\">\n            Close\n          </button>\n        }\n        @if (selectedTab === 'build' && semanticDatabase(); as db) {\n          @if (db.buildActive()) {\n            <button\n                type=\"button\"\n                mat-button\n                color=\"warn\"\n                (click)=\"db.stopBuild()\">\n              Stop Build\n            </button>\n          } @else {\n            @if (db.status(); as buildStatus) {\n              <button\n                  type=\"button\"\n                  mat-button\n                  (click)=\"db.build()\">\n                {{ buildStatus.detail.generatedAt ? 'Rebuild' : 'Build' }}\n              </button>\n            }\n          }\n        }\n      </fs-form-dialog-actions>\n    </mat-dialog-actions>\n  </fs-dialog>\n</form>\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: FsDialogModule }, { kind: "component", type: i3.FsDialogComponent, selector: "fs-dialog", inputs: ["mobileMode", "mobileButtonPlacement", "mobileWidth", "mode", "buttonLayout"] }, { kind: "component", type: i3.FsDialogTitleComponent, selector: "fs-dialog-title", inputs: ["close", "dockToggle", "back"] }, { kind: "ngmodule", type: FsFormModule }, { kind: "directive", type: i2$1.FsFormDirective, selector: "[fsForm]", inputs: ["wrapperSelector", "messageSelector", "hintSelector", "labelSelector", "autocomplete", "shortcuts", "confirm", "confirmDialog", "confirmDrawer", "confirmBrowser", "dirtySubmitButton", "submit", "successDelay", "errorDelay", "deactivationGuard"], outputs: ["fsForm", "invalid", "valid", "submitted", "reseted", "cleared"], exportAs: ["fsForm"] }, { kind: "component", type: i2$1.FsFormDialogActionsComponent, selector: "fs-form-dialog-actions", inputs: ["save", "create", "close", "done", "closeData", "name"] }, { kind: "directive", type: i2$1.FsButtonDirective, selector: "[mat-raised-button],[mat-button],[mat-flat-button],[mat-stroked-button]", inputs: ["name", "dirtySubmit"] }, { kind: "ngmodule", type: FsSkeletonModule }, { kind: "directive", type: i4$1.FsSkeletonFormDirective, selector: "[fsSkeletonForm]", inputs: ["fsSkeletonForm", "fsSkeletonFormLines"] }, { kind: "ngmodule", type: FsTabsModule }, { kind: "directive", type: i5.FsTabsHeaderTabGroupDirective, selector: "mat-tab-group, matTabGroup, [matTabGroup]", inputs: ["orientation", "selected", "selectedData"], outputs: ["selectedChange", "selectedDataChange"], exportAs: ["fsTabsHeaderTabGroup"] }, { kind: "directive", type: i5.FsTabsTabDirective, selector: "mat-tab,matTab", inputs: ["name", "data"], exportAs: ["fsTabsTab"] }, { kind: "component", type: MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "directive", type: MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatTabsModule }, { kind: "component", type: i5$1.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass"], exportAs: ["matTab"] }, { kind: "component", type: i5$1.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "component", type: AiKnowledgeComponent, selector: "fs-ai-report-global-settings-ai-knowledge", inputs: ["content", "config"], outputs: ["contentChange"] }, { kind: "component", type: GeneralComponent, selector: "fs-ai-report-global-settings-general", inputs: ["concurrency", "min", "max"], outputs: ["concurrencyChange"] }, { kind: "component", type: SemanticDatabaseComponent, selector: "fs-ai-report-global-settings-semantic-database" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: GlobalSettingsComponent, decorators: [{
             type: Component,
@@ -3741,9 +3831,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         MatTabsModule,
                         AiKnowledgeComponent,
                         GeneralComponent,
-                        HistoryComponent,
                         SemanticDatabaseComponent,
-                    ], template: "<form\n    *fsSkeletonForm=\"loaded()\"\n    fsForm\n    [submit]=\"save\">\n  <fs-dialog>\n    <fs-dialog-title>\n      Report Settings\n    </fs-dialog-title>\n    <mat-dialog-content>\n      <mat-tab-group [(selected)]=\"selectedTab\">\n        <mat-tab\n            label=\"AI Knowledge\"\n            name=\"knowledge\">\n          <fs-ai-report-global-settings-ai-knowledge\n              [content]=\"content()\"\n              (contentChange)=\"content.set($event)\"\n              [config]=\"editorConfig\">\n          </fs-ai-report-global-settings-ai-knowledge>\n        </mat-tab>\n        <mat-tab\n            label=\"History\"\n            name=\"history\">\n          <fs-ai-report-global-settings-history\n              [versions]=\"instructions()?.versions ?? []\"\n              (restore)=\"restore($event)\">\n          </fs-ai-report-global-settings-history>\n        </mat-tab>\n        <mat-tab\n            label=\"Semantic Database\"\n            name=\"build\">\n          <fs-ai-report-global-settings-semantic-database>\n          </fs-ai-report-global-settings-semantic-database>\n        </mat-tab>\n        <mat-tab\n            label=\"General\"\n            name=\"general\">\n          <fs-ai-report-global-settings-general\n              [concurrency]=\"concurrency()\"\n              (concurrencyChange)=\"concurrency.set($event)\"\n              [min]=\"settings()!.semanticBuildConcurrencyMin\"\n              [max]=\"settings()!.semanticBuildConcurrencyMax\">\n          </fs-ai-report-global-settings-general>\n        </mat-tab>\n      </mat-tab-group>\n    </mat-dialog-content>\n    <mat-dialog-actions>\n      <!-- The footer follows the selected tab. AI Knowledge and General are the\n           editable tabs, so they get Save/Cancel; History and Semantic Database\n           are read/run surfaces, so they get a primary Close. The Semantic\n           Database tab also carries its Build/Rebuild/Stop action beside Close. -->\n      <fs-form-dialog-actions [save]=\"selectedTab === 'knowledge' || selectedTab === 'general'\">\n        @if (selectedTab !== 'knowledge' && selectedTab !== 'general') {\n          <button\n              type=\"button\"\n              mat-button\n              color=\"primary\"\n              [mat-dialog-close]=\"undefined\">\n            Close\n          </button>\n        }\n        @if (selectedTab === 'build' && semanticDatabase(); as db) {\n          @if (db.buildActive()) {\n            <button\n                type=\"button\"\n                mat-button\n                color=\"warn\"\n                (click)=\"db.stopBuild()\">\n              Stop Build\n            </button>\n          } @else {\n            @if (db.status(); as buildStatus) {\n              <button\n                  type=\"button\"\n                  mat-button\n                  (click)=\"db.build()\">\n                {{ buildStatus.detail.generatedAt ? 'Rebuild' : 'Build' }}\n              </button>\n            }\n          }\n        }\n      </fs-form-dialog-actions>\n    </mat-dialog-actions>\n  </fs-dialog>\n</form>\n", styles: [":host{display:block}\n"] }]
+                    ], template: "<form\n    *fsSkeletonForm=\"loaded()\"\n    fsForm\n    [submit]=\"save\">\n  <fs-dialog>\n    <fs-dialog-title>\n      Report Settings\n    </fs-dialog-title>\n    <mat-dialog-content>\n      <mat-tab-group [(selected)]=\"selectedTab\">\n        <mat-tab\n            label=\"AI Knowledge\"\n            name=\"knowledge\">\n          <fs-ai-report-global-settings-ai-knowledge\n              [content]=\"content()\"\n              (contentChange)=\"content.set($event)\"\n              [config]=\"editorConfig\">\n          </fs-ai-report-global-settings-ai-knowledge>\n        </mat-tab>\n        <mat-tab\n            label=\"Semantic Database\"\n            name=\"build\">\n          <fs-ai-report-global-settings-semantic-database>\n          </fs-ai-report-global-settings-semantic-database>\n        </mat-tab>\n        <mat-tab\n            label=\"General\"\n            name=\"general\">\n          <fs-ai-report-global-settings-general\n              [concurrency]=\"concurrency()\"\n              (concurrencyChange)=\"concurrency.set($event)\"\n              [min]=\"settings()!.semanticBuildConcurrencyMin\"\n              [max]=\"settings()!.semanticBuildConcurrencyMax\">\n          </fs-ai-report-global-settings-general>\n        </mat-tab>\n      </mat-tab-group>\n    </mat-dialog-content>\n    <mat-dialog-actions>\n      <!-- The footer follows the selected tab. AI Knowledge projects its own\n           Save | View History | Cancel row (fs-form-dialog-actions renders\n           projected content after Save/Cancel, so the default pair can't keep\n           View History beside Save); General uses the default Save/Cancel; the\n           Semantic Database tab is a read/run surface, so it gets a primary\n           Close plus its Build/Rebuild/Stop action. -->\n      <fs-form-dialog-actions [save]=\"selectedTab === 'general'\">\n        @if (selectedTab === 'knowledge') {\n          <button\n              type=\"submit\"\n              mat-button\n              color=\"primary\">\n            Save\n          </button>\n          <button\n              type=\"button\"\n              mat-button\n              (click)=\"openHistory()\">\n            View History\n          </button>\n          <button\n              type=\"button\"\n              mat-button\n              [mat-dialog-close]=\"null\">\n            Cancel\n          </button>\n        }\n        @if (selectedTab === 'build') {\n          <button\n              type=\"button\"\n              mat-button\n              color=\"primary\"\n              [mat-dialog-close]=\"undefined\">\n            Close\n          </button>\n        }\n        @if (selectedTab === 'build' && semanticDatabase(); as db) {\n          @if (db.buildActive()) {\n            <button\n                type=\"button\"\n                mat-button\n                color=\"warn\"\n                (click)=\"db.stopBuild()\">\n              Stop Build\n            </button>\n          } @else {\n            @if (db.status(); as buildStatus) {\n              <button\n                  type=\"button\"\n                  mat-button\n                  (click)=\"db.build()\">\n                {{ buildStatus.detail.generatedAt ? 'Rebuild' : 'Build' }}\n              </button>\n            }\n          }\n        }\n      </fs-form-dialog-actions>\n    </mat-dialog-actions>\n  </fs-dialog>\n</form>\n", styles: [":host{display:block}\n"] }]
         }], ctorParameters: () => [] });
 
 // The reports listing — an fs-list of reports. Rows are links built from a URL
@@ -4109,8 +4198,8 @@ class FsAiReportComponent {
             ReportPptxService,
             ReportPdfService,
             // Tree-shaken ECharts core + the 'report' house theme, loaded lazily.
-            provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-DaBOoR9Z.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:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fs-ai-report__filters{flex:0 0 auto;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$1.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-D9IzyGer.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:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fs-ai-report__filters{flex:0 0 auto;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: [{
             type: Component,
@@ -4122,7 +4211,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-DaBOoR9Z.mjs').then((module) => module.default) }),
+                        provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-D9IzyGer.mjs').then((module) => module.default) }),
                     ], imports: [
                         FsFilterModule,
                         FsMenuModule,
@@ -4153,4 +4242,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
  */
 
 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-Cwsww3Jz.mjs.map
+//# sourceMappingURL=firestitch-report-firestitch-report-BwC8lvzk.mjs.map