@firestitch/report 18.0.15 → 18.0.17

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

@@ -1614,7 +1614,7 @@ class ReportComponentComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ReportComponentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ReportComponentComponent, isStandalone: true, selector: "app-report-component", inputs: { reportId: "reportId", component: "component", groups: "groups", editMode: "editMode", layout: "layout", zoom: "zoom", snapper: "snapper", selected: "selected" }, outputs: { selectComponent: "selectComponent", positionChanged: "positionChanged", flowReorder: "flowReorder", openSettings: "openSettings" }, host: { properties: { "class.height-auto": "this.heightAuto" } }, viewQueries: [{ propertyName: "chartComponent", first: true, predicate: ComponentChartComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n    class=\"component-box\"\n    [class.editing]=\"editMode\"\n    [class.selected]=\"selected\"\n    [style.padding]=\"bodyPadding\"\n    (pointerdown)=\"onComponentPointerDown($event)\"\n    (mousedown)=\"stopCanvasPan($event)\"\n    (touchstart)=\"stopCanvasPan($event)\">\n  <!-- The header is an fs-filter: heading template = title (and the edit-mode\n       drag handle), actions = the menu, items = component-level filters.\n       Lists carry no items here \u2014 they filter through FsList. fs-filter reads\n       its config once, so the block is keyed on the component-filter set to be\n       recreated when it changes. -->\n  @for (key of [filterKey]; track key) {\n    <fs-filter\n        class=\"component-filter\"\n        [config]=\"filterConfig\">\n      <ng-template fsFilterHeading>\n        <div\n            class=\"component-title\"\n            (pointerdown)=\"onDragStart($event)\">\n          {{ component.title }}\n          @if (truncated) {\n            <mat-icon\n                class=\"truncated-icon\"\n                matTooltip=\"Showing a truncated result \u2014 refine the filters to see everything.\">\n              warning_amber\n            </mat-icon>\n          }\n        </div>\n      </ng-template>\n    </fs-filter>\n  }\n  <!-- The actions menu is floated top-right (absolute) rather than living in\n       fs-filter's actions slot, so its ~40px button height no longer drives the\n       header row's height. It overlays the box corner; the heading reserves\n       right padding so a long title ellipsises before it. -->\n  <button\n      mat-icon-button\n      class=\"component-menu\"\n      [matMenuTriggerFor]=\"menu\"\n      (pointerdown)=\"$event.stopPropagation()\"\n      (mousedown)=\"stopCanvasPan($event)\">\n    <mat-icon>more_vert</mat-icon>\n  </button>\n  <mat-menu #menu=\"matMenu\">\n    <button mat-menu-item (click)=\"settings()\">\n      <mat-icon>tune</mat-icon>\n      <span>Settings</span>\n    </button>\n    <button mat-menu-item (click)=\"exportCsv()\">\n      <mat-icon>download</mat-icon>\n      <span>Export CSV</span>\n    </button>\n  </mat-menu>\n  <div class=\"component-body\">\n    @if (component.type === 'list') {\n      <app-report-component-list\n        [reportId]=\"reportId\"\n        [component]=\"component\"\n        [groups]=\"groups\">\n      </app-report-component-list>\n    } @else if (loading) {\n      <div class=\"component-state\">\n        <div class=\"loading-shimmer\"></div>\n      </div>\n    } @else if (error) {\n      <div class=\"component-state error\">\n        {{ error }}\n      </div>\n    } @else if (!data?.rows?.length) {\n      <div class=\"component-state\">\n        No data\n      </div>\n    } @else if (component.type === 'kpi') {\n      <app-report-component-kpi\n        [component]=\"component\"\n        [data]=\"data\">\n      </app-report-component-kpi>\n    } @else {\n      <app-report-component-chart\n        [component]=\"component\"\n        [data]=\"data\">\n      </app-report-component-chart>\n    }\n    <!-- In edit mode a transparent veil over the body makes the WHOLE\n         component draggable (industry standard: you grab the object, not just\n         its title bar) and keeps inner widgets from swallowing the gesture. -->\n    @if (editMode) {\n      <div\n        class=\"drag-veil\"\n        (pointerdown)=\"onDragStart($event)\">\n      </div>\n    }\n  </div>\n</div>\n<!-- Handles live OUTSIDE the clipped box so they straddle its edges. -->\n@if (editMode && selected) {\n  @if (layout === 'freeform') {\n    @for (handle of resizeHandles; track handle) {\n      <div\n        class=\"handle handle-{{ handle }}\"\n        (mousedown)=\"stopCanvasPan($event)\"\n        (pointerdown)=\"onResizeStart($event, handle)\">\n      </div>\n    }\n  } @else {\n    <!-- Flow height is always auto (the box fits its content), so only the\n         east handle (width %) is offered here. -->\n    <div\n      class=\"handle handle-e\"\n      matTooltip=\"Width (% of page)\"\n      (mousedown)=\"stopCanvasPan($event)\"\n      (pointerdown)=\"onResizeStart($event, 'e')\">\n    </div>\n  }\n}", styles: [":host{position:absolute;display:flex;flex-direction:column}:host.flow-item{position:relative;left:auto;top:auto}:host.flow-dragging{z-index:40;opacity:.7;pointer-events:none}.component-box{position:relative;width:100%;flex:1 1 auto;min-height:0;box-sizing:border-box;display:flex;flex-direction:column;background:#fff;border:1px solid #e4e7eb;border-radius:6px;overflow:hidden;transition:box-shadow .12s ease,border-color .12s ease}.component-box.editing .component-title{cursor:grab}.component-box.editing .component-title:active{cursor:grabbing}.component-box.editing:hover{border-color:#9db3c8;box-shadow:0 2px 8px #0f172a14}.component-box.selected{border-color:var(--brand-primary-color);box-shadow:0 0 0 1px var(--brand-primary-color),0 4px 14px #2196f32e}:host ::ng-deep .component-filter .filter-bar-container{align-items:center!important}.component-filter{flex:0 0 auto;display:block;padding:0 0 4px}.component-filter .component-title{display:flex;align-items:center;gap:4px;-webkit-user-select:none;user-select:none;padding-right:40px;font-size:var(--report-heading-size);font-weight:600;color:#1f2933;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-filter .component-title .truncated-icon{font-size:16px;width:16px;height:16px;color:#f59e0b}.component-menu{position:absolute;top:2px;right:2px;z-index:30}.component-body{flex:1 1 auto;min-height:0;position:relative}:host(.height-auto) .component-state{min-height:120px}.drag-veil{position:absolute;inset:0;cursor:grab;touch-action:none}.drag-veil:active{cursor:grabbing}.component-state{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#7b8794;padding:8px;text-align:center}.component-state.error{color:#e15759}.loading-shimmer{width:70%;height:60%;border-radius:6px;background:linear-gradient(100deg,#f0f4f8 40%,#e4ebf2,#f0f4f8 60%);background-size:200% 100%;animation:shimmer 1.2s infinite linear}@keyframes shimmer{to{background-position-x:-200%}}.handle{position:absolute;width:14px;height:14px;display:flex;align-items:center;justify-content:center;touch-action:none;z-index:20;transform:scale(calc(1 / var(--canvas-zoom, 1)))}.handle:before{content:\"\";width:8px;height:8px;background:#fff;border:1.5px solid var(--brand-primary-color);border-radius:2px;box-shadow:0 1px 2px #0f172a33}.handle-nw{left:-7px;top:-7px;cursor:nwse-resize}.handle-n{left:calc(50% - 7px);top:-7px;cursor:ns-resize}.handle-ne{right:-7px;top:-7px;cursor:nesw-resize}.handle-e{right:-7px;top:calc(50% - 7px);cursor:ew-resize}.handle-se{right:-7px;bottom:-7px;cursor:nwse-resize}.handle-s{left:calc(50% - 7px);bottom:-7px;cursor:ns-resize}.handle-sw{left:-7px;bottom:-7px;cursor:nesw-resize}.handle-w{left:-7px;top:calc(50% - 7px);cursor:ew-resize}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i1$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i1$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i1$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: FsFilterModule }, { kind: "component", type: i2.FilterComponent, selector: "fs-filter", inputs: ["config"], outputs: ["closed", "opened", "ready"] }, { kind: "directive", type: i2.FilterHeadingDirective, selector: "[fsFilterHeading]" }, { kind: "component", type: ComponentChartComponent, selector: "app-report-component-chart", inputs: ["component", "data"] }, { kind: "component", type: ComponentKpiComponent, selector: "app-report-component-kpi", inputs: ["component", "data"] }, { kind: "component", type: ComponentListComponent, selector: "app-report-component-list", inputs: ["reportId", "component", "groups"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ReportComponentComponent, isStandalone: true, selector: "app-report-component", inputs: { reportId: "reportId", component: "component", groups: "groups", editMode: "editMode", layout: "layout", zoom: "zoom", snapper: "snapper", selected: "selected" }, outputs: { selectComponent: "selectComponent", positionChanged: "positionChanged", flowReorder: "flowReorder", openSettings: "openSettings" }, host: { properties: { "class.height-auto": "this.heightAuto" } }, viewQueries: [{ propertyName: "chartComponent", first: true, predicate: ComponentChartComponent, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n    class=\"component-box\"\n    [class.editing]=\"editMode\"\n    [class.selected]=\"selected\"\n    [style.padding]=\"bodyPadding\"\n    (pointerdown)=\"onComponentPointerDown($event)\"\n    (mousedown)=\"stopCanvasPan($event)\"\n    (touchstart)=\"stopCanvasPan($event)\">\n  <!-- The header is an fs-filter: heading template = title (and the edit-mode\n       drag handle), actions = the menu, items = component-level filters.\n       Lists carry no items here \u2014 they filter through FsList. fs-filter reads\n       its config once, so the block is keyed on the component-filter set to be\n       recreated when it changes. -->\n  @for (key of [filterKey]; track key) {\n    <fs-filter\n        class=\"component-filter\"\n        [config]=\"filterConfig\">\n      <ng-template fsFilterHeading>\n        <div\n            class=\"component-title\"\n            (pointerdown)=\"onDragStart($event)\">\n          {{ component.title }}\n          @if (truncated) {\n            <mat-icon\n                class=\"truncated-icon\"\n                matTooltip=\"Showing a truncated result \u2014 refine the filters to see everything.\">\n              warning_amber\n            </mat-icon>\n          }\n        </div>\n      </ng-template>\n    </fs-filter>\n  }\n  <!-- The actions menu is floated top-right (absolute) rather than living in\n       fs-filter's actions slot, so its ~40px button height no longer drives the\n       header row's height. It overlays the box corner; the heading reserves\n       right padding so a long title ellipsises before it. -->\n  <button\n      mat-icon-button\n      class=\"component-menu\"\n      [matMenuTriggerFor]=\"menu\"\n      (pointerdown)=\"$event.stopPropagation()\"\n      (mousedown)=\"stopCanvasPan($event)\">\n    <mat-icon>more_vert</mat-icon>\n  </button>\n  <mat-menu #menu=\"matMenu\">\n    <button mat-menu-item (click)=\"settings()\">\n      <mat-icon>tune</mat-icon>\n      <span>Settings</span>\n    </button>\n    <button mat-menu-item (click)=\"exportCsv()\">\n      <mat-icon>download</mat-icon>\n      <span>Export CSV</span>\n    </button>\n  </mat-menu>\n  <div class=\"component-body\">\n    @if (component.type === 'list') {\n      <app-report-component-list\n        [reportId]=\"reportId\"\n        [component]=\"component\"\n        [groups]=\"groups\">\n      </app-report-component-list>\n    } @else if (loading) {\n      <div class=\"component-state\">\n        <div class=\"loading-shimmer\"></div>\n      </div>\n    } @else if (error) {\n      <div class=\"component-state error\">\n        {{ error }}\n      </div>\n    } @else if (!data?.rows?.length) {\n      <div class=\"component-state\">\n        No data\n      </div>\n    } @else if (component.type === 'kpi') {\n      <app-report-component-kpi\n        [component]=\"component\"\n        [data]=\"data\">\n      </app-report-component-kpi>\n    } @else {\n      <app-report-component-chart\n        [component]=\"component\"\n        [data]=\"data\">\n      </app-report-component-chart>\n    }\n    <!-- In edit mode a transparent veil over the body makes the WHOLE\n         component draggable (industry standard: you grab the object, not just\n         its title bar) and keeps inner widgets from swallowing the gesture. -->\n    @if (editMode) {\n      <div\n        class=\"drag-veil\"\n        (pointerdown)=\"onDragStart($event)\">\n      </div>\n    }\n  </div>\n</div>\n<!-- Handles live OUTSIDE the clipped box so they straddle its edges. -->\n@if (editMode && selected) {\n  @if (layout === 'freeform') {\n    @for (handle of resizeHandles; track handle) {\n      <div\n        class=\"handle handle-{{ handle }}\"\n        (mousedown)=\"stopCanvasPan($event)\"\n        (pointerdown)=\"onResizeStart($event, handle)\">\n      </div>\n    }\n  } @else {\n    <!-- Flow height is always auto (the box fits its content), so only the\n         east handle (width %) is offered here. -->\n    <div\n      class=\"handle handle-e\"\n      matTooltip=\"Width (% of page)\"\n      (mousedown)=\"stopCanvasPan($event)\"\n      (pointerdown)=\"onResizeStart($event, 'e')\">\n    </div>\n  }\n}", styles: [":host{position:absolute;display:flex;flex-direction:column;font-size:10px}:host.flow-item{position:relative;left:auto;top:auto}:host.flow-dragging{z-index:40;opacity:.7;pointer-events:none}.component-box{position:relative;width:100%;flex:1 1 auto;min-height:0;box-sizing:border-box;display:flex;flex-direction:column;background:#fff;border:1px solid #e4e7eb;border-radius:6px;overflow:hidden;transition:box-shadow .12s ease,border-color .12s ease}.component-box.editing .component-title{cursor:grab}.component-box.editing .component-title:active{cursor:grabbing}.component-box.editing:hover{border-color:#9db3c8;box-shadow:0 2px 8px #0f172a14}.component-box.selected{border-color:var(--brand-primary-color);box-shadow:0 0 0 1px var(--brand-primary-color),0 4px 14px #2196f32e}:host ::ng-deep .component-filter .filter-bar-container{align-items:center!important}.component-filter{flex:0 0 auto;display:block;padding:0 0 4px}.component-filter .component-title{display:flex;align-items:center;gap:4px;-webkit-user-select:none;user-select:none;padding-right:40px;font-size:var(--report-heading-size);font-weight:600;color:#1f2933;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-filter .component-title .truncated-icon{font-size:16px;width:16px;height:16px;color:#f59e0b}.component-menu{position:absolute;top:2px;right:2px;z-index:30}.component-body{flex:1 1 auto;min-height:0;position:relative}:host(.height-auto) .component-state{min-height:120px}.drag-veil{position:absolute;inset:0;cursor:grab;touch-action:none}.drag-veil:active{cursor:grabbing}.component-state{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#7b8794;padding:8px;text-align:center}.component-state.error{color:#e15759}.loading-shimmer{width:70%;height:60%;border-radius:6px;background:linear-gradient(100deg,#f0f4f8 40%,#e4ebf2,#f0f4f8 60%);background-size:200% 100%;animation:shimmer 1.2s infinite linear}@keyframes shimmer{to{background-position-x:-200%}}.handle{position:absolute;width:14px;height:14px;display:flex;align-items:center;justify-content:center;touch-action:none;z-index:20;transform:scale(calc(1 / var(--canvas-zoom, 1)))}.handle:before{content:\"\";width:8px;height:8px;background:#fff;border:1.5px solid var(--brand-primary-color);border-radius:2px;box-shadow:0 1px 2px #0f172a33}.handle-nw{left:-7px;top:-7px;cursor:nwse-resize}.handle-n{left:calc(50% - 7px);top:-7px;cursor:ns-resize}.handle-ne{right:-7px;top:-7px;cursor:nesw-resize}.handle-e{right:-7px;top:calc(50% - 7px);cursor:ew-resize}.handle-se{right:-7px;bottom:-7px;cursor:nwse-resize}.handle-s{left:calc(50% - 7px);bottom:-7px;cursor:ns-resize}.handle-sw{left:-7px;bottom:-7px;cursor:nesw-resize}.handle-w{left:-7px;top:calc(50% - 7px);cursor:ew-resize}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i1$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "component", type: i1$1.MatMenuItem, selector: "[mat-menu-item]", inputs: ["role", "disabled", "disableRipple"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i1$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: FsFilterModule }, { kind: "component", type: i2.FilterComponent, selector: "fs-filter", inputs: ["config"], outputs: ["closed", "opened", "ready"] }, { kind: "directive", type: i2.FilterHeadingDirective, selector: "[fsFilterHeading]" }, { kind: "component", type: ComponentChartComponent, selector: "app-report-component-chart", inputs: ["component", "data"] }, { kind: "component", type: ComponentKpiComponent, selector: "app-report-component-kpi", inputs: ["component", "data"] }, { kind: "component", type: ComponentListComponent, selector: "app-report-component-list", inputs: ["reportId", "component", "groups"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ReportComponentComponent, decorators: [{
             type: Component,
@@ -1627,7 +1627,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         ComponentChartComponent,
                         ComponentKpiComponent,
                         ComponentListComponent,
-                    ], template: "<div\n    class=\"component-box\"\n    [class.editing]=\"editMode\"\n    [class.selected]=\"selected\"\n    [style.padding]=\"bodyPadding\"\n    (pointerdown)=\"onComponentPointerDown($event)\"\n    (mousedown)=\"stopCanvasPan($event)\"\n    (touchstart)=\"stopCanvasPan($event)\">\n  <!-- The header is an fs-filter: heading template = title (and the edit-mode\n       drag handle), actions = the menu, items = component-level filters.\n       Lists carry no items here \u2014 they filter through FsList. fs-filter reads\n       its config once, so the block is keyed on the component-filter set to be\n       recreated when it changes. -->\n  @for (key of [filterKey]; track key) {\n    <fs-filter\n        class=\"component-filter\"\n        [config]=\"filterConfig\">\n      <ng-template fsFilterHeading>\n        <div\n            class=\"component-title\"\n            (pointerdown)=\"onDragStart($event)\">\n          {{ component.title }}\n          @if (truncated) {\n            <mat-icon\n                class=\"truncated-icon\"\n                matTooltip=\"Showing a truncated result \u2014 refine the filters to see everything.\">\n              warning_amber\n            </mat-icon>\n          }\n        </div>\n      </ng-template>\n    </fs-filter>\n  }\n  <!-- The actions menu is floated top-right (absolute) rather than living in\n       fs-filter's actions slot, so its ~40px button height no longer drives the\n       header row's height. It overlays the box corner; the heading reserves\n       right padding so a long title ellipsises before it. -->\n  <button\n      mat-icon-button\n      class=\"component-menu\"\n      [matMenuTriggerFor]=\"menu\"\n      (pointerdown)=\"$event.stopPropagation()\"\n      (mousedown)=\"stopCanvasPan($event)\">\n    <mat-icon>more_vert</mat-icon>\n  </button>\n  <mat-menu #menu=\"matMenu\">\n    <button mat-menu-item (click)=\"settings()\">\n      <mat-icon>tune</mat-icon>\n      <span>Settings</span>\n    </button>\n    <button mat-menu-item (click)=\"exportCsv()\">\n      <mat-icon>download</mat-icon>\n      <span>Export CSV</span>\n    </button>\n  </mat-menu>\n  <div class=\"component-body\">\n    @if (component.type === 'list') {\n      <app-report-component-list\n        [reportId]=\"reportId\"\n        [component]=\"component\"\n        [groups]=\"groups\">\n      </app-report-component-list>\n    } @else if (loading) {\n      <div class=\"component-state\">\n        <div class=\"loading-shimmer\"></div>\n      </div>\n    } @else if (error) {\n      <div class=\"component-state error\">\n        {{ error }}\n      </div>\n    } @else if (!data?.rows?.length) {\n      <div class=\"component-state\">\n        No data\n      </div>\n    } @else if (component.type === 'kpi') {\n      <app-report-component-kpi\n        [component]=\"component\"\n        [data]=\"data\">\n      </app-report-component-kpi>\n    } @else {\n      <app-report-component-chart\n        [component]=\"component\"\n        [data]=\"data\">\n      </app-report-component-chart>\n    }\n    <!-- In edit mode a transparent veil over the body makes the WHOLE\n         component draggable (industry standard: you grab the object, not just\n         its title bar) and keeps inner widgets from swallowing the gesture. -->\n    @if (editMode) {\n      <div\n        class=\"drag-veil\"\n        (pointerdown)=\"onDragStart($event)\">\n      </div>\n    }\n  </div>\n</div>\n<!-- Handles live OUTSIDE the clipped box so they straddle its edges. -->\n@if (editMode && selected) {\n  @if (layout === 'freeform') {\n    @for (handle of resizeHandles; track handle) {\n      <div\n        class=\"handle handle-{{ handle }}\"\n        (mousedown)=\"stopCanvasPan($event)\"\n        (pointerdown)=\"onResizeStart($event, handle)\">\n      </div>\n    }\n  } @else {\n    <!-- Flow height is always auto (the box fits its content), so only the\n         east handle (width %) is offered here. -->\n    <div\n      class=\"handle handle-e\"\n      matTooltip=\"Width (% of page)\"\n      (mousedown)=\"stopCanvasPan($event)\"\n      (pointerdown)=\"onResizeStart($event, 'e')\">\n    </div>\n  }\n}", styles: [":host{position:absolute;display:flex;flex-direction:column}:host.flow-item{position:relative;left:auto;top:auto}:host.flow-dragging{z-index:40;opacity:.7;pointer-events:none}.component-box{position:relative;width:100%;flex:1 1 auto;min-height:0;box-sizing:border-box;display:flex;flex-direction:column;background:#fff;border:1px solid #e4e7eb;border-radius:6px;overflow:hidden;transition:box-shadow .12s ease,border-color .12s ease}.component-box.editing .component-title{cursor:grab}.component-box.editing .component-title:active{cursor:grabbing}.component-box.editing:hover{border-color:#9db3c8;box-shadow:0 2px 8px #0f172a14}.component-box.selected{border-color:var(--brand-primary-color);box-shadow:0 0 0 1px var(--brand-primary-color),0 4px 14px #2196f32e}:host ::ng-deep .component-filter .filter-bar-container{align-items:center!important}.component-filter{flex:0 0 auto;display:block;padding:0 0 4px}.component-filter .component-title{display:flex;align-items:center;gap:4px;-webkit-user-select:none;user-select:none;padding-right:40px;font-size:var(--report-heading-size);font-weight:600;color:#1f2933;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-filter .component-title .truncated-icon{font-size:16px;width:16px;height:16px;color:#f59e0b}.component-menu{position:absolute;top:2px;right:2px;z-index:30}.component-body{flex:1 1 auto;min-height:0;position:relative}:host(.height-auto) .component-state{min-height:120px}.drag-veil{position:absolute;inset:0;cursor:grab;touch-action:none}.drag-veil:active{cursor:grabbing}.component-state{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#7b8794;padding:8px;text-align:center}.component-state.error{color:#e15759}.loading-shimmer{width:70%;height:60%;border-radius:6px;background:linear-gradient(100deg,#f0f4f8 40%,#e4ebf2,#f0f4f8 60%);background-size:200% 100%;animation:shimmer 1.2s infinite linear}@keyframes shimmer{to{background-position-x:-200%}}.handle{position:absolute;width:14px;height:14px;display:flex;align-items:center;justify-content:center;touch-action:none;z-index:20;transform:scale(calc(1 / var(--canvas-zoom, 1)))}.handle:before{content:\"\";width:8px;height:8px;background:#fff;border:1.5px solid var(--brand-primary-color);border-radius:2px;box-shadow:0 1px 2px #0f172a33}.handle-nw{left:-7px;top:-7px;cursor:nwse-resize}.handle-n{left:calc(50% - 7px);top:-7px;cursor:ns-resize}.handle-ne{right:-7px;top:-7px;cursor:nesw-resize}.handle-e{right:-7px;top:calc(50% - 7px);cursor:ew-resize}.handle-se{right:-7px;bottom:-7px;cursor:nwse-resize}.handle-s{left:calc(50% - 7px);bottom:-7px;cursor:ns-resize}.handle-sw{left:-7px;bottom:-7px;cursor:nesw-resize}.handle-w{left:-7px;top:calc(50% - 7px);cursor:ew-resize}\n"] }]
+                    ], template: "<div\n    class=\"component-box\"\n    [class.editing]=\"editMode\"\n    [class.selected]=\"selected\"\n    [style.padding]=\"bodyPadding\"\n    (pointerdown)=\"onComponentPointerDown($event)\"\n    (mousedown)=\"stopCanvasPan($event)\"\n    (touchstart)=\"stopCanvasPan($event)\">\n  <!-- The header is an fs-filter: heading template = title (and the edit-mode\n       drag handle), actions = the menu, items = component-level filters.\n       Lists carry no items here \u2014 they filter through FsList. fs-filter reads\n       its config once, so the block is keyed on the component-filter set to be\n       recreated when it changes. -->\n  @for (key of [filterKey]; track key) {\n    <fs-filter\n        class=\"component-filter\"\n        [config]=\"filterConfig\">\n      <ng-template fsFilterHeading>\n        <div\n            class=\"component-title\"\n            (pointerdown)=\"onDragStart($event)\">\n          {{ component.title }}\n          @if (truncated) {\n            <mat-icon\n                class=\"truncated-icon\"\n                matTooltip=\"Showing a truncated result \u2014 refine the filters to see everything.\">\n              warning_amber\n            </mat-icon>\n          }\n        </div>\n      </ng-template>\n    </fs-filter>\n  }\n  <!-- The actions menu is floated top-right (absolute) rather than living in\n       fs-filter's actions slot, so its ~40px button height no longer drives the\n       header row's height. It overlays the box corner; the heading reserves\n       right padding so a long title ellipsises before it. -->\n  <button\n      mat-icon-button\n      class=\"component-menu\"\n      [matMenuTriggerFor]=\"menu\"\n      (pointerdown)=\"$event.stopPropagation()\"\n      (mousedown)=\"stopCanvasPan($event)\">\n    <mat-icon>more_vert</mat-icon>\n  </button>\n  <mat-menu #menu=\"matMenu\">\n    <button mat-menu-item (click)=\"settings()\">\n      <mat-icon>tune</mat-icon>\n      <span>Settings</span>\n    </button>\n    <button mat-menu-item (click)=\"exportCsv()\">\n      <mat-icon>download</mat-icon>\n      <span>Export CSV</span>\n    </button>\n  </mat-menu>\n  <div class=\"component-body\">\n    @if (component.type === 'list') {\n      <app-report-component-list\n        [reportId]=\"reportId\"\n        [component]=\"component\"\n        [groups]=\"groups\">\n      </app-report-component-list>\n    } @else if (loading) {\n      <div class=\"component-state\">\n        <div class=\"loading-shimmer\"></div>\n      </div>\n    } @else if (error) {\n      <div class=\"component-state error\">\n        {{ error }}\n      </div>\n    } @else if (!data?.rows?.length) {\n      <div class=\"component-state\">\n        No data\n      </div>\n    } @else if (component.type === 'kpi') {\n      <app-report-component-kpi\n        [component]=\"component\"\n        [data]=\"data\">\n      </app-report-component-kpi>\n    } @else {\n      <app-report-component-chart\n        [component]=\"component\"\n        [data]=\"data\">\n      </app-report-component-chart>\n    }\n    <!-- In edit mode a transparent veil over the body makes the WHOLE\n         component draggable (industry standard: you grab the object, not just\n         its title bar) and keeps inner widgets from swallowing the gesture. -->\n    @if (editMode) {\n      <div\n        class=\"drag-veil\"\n        (pointerdown)=\"onDragStart($event)\">\n      </div>\n    }\n  </div>\n</div>\n<!-- Handles live OUTSIDE the clipped box so they straddle its edges. -->\n@if (editMode && selected) {\n  @if (layout === 'freeform') {\n    @for (handle of resizeHandles; track handle) {\n      <div\n        class=\"handle handle-{{ handle }}\"\n        (mousedown)=\"stopCanvasPan($event)\"\n        (pointerdown)=\"onResizeStart($event, handle)\">\n      </div>\n    }\n  } @else {\n    <!-- Flow height is always auto (the box fits its content), so only the\n         east handle (width %) is offered here. -->\n    <div\n      class=\"handle handle-e\"\n      matTooltip=\"Width (% of page)\"\n      (mousedown)=\"stopCanvasPan($event)\"\n      (pointerdown)=\"onResizeStart($event, 'e')\">\n    </div>\n  }\n}", styles: [":host{position:absolute;display:flex;flex-direction:column;font-size:10px}:host.flow-item{position:relative;left:auto;top:auto}:host.flow-dragging{z-index:40;opacity:.7;pointer-events:none}.component-box{position:relative;width:100%;flex:1 1 auto;min-height:0;box-sizing:border-box;display:flex;flex-direction:column;background:#fff;border:1px solid #e4e7eb;border-radius:6px;overflow:hidden;transition:box-shadow .12s ease,border-color .12s ease}.component-box.editing .component-title{cursor:grab}.component-box.editing .component-title:active{cursor:grabbing}.component-box.editing:hover{border-color:#9db3c8;box-shadow:0 2px 8px #0f172a14}.component-box.selected{border-color:var(--brand-primary-color);box-shadow:0 0 0 1px var(--brand-primary-color),0 4px 14px #2196f32e}:host ::ng-deep .component-filter .filter-bar-container{align-items:center!important}.component-filter{flex:0 0 auto;display:block;padding:0 0 4px}.component-filter .component-title{display:flex;align-items:center;gap:4px;-webkit-user-select:none;user-select:none;padding-right:40px;font-size:var(--report-heading-size);font-weight:600;color:#1f2933;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-filter .component-title .truncated-icon{font-size:16px;width:16px;height:16px;color:#f59e0b}.component-menu{position:absolute;top:2px;right:2px;z-index:30}.component-body{flex:1 1 auto;min-height:0;position:relative}:host(.height-auto) .component-state{min-height:120px}.drag-veil{position:absolute;inset:0;cursor:grab;touch-action:none}.drag-veil:active{cursor:grabbing}.component-state{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:12px;color:#7b8794;padding:8px;text-align:center}.component-state.error{color:#e15759}.loading-shimmer{width:70%;height:60%;border-radius:6px;background:linear-gradient(100deg,#f0f4f8 40%,#e4ebf2,#f0f4f8 60%);background-size:200% 100%;animation:shimmer 1.2s infinite linear}@keyframes shimmer{to{background-position-x:-200%}}.handle{position:absolute;width:14px;height:14px;display:flex;align-items:center;justify-content:center;touch-action:none;z-index:20;transform:scale(calc(1 / var(--canvas-zoom, 1)))}.handle:before{content:\"\";width:8px;height:8px;background:#fff;border:1.5px solid var(--brand-primary-color);border-radius:2px;box-shadow:0 1px 2px #0f172a33}.handle-nw{left:-7px;top:-7px;cursor:nwse-resize}.handle-n{left:calc(50% - 7px);top:-7px;cursor:ns-resize}.handle-ne{right:-7px;top:-7px;cursor:nesw-resize}.handle-e{right:-7px;top:calc(50% - 7px);cursor:ew-resize}.handle-se{right:-7px;bottom:-7px;cursor:nwse-resize}.handle-s{left:calc(50% - 7px);bottom:-7px;cursor:ns-resize}.handle-sw{left:-7px;bottom:-7px;cursor:nesw-resize}.handle-w{left:-7px;top:calc(50% - 7px);cursor:ew-resize}\n"] }]
         }], propDecorators: { reportId: [{
                 type: Input
             }], component: [{
@@ -2582,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-CqywpQQC.mjs')).default;
+    const echarts = (await import('./firestitch-report-echarts-F254vpF1.mjs')).default;
     const host = document.createElement('div');
     host.style.width = `${width}px`;
     host.style.height = `${height}px`;
@@ -3326,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-CqywpQQC.mjs').then((module) => module.default) }),
+            provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-F254vpF1.mjs').then((module) => module.default) }),
         ], viewQueries: [{ propertyName: "_split", first: true, predicate: ["split"], descendants: true, static: true }, { propertyName: "_chatPanel", first: true, predicate: ["chatPanel"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div\n    #split\n    class=\"report fs-row.align-start\">\n  <fs-ai-chat\n    #chatPanel\n    class=\"chat\"\n    style=\"min-height: 500px;\"\n    basePath=\"reports\"\n    [requestData]=\"{ reportId: selected?.id ?? null }\"\n    [introMessage]=\"introMessage\"\n    (response)=\"onChatResponse($event)\">\n  </fs-ai-chat>\n  <div\n    class=\"resizer\"\n    (pointerdown)=\"onResizeStart($event)\">\n  </div>\n  <div class=\"viewer fs-flex fs-column\">\n    <div class=\"fs-row.align-center.gap-sm\">\n      <fs-autocomplete-chips\n          class=\"fs-flex\"\n          [fetch]=\"fetchReports\"\n          [(ngModel)]=\"selected\"\n          [disabled]=\"loadingReports\"\n          [padless]=\"true\"\n          [multiple]=\"false\"\n          [fetchOnFocus]=\"true\"\n          (ngModelChange)=\"reportChange($event)\"\n          placeholder=\"Report\"\n          name=\"report\">\n        <ng-template\n            fsAutocompleteChipsTemplate\n            let-object=\"object\">\n          {{ object.name }}\n        </ng-template>\n        <ng-template\n            fsAutocompleteChipsStatic\n            (click)=\"createReport()\">\n          Create Report\n        </ng-template>\n      </fs-autocomplete-chips>\n      @if (report) {\n        <fs-menu>\n          <ng-template\n              fs-menu-item\n              (click)=\"reportSettings()\">\n            <mat-icon>\n              tune\n            </mat-icon>\n            Report settings\n          </ng-template>\n          <ng-template\n              fs-menu-item\n              (click)=\"toggleEditMode()\"\n              [disabled]=\"editMode\">\n            <mat-icon>\n              dashboard_2_edit\n            </mat-icon>\n            {{ editMode ? 'Done editing layout' : 'Edit layout' }}\n          </ng-template>\n          <ng-template\n              fs-menu-item\n              (click)=\"exportPowerpoint()\">\n            <mat-icon>\n              slideshow\n            </mat-icon>\n            Export PowerPoint\n          </ng-template>\n          <ng-template\n              fs-menu-item\n              (click)=\"exportPdf()\">\n            <mat-icon>\n              picture_as_pdf\n            </mat-icon>\n            Export PDF\n          </ng-template>\n        </fs-menu>\n      }\n    </div>\n    @if (report) {\n      <!-- Report-level filters only (the report's actions live in the menu\n           above). fs-filter reads its config once at init, so it's keyed on the\n           filter signature: when the report-level filter set changes the block\n           is recreated and re-reads the rebuilt config. -->\n      @if (reportHasFilters) {\n        @for (key of [reportFilterKey]; track key) {\n          <fs-filter [config]=\"reportFilterConfig\"></fs-filter>\n        }\n      }\n      <app-report-canvas\n        [report]=\"report\"\n        [editMode]=\"editMode\"\n        (componentSettings)=\"componentSettings($event)\"\n        (reportChanged)=\"onCanvasReportChanged()\"\n        (editDone)=\"toggleEditMode()\">\n      </app-report-canvas>\n    }\n  </div>\n</div>", styles: [".report{height:100%;min-height:500px}.report .chat{display:block;flex:0 0 25%;width:100%;height:100%;min-height:500px;min-width:0;border:none}.report .viewer{display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden}.report .viewer fs-filter{flex:0 0 auto;margin-top:10px;margin-bottom:0}.report .viewer ::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none}.report .resizer{flex:0 0 11px;align-self:stretch;display:flex;justify-content:center;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none}.report .resizer:before{content:\"\";width:0px;background:#0000001f;transition:width .12s ease,background-color .12s ease}.report .resizer:hover:before{width:3px;background:var(--brand-primary-color)}.report.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.report.resizing .resizer:before{width:3px;background:var(--brand-primary-color)}.report.resizing .chat,.report.resizing .viewer{pointer-events:none}::ng-deep body.body-report-reports .mat-mdc-card-content{display:flex;flex-direction:column;box-sizing:border-box}::ng-deep body.body-report-reports .mat-mdc-card-content mat-tab-nav-panel{flex:1;min-height:0}::ng-deep body.body-report-reports .mat-mdc-card-content mat-tab-nav-panel router-outlet+ng-component{height:100%}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: FsAutocompleteChipsModule }, { kind: "component", type: i2$2.FsAutocompleteChipsComponent, selector: "fs-autocomplete-chips", inputs: ["fetch", "appearance", "floatLabel", "readonly", "size", "label", "placeholder", "chipImage", "chipBackground", "chipColor", "chipIcon", "chipIconColor", "chipClass", "chipPadding", "shape", "hint", "allowText", "allowObject", "delay", "minPanelWidth", "maxPanelHeight", "validateText", "removable", "allowClear", "color", "background", "orderable", "padless", "initOnClick", "fetchOnFocus", "multiple", "multipleAdd", "confirm", "disabled", "groupBy", "panelWidth", "panelClass", "compareWith"], outputs: ["selected", "removed", "reordered", "clear", "panelOpened", "panelClosed"] }, { kind: "directive", type: i2$2.FsAutocompleteObjectDirective, selector: "[fsAutocompleteObject],[fsAutocompleteChipsTemplate]" }, { kind: "directive", type: i2$2.FsAutocompleteChipsStaticDirective, selector: "[fsAutocompleteChipsStatic]", inputs: ["show", "disable"], outputs: ["click", "selected"] }, { kind: "ngmodule", type: FsFilterModule }, { kind: "component", type: i2.FilterComponent, selector: "fs-filter", inputs: ["config"], outputs: ["closed", "opened", "ready"] }, { kind: "ngmodule", type: FsMenuModule }, { kind: "component", type: i2$3.FsMenuComponent, selector: "fs-menu", inputs: ["class", "buttonClass", "buttonType", "buttonColor"], outputs: ["opened", "closed"] }, { kind: "directive", type: i2$3.FsMenuItemDirective, selector: "fs-menu-group,[fs-menu-item]" }, { kind: "component", type: FsAiChatComponent, selector: "fs-ai-chat", inputs: ["basePath", "requestData", "introMessage"], outputs: ["response"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: ReportCanvasComponent, selector: "app-report-canvas", inputs: ["report", "editMode"], outputs: ["componentSettings", "reportChanged", "editDone"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ReportComponent, decorators: [{
@@ -3340,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-CqywpQQC.mjs').then((module) => module.default) }),
+                        provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-F254vpF1.mjs').then((module) => module.default) }),
                     ], imports: [
                         FormsModule,
                         FsAutocompleteChipsModule,
@@ -3451,10 +3451,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                     ], template: "<div class=\"fs-column tab-body\">\n  <mat-form-field>\n    <mat-label>Semantic build concurrency</mat-label>\n    <input\n        matInput\n        type=\"number\"\n        [ngModel]=\"concurrency()\"\n        (ngModelChange)=\"concurrency.set($event)\"\n        name=\"semanticBuildConcurrency\"\n        [fsFormRequired]=\"true\"\n        [fsFormInteger]=\"true\"\n        [fsFormMin]=\"min()\"\n        [fsFormMax]=\"max()\">\n    <mat-hint>\n      How many AI calls the semantic-database build runs at once ({{ min() }}\u2013{{ max() }}).\n      Higher is faster but more likely to hit the AI provider's rate limit. Default is 8.\n    </mat-hint>\n  </mat-form-field>\n</div>\n", styles: [".tab-body{padding-top:16px}mat-form-field{display:block;max-width:340px}\n"] }]
         }] });
 
