@memberjunction/ng-dashboards 6.2.0-edge.3 → 6.2.0-edge.4

package/dist/DashboardBrowser/dashboards-categories-resource.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboards-categories-resource.component.d.ts","sourceRoot":"","sources":["../../src/DashboardBrowser/dashboards-categories-resource.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,iBAAiB,EAAa,SAAS,EAAE,MAAM,EAAU,MAAM,eAAe,CAAC;AAIjH,OAAO,EAAmB,yBAAyB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzG,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AASlE,OAAO,EAIL,WAAW,EAEZ,MAAM,iCAAiC,CAAC;;AAEzC;;;;;GAKG;AACH,qBAuFa,qCAAsC,SAAQ,qBAAsB,YAAW,MAAM,EAAE,SAAS;IAoB/F,OAAO,CAAC,GAAG;IAnBvB,OAAO,CAAC,UAAU,CAA8B;IAChD,OAAO,CAAC,aAAa,CAAiC;IACtD,OAAO,CAAC,cAAc,CAA4B;IAElD,6CAA6C;IACtC,SAAS,UAAQ;IAExB,yDAAyD;IAClD,QAAQ,UAAS;IAExB,4DAA4D;IACrD,IAAI,EAAE,WAAW,EAAE,CAAM;IAEhC,8CAA8C;IACvC,OAAO,SAAM;IAEpB,iDAAiD;IACjD,SAAgB,aAAa,OAA4B;gBAErC,GAAG,EAAE,iBAAiB;IAI1C,QAAQ,IAAI,IAAI;IAWhB,WAAW,IAAI,IAAI;IAIb,sBAAsB,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;IAI5D,oBAAoB,CAAC,KAAK,EAAE,YAAY,GAAG,OAAO,CAAC,MAAM,CAAC;IAIhE,8EAA8E;IAC9E,IAAW,SAAS,IAAI,OAAO,CAE9B;IAED,2EAA2E;IACpE,OAAO,CAAC,GAAG,EAAE,WAAW,GAAG,MAAM;IAIxC,uGAAuG;IAC1F,MAAM,IAAI,OAAO,CAAC,IAAI,CAAC;IA4BpC,wEAAwE;IAC3D,MAAM,CAAC,QAAQ,EAAE,yBAAyB,GAAG,OAAO,CAAC,IAAI,CAAC;IA+BvE,oEAAoE;IACvD,aAAa,CAAC,QAAQ,EAAE,yBAAyB,GAAG,OAAO,CAAC,IAAI,CAAC;YAIhE,IAAI;IAclB;;;OAGG;YACW,MAAM;IAcpB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,WAAW;YAQL,aAAa;IAe3B,OAAO,CAAC,SAAS;IAmBjB,OAAO,CAAC,gBAAgB;IAaxB,OAAO,CAAC,eAAe;yCAvNZ,qCAAqC;2CAArC,qCAAqC;CA+OjD;AAMD,wBAAgB,gCAAgC,IAAI,IAAI,CAEvD"}

package/dist/DashboardBrowser/dashboards-categories-resource.component.js

