@mj-biz-apps/orders-ng 5.1.0 → 5.2.0

package/dist/lib/pages/catalog/products.page.js

@@ -1,192 +1,219 @@
 import { ChangeDetectorRef, Component, EventEmitter, Output, inject } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import { MJOWorklistTableComponent } from '../../panels/worklist-table.component.js';
+import { EntityViewerModule } from '@memberjunction/ng-entity-viewer';
+import { Metadata } from '@memberjunction/core';
 import { FormatDate } from '../../panels/money-format.js';
 import { MJAlertComponent } from '@memberjunction/ng-ui-components';
-import { GetChargeTypes, GetProducts, GetTaxExemptions, GetTaxJurisdictions, GetTaxNexus, GetTaxRates } from '../../data/orders-queries.js';
+import { GetChargeTypes, GetTaxExemptions, GetTaxJurisdictions, GetTaxNexus, GetTaxRates } from '../../data/orders-queries.js';
+import { MJO_ENTITIES } from '../../data/entity-names.js';
 import { IsBefore, Today, } from '@mj-biz-apps/orders-entities';
 import * as i0 from "@angular/core";
-const _c0 = () => [];
+import * as i1 from "@memberjunction/ng-entity-viewer";
 const _forTrack0 = ($index, $item) => $item["ID"];
-function MJOProductsPageComponent_For_27_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 12);
+function MJOProductsPageComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-entity-viewer", 14);
+    i0.ɵɵlistener("RecordOpened", function MJOProductsPageComponent_Conditional_5_Template_mj_entity_viewer_RecordOpened_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnRecordOpened($event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Entity", ctx_r1.ProductEntityInfo);
+} }
+function MJOProductsPageComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3);
+    i0.ɵɵtext(1, "Loading products...");
+    i0.ɵɵelementEnd();
+} }
+function MJOProductsPageComponent_For_29_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 15);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const type_r1 = i0.ɵɵnextContext().$implicit;
+    const type_r3 = i0.ɵɵnextContext().$implicit;
     const ctx_r1 = i0.ɵɵnextContext();
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("extends ", ctx_r1.shortEntity(type_r1["ProductExtensionEntity"]));
+    i0.ɵɵtextInterpolate1("extends ", ctx_r1.shortEntity(type_r3["ProductExtensionEntity"]));
 } }
-function MJOProductsPageComponent_For_27_Template(rf, ctx) { if (rf & 1) {
+function MJOProductsPageComponent_For_29_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tr")(1, "td");
     i0.ɵɵtext(2);
-    i0.ɵɵconditionalCreate(3, MJOProductsPageComponent_For_27_Conditional_3_Template, 2, 1, "div", 12);
+    i0.ɵɵconditionalCreate(3, MJOProductsPageComponent_For_29_Conditional_3_Template, 2, 1, "div", 15);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "td", 13);
+    i0.ɵɵelementStart(4, "td", 16);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "td", 13);
+    i0.ɵɵelementStart(6, "td", 16);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "td", 13);
+    i0.ɵɵelementStart(8, "td", 16);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const type_r1 = ctx.$implicit;
+    const type_r3 = ctx.$implicit;
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", type_r1["Name"], " ");
+    i0.ɵɵtextInterpolate1(" ", type_r3["Name"], " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(type_r1["ProductExtensionEntity"] ? 3 : -1);
+    i0.ɵɵconditional(type_r3["ProductExtensionEntity"] ? 3 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(type_r1["RequiresFulfillment"] ? "yes" : "no");
+    i0.ɵɵtextInterpolate(type_r3["RequiresFulfillment"] ? "yes" : "no");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(type_r1["DefaultRevenueRecognitionType"] ?? "\u2014");
+    i0.ɵɵtextInterpolate(type_r3["DefaultRevenueRecognitionType"] ?? "\u2014");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", type_r1["DefaultIsTaxable"] ? type_r1["DefaultTaxCategory"] ?? "yes" : "no", " ");
+    i0.ɵɵtextInterpolate1(" ", type_r3["DefaultIsTaxable"] ? type_r3["DefaultTaxCategory"] ?? "yes" : "no", " ");
 } }
-function MJOProductsPageComponent_ForEmpty_28_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr")(1, "td", 14);
+function MJOProductsPageComponent_ForEmpty_30_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td", 17);
     i0.ɵɵtext(2, "No product types.");
     i0.ɵɵelementEnd()();
 } }
-function MJOProductsPageComponent_For_52_Template(rf, ctx) { if (rf & 1) {
+function MJOProductsPageComponent_For_54_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tr")(1, "td");
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "td", 15);
+    i0.ɵɵelementStart(3, "td", 18);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "td", 13);
+    i0.ɵɵelementStart(5, "td", 16);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const category_r3 = ctx.$implicit;
+    const category_r4 = ctx.$implicit;
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(category_r3["Name"]);
+    i0.ɵɵtextInterpolate(category_r4["Name"]);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(category_r3["ParentProductCategory"] ?? "\u2014");
+    i0.ɵɵtextInterpolate(category_r4["ParentProductCategory"] ?? "\u2014");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", category_r3["DefaultIsTaxable"] ? category_r3["DefaultTaxCategory"] ?? "taxable" : "exempt", " ");
+    i0.ɵɵtextInterpolate1(" ", category_r4["DefaultIsTaxable"] ? category_r4["DefaultTaxCategory"] ?? "taxable" : "exempt", " ");
 } }
-function MJOProductsPageComponent_ForEmpty_53_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr")(1, "td", 16);
+function MJOProductsPageComponent_ForEmpty_55_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td", 19);
     i0.ɵɵtext(2, "No categories.");
     i0.ɵɵelementEnd()();
 } }
 const _forTrack1 = ($index, $item) => $item.Key;
-function MJOChargesTaxPageComponent_For_33_Conditional_3_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 18);
+function MJOChargesTaxPageComponent_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-entity-viewer", 2);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Entity", ctx_r0.ChargeTypeEntityInfo);
+} }
+function MJOChargesTaxPageComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3);
+    i0.ɵɵtext(1, "Loading charge types...");
+    i0.ɵɵelementEnd();
+} }
+function MJOChargesTaxPageComponent_For_35_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 20);
     i0.ɵɵtext(1);
     i0.ɵɵelementEnd();
 } if (rf & 2) {
-    const row_r1 = i0.ɵɵnextContext().$implicit;
+    const row_r2 = i0.ɵɵnextContext().$implicit;
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("within ", row_r1.Parent);
+    i0.ɵɵtextInterpolate1("within ", row_r2.Parent);
 } }
-function MJOChargesTaxPageComponent_For_33_Template(rf, ctx) { if (rf & 1) {
+function MJOChargesTaxPageComponent_For_35_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementStart(0, "tr")(1, "td");
     i0.ɵɵtext(2);
-    i0.ɵɵconditionalCreate(3, MJOChargesTaxPageComponent_For_33_Conditional_3_Template, 2, 1, "div", 18);
+    i0.ɵɵconditionalCreate(3, MJOChargesTaxPageComponent_For_35_Conditional_3_Template, 2, 1, "div", 20);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "td", 19);
+    i0.ɵɵelementStart(4, "td", 21);
     i0.ɵɵtext(5);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "td", 19);
+    i0.ɵɵelementStart(6, "td", 21);
     i0.ɵɵtext(7);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "td", 9);
