@mj-biz-apps/contracts-ng 0.1.0

package/dist/lib/form-panels/contract.panels.js

@@ -0,0 +1,1167 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * @fileoverview The Contract form's panels — built to `mockups-v2/contract-form.html`.
+ *
+ * v1 replaced the generated Contract form outright. v2 does not: every panel here is a `BaseFormPanel`
+ * contribution, so CodeGen can regenerate the form freely and these keep working.
+ *
+ * THREE THINGS AN EARLIER VERSION OF THIS FILE GOT WRONG, all visible on screen and none in the source:
+ *
+ *  1. **The panels were not `<mj-collapsible-panel>`s.** They were hand-rolled `<div class="card">`s, so
+ *     they had none of MJ's panel chrome — hence text with no card behind it, cards touching each other,
+ *     and content overflowing. The one panel that looked right (Documents) was the one panel built on
+ *     the real component.
+ *  2a. **`contributionKey` MUST EQUAL the panel's own `SectionKey`, and must DIFFER from
+ *      `replacesSectionKey`.** This is the rule that took longest to find, because breaking it fails
+ *      two different ways. The container resolves contribution chrome by `contributionKey`
+ *      (`contributionRailKey`) but builds the rail's groups from the rendered panels' `SectionKey`
+ *      (`BuildDefaultChromeSpec` over `visiblePanels`) — so if they differ, the `Primary` inclusion is
+ *      computed and then never attaches to any rendered panel, and the panel folds into Details.
+ *      And if the panel's own `SectionKey` equals its `replacesSectionKey`, the replacement adds that
+ *      key to `HiddenSectionKeys`, which filters out the panel ITSELF — the section disappeared from
+ *      the form entirely, taking the dates and renewal fields with it. Both were live here at once.
+ *
+ *  2. **No `inclusion: 'Primary'`.** Under `Layout: 'left-nav'` the forms guide is explicit: *"Field
+ *     panels collapse into one **Details** item"*, and named rail entries come from Primary
+ *     contributions. Without it, every panel folded into `Details` and the form had exactly one section
+ *     — the "everything in one page" problem.
+ *  3. **The hero was one line.** The mockup's hero is identity + chips + a meta row + a five-stat strip,
+ *     and the stats are the part a reader actually scans.
+ *
+ * The hero lives in `before-fields` with NO `replacesSectionKey`: the mockup keeps the generated fields
+ * as their own Overview section, and content in `before-fields` stays put across rail sections, which is
+ * what makes the hero persistent chrome rather than a section.
+ *
+ * @module @mj-biz-apps/contracts-ng
+ */
+import { ChangeDetectorRef, Component, ViewEncapsulation, inject } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { FormsModule } from '@angular/forms';
+import { RegisterClassEx } from '@memberjunction/global';
+import { BaseFormPanel, BaseFormsModule } from '@memberjunction/ng-base-forms';
+import { HierarchyTreeComponent } from '@memberjunction/ng-hierarchy-tree';
+import { NavigationService } from '@memberjunction/ng-shared';
+import { MJC_ENTITIES } from '../data/entity-names';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@memberjunction/ng-base-forms";
+function MJCContractHeroPanel_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 8);
+    i0.ɵɵtext(1);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.TypeName);
+} }
+function MJCContractHeroPanel_Conditional_11_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 9);
+    i0.ɵɵdomElement(1, "i", 19);
+    i0.ɵɵtext(2, " Agreement modified ");
+    i0.ɵɵdomElementEnd();
+} }
+function MJCContractHeroPanel_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 10);
+    i0.ɵɵdomElement(1, "i", 20);
+    i0.ɵɵtext(2, " Awaiting document ");
+    i0.ɵɵdomElementEnd();
+} }
+function MJCContractHeroPanel_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span");
+    i0.ɵɵtext(1, "Contact: ");
+    i0.ɵɵdomElementStart(2, "strong");
+    i0.ɵɵtext(3);
+    i0.ɵɵdomElementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r0.ContactName);
+} }
+function MJCContractHeroPanel_Conditional_32_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 17);
+    i0.ɵɵtext(1, "not signed yet");
+    i0.ɵɵdomElementEnd();
+} }
+function MJCContractHeroPanel_Conditional_45_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 17);
+    i0.ɵɵtext(1);
+    i0.ɵɵdomElementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.EndsInText);
+} }
+function MJCContractHeroPanel_Conditional_51_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 17);
+    i0.ɵɵtext(1, "no standard terms referenced");
+    i0.ɵɵdomElementEnd();
+} }
+function MJCContractHeroPanel_Conditional_57_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "span", 17);
+    i0.ɵɵtext(1, "entered directly");
+    i0.ɵɵdomElementEnd();
+} }
+function MJCContractHeroPanel_Conditional_58_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵdomElementStart(0, "div", 18);
+    i0.ɵɵtext(1, " The contract number is minted on first save, from a counter taken under a lock \u2014 so it cannot collide with another contract created at the same moment. ");
+    i0.ɵɵdomElementEnd();
+} }
+function MJCContractRenewalPanel_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "select", 13);
+    i0.ɵɵlistener("ngModelChange", function MJCContractRenewalPanel_Conditional_8_Template_select_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Set("AutoRenew", $event)); });
+    i0.ɵɵelementStart(1, "option", 14);
+    i0.ɵɵtext(2, "Yes");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "option", 14);
+    i0.ɵɵtext(4, "No");
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngModel", ctx_r1.Record.AutoRenew);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("ngValue", true);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("ngValue", false);
+} }
+function MJCContractRenewalPanel_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.Record.AutoRenew ? "Yes" : "No");
+} }
+function MJCContractRenewalPanel_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 7);
+    i0.ɵɵtext(1, "someone must act for this to continue");
+    i0.ɵɵelementEnd();
+} }
+function MJCContractRenewalPanel_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "input", 15);
+    i0.ɵɵlistener("ngModelChange", function MJCContractRenewalPanel_Conditional_14_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Set("RenewalNoticeDays", $event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngModel", ctx_r1.Record.RenewalNoticeDays);
+} }
+function MJCContractRenewalPanel_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.Record.RenewalNoticeDays ? ctx_r1.Record.RenewalNoticeDays + " days" : "\u2014");
+} }
+function MJCContractRenewalPanel_Conditional_16_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 7);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "date");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1("deadline: ", i0.ɵɵpipeBind2(2, 1, ctx_r1.NoticeDeadline, "d MMM y"));
+} }
+function MJCContractRenewalPanel_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "input", 16);
+    i0.ɵɵlistener("ngModelChange", function MJCContractRenewalPanel_Conditional_20_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Set("CancellationWindowDays", $event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngModel", ctx_r1.Record.CancellationWindowDays);
+} }
+function MJCContractRenewalPanel_Conditional_21_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.Record.CancellationWindowDays ? ctx_r1.Record.CancellationWindowDays + " days" : "\u2014");
+} }
+function MJCContractRenewalPanel_Conditional_22_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 7);
+    i0.ɵɵtext(1, "the window is open now");
+    i0.ɵɵelementEnd();
+} }
+function MJCContractRenewalPanel_Conditional_26_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "input", 17);
+    i0.ɵɵlistener("ngModelChange", function MJCContractRenewalPanel_Conditional_26_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.Set("AnnualIncreasePercent", $event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngModel", ctx_r1.Record.AnnualIncreasePercent);
+} }
+function MJCContractRenewalPanel_Conditional_27_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.Record.AnnualIncreasePercent !== null ? ctx_r1.Record.AnnualIncreasePercent + "%" : "\u2014");
+} }
+function MJCContractRenewalPanel_Conditional_30_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 12);
+    i0.ɵɵtext(1, " No renewal terms recorded. If the agreement states any, recording them is what puts this contract on the renewals watchlist. ");
+    i0.ɵɵelementEnd();
+} }
+function MJCContractDatesPanel_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "input", 12);
+    i0.ɵɵlistener("ngModelChange", function MJCContractDatesPanel_Conditional_6_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SetDate("ExecutedDate", $event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngModel", ctx_r1.AsInput(ctx_r1.Record.ExecutedDate));
+} }
+function MJCContractDatesPanel_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 5);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "date");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, ctx_r1.Record.ExecutedDate, "d MMM y") || "\u2014");
+} }
+function MJCContractDatesPanel_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "input", 13);
+    i0.ɵɵlistener("ngModelChange", function MJCContractDatesPanel_Conditional_13_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SetDate("EffectiveDate", $event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngModel", ctx_r1.AsInput(ctx_r1.Record.EffectiveDate));
+} }
+function MJCContractDatesPanel_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 5);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "date");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, ctx_r1.Record.EffectiveDate, "d MMM y") || "\u2014");
+} }
+function MJCContractDatesPanel_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "input", 14);
+    i0.ɵɵlistener("ngModelChange", function MJCContractDatesPanel_Conditional_18_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SetDate("EndDate", $event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngModel", ctx_r1.AsInput(ctx_r1.Record.EndDate));
+} }
+function MJCContractDatesPanel_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 5);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "date");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, ctx_r1.Record.EndDate, "d MMM y") || "\u2014");
+} }
+function MJCContractDatesPanel_Conditional_20_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 6);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r1.EndsInText);
+} }
+function MJCContractDatesPanel_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "input", 15);
+    i0.ɵɵlistener("ngModelChange", function MJCContractDatesPanel_Conditional_24_Template_input_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.SetDate("TerminatedDate", $event)); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngModel", ctx_r1.AsInput(ctx_r1.Record.TerminatedDate));
+} }
+function MJCContractDatesPanel_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 5);
+    i0.ɵɵtext(1);
+    i0.ɵɵpipe(2, "date");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵclassProp("mjc-val--ro", !ctx_r1.Record.TerminatedDate);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 3, ctx_r1.Record.TerminatedDate, "d MMM y") || "\u2014");
+} }
+function MJCContractLineagePanel_Conditional_2_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "p", 4);
+    i0.ɵɵtext(1, " This is a change order to ");
+    i0.ɵɵelementStart(2, "strong");
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵtext(4, ". ");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r0.ParentName);
+} }
+function MJCContractLineagePanel_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 1);
+    i0.ɵɵconditionalCreate(1, MJCContractLineagePanel_Conditional_2_Conditional_1_Template, 5, 1, "p", 4);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.ParentName ? 1 : -1);
+} }
+function MJCContractLineagePanel_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 3);
+    i0.ɵɵtext(1, " A standalone agreement \u2014 nothing above it, no change orders, and nothing has replaced it. ");
+    i0.ɵɵelementEnd();
+} }
+/** Chip variant per lifecycle state — colour carries meaning, so each state gets a considered one. */
+function chipClassFor(state) {
+    switch (state) {
+        case 'Active': return 'mjc-chip--ok';
+        case 'Executed': return 'mjc-chip--info'; // signed, waiting — good news, not yet in force
+        case 'Terminated': return 'mjc-chip--error';
+        case 'Expired': return 'mjc-chip--muted';
+        case 'Superseded': return 'mjc-chip--muted';
+        default: return 'mjc-chip--muted'; // Draft
+    }
+}
+/* ────────────────────────────────────────────────────────────────────────────
+ * 1 · Hero — persistent identity, above the rail
+ * ──────────────────────────────────────────────────────────────────────────── */
+let MJCContractHeroPanel = class MJCContractHeroPanel extends BaseFormPanel {
+    /**
+     * The human name for this agreement: its description, falling back to the number.
+     *
+     * The mockup's hero title is a descriptive line ("Sidecar — Learning Hub, 2-year"), not the contract
+     * number — the number is already in the meta row directly beneath, and repeating it as the headline
+     * wastes the one place a reader looks first.
+     */
+    get Title() {
+        return this.Record?.Description?.trim() || this.Record?.ContractNumber || 'New contract';
+    }
+    /**
+     * READ from the view's derived column. Application code does not re-derive state (Marcelo,
+     * 2026-08-19) — the view is the single authority, and `DeriveContractState()` is now for tests
+     * and the equivalence harness only.
+     *
+     * This panel used to re-derive it in the browser so the chip tracked UNSAVED date edits. That
+     * bought a live-updating chip and cost the thing worth more: a second implementation that could
+     * disagree with the view, which is exactly what happened — the two diverged on the termination
+     * boundary and no test could see it. The chip now shows what is PERSISTED, which is also the
+     * more honest claim: a state chip that reacts to an unsaved date is asserting something no
+     * query would agree with until the record is saved.
+     *
+     * A never-saved record has no column value, and `Draft` is not a guess there — it is what the
+     * view's own `ELSE` branch returns for a row with no dates, which is every new contract.
+     */
+    get State() {
+        return this.Record?.State || 'Draft';
+    }
+    get StateChipClass() { return chipClassFor(this.State); }
+    /* Joined name columns off the base view, through typed members (D-23 / D-26). */
+    get TypeName() { return this.Record?.ContractType ?? ''; }
+    get CustomerName() { return this.Record?.CustomerOrganization ?? ''; }
+    get CompanyName() { return this.Record?.Company ?? ''; }
+    get ContactName() { return this.Record?.PrimaryContactPerson ?? ''; }
+    get TemplateName() { return this.Record?.ContractTemplate ?? ''; }
+    get CreatingEntityName() { return this.Record?.CreatingEntity ?? ''; }
+    get IsAwaitingDocument() { return this.Record?.IsAwaitingDocument === true; }
+    get DaysToEnd() { return this.Record?.DaysToEnd ?? null; }
+    /** "in 16 months" reads better than "in 487 days" past a couple of months — the mockup's phrasing. */
+    get EndsInText() {
+        const d = this.DaysToEnd;
+        if (d === null)
+            return '';
+        if (d < 0)
+            return `ended ${Math.abs(d)} days ago`;
+        if (d === 0)
+            return 'ends today';
+        if (d < 60)
+            return `in ${d} days`;
+        const months = Math.round(d / 30);
+        return `in ${months} month${months === 1 ? '' : 's'}`;
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵMJCContractHeroPanel_BaseFactory; return function MJCContractHeroPanel_Factory(__ngFactoryType__) { return (ɵMJCContractHeroPanel_BaseFactory || (ɵMJCContractHeroPanel_BaseFactory = i0.ɵɵgetInheritedFactory(MJCContractHeroPanel)))(__ngFactoryType__ || MJCContractHeroPanel); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJCContractHeroPanel, selectors: [["mjc-contract-hero-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 59, vars: 30, consts: [[1, "mjc-hero"], [1, "mjc-hero__identity"], [1, "mjc-hero__avatar"], ["aria-hidden", "true", 1, "fa-solid", "fa-file-signature"], [1, "mjc-hero__copy"], [1, "mjc-hero__title-row"], [1, "mjc-hero__title"], [1, "mjc-chip"], [1, "mjc-chip", "mjc-chip--info"], ["title", "This contract deviates from the standard agreement \u2014 read the paper", 1, "mjc-chip", "mjc-chip--warn"], ["title", "This contract type expects an executed document and none is attached", 1, "mjc-chip", "mjc-chip--warn"], [1, "mjc-hero__meta"], [1, "mjc-mono"], [1, "mjc-hero__stats"], [1, "mjc-stat"], [1, "mjc-stat__label"], [1, "mjc-stat__value"], [1, "mjc-stat__sub"], [1, "mjc-flag"], ["aria-hidden", "true", 1, "fa-solid", "fa-triangle-exclamation"], ["aria-hidden", "true", 1, "fa-solid", "fa-file-circle-question"]], template: function MJCContractHeroPanel_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵdomElementStart(0, "div", 0)(1, "div", 1)(2, "div", 2);
+            i0.ɵɵdomElement(3, "i", 3);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(4, "div", 4)(5, "div", 5)(6, "h1", 6);
+            i0.ɵɵtext(7);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(8, "span", 7);
+            i0.ɵɵtext(9);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵconditionalCreate(10, MJCContractHeroPanel_Conditional_10_Template, 2, 1, "span", 8);
+            i0.ɵɵconditionalCreate(11, MJCContractHeroPanel_Conditional_11_Template, 3, 0, "span", 9);
+            i0.ɵɵconditionalCreate(12, MJCContractHeroPanel_Conditional_12_Template, 3, 0, "span", 10);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(13, "div", 11)(14, "span", 12);
+            i0.ɵɵtext(15);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(16, "span");
+            i0.ɵɵtext(17, "Customer: ");
+            i0.ɵɵdomElementStart(18, "strong");
+            i0.ɵɵtext(19);
+            i0.ɵɵdomElementEnd()();
+            i0.ɵɵdomElementStart(20, "span");
+            i0.ɵɵtext(21, "Selling: ");
+            i0.ɵɵdomElementStart(22, "strong");
+            i0.ɵɵtext(23);
+            i0.ɵɵdomElementEnd()();
+            i0.ɵɵconditionalCreate(24, MJCContractHeroPanel_Conditional_24_Template, 4, 1, "span");
+            i0.ɵɵdomElementEnd()()();
+            i0.ɵɵdomElementStart(25, "div", 13)(26, "div", 14)(27, "span", 15);
+            i0.ɵɵtext(28, "Executed");
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(29, "span", 16);
+            i0.ɵɵtext(30);
+            i0.ɵɵpipe(31, "date");
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵconditionalCreate(32, MJCContractHeroPanel_Conditional_32_Template, 2, 0, "span", 17);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(33, "div", 14)(34, "span", 15);
+            i0.ɵɵtext(35, "Effective");
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(36, "span", 16);
+            i0.ɵɵtext(37);
+            i0.ɵɵpipe(38, "date");
+            i0.ɵɵdomElementEnd()();
+            i0.ɵɵdomElementStart(39, "div", 14)(40, "span", 15);
+            i0.ɵɵtext(41, "Term ends");
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(42, "span", 16);
+            i0.ɵɵtext(43);
+            i0.ɵɵpipe(44, "date");
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵconditionalCreate(45, MJCContractHeroPanel_Conditional_45_Template, 2, 1, "span", 17);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(46, "div", 14)(47, "span", 15);
+            i0.ɵɵtext(48, "Agreement");
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(49, "span", 16);
+            i0.ɵɵtext(50);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵconditionalCreate(51, MJCContractHeroPanel_Conditional_51_Template, 2, 0, "span", 17);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(52, "div", 14)(53, "span", 15);
+            i0.ɵɵtext(54, "Created by");
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵdomElementStart(55, "span", 16);
+            i0.ɵɵtext(56);
+            i0.ɵɵdomElementEnd();
+            i0.ɵɵconditionalCreate(57, MJCContractHeroPanel_Conditional_57_Template, 2, 0, "span", 17);
+            i0.ɵɵdomElementEnd()();
+            i0.ɵɵconditionalCreate(58, MJCContractHeroPanel_Conditional_58_Template, 2, 0, "div", 18);
+            i0.ɵɵdomElementEnd();
+        } if (rf & 2) {
+            i0.ɵɵadvance(7);
+            i0.ɵɵtextInterpolate(ctx.Title);
+            i0.ɵɵadvance();
+            i0.ɵɵclassMap("mjc-chip " + ctx.StateChipClass);
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate(ctx.State);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.TypeName ? 10 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Record.HasModifications ? 11 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.IsAwaitingDocument ? 12 : -1);
+            i0.ɵɵadvance(3);
+            i0.ɵɵtextInterpolate(ctx.Record.ContractNumber || "Unnumbered");
+            i0.ɵɵadvance(4);
+            i0.ɵɵtextInterpolate(ctx.CustomerName || "\u2014");
+            i0.ɵɵadvance(4);
+            i0.ɵɵtextInterpolate(ctx.CompanyName || "\u2014");
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.ContactName ? 24 : -1);
+            i0.ɵɵadvance(6);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(31, 21, ctx.Record.ExecutedDate, "d MMM y") || "\u2014");
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(!ctx.Record.ExecutedDate ? 32 : -1);
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(38, 24, ctx.Record.EffectiveDate, "d MMM y") || "\u2014");
+            i0.ɵɵadvance(6);
+            i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(44, 27, ctx.Record.EndDate, "d MMM y") || "\u2014");
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.DaysToEnd !== null ? 45 : -1);
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(ctx.TemplateName || "\u2014");
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.TemplateName ? 51 : -1);
+            i0.ɵɵadvance(5);
+            i0.ɵɵtextInterpolate(ctx.CreatingEntityName || "\u2014");
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.CreatingEntityName ? 57 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.Record.ContractNumber ? 58 : -1);
+        } }, dependencies: [CommonModule, BaseFormsModule, i1.DatePipe], encapsulation: 2 });
+};
+MJCContractHeroPanel = __decorate([
+    RegisterClassEx(BaseFormPanel, {
+        key: 'contracts:hero',
+        skipNullKeyWarning: true,
+        metadata: {
+            entity: MJC_ENTITIES.Contract,
+            slot: 'before-fields',
+            sortKey: 100,
+            contributionKey: 'header',
+        },
+    })
+], MJCContractHeroPanel);
+export { MJCContractHeroPanel };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJCContractHeroPanel, [{
+        type: Component,
+        args: [{
+                selector: 'mjc-contract-hero-panel',
+                standalone: true,
+                encapsulation: ViewEncapsulation.None,
+                imports: [CommonModule, BaseFormsModule],
+                template: `
+        <div class="mjc-hero">
+            <div class="mjc-hero__identity">
+                <div class="mjc-hero__avatar"><i class="fa-solid fa-file-signature" aria-hidden="true"></i></div>
+                <div class="mjc-hero__copy">
+                    <div class="mjc-hero__title-row">
+                        <h1 class="mjc-hero__title">{{ Title }}</h1>
+                        <span class="mjc-chip" [class]="'mjc-chip ' + StateChipClass">{{ State }}</span>
+                        @if (TypeName) { <span class="mjc-chip mjc-chip--info">{{ TypeName }}</span> }
+                        @if (Record.HasModifications) {
+                            <span class="mjc-chip mjc-chip--warn"
+                                  title="This contract deviates from the standard agreement — read the paper">
+                                <i class="fa-solid fa-triangle-exclamation" aria-hidden="true"></i> Agreement modified
+                            </span>
+                        }
+                        @if (IsAwaitingDocument) {
+                            <span class="mjc-chip mjc-chip--warn"
+                                  title="This contract type expects an executed document and none is attached">
+                                <i class="fa-solid fa-file-circle-question" aria-hidden="true"></i> Awaiting document
+                            </span>
+                        }
+                    </div>
+                    <div class="mjc-hero__meta">
+                        <span class="mjc-mono">{{ Record.ContractNumber || 'Unnumbered' }}</span>
+                        <span>Customer: <strong>{{ CustomerName || '—' }}</strong></span>
+                        <span>Selling: <strong>{{ CompanyName || '—' }}</strong></span>
+                        @if (ContactName) { <span>Contact: <strong>{{ ContactName }}</strong></span> }
+                    </div>
+                </div>
+            </div>
+
+            <div class="mjc-hero__stats">
+                <div class="mjc-stat">
+                    <span class="mjc-stat__label">Executed</span>
+                    <span class="mjc-stat__value">{{ (Record.ExecutedDate | date: 'd MMM y') || '—' }}</span>
+                    @if (!Record.ExecutedDate) { <span class="mjc-stat__sub">not signed yet</span> }
+                </div>
+                <div class="mjc-stat">
+                    <span class="mjc-stat__label">Effective</span>
+                    <span class="mjc-stat__value">{{ (Record.EffectiveDate | date: 'd MMM y') || '—' }}</span>
+                </div>
+                <div class="mjc-stat">
+                    <span class="mjc-stat__label">Term ends</span>
+                    <span class="mjc-stat__value">{{ (Record.EndDate | date: 'd MMM y') || '—' }}</span>
+                    @if (DaysToEnd !== null) { <span class="mjc-stat__sub">{{ EndsInText }}</span> }
+                </div>
+                <div class="mjc-stat">
+                    <span class="mjc-stat__label">Agreement</span>
+                    <span class="mjc-stat__value">{{ TemplateName || '—' }}</span>
+                    @if (!TemplateName) { <span class="mjc-stat__sub">no standard terms referenced</span> }
+                </div>
+                <div class="mjc-stat">
+                    <span class="mjc-stat__label">Created by</span>
+                    <span class="mjc-stat__value">{{ CreatingEntityName || '—' }}</span>
+                    @if (!CreatingEntityName) { <span class="mjc-stat__sub">entered directly</span> }
+                </div>
+            </div>
+
+            @if (!Record.ContractNumber) {
+                <div class="mjc-flag">
+                    The contract number is minted on first save, from a counter taken under a lock — so it
+                    cannot collide with another contract created at the same moment.
+                </div>
+            }
+        </div>
+    `,
+            }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJCContractHeroPanel, { className: "MJCContractHeroPanel", filePath: "lib/form-panels/contract.panels.ts", lineNumber: 144 }); })();
+/* ────────────────────────────────────────────────────────────────────────────
+ * 2 · Renewal terms — a real rail section
+ * ──────────────────────────────────────────────────────────────────────────── */
+let MJCContractRenewalPanel = class MJCContractRenewalPanel extends BaseFormPanel {
+    /**
+     * Write a field through the typed entity. Named `Set` rather than bound with two-way `[(ngModel)]`
+     * so the write goes through one place — a two-way binding on `Record.X` works but gives no hook for
+     * the dirty notification the form toolbar needs.
+     */
+    Set(field, value) {
+        this.Record[field] = value;
+    }
+    /** The authoritative view column — unlike State, nobody wants this tracking a half-typed edit. */
+    get NoticeDeadline() { return this.Record?.RenewalNoticeDeadline ?? null; }
+    get InCancellationWindow() { return this.Record?.IsInCancellationWindow === true; }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵMJCContractRenewalPanel_BaseFactory; return function MJCContractRenewalPanel_Factory(__ngFactoryType__) { return (ɵMJCContractRenewalPanel_BaseFactory || (ɵMJCContractRenewalPanel_BaseFactory = i0.ɵɵgetInheritedFactory(MJCContractRenewalPanel)))(__ngFactoryType__ || MJCContractRenewalPanel); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJCContractRenewalPanel, selectors: [["mjc-contract-renewal-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 31, vars: 10, consts: [["SectionKey", "renewal", "SectionName", "Renewal terms", "Icon", "fa-solid fa-calendar-days", 3, "Form", "FormContext"], [1, "mjc-body"], [1, "mjc-chip", "mjc-chip--muted"], [1, "mjc-fields"], [1, "mjc-field"], ["aria-label", "Does this agreement auto-renew?", 3, "ngModel"], [1, "mjc-val"], [1, "mjc-hint"], ["type", "number", "min", "0", "aria-label", "Renewal notice days", 2, "width", "100%", 3, "ngModel"], ["type", "number", "min", "0", "aria-label", "Cancellation window days", 2, "width", "100%", 3, "ngModel"], ["type", "number", "min", "0", "step", "0.01", "aria-label", "Annual increase percent", 2, "width", "100%", 3, "ngModel"], [1, "mjc-note"], [1, "mjc-empty"], ["aria-label", "Does this agreement auto-renew?", 3, "ngModelChange", "ngModel"], [3, "ngValue"], ["type", "number", "min", "0", "aria-label", "Renewal notice days", 2, "width", "100%", 3, "ngModelChange", "ngModel"], ["type", "number", "min", "0", "aria-label", "Cancellation window days", 2, "width", "100%", 3, "ngModelChange", "ngModel"], ["type", "number", "min", "0", "step", "0.01", "aria-label", "Annual increase percent", 2, "width", "100%", 3, "ngModelChange", "ngModel"]], template: function MJCContractRenewalPanel_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-collapsible-panel", 0)(1, "div", 1)(2, "span", 2);
+            i0.ɵɵtext(3, "as stated in the agreement");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(4, "div", 3)(5, "div", 4)(6, "label");
+            i0.ɵɵtext(7, "Auto-renews");
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(8, MJCContractRenewalPanel_Conditional_8_Template, 5, 3, "select", 5)(9, MJCContractRenewalPanel_Conditional_9_Template, 2, 1, "div", 6);
+            i0.ɵɵconditionalCreate(10, MJCContractRenewalPanel_Conditional_10_Template, 2, 0, "div", 7);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(11, "div", 4)(12, "label");
+            i0.ɵɵtext(13, "Renewal notice we owe (days)");
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(14, MJCContractRenewalPanel_Conditional_14_Template, 1, 1, "input", 8)(15, MJCContractRenewalPanel_Conditional_15_Template, 2, 1, "div", 6);
+            i0.ɵɵconditionalCreate(16, MJCContractRenewalPanel_Conditional_16_Template, 3, 4, "div", 7);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(17, "div", 4)(18, "label");
+            i0.ɵɵtext(19, "Notice to cancel (days)");
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(20, MJCContractRenewalPanel_Conditional_20_Template, 1, 1, "input", 9)(21, MJCContractRenewalPanel_Conditional_21_Template, 2, 1, "div", 6);
+            i0.ɵɵconditionalCreate(22, MJCContractRenewalPanel_Conditional_22_Template, 2, 0, "div", 7);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(23, "div", 4)(24, "label");
+            i0.ɵɵtext(25, "Annual increase (%)");
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(26, MJCContractRenewalPanel_Conditional_26_Template, 1, 1, "input", 10)(27, MJCContractRenewalPanel_Conditional_27_Template, 2, 1, "div", 6);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(28, "p", 11);
+            i0.ɵɵtext(29, " These record what the signed paper says. The subscription in orders holds the operational setting and may legitimately differ \u2014 a mismatch is a finding, not a bug. ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(30, MJCContractRenewalPanel_Conditional_30_Template, 2, 0, "div", 12);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext);
+            i0.ɵɵadvance(8);
+            i0.ɵɵconditional(ctx.EditMode ? 8 : 9);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(!ctx.Record.AutoRenew ? 10 : -1);
+            i0.ɵɵadvance(4);
+            i0.ɵɵconditional(ctx.EditMode ? 14 : 15);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.NoticeDeadline ? 16 : -1);
+            i0.ɵɵadvance(4);
+            i0.ɵɵconditional(ctx.EditMode ? 20 : 21);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.InCancellationWindow ? 22 : -1);
+            i0.ɵɵadvance(4);
+            i0.ɵɵconditional(ctx.EditMode ? 26 : 27);
+            i0.ɵɵadvance(4);
+            i0.ɵɵconditional(!ctx.Record.RenewalNoticeDays && !ctx.Record.CancellationWindowDays && ctx.Record.AnnualIncreasePercent === null ? 30 : -1);
+        } }, dependencies: [CommonModule, FormsModule, i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.DefaultValueAccessor, i2.NumberValueAccessor, i2.SelectControlValueAccessor, i2.NgControlStatus, i2.MinValidator, i2.NgModel, BaseFormsModule, i3.MjCollapsiblePanelComponent, i1.DatePipe], encapsulation: 2 });
+};
+MJCContractRenewalPanel = __decorate([
+    RegisterClassEx(BaseFormPanel, {
+        key: 'contracts:renewal-terms',
+        skipNullKeyWarning: true,
+        metadata: {
+            entity: MJC_ENTITIES.Contract,
+            slot: 'after-fields',
+            sortKey: 85,
+            contributionKey: 'renewal',
+            // REPLACES the generated `renewalTerms` section rather than sitting beside it. Two reasons, and
+            // the second is the one that makes the rail work:
+            //
+            //  1. Without it the four fields render TWICE — once in the generated field list and once here.
+            //  2. Under `left-nav`, MJ folds every *leftover* field panel into a single `Details` rail item.
+            //     A section that a Primary contribution REPLACES is no longer leftover, so it earns its own
+            //     rail entry. That is the mechanism behind the mockup's rail, and without the replacement
+            //     this panel folded into Details and the form read as one long page.
+            replacesSectionKey: 'renewalTerms',
+            // NO `inclusion: 'Primary'` — and that omission is what puts Details FIRST.
+            //
+            // The rail is assembled as fixed BANDS, not from a sortable flat list:
+            // `spec.Groups = [...leads, ...details, ...related, ...more]`
+            // (`resolve-form-chrome.ts:761`). A panel joins the LEAD band purely by declaring
+            // `inclusion: 'Primary'` (`isLeadContribution`, `:313`), and every lead therefore renders
+            // BEFORE Details. With all of these marked Primary, Details sat fourth.
+            //
+            // Reordering `spec.Groups` from a `BaseFormPolicy.DecorateChrome` cannot fix that:
+            // `StabilizeFirstClassGroupOrder` re-imposes the bands, and its own comment says it moves
+            // groups "into the lead band before Details" — so the reorder is silently undone. Only a
+            // user's drag order (`OrderChromeGroups`) outranks the bands, and that is a per-user
+            // preference an app cannot ship.
+            //
+            // Dropping Primary moves these into the `related` band, which sorts DESCENDING by sortKey
+            // (`:753`), so the numbers below are the running order after Details.
+        },
+    })
+], MJCContractRenewalPanel);
+export { MJCContractRenewalPanel };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJCContractRenewalPanel, [{
+        type: Component,
+        args: [{
+                selector: 'mjc-contract-renewal-panel',
+                standalone: true,
+                encapsulation: ViewEncapsulation.None,
+                imports: [CommonModule, FormsModule, BaseFormsModule],
+                template: `
+        <mj-collapsible-panel
+            SectionKey="renewal"
+            SectionName="Renewal terms"
+            Icon="fa-solid fa-calendar-days"
+            [Form]="FormComponent"
+            [FormContext]="FormContext">
+
+            <div class="mjc-body">
+                <span class="mjc-chip mjc-chip--muted">as stated in the agreement</span>
+
+                <div class="mjc-fields">
+                    <div class="mjc-field">
+                        <label>Auto-renews</label>
+                        @if (EditMode) {
+                            <select [ngModel]="Record.AutoRenew" (ngModelChange)="Set('AutoRenew', $event)"
+                                    aria-label="Does this agreement auto-renew?">
+                                <option [ngValue]="true">Yes</option>
+                                <option [ngValue]="false">No</option>
+                            </select>
+                        } @else {
+                            <div class="mjc-val">{{ Record.AutoRenew ? 'Yes' : 'No' }}</div>
+                        }
+                        @if (!Record.AutoRenew) {
+                            <div class="mjc-hint">someone must act for this to continue</div>
+                        }
+                    </div>
+                    <div class="mjc-field">
+                        <label>Renewal notice we owe (days)</label>
+                        @if (EditMode) {
+                            <input type="number" min="0" style="width:100%" [ngModel]="Record.RenewalNoticeDays"
+                                   (ngModelChange)="Set('RenewalNoticeDays', $event)" aria-label="Renewal notice days" />
+                        } @else {
+                            <div class="mjc-val">{{ Record.RenewalNoticeDays ? Record.RenewalNoticeDays + ' days' : '—' }}</div>
+                        }
+                        @if (NoticeDeadline) {
+                            <div class="mjc-hint">deadline: {{ NoticeDeadline | date: 'd MMM y' }}</div>
+                        }
+                    </div>
+                    <div class="mjc-field">
+                        <label>Notice to cancel (days)</label>
+                        @if (EditMode) {
+                            <input type="number" min="0" style="width:100%" [ngModel]="Record.CancellationWindowDays"
+                                   (ngModelChange)="Set('CancellationWindowDays', $event)" aria-label="Cancellation window days" />
+                        } @else {
+                            <div class="mjc-val">{{ Record.CancellationWindowDays ? Record.CancellationWindowDays + ' days' : '—' }}</div>
+                        }
+                        @if (InCancellationWindow) { <div class="mjc-hint">the window is open now</div> }
+                    </div>
+                    <div class="mjc-field">
+                        <label>Annual increase (%)</label>
+                        @if (EditMode) {
+                            <input type="number" min="0" step="0.01" style="width:100%" [ngModel]="Record.AnnualIncreasePercent"
+                                   (ngModelChange)="Set('AnnualIncreasePercent', $event)" aria-label="Annual increase percent" />
+                        } @else {
+                            <div class="mjc-val">{{ Record.AnnualIncreasePercent !== null ? Record.AnnualIncreasePercent + '%' : '—' }}</div>
+                        }
+                    </div>
+                </div>
+
+                <p class="mjc-note">
+                    These record what the signed paper says. The subscription in orders holds the operational
+                    setting and may legitimately differ — a mismatch is a finding, not a bug.
+                </p>
+
+                @if (!Record.RenewalNoticeDays && !Record.CancellationWindowDays && Record.AnnualIncreasePercent === null) {
+                    <div class="mjc-empty">
+                        No renewal terms recorded. If the agreement states any, recording them is what puts this
+                        contract on the renewals watchlist.
+                    </div>
+                }
+            </div>
+        </mj-collapsible-panel>
+    `,
+            }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJCContractRenewalPanel, { className: "MJCContractRenewalPanel", filePath: "lib/form-panels/contract.panels.ts", lineNumber: 318 }); })();
+/* ────────────────────────────────────────────────────────────────────────────
+ * 2b · Dates — its own rail section, replacing the generated `datesAndTerms`
+ * ──────────────────────────────────────────────────────────────────────────── */
+/**
+ * The four dates, with the one piece of interpretation a reader needs.
+ *
+ * Exists as a panel for the same two reasons as Renewal terms: it earns a rail entry by REPLACING a
+ * named field section (a replaced section is not "leftover", so left-nav does not fold it into
+ * Details), and it can say things the generated field list cannot — that an executed date before the
+ * effective date is normal, and that a terminated date is a fact rather than a projection.
+ *
+ * The generated form renders these as datetime inputs with a time component (`7/19/2025, 7:00:00 PM`)
+ * because the underlying columns are `date` but the default control is a datetime picker. They are
+ * calendar dates — a contract does not start at 7pm — so this panel renders them as dates.
+ */
+let MJCContractDatesPanel = class MJCContractDatesPanel extends BaseFormPanel {
+    /** `<input type="date">` needs `yyyy-MM-dd`; the entity hands back a Date or an ISO string. */
+    AsInput(v) {
+        if (!v)
+            return '';
+        const d = v instanceof Date ? v : new Date(String(v));
+        return Number.isNaN(d.getTime()) ? '' : d.toISOString().slice(0, 10);
+    }
+    SetDate(field, value) {
+        this.Record[field] = value ? new Date(value + 'T00:00:00Z') : null;
+    }
+    get EndsInText() {
+        const d = this.Record?.DaysToEnd ?? null;
+        if (d === null)
+            return '';
+        if (d < 0)
+            return `ended ${Math.abs(d)} days ago`;
+        if (d === 0)
+            return 'ends today';
+        return d < 60 ? `in ${d} days` : `in ${Math.round(d / 30)} months`;
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵMJCContractDatesPanel_BaseFactory; return function MJCContractDatesPanel_Factory(__ngFactoryType__) { return (ɵMJCContractDatesPanel_BaseFactory || (ɵMJCContractDatesPanel_BaseFactory = i0.ɵɵgetInheritedFactory(MJCContractDatesPanel)))(__ngFactoryType__ || MJCContractDatesPanel); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJCContractDatesPanel, selectors: [["mjc-contract-dates-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 33, vars: 7, consts: [["SectionKey", "dates", "SectionName", "Dates", "Icon", "fa-solid fa-calendar", 3, "Form", "FormContext"], [1, "mjc-body"], [1, "mjc-fields"], [1, "mjc-field"], ["type", "date", "aria-label", "Executed date", 2, "width", "100%", 3, "ngModel"], [1, "mjc-val"], [1, "mjc-hint"], ["type", "date", "aria-label", "Effective date", 2, "width", "100%", 3, "ngModel"], ["type", "date", "aria-label", "End date", 2, "width", "100%", 3, "ngModel"], ["type", "date", "aria-label", "Terminated date", 2, "width", "100%", 3, "ngModel"], [1, "mjc-val", 3, "mjc-val--ro"], [1, "mjc-note"], ["type", "date", "aria-label", "Executed date", 2, "width", "100%", 3, "ngModelChange", "ngModel"], ["type", "date", "aria-label", "Effective date", 2, "width", "100%", 3, "ngModelChange", "ngModel"], ["type", "date", "aria-label", "End date", 2, "width", "100%", 3, "ngModelChange", "ngModel"], ["type", "date", "aria-label", "Terminated date", 2, "width", "100%", 3, "ngModelChange", "ngModel"]], template: function MJCContractDatesPanel_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-collapsible-panel", 0)(1, "div", 1)(2, "div", 2)(3, "div", 3)(4, "label");
+            i0.ɵɵtext(5, "Executed date");
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(6, MJCContractDatesPanel_Conditional_6_Template, 1, 1, "input", 4)(7, MJCContractDatesPanel_Conditional_7_Template, 3, 4, "div", 5);
+            i0.ɵɵelementStart(8, "div", 6);
+            i0.ɵɵtext(9, "may precede the effective date \u2014 that is normal, not an anomaly");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(10, "div", 3)(11, "label");
+            i0.ɵɵtext(12, "Effective date");
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(13, MJCContractDatesPanel_Conditional_13_Template, 1, 1, "input", 7)(14, MJCContractDatesPanel_Conditional_14_Template, 3, 4, "div", 5);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(15, "div", 3)(16, "label");
+            i0.ɵɵtext(17, "End date");
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(18, MJCContractDatesPanel_Conditional_18_Template, 1, 1, "input", 8)(19, MJCContractDatesPanel_Conditional_19_Template, 3, 4, "div", 5);
+            i0.ɵɵconditionalCreate(20, MJCContractDatesPanel_Conditional_20_Template, 2, 1, "div", 6);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(21, "div", 3)(22, "label");
+            i0.ɵɵtext(23, "Terminated date");
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(24, MJCContractDatesPanel_Conditional_24_Template, 1, 1, "input", 9)(25, MJCContractDatesPanel_Conditional_25_Template, 3, 6, "div", 10);
+            i0.ɵɵelementStart(26, "div", 6);
+            i0.ɵɵtext(27, " a fact about what happened \u2014 set it and the contract reads Terminated regardless of its term ");
+            i0.ɵɵelementEnd()()();
+            i0.ɵɵelementStart(28, "p", 11);
+            i0.ɵɵtext(29, " The lifecycle is ");
+            i0.ɵɵelementStart(30, "strong");
+            i0.ɵɵtext(31, "derived");
+            i0.ɵɵelementEnd();
+            i0.ɵɵtext(32, " from these four dates and the two lineage links, not stored \u2014 so a state can never disagree with the dates it came from. ");
+            i0.ɵɵelementEnd()()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("Form", ctx.FormComponent)("FormContext", ctx.FormContext);
+            i0.ɵɵadvance(6);
+            i0.ɵɵconditional(ctx.EditMode ? 6 : 7);
+            i0.ɵɵadvance(7);
+            i0.ɵɵconditional(ctx.EditMode ? 13 : 14);
+            i0.ɵɵadvance(5);
+            i0.ɵɵconditional(ctx.EditMode ? 18 : 19);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.Record.DaysToEnd !== null ? 20 : -1);
+            i0.ɵɵadvance(4);
+            i0.ɵɵconditional(ctx.EditMode ? 24 : 25);
+        } }, dependencies: [CommonModule, FormsModule, i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgModel, BaseFormsModule, i3.MjCollapsiblePanelComponent, i1.DatePipe], encapsulation: 2 });
+};
+MJCContractDatesPanel = __decorate([
+    RegisterClassEx(BaseFormPanel, {
+        key: 'contracts:dates',
+        skipNullKeyWarning: true,
+        metadata: {
+            entity: MJC_ENTITIES.Contract,
+            slot: 'after-fields',
+            sortKey: 90,
+            contributionKey: 'dates',
+            replacesSectionKey: 'datesAndTerms',
+            // NO `inclusion: 'Primary'` — and that omission is what puts Details FIRST.
+            //
+            // The rail is assembled as fixed BANDS, not from a sortable flat list:
+            // `spec.Groups = [...leads, ...details, ...related, ...more]`
+            // (`resolve-form-chrome.ts:761`). A panel joins the LEAD band purely by declaring
+            // `inclusion: 'Primary'` (`isLeadContribution`, `:313`), and every lead therefore renders
+            // BEFORE Details. With all of these marked Primary, Details sat fourth.
+            //
+            // Reordering `spec.Groups` from a `BaseFormPolicy.DecorateChrome` cannot fix that:
+            // `StabilizeFirstClassGroupOrder` re-imposes the bands, and its own comment says it moves
+            // groups "into the lead band before Details" — so the reorder is silently undone. Only a
+            // user's drag order (`OrderChromeGroups`) outranks the bands, and that is a per-user
+            // preference an app cannot ship.
+            //
+            // Dropping Primary moves these into the `related` band, which sorts DESCENDING by sortKey
+            // (`:753`), so the numbers below are the running order after Details.
+        },
+    })
+], MJCContractDatesPanel);
+export { MJCContractDatesPanel };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJCContractDatesPanel, [{
+        type: Component,
+        args: [{
+                selector: 'mjc-contract-dates-panel',
+                standalone: true,
+                encapsulation: ViewEncapsulation.None,
+                imports: [CommonModule, FormsModule, BaseFormsModule],
+                template: `
+        <mj-collapsible-panel
+            SectionKey="dates"
+            SectionName="Dates"
+            Icon="fa-solid fa-calendar"
+            [Form]="FormComponent"
+            [FormContext]="FormContext">
+
+            <div class="mjc-body">
+                <div class="mjc-fields">
+                    <div class="mjc-field">
+                        <label>Executed date</label>
+                        @if (EditMode) {
+                            <input type="date" style="width:100%" [ngModel]="AsInput(Record.ExecutedDate)"
+                                   (ngModelChange)="SetDate('ExecutedDate', $event)" aria-label="Executed date" />
+                        } @else {
+                            <div class="mjc-val">{{ (Record.ExecutedDate | date: 'd MMM y') || '—' }}</div>
+                        }
+                        <div class="mjc-hint">may precede the effective date — that is normal, not an anomaly</div>
+                    </div>
+                    <div class="mjc-field">
+                        <label>Effective date</label>
+                        @if (EditMode) {
+                            <input type="date" style="width:100%" [ngModel]="AsInput(Record.EffectiveDate)"
+                                   (ngModelChange)="SetDate('EffectiveDate', $event)" aria-label="Effective date" />
+                        } @else {
+                            <div class="mjc-val">{{ (Record.EffectiveDate | date: 'd MMM y') || '—' }}</div>
+                        }
+                    </div>
+                    <div class="mjc-field">
+                        <label>End date</label>
+                        @if (EditMode) {
+                            <input type="date" style="width:100%" [ngModel]="AsInput(Record.EndDate)"
+                                   (ngModelChange)="SetDate('EndDate', $event)" aria-label="End date" />
+                        } @else {
+                            <div class="mjc-val">{{ (Record.EndDate | date: 'd MMM y') || '—' }}</div>
+                        }
+                        @if (Record.DaysToEnd !== null) { <div class="mjc-hint">{{ EndsInText }}</div> }
+                    </div>
+                    <div class="mjc-field">
+                        <label>Terminated date</label>
+                        @if (EditMode) {
+                            <input type="date" style="width:100%" [ngModel]="AsInput(Record.TerminatedDate)"
+                                   (ngModelChange)="SetDate('TerminatedDate', $event)" aria-label="Terminated date" />
+                        } @else {
+                            <div class="mjc-val" [class.mjc-val--ro]="!Record.TerminatedDate">{{ (Record.TerminatedDate | date: 'd MMM y') || '—' }}</div>
+                        }
+                        <div class="mjc-hint">
+                            a fact about what happened — set it and the contract reads Terminated regardless of its term
+                        </div>
+                    </div>
+                </div>
+
+                <p class="mjc-note">
+                    The lifecycle is <strong>derived</strong> from these four dates and the two lineage links, not
+                    stored — so a state can never disagree with the dates it came from.
+                </p>
+            </div>
+        </mj-collapsible-panel>
+    `,
+            }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJCContractDatesPanel, { className: "MJCContractDatesPanel", filePath: "lib/form-panels/contract.panels.ts", lineNumber: 442 }); })();
+/* ────────────────────────────────────────────────────────────────────────────
+ * 4 · Lineage — change orders and supersession, read-only
+ * ──────────────────────────────────────────────────────────────────────────── */
+let MJCContractLineagePanel = class MJCContractLineagePanel extends BaseFormPanel {
+    cdr = inject(ChangeDetectorRef);
+    navigation = inject(NavigationService);
+    /**
+     * The whole tree, declared rather than fetched.
+     *
+     * `ParentContractID` is an ordinary self-referential hierarchy, so MJ's tree does the recursive
+     * read, the expand/collapse state, the search box and — the part that matters — turns each node
+     * into something you can OPEN. The hand-rolled table this replaces could show a change order's
+     * number but gave no way to get to it, which is most of what a person wants from a lineage panel.
+     *
+     * NO `ExtraFilter`, deliberately — the component does the scoping better than a filter could. Given
+     * the whole entity plus `ActiveRecordID`, it focuses this contract's subtree on its own (the header
+     * reads "Focusing subtree: CTR-…") and offers "View Full Hierarchy" to widen. A filter rooted at
+     * the current record would hard-hide the parent a change order needs to show ABOVE it, with no way
+     * back out. Ordering is by contract number so siblings read in the order they were issued.
+     */
+    get TreeConfig() {
+        return {
+            EntityName: MJC_ENTITIES.Contract,
+            ParentField: 'ParentContractID',
+            NameField: 'ContractNumber',
+            SubtitleField: 'Description',
+            OrderBy: 'ContractNumber ASC',
+            ShowSearch: true,
+            InitialExpandDepth: 2,
+        };
+    }
+    /** Whether anything hangs beneath this contract — drives the empty state, nothing else. */
+    HasChildren = false;
+    loadStarted = false;
+    /**
+     * Open the contract a node stands for.
+     *
+     * The node carries a real `CompositeKey`, so this does not have to guess that the primary key is
+     * called `ID` — the same reasoning as `MJCFkNavigateDirective`, which would break on the first
+     * natural-key entity it met, and would break as a WRONG-RECORD navigation rather than an error.
+     */
+    OpenNode(e) {
+        const key = e?.Node?.PrimaryKey;
+        if (!key)
+            return;
+        this.navigation.OpenEntityRecord(MJC_ENTITIES.Contract, key);
+    }
+    get ParentName() { return this.Record?.ParentContract ?? ''; }
+    get Count() {
+        this.ensureLoaded();
+        return this.ChildCount > 0 ? this.ChildCount : undefined;
+    }
+    /** Direct children, for the badge. The TREE renders the hierarchy; this is just the count. */
+    ChildCount = 0;
+    /**
+     * Read the children ONCE, lazily on first template read.
+     *
+     * `BaseFormPanel` has no lifecycle hook of its own and the slot host sets `Record` before view init,
+     * so the first template read is the earliest reliable moment. Read as a table rather than an
+     * embedded grid: a grid inside a panel inside a rail section is three nested scroll contexts, and
+     * the mockup renders four columns of read-only facts, which is a table.
+     */
+    ensureLoaded() {
+        if (this.loadStarted || !this.Record?.ID)
+            return;
+        this.loadStarted = true;
+        void this.load();
+    }
+    async load() {
+        const me = this.Record.ID;
+        const rv = await this.scopedRunView();
+        // Only the COUNT, for the badge and the empty state — mj-hierarchy-tree reads the hierarchy
+        // itself from TreeConfig, so duplicating that read here would be a second source of truth.
+        try {
+            const r = await rv.RunView({
+                EntityName: MJC_ENTITIES.Contract,
+                Fields: ['ID'],
+                ExtraFilter: `ParentContractID = '${me}'`,
+                ResultType: 'simple',
+            });
+            this.ChildCount = r?.Success ? r.Results.length : 0;
+            this.HasChildren = this.ChildCount > 0;
+        }
+        catch {
+            this.ChildCount = 0;
+            this.HasChildren = false;
+        }
+        this.cdr.detectChanges();
+    }
+    async scopedRunView() {
+        const { ScopedRunView } = await import('../data/provider');
+        return ScopedRunView(this.FormComponent?.ProviderToUse);
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵMJCContractLineagePanel_BaseFactory; return function MJCContractLineagePanel_Factory(__ngFactoryType__) { return (ɵMJCContractLineagePanel_BaseFactory || (ɵMJCContractLineagePanel_BaseFactory = i0.ɵɵgetInheritedFactory(MJCContractLineagePanel)))(__ngFactoryType__ || MJCContractLineagePanel); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJCContractLineagePanel, selectors: [["mjc-contract-lineage-panel"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 5, vars: 9, consts: [["SectionKey", "contractLineage", "SectionName", "Lineage", "Icon", "fa-solid fa-sitemap", "Variant", "related-entity", 3, "BadgeCount", "Form", "FormContext"], [1, "mjc-body"], [3, "NodeDoubleClick", "Config", "ActiveRecordID"], [1, "mjc-empty"], [1, "mjc-note"]], template: function MJCContractLineagePanel_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-collapsible-panel", 0)(1, "div", 1);
+            i0.ɵɵconditionalCreate(2, MJCContractLineagePanel_Conditional_2_Template, 2, 1, "div", 1);
+            i0.ɵɵelementStart(3, "mj-hierarchy-tree", 2);
+            i0.ɵɵlistener("NodeDoubleClick", function MJCContractLineagePanel_Template_mj_hierarchy_tree_NodeDoubleClick_3_listener($event) { return ctx.OpenNode($event); });
+            i0.ɵɵelementEnd();
+            i0.ɵɵconditionalCreate(4, MJCContractLineagePanel_Conditional_4_Template, 2, 0, "div", 3);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("BadgeCount", ctx.Count)("Form", ctx.FormComponent)("FormContext", ctx.FormContext);
+            i0.ɵɵadvance();
+            i0.ɵɵclassProp("mjc-body--flush", ctx.HasChildren);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.ParentName ? 2 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("Config", ctx.TreeConfig)("ActiveRecordID", (ctx.Record == null ? null : ctx.Record.ID) ?? undefined);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(!ctx.ParentName && !ctx.HasChildren ? 4 : -1);
+        } }, dependencies: [CommonModule, FormsModule, BaseFormsModule, i3.MjCollapsiblePanelComponent, HierarchyTreeComponent], styles: ["\n        /* A PINNED FLOOR, not a percentage. height:100% cannot work here: it resolves against\n           .mj-forms-panel-content, which the variant sets to height:auto, and 100% of auto collapses\n           straight back to auto - measured blank. AG Grid escapes this because the grid supplies its\n           own intrinsic height; a plain div does not. A px min-height resolves regardless of what the\n           parent computes to, and stays under the variant's own 800px cap. */\n        /* DIRECT child only. As a descendant selector this also matched the nested .mjc-body wrapper\n           inside the panel, so the floor applied twice and left a tall empty block above the tree. */\n        mjc-contract-lineage-panel > .mjc-body {\n            min-height: 440px;\n            overflow-y: auto;\n        }\n        mjc-contract-lineage-panel mj-hierarchy-tree { display: block; min-height: 380px; }\n    "], encapsulation: 2 });
+};
+MJCContractLineagePanel = __decorate([
+    RegisterClassEx(BaseFormPanel, {
+        key: 'contracts:lineage',
+        skipNullKeyWarning: true,
+        metadata: {
+            entity: MJC_ENTITIES.Contract,
+            slot: 'after-related',
+            sortKey: 65,
+            contributionKey: 'lineage',
+            relatedEntity: MJC_ENTITIES.Contract,
+            relatedJoinField: 'ParentContractID',
+            // NO `inclusion: 'Primary'` — and that omission is what puts Details FIRST.
+            //
+            // The rail is assembled as fixed BANDS, not from a sortable flat list:
+            // `spec.Groups = [...leads, ...details, ...related, ...more]`
+            // (`resolve-form-chrome.ts:761`). A panel joins the LEAD band purely by declaring
+            // `inclusion: 'Primary'` (`isLeadContribution`, `:313`), and every lead therefore renders
+            // BEFORE Details. With all of these marked Primary, Details sat fourth.
+            //
+            // Reordering `spec.Groups` from a `BaseFormPolicy.DecorateChrome` cannot fix that:
+            // `StabilizeFirstClassGroupOrder` re-imposes the bands, and its own comment says it moves
+            // groups "into the lead band before Details" — so the reorder is silently undone. Only a
+            // user's drag order (`OrderChromeGroups`) outranks the bands, and that is a per-user
+            // preference an app cannot ship.
+            //
+            // Dropping Primary moves these into the `related` band, which sorts DESCENDING by sortKey
+            // (`:753`), so the numbers below are the running order after Details.
+        },
+    })
+], MJCContractLineagePanel);
+export { MJCContractLineagePanel };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJCContractLineagePanel, [{
+        type: Component,
+        args: [{ selector: 'mjc-contract-lineage-panel', standalone: true, encapsulation: ViewEncapsulation.None, imports: [CommonModule, FormsModule, BaseFormsModule, HierarchyTreeComponent], template: `
+        <mj-collapsible-panel
+            SectionKey="contractLineage"
+            SectionName="Lineage"
+            Icon="fa-solid fa-sitemap"
+            Variant="related-entity"
+            [BadgeCount]="Count"
+            [Form]="FormComponent"
+            [FormContext]="FormContext">
+
+            <div class="mjc-body" [class.mjc-body--flush]="HasChildren">
+                @if (ParentName) {
+                    <div class="mjc-body">
+                        @if (ParentName) {
+                            <p class="mjc-note">
+                                This is a change order to <strong>{{ ParentName }}</strong>.
+                            </p>
+                        }
+                    </div>
+                }
+
+                <!-- The parent/child tree is MJ's, not ours: ParentContractID is an ordinary
+                     self-referential hierarchy, which is exactly what mj-hierarchy-tree consumes. It
+                     loads its own data from the Config, highlights the contract being viewed, and its
+                     nodes NAVIGATE — the thing the hand-rolled table could never do. -->
+                <mj-hierarchy-tree
+                    [Config]="TreeConfig"
+                    [ActiveRecordID]="Record?.ID ?? undefined"
+                    (NodeDoubleClick)="OpenNode($event)" />
+
+                @if (!ParentName && !HasChildren) {
+                    <div class="mjc-empty">
+                        A standalone agreement — nothing above it, no change orders, and nothing has replaced it.
+                    </div>
+                }
+            </div>
+        </mj-collapsible-panel>
+    `, styles: ["\n        /* A PINNED FLOOR, not a percentage. height:100% cannot work here: it resolves against\n           .mj-forms-panel-content, which the variant sets to height:auto, and 100% of auto collapses\n           straight back to auto - measured blank. AG Grid escapes this because the grid supplies its\n           own intrinsic height; a plain div does not. A px min-height resolves regardless of what the\n           parent computes to, and stays under the variant's own 800px cap. */\n        /* DIRECT child only. As a descendant selector this also matched the nested .mjc-body wrapper\n           inside the panel, so the floor applied twice and left a tall empty block above the tree. */\n        mjc-contract-lineage-panel > .mjc-body {\n            min-height: 440px;\n            overflow-y: auto;\n        }\n        mjc-contract-lineage-panel mj-hierarchy-tree { display: block; min-height: 380px; }\n    "] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJCContractLineagePanel, { className: "MJCContractLineagePanel", filePath: "lib/form-panels/contract.panels.ts", lineNumber: 572 }); })();
+//# sourceMappingURL=contract.panels.js.map