@@ -0,0 +1,391 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { ChangeDetectionStrategy, Component, inject } from '@angular/core';
+import { takeUntil } from 'rxjs/operators';
+import { LogError } from '@memberjunction/core';
+import { RegisterClass } from '@memberjunction/global';
+import { DashboardEngine } from '@memberjunction/core-entities';
+import { BaseResourceComponent } from '@memberjunction/ng-shared';
+import { ApplicationManager } from '@memberjunction/ng-base-application';
+import { MJNotificationService } from '@memberjunction/ng-notifications';
+import { MJConfirmService } from '@memberjunction/ng-ui-components';
+import { AGENT_CONTEXT_NAME_LIST_CAP } from '../shared/agent-tool-validation';
+import { DASHBOARDS_LIBRARY_NAV_ITEM, FindDashboardsApp } from '../shared/dashboards-app.helpers';
+import { ObserveDashboardLibraryChanges } from '../shared/dashboard-library-changes';
+import { LocationQueryParams } from './dashboard-library-filter';
+import { ResolveByIdOrName } from './dashboards-agent-tools';
+import { BuildCategoryRows, BuildEffectiveCategoryMap, CATEGORY_NAME_MAX_LENGTH, CategoryRowSummary, } from './dashboards-categories.helpers';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@memberjunction/ng-ui-components";
+import * as i3 from "@memberjunction/ng-shared-generic";
+const _forTrack0 = ($index, $item) => $item.Category.ID;
+function DashboardsCategoriesResourceComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-loading", 5);
+} }
+function DashboardsCategoriesResourceComponent_Conditional_9_For_1_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 13);
+    i0.ɵɵlistener("click", function DashboardsCategoriesResourceComponent_Conditional_9_For_1_Conditional_9_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r4); const row_r2 = i0.ɵɵnextContext().$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.Delete(row_r2.Category)); });
+    i0.ɵɵelement(1, "i", 14);
+    i0.ɵɵtext(2, " Delete ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const row_r2 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("ariaLabel", "Delete " + row_r2.Category.Name)("disabled", ctx_r2.IsSaving);
+} }
+function DashboardsCategoriesResourceComponent_Conditional_9_For_1_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 8);
+    i0.ɵɵelement(1, "i", 9);
+    i0.ɵɵelementStart(2, "span", 10)(3, "b");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "small");
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "button", 11);
+    i0.ɵɵlistener("click", function DashboardsCategoriesResourceComponent_Conditional_9_For_1_Template_button_click_7_listener() { const row_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.OpenInLibrary(row_r2.Category)); });
+    i0.ɵɵtext(8, "Open");
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(9, DashboardsCategoriesResourceComponent_Conditional_9_For_1_Conditional_9_Template, 3, 2, "button", 12);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const row_r2 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext(2);
+    i0.ɵɵstyleProp("padding-left", 14 + row_r2.Depth * 28, "px");
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(row_r2.Category.Name);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r2.Summary(row_r2));
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ariaLabel", "Open " + row_r2.Category.Name + " in the Library");
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(row_r2.CanDelete ? 9 : -1);
+} }
+function DashboardsCategoriesResourceComponent_Conditional_9_ForEmpty_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-empty-state", 7);
+} }
+function DashboardsCategoriesResourceComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, DashboardsCategoriesResourceComponent_Conditional_9_For_1_Template, 10, 6, "div", 6, _forTrack0, false, DashboardsCategoriesResourceComponent_Conditional_9_ForEmpty_2_Template, 1, 0, "mj-empty-state", 7);
+} if (rf & 2) {
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵrepeater(ctx_r2.Rows);
+} }
+/**
+ * Categories page of the Dashboards app: the user's category tree with dashboard and sub-category
+ * counts, a New category box, Delete, after a confirm, for an empty category the user owns, and Open,
+ * which shows the category on the Library page. The agent tools are read-only; see the SAFETY
+ * BOUNDARY in the agent section below.
+ */
+let DashboardsCategoriesResourceComponent = class DashboardsCategoriesResourceComponent extends BaseResourceComponent {
+    cdr;
+    appManager = inject(ApplicationManager);
+    notifications = inject(MJNotificationService);
+    confirmService = inject(MJConfirmService);
+    /** True until the categories have loaded. */
+    IsLoading = true;
+    /** True while a category is being created or deleted. */
+    IsSaving = false;
+    /** The category tree, one row per category, depth first. */
+    Rows = [];
+    /** The name typed in the New category box. */
+    NewName = '';
+    /** The longest category name the box accepts. */
+    MaxNameLength = CATEGORY_NAME_MAX_LENGTH;
+    constructor(cdr) {
+        super();
+        this.cdr = cdr;
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        // The dashboard cache also changes while this page is a background tab (categories created or
+        // deleted and dashboards moved in the Library or another session), so this only refreshes the view.
+        ObserveDashboardLibraryChanges()
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(() => this.onCacheChanged());
+        this.navigationService.SetAgentClientTools(this, this.buildAgentTools());
+        void this.load();
+    }
+    ngOnDestroy() {
+        super.ngOnDestroy();
+    }
+    async GetResourceDisplayName(_data) {
+        return 'Categories';
+    }
+    async GetResourceIconClass(_data) {
+        return 'fa-solid fa-folder-tree';
+    }
+    /** True when the New category box holds a name and nothing is being saved. */
+    get CanCreate() {
+        return this.NewName.trim().length > 0 && !this.IsSaving;
+    }
+    /** The row's summary line, for example "3 dashboards · 1 sub-category". */
+    Summary(row) {
+        return CategoryRowSummary(row);
+    }
+    /** Creates a top-level category owned by the user from the New category box, then reloads the tree. */
+    async Create() {
+        if (!this.CanCreate) {
+            return;
+        }
+        const name = this.NewName.trim();
+        this.setSaving(true);
+        try {
+            const md = this.ProviderToUse;
+            const category = await md.GetEntityObject('MJ: Dashboard Categories', md.CurrentUser);
+            category.Name = name;
+            category.UserID = md.CurrentUser.ID;
+            if (!(await category.Save())) {
+                this.notifications.CreateSimpleNotification(category.LatestResult?.CompleteMessage || 'Could not create the category', 'error', 3000);
+                return;
+            }
+            this.NewName = '';
+            // The cache adds a saved category by itself only after an asynchronous copy; the reload makes
+            // the rows and the agent context include the new category now.
+            await this.reload();
+            this.notifications.CreateSimpleNotification(`Created "${name}"`, 'success', 2000);
+        }
+        catch (error) {
+            LogError(`Dashboards Categories: could not create "${name}": ${errorMessage(error)}`);
+            this.notifications.CreateSimpleNotification('Could not create the category', 'error', 3000);
+        }
+        finally {
+            this.setSaving(false);
+        }
+    }
+    /** Deletes an empty category the user owns, after the user confirms. */
+    async Delete(category) {
+        if (this.IsSaving) {
+            return;
+        }
+        const name = category.Name;
+        const confirmed = await this.confirmService.ConfirmDelete({
+            title: 'Delete category',
+            message: `Delete "${name}"?`,
+            detail: 'This action cannot be undone.',
+        });
+        if (!confirmed || this.IsSaving) {
+            return;
+        }
+        this.setSaving(true);
+        try {
+            if (await category.Delete()) {
+                // The cache removes a deleted category before Delete() resolves, so no reload is needed.
+                this.rebuildRows();
+                this.emitAgentContext();
+                this.notifications.CreateSimpleNotification(`Deleted "${name}"`, 'success', 2000);
+            }
+            else {
+                this.notifications.CreateSimpleNotification(category.LatestResult?.CompleteMessage || 'Could not delete the category', 'error', 3000);
+            }
+        }
+        catch (error) {
+            LogError(`Dashboards Categories: could not delete "${name}": ${errorMessage(error)}`);
+            this.notifications.CreateSimpleNotification('Could not delete the category', 'error', 3000);
+        }
+        finally {
+            this.setSaving(false);
+        }
+    }
+    /** Shows the category on the Library page of the Dashboards app. */
+    async OpenInLibrary(category) {
+        await this.openInLibrary(category);
+    }
+    async load() {
+        try {
+            await DashboardEngine.Instance.Config(false);
+            this.rebuildRows();
+        }
+        catch (error) {
+            LogError(`Dashboards Categories: could not load the categories: ${errorMessage(error)}`);
+        }
+        finally {
+            this.IsLoading = false;
+            this.emitAgentContext();
+            this.NotifyLoadComplete();
+            this.cdr.detectChanges();
+        }
+    }
+    /**
+     * Reloads the dashboard cache from the server, rebuilds the rows and reports them to the agent.
+     * Returns false when the reload fails.
+     */
+    async reload() {
+        try {
+            await DashboardEngine.Instance.Config(true);
+            this.rebuildRows();
+            this.emitAgentContext();
+            return true;
+        }
+        catch (error) {
+            LogError(`Dashboards Categories: could not reload the categories: ${errorMessage(error)}`);
+            return false;
+        }
+        finally {
+            this.cdr.detectChanges();
+        }
+    }
+    onCacheChanged() {
+        this.rebuildRows();
+        this.cdr.detectChanges();
+    }
+    rebuildRows() {
+        const engine = DashboardEngine.Instance;
+        const userId = this.ProviderToUse.CurrentUser.ID;
+        const dashboards = engine.GetAccessibleDashboards(userId);
+        const effectiveCategoryMap = BuildEffectiveCategoryMap(dashboards, engine.DashboardCategoryLinks, userId);
+        this.Rows = BuildCategoryRows(engine.GetAccessibleCategories(userId), dashboards, effectiveCategoryMap, userId);
+    }
+    async openInLibrary(category) {
+        const app = FindDashboardsApp(this.appManager);
+        if (!app) {
+            this.notifications.CreateSimpleNotification('The Dashboards app is not available', 'error', 3000);
+            return { Success: false, ErrorMessage: 'The Dashboards app is not available to this user.' };
+        }
+        try {
+            await this.navigationService.SwitchToApp(app.ID, DASHBOARDS_LIBRARY_NAV_ITEM, LocationQueryParams({ Filter: 'all', CategoryId: category.ID }));
+            return { Success: true };
+        }
+        catch (error) {
+            LogError(`Dashboards Categories: could not open "${category.Name}" in the Library: ${errorMessage(error)}`);
+            return { Success: false, ErrorMessage: errorMessage(error) };
+        }
+    }
+    setSaving(saving) {
+        this.IsSaving = saving;
+        this.cdr.detectChanges();
+    }
+    // ========================================
+    // Agent Context & Client Tools
+    //
+    // 🔒 SAFETY BOUNDARY: the Categories page exposes ONLY read-only /
+    // navigational tools to the AI agent: OpenCategoryInLibrary (shows a category
+    // on the Library page) and RefreshCategories (reloads the tree).
+    //
+    // Mutating operations — create / delete / rename / move / share a category,
+    // and any change to a dashboard — are intentionally NOT exposed. The agent
+    // helps the user find and understand categories; the user performs every
+    // mutation from the UI (New category, Delete). Do NOT add a mutating tool
+    // here without revisiting this boundary.
+    // ========================================
+    emitAgentContext() {
+        this.navigationService.SetAgentContext(this, {
+            IsLoading: this.IsLoading,
+            CategoryCount: this.Rows.length,
+            Categories: this.Rows.slice(0, AGENT_CONTEXT_NAME_LIST_CAP).map(r => ({
+                Name: r.Category.Name,
+                Depth: r.Depth,
+                DashboardCount: r.DashboardCount,
+                SubCategoryCount: r.SubCategoryCount,
+            })),
+        });
+    }
+    buildAgentTools() {
+        return [
+            {
+                Name: 'OpenCategoryInLibrary',
+                Description: 'Show a category and its dashboards on the Library page. Accepts the category name or its ID.',
+                ParameterSchema: {
+                    type: 'object',
+                    properties: { category: { type: 'string', description: 'The category name or ID.' } },
+                    required: ['category'],
+                },
+                Handler: async (params) => {
+                    const lookup = ResolveByIdOrName(this.Rows.map(r => r.Category), params['category'], 'category');
+                    return lookup.ok ? this.openInLibrary(lookup.value) : lookup.result;
+                },
+            },
+            {
+                Name: 'RefreshCategories',
+                Description: 'Reload the category tree from the server.',
+                ParameterSchema: { type: 'object', properties: {} },
+                Handler: async () => (await this.reload()) ? { Success: true } : { Success: false, ErrorMessage: 'The categories could not be reloaded.' },
+            },
+        ];
+    }
+    static ɵfac = function DashboardsCategoriesResourceComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DashboardsCategoriesResourceComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DashboardsCategoriesResourceComponent, selectors: [["mj-dashboards-categories-resource"]], standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 10, vars: 4, consts: [["Title", "Categories", "Icon", "fa-solid fa-folder-tree", "Subtitle", "Your category tree. Categories are per user and can be shared like dashboards."], ["actions", ""], ["placeholder", "New category name", "aria-label", "New category name", 1, "mj-input", "cat-new-name", 3, "ngModelChange", "keydown.enter", "maxlength", "ngModel"], ["mjButton", "", "variant", "primary", "size", "sm", 1, "cat-create", 3, "click", "disabled"], ["aria-hidden", "true", 1, "fa-solid", "fa-plus"], ["Text", "Loading categories...", "Size", "medium"], [1, "cat-row", 3, "padding-left"], ["Icon", "fa-solid fa-folder-open", "Title", "No categories yet", "Message", "Create one to organize your dashboards."], [1, "cat-row"], ["aria-hidden", "true", 1, "fa-solid", "fa-folder"], [1, "cat-main"], ["mjButton", "", "size", "sm", 1, "cat-open", 3, "click", "ariaLabel"], ["mjButton", "", "size", "sm", "variant", "danger", 1, "cat-delete", 3, "ariaLabel", "disabled"], ["mjButton", "", "size", "sm", "variant", "danger", 1, "cat-delete", 3, "click", "ariaLabel", "disabled"], ["aria-hidden", "true", 1, "fa-solid", "fa-trash"]], template: function DashboardsCategoriesResourceComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-page-layout")(1, "mj-page-header", 0)(2, "div", 1)(3, "input", 2);
+            i0.ɵɵtwoWayListener("ngModelChange", function DashboardsCategoriesResourceComponent_Template_input_ngModelChange_3_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.NewName, $event) || (ctx.NewName = $event); return $event; });
+            i0.ɵɵlistener("keydown.enter", function DashboardsCategoriesResourceComponent_Template_input_keydown_enter_3_listener() { return ctx.Create(); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "button", 3);
+            i0.ɵɵlistener("click", function DashboardsCategoriesResourceComponent_Template_button_click_4_listener() { return ctx.Create(); });
+            i0.ɵɵelement(5, "i", 4);
+            i0.ɵɵtext(6, " New category ");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(7, "mj-page-body");
+            i0.ɵɵconditionalCreate(8, DashboardsCategoriesResourceComponent_Conditional_8_Template, 1, 0, "mj-loading", 5)(9, DashboardsCategoriesResourceComponent_Conditional_9_Template, 3, 1);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("maxlength", ctx.MaxNameLength);
+            i0.ɵɵtwoWayProperty("ngModel", ctx.NewName);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("disabled", !ctx.CanCreate);
+            i0.ɵɵadvance(4);
+            i0.ɵɵconditional(ctx.IsLoading ? 8 : 9);
+        } }, dependencies: [i1.DefaultValueAccessor, i1.NgControlStatus, i1.MaxLengthValidator, i1.NgModel, i2.MJButtonDirective, i2.MJPageHeaderComponent, i2.MJPageLayoutComponent, i2.MJPageBodyComponent, i2.MJEmptyStateComponent, i3.LoadingComponent], styles: ["[_nghost-%COMP%] {\n        display: block;\n        height: 100%;\n        width: 100%;\n      }\n      .cat-new-name[_ngcontent-%COMP%] {\n        width: 220px;\n        max-width: 100%;\n      }\n      .cat-row[_ngcontent-%COMP%] {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        padding: 10px 14px;\n        border-bottom: 1px solid var(--mj-border-subtle);\n      }\n      .cat-row[_ngcontent-%COMP%]    > i[_ngcontent-%COMP%] {\n        color: var(--mj-text-secondary);\n      }\n      .cat-main[_ngcontent-%COMP%] {\n        flex: 1;\n        min-width: 0;\n        display: flex;\n        flex-direction: column;\n      }\n      .cat-main[_ngcontent-%COMP%]   b[_ngcontent-%COMP%] {\n        font-size: 13px;\n        font-weight: 600;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      }\n      .cat-main[_ngcontent-%COMP%]   small[_ngcontent-%COMP%] {\n        font-size: 12px;\n        color: var(--mj-text-muted);\n      }"], changeDetection: 0 });
+};
+DashboardsCategoriesResourceComponent = __decorate([
+    RegisterClass(BaseResourceComponent, 'DashboardsCategoriesResource')
+], DashboardsCategoriesResourceComponent);
+export { DashboardsCategoriesResourceComponent };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DashboardsCategoriesResourceComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-dashboards-categories-resource', template: `
+    <mj-page-layout>
+      <mj-page-header Title="Categories" Icon="fa-solid fa-folder-tree" Subtitle="Your category tree. Categories are per user and can be shared like dashboards.">
+        <div actions>
+          <input
+            class="mj-input cat-new-name"
+            placeholder="New category name"
+            aria-label="New category name"
+            [maxlength]="MaxNameLength"
+            [(ngModel)]="NewName"
+            (keydown.enter)="Create()" />
+          <button mjButton variant="primary" size="sm" class="cat-create" [disabled]="!CanCreate" (click)="Create()">
+            <i class="fa-solid fa-plus" aria-hidden="true"></i> New category
+          </button>
+        </div>
+      </mj-page-header>
+      <mj-page-body>
+        @if (IsLoading) {
+          <mj-loading Text="Loading categories..." Size="medium"></mj-loading>
+        } @else {
+          @for (row of Rows; track row.Category.ID) {
+            <div class="cat-row" [style.padding-left.px]="14 + row.Depth * 28">
+              <i class="fa-solid fa-folder" aria-hidden="true"></i>
+              <span class="cat-main">
+                <b>{{ row.Category.Name }}</b>
+                <small>{{ Summary(row) }}</small>
+              </span>
+              <button mjButton size="sm" class="cat-open" [ariaLabel]="'Open ' + row.Category.Name + ' in the Library'" (click)="OpenInLibrary(row.Category)">Open</button>
+              @if (row.CanDelete) {
+                <button mjButton size="sm" variant="danger" class="cat-delete" [ariaLabel]="'Delete ' + row.Category.Name" [disabled]="IsSaving" (click)="Delete(row.Category)">
+                  <i class="fa-solid fa-trash" aria-hidden="true"></i> Delete
+                </button>
+              }
+            </div>
+          } @empty {
+            <mj-empty-state Icon="fa-solid fa-folder-open" Title="No categories yet" Message="Create one to organize your dashboards." />
+          }
+        }
+      </mj-page-body>
+    </mj-page-layout>
+  `, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["\n      :host {\n        display: block;\n        height: 100%;\n        width: 100%;\n      }\n      .cat-new-name {\n        width: 220px;\n        max-width: 100%;\n      }\n      .cat-row {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        padding: 10px 14px;\n        border-bottom: 1px solid var(--mj-border-subtle);\n      }\n      .cat-row > i {\n        color: var(--mj-text-secondary);\n      }\n      .cat-main {\n        flex: 1;\n        min-width: 0;\n        display: flex;\n        flex-direction: column;\n      }\n      .cat-main b {\n        font-size: 13px;\n        font-weight: 600;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      }\n      .cat-main small {\n        font-size: 12px;\n        color: var(--mj-text-muted);\n      }\n    "] }]
+    }], () => [{ type: i0.ChangeDetectorRef }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DashboardsCategoriesResourceComponent, { className: "DashboardsCategoriesResourceComponent", filePath: "src/DashboardBrowser/dashboards-categories-resource.component.ts", lineNumber: 116 }); })();
+function errorMessage(error) {
+    return error instanceof Error ? error.message : String(error);
+}
+export function LoadDashboardsCategoriesResource() {
+    // Prevents tree-shaking of the component and its @RegisterClass registration.
+}
+//# sourceMappingURL=dashboards-categories-resource.component.js.map

package/dist/DashboardBrowser/dashboards-categories-resource.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboards-categories-resource.component.js","sourceRoot":"","sources":["../../src/DashboardBrowser/dashboards-categories-resource.component.ts"],"names":[],"mappings":"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","sourcesContent":["import { ChangeDetectionStrategy, ChangeDetectorRef, Component, OnDestroy, OnInit, inject } from '@angular/core';\nimport { takeUntil } from 'rxjs/operators';\nimport { LogError } from '@memberjunction/core';\nimport { RegisterClass } from '@memberjunction/global';\nimport { DashboardEngine, MJDashboardCategoryEntity, ResourceData } from '@memberjunction/core-entities';\nimport { BaseResourceComponent } from '@memberjunction/ng-shared';\nimport { ApplicationManager } from '@memberjunction/ng-base-application';\nimport { MJNotificationService } from '@memberjunction/ng-notifications';\nimport { MJConfirmService } from '@memberjunction/ng-ui-components';\nimport { AGENT_CONTEXT_NAME_LIST_CAP, type AgentToolResult } from '../shared/agent-tool-validation';\nimport { DASHBOARDS_LIBRARY_NAV_ITEM, FindDashboardsApp } from '../shared/dashboards-app.helpers';\nimport { ObserveDashboardLibraryChanges } from '../shared/dashboard-library-changes';\nimport { LocationQueryParams } from './dashboard-library-filter';\nimport { DashboardsAgentClientTool, ResolveByIdOrName } from './dashboards-agent-tools';\nimport {\n  BuildCategoryRows,\n  BuildEffectiveCategoryMap,\n  CATEGORY_NAME_MAX_LENGTH,\n  CategoryRow,\n  CategoryRowSummary,\n} from './dashboards-categories.helpers';\n\n/**\n * Categories page of the Dashboards app: the user's category tree with dashboard and sub-category\n * counts, a New category box, Delete, after a confirm, for an empty category the user owns, and Open,\n * which shows the category on the Library page. The agent tools are read-only; see the SAFETY\n * BOUNDARY in the agent section below.\n */\n@RegisterClass(BaseResourceComponent, 'DashboardsCategoriesResource')\n@Component({\n  standalone: false,\n  selector: 'mj-dashboards-categories-resource',\n  template: `\n    <mj-page-layout>\n      <mj-page-header Title=\"Categories\" Icon=\"fa-solid fa-folder-tree\" Subtitle=\"Your category tree. Categories are per user and can be shared like dashboards.\">\n        <div actions>\n          <input\n            class=\"mj-input cat-new-name\"\n            placeholder=\"New category name\"\n            aria-label=\"New category name\"\n            [maxlength]=\"MaxNameLength\"\n            [(ngModel)]=\"NewName\"\n            (keydown.enter)=\"Create()\" />\n          <button mjButton variant=\"primary\" size=\"sm\" class=\"cat-create\" [disabled]=\"!CanCreate\" (click)=\"Create()\">\n            <i class=\"fa-solid fa-plus\" aria-hidden=\"true\"></i> New category\n          </button>\n        </div>\n      </mj-page-header>\n      <mj-page-body>\n        @if (IsLoading) {\n          <mj-loading Text=\"Loading categories...\" Size=\"medium\"></mj-loading>\n        } @else {\n          @for (row of Rows; track row.Category.ID) {\n            <div class=\"cat-row\" [style.padding-left.px]=\"14 + row.Depth * 28\">\n              <i class=\"fa-solid fa-folder\" aria-hidden=\"true\"></i>\n              <span class=\"cat-main\">\n                <b>{{ row.Category.Name }}</b>\n                <small>{{ Summary(row) }}</small>\n              </span>\n              <button mjButton size=\"sm\" class=\"cat-open\" [ariaLabel]=\"'Open ' + row.Category.Name + ' in the Library'\" (click)=\"OpenInLibrary(row.Category)\">Open</button>\n              @if (row.CanDelete) {\n                <button mjButton size=\"sm\" variant=\"danger\" class=\"cat-delete\" [ariaLabel]=\"'Delete ' + row.Category.Name\" [disabled]=\"IsSaving\" (click)=\"Delete(row.Category)\">\n                  <i class=\"fa-solid fa-trash\" aria-hidden=\"true\"></i> Delete\n                </button>\n              }\n            </div>\n          } @empty {\n            <mj-empty-state Icon=\"fa-solid fa-folder-open\" Title=\"No categories yet\" Message=\"Create one to organize your dashboards.\" />\n          }\n        }\n      </mj-page-body>\n    </mj-page-layout>\n  `,\n  styles: [\n    `\n      :host {\n        display: block;\n        height: 100%;\n        width: 100%;\n      }\n      .cat-new-name {\n        width: 220px;\n        max-width: 100%;\n      }\n      .cat-row {\n        display: flex;\n        align-items: center;\n        gap: 12px;\n        padding: 10px 14px;\n        border-bottom: 1px solid var(--mj-border-subtle);\n      }\n      .cat-row > i {\n        color: var(--mj-text-secondary);\n      }\n      .cat-main {\n        flex: 1;\n        min-width: 0;\n        display: flex;\n        flex-direction: column;\n      }\n      .cat-main b {\n        font-size: 13px;\n        font-weight: 600;\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      }\n      .cat-main small {\n        font-size: 12px;\n        color: var(--mj-text-muted);\n      }\n    `,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DashboardsCategoriesResourceComponent extends BaseResourceComponent implements OnInit, OnDestroy {\n  private appManager = inject(ApplicationManager);\n  private notifications = inject(MJNotificationService);\n  private confirmService = inject(MJConfirmService);\n\n  /** True until the categories have loaded. */\n  public IsLoading = true;\n\n  /** True while a category is being created or deleted. */\n  public IsSaving = false;\n\n  /** The category tree, one row per category, depth first. */\n  public Rows: CategoryRow[] = [];\n\n  /** The name typed in the New category box. */\n  public NewName = '';\n\n  /** The longest category name the box accepts. */\n  public readonly MaxNameLength = CATEGORY_NAME_MAX_LENGTH;\n\n  constructor(private cdr: ChangeDetectorRef) {\n    super();\n  }\n\n  ngOnInit(): void {\n    super.ngOnInit();\n    // The dashboard cache also changes while this page is a background tab (categories created or\n    // deleted and dashboards moved in the Library or another session), so this only refreshes the view.\n    ObserveDashboardLibraryChanges()\n      .pipe(takeUntil(this.destroy$))\n      .subscribe(() => this.onCacheChanged());\n    this.navigationService.SetAgentClientTools(this, this.buildAgentTools());\n    void this.load();\n  }\n\n  ngOnDestroy(): void {\n    super.ngOnDestroy();\n  }\n\n  async GetResourceDisplayName(_data: ResourceData): Promise<string> {\n    return 'Categories';\n  }\n\n  async GetResourceIconClass(_data: ResourceData): Promise<string> {\n    return 'fa-solid fa-folder-tree';\n  }\n\n  /** True when the New category box holds a name and nothing is being saved. */\n  public get CanCreate(): boolean {\n    return this.NewName.trim().length > 0 && !this.IsSaving;\n  }\n\n  /** The row's summary line, for example \"3 dashboards · 1 sub-category\". */\n  public Summary(row: CategoryRow): string {\n    return CategoryRowSummary(row);\n  }\n\n  /** Creates a top-level category owned by the user from the New category box, then reloads the tree. */\n  public async Create(): Promise<void> {\n    if (!this.CanCreate) {\n      return;\n    }\n    const name = this.NewName.trim();\n    this.setSaving(true);\n    try {\n      const md = this.ProviderToUse;\n      const category = await md.GetEntityObject<MJDashboardCategoryEntity>('MJ: Dashboard Categories', md.CurrentUser);\n      category.Name = name;\n      category.UserID = md.CurrentUser.ID;\n      if (!(await category.Save())) {\n        this.notifications.CreateSimpleNotification(category.LatestResult?.CompleteMessage || 'Could not create the category', 'error', 3000);\n        return;\n      }\n      this.NewName = '';\n      // The cache adds a saved category by itself only after an asynchronous copy; the reload makes\n      // the rows and the agent context include the new category now.\n      await this.reload();\n      this.notifications.CreateSimpleNotification(`Created \"${name}\"`, 'success', 2000);\n    } catch (error) {\n      LogError(`Dashboards Categories: could not create \"${name}\": ${errorMessage(error)}`);\n      this.notifications.CreateSimpleNotification('Could not create the category', 'error', 3000);\n    } finally {\n      this.setSaving(false);\n    }\n  }\n\n  /** Deletes an empty category the user owns, after the user confirms. */\n  public async Delete(category: MJDashboardCategoryEntity): Promise<void> {\n    if (this.IsSaving) {\n      return;\n    }\n    const name = category.Name;\n    const confirmed = await this.confirmService.ConfirmDelete({\n      title: 'Delete category',\n      message: `Delete \"${name}\"?`,\n      detail: 'This action cannot be undone.',\n    });\n    if (!confirmed || this.IsSaving) {\n      return;\n    }\n    this.setSaving(true);\n    try {\n      if (await category.Delete()) {\n        // The cache removes a deleted category before Delete() resolves, so no reload is needed.\n        this.rebuildRows();\n        this.emitAgentContext();\n        this.notifications.CreateSimpleNotification(`Deleted \"${name}\"`, 'success', 2000);\n      } else {\n        this.notifications.CreateSimpleNotification(category.LatestResult?.CompleteMessage || 'Could not delete the category', 'error', 3000);\n      }\n    } catch (error) {\n      LogError(`Dashboards Categories: could not delete \"${name}\": ${errorMessage(error)}`);\n      this.notifications.CreateSimpleNotification('Could not delete the category', 'error', 3000);\n    } finally {\n      this.setSaving(false);\n    }\n  }\n\n  /** Shows the category on the Library page of the Dashboards app. */\n  public async OpenInLibrary(category: MJDashboardCategoryEntity): Promise<void> {\n    await this.openInLibrary(category);\n  }\n\n  private async load(): Promise<void> {\n    try {\n      await DashboardEngine.Instance.Config(false);\n      this.rebuildRows();\n    } catch (error) {\n      LogError(`Dashboards Categories: could not load the categories: ${errorMessage(error)}`);\n    } finally {\n      this.IsLoading = false;\n      this.emitAgentContext();\n      this.NotifyLoadComplete();\n      this.cdr.detectChanges();\n    }\n  }\n\n  /**\n   * Reloads the dashboard cache from the server, rebuilds the rows and reports them to the agent.\n   * Returns false when the reload fails.\n   */\n  private async reload(): Promise<boolean> {\n    try {\n      await DashboardEngine.Instance.Config(true);\n      this.rebuildRows();\n      this.emitAgentContext();\n      return true;\n    } catch (error) {\n      LogError(`Dashboards Categories: could not reload the categories: ${errorMessage(error)}`);\n      return false;\n    } finally {\n      this.cdr.detectChanges();\n    }\n  }\n\n  private onCacheChanged(): void {\n    this.rebuildRows();\n    this.cdr.detectChanges();\n  }\n\n  private rebuildRows(): void {\n    const engine = DashboardEngine.Instance;\n    const userId = this.ProviderToUse.CurrentUser.ID;\n    const dashboards = engine.GetAccessibleDashboards(userId);\n    const effectiveCategoryMap = BuildEffectiveCategoryMap(dashboards, engine.DashboardCategoryLinks, userId);\n    this.Rows = BuildCategoryRows(engine.GetAccessibleCategories(userId), dashboards, effectiveCategoryMap, userId);\n  }\n\n  private async openInLibrary(category: MJDashboardCategoryEntity): Promise<AgentToolResult> {\n    const app = FindDashboardsApp(this.appManager);\n    if (!app) {\n      this.notifications.CreateSimpleNotification('The Dashboards app is not available', 'error', 3000);\n      return { Success: false, ErrorMessage: 'The Dashboards app is not available to this user.' };\n    }\n    try {\n      await this.navigationService.SwitchToApp(app.ID, DASHBOARDS_LIBRARY_NAV_ITEM, LocationQueryParams({ Filter: 'all', CategoryId: category.ID }));\n      return { Success: true };\n    } catch (error) {\n      LogError(`Dashboards Categories: could not open \"${category.Name}\" in the Library: ${errorMessage(error)}`);\n      return { Success: false, ErrorMessage: errorMessage(error) };\n    }\n  }\n\n  private setSaving(saving: boolean): void {\n    this.IsSaving = saving;\n    this.cdr.detectChanges();\n  }\n\n  // ========================================\n  // Agent Context & Client Tools\n  //\n  // 🔒 SAFETY BOUNDARY: the Categories page exposes ONLY read-only /\n  // navigational tools to the AI agent: OpenCategoryInLibrary (shows a category\n  // on the Library page) and RefreshCategories (reloads the tree).\n  //\n  // Mutating operations — create / delete / rename / move / share a category,\n  // and any change to a dashboard — are intentionally NOT exposed. The agent\n  // helps the user find and understand categories; the user performs every\n  // mutation from the UI (New category, Delete). Do NOT add a mutating tool\n  // here without revisiting this boundary.\n  // ========================================\n\n  private emitAgentContext(): void {\n    this.navigationService.SetAgentContext(this, {\n      IsLoading: this.IsLoading,\n      CategoryCount: this.Rows.length,\n      Categories: this.Rows.slice(0, AGENT_CONTEXT_NAME_LIST_CAP).map(r => ({\n        Name: r.Category.Name,\n        Depth: r.Depth,\n        DashboardCount: r.DashboardCount,\n        SubCategoryCount: r.SubCategoryCount,\n      })),\n    });\n  }\n\n  private buildAgentTools(): DashboardsAgentClientTool[] {\n    return [\n      {\n        Name: 'OpenCategoryInLibrary',\n        Description: 'Show a category and its dashboards on the Library page. Accepts the category name or its ID.',\n        ParameterSchema: {\n          type: 'object',\n          properties: { category: { type: 'string', description: 'The category name or ID.' } },\n          required: ['category'],\n        },\n        Handler: async (params: Record<string, unknown>): Promise<AgentToolResult> => {\n          const lookup = ResolveByIdOrName(this.Rows.map(r => r.Category), params['category'], 'category');\n          return lookup.ok ? this.openInLibrary(lookup.value) : lookup.result;\n        },\n      },\n      {\n        Name: 'RefreshCategories',\n        Description: 'Reload the category tree from the server.',\n        ParameterSchema: { type: 'object', properties: {} },\n        Handler: async (): Promise<AgentToolResult> =>\n          (await this.reload()) ? { Success: true } : { Success: false, ErrorMessage: 'The categories could not be reloaded.' },\n      },\n    ];\n  }\n}\n\nfunction errorMessage(error: unknown): string {\n  return error instanceof Error ? error.message : String(error);\n}\n\nexport function LoadDashboardsCategoriesResource(): void {\n  // Prevents tree-shaking of the component and its @RegisterClass registration.\n}\n"]}