+    i0.ɵɵelementStart(8, "td", 11);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()();
 } if (rf & 2) {
-    const row_r1 = ctx.$implicit;
+    const row_r2 = ctx.$implicit;
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", row_r1.Name, " ");
+    i0.ɵɵtextInterpolate1(" ", row_r2.Name, " ");
     i0.ɵɵadvance();
-    i0.ɵɵconditional(row_r1.Parent ? 3 : -1);
+    i0.ɵɵconditional(row_r2.Parent ? 3 : -1);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(row_r1.Where);
+    i0.ɵɵtextInterpolate(row_r2.Where);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(row_r1.Category);
+    i0.ɵɵtextInterpolate(row_r2.Category);
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(row_r1.Rate);
+    i0.ɵɵtextInterpolate(row_r2.Rate);
 } }
-function MJOChargesTaxPageComponent_ForEmpty_34_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr")(1, "td", 20);
+function MJOChargesTaxPageComponent_ForEmpty_36_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td", 22);
     i0.ɵɵtext(2, "No jurisdictions configured.");
     i0.ɵɵelementEnd()();
 } }
-function MJOChargesTaxPageComponent_For_56_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr")(1, "td", 19);
+function MJOChargesTaxPageComponent_For_58_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td", 21);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "td", 19);
+    i0.ɵɵelementStart(3, "td", 21);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "td", 19);
+    i0.ɵɵelementStart(5, "td", 21);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "td")(8, "span", 21);
+    i0.ɵɵelementStart(7, "td")(8, "span", 23);
     i0.ɵɵtext(9);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
-    const row_r2 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext();
+    const row_r3 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(row_r2["Company"] ?? "\u2014");
+    i0.ɵɵtextInterpolate(row_r3["Company"] ?? "\u2014");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(row_r2["TaxJurisdiction"] ?? "\u2014");
+    i0.ɵɵtextInterpolate(row_r3["TaxJurisdiction"] ?? "\u2014");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(row_r2["NexusType"] ?? "\u2014");
+    i0.ɵɵtextInterpolate(row_r3["NexusType"] ?? "\u2014");
     i0.ɵɵadvance(2);
-    i0.ɵɵclassMap(ctx_r2.nexusClass(row_r2));
+    i0.ɵɵclassMap(ctx_r0.nexusClass(row_r3));
     i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", row_r2["Status"] ?? "\u2014", " ");
+    i0.ɵɵtextInterpolate1(" ", row_r3["Status"] ?? "\u2014", " ");
 } }
-function MJOChargesTaxPageComponent_ForEmpty_57_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr")(1, "td", 20);
+function MJOChargesTaxPageComponent_ForEmpty_59_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td", 22);
     i0.ɵɵtext(2, "No registrations.");
     i0.ɵɵelementEnd()();
 } }
-function MJOChargesTaxPageComponent_For_88_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr")(1, "td", 19);
+function MJOChargesTaxPageComponent_For_90_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td", 21);
     i0.ɵɵtext(2);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "td", 19);
+    i0.ɵɵelementStart(3, "td", 21);
     i0.ɵɵtext(4);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(5, "td", 19);
+    i0.ɵɵelementStart(5, "td", 21);
     i0.ɵɵtext(6);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(7, "td", 22);
+    i0.ɵɵelementStart(7, "td", 24);
     i0.ɵɵtext(8);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(9, "td", 19);
+    i0.ɵɵelementStart(9, "td", 21);
     i0.ɵɵtext(10);
     i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "td")(12, "span", 21);
+    i0.ɵɵelementStart(11, "td")(12, "span", 23);
     i0.ɵɵtext(13);
     i0.ɵɵelementEnd()()();
 } if (rf & 2) {
     const row_r4 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext();
+    const ctx_r0 = i0.ɵɵnextContext();
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(row_r4["Organization"] ?? row_r4["Person"] ?? "\u2014");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r2.jurisdictionOf(row_r4));
+    i0.ɵɵtextInterpolate(ctx_r0.jurisdictionOf(row_r4));
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(row_r4["TaxCategory"] ?? "all");
     i0.ɵɵadvance(2);
     i0.ɵɵtextInterpolate(row_r4["CertificateRef"] ?? "\u2014");
     i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(ctx_r2.dateOf(row_r4["CertificateExpiresAt"]));
+    i0.ɵɵtextInterpolate(ctx_r0.dateOf(row_r4["CertificateExpiresAt"]));
     i0.ɵɵadvance(2);
-    i0.ɵɵclassMap(ctx_r2.exemptionClass(row_r4));
+    i0.ɵɵclassMap(ctx_r0.exemptionClass(row_r4));
     i0.ɵɵadvance();
     i0.ɵɵtextInterpolate1(" ", row_r4["Status"] ?? "\u2014", " ");
 } }
-function MJOChargesTaxPageComponent_ForEmpty_89_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "tr")(1, "td", 23);
+function MJOChargesTaxPageComponent_ForEmpty_91_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "tr")(1, "td", 25);
     i0.ɵɵtext(2, "No exemption certificates.");
     i0.ɵɵelementEnd()();
 } }