-// One group of an entity's AI-classified cached code functions — the model
-// class's or the handler class's, per the source it was opened for. Fetched on
-// open from the shared per-entity endpoint (one payload carries both groups,
-// each row tagged with its source) and filtered client-side.
+// One group of a unit's AI-classified cached code functions — an entity's model
+// or handler class, or the single group of a standalone code class. Fetched on
+// open from the shared per-key endpoint (one payload carries every group, each
+// row tagged with its source) and filtered client-side.
 class EntityFunctionsComponent {
     // One color per AI classification kind, so a function's nature reads at a glance.
     static KIND_COLORS = {
@@ -3467,15 +3467,23 @@ class EntityFunctionsComponent {
     };
     // Interesting logic first: derived values and rules, then data access, then the rest.
     static KIND_ORDER = ['calculation', 'business-rule', 'query', 'mutation', 'accessor', 'other'];
+    // The dialog title per group. A standalone class has no model/handler split,
+    // so its one group is just the code the build read.
+    static SOURCE_LABELS = {
+        model: 'Model functions',
+        handler: 'Handler functions',
+        class: 'Code functions',
+    };
     _data = inject(MAT_DIALOG_DATA);
     entityKey = this._data.entityKey;
-    sourceLabel = this._data.source === 'model' ? 'Model functions' : 'Handler functions';
+    sourceLabel = EntityFunctionsComponent.SOURCE_LABELS[this._data.source];
     // null until loaded — gates the list behind the skeleton.
     entityFunctions = signal(null);
-    // The class this group's functions were discovered from.
+    // The class this group's functions were discovered from. A standalone code
+    // class has no handler, so its group reads the model slot like 'model' does.
     discoveredClass = computed(() => {
         const loaded = this.entityFunctions();
-        return this._data.source === 'model' ? loaded?.modelClass : loaded?.handlerClass;
+        return this._data.source === 'handler' ? loaded?.handlerClass : loaded?.modelClass;
     });
     // This group's functions, ordered by kind priority then method name.
     functions = computed(() => this._sortFunctions((this.entityFunctions()?.functions ?? [])
@@ -3518,13 +3526,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                     ], template: "<fs-dialog>\n  <fs-dialog-title>\n    {{ entityKey }} \u2014 {{ sourceLabel }}\n  </fs-dialog-title>\n  <mat-dialog-content>\n    <div *fsSkeleton=\"entityFunctions()\">\n      @if (entityFunctions(); as fns) {\n        @if (functions().length) {\n          @if (fns.generatedAt) {\n            <div class=\"hint functions-generated\">\n              Discovered from {{ discoveredClass() }} &middot;\n              <fs-date\n                  [date]=\"fns.generatedAt\"\n                  format=\"date-time\">\n              </fs-date>\n            </div>\n          }\n          <div class=\"functions-list\">\n            @for (fn of functions(); track fn.class + '::' + fn.method) {\n              <div class=\"function-row\">\n                <div class=\"function-head\">\n                  <fs-chip\n                      size=\"tiny\"\n                      [backgroundColor]=\"kindColor(fn.kind)\"\n                      color=\"#ffffff\">\n                    {{ fn.kind }}\n                  </fs-chip>\n                  <code class=\"function-method\">{{ fn.method }}</code>\n                </div>\n                <div class=\"function-summary\">{{ fn.summary }}</div>\n                @if (fn.produces) {\n                  <div class=\"function-produces hint\">Produces: {{ fn.produces }}</div>\n                }\n              </div>\n            }\n          </div>\n        } @else {\n          <div class=\"hint\">\n            No functions cached for this entity yet \u2014 run a build to discover its code.\n          </div>\n        }\n      }\n    </div>\n  </mat-dialog-content>\n  <mat-dialog-actions>\n    <button\n        type=\"button\"\n        mat-button\n        color=\"primary\"\n        [mat-dialog-close]=\"undefined\">\n      Close\n    </button>\n  </mat-dialog-actions>\n</fs-dialog>\n", styles: [".hint{margin:0;color:#0009;font-size:13px;line-height:1.5}.functions-generated{margin-bottom:10px}.functions-list{display:flex;flex-direction:column}.functions-list .function-row{display:flex;flex-direction:column;gap:3px;padding:10px 0}.functions-list .function-row+.function-row{border-top:1px solid rgba(0,0,0,.08)}.functions-list .function-row .function-head{display:flex;align-items:center;gap:8px}.functions-list .function-row .function-method{font-family:monospace;font-size:13px;font-weight:600}.functions-list .function-row .function-summary{color:#000000bf}.functions-list .function-row .function-produces{padding-left:10px}\n"] }]
         }], ctorParameters: () => [] });
 