package/dist/DashboardBrowser/dashboards-categories.helpers.d.ts

@@ -0,0 +1,37 @@
+/**
+ * @fileoverview Pure logic for the Dashboards app's Categories page: the category tree as rows,
+ * the dashboard count of each category, and which categories can be deleted.
+ *
+ * A row's dashboard count follows the rules of the Library page, so it equals the number of
+ * dashboards the Library shows when the category is opened there.
+ */
+import type { MJDashboardCategoryEntity, MJDashboardCategoryLinkEntity, MJDashboardEntity } from '@memberjunction/core-entities';
+/** The longest name the MJ: Dashboard Categories entity stores. */
+export declare const CATEGORY_NAME_MAX_LENGTH = 100;
+/** One row of the Categories page. */
+export interface CategoryRow {
+    Category: MJDashboardCategoryEntity;
+    /** 0 for a top-level category, 1 for its sub-categories, and so on. */
+    Depth: number;
+    /** The Config dashboards the Library shows in this category. */
+    DashboardCount: number;
+    /** The direct sub-categories. */
+    SubCategoryCount: number;
+    /** True when the user owns the category and it holds no sub-categories and no dashboards of any type. */
+    CanDelete: boolean;
+}
+/**
+ * The category each shared dashboard shows under for the user: the category the user filed it in
+ * (an MJ: Dashboard Category Links row of the user), or null for the root. Dashboards the user owns
+ * are not in the map; they show under their own category.
+ */
+export declare function BuildEffectiveCategoryMap(dashboards: MJDashboardEntity[], links: MJDashboardCategoryLinkEntity[], currentUserId: string): Map<string, string | null>;
+/**
+ * The category tree as rows, depth first, each level sorted by name. A category whose parent is not
+ * in `categories` is shown at the top level. Categories that only reach each other through their
+ * parents are not shown.
+ */
+export declare function BuildCategoryRows(categories: MJDashboardCategoryEntity[], dashboards: MJDashboardEntity[], effectiveCategoryMap: Map<string, string | null>, currentUserId: string): CategoryRow[];
+/** The row's summary line, for example "3 dashboards · 1 sub-category". */
+export declare function CategoryRowSummary(row: CategoryRow): string;
+//# sourceMappingURL=dashboards-categories.helpers.d.ts.map

