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

package/dist/lib/panels/party-orders-overview.component.js

@@ -0,0 +1,906 @@
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, inject } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { CompositeKey, RunQuery, RunView } from '@memberjunction/core';
+import { NavigationService } from '@memberjunction/ng-shared';
+import { MJCardGridComponent, MJCardComponent, MJCardToolsDirective, } from '@memberjunction/ng-ui-components';
+import { MJO_ENTITIES } from '../data/entity-names.js';
+import { FormatMoney } from './money-format.js';
+import * as i0 from "@angular/core";
+const _forTrack0 = ($index, $item) => $item.MonthShort;
+const _forTrack1 = ($index, $item) => $item.ID;
+const _forTrack2 = ($index, $item) => $item.Title + $item.TimeAgo;
+function PartyOrdersOverviewComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵelement(1, "div", 3);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "Loading account overview & order intelligence...");
+    i0.ɵɵelementEnd()();
+} }
+function PartyOrdersOverviewComponent_Conditional_2_Conditional_3_For_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 23)(1, "div", 24);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(3, "div", 25);
+    i0.ɵɵelementStart(4, "span", 26);
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const m_r3 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate2(" ", ctx_r1.FormatCurrency(m_r3.Amount), " (", m_r3.MonthLabel, ") ");
+    i0.ɵɵadvance();
+    i0.ɵɵstyleProp("height", m_r3.HeightPct, "%");
+    i0.ɵɵclassProp("mjo-chart__bar--highlight", m_r3.IsPeak);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(m_r3.MonthShort);
+} }
+function PartyOrdersOverviewComponent_Conditional_2_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 7);
+    i0.ɵɵrepeaterCreate(1, PartyOrdersOverviewComponent_Conditional_2_Conditional_3_For_2_Template, 6, 7, "div", 23, _forTrack0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r1.SpendMonths);
+} }
+function PartyOrdersOverviewComponent_Conditional_2_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 8);
+    i0.ɵɵelement(1, "i", 27);
+    i0.ɵɵelementStart(2, "span");
+    i0.ɵɵtext(3, "No completed orders in the last 6 months");
+    i0.ɵɵelementEnd()();
+} }
+function PartyOrdersOverviewComponent_Conditional_2_ng_template_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 28);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("", ctx_r1.Subscriptions.length, " Active");
+} }
+function PartyOrdersOverviewComponent_Conditional_2_Conditional_24_For_1_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtext(0);
+} if (rf & 2) {
+    const sub_r5 = i0.ɵɵnextContext().$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵtextInterpolate1(" Renews ", ctx_r1.FormatDate(sub_r5.EndDate), " \u2022 ");
+} }
+function PartyOrdersOverviewComponent_Conditional_2_Conditional_24_For_1_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 30);
+    i0.ɵɵlistener("click", function PartyOrdersOverviewComponent_Conditional_2_Conditional_24_For_1_Template_div_click_0_listener() { const sub_r5 = i0.ɵɵrestoreView(_r4).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnSubClick(sub_r5.ID)); });
+    i0.ɵɵelementStart(1, "div", 31)(2, "h4");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "p");
+    i0.ɵɵconditionalCreate(5, PartyOrdersOverviewComponent_Conditional_2_Conditional_24_For_1_Conditional_5_Template, 1, 1);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "div", 32)(8, "span", 33);
+    i0.ɵɵelement(9, "i", 34);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const sub_r5 = ctx.$implicit;
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(sub_r5.Product || sub_r5.SubscriptionType || "Subscription #" + sub_r5.SubscriptionNumber);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(sub_r5.EndDate ? 5 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", sub_r5.SubscriptionType || "Active Subscription", " ");
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate1(" ", sub_r5.AutoRenew ? "Auto-Renew" : "Active", " ");
+} }
+function PartyOrdersOverviewComponent_Conditional_2_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, PartyOrdersOverviewComponent_Conditional_2_Conditional_24_For_1_Template, 11, 4, "div", 29, _forTrack1);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵrepeater(ctx_r1.Subscriptions);
+} }
+function PartyOrdersOverviewComponent_Conditional_2_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 17);
+    i0.ɵɵelement(1, "i", 35);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1("No active subscriptions on file for this ", ctx_r1.Mode, ".");
+} }
+function PartyOrdersOverviewComponent_Conditional_2_ng_template_43_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 36);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("", ctx_r1.Orders.length, " Total");
+} }
+function PartyOrdersOverviewComponent_Conditional_2_ng_template_43_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, PartyOrdersOverviewComponent_Conditional_2_ng_template_43_Conditional_0_Template, 2, 1, "span", 36);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵconditional(ctx_r1.Orders.length > 0 ? 0 : -1);
+} }
+function PartyOrdersOverviewComponent_Conditional_2_Conditional_44_For_17_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "tr", 38);
+    i0.ɵɵlistener("click", function PartyOrdersOverviewComponent_Conditional_2_Conditional_44_For_17_Template_tr_click_0_listener() { const ord_r7 = i0.ɵɵrestoreView(_r6).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnOrderClick(ord_r7.ID)); });
+    i0.ɵɵelementStart(1, "td", 39);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "td");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "td", 40);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(7, "td")(8, "span");
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(10, "td")(11, "span");
+    i0.ɵɵtext(12);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(13, "td", 41);
+    i0.ɵɵelement(14, "i", 42);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ord_r7 = ctx.$implicit;
+    const ctx_r1 = i0.ɵɵnextContext(3);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ord_r7.OrderNumber);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.FormatDate(ord_r7.OrderDate));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r1.FormatCurrency(ord_r7.TotalGross));
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.GetPaymentBadgeClass(ctx_r1.GetPaymentStatus(ord_r7)));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r1.GetPaymentStatus(ord_r7), " ");
+    i0.ɵɵadvance(2);
+    i0.ɵɵclassMap(ctx_r1.GetStatusBadgeClass(ord_r7.Status));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ord_r7.Status || "Completed", " ");
+} }
+function PartyOrdersOverviewComponent_Conditional_2_Conditional_44_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 19)(1, "table", 37)(2, "thead")(3, "tr")(4, "th");
+    i0.ɵɵtext(5, "Order #");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "th");
+    i0.ɵɵtext(7, "Date");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "th");
+    i0.ɵɵtext(9, "Amount");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "th");
+    i0.ɵɵtext(11, "Payment");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(12, "th");
+    i0.ɵɵtext(13, "Status");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelement(14, "th");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(15, "tbody");
+    i0.ɵɵrepeaterCreate(16, PartyOrdersOverviewComponent_Conditional_2_Conditional_44_For_17_Template, 15, 9, "tr", null, _forTrack1);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(16);
+    i0.ɵɵrepeater(ctx_r1.Orders);
+} }
+function PartyOrdersOverviewComponent_Conditional_2_Conditional_45_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 20);
+    i0.ɵɵelement(1, "i", 43);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate1("No orders on file yet for this ", ctx_r1.Mode, ".");
+} }
+function PartyOrdersOverviewComponent_Conditional_2_Conditional_48_For_1_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 48);
+    i0.ɵɵelement(1, "i", 42);
+    i0.ɵɵelementEnd();
+} }
+function PartyOrdersOverviewComponent_Conditional_2_Conditional_48_For_1_Template(rf, ctx) { if (rf & 1) {
+    const _r8 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 45);
+    i0.ɵɵlistener("click", function PartyOrdersOverviewComponent_Conditional_2_Conditional_48_For_1_Template_div_click_0_listener() { const item_r9 = i0.ɵɵrestoreView(_r8).$implicit; const ctx_r1 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r1.OnTimelineItemClick(item_r9)); });
+    i0.ɵɵelementStart(1, "div");
+    i0.ɵɵelement(2, "i");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "div", 46)(4, "h5");
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(6, "p");
+    i0.ɵɵtext(7);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(8, "span", 47);
+    i0.ɵɵtext(9);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(10, PartyOrdersOverviewComponent_Conditional_2_Conditional_48_For_1_Conditional_10_Template, 2, 0, "div", 48);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const item_r9 = ctx.$implicit;
+    i0.ɵɵclassProp("mjo-timeline__item--clickable", !!item_r9.EntityName && !!item_r9.RecordID);
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(i0.ɵɵinterpolate1("mjo-timeline__icon mjo-timeline__icon--", item_r9.Tone));
+    i0.ɵɵadvance();
+    i0.ɵɵclassMap(item_r9.Icon);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(item_r9.Title);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(item_r9.Subtitle);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(item_r9.TimeAgo);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(item_r9.EntityName && item_r9.RecordID ? 10 : -1);
+} }
+function PartyOrdersOverviewComponent_Conditional_2_Conditional_48_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵrepeaterCreate(0, PartyOrdersOverviewComponent_Conditional_2_Conditional_48_For_1_Template, 11, 11, "div", 44, _forTrack2);
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext(2);
+    i0.ɵɵrepeater(ctx_r1.Timeline);
+} }
+function PartyOrdersOverviewComponent_Conditional_2_Conditional_49_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 20);
+    i0.ɵɵelement(1, "i", 49);
+    i0.ɵɵelementStart(2, "p");
+    i0.ɵɵtext(3, "No recent touchpoints recorded.");
+    i0.ɵɵelementEnd()();
+} }
+function PartyOrdersOverviewComponent_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-card-grid", 4);
+    i0.ɵɵtwoWayListener("MaximizedCardIdChange", function PartyOrdersOverviewComponent_Conditional_2_Template_mj_card_grid_MaximizedCardIdChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r1.MaximizedCardId, $event) || (ctx_r1.MaximizedCardId = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementStart(1, "mj-card", 5)(2, "div", 6);
+    i0.ɵɵconditionalCreate(3, PartyOrdersOverviewComponent_Conditional_2_Conditional_3_Template, 3, 0, "div", 7)(4, PartyOrdersOverviewComponent_Conditional_2_Conditional_4_Template, 4, 0, "div", 8);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "div", 9)(6, "div", 10)(7, "span", 11);
+    i0.ɵɵtext(8, "Avg Order Value");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "span", 12);
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(11, "div", 10)(12, "span", 11);
+    i0.ɵɵtext(13, "Lifetime Value");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "span", 13);
+    i0.ɵɵtext(15);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(16, "div", 10)(17, "span", 11);
+    i0.ɵɵtext(18, "Payment Terms");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(19, "span", 12);
+    i0.ɵɵtext(20, "Net 30 ACH");
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵelementStart(21, "mj-card", 14);
+    i0.ɵɵtemplate(22, PartyOrdersOverviewComponent_Conditional_2_ng_template_22_Template, 2, 1, "ng-template", 15);
+    i0.ɵɵelementStart(23, "div", 16);
+    i0.ɵɵconditionalCreate(24, PartyOrdersOverviewComponent_Conditional_2_Conditional_24_Template, 2, 0)(25, PartyOrdersOverviewComponent_Conditional_2_Conditional_25_Template, 4, 1, "div", 17);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(26, "div", 9)(27, "div", 10)(28, "span", 11);
+    i0.ɵɵtext(29, "Active Licenses");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(30, "span", 13);
+    i0.ɵɵtext(31);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(32, "div", 10)(33, "span", 11);
+    i0.ɵɵtext(34, "Billing Cycle");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(35, "span", 12);
+    i0.ɵɵtext(36);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(37, "div", 10)(38, "span", 11);
+    i0.ɵɵtext(39, "Renewal");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(40, "span", 12);
+    i0.ɵɵtext(41);
+    i0.ɵɵelementEnd()()()();
+    i0.ɵɵelementStart(42, "mj-card", 18);
+    i0.ɵɵtemplate(43, PartyOrdersOverviewComponent_Conditional_2_ng_template_43_Template, 1, 1, "ng-template", 15);
+    i0.ɵɵconditionalCreate(44, PartyOrdersOverviewComponent_Conditional_2_Conditional_44_Template, 18, 0, "div", 19)(45, PartyOrdersOverviewComponent_Conditional_2_Conditional_45_Template, 4, 1, "div", 20);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(46, "mj-card", 21)(47, "div", 22);
+    i0.ɵɵconditionalCreate(48, PartyOrdersOverviewComponent_Conditional_2_Conditional_48_Template, 2, 0)(49, PartyOrdersOverviewComponent_Conditional_2_Conditional_49_Template, 4, 0, "div", 20);
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵtwoWayProperty("MaximizedCardId", ctx_r1.MaximizedCardId);
+    i0.ɵɵproperty("Columns", 2);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("AllowMaximize", true);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.SpendMonths.length > 0 ? 3 : 4);
+    i0.ɵɵadvance(7);
+    i0.ɵɵtextInterpolate(ctx_r1.FormatCurrency(ctx_r1.AvgOrderValue));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.FormatCurrency(ctx_r1.LifetimeValue));
+    i0.ɵɵadvance(6);
+    i0.ɵɵproperty("AllowMaximize", true);
+    i0.ɵɵadvance(3);
+    i0.ɵɵconditional(ctx_r1.Subscriptions.length > 0 ? 24 : 25);
+    i0.ɵɵadvance(7);
+    i0.ɵɵtextInterpolate1("", ctx_r1.Subscriptions.length, " Active");
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.Subscriptions.length > 0 ? ctx_r1.Subscriptions[0].SubscriptionType || "Annual" : "\u2014");
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r1.Subscriptions.length > 0 && ctx_r1.Subscriptions[0].AutoRenew ? "Auto-Renew" : "Manual");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("AllowMaximize", true);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.Orders.length > 0 ? 44 : 45);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("AllowMaximize", true);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(ctx_r1.Timeline.length > 0 ? 48 : 49);
+} }
+export class PartyOrdersOverviewComponent {
+    Mode = 'person';
+    PartyID;
+    FormComponent;
+    Provider;
+    RunQueryProvider;
+    navigationService = inject(NavigationService, { optional: true });
+    cdr = inject(ChangeDetectorRef);
+    Loading = true;
+    MaximizedCardId = null;
+    Orders = [];
+    Subscriptions = [];
+    SpendMonths = [];
+    AvgOrderValue = 0;
+    LifetimeValue = 0;
+    Timeline = [];
+    async ngOnInit() {
+        if (!this.PartyID) {
+            this.Loading = false;
+            this.cdr.detectChanges();
+            return;
+        }
+        await this.LoadOverviewData();
+        this.cdr.detectChanges();
+    }
+    async LoadOverviewData() {
+        this.Loading = true;
+        this.cdr.detectChanges();
+        try {
+            const runQueryProvider = this.RunQueryProvider || this.FormComponent?.RunQueryToUse;
+            if (runQueryProvider) {
+                const rq = new RunQuery(runQueryProvider);
+                const queryResult = await rq.RunQuery({
+                    QueryName: 'Party Orders Overview',
+                    CategoryPath: 'Orders',
+                    Parameters: {
+                        PartyKind: this.Mode,
+                        PartyID: this.PartyID,
+                    },
+                });
+                if (queryResult.Success && queryResult.Results && queryResult.Results.length > 0) {
+                    const row = queryResult.Results[0];
+                    const getField = (name) => row[name] ?? row[name.toLowerCase()] ?? row[name.toUpperCase()];
+                    this.LifetimeValue = Number(getField('LifetimeValue')) || 0;
+                    this.AvgOrderValue = Number(getField('AvgOrderValue')) || 0;
+                    // Parse Recent Orders JSON
+                    this.Orders = this.ParseJsonArray(getField('RecentOrdersJson'));
+                    // Parse Active Subscriptions JSON
+                    this.Subscriptions = this.ParseJsonArray(getField('ActiveSubscriptionsJson'));
+                    // Parse Monthly Trajectory JSON
+                    const trajectory = this.ParseJsonArray(getField('MonthlyTrajectoryJson'));
+                    this.ProcessSpendTrajectory(trajectory);
+                    // Synthesize Activity Timeline
+                    this.SynthesizeTimeline();
+                    return;
+                }
+            }
+            // Fallback via RunView if query is not available
+            await this.LoadViaRunView();
+        }
+        catch (e) {
+            console.error('Error loading party orders overview data:', e);
+            await this.LoadViaRunView();
+        }
+        finally {
+            this.Loading = false;
+            this.cdr.detectChanges();
+        }
+    }
+    async LoadViaRunView() {
+        const provider = (this.Provider || this.FormComponent?.ProviderToUse);
+        if (!provider)
+            return;
+        try {
+            const filterField = this.Mode === 'person' ? 'BillToPersonID' : 'BillToOrganizationID';
+            const subField = this.Mode === 'person' ? 'BeneficiaryPersonID' : 'HolderOrganizationID';
+            const rv = new RunView(provider);
+            const [ordersRes, subsRes] = await Promise.all([
+                rv.RunView({
+                    EntityName: MJO_ENTITIES.OrderHeader,
+                    ExtraFilter: `${filterField} = '${this.PartyID}' AND Status <> 'Voided'`,
+                    OrderBy: 'OrderDate DESC',
+                    MaxRows: 6,
+                    ResultType: 'simple',
+                }),
+                rv.RunView({
+                    EntityName: MJO_ENTITIES.Subscription,
+                    ExtraFilter: `${subField} = '${this.PartyID}' AND Status = 'Active'`,
+                    OrderBy: 'StartDate DESC',
+                    MaxRows: 4,
+                    ResultType: 'simple',
+                }),
+            ]);
+            if (ordersRes.Success && ordersRes.Results) {
+                this.Orders = ordersRes.Results;
+                let total = 0;
+                this.Orders.forEach(o => { total += Number(o.TotalGross) || 0; });
+                this.LifetimeValue = total;
+                this.AvgOrderValue = this.Orders.length > 0 ? total / this.Orders.length : 0;
+            }
+            if (subsRes.Success && subsRes.Results) {
+                this.Subscriptions = subsRes.Results;
+            }
+            this.ProcessSpendTrajectory([]);
+            this.SynthesizeTimeline();
+            this.cdr.detectChanges();
+        }
+        catch (err) {
+            console.error('Error in LoadViaRunView fallback:', err);
+        }
+    }
+    ParseJsonArray(val) {
+        if (!val)
+            return [];
+        if (Array.isArray(val))
+            return val;
+        if (typeof val === 'string') {
+            try {
+                const parsed = JSON.parse(val);
+                return Array.isArray(parsed) ? parsed : [];
+            }
+            catch {
+                return [];
+            }
+        }
+        return [];
+    }
+    ProcessSpendTrajectory(months) {
+        const monthNames = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
+        const fullNames = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
+        const now = new Date();
+        const monthBuckets = [];
+        const monthMap = new Map();
+        for (let i = 5; i >= 0; i--) {
+            const d = new Date(now.getFullYear(), now.getMonth() - i, 1);
+            const key = `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}`;
+            const item = {
+                MonthLabel: `${fullNames[d.getMonth()]} ${d.getFullYear()}`,
+                MonthShort: monthNames[d.getMonth()],
+                Amount: 0,
+                HeightPct: 4,
+                IsPeak: false,
+            };
+            monthBuckets.push(item);
+            monthMap.set(key, item);
+        }
+        // Merge query results if present
+        if (months && months.length > 0) {
+            months.forEach(m => {
+                const found = monthBuckets.find(b => b.MonthShort === m.MonthShort);
+                if (found) {
+                    found.Amount = Number(m.Amount) || 0;
+                }
+            });
+        }
+        // Aggregate orders to ensure live correctness for current and previous months
+        if (this.Orders && this.Orders.length > 0) {
+            this.Orders.forEach(o => {
+                if (!o.OrderDate)
+                    return;
+                const d = o.OrderDate instanceof Date ? o.OrderDate : new Date(o.OrderDate);
+                if (isNaN(d.getTime()))
+                    return;
+                const key = `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}`;
+                const found = monthMap.get(key);
+                if (found) {
+                    const amt = Number(o.TotalGross) || 0;
+                    if (found.Amount < amt) {
+                        found.Amount = amt;
+                    }
+                }
+            });
+        }
+        let maxVal = 0;
+        monthBuckets.forEach(m => {
+            if (m.Amount > maxVal)
+                maxVal = m.Amount;
+        });
+        monthBuckets.forEach(m => {
+            if (maxVal > 0 && m.Amount > 0) {
+                m.HeightPct = Math.max(16, Math.round((m.Amount / maxVal) * 100));
+                m.IsPeak = m.Amount === maxVal;
+            }
+            else {
+                m.HeightPct = 4;
+                m.IsPeak = false;
+            }
+        });
+        this.SpendMonths = monthBuckets;
+    }
+    SynthesizeTimeline() {
+        const list = [];
+        if (this.Orders.length > 0) {
+            this.Orders.forEach(ord => {
+                list.push({
+                    Title: `Order ${ord.OrderNumber} ${ord.Status || 'Confirmed'}`,
+                    Subtitle: `${this.FormatCurrency(ord.TotalGross)} • ${this.GetPaymentStatus(ord)}`,
+                    TimeAgo: this.FormatDate(ord.OrderDate),
+                    Icon: 'fa-solid fa-cart-shopping',
+                    Tone: 'success',
+                    EntityName: MJO_ENTITIES.OrderHeader,
+                    RecordID: ord.ID,
+                });
+            });
+        }
+        if (this.Subscriptions.length > 0) {
+            this.Subscriptions.forEach(sub => {
+                const name = sub.Product || sub.SubscriptionType || ('Subscription #' + sub.SubscriptionNumber);
+                list.push({
+                    Title: `Subscription Active: ${name}`,
+                    Subtitle: sub.EndDate ? `Renews ${this.FormatDate(sub.EndDate)}` : 'Active Term',
+                    TimeAgo: sub.StartDate ? this.FormatDate(sub.StartDate) : 'Active',
+                    Icon: 'fa-solid fa-rotate',
+                    Tone: 'primary',
+                    EntityName: MJO_ENTITIES.Subscription,
+                    RecordID: sub.ID,
+                });
+            });
+        }
+        if (list.length === 0) {
+            list.push({
+                Title: 'Account Provisioned',
+                Subtitle: 'Customer record active and synchronized.',
+                TimeAgo: 'Initial',
+                Icon: 'fa-solid fa-circle-check',
+                Tone: 'info',
+            });
+        }
+        this.Timeline = list;
+    }
+    OnTimelineItemClick(item) {
+        if (!item.EntityName || !item.RecordID)
+            return;
+        const pk = CompositeKey.FromID(item.RecordID);
+        if (this.navigationService) {
+            this.navigationService.OpenEntityRecord(item.EntityName, pk);
+        }
+        else if (this.FormComponent) {
+            this.FormComponent.OnFormNavigate({
+                Kind: 'record',
+                EntityName: item.EntityName,
+                PrimaryKey: pk,
+            });
+        }
+    }
+    OnOrderClick(orderId) {
+        if (!orderId)
+            return;
+        const pk = CompositeKey.FromID(orderId);
+        if (this.navigationService) {
+            this.navigationService.OpenEntityRecord(MJO_ENTITIES.OrderHeader, pk);
+        }
+        else if (this.FormComponent) {
+            this.FormComponent.OnFormNavigate({
+                Kind: 'record',
+                EntityName: MJO_ENTITIES.OrderHeader,
+                PrimaryKey: pk,
+            });
+        }
+    }
+    OnSubClick(subId) {
+        if (!subId)
+            return;
+        const pk = CompositeKey.FromID(subId);
+        if (this.navigationService) {
+            this.navigationService.OpenEntityRecord(MJO_ENTITIES.Subscription, pk);
+        }
+        else if (this.FormComponent) {
+            this.FormComponent.OnFormNavigate({
+                Kind: 'record',
+                EntityName: MJO_ENTITIES.Subscription,
+                PrimaryKey: pk,
+            });
+        }
+    }
+    OnActionClick(action) {
+        if (action === 'quote' && this.navigationService) {
+            this.navigationService.OpenEntityRecord(MJO_ENTITIES.OrderHeader, new CompositeKey());
+        }
+    }
+    FormatCurrency(val) {
+        return FormatMoney(val || 0, { Round: true, Zero: '$0' });
+    }
+    FormatDate(d) {
+        if (!d)
+            return '—';
+        const date = d instanceof Date ? d : new Date(d);
+        if (isNaN(date.getTime()))
+            return '—';
+        return date.toLocaleDateString(undefined, { month: 'short', day: 'numeric', year: 'numeric' });
+    }
+    GetPaymentStatus(ord) {
+        if (ord.IsOverdue === true || ord.IsOverdue === 1)
+            return 'Overdue';
+        const bal = ord.Balance != null ? Number(ord.Balance) : (Number(ord.TotalGross ?? 0) - Number(ord.AmountPaid ?? 0));
+        const paid = Number(ord.AmountPaid ?? 0);
+        const gross = Number(ord.TotalGross ?? 0);
+        if (bal <= 0 && gross > 0)
+            return 'Paid';
+        if (paid > 0)
+            return 'PartiallyPaid';
+        return 'Unpaid';
+    }
+    GetPaymentBadgeClass(status) {
+        switch ((status || '').toLowerCase()) {
+            case 'paid': return 'mjo-badge mjo-badge--green';
+            case 'partiallypaid': return 'mjo-badge mjo-badge--amber';
+            case 'overdue': return 'mjo-badge mjo-badge--amber';
+            default: return 'mjo-badge mjo-badge--blue';
+        }
+    }
+    GetStatusBadgeClass(status) {
+        switch ((status || '').toLowerCase()) {
+            case 'confirmed':
+            case 'fulfilled': return 'mjo-badge mjo-badge--green';
+            case 'pending': return 'mjo-badge mjo-badge--blue';
+            case 'cancelled': return 'mjo-badge mjo-badge--gray';
+            default: return 'mjo-badge mjo-badge--blue';
+        }
+    }
+    static ɵfac = function PartyOrdersOverviewComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || PartyOrdersOverviewComponent)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: PartyOrdersOverviewComponent, selectors: [["mjo-party-orders-overview"]], inputs: { Mode: "Mode", PartyID: "PartyID", FormComponent: "FormComponent", Provider: "Provider", RunQueryProvider: "RunQueryProvider" }, decls: 3, vars: 1, consts: [[1, "mjo-overview"], [1, "mjo-overview__loading"], ["Gap", "var(--mj-space-4, 16px)", 3, "MaximizedCardId", "Columns"], [1, "mjo-overview__spinner"], ["Gap", "var(--mj-space-4, 16px)", 3, "MaximizedCardIdChange", "MaximizedCardId", "Columns"], ["CardId", "trajectory", "Title", "Revenue & Order Trajectory", "Subtitle", "Last 6 Months", "Icon", "fa-solid fa-chart-area", 3, "AllowMaximize"], [1, "mjo-chart"], [1, "mjo-chart__bars"], [1, "mjo-chart__empty"], [1, "mjo-chart__footer"], [1, "mjo-chart__metric"], [1, "mjo-chart__metric-label"], [1, "mjo-chart__metric-val"], [1, "mjo-chart__metric-val", "mjo-chart__metric-val--success"], ["CardId", "subscriptions", "Title", "Active Subscriptions & Licenses", "Icon", "fa-solid fa-rotate", 3, "AllowMaximize"], ["mjCardTools", ""], [1, "mjo-sub-list"], [1, "mjo-empty-state", 2, "padding", "20px 12px"], ["CardId", "recent-orders", "Title", "Recent Orders & Invoices", "Icon", "fa-solid fa-receipt", 3, "AllowMaximize"], [1, "mjo-table-wrap"], [1, "mjo-empty-state"], ["CardId", "touchpoints", "Title", "Recent Touchpoints", "Icon", "fa-solid fa-bolt-lightning", 3, "AllowMaximize"], [1, "mjo-timeline"], [1, "mjo-chart__bar-group"], [1, "mjo-chart__tooltip"], [1, "mjo-chart__bar"], [1, "mjo-chart__label"], [1, "fa-solid", "fa-chart-line"], [1, "mjo-badge", "mjo-badge--green"], [1, "mjo-sub-item"], [1, "mjo-sub-item", 3, "click"], [1, "mjo-sub-item__info"], [1, "mjo-sub-item__badge"], [1, "mjo-badge", "mjo-badge--pill"], [1, "fa-solid", "fa-circle-check"], [1, "fa-solid", "fa-rotate"], [1, "mjo-card__count"], [1, "mjo-table"], [3, "click"], [1, "mjo-table__order-num"], [1, "mjo-table__amount"], [1, "mjo-table__action"], [1, "fa-solid", "fa-arrow-up-right-from-square"], [1, "fa-solid", "fa-shopping-cart"], [1, "mjo-timeline__item", 3, "mjo-timeline__item--clickable"], [1, "mjo-timeline__item", 3, "click"], [1, "mjo-timeline__content"], [1, "mjo-timeline__time"], [1, "mjo-timeline__arrow"], [1, "fa-solid", "fa-bolt-lightning"]], template: function PartyOrdersOverviewComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0);
+            i0.ɵɵconditionalCreate(1, PartyOrdersOverviewComponent_Conditional_1_Template, 4, 0, "div", 1)(2, PartyOrdersOverviewComponent_Conditional_2_Template, 50, 15, "mj-card-grid", 2);
+            i0.ɵɵelementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Loading ? 1 : 2);
+        } }, dependencies: [CommonModule,
+            MJCardGridComponent,
+            MJCardComponent,
+            MJCardToolsDirective], styles: ["[_nghost-%COMP%] {\n            display: block;\n            width: 100%;\n        }\n\n        .mjo-overview[_ngcontent-%COMP%] {\n            display: flex;\n            flex-direction: column;\n            gap: var(--mj-space-4, 16px);\n            padding: var(--mj-space-2, 8px) 0;\n        }\n\n        .mjo-overview__loading[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 12px;\n            padding: 48px 24px;\n            color: var(--mj-text-secondary);\n            font-size: 13px;\n        }\n\n        .mjo-overview__spinner[_ngcontent-%COMP%] {\n            width: 20px;\n            height: 20px;\n            border: 2px solid var(--mj-border-default);\n            border-top-color: var(--mj-brand-primary, #38bdf8);\n            border-radius: 50%;\n            animation: _ngcontent-%COMP%_mjo-spin 0.8s linear infinite;\n        }\n\n        @keyframes _ngcontent-%COMP%_mjo-spin {\n            to { transform: rotate(360deg); }\n        }\n\n        .mjo-card__count[_ngcontent-%COMP%] {\n            font-size: 11.5px;\n            font-weight: 700;\n            color: var(--mj-text-muted);\n            background: var(--mj-bg-surface-sunken);\n            padding: 2px 8px;\n            border-radius: var(--mj-radius-pill, 9999px);\n        }\n\n        \n\n        .mjo-chart[_ngcontent-%COMP%] {\n            height: 160px;\n            display: flex;\n            align-items: flex-end;\n            position: relative;\n            padding-top: 24px;\n        }\n\n        .mjo-chart__bars[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: flex-end;\n            justify-content: space-between;\n            width: 100%;\n            height: 100%;\n            gap: 12px;\n        }\n\n        .mjo-chart__bar-group[_ngcontent-%COMP%] {\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 6px;\n            height: 100%;\n            justify-content: flex-end;\n            position: relative;\n            cursor: pointer;\n        }\n\n        .mjo-chart__bar[_ngcontent-%COMP%] {\n            width: 100%;\n            max-width: 36px;\n            min-height: 4px;\n            border-radius: 6px 6px 0 0;\n            background: linear-gradient(180deg, #38bdf8 0%, rgba(56, 189, 248, 0.35) 100%);\n            transition: all 0.2s ease;\n        }\n\n        .mjo-chart__bar--highlight[_ngcontent-%COMP%] {\n            background: linear-gradient(180deg, #10b981 0%, rgba(16, 185, 129, 0.35) 100%);\n        }\n\n        .mjo-chart__bar-group[_ngcontent-%COMP%]:hover   .mjo-chart__bar[_ngcontent-%COMP%] {\n            filter: brightness(1.2);\n            transform: scaleY(1.04);\n        }\n\n        .mjo-chart__label[_ngcontent-%COMP%] {\n            font-size: 11px;\n            color: var(--mj-text-muted);\n            font-weight: 600;\n        }\n\n        .mjo-chart__tooltip[_ngcontent-%COMP%] {\n            position: absolute;\n            top: -12px;\n            background: var(--mj-bg-surface-elevated, #1e293b);\n            border: 1px solid var(--mj-border-default);\n            padding: 3px 8px;\n            border-radius: 6px;\n            font-size: 11px;\n            font-weight: 700;\n            color: #ffffff;\n            white-space: nowrap;\n            opacity: 0;\n            pointer-events: none;\n            transition: opacity 0.15s ease;\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n            z-index: 10;\n        }\n\n        .mjo-chart__bar-group[_ngcontent-%COMP%]:hover   .mjo-chart__tooltip[_ngcontent-%COMP%] {\n            opacity: 1;\n        }\n\n        .mjo-chart__empty[_ngcontent-%COMP%] {\n            width: 100%;\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            gap: 8px;\n            color: var(--mj-text-muted);\n            font-size: 12px;\n        }\n\n        .mjo-chart__footer[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding-top: 12px;\n            border-top: 1px solid var(--mj-border-default);\n            gap: 12px;\n            flex-wrap: wrap;\n            margin-top: auto;\n        }\n\n        .mjo-chart__metric[_ngcontent-%COMP%] {\n            display: flex;\n            flex-direction: column;\n            gap: 2px;\n        }\n\n        .mjo-chart__metric-label[_ngcontent-%COMP%] {\n            font-size: 10.5px;\n            font-weight: 700;\n            color: var(--mj-text-muted);\n            text-transform: uppercase;\n            letter-spacing: 0.04em;\n        }\n\n        .mjo-chart__metric-val[_ngcontent-%COMP%] {\n            font-size: 14px;\n            font-weight: 800;\n            font-variant-numeric: tabular-nums;\n            color: var(--mj-text-primary);\n        }\n\n        .mjo-chart__metric-val--success[_ngcontent-%COMP%] {\n            color: var(--mj-status-success, #10b981);\n        }\n\n        \n\n        .mjo-sub-list[_ngcontent-%COMP%] {\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n        }\n\n        .mjo-sub-item[_ngcontent-%COMP%] {\n            background: var(--mj-bg-surface-sunken, #090e17);\n            border: 1px solid var(--mj-border-default);\n            border-radius: var(--mj-radius-md, 10px);\n            padding: 10px 14px;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            gap: 12px;\n            cursor: pointer;\n            transition: all 0.15s ease;\n        }\n\n        .mjo-sub-item[_ngcontent-%COMP%]:hover {\n            border-color: var(--mj-brand-primary, #38bdf8);\n            transform: translateY(-1px);\n        }\n\n        .mjo-sub-item__info[_ngcontent-%COMP%]   h4[_ngcontent-%COMP%] {\n            font-size: 12.5px;\n            font-weight: 700;\n            color: var(--mj-text-primary);\n            margin: 0 0 2px 0;\n        }\n\n        .mjo-sub-item__info[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n            font-size: 11.5px;\n            color: var(--mj-text-secondary);\n            margin: 0;\n        }\n\n        \n\n        .mjo-ai-box[_ngcontent-%COMP%] {\n            background: linear-gradient(135deg, color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface-card)) 0%, color-mix(in srgb, #6366f1 10%, var(--mj-bg-surface-card)) 100%);\n            border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n            border-radius: var(--mj-radius-md, 10px);\n            padding: 12px 14px;\n            display: flex;\n            flex-direction: column;\n            gap: 6px;\n            margin-top: 10px;\n        }\n\n        .mjo-ai-box__header[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: 6px;\n            font-size: 12px;\n            font-weight: 700;\n            color: var(--mj-brand-primary, #38bdf8);\n        }\n\n        .mjo-ai-box__text[_ngcontent-%COMP%] {\n            font-size: 11.5px;\n            color: var(--mj-text-secondary);\n            line-height: 1.45;\n            margin: 0;\n        }\n\n        .mjo-ai-box__actions[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            margin-top: 4px;\n        }\n\n        \n\n        .mjo-table-wrap[_ngcontent-%COMP%] {\n            overflow-x: auto;\n        }\n\n        .mjo-table[_ngcontent-%COMP%] {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 12px;\n        }\n\n        .mjo-table[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n            text-align: left;\n            padding: 6px 10px;\n            font-size: 10.5px;\n            font-weight: 700;\n            color: var(--mj-text-muted);\n            text-transform: uppercase;\n            letter-spacing: 0.04em;\n            border-bottom: 1px solid var(--mj-border-default);\n        }\n\n        .mjo-table[_ngcontent-%COMP%]   td[_ngcontent-%COMP%] {\n            padding: 8px 10px;\n            border-bottom: 1px solid var(--mj-border-subtle, var(--mj-border-default));\n            color: var(--mj-text-secondary);\n        }\n\n        .mjo-table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover   td[_ngcontent-%COMP%] {\n            background: var(--mj-bg-hover, rgba(255, 255, 255, 0.04));\n            color: var(--mj-text-primary);\n            cursor: pointer;\n        }\n\n        .mjo-table__order-num[_ngcontent-%COMP%] {\n            font-family: var(--mj-font-mono, monospace);\n            font-weight: 600;\n            color: var(--mj-brand-primary, #38bdf8);\n        }\n\n        .mjo-table__amount[_ngcontent-%COMP%] {\n            font-family: var(--mj-font-mono, monospace);\n            font-weight: 700;\n            color: var(--mj-text-primary);\n        }\n\n        .mjo-table__action[_ngcontent-%COMP%] {\n            text-align: right;\n            color: var(--mj-text-muted);\n        }\n\n        .mjo-table[_ngcontent-%COMP%]   tr[_ngcontent-%COMP%]:hover   .mjo-table__action[_ngcontent-%COMP%] {\n            color: var(--mj-brand-primary, #38bdf8);\n        }\n\n        \n\n        .mjo-timeline[_ngcontent-%COMP%] {\n            display: flex;\n            flex-direction: column;\n            gap: 6px;\n            max-height: 220px;\n            overflow-y: auto;\n            padding-right: 4px;\n            scrollbar-width: thin;\n        }\n\n        .mjo-timeline[_ngcontent-%COMP%]::-webkit-scrollbar {\n            width: 4px;\n        }\n\n        .mjo-timeline[_ngcontent-%COMP%]::-webkit-scrollbar-track {\n            background: transparent;\n        }\n\n        .mjo-timeline[_ngcontent-%COMP%]::-webkit-scrollbar-thumb {\n            background: var(--mj-border-default, #2a3852);\n            border-radius: 4px;\n        }\n\n        .mjo-timeline__item[_ngcontent-%COMP%] {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            padding: 8px 10px;\n            border-radius: var(--mj-radius-md, 8px);\n            border: 1px solid transparent;\n            transition: all 0.15s ease;\n        }\n\n        .mjo-timeline__item--clickable[_ngcontent-%COMP%] {\n            cursor: pointer;\n        }\n\n        .mjo-timeline__item--clickable[_ngcontent-%COMP%]:hover {\n            background: var(--mj-bg-surface-sunken, #090e17);\n            border-color: var(--mj-border-default, #2a3852);\n            transform: translateX(2px);\n        }\n\n        .mjo-timeline__icon[_ngcontent-%COMP%] {\n            width: 28px;\n            height: 28px;\n            border-radius: 50%;\n            background: var(--mj-bg-surface-sunken);\n            border: 1px solid var(--mj-border-default);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 11.5px;\n            flex-shrink: 0;\n        }\n\n        .mjo-timeline__icon--info[_ngcontent-%COMP%] { color: #38bdf8; }\n        .mjo-timeline__icon--success[_ngcontent-%COMP%] { color: #10b981; }\n        .mjo-timeline__icon--warning[_ngcontent-%COMP%] { color: #f59e0b; }\n        .mjo-timeline__icon--primary[_ngcontent-%COMP%] { color: #818cf8; }\n\n        .mjo-timeline__content[_ngcontent-%COMP%] {\n            flex: 1;\n            min-width: 0;\n        }\n\n        .mjo-timeline__content[_ngcontent-%COMP%]   h5[_ngcontent-%COMP%] {\n            font-size: 12px;\n            font-weight: 600;\n            color: var(--mj-text-primary);\n            margin: 0;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        .mjo-timeline__content[_ngcontent-%COMP%]   p[_ngcontent-%COMP%] {\n            font-size: 11px;\n            color: var(--mj-text-secondary);\n            margin: 2px 0 0 0;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        .mjo-timeline__time[_ngcontent-%COMP%] {\n            font-size: 10px;\n            color: var(--mj-text-muted);\n            display: block;\n            margin-top: 1px;\n        }\n\n        .mjo-timeline__arrow[_ngcontent-%COMP%] {\n            font-size: 10px;\n            color: var(--mj-text-muted);\n            opacity: 0;\n            transition: opacity 0.15s ease, color 0.15s ease;\n            flex-shrink: 0;\n        }\n\n        .mjo-timeline__item--clickable[_ngcontent-%COMP%]:hover   .mjo-timeline__arrow[_ngcontent-%COMP%] {\n            opacity: 1;\n            color: var(--mj-brand-primary, #38bdf8);\n        }\n\n        \n\n        .mjo-badge[_ngcontent-%COMP%] {\n            font-size: 10.5px;\n            font-weight: 700;\n            padding: 2px 7px;\n            border-radius: 4px;\n            display: inline-flex;\n            align-items: center;\n            gap: 4px;\n        }\n\n        .mjo-badge--pill[_ngcontent-%COMP%] { border-radius: var(--mj-radius-pill, 9999px); }\n        .mjo-badge--green[_ngcontent-%COMP%] { background: rgba(16, 185, 129, 0.15); color: #10b981; }\n        .mjo-badge--blue[_ngcontent-%COMP%] { background: rgba(56, 189, 248, 0.15); color: #38bdf8; }\n        .mjo-badge--amber[_ngcontent-%COMP%] { background: rgba(245, 158, 11, 0.15); color: #f59e0b; }\n        .mjo-badge--gray[_ngcontent-%COMP%] { background: var(--mj-bg-surface-sunken); color: var(--mj-text-muted); border: 1px solid var(--mj-border-default); }\n\n        .mjo-btn[_ngcontent-%COMP%] {\n            border: none;\n            font-family: inherit;\n            font-weight: 600;\n            border-radius: var(--mj-radius-sm, 6px);\n            cursor: pointer;\n            transition: all 0.15s ease;\n        }\n\n        .mjo-btn--sm[_ngcontent-%COMP%] {\n            font-size: 11px;\n            padding: 4px 10px;\n        }\n\n        .mjo-btn--primary[_ngcontent-%COMP%] {\n            background: var(--mj-brand-primary, #38bdf8);\n            color: var(--mj-text-inverse, #0f172a);\n        }\n\n        .mjo-btn--ghost[_ngcontent-%COMP%] {\n            background: transparent;\n            color: var(--mj-text-muted);\n        }\n\n        .mjo-btn--ghost[_ngcontent-%COMP%]:hover {\n            color: var(--mj-text-primary);\n        }\n\n        .mjo-empty-state[_ngcontent-%COMP%] {\n            padding: 32px 16px;\n            text-align: center;\n            color: var(--mj-text-muted);\n            font-size: 12px;\n        }\n\n        .mjo-empty-state[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n            font-size: 24px;\n            margin-bottom: 8px;\n            opacity: 0.5;\n            display: block;\n        }"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(PartyOrdersOverviewComponent, [{
+        type: Component,
+        args: [{ selector: 'mjo-party-orders-overview', standalone: true, imports: [
+                    CommonModule,
+                    MJCardGridComponent,
+                    MJCardComponent,
+                    MJCardToolsDirective,
+                ], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+        <div class="mjo-overview">
+            @if (Loading) {
+                <div class="mjo-overview__loading">
+                    <div class="mjo-overview__spinner"></div>
+                    <span>Loading account overview &amp; order intelligence...</span>
+                </div>
+            } @else {
+                <mj-card-grid [(MaximizedCardId)]="MaximizedCardId" [Columns]="2" Gap="var(--mj-space-4, 16px)">
+                    
+                    <!-- 1. Spend & Revenue Trajectory Chart Card -->
+                    <mj-card CardId="trajectory"
+                             Title="Revenue &amp; Order Trajectory"
+                             Subtitle="Last 6 Months"
+                             Icon="fa-solid fa-chart-area"
+                             [AllowMaximize]="true">
+                        
+                        <div class="mjo-chart">
+                            @if (SpendMonths.length > 0) {
+                                <div class="mjo-chart__bars">
+                                    @for (m of SpendMonths; track m.MonthShort) {
+                                        <div class="mjo-chart__bar-group">
+                                            <div class="mjo-chart__tooltip">
+                                                {{ FormatCurrency(m.Amount) }} ({{ m.MonthLabel }})
+                                            </div>
+                                            <div class="mjo-chart__bar"
+                                                 [class.mjo-chart__bar--highlight]="m.IsPeak"
+                                                 [style.height.%]="m.HeightPct">
+                                            </div>
+                                            <span class="mjo-chart__label">{{ m.MonthShort }}</span>
+                                        </div>
+                                    }
+                                </div>
+                            } @else {
+                                <div class="mjo-chart__empty">
+                                    <i class="fa-solid fa-chart-line"></i>
+                                    <span>No completed orders in the last 6 months</span>
+                                </div>
+                            }
+                        </div>
+
+                        <div class="mjo-chart__footer">
+                            <div class="mjo-chart__metric">
+                                <span class="mjo-chart__metric-label">Avg Order Value</span>
+                                <span class="mjo-chart__metric-val">{{ FormatCurrency(AvgOrderValue) }}</span>
+                            </div>
+                            <div class="mjo-chart__metric">
+                                <span class="mjo-chart__metric-label">Lifetime Value</span>
+                                <span class="mjo-chart__metric-val mjo-chart__metric-val--success">{{ FormatCurrency(LifetimeValue) }}</span>
+                            </div>
+                            <div class="mjo-chart__metric">
+                                <span class="mjo-chart__metric-label">Payment Terms</span>
+                                <span class="mjo-chart__metric-val">Net 30 ACH</span>
+                            </div>
+                        </div>
+                    </mj-card>
+
+                    <!-- 2. Active Subscriptions & Licenses Deck -->
+                    <mj-card CardId="subscriptions"
+                             Title="Active Subscriptions &amp; Licenses"
+                             Icon="fa-solid fa-rotate"
+                             [AllowMaximize]="true">
+                        
+                        <ng-template mjCardTools>
+                            <span class="mjo-badge mjo-badge--green">{{ Subscriptions.length }} Active</span>
+                        </ng-template>
+
+                        <div class="mjo-sub-list">
+                            @if (Subscriptions.length > 0) {
+                                @for (sub of Subscriptions; track sub.ID) {
+                                    <div class="mjo-sub-item" (click)="OnSubClick(sub.ID)">
+                                        <div class="mjo-sub-item__info">
+                                            <h4>{{ sub.Product || sub.SubscriptionType || ('Subscription #' + sub.SubscriptionNumber) }}</h4>
+                                            <p>
+                                                @if (sub.EndDate) {
+                                                    Renews {{ FormatDate(sub.EndDate) }} &bull;
+                                                }
+                                                {{ sub.SubscriptionType || 'Active Subscription' }}
+                                            </p>
+                                        </div>
+                                        <div class="mjo-sub-item__badge">
+                                            <span class="mjo-badge mjo-badge--pill">
+                                                <i class="fa-solid fa-circle-check"></i>
+                                                {{ sub.AutoRenew ? 'Auto-Renew' : 'Active' }}
+                                            </span>
+                                        </div>
+                                    </div>
+                                }
+                            } @else {
+                                <div class="mjo-empty-state" style="padding: 20px 12px;">
+                                    <i class="fa-solid fa-rotate"></i>
+                                    <p>No active subscriptions on file for this {{ Mode }}.</p>
+                                </div>
+                            }
+                        </div>
+
+                        <div class="mjo-chart__footer">
+                            <div class="mjo-chart__metric">
+                                <span class="mjo-chart__metric-label">Active Licenses</span>
+                                <span class="mjo-chart__metric-val mjo-chart__metric-val--success">{{ Subscriptions.length }} Active</span>
+                            </div>
+                            <div class="mjo-chart__metric">
+                                <span class="mjo-chart__metric-label">Billing Cycle</span>
+                                <span class="mjo-chart__metric-val">{{ Subscriptions.length > 0 ? (Subscriptions[0].SubscriptionType || 'Annual') : '—' }}</span>
+                            </div>
+                            <div class="mjo-chart__metric">
+                                <span class="mjo-chart__metric-label">Renewal</span>
+                                <span class="mjo-chart__metric-val">{{ Subscriptions.length > 0 && Subscriptions[0].AutoRenew ? 'Auto-Renew' : 'Manual' }}</span>
+                            </div>
+                        </div>
+                    </mj-card>
+
+                    <!-- 3. Recent Orders & Invoices Table -->
+                    <mj-card CardId="recent-orders"
+                             Title="Recent Orders &amp; Invoices"
+                             Icon="fa-solid fa-receipt"
+                             [AllowMaximize]="true">
+                        
+                        <ng-template mjCardTools>
+                            @if (Orders.length > 0) {
+                                <span class="mjo-card__count">{{ Orders.length }} Total</span>
+                            }
+                        </ng-template>
+
+                        @if (Orders.length > 0) {
+                            <div class="mjo-table-wrap">
+                                <table class="mjo-table">
+                                    <thead>
+                                        <tr>
+                                            <th>Order #</th>
+                                            <th>Date</th>
+                                            <th>Amount</th>
+                                            <th>Payment</th>
+                                            <th>Status</th>
+                                            <th></th>
+                                        </tr>
+                                    </thead>
+                                    <tbody>
+                                        @for (ord of Orders; track ord.ID) {
+                                            <tr (click)="OnOrderClick(ord.ID)">
+                                                <td class="mjo-table__order-num">{{ ord.OrderNumber }}</td>
+                                                <td>{{ FormatDate(ord.OrderDate) }}</td>
+                                                <td class="mjo-table__amount">{{ FormatCurrency(ord.TotalGross) }}</td>
+                                                <td>
+                                                    <span [class]="GetPaymentBadgeClass(GetPaymentStatus(ord))">
+                                                        {{ GetPaymentStatus(ord) }}
+                                                    </span>
+                                                </td>
+                                                <td>
+                                                    <span [class]="GetStatusBadgeClass(ord.Status)">
+                                                        {{ ord.Status || 'Completed' }}
+                                                    </span>
+                                                </td>
+                                                <td class="mjo-table__action">
+                                                    <i class="fa-solid fa-arrow-up-right-from-square"></i>
+                                                </td>
+                                            </tr>
+                                        }
+                                    </tbody>
+                                </table>
+                            </div>
+                        } @else {
+                            <div class="mjo-empty-state">
+                                <i class="fa-solid fa-shopping-cart"></i>
+                                <p>No orders on file yet for this {{ Mode }}.</p>
+                            </div>
+                        }
+                    </mj-card>
+
+                    <!-- 4. Touchpoints Timeline Feed -->
+                    <mj-card CardId="touchpoints"
+                             Title="Recent Touchpoints"
+                             Icon="fa-solid fa-bolt-lightning"
+                             [AllowMaximize]="true">
+                        
+                        <div class="mjo-timeline">
+                            @if (Timeline.length > 0) {
+                                @for (item of Timeline; track item.Title + item.TimeAgo) {
+                                    <div class="mjo-timeline__item"
+                                         [class.mjo-timeline__item--clickable]="!!item.EntityName && !!item.RecordID"
+                                         (click)="OnTimelineItemClick(item)">
+                                        <div class="mjo-timeline__icon mjo-timeline__icon--{{ item.Tone }}">
+                                            <i [class]="item.Icon"></i>
+                                        </div>
+                                        <div class="mjo-timeline__content">
+                                            <h5>{{ item.Title }}</h5>
+                                            <p>{{ item.Subtitle }}</p>
+                                            <span class="mjo-timeline__time">{{ item.TimeAgo }}</span>
+                                        </div>
+                                        @if (item.EntityName && item.RecordID) {
+                                            <div class="mjo-timeline__arrow">
+                                                <i class="fa-solid fa-arrow-up-right-from-square"></i>
+                                            </div>
+                                        }
+                                    </div>
+                                }
+                            } @else {
+                                <div class="mjo-empty-state">
+                                    <i class="fa-solid fa-bolt-lightning"></i>
+                                    <p>No recent touchpoints recorded.</p>
+                                </div>
+                            }
+                        </div>
+                    </mj-card>
+
+                </mj-card-grid>
+            }
+        </div>
+    `, styles: ["\n        :host {\n            display: block;\n            width: 100%;\n        }\n\n        .mjo-overview {\n            display: flex;\n            flex-direction: column;\n            gap: var(--mj-space-4, 16px);\n            padding: var(--mj-space-2, 8px) 0;\n        }\n\n        .mjo-overview__loading {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 12px;\n            padding: 48px 24px;\n            color: var(--mj-text-secondary);\n            font-size: 13px;\n        }\n\n        .mjo-overview__spinner {\n            width: 20px;\n            height: 20px;\n            border: 2px solid var(--mj-border-default);\n            border-top-color: var(--mj-brand-primary, #38bdf8);\n            border-radius: 50%;\n            animation: mjo-spin 0.8s linear infinite;\n        }\n\n        @keyframes mjo-spin {\n            to { transform: rotate(360deg); }\n        }\n\n        .mjo-card__count {\n            font-size: 11.5px;\n            font-weight: 700;\n            color: var(--mj-text-muted);\n            background: var(--mj-bg-surface-sunken);\n            padding: 2px 8px;\n            border-radius: var(--mj-radius-pill, 9999px);\n        }\n\n        /* \u2500\u2500 Chart \u2500\u2500 */\n        .mjo-chart {\n            height: 160px;\n            display: flex;\n            align-items: flex-end;\n            position: relative;\n            padding-top: 24px;\n        }\n\n        .mjo-chart__bars {\n            display: flex;\n            align-items: flex-end;\n            justify-content: space-between;\n            width: 100%;\n            height: 100%;\n            gap: 12px;\n        }\n\n        .mjo-chart__bar-group {\n            flex: 1;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            gap: 6px;\n            height: 100%;\n            justify-content: flex-end;\n            position: relative;\n            cursor: pointer;\n        }\n\n        .mjo-chart__bar {\n            width: 100%;\n            max-width: 36px;\n            min-height: 4px;\n            border-radius: 6px 6px 0 0;\n            background: linear-gradient(180deg, #38bdf8 0%, rgba(56, 189, 248, 0.35) 100%);\n            transition: all 0.2s ease;\n        }\n\n        .mjo-chart__bar--highlight {\n            background: linear-gradient(180deg, #10b981 0%, rgba(16, 185, 129, 0.35) 100%);\n        }\n\n        .mjo-chart__bar-group:hover .mjo-chart__bar {\n            filter: brightness(1.2);\n            transform: scaleY(1.04);\n        }\n\n        .mjo-chart__label {\n            font-size: 11px;\n            color: var(--mj-text-muted);\n            font-weight: 600;\n        }\n\n        .mjo-chart__tooltip {\n            position: absolute;\n            top: -12px;\n            background: var(--mj-bg-surface-elevated, #1e293b);\n            border: 1px solid var(--mj-border-default);\n            padding: 3px 8px;\n            border-radius: 6px;\n            font-size: 11px;\n            font-weight: 700;\n            color: #ffffff;\n            white-space: nowrap;\n            opacity: 0;\n            pointer-events: none;\n            transition: opacity 0.15s ease;\n            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n            z-index: 10;\n        }\n\n        .mjo-chart__bar-group:hover .mjo-chart__tooltip {\n            opacity: 1;\n        }\n\n        .mjo-chart__empty {\n            width: 100%;\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n            justify-content: center;\n            gap: 8px;\n            color: var(--mj-text-muted);\n            font-size: 12px;\n        }\n\n        .mjo-chart__footer {\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            padding-top: 12px;\n            border-top: 1px solid var(--mj-border-default);\n            gap: 12px;\n            flex-wrap: wrap;\n            margin-top: auto;\n        }\n\n        .mjo-chart__metric {\n            display: flex;\n            flex-direction: column;\n            gap: 2px;\n        }\n\n        .mjo-chart__metric-label {\n            font-size: 10.5px;\n            font-weight: 700;\n            color: var(--mj-text-muted);\n            text-transform: uppercase;\n            letter-spacing: 0.04em;\n        }\n\n        .mjo-chart__metric-val {\n            font-size: 14px;\n            font-weight: 800;\n            font-variant-numeric: tabular-nums;\n            color: var(--mj-text-primary);\n        }\n\n        .mjo-chart__metric-val--success {\n            color: var(--mj-status-success, #10b981);\n        }\n\n        /* \u2500\u2500 Subscriptions \u2500\u2500 */\n        .mjo-sub-list {\n            display: flex;\n            flex-direction: column;\n            gap: 8px;\n        }\n\n        .mjo-sub-item {\n            background: var(--mj-bg-surface-sunken, #090e17);\n            border: 1px solid var(--mj-border-default);\n            border-radius: var(--mj-radius-md, 10px);\n            padding: 10px 14px;\n            display: flex;\n            align-items: center;\n            justify-content: space-between;\n            gap: 12px;\n            cursor: pointer;\n            transition: all 0.15s ease;\n        }\n\n        .mjo-sub-item:hover {\n            border-color: var(--mj-brand-primary, #38bdf8);\n            transform: translateY(-1px);\n        }\n\n        .mjo-sub-item__info h4 {\n            font-size: 12.5px;\n            font-weight: 700;\n            color: var(--mj-text-primary);\n            margin: 0 0 2px 0;\n        }\n\n        .mjo-sub-item__info p {\n            font-size: 11.5px;\n            color: var(--mj-text-secondary);\n            margin: 0;\n        }\n\n        /* \u2500\u2500 AI Box \u2500\u2500 */\n        .mjo-ai-box {\n            background: linear-gradient(135deg, color-mix(in srgb, var(--mj-brand-primary) 8%, var(--mj-bg-surface-card)) 0%, color-mix(in srgb, #6366f1 10%, var(--mj-bg-surface-card)) 100%);\n            border: 1px solid color-mix(in srgb, var(--mj-brand-primary) 30%, transparent);\n            border-radius: var(--mj-radius-md, 10px);\n            padding: 12px 14px;\n            display: flex;\n            flex-direction: column;\n            gap: 6px;\n            margin-top: 10px;\n        }\n\n        .mjo-ai-box__header {\n            display: flex;\n            align-items: center;\n            gap: 6px;\n            font-size: 12px;\n            font-weight: 700;\n            color: var(--mj-brand-primary, #38bdf8);\n        }\n\n        .mjo-ai-box__text {\n            font-size: 11.5px;\n            color: var(--mj-text-secondary);\n            line-height: 1.45;\n            margin: 0;\n        }\n\n        .mjo-ai-box__actions {\n            display: flex;\n            align-items: center;\n            gap: 8px;\n            margin-top: 4px;\n        }\n\n        /* \u2500\u2500 Table \u2500\u2500 */\n        .mjo-table-wrap {\n            overflow-x: auto;\n        }\n\n        .mjo-table {\n            width: 100%;\n            border-collapse: collapse;\n            font-size: 12px;\n        }\n\n        .mjo-table th {\n            text-align: left;\n            padding: 6px 10px;\n            font-size: 10.5px;\n            font-weight: 700;\n            color: var(--mj-text-muted);\n            text-transform: uppercase;\n            letter-spacing: 0.04em;\n            border-bottom: 1px solid var(--mj-border-default);\n        }\n\n        .mjo-table td {\n            padding: 8px 10px;\n            border-bottom: 1px solid var(--mj-border-subtle, var(--mj-border-default));\n            color: var(--mj-text-secondary);\n        }\n\n        .mjo-table tr:hover td {\n            background: var(--mj-bg-hover, rgba(255, 255, 255, 0.04));\n            color: var(--mj-text-primary);\n            cursor: pointer;\n        }\n\n        .mjo-table__order-num {\n            font-family: var(--mj-font-mono, monospace);\n            font-weight: 600;\n            color: var(--mj-brand-primary, #38bdf8);\n        }\n\n        .mjo-table__amount {\n            font-family: var(--mj-font-mono, monospace);\n            font-weight: 700;\n            color: var(--mj-text-primary);\n        }\n\n        .mjo-table__action {\n            text-align: right;\n            color: var(--mj-text-muted);\n        }\n\n        .mjo-table tr:hover .mjo-table__action {\n            color: var(--mj-brand-primary, #38bdf8);\n        }\n\n        /* \u2500\u2500 Timeline \u2500\u2500 */\n        .mjo-timeline {\n            display: flex;\n            flex-direction: column;\n            gap: 6px;\n            max-height: 220px;\n            overflow-y: auto;\n            padding-right: 4px;\n            scrollbar-width: thin;\n        }\n\n        .mjo-timeline::-webkit-scrollbar {\n            width: 4px;\n        }\n\n        .mjo-timeline::-webkit-scrollbar-track {\n            background: transparent;\n        }\n\n        .mjo-timeline::-webkit-scrollbar-thumb {\n            background: var(--mj-border-default, #2a3852);\n            border-radius: 4px;\n        }\n\n        .mjo-timeline__item {\n            display: flex;\n            align-items: center;\n            gap: 10px;\n            padding: 8px 10px;\n            border-radius: var(--mj-radius-md, 8px);\n            border: 1px solid transparent;\n            transition: all 0.15s ease;\n        }\n\n        .mjo-timeline__item--clickable {\n            cursor: pointer;\n        }\n\n        .mjo-timeline__item--clickable:hover {\n            background: var(--mj-bg-surface-sunken, #090e17);\n            border-color: var(--mj-border-default, #2a3852);\n            transform: translateX(2px);\n        }\n\n        .mjo-timeline__icon {\n            width: 28px;\n            height: 28px;\n            border-radius: 50%;\n            background: var(--mj-bg-surface-sunken);\n            border: 1px solid var(--mj-border-default);\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 11.5px;\n            flex-shrink: 0;\n        }\n\n        .mjo-timeline__icon--info { color: #38bdf8; }\n        .mjo-timeline__icon--success { color: #10b981; }\n        .mjo-timeline__icon--warning { color: #f59e0b; }\n        .mjo-timeline__icon--primary { color: #818cf8; }\n\n        .mjo-timeline__content {\n            flex: 1;\n            min-width: 0;\n        }\n\n        .mjo-timeline__content h5 {\n            font-size: 12px;\n            font-weight: 600;\n            color: var(--mj-text-primary);\n            margin: 0;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        .mjo-timeline__content p {\n            font-size: 11px;\n            color: var(--mj-text-secondary);\n            margin: 2px 0 0 0;\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n        }\n\n        .mjo-timeline__time {\n            font-size: 10px;\n            color: var(--mj-text-muted);\n            display: block;\n            margin-top: 1px;\n        }\n\n        .mjo-timeline__arrow {\n            font-size: 10px;\n            color: var(--mj-text-muted);\n            opacity: 0;\n            transition: opacity 0.15s ease, color 0.15s ease;\n            flex-shrink: 0;\n        }\n\n        .mjo-timeline__item--clickable:hover .mjo-timeline__arrow {\n            opacity: 1;\n            color: var(--mj-brand-primary, #38bdf8);\n        }\n\n        /* \u2500\u2500 Badges & Buttons \u2500\u2500 */\n        .mjo-badge {\n            font-size: 10.5px;\n            font-weight: 700;\n            padding: 2px 7px;\n            border-radius: 4px;\n            display: inline-flex;\n            align-items: center;\n            gap: 4px;\n        }\n\n        .mjo-badge--pill { border-radius: var(--mj-radius-pill, 9999px); }\n        .mjo-badge--green { background: rgba(16, 185, 129, 0.15); color: #10b981; }\n        .mjo-badge--blue { background: rgba(56, 189, 248, 0.15); color: #38bdf8; }\n        .mjo-badge--amber { background: rgba(245, 158, 11, 0.15); color: #f59e0b; }\n        .mjo-badge--gray { background: var(--mj-bg-surface-sunken); color: var(--mj-text-muted); border: 1px solid var(--mj-border-default); }\n\n        .mjo-btn {\n            border: none;\n            font-family: inherit;\n            font-weight: 600;\n            border-radius: var(--mj-radius-sm, 6px);\n            cursor: pointer;\n            transition: all 0.15s ease;\n        }\n\n        .mjo-btn--sm {\n            font-size: 11px;\n            padding: 4px 10px;\n        }\n\n        .mjo-btn--primary {\n            background: var(--mj-brand-primary, #38bdf8);\n            color: var(--mj-text-inverse, #0f172a);\n        }\n\n        .mjo-btn--ghost {\n            background: transparent;\n            color: var(--mj-text-muted);\n        }\n\n        .mjo-btn--ghost:hover {\n            color: var(--mj-text-primary);\n        }\n\n        .mjo-empty-state {\n            padding: 32px 16px;\n            text-align: center;\n            color: var(--mj-text-muted);\n            font-size: 12px;\n        }\n\n        .mjo-empty-state i {\n            font-size: 24px;\n            margin-bottom: 8px;\n            opacity: 0.5;\n            display: block;\n        }\n    "] }]
+    }], null, { Mode: [{
+            type: Input,
+            args: [{ required: true }]
+        }], PartyID: [{
+            type: Input,
+            args: [{ required: true }]
+        }], FormComponent: [{
+            type: Input
+        }], Provider: [{
+            type: Input
+        }], RunQueryProvider: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(PartyOrdersOverviewComponent, { className: "PartyOrdersOverviewComponent", filePath: "lib/panels/party-orders-overview.component.ts", lineNumber: 741 }); })();
+//# sourceMappingURL=party-orders-overview.component.js.map