-// The Semantic Database tab: the entity scoreboard the report AI is built from
-// (an entity = a table + a model + a handler). Shows the last build's status,
-// runs (or stops) a build — streamed into the FsProcess dock so it survives the
-// dialog closing — and drills into every entity to reveal its shape, inlined
-// enum values, computed fields and its cached function counts, whose links open
-// the functions dialog (the full function set across all entities is far too
-// big to ship with the scoreboard).
+// The Semantic Database tab: the scoreboard of everything the report AI was
+// built from. Shows the last build's status, runs (or stops) a build — streamed
+// into the FsProcess dock so it survives the dialog closing — and drills into
+// every unit to reveal its shape, inlined enum values, computed fields and its
+// cached function counts, whose links open the functions dialog (the full
+// function set is far too big to ship with the scoreboard).
 //
 // It also reports the other half of the picture: the tables the AI CANNOT see —
 // excluded ones (no model) and junctions that bridged nothing. Those are
@@ -3541,21 +3548,20 @@ class SemanticDatabaseComponent {
         K: 'Stopped',
         F: 'Failed',
     };
-    // Scoreboard completion palette: built = green, everything else (needs
-    // building) = grey. No error red — a missing stage is unbuilt content, not a
-    // failure.
-    static DONE_COLOR = '#2e7d32';
-    static PENDING_COLOR = '#9e9e9e';
-    // The scoreboard's per-entity stage chips, left to right.
-    stageKeys = ['introspected', 'enumsInlined', 'computed', 'functions'];
-    stageLabels = {
-        introspected: 'Introspected',
-        enumsInlined: 'Enum cases',
-        computed: 'Computed',
-        functions: 'Functions',
-    };
+    // A row that is still owed content says so; a built one says nothing. On a
+    // finished build every stage is done on every row, so chipping them all was
+    // noise that buried the one row that mattered.
+    static PENDING_COLOR = '#b26500';
+    // Class-name suffix stripped for display: `BudgetSummaryModel` reads as
+    // `BudgetSummary`. Only `Model` — stripping `Handler` too would collide
+    // `WorkOrderOneTimeHandler` with `WorkOrderOneTimeModel`, which are two
+    // separate units.
+    static NAME_SUFFIX = 'Model';
     // null until loaded — gates the tab behind the skeleton.
     status = signal(null);