package/dist/DashboardBrowser/dashboards-categories.helpers.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboards-categories.helpers.d.ts","sourceRoot":"","sources":["../../src/DashboardBrowser/dashboards-categories.helpers.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,KAAK,EAAE,yBAAyB,EAAE,6BAA6B,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAIjI,mEAAmE;AACnE,eAAO,MAAM,wBAAwB,MAAM,CAAC;AAE5C,sCAAsC;AACtC,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,yBAAyB,CAAC;IACpC,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,gEAAgE;IAChE,cAAc,EAAE,MAAM,CAAC;IACvB,iCAAiC;IACjC,gBAAgB,EAAE,MAAM,CAAC;IACzB,yGAAyG;IACzG,SAAS,EAAE,OAAO,CAAC;CACpB;AAED;;;;GAIG;AACH,wBAAgB,yBAAyB,CACvC,UAAU,EAAE,iBAAiB,EAAE,EAC/B,KAAK,EAAE,6BAA6B,EAAE,EACtC,aAAa,EAAE,MAAM,GACpB,GAAG,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,CAW5B;AAED;;;;GAIG;AACH,wBAAgB,iBAAiB,CAC/B,UAAU,EAAE,yBAAyB,EAAE,EACvC,UAAU,EAAE,iBAAiB,EAAE,EAC/B,oBAAoB,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,EAChD,aAAa,EAAE,MAAM,GACpB,WAAW,EAAE,CAqBf;AAED,2EAA2E;AAC3E,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,WAAW,GAAG,MAAM,CAM3D"}

