@memberjunction/ng-record-process-studio 0.0.1 → 5.43.0

package/dist/lib/record-process-studio/record-process-studio.component.js

@@ -0,0 +1,304 @@
+/**
+ * @fileoverview The Bulk Operations hub: lists the org's Record Processes, lets a user create / edit one
+ * (via the embedded {@link RecordProcessEditorComponent}), and run any of them on demand (mounting the
+ * same dry-run → confirm runner used from a grid). Generic + reusable — Explorer's Bulk Operations app
+ * hosts it, but any MJ app can drop it in.
+ * @module @memberjunction/ng-record-process-studio
+ */
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, inject } from '@angular/core';
+import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import { RunView } from '@memberjunction/core';
+import { EntityActionUXHostComponent } from '@memberjunction/ng-entity-action-ux';
+import { MJButtonDirective } from '@memberjunction/ng-ui-components';
+import { RecordProcessEditorComponent } from '../record-process-editor/record-process-editor.component';
+import * as i0 from "@angular/core";
+const _forTrack0 = ($index, $item) => $item.ID;
+function RecordProcessStudioComponent_Conditional_0_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 10);
+    i0.ɵɵelement(1, "i", 13);
+    i0.ɵɵtext(2, " Loading\u2026");
+    i0.ɵɵelementEnd();
+} }
+function RecordProcessStudioComponent_Conditional_0_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 11);
+    i0.ɵɵelement(1, "i", 14);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "No bulk operations yet.");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "button", 8);
+    i0.ɵɵlistener("click", function RecordProcessStudioComponent_Conditional_0_Conditional_12_Template_button_click_4_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r1.New()); });
+    i0.ɵɵelement(5, "i", 9);
+    i0.ɵɵtext(6, " Create one");
+    i0.ɵɵelementEnd()();
+} }
+function RecordProcessStudioComponent_Conditional_0_Conditional_13_For_13_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 20);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const p_r5 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(p_r5.Description);
+} }
+function RecordProcessStudioComponent_Conditional_0_Conditional_13_For_13_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 18);
+    i0.ɵɵlistener("click", function RecordProcessStudioComponent_Conditional_0_Conditional_13_For_13_Template_div_click_0_listener() { const p_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.Edit(p_r5)); });
+    i0.ɵɵelementStart(1, "div")(2, "div", 19);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(4, RecordProcessStudioComponent_Conditional_0_Conditional_13_For_13_Conditional_4_Template, 2, 1, "div", 20);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div");
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "div")(8, "span", 21);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(10, "div")(11, "span", 22);
+    i0.ɵɵtext(12);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(13, "div", 23);
+    i0.ɵɵlistener("click", function RecordProcessStudioComponent_Conditional_0_Conditional_13_For_13_Template_div_click_13_listener($event) { i0.ɵɵrestoreView(_r4); return i0.ɵɵresetView($event.stopPropagation()); });
+    i0.ɵɵelementStart(14, "button", 24);
+    i0.ɵɵlistener("click", function RecordProcessStudioComponent_Conditional_0_Conditional_13_For_13_Template_button_click_14_listener() { const p_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.Run(p_r5)); });
+    i0.ɵɵelement(15, "i", 25);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "button", 26);
+    i0.ɵɵlistener("click", function RecordProcessStudioComponent_Conditional_0_Conditional_13_For_13_Template_button_click_16_listener() { const p_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.Edit(p_r5)); });
+    i0.ɵɵelement(17, "i", 27);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const p_r5 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(p_r5.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(p_r5.Description ? 4 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(p_r5.Entity);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r1.workLabel(p_r5.WorkType));
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassProp("ok", p_r5.Status === "Active")("warn", p_r5.Status === "Draft")("muted", p_r5.Status === "Disabled");
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(p_r5.Status);
+} }
+function RecordProcessStudioComponent_Conditional_0_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12)(1, "div", 15)(2, "div");
+    i0.ɵɵtext(3, "Operation");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "div");
+    i0.ɵɵtext(5, "Entity");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "div");
+    i0.ɵɵtext(7, "Type");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "div");
+    i0.ɵɵtext(9, "Status");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "div", 16);
+    i0.ɵɵtext(11, "Actions");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵrepeaterCreate(12, RecordProcessStudioComponent_Conditional_0_Conditional_13_For_13_Template, 18, 11, "div", 17, _forTrack0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(12);
+    i0.ɵɵrepeater(ctx_r1.Filtered);
+} }
+function RecordProcessStudioComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 1)(1, "div", 2);
+    i0.ɵɵelement(2, "i", 3);
+    i0.ɵɵelementStart(3, "input", 4);
+    i0.ɵɵlistener("input", function RecordProcessStudioComponent_Conditional_0_Template_input_input_3_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSearch($event)); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelement(4, "span", 5);
+    i0.ɵɵelementStart(5, "button", 6);
+    i0.ɵɵlistener("click", function RecordProcessStudioComponent_Conditional_0_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.reload()); });
+    i0.ɵɵelement(6, "i", 7);
+    i0.ɵɵtext(7, " Refresh");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "button", 8);
+    i0.ɵɵlistener("click", function RecordProcessStudioComponent_Conditional_0_Template_button_click_8_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.New()); });
+    i0.ɵɵelement(9, "i", 9);
+    i0.ɵɵtext(10, " New operation");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(11, RecordProcessStudioComponent_Conditional_0_Conditional_11_Template, 3, 0, "div", 10)(12, RecordProcessStudioComponent_Conditional_0_Conditional_12_Template, 7, 0, "div", 11)(13, RecordProcessStudioComponent_Conditional_0_Conditional_13_Template, 14, 0, "div", 12);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵproperty("value", ctx_r1.Search);
+    i0.ɵɵadvance(8);
+    i0.ɵɵconditional(ctx_r1.Loading ? 11 : ctx_r1.Filtered.length === 0 ? 12 : 13);
+} }
+function RecordProcessStudioComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 28)(1, "button", 6);
+    i0.ɵɵlistener("click", function RecordProcessStudioComponent_Conditional_1_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.backToList()); });
+    i0.ɵɵelement(2, "i", 29);
+    i0.ɵɵtext(3, " Back");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "h2");
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "mj-record-process-editor", 30);
+    i0.ɵɵlistener("Saved", function RecordProcessStudioComponent_Conditional_1_Template_mj_record_process_editor_Saved_6_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onSaved()); })("Cancelled", function RecordProcessStudioComponent_Conditional_1_Template_mj_record_process_editor_Cancelled_6_listener() { i0.ɵɵrestoreView(_r6); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.backToList()); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.EditingID ? "Edit operation" : "New operation");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("RecordProcessID", ctx_r1.EditingID)("DefaultEntityID", ctx_r1.EntityID)("Provider", ctx_r1.Provider);
+} }
+function RecordProcessStudioComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-entity-action-ux-host", 31);
+    i0.ɵɵlistener("Completed", function RecordProcessStudioComponent_Conditional_2_Template_mj_entity_action_ux_host_Completed_0_listener($event) { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.onRunDone($event)); })("Cancelled", function RecordProcessStudioComponent_Conditional_2_Template_mj_entity_action_ux_host_Cancelled_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.RunDriver = null); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("DriverClass", ctx_r1.RunDriver.DriverClass)("Context", ctx_r1.RunDriver.Context);
+} }
+export class RecordProcessStudioComponent extends BaseAngularComponent {
+    cdr = inject(ChangeDetectorRef);
+    /** Optional: restrict the hub to processes for one entity (e.g. when embedded on an entity page). */
+    EntityID = null;
+    Mode = 'list';
+    EditingID = null;
+    Loading = true;
+    Search = '';
+    Processes = [];
+    RunDriver = null;
+    async ngOnInit() {
+        await this.reload();
+    }
+    get Filtered() {
+        const q = this.Search.trim().toLowerCase();
+        if (!q)
+            return this.Processes;
+        return this.Processes.filter((p) => p.Name.toLowerCase().includes(q) || (p.Entity ?? '').toLowerCase().includes(q));
+    }
+    async reload() {
+        this.Loading = true;
+        this.cdr.detectChanges();
+        const rv = this.Provider ? RunView.FromMetadataProvider(this.Provider) : new RunView();
+        const filter = this.EntityID ? `EntityID='${this.EntityID}'` : '';
+        const result = await rv.RunView({
+            EntityName: 'MJ: Record Processes',
+            Fields: ['ID', 'Name', 'Description', 'Entity', 'EntityID', 'WorkType', 'Status', 'ScopeType', 'ScopeFilter', 'ScopeViewID', 'ScopeListID'],
+            ExtraFilter: filter,
+            OrderBy: 'Name',
+            ResultType: 'simple',
+        });
+        this.Processes = result.Success ? (result.Results ?? []) : [];
+        this.Loading = false;
+        this.cdr.detectChanges();
+    }
+    onSearch(event) { this.Search = event.target.value; this.cdr.detectChanges(); }
+    New() { this.EditingID = null; this.Mode = 'edit'; this.cdr.detectChanges(); }
+    Edit(p) { this.EditingID = p.ID; this.Mode = 'edit'; this.cdr.detectChanges(); }
+    backToList() { this.Mode = 'list'; this.EditingID = null; this.cdr.detectChanges(); }
+    async onSaved() { this.backToList(); await this.reload(); }
+    /** Runs a process on demand against its default scope, via the dry-run → confirm runner. */
+    Run(p) {
+        const entity = this.ProviderToUse.EntityByID(p.EntityID);
+        if (!entity)
+            return;
+        this.RunDriver = {
+            DriverClass: 'RecordProcessRunnerUX',
+            Context: {
+                EntityInfo: entity,
+                ScopeKind: p.ScopeType?.toLowerCase() || 'filter',
+                Filter: p.ScopeFilter ?? undefined,
+                ViewID: p.ScopeViewID ?? undefined,
+                ListID: p.ScopeListID ?? undefined,
+                Config: { RecordProcessID: p.ID },
+                Provider: this.ProviderToUse,
+                ActionLabel: p.Name,
+            },
+        };
+        this.cdr.detectChanges();
+    }
+    onRunDone(_r) { this.RunDriver = null; this.cdr.detectChanges(); }
+    workLabel(workType) {
+        return workType === 'FieldRules' ? 'Field Rules' : workType;
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵRecordProcessStudioComponent_BaseFactory; return function RecordProcessStudioComponent_Factory(__ngFactoryType__) { return (ɵRecordProcessStudioComponent_BaseFactory || (ɵRecordProcessStudioComponent_BaseFactory = i0.ɵɵgetInheritedFactory(RecordProcessStudioComponent)))(__ngFactoryType__ || RecordProcessStudioComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RecordProcessStudioComponent, selectors: [["mj-record-process-studio"]], inputs: { EntityID: "EntityID" }, features: [i0.ɵɵInheritDefinitionFeature], decls: 3, vars: 2, consts: [[3, "DriverClass", "Context"], [1, "rps-bar"], [1, "rps-search"], [1, "fa-solid", "fa-magnifying-glass"], ["placeholder", "Search bulk operations\u2026", 1, "mj-input", 3, "input", "value"], [1, "rps-spacer"], ["mjButton", "", "variant", "flat", 3, "click"], [1, "fa-solid", "fa-arrows-rotate"], ["mjButton", "", "variant", "primary", 3, "click"], [1, "fa-solid", "fa-plus"], [1, "rps-msg"], [1, "rps-empty"], [1, "rps-table"], [1, "fa-solid", "fa-circle-notch", "fa-spin"], [1, "fa-solid", "fa-list-check"], [1, "rps-tr", "rps-head"], [1, "ta-r"], [1, "rps-tr"], [1, "rps-tr", 3, "click"], [1, "rps-nm"], [1, "rps-sub"], [1, "pill", "purple"], [1, "pill"], [1, "ta-r", "rps-acts", 3, "click"], ["title", "Run", 1, "iconbtn", "run", 3, "click"], [1, "fa-solid", "fa-play"], ["title", "Edit", 1, "iconbtn", 3, "click"], [1, "fa-solid", "fa-pen"], [1, "rps-editbar"], [1, "fa-solid", "fa-arrow-left"], [3, "Saved", "Cancelled", "RecordProcessID", "DefaultEntityID", "Provider"], [3, "Completed", "Cancelled", "DriverClass", "Context"]], template: function RecordProcessStudioComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵconditionalCreate(0, RecordProcessStudioComponent_Conditional_0_Template, 14, 2)(1, RecordProcessStudioComponent_Conditional_1_Template, 7, 4);
+            i0.ɵɵconditionalCreate(2, RecordProcessStudioComponent_Conditional_2_Template, 1, 2, "mj-entity-action-ux-host", 0);
+        } if (rf & 2) {
+            i0.ɵɵconditional(ctx.Mode === "list" ? 0 : 1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.RunDriver ? 2 : -1);
+        } }, dependencies: [RecordProcessEditorComponent, EntityActionUXHostComponent, MJButtonDirective], styles: ["[_nghost-%COMP%]{display:block;color:var(--mj-text-primary)}\n        .rps-bar[_ngcontent-%COMP%]{display:flex;align-items:center;gap:12px;margin-bottom:16px}\n        .rps-search[_ngcontent-%COMP%]{position:relative;flex:0 0 360px;max-width:360px}\n        .rps-search[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--mj-text-muted);font-size:13px}\n        .rps-search[_ngcontent-%COMP%]   input[_ngcontent-%COMP%]{padding-left:34px}\n        .rps-spacer[_ngcontent-%COMP%]{flex:1}\n        .rps-bar[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%], .rps-editbar[_ngcontent-%COMP%]   button[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{margin-right:6px}\n        .rps-msg[_ngcontent-%COMP%], .rps-empty[_ngcontent-%COMP%]{padding:40px;text-align:center;color:var(--mj-text-muted)}\n        .rps-empty[_ngcontent-%COMP%]   i[_ngcontent-%COMP%]{font-size:30px;display:block;margin-bottom:12px;color:var(--mj-text-disabled)}\n        .rps-empty[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{margin:0 0 16px}\n        .rps-table[_ngcontent-%COMP%]{border:1px solid var(--mj-border-subtle);border-radius:var(--mj-radius-md,10px);overflow:hidden}\n        .rps-tr[_ngcontent-%COMP%]{display:grid;grid-template-columns:2.2fr 1.2fr 1fr .8fr 1fr;gap:14px;align-items:center;padding:13px 16px;border-bottom:1px solid var(--mj-border-subtle);cursor:pointer;font-size:13.5px}\n        .rps-tr[_ngcontent-%COMP%]:last-child{border-bottom:none}\n        .rps-tr[_ngcontent-%COMP%]:not(.rps-head):hover{background:var(--mj-bg-surface-hover)}\n        .rps-head[_ngcontent-%COMP%]{background:var(--mj-bg-surface-sunken);font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--mj-text-muted);font-weight:700;cursor:default}\n        .rps-nm[_ngcontent-%COMP%]{font-weight:600}\n        .rps-sub[_ngcontent-%COMP%]{color:var(--mj-text-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:420px}\n        .ta-r[_ngcontent-%COMP%]{text-align:right;justify-self:end}\n        .rps-acts[_ngcontent-%COMP%]{display:flex;gap:6px}\n        .iconbtn[_ngcontent-%COMP%]{width:30px;height:30px;border-radius:7px;border:1px solid var(--mj-border-default);background:var(--mj-bg-surface-card);color:var(--mj-text-secondary);cursor:pointer;font-size:12.5px}\n        .iconbtn[_ngcontent-%COMP%]:hover{background:var(--mj-bg-surface-hover);color:var(--mj-text-primary)}\n        .iconbtn.run[_ngcontent-%COMP%]:hover{color:var(--mj-status-success-text);border-color:var(--mj-status-success)}\n        .pill[_ngcontent-%COMP%]{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700;background:var(--mj-bg-surface-sunken);color:var(--mj-text-secondary)}\n        .pill.purple[_ngcontent-%COMP%]{background:color-mix(in srgb,var(--mj-brand-primary) 14%,transparent);color:var(--mj-brand-primary)}\n        .pill.ok[_ngcontent-%COMP%]{background:var(--mj-status-success-bg);color:var(--mj-status-success-text)}\n        .pill.warn[_ngcontent-%COMP%]{background:var(--mj-status-warning-bg);color:var(--mj-status-warning-text)}\n        .pill.muted[_ngcontent-%COMP%]{background:var(--mj-bg-surface-sunken);color:var(--mj-text-muted)}\n        .rps-editbar[_ngcontent-%COMP%]{display:flex;align-items:center;gap:14px;margin-bottom:18px}\n        .rps-editbar[_ngcontent-%COMP%]   h2[_ngcontent-%COMP%]{margin:0;font-size:18px;font-weight:700}"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RecordProcessStudioComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-record-process-studio', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [RecordProcessEditorComponent, EntityActionUXHostComponent, MJButtonDirective], template: `
+        @if (Mode === 'list') {
+            <div class="rps-bar">
+                <div class="rps-search"><i class="fa-solid fa-magnifying-glass"></i>
+                    <input class="mj-input" placeholder="Search bulk operations…" [value]="Search" (input)="onSearch($event)"></div>
+                <span class="rps-spacer"></span>
+                <button mjButton variant="flat" (click)="reload()"><i class="fa-solid fa-arrows-rotate"></i> Refresh</button>
+                <button mjButton variant="primary" (click)="New()"><i class="fa-solid fa-plus"></i> New operation</button>
+            </div>
+
+            @if (Loading) {
+                <div class="rps-msg"><i class="fa-solid fa-circle-notch fa-spin"></i> Loading…</div>
+            } @else if (Filtered.length === 0) {
+                <div class="rps-empty">
+                    <i class="fa-solid fa-list-check"></i>
+                    <p>No bulk operations yet.</p>
+                    <button mjButton variant="primary" (click)="New()"><i class="fa-solid fa-plus"></i> Create one</button>
+                </div>
+            } @else {
+                <div class="rps-table">
+                    <div class="rps-tr rps-head">
+                        <div>Operation</div><div>Entity</div><div>Type</div><div>Status</div><div class="ta-r">Actions</div>
+                    </div>
+                    @for (p of Filtered; track p.ID) {
+                        <div class="rps-tr" (click)="Edit(p)">
+                            <div><div class="rps-nm">{{ p.Name }}</div>@if (p.Description) {<div class="rps-sub">{{ p.Description }}</div>}</div>
+                            <div>{{ p.Entity }}</div>
+                            <div><span class="pill purple">{{ workLabel(p.WorkType) }}</span></div>
+                            <div><span class="pill" [class.ok]="p.Status==='Active'" [class.warn]="p.Status==='Draft'" [class.muted]="p.Status==='Disabled'">{{ p.Status }}</span></div>
+                            <div class="ta-r rps-acts" (click)="$event.stopPropagation()">
+                                <button class="iconbtn run" title="Run" (click)="Run(p)"><i class="fa-solid fa-play"></i></button>
+                                <button class="iconbtn" title="Edit" (click)="Edit(p)"><i class="fa-solid fa-pen"></i></button>
+                            </div>
+                        </div>
+                    }
+                </div>
+            }
+        } @else {
+            <div class="rps-editbar">
+                <button mjButton variant="flat" (click)="backToList()"><i class="fa-solid fa-arrow-left"></i> Back</button>
+                <h2>{{ EditingID ? 'Edit operation' : 'New operation' }}</h2>
+            </div>
+            <mj-record-process-editor
+                [RecordProcessID]="EditingID"
+                [DefaultEntityID]="EntityID"
+                [Provider]="Provider"
+                (Saved)="onSaved()"
+                (Cancelled)="backToList()">
+            </mj-record-process-editor>
+        }
+
+        @if (RunDriver) {
+            <mj-entity-action-ux-host
+                [DriverClass]="RunDriver.DriverClass" [Context]="RunDriver.Context"
+                (Completed)="onRunDone($event)" (Cancelled)="RunDriver = null">
+            </mj-entity-action-ux-host>
+        }
+    `, styles: ["\n        :host{display:block;color:var(--mj-text-primary)}\n        .rps-bar{display:flex;align-items:center;gap:12px;margin-bottom:16px}\n        .rps-search{position:relative;flex:0 0 360px;max-width:360px}\n        .rps-search i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--mj-text-muted);font-size:13px}\n        .rps-search input{padding-left:34px}\n        .rps-spacer{flex:1}\n        .rps-bar button i,.rps-editbar button i{margin-right:6px}\n        .rps-msg,.rps-empty{padding:40px;text-align:center;color:var(--mj-text-muted)}\n        .rps-empty i{font-size:30px;display:block;margin-bottom:12px;color:var(--mj-text-disabled)}\n        .rps-empty p{margin:0 0 16px}\n        .rps-table{border:1px solid var(--mj-border-subtle);border-radius:var(--mj-radius-md,10px);overflow:hidden}\n        .rps-tr{display:grid;grid-template-columns:2.2fr 1.2fr 1fr .8fr 1fr;gap:14px;align-items:center;padding:13px 16px;border-bottom:1px solid var(--mj-border-subtle);cursor:pointer;font-size:13.5px}\n        .rps-tr:last-child{border-bottom:none}\n        .rps-tr:not(.rps-head):hover{background:var(--mj-bg-surface-hover)}\n        .rps-head{background:var(--mj-bg-surface-sunken);font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--mj-text-muted);font-weight:700;cursor:default}\n        .rps-nm{font-weight:600}\n        .rps-sub{color:var(--mj-text-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:420px}\n        .ta-r{text-align:right;justify-self:end}\n        .rps-acts{display:flex;gap:6px}\n        .iconbtn{width:30px;height:30px;border-radius:7px;border:1px solid var(--mj-border-default);background:var(--mj-bg-surface-card);color:var(--mj-text-secondary);cursor:pointer;font-size:12.5px}\n        .iconbtn:hover{background:var(--mj-bg-surface-hover);color:var(--mj-text-primary)}\n        .iconbtn.run:hover{color:var(--mj-status-success-text);border-color:var(--mj-status-success)}\n        .pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700;background:var(--mj-bg-surface-sunken);color:var(--mj-text-secondary)}\n        .pill.purple{background:color-mix(in srgb,var(--mj-brand-primary) 14%,transparent);color:var(--mj-brand-primary)}\n        .pill.ok{background:var(--mj-status-success-bg);color:var(--mj-status-success-text)}\n        .pill.warn{background:var(--mj-status-warning-bg);color:var(--mj-status-warning-text)}\n        .pill.muted{background:var(--mj-bg-surface-sunken);color:var(--mj-text-muted)}\n        .rps-editbar{display:flex;align-items:center;gap:14px;margin-bottom:18px}\n        .rps-editbar h2{margin:0;font-size:18px;font-weight:700}\n    "] }]
+    }], null, { EntityID: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RecordProcessStudioComponent, { className: "RecordProcessStudioComponent", filePath: "lib/record-process-studio/record-process-studio.component.ts", lineNumber: 125 }); })();
+//# sourceMappingURL=record-process-studio.component.js.map

package/dist/lib/record-process-studio/record-process-studio.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"record-process-studio.component.js","sourceRoot":"","sources":["../../../src/lib/record-process-studio/record-process-studio.component.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @fileoverview The Bulk Operations hub: lists the org's Record Processes, lets a user create / edit one\n * (via the embedded {@link RecordProcessEditorComponent}), and run any of them on demand (mounting the\n * same dry-run → confirm runner used from a grid). Generic + reusable — Explorer's Bulk Operations app\n * hosts it, but any MJ app can drop it in.\n * @module @memberjunction/ng-record-process-studio\n */\nimport { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, OnInit, inject } from '@angular/core';\nimport { BaseAngularComponent } from '@memberjunction/ng-base-types';\nimport { RunView } from '@memberjunction/core';\nimport { EntityActionUXHostComponent, type EntityActionUXContext, type EntityActionUXResult } from '@memberjunction/ng-entity-action-ux';\nimport { MJButtonDirective } from '@memberjunction/ng-ui-components';\nimport { RecordProcessEditorComponent } from '../record-process-editor/record-process-editor.component';\n\n/** A row of the process list (read-only projection). */\ninterface ProcessRow {\n    ID: string;\n    Name: string;\n    Description?: string;\n    Entity: string;\n    EntityID: string;\n    WorkType: string;\n    Status: string;\n    ScopeType: string;\n    ScopeFilter?: string;\n    ScopeViewID?: string;\n    ScopeListID?: string;\n}\n\n@Component({\n    selector: 'mj-record-process-studio',\n    standalone: true,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    imports: [RecordProcessEditorComponent, EntityActionUXHostComponent, MJButtonDirective],\n    template: `\n        @if (Mode === 'list') {\n            <div class=\"rps-bar\">\n                <div class=\"rps-search\"><i class=\"fa-solid fa-magnifying-glass\"></i>\n                    <input class=\"mj-input\" placeholder=\"Search bulk operations…\" [value]=\"Search\" (input)=\"onSearch($event)\"></div>\n                <span class=\"rps-spacer\"></span>\n                <button mjButton variant=\"flat\" (click)=\"reload()\"><i class=\"fa-solid fa-arrows-rotate\"></i> Refresh</button>\n                <button mjButton variant=\"primary\" (click)=\"New()\"><i class=\"fa-solid fa-plus\"></i> New operation</button>\n            </div>\n\n            @if (Loading) {\n                <div class=\"rps-msg\"><i class=\"fa-solid fa-circle-notch fa-spin\"></i> Loading…</div>\n            } @else if (Filtered.length === 0) {\n                <div class=\"rps-empty\">\n                    <i class=\"fa-solid fa-list-check\"></i>\n                    <p>No bulk operations yet.</p>\n                    <button mjButton variant=\"primary\" (click)=\"New()\"><i class=\"fa-solid fa-plus\"></i> Create one</button>\n                </div>\n            } @else {\n                <div class=\"rps-table\">\n                    <div class=\"rps-tr rps-head\">\n                        <div>Operation</div><div>Entity</div><div>Type</div><div>Status</div><div class=\"ta-r\">Actions</div>\n                    </div>\n                    @for (p of Filtered; track p.ID) {\n                        <div class=\"rps-tr\" (click)=\"Edit(p)\">\n                            <div><div class=\"rps-nm\">{{ p.Name }}</div>@if (p.Description) {<div class=\"rps-sub\">{{ p.Description }}</div>}</div>\n                            <div>{{ p.Entity }}</div>\n                            <div><span class=\"pill purple\">{{ workLabel(p.WorkType) }}</span></div>\n                            <div><span class=\"pill\" [class.ok]=\"p.Status==='Active'\" [class.warn]=\"p.Status==='Draft'\" [class.muted]=\"p.Status==='Disabled'\">{{ p.Status }}</span></div>\n                            <div class=\"ta-r rps-acts\" (click)=\"$event.stopPropagation()\">\n                                <button class=\"iconbtn run\" title=\"Run\" (click)=\"Run(p)\"><i class=\"fa-solid fa-play\"></i></button>\n                                <button class=\"iconbtn\" title=\"Edit\" (click)=\"Edit(p)\"><i class=\"fa-solid fa-pen\"></i></button>\n                            </div>\n                        </div>\n                    }\n                </div>\n            }\n        } @else {\n            <div class=\"rps-editbar\">\n                <button mjButton variant=\"flat\" (click)=\"backToList()\"><i class=\"fa-solid fa-arrow-left\"></i> Back</button>\n                <h2>{{ EditingID ? 'Edit operation' : 'New operation' }}</h2>\n            </div>\n            <mj-record-process-editor\n                [RecordProcessID]=\"EditingID\"\n                [DefaultEntityID]=\"EntityID\"\n                [Provider]=\"Provider\"\n                (Saved)=\"onSaved()\"\n                (Cancelled)=\"backToList()\">\n            </mj-record-process-editor>\n        }\n\n        @if (RunDriver) {\n            <mj-entity-action-ux-host\n                [DriverClass]=\"RunDriver.DriverClass\" [Context]=\"RunDriver.Context\"\n                (Completed)=\"onRunDone($event)\" (Cancelled)=\"RunDriver = null\">\n            </mj-entity-action-ux-host>\n        }\n    `,\n    styles: [`\n        :host{display:block;color:var(--mj-text-primary)}\n        .rps-bar{display:flex;align-items:center;gap:12px;margin-bottom:16px}\n        .rps-search{position:relative;flex:0 0 360px;max-width:360px}\n        .rps-search i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--mj-text-muted);font-size:13px}\n        .rps-search input{padding-left:34px}\n        .rps-spacer{flex:1}\n        .rps-bar button i,.rps-editbar button i{margin-right:6px}\n        .rps-msg,.rps-empty{padding:40px;text-align:center;color:var(--mj-text-muted)}\n        .rps-empty i{font-size:30px;display:block;margin-bottom:12px;color:var(--mj-text-disabled)}\n        .rps-empty p{margin:0 0 16px}\n        .rps-table{border:1px solid var(--mj-border-subtle);border-radius:var(--mj-radius-md,10px);overflow:hidden}\n        .rps-tr{display:grid;grid-template-columns:2.2fr 1.2fr 1fr .8fr 1fr;gap:14px;align-items:center;padding:13px 16px;border-bottom:1px solid var(--mj-border-subtle);cursor:pointer;font-size:13.5px}\n        .rps-tr:last-child{border-bottom:none}\n        .rps-tr:not(.rps-head):hover{background:var(--mj-bg-surface-hover)}\n        .rps-head{background:var(--mj-bg-surface-sunken);font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--mj-text-muted);font-weight:700;cursor:default}\n        .rps-nm{font-weight:600}\n        .rps-sub{color:var(--mj-text-muted);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:420px}\n        .ta-r{text-align:right;justify-self:end}\n        .rps-acts{display:flex;gap:6px}\n        .iconbtn{width:30px;height:30px;border-radius:7px;border:1px solid var(--mj-border-default);background:var(--mj-bg-surface-card);color:var(--mj-text-secondary);cursor:pointer;font-size:12.5px}\n        .iconbtn:hover{background:var(--mj-bg-surface-hover);color:var(--mj-text-primary)}\n        .iconbtn.run:hover{color:var(--mj-status-success-text);border-color:var(--mj-status-success)}\n        .pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700;background:var(--mj-bg-surface-sunken);color:var(--mj-text-secondary)}\n        .pill.purple{background:color-mix(in srgb,var(--mj-brand-primary) 14%,transparent);color:var(--mj-brand-primary)}\n        .pill.ok{background:var(--mj-status-success-bg);color:var(--mj-status-success-text)}\n        .pill.warn{background:var(--mj-status-warning-bg);color:var(--mj-status-warning-text)}\n        .pill.muted{background:var(--mj-bg-surface-sunken);color:var(--mj-text-muted)}\n        .rps-editbar{display:flex;align-items:center;gap:14px;margin-bottom:18px}\n        .rps-editbar h2{margin:0;font-size:18px;font-weight:700}\n    `],\n})\nexport class RecordProcessStudioComponent extends BaseAngularComponent implements OnInit {\n    private cdr = inject(ChangeDetectorRef);\n\n    /** Optional: restrict the hub to processes for one entity (e.g. when embedded on an entity page). */\n    @Input() EntityID: string | null = null;\n\n    public Mode: 'list' | 'edit' = 'list';\n    public EditingID: string | null = null;\n    public Loading = true;\n    public Search = '';\n    public Processes: ProcessRow[] = [];\n    public RunDriver: { DriverClass: string; Context: EntityActionUXContext } | null = null;\n\n    async ngOnInit(): Promise<void> {\n        await this.reload();\n    }\n\n    get Filtered(): ProcessRow[] {\n        const q = this.Search.trim().toLowerCase();\n        if (!q) return this.Processes;\n        return this.Processes.filter((p) => p.Name.toLowerCase().includes(q) || (p.Entity ?? '').toLowerCase().includes(q));\n    }\n\n    async reload(): Promise<void> {\n        this.Loading = true; this.cdr.detectChanges();\n        const rv = this.Provider ? RunView.FromMetadataProvider(this.Provider) : new RunView();\n        const filter = this.EntityID ? `EntityID='${this.EntityID}'` : '';\n        const result = await rv.RunView<ProcessRow>({\n            EntityName: 'MJ: Record Processes',\n            Fields: ['ID', 'Name', 'Description', 'Entity', 'EntityID', 'WorkType', 'Status', 'ScopeType', 'ScopeFilter', 'ScopeViewID', 'ScopeListID'],\n            ExtraFilter: filter,\n            OrderBy: 'Name',\n            ResultType: 'simple',\n        });\n        this.Processes = result.Success ? (result.Results ?? []) : [];\n        this.Loading = false;\n        this.cdr.detectChanges();\n    }\n\n    onSearch(event: Event): void { this.Search = (event.target as HTMLInputElement).value; this.cdr.detectChanges(); }\n\n    New(): void { this.EditingID = null; this.Mode = 'edit'; this.cdr.detectChanges(); }\n    Edit(p: ProcessRow): void { this.EditingID = p.ID; this.Mode = 'edit'; this.cdr.detectChanges(); }\n    backToList(): void { this.Mode = 'list'; this.EditingID = null; this.cdr.detectChanges(); }\n    async onSaved(): Promise<void> { this.backToList(); await this.reload(); }\n\n    /** Runs a process on demand against its default scope, via the dry-run → confirm runner. */\n    Run(p: ProcessRow): void {\n        const entity = this.ProviderToUse.EntityByID(p.EntityID);\n        if (!entity) return;\n        this.RunDriver = {\n            DriverClass: 'RecordProcessRunnerUX',\n            Context: {\n                EntityInfo: entity,\n                ScopeKind: (p.ScopeType?.toLowerCase() as EntityActionUXContext['ScopeKind']) || 'filter',\n                Filter: p.ScopeFilter ?? undefined,\n                ViewID: p.ScopeViewID ?? undefined,\n                ListID: p.ScopeListID ?? undefined,\n                Config: { RecordProcessID: p.ID },\n                Provider: this.ProviderToUse,\n                ActionLabel: p.Name,\n            },\n        };\n        this.cdr.detectChanges();\n    }\n\n    onRunDone(_r: EntityActionUXResult): void { this.RunDriver = null; this.cdr.detectChanges(); }\n\n    workLabel(workType: string): string {\n        return workType === 'FieldRules' ? 'Field Rules' : workType;\n    }\n}\n"]}

package/dist/lib/run-detail.d.ts

@@ -0,0 +1,23 @@
+/**
+ * @fileoverview Pure helpers for reading a Process Run Detail's persisted result payload (the per-record
+ * field diff) and rendering values. Extracted from the history component so the audit-diff logic is
+ * unit-testable without a TestBed.
+ * @module @memberjunction/ng-record-process-studio
+ */
+/** One computed field change, as persisted on `MJ: Process Run Details.ResultPayload`. */
+export interface RunDetailChange {
+    Field: string;
+    OldValue: unknown;
+    NewValue: unknown;
+    Applied: boolean;
+    Changed: boolean;
+    Error?: string;
+}
+/**
+ * Parses a Process Run Detail's `ResultPayload` and returns only the changes that were actually applied
+ * (condition passed, value differed, no error). Safe on null/empty/invalid JSON — returns `[]`.
+ */
+export declare function parseAppliedRunDetailChanges(resultPayload: string | null | undefined): RunDetailChange[];
+/** Renders an arbitrary value for the audit diff table. */
+export declare function displayRunValue(value: unknown): string;
+//# sourceMappingURL=run-detail.d.ts.map

package/dist/lib/run-detail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"run-detail.d.ts","sourceRoot":"","sources":["../../src/lib/run-detail.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,0FAA0F;AAC1F,MAAM,WAAW,eAAe;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AASD;;;GAGG;AACH,wBAAgB,4BAA4B,CAAC,aAAa,EAAE,MAAM,GAAG,IAAI,GAAG,SAAS,GAAG,eAAe,EAAE,CAWxG;AAED,2DAA2D;AAC3D,wBAAgB,eAAe,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,CAQtD"}

package/dist/lib/run-detail.js

@@ -0,0 +1,34 @@
+/**
+ * @fileoverview Pure helpers for reading a Process Run Detail's persisted result payload (the per-record
+ * field diff) and rendering values. Extracted from the history component so the audit-diff logic is
+ * unit-testable without a TestBed.
+ * @module @memberjunction/ng-record-process-studio
+ */
+/**
+ * Parses a Process Run Detail's `ResultPayload` and returns only the changes that were actually applied
+ * (condition passed, value differed, no error). Safe on null/empty/invalid JSON — returns `[]`.
+ */
+export function parseAppliedRunDetailChanges(resultPayload) {
+    if (!resultPayload) {
+        return [];
+    }
+    let payload;
+    try {
+        payload = JSON.parse(resultPayload);
+    }
+    catch {
+        return [];
+    }
+    return (payload?.Changes ?? []).filter((c) => c.Applied && c.Changed && !c.Error);
+}
+/** Renders an arbitrary value for the audit diff table. */
+export function displayRunValue(value) {
+    if (value === null || value === undefined || value === '') {
+        return '(empty)';
+    }
+    if (typeof value === 'object') {
+        return JSON.stringify(value);
+    }
+    return String(value);
+}
+//# sourceMappingURL=run-detail.js.map

package/dist/lib/run-detail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"run-detail.js","sourceRoot":"","sources":["../../src/lib/run-detail.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAmBH;;;GAGG;AACH,MAAM,UAAU,4BAA4B,CAAC,aAAwC;IACjF,IAAI,CAAC,aAAa,EAAE,CAAC;QACjB,OAAO,EAAE,CAAC;IACd,CAAC;IACD,IAAI,OAAqC,CAAC;IAC1C,IAAI,CAAC;QACD,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,CAAqB,CAAC;IAC5D,CAAC;IAAC,MAAM,CAAC;QACL,OAAO,EAAE,CAAC;IACd,CAAC;IACD,OAAO,CAAC,OAAO,EAAE,OAAO,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;AACtF,CAAC;AAED,2DAA2D;AAC3D,MAAM,UAAU,eAAe,CAAC,KAAc;IAC1C,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE,EAAE,CAAC;QACxD,OAAO,SAAS,CAAC;IACrB,CAAC;IACD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC5B,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IACjC,CAAC;IACD,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;AACzB,CAAC","sourcesContent":["/**\n * @fileoverview Pure helpers for reading a Process Run Detail's persisted result payload (the per-record\n * field diff) and rendering values. Extracted from the history component so the audit-diff logic is\n * unit-testable without a TestBed.\n * @module @memberjunction/ng-record-process-studio\n */\n\n/** One computed field change, as persisted on `MJ: Process Run Details.ResultPayload`. */\nexport interface RunDetailChange {\n    Field: string;\n    OldValue: unknown;\n    NewValue: unknown;\n    Applied: boolean;\n    Changed: boolean;\n    Error?: string;\n}\n\n/** The JSON shape persisted for a FieldRules run detail. */\ninterface RunDetailPayload {\n    DryRun: boolean;\n    Changes: RunDetailChange[];\n    ChangedFields: string[];\n}\n\n/**\n * Parses a Process Run Detail's `ResultPayload` and returns only the changes that were actually applied\n * (condition passed, value differed, no error). Safe on null/empty/invalid JSON — returns `[]`.\n */\nexport function parseAppliedRunDetailChanges(resultPayload: string | null | undefined): RunDetailChange[] {\n    if (!resultPayload) {\n        return [];\n    }\n    let payload: RunDetailPayload | undefined;\n    try {\n        payload = JSON.parse(resultPayload) as RunDetailPayload;\n    } catch {\n        return [];\n    }\n    return (payload?.Changes ?? []).filter((c) => c.Applied && c.Changed && !c.Error);\n}\n\n/** Renders an arbitrary value for the audit diff table. */\nexport function displayRunValue(value: unknown): string {\n    if (value === null || value === undefined || value === '') {\n        return '(empty)';\n    }\n    if (typeof value === 'object') {\n        return JSON.stringify(value);\n    }\n    return String(value);\n}\n"]}

package/dist/public-api.d.ts

@@ -0,0 +1,9 @@
+export * from './lib/record-process-editor/record-process-editor.component';
+export * from './lib/record-process-studio/record-process-studio.component';
+export * from './lib/record-process-history/record-process-history.component';
+/**
+ * Tree-shaking guard — reference the studio components so a consumer's bundler keeps them.
+ * Call once from the consuming app's bootstrap.
+ */
+export declare function LoadRecordProcessStudio(): void;
+//# sourceMappingURL=public-api.d.ts.map

package/dist/public-api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAGA,cAAc,6DAA6D,CAAC;AAC5E,cAAc,6DAA6D,CAAC;AAC5E,cAAc,+DAA+D,CAAC;AAM9E;;;GAGG;AACH,wBAAgB,uBAAuB,IAAI,IAAI,CAK9C"}

package/dist/public-api.js

@@ -0,0 +1,19 @@
+// @memberjunction/ng-record-process-studio
+// Generic Bulk Operations studio — author, run, and audit Record Processes.
+export * from './lib/record-process-editor/record-process-editor.component';
+export * from './lib/record-process-studio/record-process-studio.component';
+export * from './lib/record-process-history/record-process-history.component';
+import { RecordProcessEditorComponent } from './lib/record-process-editor/record-process-editor.component';
+import { RecordProcessStudioComponent } from './lib/record-process-studio/record-process-studio.component';
+import { RecordProcessHistoryComponent } from './lib/record-process-history/record-process-history.component';
+/**
+ * Tree-shaking guard — reference the studio components so a consumer's bundler keeps them.
+ * Call once from the consuming app's bootstrap.
+ */
+export function LoadRecordProcessStudio() {
+    const _keep = [RecordProcessEditorComponent, RecordProcessStudioComponent, RecordProcessHistoryComponent];
+    if (_keep.length === 0) {
+        throw new Error('unreachable');
+    }
+}
+//# sourceMappingURL=public-api.js.map

package/dist/public-api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAAA,2CAA2C;AAC3C,4EAA4E;AAE5E,cAAc,6DAA6D,CAAC;AAC5E,cAAc,6DAA6D,CAAC;AAC5E,cAAc,+DAA+D,CAAC;AAE9E,OAAO,EAAE,4BAA4B,EAAE,MAAM,6DAA6D,CAAC;AAC3G,OAAO,EAAE,4BAA4B,EAAE,MAAM,6DAA6D,CAAC;AAC3G,OAAO,EAAE,6BAA6B,EAAE,MAAM,+DAA+D,CAAC;AAE9G;;;GAGG;AACH,MAAM,UAAU,uBAAuB;IACnC,MAAM,KAAK,GAAG,CAAC,4BAA4B,EAAE,4BAA4B,EAAE,6BAA6B,CAAC,CAAC;IAC1G,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACrB,MAAM,IAAI,KAAK,CAAC,aAAa,CAAC,CAAC;IACnC,CAAC;AACL,CAAC","sourcesContent":["// @memberjunction/ng-record-process-studio\n// Generic Bulk Operations studio — author, run, and audit Record Processes.\n\nexport * from './lib/record-process-editor/record-process-editor.component';\nexport * from './lib/record-process-studio/record-process-studio.component';\nexport * from './lib/record-process-history/record-process-history.component';\n\nimport { RecordProcessEditorComponent } from './lib/record-process-editor/record-process-editor.component';\nimport { RecordProcessStudioComponent } from './lib/record-process-studio/record-process-studio.component';\nimport { RecordProcessHistoryComponent } from './lib/record-process-history/record-process-history.component';\n\n/**\n * Tree-shaking guard — reference the studio components so a consumer's bundler keeps them.\n * Call once from the consuming app's bootstrap.\n */\nexport function LoadRecordProcessStudio(): void {\n    const _keep = [RecordProcessEditorComponent, RecordProcessStudioComponent, RecordProcessHistoryComponent];\n    if (_keep.length === 0) {\n        throw new Error('unreachable');\n    }\n}\n"]}

package/package.json

@@ -1,10 +1,52 @@
 {
   "name": "@memberjunction/ng-record-process-studio",
-  "version": "0.0.1",
-  "description": "OIDC trusted publishing setup package for @memberjunction/ng-record-process-studio",
+  "version": "5.43.0",
+  "description": "MemberJunction: Bulk Operations studio — generic, reusable Angular UI for authoring, running, and auditing Record Processes (rules-driven bulk updates). Consumed by MJExplorer's Bulk Operations app or any MJ app.",
+  "main": "./dist/public-api.js",
+  "typings": "./dist/public-api.d.ts",
+  "files": [
+    "/dist"
+  ],
+  "scripts": {
+    "build": "npm run clean && ngc",
+    "clean": "rimraf dist",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  },
   "keywords": [
-    "oidc",
-    "trusted-publishing",
-    "setup"
-  ]
+    "MemberJunction",
+    "Angular",
+    "Bulk Operations",
+    "Record Process",
+    "Field Rules"
+  ],
+  "author": "MemberJunction.com",
+  "license": "ISC",
+  "devDependencies": {
+    "@angular/compiler": "21.1.3",
+    "@angular/compiler-cli": "21.1.3",
+    "rimraf": "^5.0.0",
+    "vitest": "^4.0.18"
+  },
+  "peerDependencies": {
+    "@angular/common": "21.1.3",
+    "@angular/core": "21.1.3",
+    "@angular/forms": "21.1.3",
+    "rxjs": "^7.8.2"
+  },
+  "dependencies": {
+    "@memberjunction/core": "5.43.0",
+    "@memberjunction/core-entities": "5.43.0",
+    "@memberjunction/global": "5.43.0",
+    "@memberjunction/graphql-dataprovider": "5.43.0",
+    "@memberjunction/ng-base-types": "5.43.0",
+    "@memberjunction/ng-entity-action-ux": "5.43.0",
+    "@memberjunction/ng-ui-components": "5.43.0",
+    "tslib": "^2.8.1"
+  },
+  "sideEffects": false,
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/MemberJunction/MJ"
+  }
 }