+    // Free-text filter over the unit list — at a few hundred rows the accordion
+    // is only usable if you can narrow it.
+    filter = signal('');
     // True while a build started from this tab is streaming into the dock.
     building = signal(false);
     buildActive = computed(() => this.building()
@@ -3572,6 +3578,43 @@ class SemanticDatabaseComponent {
     // junction, but they were folded into no relationship, so neither they nor
     // what they link are reachable.
     unlinkedJunctions = computed(() => this._tables().filter((table) => table.classification === 'junction' && !!table.reason));
+    // Everything the build cached, entities and standalone code classes together,
+    // in one list ordered by the name a reader recognizes. Two arrays on the wire
+    // because they are genuinely different shapes; one list on screen because
+    // "what did the build read?" is a single question.
+    units = computed(() => {
+        const detail = this.status()?.detail;
+        if (!detail) {
+            return [];
+        }
+        const entities = (detail.entities ?? []).map((entity) => ({
+            key: entity.key,
+            name: this._displayName(entity.model, entity.key),
+            hasTable: true,
+            entity,
+            model: entity.model,
+            functionCount: entity.functionCount,
+        }));
+        const classes = (detail.classes ?? []).map((unit) => ({
+            key: unit.key,
+            name: this._displayName(unit.model, unit.key),
+            hasTable: false,
+            entity: null,
+            model: unit.model,
+            functionCount: unit.functionCount,
+        }));
+        return [...entities, ...classes]
+            .sort((a, b) => a.name.localeCompare(b.name));
+    });
+    // The filter matches the display name, the class and the entity key, so
+    // hunting by any of the three works.
+    filteredUnits = computed(() => {
+        const filter = this.filter().trim().toLowerCase();
+        if (!filter) {
+            return this.units();
+        }
+        return this.units().filter((unit) => `${unit.name} ${unit.model ?? ''} ${unit.key}`.toLowerCase().includes(filter));
+    });
     // The Coverage line. Assembled here because the catalog parts drop out
     // entirely on a pre-catalog artifact, which reads badly as template branches.
     coverage = computed(() => {
@@ -3579,7 +3622,7 @@ class SemanticDatabaseComponent {
         if (!detail) {
             return '';
         }
-        const parts = [`${detail.entityCount} entities`];
+        const parts = [`${detail.entityCount} entities`, `${detail.classCount} code classes`];
         if (this.hasCatalog()) {
             parts.push(detail.unlinkedJunctionCount
                 ? `${detail.junctionCount} junctions (${detail.unlinkedJunctionCount} not linked)`
@@ -3653,11 +3696,12 @@ class SemanticDatabaseComponent {
             .subscribe(() => this._finalizeBuild(null));
     }
     /**
-     * Wrap up one build run exactly once. On a hard stream error there is no
-     * status to read, so say so directly; otherwise refresh the status and
-     * announce how the build actually ended — a build that failed (e.g. the AI
-     * couldn't be reached) reports 'Failed' with a reason, and that must surface
-     * instead of the run silently doing nothing.
+     * Wrap up one build run exactly once. On a hard stream error, surface the
+     * actual server-side reason pulled off the broken stream — the generic
+     * "could not run" line only when the failure carried no server text at all;
+     * otherwise refresh the status and announce how the build actually ended — a
+     * build that failed (e.g. the AI couldn't be reached) reports 'Failed' with
+     * a reason, and that must surface instead of the run silently doing nothing.
      */
     _finalizeBuild(streamError) {
         if (this._buildFinalized) {
@@ -3666,7 +3710,10 @@ class SemanticDatabaseComponent {
         this._buildFinalized = true;
         this.building.set(false);
         if (streamError) {
-            this._message.error('The semantic database build could not run — check the AI connection and try again.');
+            const detail = this._streamErrorDetail(streamError);
+            this._message.error(detail
+                ? `The semantic database build failed — ${detail}`
+                : 'The semantic database build could not run — check the AI connection and try again.');
             this._refreshStatus();
             return;
         }
@@ -3677,6 +3724,39 @@ class SemanticDatabaseComponent {
             this._announceOutcome(status);
         });
     }
+    /**
+     * The real reason a broken build stream broke, from what the server actually
+     * sent. A structured error frame arrives as {message} on the error body; a
+     * mid-stream crash dumps raw text into the stream (the stream interceptor
+     * hands it back as statusText), where the frames are JSON lines and the
+     * first non-JSON lines are the error and its location. '' when the failure
+     * carried no server text at all (transport down / server unreachable).
+     */
+    _streamErrorDetail(streamError) {
+        const error = streamError;
+        if (error?.error?.message) {
+            return error.error.message;
+        }
+        const statusText = error?.statusText;
+        if (!statusText || statusText === 'Unknown Error') {
+            return '';
+        }
+        const lines = statusText.split('\n')
+            .map((line) => line.trim())
+            .filter((line) => {
+            if (!line) {
+                return false;
+            }
+            try {
+                JSON.parse(line);
+                return false;
+            }
+            catch {
+                return true;
+            }
+        });
+        return lines.slice(0, 2).join(' — ').substring(0, 300);
+    }
     /**
      * Tell the operator how the build ended: a failed/stopped build surfaces its
      * reason (so an AI connection problem is never silent), a completed one
@@ -3691,38 +3771,62 @@ class SemanticDatabaseComponent {
             this._message.success('Semantic database build complete.');
         }
     }
-    stageColor(stage) {
-        return stage === 'done'
-            ? SemanticDatabaseComponent.DONE_COLOR
-            : SemanticDatabaseComponent.PENDING_COLOR;
+    pendingColor() {
+        return SemanticDatabaseComponent.PENDING_COLOR;
+    }
+    /**
+     * The build stages this row is still owed, or [] when it is fully built. A
+     * stopped or interrupted build is the only way to get a non-empty list.
+     */
+    pendingStages(unit) {
+        const stages = unit.entity?.stages;
+        return stages
+            ? Object.keys(stages).filter((stage) => stages[stage] !== 'done')
+            : [];
     }
-    stageTooltip(stage) {
-        return stage === 'done' ? 'Built' : 'Needs building';
+    setFilter(value) {
+        this.filter.set(value);
     }
     /**
-     * Open the child dialog listing one group of an entity's cached functions —
-     * the model class's or the handler class's. The dialog fetches fresh on open,
-     * so the tab never holds function payloads.
+     * Open the child dialog listing one group of a unit's cached functions — an
+     * entity's model or handler class, or a standalone class's code. The dialog
+     * fetches fresh on open, so the tab never holds function payloads.
      */
-    openFunctions(entity, source) {
+    openFunctions(unit, source) {
         this._dialog.open(EntityFunctionsComponent, {
             width: '700px',
             maxWidth: '95vw',
             maxHeight: '85vh',
             autoFocus: false,
-            data: { entityKey: entity.key, source },
+            data: { entityKey: unit.key, source },
         });
     }
     _init() {
         this._refreshStatus();
     }
+    /**
+     * What a reader recognizes the unit by: its class's short name, minus the
+     * `Model` suffix that every model carries and none of them are distinguished
+     * by. Falls back to the cache key for a unit whose class could not be
+     * resolved, so a row never renders nameless.
+     */
+    _displayName(model, key) {
+        if (!model) {
+            return key;
+        }
+        const shortName = model.split('\\').pop();
+        return shortName.length > SemanticDatabaseComponent.NAME_SUFFIX.length
+            && shortName.endsWith(SemanticDatabaseComponent.NAME_SUFFIX)
+            ? shortName.slice(0, -SemanticDatabaseComponent.NAME_SUFFIX.length)
+            : shortName;
+    }
     _refreshStatus() {
         this._reportData.semanticBuildStatus()
             .pipe(takeUntilDestroyed(this._destroyRef))
             .subscribe((status) => this.status.set(status));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SemanticDatabaseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SemanticDatabaseComponent, isStandalone: true, selector: "fs-ai-report-global-settings-semantic-database", ngImport: i0, template: "<div class=\"fs-column tab-body\">\n  <p class=\"hint\">\n    The semantic database is what the report AI uses to understand your data \u2014\n    tables, relationships and the calculations in code. Rebuild it after\n    significant application updates. The build runs in the background; progress\n    appears in the dock at the bottom right and this dialog can be closed while\n    it runs.\n  </p>\n\n  <div *fsSkeleton=\"status()\">\n    @if (status(); as buildStatus) {\n      <div class=\"build-status\">\n        @if (buildStatus.detail.generatedAt) {\n          <div class=\"stat\">\n            <span class=\"label\">Last built</span>\n            <fs-date\n                [date]=\"buildStatus.detail.generatedAt\"\n                format=\"date-time\">\n            </fs-date>\n          </div>\n          <div class=\"stat\">\n            <span class=\"label\">Coverage</span>\n            <span>{{ coverage() }}</span>\n          </div>\n        } @else {\n          <fs-message-warning>\n            The semantic database has not been built yet \u2014 the report AI can't\n            answer data questions until it is. Run the first build.\n          </fs-message-warning>\n        }\n        @if (buildStatus.build) {\n          <div class=\"stat\">\n            <span class=\"label\">Last build run</span>\n            <span>\n              {{ buildStateLabel() }}\n              @if (buildStatus.build.message) {\n                \u2014 {{ buildStatus.build.message }}\n              }\n            </span>\n          </div>\n        }\n      </div>\n\n      <!-- The entity scoreboard: every entity the AI knows about (an entity =\n           a table + a model + a handler), its built-vs-needs-building stages,\n           and a drill-down into its shape, enum values, computed fields and\n           cached function counts \u2014 the counts link into the functions dialog. -->\n      @if (buildStatus.detail.entities?.length) {\n        <h2>Entities</h2>\n        <mat-accordion class=\"entities\">\n          @for (entity of buildStatus.detail.entities; track entity.key) {\n            <mat-expansion-panel>\n              <mat-expansion-panel-header>\n                <mat-panel-title>{{ entity.key }}</mat-panel-title>\n                <mat-panel-description>\n                  <div class=\"stage-chips\">\n                    @for (stage of stageKeys; track stage) {\n                      <fs-chip\n                          size=\"tiny\"\n                          [backgroundColor]=\"stageColor(entity.stages[stage])\"\n                          color=\"#ffffff\"\n                          [matTooltip]=\"stageTooltip(entity.stages[stage])\">\n                        {{ stageLabels[stage] }}\n                      </fs-chip>\n                    }\n                  </div>\n                </mat-panel-description>\n              </mat-expansion-panel-header>\n\n              <!-- Deferred: the body only exists once expanded. -->\n              <ng-template matExpansionPanelContent>\n                <div class=\"entity-detail\">\n                  <div class=\"stat\">\n                    <span class=\"label\">Table</span>\n                    <span>{{ entity.table }}</span>\n                  </div>\n                  <div class=\"stat\">\n                    <span class=\"label\">Columns</span>\n                    <span>{{ entity.columns }}</span>\n                  </div>\n                  <div class=\"stat\">\n                    <span class=\"label\">Relationships</span>\n                    <span>{{ entity.relationships }}</span>\n                  </div>\n                  @if (entity.enums.length) {\n                    <div class=\"stat\">\n                      <span class=\"label\">Enumeration values</span>\n                      <div class=\"pair-list\">\n                        @for (enumColumn of entity.enums; track enumColumn.column) {\n                          <div class=\"pair-row\">\n                            <span class=\"pair-name\">{{ enumColumn.column }}</span>\n                            <span>{{ enumColumn.values.join(', ') }}</span>\n                          </div>\n                        }\n                      </div>\n                    </div>\n                  }\n                  @if (entity.computedFields.length) {\n                    <div class=\"stat\">\n                      <span class=\"label\">Computed fields</span>\n                      <span>{{ entity.computedFields.join(', ') }}</span>\n                    </div>\n                  }\n                  <div class=\"stat\">\n                    <span class=\"label\">Model functions</span>\n                    @if (entity.modelFunctionCount) {\n                      <a\n                          class=\"count-link\"\n                          (click)=\"openFunctions(entity, 'model')\">\n                        {{ entity.modelFunctionCount }}\n                      </a>\n                    } @else {\n                      <span>0</span>\n                    }\n                  </div>\n                  <div class=\"stat\">\n                    <span class=\"label\">Handler functions</span>\n                    @if (entity.handlerFunctionCount) {\n                      <a\n                          class=\"count-link\"\n                          (click)=\"openFunctions(entity, 'handler')\">\n                        {{ entity.handlerFunctionCount }}\n                      </a>\n                    } @else {\n                      <span>0</span>\n                    }\n                  </div>\n                </div>\n              </ng-template>\n            </mat-expansion-panel>\n          }\n        </mat-accordion>\n      }\n\n      <!-- The other half of the picture: tables the AI can't reach. Excluded\n           ones have no model; unlinked junctions have a composite primary key\n           but were folded into no relationship, so nothing can navigate to\n           them. Both are invisible by omission \u2014 no error, just a capability\n           that silently isn't there. Collapsed by default: the excluded list is\n           long and mostly framework plumbing. -->\n      @if (hasCatalog()) {\n        <h2>Not in the semantic database</h2>\n        <div class=\"subheading\">\n          Tables the report AI can't see. Give one a model to promote it to an\n          entity, then rebuild.\n        </div>\n        <mat-accordion class=\"catalog\">\n          @if (excludedTables().length) {\n            <mat-expansion-panel>\n              <mat-expansion-panel-header>\n                <mat-panel-title>\n                  Tables excluded ({{ excludedTables().length }})\n                </mat-panel-title>\n              </mat-expansion-panel-header>\n\n              <!-- Deferred: the body only exists once expanded. -->\n              <ng-template matExpansionPanelContent>\n                <div class=\"pair-list\">\n                  @for (table of excludedTables(); track table.table) {\n                    <div class=\"pair-row\">\n                      <span class=\"pair-name\">{{ table.table }}</span>\n                      <span>{{ table.reason }}</span>\n                    </div>\n                  }\n                </div>\n              </ng-template>\n            </mat-expansion-panel>\n          }\n          @if (unlinkedJunctions().length) {\n            <mat-expansion-panel>\n              <mat-expansion-panel-header>\n                <mat-panel-title>\n                  Junctions not linked ({{ unlinkedJunctions().length }})\n                </mat-panel-title>\n              </mat-expansion-panel-header>\n\n              <ng-template matExpansionPanelContent>\n                <p class=\"small\">\n                  Link tables the build couldn't fold into a relationship \u2014 so\n                  neither they nor what they link can be reported on.\n                </p>\n                <div class=\"pair-list\">\n                  @for (table of unlinkedJunctions(); track table.table) {\n                    <div class=\"pair-row\">\n                      <span class=\"pair-name\">{{ table.table }}</span>\n                      <span>{{ table.reason }}</span>\n                    </div>\n                  }\n                </div>\n              </ng-template>\n            </mat-expansion-panel>\n          }\n        </mat-accordion>\n      }\n    }\n  </div>\n</div>\n", styles: [".hint{margin:0 0 12px;color:#0009;font-size:13px;line-height:1.5}.stat{display:flex;align-items:baseline;gap:12px}.stat>.label{flex:0 0 150px;white-space:nowrap;color:#0009}.build-status{display:flex;flex-direction:column;gap:8px}.pair-list{display:flex;flex-direction:column;gap:3px}.pair-row{display:flex;gap:12px}.pair-name{flex:0 0 140px;white-space:nowrap;color:#0009}.entities{display:block;padding:3px}.entities mat-panel-description{justify-content:flex-end;margin-right:8px}.entities .stage-chips{display:flex;gap:4px}.entities .entity-detail{display:flex;flex-direction:column;gap:8px}.catalog{display:block;padding:3px}.catalog .pair-name{flex-basis:220px}\n"], dependencies: [{ kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i1$5.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i1$5.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i1$5.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i1$5.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i1$5.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "directive", type: i1$5.MatExpansionPanelContent, selector: "ng-template[matExpansionPanelContent]" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: FsChipModule }, { kind: "component", type: i1$4.FsChipComponent, selector: "fs-chip", inputs: ["selectable", "removable", "value", "maxWidth", "width", "backgroundColor", "borderColor", "color", "shape", "outlined", "outlineDash", "icon", "image", "selected", "disabled", "padding", "contrastColor", "size"], outputs: ["selectedToggled", "removed", "click"] }, { kind: "ngmodule", type: FsDateModule }, { kind: "component", type: i2$4.FsDateComponent, selector: "fs-date", inputs: ["date", "format", "timezone"] }, { kind: "ngmodule", type: FsMessageModule }, { kind: "component", type: i4.FsMessageWarningComponent, selector: "fs-message-warning" }, { kind: "ngmodule", type: FsSkeletonModule }, { kind: "directive", type: i4$1.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SemanticDatabaseComponent, isStandalone: true, selector: "fs-ai-report-global-settings-semantic-database", ngImport: i0, template: "<div class=\"fs-column tab-body\">\n  <p class=\"hint\">\n    The semantic database is what the report AI uses to understand your data \u2014\n    tables, relationships and the calculations in code. Rebuild it after\n    significant application updates. The build runs in the background; progress\n    appears in the dock at the bottom right and this dialog can be closed while\n    it runs.\n  </p>\n\n  <div *fsSkeleton=\"status()\">\n    @if (status(); as buildStatus) {\n      <div class=\"build-status\">\n        @if (buildStatus.detail.generatedAt) {\n          <div class=\"stat\">\n            <span class=\"label\">Last built</span>\n            <fs-date\n                [date]=\"buildStatus.detail.generatedAt\"\n                format=\"date-time\">\n            </fs-date>\n          </div>\n          <div class=\"stat\">\n            <span class=\"label\">Coverage</span>\n            <span>{{ coverage() }}</span>\n          </div>\n        } @else {\n          <fs-message-warning>\n            The semantic database has not been built yet \u2014 the report AI can't\n            answer data questions until it is. Run the first build.\n          </fs-message-warning>\n        }\n        @if (buildStatus.build) {\n          <div class=\"stat\">\n            <span class=\"label\">Last build run</span>\n            <span>\n              {{ buildStateLabel() }}\n              @if (buildStatus.build.message) {\n                \u2014 {{ buildStatus.build.message }}\n              }\n            </span>\n          </div>\n        }\n      </div>\n\n      <!-- Everything the build read, in one list: entities (a table + a model +\n           a handler) and standalone code classes (domain logic with no table).\n           The AI reads code from both, so splitting them into two sections\n           would hide half of what was built. Each row drills into its shape,\n           enum values, computed fields and cached function counts \u2014 the counts\n           link into the functions dialog. -->\n      @if (units().length) {\n        <h2>Included ({{ units().length }})</h2>\n        <div class=\"subheading\">\n          Everything the report AI was built from. Entities can be queried;\n          code classes are logic it reads and translates into SQL.\n        </div>\n\n        <input\n            class=\"unit-filter\"\n            type=\"search\"\n            placeholder=\"Filter by name, class or key\u2026\"\n            [value]=\"filter()\"\n            (input)=\"setFilter($any($event.target).value)\">\n\n        <mat-accordion class=\"entities\">\n          @for (unit of filteredUnits(); track unit.key) {\n            <mat-expansion-panel>\n              <mat-expansion-panel-header>\n                <mat-panel-title>{{ unit.name }}</mat-panel-title>\n                <mat-panel-description>\n                  <div class=\"stage-chips\">\n                    @if (!unit.hasTable) {\n                      <fs-chip size=\"tiny\" matTooltip=\"Domain logic with no table \u2014 read, never queried\">\n                        code\n                      </fs-chip>\n                    }\n                    <!-- Silence means built. A chip here means an interrupted\n                         build left this row owing content. -->\n                    @for (stage of pendingStages(unit); track stage) {\n                      <fs-chip\n                          size=\"tiny\"\n                          [backgroundColor]=\"pendingColor()\"\n                          color=\"#ffffff\"\n                          matTooltip=\"Needs building\">\n                        {{ stage }}\n                      </fs-chip>\n                    }\n                  </div>\n                </mat-panel-description>\n              </mat-expansion-panel-header>\n\n              <!-- Deferred: the body only exists once expanded. -->\n              <ng-template matExpansionPanelContent>\n                <div class=\"entity-detail\">\n                  @if (unit.model) {\n                    <div class=\"stat\">\n                      <span class=\"label\">Class</span>\n                      <span>{{ unit.model }}</span>\n                    </div>\n                  }\n                  @if (unit.entity; as entity) {\n                    <div class=\"stat\">\n                      <span class=\"label\">Table</span>\n                      <span>{{ entity.table }}</span>\n                    </div>\n                    <!-- The handle the report AI addresses this entity by in\n                         describe_entity / compile_query. -->\n                    <div class=\"stat\">\n                      <span class=\"label\">Entity key</span>\n                      <span>{{ entity.key }}</span>\n                    </div>\n                    <div class=\"stat\">\n                      <span class=\"label\">Columns</span>\n                      <span>{{ entity.columns }}</span>\n                    </div>\n                    <div class=\"stat\">\n                      <span class=\"label\">Relationships</span>\n                      <span>{{ entity.relationships }}</span>\n                    </div>\n                    @if (entity.enums.length) {\n                      <div class=\"stat\">\n                        <span class=\"label\">Enumeration values</span>\n                        <div class=\"pair-list\">\n                          @for (enumColumn of entity.enums; track enumColumn.column) {\n                            <div class=\"pair-row\">\n                              <span class=\"pair-name\">{{ enumColumn.column }}</span>\n                              <span>{{ enumColumn.values.join(', ') }}</span>\n                            </div>\n                          }\n                        </div>\n                      </div>\n                    }\n                    @if (entity.computedFields.length) {\n                      <div class=\"stat\">\n                        <span class=\"label\">Computed fields</span>\n                        <span>{{ entity.computedFields.join(', ') }}</span>\n                      </div>\n                    }\n                    <div class=\"stat\">\n                      <span class=\"label\">Model functions</span>\n                      @if (entity.modelFunctionCount) {\n                        <a\n                            class=\"count-link\"\n                            (click)=\"openFunctions(unit, 'model')\">\n                          {{ entity.modelFunctionCount }}\n                        </a>\n                      } @else {\n                        <span>0</span>\n                      }\n                    </div>\n                    <div class=\"stat\">\n                      <span class=\"label\">Handler functions</span>\n                      @if (entity.handlerFunctionCount) {\n                        <a\n                            class=\"count-link\"\n                            (click)=\"openFunctions(unit, 'handler')\">\n                          {{ entity.handlerFunctionCount }}\n                        </a>\n                      } @else {\n                        <span>0</span>\n                      }\n                    </div>\n                  } @else {\n                    <div class=\"stat\">\n                      <span class=\"label\">Code functions</span>\n                      @if (unit.functionCount) {\n                        <a\n                            class=\"count-link\"\n                            (click)=\"openFunctions(unit, 'class')\">\n                          {{ unit.functionCount }}\n                        </a>\n                      } @else {\n                        <span>0</span>\n                      }\n                    </div>\n                  }\n                </div>\n              </ng-template>\n            </mat-expansion-panel>\n          }\n        </mat-accordion>\n\n        @if (!filteredUnits().length) {\n          <div class=\"subheading\">Nothing matches \u201C{{ filter() }}\u201D.</div>\n        }\n      }\n\n      <!-- The other half of the picture: tables the AI can't reach. Excluded\n           ones have no model; unlinked junctions have a composite primary key\n           but were folded into no relationship, so nothing can navigate to\n           them. Both are invisible by omission \u2014 no error, just a capability\n           that silently isn't there. Collapsed by default: the excluded list is\n           long and mostly framework plumbing. -->\n      @if (hasCatalog()) {\n        <h2>Not in the semantic database</h2>\n        <div class=\"subheading\">\n          Tables the report AI can't see. Give one a model to promote it to an\n          entity, then rebuild.\n        </div>\n        <mat-accordion class=\"catalog\">\n          @if (excludedTables().length) {\n            <mat-expansion-panel>\n              <mat-expansion-panel-header>\n                <mat-panel-title>\n                  Tables excluded ({{ excludedTables().length }})\n                </mat-panel-title>\n              </mat-expansion-panel-header>\n\n              <!-- Deferred: the body only exists once expanded. -->\n              <ng-template matExpansionPanelContent>\n                <div class=\"pair-list\">\n                  @for (table of excludedTables(); track table.table) {\n                    <div class=\"pair-row\">\n                      <span class=\"pair-name\">{{ table.table }}</span>\n                      <span>{{ table.reason }}</span>\n                    </div>\n                  }\n                </div>\n              </ng-template>\n            </mat-expansion-panel>\n          }\n          @if (unlinkedJunctions().length) {\n            <mat-expansion-panel>\n              <mat-expansion-panel-header>\n                <mat-panel-title>\n                  Junctions not linked ({{ unlinkedJunctions().length }})\n                </mat-panel-title>\n              </mat-expansion-panel-header>\n\n              <ng-template matExpansionPanelContent>\n                <p class=\"small\">\n                  Link tables the build couldn't fold into a relationship \u2014 so\n                  neither they nor what they link can be reported on.\n                </p>\n                <div class=\"pair-list\">\n                  @for (table of unlinkedJunctions(); track table.table) {\n                    <div class=\"pair-row\">\n                      <span class=\"pair-name\">{{ table.table }}</span>\n                      <span>{{ table.reason }}</span>\n                    </div>\n                  }\n                </div>\n              </ng-template>\n            </mat-expansion-panel>\n          }\n        </mat-accordion>\n      }\n    }\n  </div>\n</div>\n", styles: [".hint{margin:0 0 12px;color:#0009;font-size:13px;line-height:1.5}.stat{display:flex;align-items:baseline;gap:12px}.stat>.label{flex:0 0 150px;white-space:nowrap;color:#0009}.build-status{display:flex;flex-direction:column;gap:8px}.pair-list{display:flex;flex-direction:column;gap:3px}.pair-row{display:flex;gap:12px}.pair-name{flex:0 0 140px;white-space:nowrap;color:#0009}.unit-filter{width:100%;box-sizing:border-box;margin:8px 0 4px;padding:6px 10px;border:1px solid rgba(0,0,0,.2);border-radius:4px;font:inherit}.unit-filter:focus{outline:none;border-color:#00000080}.entities{display:block;padding:3px}.entities mat-panel-description{justify-content:flex-end;margin-right:8px}.entities .stage-chips{display:flex;gap:4px}.entities .entity-detail{display:flex;flex-direction:column;gap:8px}.catalog{display:block;padding:3px}.catalog .pair-name{flex-basis:220px}\n"], dependencies: [{ kind: "ngmodule", type: MatExpansionModule }, { kind: "directive", type: i1$5.MatAccordion, selector: "mat-accordion", inputs: ["hideToggle", "displayMode", "togglePosition"], exportAs: ["matAccordion"] }, { kind: "component", type: i1$5.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["hideToggle", "togglePosition"], outputs: ["afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { kind: "component", type: i1$5.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["expandedHeight", "collapsedHeight", "tabIndex"] }, { kind: "directive", type: i1$5.MatExpansionPanelTitle, selector: "mat-panel-title" }, { kind: "directive", type: i1$5.MatExpansionPanelDescription, selector: "mat-panel-description" }, { kind: "directive", type: i1$5.MatExpansionPanelContent, selector: "ng-template[matExpansionPanelContent]" }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: FsChipModule }, { kind: "component", type: i1$4.FsChipComponent, selector: "fs-chip", inputs: ["selectable", "removable", "value", "maxWidth", "width", "backgroundColor", "borderColor", "color", "shape", "outlined", "outlineDash", "icon", "image", "selected", "disabled", "padding", "contrastColor", "size"], outputs: ["selectedToggled", "removed", "click"] }, { kind: "ngmodule", type: FsDateModule }, { kind: "component", type: i2$4.FsDateComponent, selector: "fs-date", inputs: ["date", "format", "timezone"] }, { kind: "ngmodule", type: FsMessageModule }, { kind: "component", type: i4.FsMessageWarningComponent, selector: "fs-message-warning" }, { kind: "ngmodule", type: FsSkeletonModule }, { kind: "directive", type: i4$1.FsSkeletonContentDirective, selector: "[fsSkeleton]", inputs: ["fsSkeleton", "fsSkeletonPattern"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SemanticDatabaseComponent, decorators: [{
             type: Component,
@@ -3733,7 +3837,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
                         FsDateModule,
                         FsMessageModule,
                         FsSkeletonModule,
-                    ], template: "<div class=\"fs-column tab-body\">\n  <p class=\"hint\">\n    The semantic database is what the report AI uses to understand your data \u2014\n    tables, relationships and the calculations in code. Rebuild it after\n    significant application updates. The build runs in the background; progress\n    appears in the dock at the bottom right and this dialog can be closed while\n    it runs.\n  </p>\n\n  <div *fsSkeleton=\"status()\">\n    @if (status(); as buildStatus) {\n      <div class=\"build-status\">\n        @if (buildStatus.detail.generatedAt) {\n          <div class=\"stat\">\n            <span class=\"label\">Last built</span>\n            <fs-date\n                [date]=\"buildStatus.detail.generatedAt\"\n                format=\"date-time\">\n            </fs-date>\n          </div>\n          <div class=\"stat\">\n            <span class=\"label\">Coverage</span>\n            <span>{{ coverage() }}</span>\n          </div>\n        } @else {\n          <fs-message-warning>\n            The semantic database has not been built yet \u2014 the report AI can't\n            answer data questions until it is. Run the first build.\n          </fs-message-warning>\n        }\n        @if (buildStatus.build) {\n          <div class=\"stat\">\n            <span class=\"label\">Last build run</span>\n            <span>\n              {{ buildStateLabel() }}\n              @if (buildStatus.build.message) {\n                \u2014 {{ buildStatus.build.message }}\n              }\n            </span>\n          </div>\n        }\n      </div>\n\n      <!-- The entity scoreboard: every entity the AI knows about (an entity =\n           a table + a model + a handler), its built-vs-needs-building stages,\n           and a drill-down into its shape, enum values, computed fields and\n           cached function counts \u2014 the counts link into the functions dialog. -->\n      @if (buildStatus.detail.entities?.length) {\n        <h2>Entities</h2>\n        <mat-accordion class=\"entities\">\n          @for (entity of buildStatus.detail.entities; track entity.key) {\n            <mat-expansion-panel>\n              <mat-expansion-panel-header>\n                <mat-panel-title>{{ entity.key }}</mat-panel-title>\n                <mat-panel-description>\n                  <div class=\"stage-chips\">\n                    @for (stage of stageKeys; track stage) {\n                      <fs-chip\n                          size=\"tiny\"\n                          [backgroundColor]=\"stageColor(entity.stages[stage])\"\n                          color=\"#ffffff\"\n                          [matTooltip]=\"stageTooltip(entity.stages[stage])\">\n                        {{ stageLabels[stage] }}\n                      </fs-chip>\n                    }\n                  </div>\n                </mat-panel-description>\n              </mat-expansion-panel-header>\n\n              <!-- Deferred: the body only exists once expanded. -->\n              <ng-template matExpansionPanelContent>\n                <div class=\"entity-detail\">\n                  <div class=\"stat\">\n                    <span class=\"label\">Table</span>\n                    <span>{{ entity.table }}</span>\n                  </div>\n                  <div class=\"stat\">\n                    <span class=\"label\">Columns</span>\n                    <span>{{ entity.columns }}</span>\n                  </div>\n                  <div class=\"stat\">\n                    <span class=\"label\">Relationships</span>\n                    <span>{{ entity.relationships }}</span>\n                  </div>\n                  @if (entity.enums.length) {\n                    <div class=\"stat\">\n                      <span class=\"label\">Enumeration values</span>\n                      <div class=\"pair-list\">\n                        @for (enumColumn of entity.enums; track enumColumn.column) {\n                          <div class=\"pair-row\">\n                            <span class=\"pair-name\">{{ enumColumn.column }}</span>\n                            <span>{{ enumColumn.values.join(', ') }}</span>\n                          </div>\n                        }\n                      </div>\n                    </div>\n                  }\n                  @if (entity.computedFields.length) {\n                    <div class=\"stat\">\n                      <span class=\"label\">Computed fields</span>\n                      <span>{{ entity.computedFields.join(', ') }}</span>\n                    </div>\n                  }\n                  <div class=\"stat\">\n                    <span class=\"label\">Model functions</span>\n                    @if (entity.modelFunctionCount) {\n                      <a\n                          class=\"count-link\"\n                          (click)=\"openFunctions(entity, 'model')\">\n                        {{ entity.modelFunctionCount }}\n                      </a>\n                    } @else {\n                      <span>0</span>\n                    }\n                  </div>\n                  <div class=\"stat\">\n                    <span class=\"label\">Handler functions</span>\n                    @if (entity.handlerFunctionCount) {\n                      <a\n                          class=\"count-link\"\n                          (click)=\"openFunctions(entity, 'handler')\">\n                        {{ entity.handlerFunctionCount }}\n                      </a>\n                    } @else {\n                      <span>0</span>\n                    }\n                  </div>\n                </div>\n              </ng-template>\n            </mat-expansion-panel>\n          }\n        </mat-accordion>\n      }\n\n      <!-- The other half of the picture: tables the AI can't reach. Excluded\n           ones have no model; unlinked junctions have a composite primary key\n           but were folded into no relationship, so nothing can navigate to\n           them. Both are invisible by omission \u2014 no error, just a capability\n           that silently isn't there. Collapsed by default: the excluded list is\n           long and mostly framework plumbing. -->\n      @if (hasCatalog()) {\n        <h2>Not in the semantic database</h2>\n        <div class=\"subheading\">\n          Tables the report AI can't see. Give one a model to promote it to an\n          entity, then rebuild.\n        </div>\n        <mat-accordion class=\"catalog\">\n          @if (excludedTables().length) {\n            <mat-expansion-panel>\n              <mat-expansion-panel-header>\n                <mat-panel-title>\n                  Tables excluded ({{ excludedTables().length }})\n                </mat-panel-title>\n              </mat-expansion-panel-header>\n\n              <!-- Deferred: the body only exists once expanded. -->\n              <ng-template matExpansionPanelContent>\n                <div class=\"pair-list\">\n                  @for (table of excludedTables(); track table.table) {\n                    <div class=\"pair-row\">\n                      <span class=\"pair-name\">{{ table.table }}</span>\n                      <span>{{ table.reason }}</span>\n                    </div>\n                  }\n                </div>\n              </ng-template>\n            </mat-expansion-panel>\n          }\n          @if (unlinkedJunctions().length) {\n            <mat-expansion-panel>\n              <mat-expansion-panel-header>\n                <mat-panel-title>\n                  Junctions not linked ({{ unlinkedJunctions().length }})\n                </mat-panel-title>\n              </mat-expansion-panel-header>\n\n              <ng-template matExpansionPanelContent>\n                <p class=\"small\">\n                  Link tables the build couldn't fold into a relationship \u2014 so\n                  neither they nor what they link can be reported on.\n                </p>\n                <div class=\"pair-list\">\n                  @for (table of unlinkedJunctions(); track table.table) {\n                    <div class=\"pair-row\">\n                      <span class=\"pair-name\">{{ table.table }}</span>\n                      <span>{{ table.reason }}</span>\n                    </div>\n                  }\n                </div>\n              </ng-template>\n            </mat-expansion-panel>\n          }\n        </mat-accordion>\n      }\n    }\n  </div>\n</div>\n", styles: [".hint{margin:0 0 12px;color:#0009;font-size:13px;line-height:1.5}.stat{display:flex;align-items:baseline;gap:12px}.stat>.label{flex:0 0 150px;white-space:nowrap;color:#0009}.build-status{display:flex;flex-direction:column;gap:8px}.pair-list{display:flex;flex-direction:column;gap:3px}.pair-row{display:flex;gap:12px}.pair-name{flex:0 0 140px;white-space:nowrap;color:#0009}.entities{display:block;padding:3px}.entities mat-panel-description{justify-content:flex-end;margin-right:8px}.entities .stage-chips{display:flex;gap:4px}.entities .entity-detail{display:flex;flex-direction:column;gap:8px}.catalog{display:block;padding:3px}.catalog .pair-name{flex-basis:220px}\n"] }]
+                    ], template: "<div class=\"fs-column tab-body\">\n  <p class=\"hint\">\n    The semantic database is what the report AI uses to understand your data \u2014\n    tables, relationships and the calculations in code. Rebuild it after\n    significant application updates. The build runs in the background; progress\n    appears in the dock at the bottom right and this dialog can be closed while\n    it runs.\n  </p>\n\n  <div *fsSkeleton=\"status()\">\n    @if (status(); as buildStatus) {\n      <div class=\"build-status\">\n        @if (buildStatus.detail.generatedAt) {\n          <div class=\"stat\">\n            <span class=\"label\">Last built</span>\n            <fs-date\n                [date]=\"buildStatus.detail.generatedAt\"\n                format=\"date-time\">\n            </fs-date>\n          </div>\n          <div class=\"stat\">\n            <span class=\"label\">Coverage</span>\n            <span>{{ coverage() }}</span>\n          </div>\n        } @else {\n          <fs-message-warning>\n            The semantic database has not been built yet \u2014 the report AI can't\n            answer data questions until it is. Run the first build.\n          </fs-message-warning>\n        }\n        @if (buildStatus.build) {\n          <div class=\"stat\">\n            <span class=\"label\">Last build run</span>\n            <span>\n              {{ buildStateLabel() }}\n              @if (buildStatus.build.message) {\n                \u2014 {{ buildStatus.build.message }}\n              }\n            </span>\n          </div>\n        }\n      </div>\n\n      <!-- Everything the build read, in one list: entities (a table + a model +\n           a handler) and standalone code classes (domain logic with no table).\n           The AI reads code from both, so splitting them into two sections\n           would hide half of what was built. Each row drills into its shape,\n           enum values, computed fields and cached function counts \u2014 the counts\n           link into the functions dialog. -->\n      @if (units().length) {\n        <h2>Included ({{ units().length }})</h2>\n        <div class=\"subheading\">\n          Everything the report AI was built from. Entities can be queried;\n          code classes are logic it reads and translates into SQL.\n        </div>\n\n        <input\n            class=\"unit-filter\"\n            type=\"search\"\n            placeholder=\"Filter by name, class or key\u2026\"\n            [value]=\"filter()\"\n            (input)=\"setFilter($any($event.target).value)\">\n\n        <mat-accordion class=\"entities\">\n          @for (unit of filteredUnits(); track unit.key) {\n            <mat-expansion-panel>\n              <mat-expansion-panel-header>\n                <mat-panel-title>{{ unit.name }}</mat-panel-title>\n                <mat-panel-description>\n                  <div class=\"stage-chips\">\n                    @if (!unit.hasTable) {\n                      <fs-chip size=\"tiny\" matTooltip=\"Domain logic with no table \u2014 read, never queried\">\n                        code\n                      </fs-chip>\n                    }\n                    <!-- Silence means built. A chip here means an interrupted\n                         build left this row owing content. -->\n                    @for (stage of pendingStages(unit); track stage) {\n                      <fs-chip\n                          size=\"tiny\"\n                          [backgroundColor]=\"pendingColor()\"\n                          color=\"#ffffff\"\n                          matTooltip=\"Needs building\">\n                        {{ stage }}\n                      </fs-chip>\n                    }\n                  </div>\n                </mat-panel-description>\n              </mat-expansion-panel-header>\n\n              <!-- Deferred: the body only exists once expanded. -->\n              <ng-template matExpansionPanelContent>\n                <div class=\"entity-detail\">\n                  @if (unit.model) {\n                    <div class=\"stat\">\n                      <span class=\"label\">Class</span>\n                      <span>{{ unit.model }}</span>\n                    </div>\n                  }\n                  @if (unit.entity; as entity) {\n                    <div class=\"stat\">\n                      <span class=\"label\">Table</span>\n                      <span>{{ entity.table }}</span>\n                    </div>\n                    <!-- The handle the report AI addresses this entity by in\n                         describe_entity / compile_query. -->\n                    <div class=\"stat\">\n                      <span class=\"label\">Entity key</span>\n                      <span>{{ entity.key }}</span>\n                    </div>\n                    <div class=\"stat\">\n                      <span class=\"label\">Columns</span>\n                      <span>{{ entity.columns }}</span>\n                    </div>\n                    <div class=\"stat\">\n                      <span class=\"label\">Relationships</span>\n                      <span>{{ entity.relationships }}</span>\n                    </div>\n                    @if (entity.enums.length) {\n                      <div class=\"stat\">\n                        <span class=\"label\">Enumeration values</span>\n                        <div class=\"pair-list\">\n                          @for (enumColumn of entity.enums; track enumColumn.column) {\n                            <div class=\"pair-row\">\n                              <span class=\"pair-name\">{{ enumColumn.column }}</span>\n                              <span>{{ enumColumn.values.join(', ') }}</span>\n                            </div>\n                          }\n                        </div>\n                      </div>\n                    }\n                    @if (entity.computedFields.length) {\n                      <div class=\"stat\">\n                        <span class=\"label\">Computed fields</span>\n                        <span>{{ entity.computedFields.join(', ') }}</span>\n                      </div>\n                    }\n                    <div class=\"stat\">\n                      <span class=\"label\">Model functions</span>\n                      @if (entity.modelFunctionCount) {\n                        <a\n                            class=\"count-link\"\n                            (click)=\"openFunctions(unit, 'model')\">\n                          {{ entity.modelFunctionCount }}\n                        </a>\n                      } @else {\n                        <span>0</span>\n                      }\n                    </div>\n                    <div class=\"stat\">\n                      <span class=\"label\">Handler functions</span>\n                      @if (entity.handlerFunctionCount) {\n                        <a\n                            class=\"count-link\"\n                            (click)=\"openFunctions(unit, 'handler')\">\n                          {{ entity.handlerFunctionCount }}\n                        </a>\n                      } @else {\n                        <span>0</span>\n                      }\n                    </div>\n                  } @else {\n                    <div class=\"stat\">\n                      <span class=\"label\">Code functions</span>\n                      @if (unit.functionCount) {\n                        <a\n                            class=\"count-link\"\n                            (click)=\"openFunctions(unit, 'class')\">\n                          {{ unit.functionCount }}\n                        </a>\n                      } @else {\n                        <span>0</span>\n                      }\n                    </div>\n                  }\n                </div>\n              </ng-template>\n            </mat-expansion-panel>\n          }\n        </mat-accordion>\n\n        @if (!filteredUnits().length) {\n          <div class=\"subheading\">Nothing matches \u201C{{ filter() }}\u201D.</div>\n        }\n      }\n\n      <!-- The other half of the picture: tables the AI can't reach. Excluded\n           ones have no model; unlinked junctions have a composite primary key\n           but were folded into no relationship, so nothing can navigate to\n           them. Both are invisible by omission \u2014 no error, just a capability\n           that silently isn't there. Collapsed by default: the excluded list is\n           long and mostly framework plumbing. -->\n      @if (hasCatalog()) {\n        <h2>Not in the semantic database</h2>\n        <div class=\"subheading\">\n          Tables the report AI can't see. Give one a model to promote it to an\n          entity, then rebuild.\n        </div>\n        <mat-accordion class=\"catalog\">\n          @if (excludedTables().length) {\n            <mat-expansion-panel>\n              <mat-expansion-panel-header>\n                <mat-panel-title>\n                  Tables excluded ({{ excludedTables().length }})\n                </mat-panel-title>\n              </mat-expansion-panel-header>\n\n              <!-- Deferred: the body only exists once expanded. -->\n              <ng-template matExpansionPanelContent>\n                <div class=\"pair-list\">\n                  @for (table of excludedTables(); track table.table) {\n                    <div class=\"pair-row\">\n                      <span class=\"pair-name\">{{ table.table }}</span>\n                      <span>{{ table.reason }}</span>\n                    </div>\n                  }\n                </div>\n              </ng-template>\n            </mat-expansion-panel>\n          }\n          @if (unlinkedJunctions().length) {\n            <mat-expansion-panel>\n              <mat-expansion-panel-header>\n                <mat-panel-title>\n                  Junctions not linked ({{ unlinkedJunctions().length }})\n                </mat-panel-title>\n              </mat-expansion-panel-header>\n\n              <ng-template matExpansionPanelContent>\n                <p class=\"small\">\n                  Link tables the build couldn't fold into a relationship \u2014 so\n                  neither they nor what they link can be reported on.\n                </p>\n                <div class=\"pair-list\">\n                  @for (table of unlinkedJunctions(); track table.table) {\n                    <div class=\"pair-row\">\n                      <span class=\"pair-name\">{{ table.table }}</span>\n                      <span>{{ table.reason }}</span>\n                    </div>\n                  }\n                </div>\n              </ng-template>\n            </mat-expansion-panel>\n          }\n        </mat-accordion>\n      }\n    }\n  </div>\n</div>\n", styles: [".hint{margin:0 0 12px;color:#0009;font-size:13px;line-height:1.5}.stat{display:flex;align-items:baseline;gap:12px}.stat>.label{flex:0 0 150px;white-space:nowrap;color:#0009}.build-status{display:flex;flex-direction:column;gap:8px}.pair-list{display:flex;flex-direction:column;gap:3px}.pair-row{display:flex;gap:12px}.pair-name{flex:0 0 140px;white-space:nowrap;color:#0009}.unit-filter{width:100%;box-sizing:border-box;margin:8px 0 4px;padding:6px 10px;border:1px solid rgba(0,0,0,.2);border-radius:4px;font:inherit}.unit-filter:focus{outline:none;border-color:#00000080}.entities{display:block;padding:3px}.entities mat-panel-description{justify-content:flex-end;margin-right:8px}.entities .stage-chips{display:flex;gap:4px}.entities .entity-detail{display:flex;flex-direction:column;gap:8px}.catalog{display:block;padding:3px}.catalog .pair-name{flex-basis:220px}\n"] }]
         }], ctorParameters: () => [] });
 
 // Matches the backend cap (ReportsView::INSTRUCTIONS_MAX_LENGTH) — the document
@@ -4236,7 +4340,7 @@ class FsAiReportComponent {
             ReportPptxService,
             ReportPdfService,
             // Tree-shaken ECharts core + the 'report' house theme, loaded lazily.
-            provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-CqywpQQC.mjs').then((module) => module.default) }),
+            provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-F254vpF1.mjs').then((module) => module.default) }),
         ], viewQueries: [{ propertyName: "_split", first: true, predicate: ["split"], descendants: true, static: true }, { propertyName: "_chatPanel", first: true, predicate: ["chatPanel"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div class=\"fs-ai-report fs-column\">\n\n  <div class=\"fs-ai-report__header fs-row.align-center\">\n    <h2 class=\"fs-ai-report__title fs-flex\">{{ report?.name }}</h2>\n\n    @if (report) {\n      <!-- Report-level filters, inline with the toolbar actions. fs-filter\n           reads its config once at init, so it's keyed on the filter\n           signature: when the report-level filter set changes the block is\n           recreated and re-reads the rebuilt config. -->\n      @if (reportHasFilters) {\n        @for (key of [reportFilterKey]; track key) {\n          <fs-filter\n              class=\"fs-ai-report__filters\"\n              [config]=\"reportFilterConfig\">\n          </fs-filter>\n        }\n      }\n\n      <button\n          mat-icon-button\n          type=\"button\"\n          [matTooltip]=\"editMode ? 'Done' : 'Edit layout'\"\n          (click)=\"toggleEditMode()\">\n        <mat-icon>{{ editMode ? 'lock' : 'open_with' }}</mat-icon>\n      </button>\n\n      <button\n          mat-icon-button\n          type=\"button\"\n          matTooltip=\"Export\"\n          [fsMenuTriggerFor]=\"exportMenu\">\n        <mat-icon>download</mat-icon>\n      </button>\n      <fs-menu #exportMenu>\n        <ng-template\n            fs-menu-item\n            (click)=\"exportPowerpoint()\">\n          Export PowerPoint\n        </ng-template>\n        <ng-template\n            fs-menu-item\n            (click)=\"exportPdf()\">\n          Export PDF\n        </ng-template>\n      </fs-menu>\n\n      <button\n          mat-icon-button\n          type=\"button\"\n          matTooltip=\"Report settings\"\n          (click)=\"reportSettings()\">\n        <mat-icon>settings</mat-icon>\n      </button>\n    }\n  </div>\n\n  <div\n      #split\n      class=\"fs-ai-report__split fs-row.align-start\">\n    <fs-ai-chat\n        #chatPanel\n        class=\"chat\"\n        [basePath]=\"basePath()\"\n        [requestData]=\"{ reportId: reportId() }\"\n        (response)=\"onChatResponse($event)\">\n    </fs-ai-chat>\n\n    <div\n        class=\"resizer\"\n        (pointerdown)=\"onResizeStart($event)\">\n    </div>\n\n    <div class=\"viewer fs-flex fs-column\">\n      @if (report) {\n        <app-report-canvas\n            [report]=\"report\"\n            [editMode]=\"editMode\"\n            (componentSettings)=\"componentSettings($event)\"\n            (reportChanged)=\"onCanvasReportChanged()\"\n            (editDone)=\"toggleEditMode()\">\n        </app-report-canvas>\n      }\n    </div>\n  </div>\n</div>\n", styles: [".fs-ai-report{height:100%;min-height:500px;display:flex;flex-direction:column}.fs-ai-report__header{flex:0 0 auto;margin-bottom:10px}.fs-ai-report__title{margin:0;min-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fs-ai-report__filters{flex:0 1 auto;min-width:0;display:block;margin:0 5px 0 0}.fs-ai-report__filters ::ng-deep .filter-bar-container{align-items:center!important}.fs-ai-report__filters ::ng-deep .mat-mdc-form-field-subscript-wrapper{display:none}.fs-ai-report__split{flex:1 1 auto;min-height:0}.fs-ai-report .chat{display:block;flex:0 0 25%;width:100%;height:100%;min-height:400px;min-width:0;border:none}.fs-ai-report .viewer{display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden}.fs-ai-report .resizer{flex:0 0 11px;align-self:stretch;display:flex;justify-content:center;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none}.fs-ai-report .resizer:before{content:\"\";width:3px;border-radius:3px;background:transparent;transition:background-color .12s ease}.fs-ai-report .resizer:hover:before{background:var(--brand-primary-color)}.fs-ai-report__split.resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.fs-ai-report__split.resizing .resizer:before{background:var(--brand-primary-color)}.fs-ai-report__split.resizing .chat,.fs-ai-report__split.resizing .viewer{pointer-events:none}\n"], dependencies: [{ kind: "ngmodule", type: FsFilterModule }, { kind: "component", type: i2.FilterComponent, selector: "fs-filter", inputs: ["config"], outputs: ["closed", "opened", "ready"] }, { kind: "ngmodule", type: FsMenuModule }, { kind: "component", type: i2$3.FsMenuComponent, selector: "fs-menu", inputs: ["class", "buttonClass", "buttonType", "buttonColor"], outputs: ["opened", "closed"] }, { kind: "directive", type: i2$3.FsMenuItemDirective, selector: "fs-menu-group,[fs-menu-item]" }, { kind: "directive", type: i2$3.FsMenuTriggerDirective, selector: "[fsMenuTriggerFor]", inputs: ["fsMenuTriggerFor"] }, { kind: "component", type: FsAiChatComponent, selector: "fs-ai-chat", inputs: ["basePath", "requestData", "introMessage"], outputs: ["response"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i3$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2$5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: ReportCanvasComponent, selector: "app-report-canvas", inputs: ["report", "editMode"], outputs: ["componentSettings", "reportChanged", "editDone"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FsAiReportComponent, decorators: [{
@@ -4249,7 +4353,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-CqywpQQC.mjs').then((module) => module.default) }),
+                        provideEchartsCore({ echarts: () => import('./firestitch-report-echarts-F254vpF1.mjs').then((module) => module.default) }),
                     ], imports: [
                         FsFilterModule,
                         FsMenuModule,
@@ -4280,4 +4384,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--gSH-bMK.mjs.map
+//# sourceMappingURL=firestitch-report-firestitch-report-Dh8kteJk.mjs.map