package/dist/DashboardBrowser/dashboards-categories.helpers.js

@@ -0,0 +1,68 @@
+import { IndexByUUID, UUIDsEqual } from '@memberjunction/global';
+import { CountDashboardsByCategory, EffectiveCategoryId } from './dashboard-library-filter';
+/** The longest name the MJ: Dashboard Categories entity stores. */
+export const CATEGORY_NAME_MAX_LENGTH = 100;
+/**
+ * The category each shared dashboard shows under for the user: the category the user filed it in
+ * (an MJ: Dashboard Category Links row of the user), or null for the root. Dashboards the user owns
+ * are not in the map; they show under their own category.
+ */
+export function BuildEffectiveCategoryMap(dashboards, links, currentUserId) {
+    const userLinksByDashboard = IndexByUUID(links.filter(l => UUIDsEqual(l.UserID, currentUserId)), l => l.DashboardID);
+    const map = new Map();
+    for (const dashboard of dashboards) {
+        if (UUIDsEqual(dashboard.UserID, currentUserId)) {
+            continue;
+        }
+        const filed = userLinksByDashboard.Get(dashboard.ID);
+        map.set(dashboard.ID, filed ? filed.DashboardCategoryID : null);
+    }
+    return map;
+}
+/**
+ * The category tree as rows, depth first, each level sorted by name. A category whose parent is not
+ * in `categories` is shown at the top level. Categories that only reach each other through their
+ * parents are not shown.
+ */
+export function BuildCategoryRows(categories, dashboards, effectiveCategoryMap, currentUserId) {
+    const counts = CountDashboardsByCategory(dashboards, categories, effectiveCategoryMap).ByCategory;
+    const rows = [];
+    const visited = new Set();
+    const visit = (category, depth) => {
+        if (visited.has(category)) {
+            return;
+        }
+        visited.add(category);
+        const children = sortByName(categories.filter(c => c.ParentID != null && UUIDsEqual(c.ParentID, category.ID)));
+        rows.push({
+            Category: category,
+            Depth: depth,
+            DashboardCount: counts.get(category.ID) ?? 0,
+            SubCategoryCount: children.length,
+            CanDelete: UUIDsEqual(category.UserID, currentUserId) && children.length === 0 && !holdsDashboards(category, dashboards, effectiveCategoryMap),
+        });
+        children.forEach(child => visit(child, depth + 1));
+    };
+    sortByName(categories.filter(c => isTopLevel(c, categories))).forEach(c => visit(c, 0));
+    return rows;
+}
+/** The row's summary line, for example "3 dashboards · 1 sub-category". */
+export function CategoryRowSummary(row) {
+    const dashboards = `${row.DashboardCount} ${row.DashboardCount === 1 ? 'dashboard' : 'dashboards'}`;
+    if (!row.SubCategoryCount) {
+        return dashboards;
+    }
+    return `${dashboards} · ${row.SubCategoryCount} ${row.SubCategoryCount === 1 ? 'sub-category' : 'sub-categories'}`;
+}
+/** True when a dashboard of any type is in the category, or is filed there by the user. */
+function holdsDashboards(category, dashboards, effectiveCategoryMap) {
+    return dashboards.some(d => UUIDsEqual(d.CategoryID, category.ID) || UUIDsEqual(EffectiveCategoryId(d, effectiveCategoryMap), category.ID));
+}
+/** True when a category has no parent, or its parent is not in `categories`. */
+function isTopLevel(category, categories) {
+    return category.ParentID == null || !categories.some(c => UUIDsEqual(c.ID, category.ParentID));
+}
+function sortByName(categories) {
+    return [...categories].sort((a, b) => a.Name.localeCompare(b.Name));
+}
+//# sourceMappingURL=dashboards-categories.helpers.js.map