@@ -210,144 +237,97 @@ function MJOChargesTaxPageComponent_ForEmpty_89_Template(rf, ctx) { if (rf & 1)
  * ```
  */
 export class MJOProductsPageComponent {
-    /**
-     * Render what was just loaded.
-     *
-     * These pages are created imperatively by the section shell through
-     * `ViewContainerRef.createComponent`. When an async load assigns across
-     * Angular's check/verify boundary, dev mode raises NG0100 and ABORTS the DOM
-     * write. Nothing re-renders afterwards, so the recorded "previous" value stays
-     * pre-load while the getter returns the loaded one — the mismatch then repeats
-     * on every tick and the view is frozen for good. It is not a flicker: the
-     * Orders dashboard sat at "0 open orders / $0.00" against 73 real orders, and
-     * read as a quiet day rather than a broken screen.
-     *
-     * Writing the DOM here ends it: the rendered value matches the getter from the
-     * first pass on, so later verify passes agree.
-     */
     cdr = inject(ChangeDetectorRef);
     ProductOpened = new EventEmitter();
-    Rows = [];
-    Search = '';
-    Columns = [
-        { Key: 'SKU', Label: 'SKU', Kind: 'mono', Width: '120px' },
-        { Key: 'Name', Label: 'Product', Secondary: (r) => r.ProductCategory ?? null },
-        { Key: 'ProductType', Label: 'Type', Width: '140px' },
-        { Key: 'Company', Label: 'Company', Width: '150px', HideBelow: 1000 },
-        {
-            Key: 'Behaviour',
-            Label: 'Behaviour',
-            HideBelow: 760,
-            // What this product will DO to an order, which is the reason to look at
-            // this screen at all.
-            Format: (r) => {
-                const traits = [];
-                if (r.SubscriptionTypeID)
-                    traits.push('subscription');
-                return traits.length ? traits.join(' · ') : '—';
-            },
-        },
-        {
-            Key: 'Status',
-            Label: 'Status',
-            Kind: 'chip',
-            Width: '100px',
-            ChipClass: (r) => r.Status === 'Active'
-                ? 'mj-chip--success'
-                : r.Status === 'Draft'
-                    ? ''
-                    : 'mj-chip--outline',
-        },
-    ];
+    ProductEntityInfo = null;
+    Categories = [];
+    Types = [];
     async ngOnInit() {
-        await this.load();
+        const md = new Metadata();
+        this.ProductEntityInfo = md.Entities.find((e) => e.Name === MJO_ENTITIES.Product) || null;
         this.cdr.detectChanges();
     }
-    async OnSearch(text) {
-        this.Search = text;
-        await this.load();
-        this.cdr.detectChanges();
+    OnRecordOpened(event) {
+        const id = (event.compositeKey?.GetValueByFieldName('ID') ?? event.record?.['ID']);
+        if (id) {
+            const surrogate = { ID: id };
+            this.ProductOpened.emit(surrogate);
+        }
     }
-    Categories = [];
-    Types = [];
     /** 'MJ_BizApps_Orders: Event Products' → 'Event Products'. */
     shortEntity(name) {
         return String(name ?? '').split(':').pop()?.trim() ?? '';
     }
-    async load() {
-        this.Rows = await GetProducts({ Search: this.Search });
-        this.cdr.detectChanges();
-    }
     static ɵfac = function MJOProductsPageComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJOProductsPageComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJOProductsPageComponent, selectors: [["mjo-products-page"]], outputs: { ProductOpened: "ProductOpened" }, decls: 60, vars: 9, consts: [["Variant", "info", "Icon", "fa-solid fa-sitemap", 1, "mjo-cat__note"], ["SearchPlaceholder", "Product name or SKU\u2026", "RowKey", "ID", "EmptyIcon", "fa-solid fa-boxes-stacked", "EmptyTitle", "No products match", "EmptyHint", "Try a different search.", 3, "SearchChanged", "RowClicked", "Columns", "Rows", "Presets", "Search"], [1, "mjo-cat__grid"], [1, "mj-card"], [1, "mj-card-head"], ["aria-hidden", "true", 1, "fa-solid", "fa-layer-group"], [1, "right", "small", "muted"], [1, "mj-table-wrap"], [1, "mj-table", "mj-table--compact"], [1, "mj-card-pad", "small", "muted"], ["aria-hidden", "true", 1, "fa-solid", "fa-folder-tree"], ["Variant", "info", "Icon", "fa-solid fa-puzzle-piece", 1, "mjo-cat__block"], [1, "secondary"], [1, "small"], ["colspan", "4", 1, "small", "muted"], [1, "small", "muted"], ["colspan", "3", 1, "small", "muted"]], template: function MJOProductsPageComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJOProductsPageComponent, selectors: [["mjo-products-page"]], outputs: { ProductOpened: "ProductOpened" }, decls: 62, vars: 5, consts: [["Variant", "info", "Icon", "fa-solid fa-sitemap", 1, "mjo-cat__note"], [1, "mjo-products-viewer-container"], [3, "Entity"], [1, "small", "muted", 2, "padding", "24px"], [1, "mjo-cat__grid"], [1, "mj-card"], [1, "mj-card-head"], ["aria-hidden", "true", 1, "fa-solid", "fa-layer-group"], [1, "right", "small", "muted"], [1, "mj-table-wrap"], [1, "mj-table", "mj-table--compact"], [1, "mj-card-pad", "small", "muted"], ["aria-hidden", "true", 1, "fa-solid", "fa-folder-tree"], ["Variant", "info", "Icon", "fa-solid fa-puzzle-piece", 1, "mjo-cat__block"], [3, "RecordOpened", "Entity"], [1, "secondary"], [1, "small"], ["colspan", "4", 1, "small", "muted"], [1, "small", "muted"], ["colspan", "3", 1, "small", "muted"]], template: function MJOProductsPageComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "mj-alert", 0)(1, "strong");
             i0.ɵɵtext(2, "The catalog is the behaviour root.");
             i0.ɵɵelementEnd();
             i0.ɵɵtext(3, " A product's type decides recognition, taxability, fulfillment and recurrence, and every order line inherits those answers \u2014 which is why an order screen never asks for them again. ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(4, "mjo-worklist-table", 1);
-            i0.ɵɵlistener("SearchChanged", function MJOProductsPageComponent_Template_mjo_worklist_table_SearchChanged_4_listener($event) { return ctx.OnSearch($event); })("RowClicked", function MJOProductsPageComponent_Template_mjo_worklist_table_RowClicked_4_listener($event) { return ctx.ProductOpened.emit($event); });
+            i0.ɵɵelementStart(4, "div", 1);
+            i0.ɵɵconditionalCreate(5, MJOProductsPageComponent_Conditional_5_Template, 1, 1, "mj-entity-viewer", 2)(6, MJOProductsPageComponent_Conditional_6_Template, 2, 0, "div", 3);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(5, "div", 2)(6, "div", 3)(7, "div", 4);
-            i0.ɵɵelement(8, "i", 5);
-            i0.ɵɵelementStart(9, "h3");
-            i0.ɵɵtext(10, "Product types");
+            i0.ɵɵelementStart(7, "div", 4)(8, "div", 5)(9, "div", 6);
+            i0.ɵɵelement(10, "i", 7);
+            i0.ɵɵelementStart(11, "h3");
+            i0.ɵɵtext(12, "Product types");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(11, "span", 6);
-            i0.ɵɵtext(12);
+            i0.ɵɵelementStart(13, "span", 8);
+            i0.ɵɵtext(14);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(13, "div", 7)(14, "table", 8)(15, "thead")(16, "tr")(17, "th");
-            i0.ɵɵtext(18, "Type");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(19, "th");
-            i0.ɵɵtext(20, "Ships");
+            i0.ɵɵelementStart(15, "div", 9)(16, "table", 10)(17, "thead")(18, "tr")(19, "th");
+            i0.ɵɵtext(20, "Type");
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(21, "th");
-            i0.ɵɵtext(22, "Recognition");
+            i0.ɵɵtext(22, "Ships");
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(23, "th");
-            i0.ɵɵtext(24, "Taxable");
+            i0.ɵɵtext(24, "Recognition");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(25, "th");
+            i0.ɵɵtext(26, "Taxable");
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(25, "tbody");
-            i0.ɵɵrepeaterCreate(26, MJOProductsPageComponent_For_27_Template, 10, 5, "tr", null, _forTrack0, false, MJOProductsPageComponent_ForEmpty_28_Template, 3, 0, "tr");
+            i0.ɵɵelementStart(27, "tbody");
+            i0.ɵɵrepeaterCreate(28, MJOProductsPageComponent_For_29_Template, 10, 5, "tr", null, _forTrack0, false, MJOProductsPageComponent_ForEmpty_30_Template, 3, 0, "tr");
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(29, "div", 9)(30, "b");
-            i0.ɵɵtext(31, "What a type decides:");
+            i0.ɵɵelementStart(31, "div", 11)(32, "b");
+            i0.ɵɵtext(33, "What a type decides:");
             i0.ɵɵelementEnd();
-            i0.ɵɵtext(32, " whether a line ships, how its revenue is recognised, whether it is taxable, and whether it recurs. A product inherits all four and may override any \u2014 so a line never has to be asked. ");
+            i0.ɵɵtext(34, " whether a line ships, how its revenue is recognised, whether it is taxable, and whether it recurs. A product inherits all four and may override any \u2014 so a line never has to be asked. ");
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(33, "div", 3)(34, "div", 4);
-            i0.ɵɵelement(35, "i", 10);
-            i0.ɵɵelementStart(36, "h3");
-            i0.ɵɵtext(37, "Categories");
+            i0.ɵɵelementStart(35, "div", 5)(36, "div", 6);
+            i0.ɵɵelement(37, "i", 12);
+            i0.ɵɵelementStart(38, "h3");
+            i0.ɵɵtext(39, "Categories");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(38, "span", 6);
-            i0.ɵɵtext(39);
+            i0.ɵɵelementStart(40, "span", 8);
+            i0.ɵɵtext(41);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(40, "div", 7)(41, "table", 8)(42, "thead")(43, "tr")(44, "th");
-            i0.ɵɵtext(45, "Category");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(46, "th");
-            i0.ɵɵtext(47, "Within");
+            i0.ɵɵelementStart(42, "div", 9)(43, "table", 10)(44, "thead")(45, "tr")(46, "th");
+            i0.ɵɵtext(47, "Category");
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(48, "th");
-            i0.ɵɵtext(49, "Default tax");
+            i0.ɵɵtext(49, "Within");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(50, "th");
+            i0.ɵɵtext(51, "Default tax");
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(50, "tbody");
-            i0.ɵɵrepeaterCreate(51, MJOProductsPageComponent_For_52_Template, 7, 3, "tr", null, _forTrack0, false, MJOProductsPageComponent_ForEmpty_53_Template, 3, 0, "tr");
+            i0.ɵɵelementStart(52, "tbody");
+            i0.ɵɵrepeaterCreate(53, MJOProductsPageComponent_For_54_Template, 7, 3, "tr", null, _forTrack0, false, MJOProductsPageComponent_ForEmpty_55_Template, 3, 0, "tr");
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(54, "div", 9);
-            i0.ɵɵtext(55, " Categories group for reporting and supply defaults. They do NOT decide behaviour \u2014 that is the type's job. Keeping the two apart is what stops a reporting change from altering how something is taxed. ");
+            i0.ɵɵelementStart(56, "div", 11);
+            i0.ɵɵtext(57, " Categories group for reporting and supply defaults. They do NOT decide behaviour \u2014 that is the type's job. Keeping the two apart is what stops a reporting change from altering how something is taxed. ");
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(56, "mj-alert", 11)(57, "strong");
-            i0.ɵɵtext(58, "Type extensions carry what only that type needs.");
+            i0.ɵɵelementStart(58, "mj-alert", 13)(59, "strong");
+            i0.ɵɵtext(60, "Type extensions carry what only that type needs.");
             i0.ɵɵelementEnd();
-            i0.ɵɵtext(59, " An event has a venue and a date; a subscription has a term length. Rather than a products table with columns most rows leave null, a type names an extension entity and the extra facts live there. The order line gets a matching extension, so a line selling a ticket can hold ticket facts without every other line pretending to. ");
+            i0.ɵɵtext(61, " An event has a venue and a date; a subscription has a term length. Rather than a products table with columns most rows leave null, a type names an extension entity and the extra facts live there. The order line gets a matching extension, so a line selling a ticket can hold ticket facts without every other line pretending to. ");
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵadvance(4);
-            i0.ɵɵproperty("Columns", ctx.Columns)("Rows", ctx.Rows)("Presets", i0.ɵɵpureFunction0(8, _c0))("Search", ctx.Search);
-            i0.ɵɵadvance(8);
+            i0.ɵɵadvance(5);
+            i0.ɵɵconditional(ctx.ProductEntityInfo ? 5 : 6);
+            i0.ɵɵadvance(9);
             i0.ɵɵtextInterpolate(ctx.Types.length);
             i0.ɵɵadvance(14);
             i0.ɵɵrepeater(ctx.Types);
@@ -355,11 +335,11 @@ export class MJOProductsPageComponent {
             i0.ɵɵtextInterpolate(ctx.Categories.length);
             i0.ɵɵadvance(12);
             i0.ɵɵrepeater(ctx.Categories);
-        } }, dependencies: [CommonModule, MJOWorklistTableComponent, MJAlertComponent], styles: ["[_nghost-%COMP%] {\n                display: block;\n                height: 100%;\n                overflow: auto;\n                padding: var(--mj-space-6);\n            }\n            .mjo-cat__note[_ngcontent-%COMP%] { margin-bottom: var(--mj-space-4); }\n            .mjo-cat__grid[_ngcontent-%COMP%] {\n                display: grid;\n                grid-template-columns: repeat(2, minmax(0, 1fr));\n                gap: var(--mj-space-4);\n                margin-top: var(--mj-space-4);\n            }\n            .mjo-cat__block[_ngcontent-%COMP%] { margin-top: var(--mj-space-4); }\n            @media (max-width: 1000px) {\n                .mjo-cat__grid[_ngcontent-%COMP%] { grid-template-columns: 1fr; }\n            }\n            @media (max-width: 760px) {\n                [_nghost-%COMP%] { padding: var(--mj-space-4); }\n            }"] });
+        } }, dependencies: [CommonModule, MJAlertComponent, EntityViewerModule, i1.EntityViewerComponent], styles: ["[_nghost-%COMP%] {\n                display: block;\n                height: 100%;\n                overflow: auto;\n                padding: var(--mj-space-6);\n            }\n            .mjo-products-viewer-container[_ngcontent-%COMP%] {\n                height: 600px;\n                min-height: 500px;\n                background: var(--mj-bg-surface);\n                border: 1px solid var(--mj-border-default);\n                border-radius: var(--mj-radius-md);\n                overflow: hidden;\n                display: flex;\n                flex-direction: column;\n            }\n            mj-entity-viewer[_ngcontent-%COMP%] {\n                display: flex;\n                flex-direction: column;\n                flex: 1 1 auto;\n                height: 100%;\n                width: 100%;\n            }\n            .mjo-cat__note[_ngcontent-%COMP%] { margin-bottom: var(--mj-space-4); }\n            .mjo-cat__grid[_ngcontent-%COMP%] {\n                display: grid;\n                grid-template-columns: repeat(2, minmax(0, 1fr));\n                gap: var(--mj-space-4);\n                margin-top: var(--mj-space-4);\n            }\n            .mjo-cat__block[_ngcontent-%COMP%] { margin-top: var(--mj-space-4); }\n            @media (max-width: 1000px) {\n                .mjo-cat__grid[_ngcontent-%COMP%] { grid-template-columns: 1fr; }\n            }\n            @media (max-width: 760px) {\n                [_nghost-%COMP%] { padding: var(--mj-space-4); }\n            }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJOProductsPageComponent, [{
         type: Component,
-        args: [{ selector: 'mjo-products-page', standalone: true, imports: [CommonModule, MJOWorklistTableComponent, MJAlertComponent], template: `
+        args: [{ selector: 'mjo-products-page', standalone: true, imports: [CommonModule, MJAlertComponent, EntityViewerModule], template: `
         <mj-alert Variant="info" Icon="fa-solid fa-sitemap" class="mjo-cat__note">
                 <strong>The catalog is the behaviour root.</strong>
                 A product's type decides recognition, taxability, fulfillment and recurrence, and every
@@ -367,18 +347,16 @@ export class MJOProductsPageComponent {
                 again.
         </mj-alert>
 
-        <mjo-worklist-table
-            [Columns]="Columns"
-            [Rows]="Rows"
-            [Presets]="[]"
-            [Search]="Search"
-            SearchPlaceholder="Product name or SKU…"
-            RowKey="ID"
-            EmptyIcon="fa-solid fa-boxes-stacked"
-            EmptyTitle="No products match"
-            EmptyHint="Try a different search."
-            (SearchChanged)="OnSearch($event)"
-            (RowClicked)="ProductOpened.emit($any($event))" />
+        <div class="mjo-products-viewer-container">
+            @if (ProductEntityInfo) {
+                <mj-entity-viewer
+                    [Entity]="ProductEntityInfo"
+                    (RecordOpened)="OnRecordOpened($event)">
+                </mj-entity-viewer>
+            } @else {
+                <div class="small muted" style="padding: 24px;">Loading products...</div>
+            }
+        </div>
 
         <div class="mjo-cat__grid">
             <div class="mj-card">
@@ -466,11 +444,11 @@ export class MJOProductsPageComponent {
                 and the extra facts live there. The order line gets a matching extension, so a line
                 selling a ticket can hold ticket facts without every other line pretending to.
         </mj-alert>
-    `, styles: ["\n            :host {\n                display: block;\n                height: 100%;\n                overflow: auto;\n                padding: var(--mj-space-6);\n            }\n            .mjo-cat__note { margin-bottom: var(--mj-space-4); }\n            .mjo-cat__grid {\n                display: grid;\n                grid-template-columns: repeat(2, minmax(0, 1fr));\n                gap: var(--mj-space-4);\n                margin-top: var(--mj-space-4);\n            }\n            .mjo-cat__block { margin-top: var(--mj-space-4); }\n            @media (max-width: 1000px) {\n                .mjo-cat__grid { grid-template-columns: 1fr; }\n            }\n            @media (max-width: 760px) {\n                :host { padding: var(--mj-space-4); }\n            }\n        "] }]
+    `, styles: ["\n            :host {\n                display: block;\n                height: 100%;\n                overflow: auto;\n                padding: var(--mj-space-6);\n            }\n            .mjo-products-viewer-container {\n                height: 600px;\n                min-height: 500px;\n                background: var(--mj-bg-surface);\n                border: 1px solid var(--mj-border-default);\n                border-radius: var(--mj-radius-md);\n                overflow: hidden;\n                display: flex;\n                flex-direction: column;\n            }\n            mj-entity-viewer {\n                display: flex;\n                flex-direction: column;\n                flex: 1 1 auto;\n                height: 100%;\n                width: 100%;\n            }\n            .mjo-cat__note { margin-bottom: var(--mj-space-4); }\n            .mjo-cat__grid {\n                display: grid;\n                grid-template-columns: repeat(2, minmax(0, 1fr));\n                gap: var(--mj-space-4);\n                margin-top: var(--mj-space-4);\n            }\n            .mjo-cat__block { margin-top: var(--mj-space-4); }\n            @media (max-width: 1000px) {\n                .mjo-cat__grid { grid-template-columns: 1fr; }\n            }\n            @media (max-width: 760px) {\n                :host { padding: var(--mj-space-4); }\n            }\n        "] }]
     }], null, { ProductOpened: [{
             type: Output
         }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJOProductsPageComponent, { className: "MJOProductsPageComponent", filePath: "lib/pages/catalog/products.page.ts", lineNumber: 172 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJOProductsPageComponent, { className: "MJOProductsPageComponent", filePath: "lib/pages/catalog/products.page.ts", lineNumber: 189 }); })();
 /**
  * `mjo-charges-tax-page` — shipping, handling and tax as one mechanism.
  *
@@ -490,55 +468,16 @@ export class MJOProductsPageComponent {
  * ```
  */
 export class MJOChargesTaxPageComponent {
-    /**
-     * Render what was just loaded. See orders-dashboard.page.ts for the full
-     * reasoning: these pages are created imperatively by the section shell, and an
-     * async assignment across Angular's check/verify boundary raises NG0100, aborts
-     * the DOM write, and freezes the view on its pre-load values permanently.
-     */
     cdr = inject(ChangeDetectorRef);
+    ChargeTypeEntityInfo = null;
     Rows = [];
-    Columns = [
-        { Key: 'Sequence', Label: 'Seq', Kind: 'number', Width: '70px' },
-        { Key: 'Name', Label: 'Charge type', Secondary: (r) => r['Description'] ?? null },
-        { Key: 'Basis', Label: 'Basis', Width: '190px' },
-        {
-            // Tax-ness is the CATEGORY, not a boolean. `IsTax` is not a column on
-            // this entity, so both this chip and the column below read undefined
-            // and every row claimed to be an ordinary charge that enlarges the tax
-            // base — the exact opposite of the truth for the tax rows.
-            Key: 'Category',
-            Label: 'Kind',
-            Kind: 'chip',
-            Width: '100px',
-            Format: (r) => (r['Category'] === 'Tax' ? 'tax' : 'charge'),
-            ChipClass: (r) => (r['Category'] === 'Tax' ? 'mj-chip--info' : 'mj-chip--outline'),
-        },
-        {
-            Key: 'EnlargesBase',
-            Label: 'Enlarges tax base',
-            Width: '160px',
-            HideBelow: 760,
-            // The single most consequential flag on this screen: a tax never
-            // enlarges the base another tax is computed on, so taxes cannot compound.
-            Format: (r) => (r['Category'] === 'Tax' ? 'no — never compounds' : 'yes'),
-        },
-        {
-            Key: 'IsActive',
-            Label: 'Active',
-            Kind: 'chip',
-            Width: '96px',
-            Format: (r) => (r['IsActive'] === false ? 'Off' : 'Active'),
-            ChipClass: (r) => (r['IsActive'] === false ? '' : 'mj-chip--success'),
-        },
-    ];
     Jurisdictions = [];
     Rates = [];
     Nexus = [];
     Exemptions = [];
     async ngOnInit() {
-        // Four independent reads, so they go together rather than in sequence —
-        // none of them needs another's answer.
+        const md = new Metadata();
+        this.ChargeTypeEntityInfo = md.Entities.find((e) => e.Name === MJO_ENTITIES.ChargeType) || null;
         const [rows, jurisdictions, rates, nexus, exemptions] = await Promise.all([
             GetChargeTypes(),
             GetTaxJurisdictions(),
@@ -630,7 +569,7 @@ export class MJOChargesTaxPageComponent {
         return row['Status'] === 'Active' ? 'mj-chip--success' : 'mj-chip--outline';
     }
     static ɵfac = function MJOChargesTaxPageComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJOChargesTaxPageComponent)(); };
-    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJOChargesTaxPageComponent, selectors: [["mjo-charges-tax-page"]], decls: 105, vars: 10, consts: [["Variant", "info", "Icon", "fa-solid fa-layer-group", 1, "mjo-cat__note"], ["RowKey", "ID", "EmptyIcon", "fa-solid fa-receipt", "EmptyTitle", "No charge types configured", "EmptyHint", "Shipping, handling and each tax jurisdiction are charge types.", "FootNote", "Non-tax charges enlarge the taxable base; tax charges never do. That is what stops county tax being charged on state tax.", 3, "Columns", "Rows", "Presets", "Searchable"], [1, "mjo-tax__grid"], [1, "mj-card"], [1, "mj-card-head"], ["aria-hidden", "true", 1, "fa-solid", "fa-percent"], [1, "right", "small", "muted"], [1, "mj-table-wrap"], [1, "mj-table", "mj-table--compact"], [1, "num"], [1, "mj-card-pad", "small", "muted"], ["aria-hidden", "true", 1, "fa-solid", "fa-building-columns"], [1, "mj-card", "mjo-tax__block"], ["aria-hidden", "true", 1, "fa-solid", "fa-file-shield"], [1, "mjo-tax__grid", "mjo-tax__block"], ["Variant", "info", "Icon", "fa-solid fa-sitemap"], ["Variant", "info", "Icon", "fa-solid fa-pen"], ["Variant", "info", "Icon", "fa-solid fa-check-double", 1, "mjo-tax__block"], [1, "secondary"], [1, "small"], ["colspan", "4", 1, "small", "muted"], [1, "mj-chip"], [1, "small", "mono"], ["colspan", "6", 1, "small", "muted"]], template: function MJOChargesTaxPageComponent_Template(rf, ctx) { if (rf & 1) {
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJOChargesTaxPageComponent, selectors: [["mjo-charges-tax-page"]], decls: 107, vars: 6, consts: [["Variant", "info", "Icon", "fa-solid fa-layer-group", 1, "mjo-cat__note"], [1, "mjo-tax__viewer-host"], [3, "Entity"], [1, "small", "muted", 2, "padding", "24px"], [1, "mjo-tax__grid"], [1, "mj-card"], [1, "mj-card-head"], ["aria-hidden", "true", 1, "fa-solid", "fa-percent"], [1, "right", "small", "muted"], [1, "mj-table-wrap"], [1, "mj-table", "mj-table--compact"], [1, "num"], [1, "mj-card-pad", "small", "muted"], ["aria-hidden", "true", 1, "fa-solid", "fa-building-columns"], [1, "mj-card", "mjo-tax__block"], ["aria-hidden", "true", 1, "fa-solid", "fa-file-shield"], [1, "mjo-tax__grid", "mjo-tax__block"], ["Variant", "info", "Icon", "fa-solid fa-sitemap"], ["Variant", "info", "Icon", "fa-solid fa-pen"], ["Variant", "info", "Icon", "fa-solid fa-check-double", 1, "mjo-tax__block"], [1, "secondary"], [1, "small"], ["colspan", "4", 1, "small", "muted"], [1, "mj-chip"], [1, "small", "mono"], ["colspan", "6", 1, "small", "muted"]], template: function MJOChargesTaxPageComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵelementStart(0, "mj-alert", 0)(1, "strong");
             i0.ɵɵtext(2, "Tax is a charge.");
             i0.ɵɵelementEnd();
@@ -644,111 +583,113 @@ export class MJOChargesTaxPageComponent {
             i0.ɵɵelementEnd();
             i0.ɵɵtext(9, " decides what it computes on. ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelement(10, "mjo-worklist-table", 1);
-            i0.ɵɵelementStart(11, "div", 2)(12, "div", 3)(13, "div", 4);
-            i0.ɵɵelement(14, "i", 5);
-            i0.ɵɵelementStart(15, "h3");
-            i0.ɵɵtext(16, "Jurisdiction layers");
+            i0.ɵɵelementStart(10, "div", 1);
+            i0.ɵɵconditionalCreate(11, MJOChargesTaxPageComponent_Conditional_11_Template, 1, 1, "mj-entity-viewer", 2)(12, MJOChargesTaxPageComponent_Conditional_12_Template, 2, 0, "div", 3);
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(17, "span", 6);
-            i0.ɵɵtext(18);
-            i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(19, "div", 7)(20, "table", 8)(21, "thead")(22, "tr")(23, "th");
-            i0.ɵɵtext(24, "Jurisdiction");
+            i0.ɵɵelementStart(13, "div", 4)(14, "div", 5)(15, "div", 6);
+            i0.ɵɵelement(16, "i", 7);
+            i0.ɵɵelementStart(17, "h3");
+            i0.ɵɵtext(18, "Jurisdiction layers");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(25, "th");
-            i0.ɵɵtext(26, "Where");
+            i0.ɵɵelementStart(19, "span", 8);
+            i0.ɵɵtext(20);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(21, "div", 9)(22, "table", 10)(23, "thead")(24, "tr")(25, "th");
+            i0.ɵɵtext(26, "Jurisdiction");
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(27, "th");
-            i0.ɵɵtext(28, "Category");
+            i0.ɵɵtext(28, "Where");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(29, "th");
+            i0.ɵɵtext(30, "Category");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(29, "th", 9);
-            i0.ɵɵtext(30, "Rate");
+            i0.ɵɵelementStart(31, "th", 11);
+            i0.ɵɵtext(32, "Rate");
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(31, "tbody");
-            i0.ɵɵrepeaterCreate(32, MJOChargesTaxPageComponent_For_33_Template, 10, 5, "tr", null, _forTrack1, false, MJOChargesTaxPageComponent_ForEmpty_34_Template, 3, 0, "tr");
+            i0.ɵɵelementStart(33, "tbody");
+            i0.ɵɵrepeaterCreate(34, MJOChargesTaxPageComponent_For_35_Template, 10, 5, "tr", null, _forTrack1, false, MJOChargesTaxPageComponent_ForEmpty_36_Template, 3, 0, "tr");
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(35, "div", 10);
-            i0.ɵɵtext(36, " State, county and city are three ROWS, not one blended rate. Layering them separately is what lets a return be filed per authority \u2014 a single 8.25% cannot be split back apart afterwards. ");
+            i0.ɵɵelementStart(37, "div", 12);
+            i0.ɵɵtext(38, " State, county and city are three ROWS, not one blended rate. Layering them separately is what lets a return be filed per authority \u2014 a single 8.25% cannot be split back apart afterwards. ");
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(37, "div", 3)(38, "div", 4);
-            i0.ɵɵelement(39, "i", 11);
-            i0.ɵɵelementStart(40, "h3");
-            i0.ɵɵtext(41, "Nexus \u2014 where we must collect");
+            i0.ɵɵelementStart(39, "div", 5)(40, "div", 6);
+            i0.ɵɵelement(41, "i", 13);
+            i0.ɵɵelementStart(42, "h3");
+            i0.ɵɵtext(43, "Nexus \u2014 where we must collect");
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(42, "div", 7)(43, "table", 8)(44, "thead")(45, "tr")(46, "th");
-            i0.ɵɵtext(47, "Company");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(48, "th");
-            i0.ɵɵtext(49, "Jurisdiction");
+            i0.ɵɵelementStart(44, "div", 9)(45, "table", 10)(46, "thead")(47, "tr")(48, "th");
+            i0.ɵɵtext(49, "Company");
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(50, "th");
-            i0.ɵɵtext(51, "Type");
+            i0.ɵɵtext(51, "Jurisdiction");
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(52, "th");
-            i0.ɵɵtext(53, "Status");
+            i0.ɵɵtext(53, "Type");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(54, "th");
+            i0.ɵɵtext(55, "Status");
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(54, "tbody");
-            i0.ɵɵrepeaterCreate(55, MJOChargesTaxPageComponent_For_56_Template, 10, 6, "tr", null, _forTrack0, false, MJOChargesTaxPageComponent_ForEmpty_57_Template, 3, 0, "tr");
+            i0.ɵɵelementStart(56, "tbody");
+            i0.ɵɵrepeaterCreate(57, MJOChargesTaxPageComponent_For_58_Template, 10, 6, "tr", null, _forTrack0, false, MJOChargesTaxPageComponent_ForEmpty_59_Template, 3, 0, "tr");
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(58, "div", 10);
-            i0.ɵɵtext(59, " A rate without a registration is a rate we must ");
-            i0.ɵɵelementStart(60, "b");
-            i0.ɵɵtext(61, "not");
+            i0.ɵɵelementStart(60, "div", 12);
+            i0.ɵɵtext(61, " A rate without a registration is a rate we must ");
+            i0.ɵɵelementStart(62, "b");
+            i0.ɵɵtext(63, "not");
             i0.ɵɵelementEnd();
-            i0.ɵɵtext(62, " charge. Nexus decides whether tax applies at all; the rate only decides how much. ");
+            i0.ɵɵtext(64, " charge. Nexus decides whether tax applies at all; the rate only decides how much. ");
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(63, "div", 12)(64, "div", 4);
-            i0.ɵɵelement(65, "i", 13);
-            i0.ɵɵelementStart(66, "h3");
-            i0.ɵɵtext(67, "Customer exemptions");
+            i0.ɵɵelementStart(65, "div", 14)(66, "div", 6);
+            i0.ɵɵelement(67, "i", 15);
+            i0.ɵɵelementStart(68, "h3");
+            i0.ɵɵtext(69, "Customer exemptions");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(68, "span", 6);
-            i0.ɵɵtext(69);
+            i0.ɵɵelementStart(70, "span", 8);
+            i0.ɵɵtext(71);
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(70, "div", 7)(71, "table", 8)(72, "thead")(73, "tr")(74, "th");
-            i0.ɵɵtext(75, "Customer");
-            i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(76, "th");
-            i0.ɵɵtext(77, "Jurisdiction");
+            i0.ɵɵelementStart(72, "div", 9)(73, "table", 10)(74, "thead")(75, "tr")(76, "th");
+            i0.ɵɵtext(77, "Customer");
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(78, "th");
-            i0.ɵɵtext(79, "Category");
+            i0.ɵɵtext(79, "Jurisdiction");
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(80, "th");
-            i0.ɵɵtext(81, "Certificate");
+            i0.ɵɵtext(81, "Category");
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(82, "th");
-            i0.ɵɵtext(83, "Expires");
+            i0.ɵɵtext(83, "Certificate");
             i0.ɵɵelementEnd();
             i0.ɵɵelementStart(84, "th");
-            i0.ɵɵtext(85, "Status");
+            i0.ɵɵtext(85, "Expires");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(86, "th");
+            i0.ɵɵtext(87, "Status");
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(86, "tbody");
-            i0.ɵɵrepeaterCreate(87, MJOChargesTaxPageComponent_For_88_Template, 14, 8, "tr", null, _forTrack0, false, MJOChargesTaxPageComponent_ForEmpty_89_Template, 3, 0, "tr");
+            i0.ɵɵelementStart(88, "tbody");
+            i0.ɵɵrepeaterCreate(89, MJOChargesTaxPageComponent_For_90_Template, 14, 8, "tr", null, _forTrack0, false, MJOChargesTaxPageComponent_ForEmpty_91_Template, 3, 0, "tr");
             i0.ɵɵelementEnd()()();
-            i0.ɵɵelementStart(90, "div", 10);
-            i0.ɵɵtext(91, " An exemption is scoped: a certificate can cover one jurisdiction, one category, or everything. An EXPIRED certificate stops exempting on its own date \u2014 nobody has to remember to switch it off, which is the only way this stays correct. ");
+            i0.ɵɵelementStart(92, "div", 12);
+            i0.ɵɵtext(93, " An exemption is scoped: a certificate can cover one jurisdiction, one category, or everything. An EXPIRED certificate stops exempting on its own date \u2014 nobody has to remember to switch it off, which is the only way this stays correct. ");
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(92, "div", 14)(93, "mj-alert", 15)(94, "strong");
-            i0.ɵɵtext(95, "Taxability inherits down one chain.");
+            i0.ɵɵelementStart(94, "div", 16)(95, "mj-alert", 17)(96, "strong");
+            i0.ɵɵtext(97, "Taxability inherits down one chain.");
             i0.ɵɵelementEnd();
-            i0.ɵɵtext(96, " A product's tax category comes from its type unless the product overrides it, and the order line takes whatever the product resolved to. One chain, one override point \u2014 so \"why was this taxed?\" has a single answer rather than a search. ");
+            i0.ɵɵtext(98, " A product's tax category comes from its type unless the product overrides it, and the order line takes whatever the product resolved to. One chain, one override point \u2014 so \"why was this taxed?\" has a single answer rather than a search. ");
             i0.ɵɵelementEnd();
-            i0.ɵɵelementStart(97, "mj-alert", 16)(98, "strong");
-            i0.ɵɵtext(99, "Computed, but overridable.");
+            i0.ɵɵelementStart(99, "mj-alert", 18)(100, "strong");
+            i0.ɵɵtext(101, "Computed, but overridable.");
             i0.ɵɵelementEnd();
-            i0.ɵɵtext(100, " A charge computes from its basis, and a person may replace the amount \u2014 with a reason, which the database itself requires. An override without a reason is a number nobody can explain a year later. ");
+            i0.ɵɵtext(102, " A charge computes from its basis, and a person may replace the amount \u2014 with a reason, which the database itself requires. An override without a reason is a number nobody can explain a year later. ");
             i0.ɵɵelementEnd()();
-            i0.ɵɵelementStart(101, "mj-alert", 17)(102, "strong");
-            i0.ɵɵtext(103, "Both must hold.");
+            i0.ɵɵelementStart(103, "mj-alert", 19)(104, "strong");
+            i0.ɵɵtext(105, "Both must hold.");
             i0.ɵɵelementEnd();
-            i0.ɵɵtext(104, " Tax is charged only where there is nexus AND the customer is not exempt for that jurisdiction and category. Either one alone is not enough, and treating them as interchangeable is how a business ends up collecting tax it must refund. ");
+            i0.ɵɵtext(106, " Tax is charged only where there is nexus AND the customer is not exempt for that jurisdiction and category. Either one alone is not enough, and treating them as interchangeable is how a business ends up collecting tax it must refund. ");
             i0.ɵɵelementEnd();
         } if (rf & 2) {
-            i0.ɵɵadvance(10);
-            i0.ɵɵproperty("Columns", ctx.Columns)("Rows", ctx.Rows)("Presets", i0.ɵɵpureFunction0(9, _c0))("Searchable", false);
-            i0.ɵɵadvance(8);
+            i0.ɵɵadvance(11);
+            i0.ɵɵconditional(ctx.ChargeTypeEntityInfo ? 11 : 12);
+            i0.ɵɵadvance(9);
             i0.ɵɵtextInterpolate1("", ctx.Jurisdictions.length, " active");
             i0.ɵɵadvance(14);
             i0.ɵɵrepeater(ctx.JurisdictionRates);
@@ -758,11 +699,11 @@ export class MJOChargesTaxPageComponent {
             i0.ɵɵtextInterpolate1("", ctx.Exemptions.length, " on file");
             i0.ɵɵadvance(18);
             i0.ɵɵrepeater(ctx.Exemptions);
-        } }, dependencies: [CommonModule, MJOWorklistTableComponent, MJAlertComponent], styles: ["[_nghost-%COMP%] {\n                display: block;\n                height: 100%;\n                overflow: auto;\n                padding: var(--mj-space-6);\n            }\n            .mjo-cat__note[_ngcontent-%COMP%] { margin-bottom: var(--mj-space-4); }\n            .mjo-tax__grid[_ngcontent-%COMP%] {\n                display: grid;\n                grid-template-columns: repeat(2, minmax(0, 1fr));\n                gap: var(--mj-space-4);\n                margin-top: var(--mj-space-4);\n            }\n            .mjo-tax__block[_ngcontent-%COMP%] { margin-top: var(--mj-space-4); }\n            @media (max-width: 1000px) {\n                .mjo-tax__grid[_ngcontent-%COMP%] { grid-template-columns: 1fr; }\n            }\n            @media (max-width: 760px) {\n                [_nghost-%COMP%] { padding: var(--mj-space-4); }\n            }"] });
+        } }, dependencies: [CommonModule, EntityViewerModule, i1.EntityViewerComponent, MJAlertComponent], styles: ["[_nghost-%COMP%] {\n                display: block;\n                height: 100%;\n                overflow: auto;\n                padding: var(--mj-space-6);\n            }\n            .mjo-cat__note[_ngcontent-%COMP%] { margin-bottom: var(--mj-space-4); }\n            .mjo-tax__viewer-host[_ngcontent-%COMP%] {\n                height: 520px;\n                min-height: 450px;\n                background: var(--mj-bg-surface);\n                border: 1px solid var(--mj-border-default);\n                border-radius: var(--mj-radius-md);\n                overflow: hidden;\n                margin-bottom: var(--mj-space-4);\n                display: flex;\n                flex-direction: column;\n            }\n            mj-entity-viewer[_ngcontent-%COMP%] {\n                display: flex;\n                flex-direction: column;\n                flex: 1 1 auto;\n                height: 100%;\n                width: 100%;\n            }\n            .mjo-tax__grid[_ngcontent-%COMP%] {\n                display: grid;\n                grid-template-columns: repeat(2, minmax(0, 1fr));\n                gap: var(--mj-space-4);\n                margin-top: var(--mj-space-4);\n            }\n            .mjo-tax__block[_ngcontent-%COMP%] { margin-top: var(--mj-space-4); }\n            @media (max-width: 1000px) {\n                .mjo-tax__grid[_ngcontent-%COMP%] { grid-template-columns: 1fr; }\n            }\n            @media (max-width: 760px) {\n                [_nghost-%COMP%] { padding: var(--mj-space-4); }\n            }"] });
 }
 (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJOChargesTaxPageComponent, [{
         type: Component,
-        args: [{ selector: 'mjo-charges-tax-page', standalone: true, imports: [CommonModule, MJOWorklistTableComponent, MJAlertComponent], template: `
+        args: [{ selector: 'mjo-charges-tax-page', standalone: true, imports: [CommonModule, EntityViewerModule, MJAlertComponent], template: `
         <mj-alert Variant="info" Icon="fa-solid fa-layer-group" class="mjo-cat__note">
                 <strong>Tax is a charge.</strong>
                 State plus county plus city is three rows rather than a special case — so ordering,
@@ -770,16 +711,15 @@ export class MJOChargesTaxPageComponent {
                 when it computes and its <b>basis</b> decides what it computes on.
         </mj-alert>
 
-        <mjo-worklist-table
-            [Columns]="Columns"
-            [Rows]="Rows"
-            [Presets]="[]"
-            [Searchable]="false"
-            RowKey="ID"
-            EmptyIcon="fa-solid fa-receipt"
-            EmptyTitle="No charge types configured"
-            EmptyHint="Shipping, handling and each tax jurisdiction are charge types."
-            FootNote="Non-tax charges enlarge the taxable base; tax charges never do. That is what stops county tax being charged on state tax." />
+        <div class="mjo-tax__viewer-host">
+            @if (ChargeTypeEntityInfo) {
+                <mj-entity-viewer
+                    [Entity]="ChargeTypeEntityInfo">
+                </mj-entity-viewer>
+            } @else {
+                <div class="small muted" style="padding: 24px;">Loading charge types...</div>
+            }
+        </div>
 
         <div class="mjo-tax__grid">
             <div class="mj-card">
@@ -931,7 +871,7 @@ export class MJOChargesTaxPageComponent {
                 jurisdiction and category. Either one alone is not enough, and treating them as
                 interchangeable is how a business ends up collecting tax it must refund.
         </mj-alert>
-    `, styles: ["\n            :host {\n                display: block;\n                height: 100%;\n                overflow: auto;\n                padding: var(--mj-space-6);\n            }\n            .mjo-cat__note { margin-bottom: var(--mj-space-4); }\n            .mjo-tax__grid {\n                display: grid;\n                grid-template-columns: repeat(2, minmax(0, 1fr));\n                gap: var(--mj-space-4);\n                margin-top: var(--mj-space-4);\n            }\n            .mjo-tax__block { margin-top: var(--mj-space-4); }\n            @media (max-width: 1000px) {\n                .mjo-tax__grid { grid-template-columns: 1fr; }\n            }\n            @media (max-width: 760px) {\n                :host { padding: var(--mj-space-4); }\n            }\n        "] }]
+    `, styles: ["\n            :host {\n                display: block;\n                height: 100%;\n                overflow: auto;\n                padding: var(--mj-space-6);\n            }\n            .mjo-cat__note { margin-bottom: var(--mj-space-4); }\n            .mjo-tax__viewer-host {\n                height: 520px;\n                min-height: 450px;\n                background: var(--mj-bg-surface);\n                border: 1px solid var(--mj-border-default);\n                border-radius: var(--mj-radius-md);\n                overflow: hidden;\n                margin-bottom: var(--mj-space-4);\n                display: flex;\n                flex-direction: column;\n            }\n            mj-entity-viewer {\n                display: flex;\n                flex-direction: column;\n                flex: 1 1 auto;\n                height: 100%;\n                width: 100%;\n            }\n            .mjo-tax__grid {\n                display: grid;\n                grid-template-columns: repeat(2, minmax(0, 1fr));\n                gap: var(--mj-space-4);\n                margin-top: var(--mj-space-4);\n            }\n            .mjo-tax__block { margin-top: var(--mj-space-4); }\n            @media (max-width: 1000px) {\n                .mjo-tax__grid { grid-template-columns: 1fr; }\n            }\n            @media (max-width: 760px) {\n                :host { padding: var(--mj-space-4); }\n            }\n        "] }]
     }], null, null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJOChargesTaxPageComponent, { className: "MJOChargesTaxPageComponent", filePath: "lib/pages/catalog/products.page.ts", lineNumber: 468 }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJOChargesTaxPageComponent, { className: "MJOChargesTaxPageComponent", filePath: "lib/pages/catalog/products.page.ts", lineNumber: 452 }); })();
 //# sourceMappingURL=products.page.js.map