package/dist/DashboardBrowser/dashboards-categories.helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dashboards-categories.helpers.js","sourceRoot":"","sources":["../../src/DashboardBrowser/dashboards-categories.helpers.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @fileoverview Pure logic for the Dashboards app's Categories page: the category tree as rows,\n * the dashboard count of each category, and which categories can be deleted.\n *\n * A row's dashboard count follows the rules of the Library page, so it equals the number of\n * dashboards the Library shows when the category is opened there.\n */\nimport type { MJDashboardCategoryEntity, MJDashboardCategoryLinkEntity, MJDashboardEntity } from '@memberjunction/core-entities';\nimport { IndexByUUID, UUIDsEqual } from '@memberjunction/global';\nimport { CountDashboardsByCategory, EffectiveCategoryId } from './dashboard-library-filter';\n\n/** The longest name the MJ: Dashboard Categories entity stores. */\nexport const CATEGORY_NAME_MAX_LENGTH = 100;\n\n/** One row of the Categories page. */\nexport interface CategoryRow {\n  Category: MJDashboardCategoryEntity;\n  /** 0 for a top-level category, 1 for its sub-categories, and so on. */\n  Depth: number;\n  /** The Config dashboards the Library shows in this category. */\n  DashboardCount: number;\n  /** The direct sub-categories. */\n  SubCategoryCount: number;\n  /** True when the user owns the category and it holds no sub-categories and no dashboards of any type. */\n  CanDelete: boolean;\n}\n\n/**\n * The category each shared dashboard shows under for the user: the category the user filed it in\n * (an MJ: Dashboard Category Links row of the user), or null for the root. Dashboards the user owns\n * are not in the map; they show under their own category.\n */\nexport function BuildEffectiveCategoryMap(\n  dashboards: MJDashboardEntity[],\n  links: MJDashboardCategoryLinkEntity[],\n  currentUserId: string\n): Map<string, string | null> {\n  const userLinksByDashboard = IndexByUUID(links.filter(l => UUIDsEqual(l.UserID, currentUserId)), l => l.DashboardID);\n  const map = new Map<string, string | null>();\n  for (const dashboard of dashboards) {\n    if (UUIDsEqual(dashboard.UserID, currentUserId)) {\n      continue;\n    }\n    const filed = userLinksByDashboard.Get(dashboard.ID);\n    map.set(dashboard.ID, filed ? filed.DashboardCategoryID : null);\n  }\n  return map;\n}\n\n/**\n * The category tree as rows, depth first, each level sorted by name. A category whose parent is not\n * in `categories` is shown at the top level. Categories that only reach each other through their\n * parents are not shown.\n */\nexport function BuildCategoryRows(\n  categories: MJDashboardCategoryEntity[],\n  dashboards: MJDashboardEntity[],\n  effectiveCategoryMap: Map<string, string | null>,\n  currentUserId: string\n): CategoryRow[] {\n  const counts = CountDashboardsByCategory(dashboards, categories, effectiveCategoryMap).ByCategory;\n  const rows: CategoryRow[] = [];\n  const visited = new Set<MJDashboardCategoryEntity>();\n  const visit = (category: MJDashboardCategoryEntity, depth: number): void => {\n    if (visited.has(category)) {\n      return;\n    }\n    visited.add(category);\n    const children = sortByName(categories.filter(c => c.ParentID != null && UUIDsEqual(c.ParentID, category.ID)));\n    rows.push({\n      Category: category,\n      Depth: depth,\n      DashboardCount: counts.get(category.ID) ?? 0,\n      SubCategoryCount: children.length,\n      CanDelete: UUIDsEqual(category.UserID, currentUserId) && children.length === 0 && !holdsDashboards(category, dashboards, effectiveCategoryMap),\n    });\n    children.forEach(child => visit(child, depth + 1));\n  };\n  sortByName(categories.filter(c => isTopLevel(c, categories))).forEach(c => visit(c, 0));\n  return rows;\n}\n\n/** The row's summary line, for example \"3 dashboards · 1 sub-category\". */\nexport function CategoryRowSummary(row: CategoryRow): string {\n  const dashboards = `${row.DashboardCount} ${row.DashboardCount === 1 ? 'dashboard' : 'dashboards'}`;\n  if (!row.SubCategoryCount) {\n    return dashboards;\n  }\n  return `${dashboards} · ${row.SubCategoryCount} ${row.SubCategoryCount === 1 ? 'sub-category' : 'sub-categories'}`;\n}\n\n/** True when a dashboard of any type is in the category, or is filed there by the user. */\nfunction holdsDashboards(\n  category: MJDashboardCategoryEntity,\n  dashboards: MJDashboardEntity[],\n  effectiveCategoryMap: Map<string, string | null>\n): boolean {\n  return dashboards.some(d => UUIDsEqual(d.CategoryID, category.ID) || UUIDsEqual(EffectiveCategoryId(d, effectiveCategoryMap), category.ID));\n}\n\n/** True when a category has no parent, or its parent is not in `categories`. */\nfunction isTopLevel(category: MJDashboardCategoryEntity, categories: MJDashboardCategoryEntity[]): boolean {\n  return category.ParentID == null || !categories.some(c => UUIDsEqual(c.ID, category.ParentID));\n}\n\nfunction sortByName(categories: MJDashboardCategoryEntity[]): MJDashboardCategoryEntity[] {\n  return [...categories].sort((a, b) => a.Name.localeCompare(b.Name));\n}\n"]}