@burdenoff/microfe-movethewheels 2026.1016.1 → 2026.1016.3

package/dist/components/freight-cost/FreightCommercialEditor.js

@@ -0,0 +1,217 @@
+import { Button as e } from "../ui.js";
+import { useConditionQuery as t } from "../../hooks/useContainerCondition.js";
+import { ReuseState as n } from "../ReuseControls.js";
+import { commercialCanonical as r, commercialSlots as i, newCommercialEditor as a } from "../../utils/freightCommercial.js";
+import { FreightCommercialLegsDocument as o } from "../../src/generated/freight-cost-operations.js";
+import { FreightCommercialFactEditor as s } from "./FreightCommercialFactEditor.js";
+import { useState as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { OptionalFields as d } from "@burdenoff/fe-libs/ui";
+//#region src/movethewheels/components/freight-cost/FreightCommercialEditor.tsx
+function f({ value: e, onChange: t, shipmentId: n, evidence: r }) {
+	return /* @__PURE__ */ u(d, {
+		title: "Commercial context (optional)",
+		description: "Source declarations only. Off by default; no quote acceptance or completeness is inferred.",
+		defaultOpen: !1,
+		children: [/* @__PURE__ */ u("label", {
+			className: "flex min-h-11 items-center gap-2",
+			children: [/* @__PURE__ */ l("input", {
+				type: "checkbox",
+				checked: e !== null,
+				onChange: (e) => t(e.target.checked ? a() : null)
+			}), "Include commercial context"]
+		}), e && /* @__PURE__ */ l(p, {
+			value: e,
+			onChange: t,
+			shipmentId: n,
+			evidence: r
+		})]
+	});
+}
+function p({ value: a, onChange: d, shipmentId: f, evidence: p }) {
+	let [m, h] = c(0), [g, _] = c(0), v = t(o, {
+		shipmentId: f,
+		pagination: {
+			limit: 25,
+			offset: g
+		}
+	}, m), y = v.data?.shipment?.id === f ? v.data.shipment.legs : void 0, b = !!y && y.every((e) => e.shipmentId === f && !a.selectedLegs.some((t) => t.id === e.id && t.expectedUpdatedAt !== e.updatedAt)), x = (e) => {
+		d({
+			...a,
+			reviewed: null
+		}), _(e);
+	};
+	return /* @__PURE__ */ u("div", {
+		className: "min-w-0 space-y-5",
+		children: [
+			/* @__PURE__ */ l("p", {
+				className: "text-sm",
+				children: "All eight facts start Unknown: “Not recorded for this cost version”. Edit that explanation when useful. Sourced and not-applicable declarations require explicit provenance; shipment details are never copied into these facts."
+			}),
+			/* @__PURE__ */ u("section", {
+				className: "space-y-3 rounded border p-3",
+				children: [
+					/* @__PURE__ */ l("h3", {
+						className: "font-semibold",
+						children: "Review selected shipment legs"
+					}),
+					/* @__PURE__ */ l("p", {
+						className: "text-sm",
+						children: "Select only the legs covered by this source. No selection does not mean all legs. Review the loaded selection explicitly before saving."
+					}),
+					/* @__PURE__ */ l(n, {
+						loading: v.loading,
+						error: v.error
+					}),
+					y?.map((e) => {
+						let t = a.selectedLegs.some((t) => t.id === e.id);
+						return /* @__PURE__ */ u("label", {
+							className: "flex min-h-11 items-center gap-2",
+							children: [/* @__PURE__ */ l("input", {
+								type: "checkbox",
+								checked: t,
+								disabled: !t && a.selectedLegs.length >= 16,
+								onChange: () => d({
+									...a,
+									reviewed: null,
+									selectedLegs: t ? a.selectedLegs.filter((t) => t.id !== e.id) : [...a.selectedLegs, {
+										id: e.id,
+										expectedUpdatedAt: e.updatedAt
+									}]
+								})
+							}), /* @__PURE__ */ u("span", { children: [
+								"Leg ",
+								e.legNumber,
+								" — ",
+								e.mode,
+								"; carrier ",
+								e.carrierName ?? "not recorded",
+								"; updated ",
+								e.updatedAt
+							] })]
+						}, e.id);
+					}),
+					y?.length === 0 && /* @__PURE__ */ l("p", { children: "No legs on this loaded page." }),
+					/* @__PURE__ */ u("p", {
+						className: "text-sm",
+						children: [
+							"Leg page ",
+							Math.floor(g / 25) + 1,
+							"; at most 25 records per page. Off-page selections keep their original revisions."
+						]
+					}),
+					/* @__PURE__ */ u("div", {
+						className: "flex flex-wrap gap-3",
+						children: [/* @__PURE__ */ l(e, {
+							type: "button",
+							variant: "outline",
+							disabled: g === 0 || v.loading,
+							onClick: () => x(Math.max(0, g - 25)),
+							children: "Previous leg page"
+						}), /* @__PURE__ */ l(e, {
+							type: "button",
+							variant: "outline",
+							disabled: v.loading || !!v.error || y?.length !== 25,
+							onClick: () => x(g + 25),
+							children: "Next leg page"
+						})]
+					}),
+					a.selectedLegs.map((t) => /* @__PURE__ */ u("div", {
+						className: "flex flex-wrap items-center gap-2 break-all text-sm",
+						children: [/* @__PURE__ */ u("p", { children: [
+							"Selected leg ",
+							t.id,
+							"; pinned revision ",
+							t.expectedUpdatedAt,
+							"."
+						] }), /* @__PURE__ */ u(e, {
+							type: "button",
+							variant: "outline",
+							onClick: () => d({
+								...a,
+								reviewed: null,
+								selectedLegs: a.selectedLegs.filter((e) => e.id !== t.id)
+							}),
+							children: ["Remove selected leg ", t.id]
+						})]
+					}, t.id)),
+					/* @__PURE__ */ u("p", { children: [a.selectedLegs.length, " of 16 legs selected."] }),
+					!b && a.selectedLegs.length > 0 && /* @__PURE__ */ l("p", {
+						role: "alert",
+						children: "A selected leg on this page changed or the page does not match this shipment. Explicitly remove it and review the current selection; no revision is rebound automatically."
+					}),
+					/* @__PURE__ */ u("div", {
+						className: "flex flex-wrap gap-3",
+						children: [/* @__PURE__ */ l(e, {
+							type: "button",
+							variant: "outline",
+							onClick: () => {
+								d({
+									...a,
+									reviewed: null
+								}), h((e) => e + 1);
+							},
+							children: "Refresh legs for review"
+						}), /* @__PURE__ */ l(e, {
+							type: "button",
+							variant: "outline",
+							disabled: v.loading || !!v.error || !b,
+							onClick: () => d({
+								...a,
+								reviewed: r(a.selectedLegs)
+							}),
+							children: "I reviewed this leg selection"
+						})]
+					}),
+					a.reviewed === r(a.selectedLegs) && b && /* @__PURE__ */ l("p", {
+						role: "status",
+						children: "This explicit selection of IDs and revisions is reviewed. The server checks every selected leg on save, including off-page pins."
+					})
+				]
+			}),
+			[
+				["origin", "destination"],
+				[
+					"carrier",
+					"service",
+					"cargo"
+				],
+				[
+					"weight",
+					"volume",
+					"equipment"
+				]
+			].map((e, t) => /* @__PURE__ */ u("section", {
+				className: "space-y-3",
+				children: [/* @__PURE__ */ l("h3", {
+					className: "font-semibold",
+					children: [
+						"Locations",
+						"Carrier, service and cargo",
+						"Measurements and equipment"
+					][t]
+				}), /* @__PURE__ */ l("div", {
+					className: "grid min-w-0 gap-3 md:grid-cols-2",
+					children: e.map((e) => /* @__PURE__ */ l(s, {
+						slot: e,
+						value: a.facts[e],
+						evidence: p,
+						onChange: (t) => d({
+							...a,
+							facts: {
+								...a.facts,
+								[e]: t
+							}
+						})
+					}, e))
+				})]
+			}, e[0])),
+			/* @__PURE__ */ u("p", {
+				className: "text-sm",
+				children: [i.length, " declared facts. Owner shipment and leg snapshots are recorded separately by the server."]
+			})
+		]
+	});
+}
+//#endregion
+export { f as FreightCommercialEditor };

package/dist/components/freight-cost/FreightCommercialFactEditor.js

@@ -0,0 +1,217 @@
+import { Button as e } from "../ui.js";
+import { newCommercialFact as t } from "../../utils/freightCommercial.js";
+import { FreightSelect as n, FreightText as r } from "./FreightFields.js";
+import { freightInstant as i, freightLocalTime as a } from "../../utils/freightDraft.js";
+import { useState as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/movethewheels/components/freight-cost/FreightCommercialFactEditor.tsx
+function u({ slot: i, value: a, onChange: s, evidence: u }) {
+	let [p, m] = o(!1), h = i[0].toUpperCase() + i.slice(1), g = (e) => s({
+		...a,
+		...e
+	});
+	return /* @__PURE__ */ l("fieldset", {
+		className: "min-w-0 space-y-3 rounded border p-3",
+		children: [
+			/* @__PURE__ */ c("legend", {
+				className: "px-1 font-semibold",
+				children: h
+			}),
+			/* @__PURE__ */ l(n, {
+				label: `${h} status`,
+				value: a.status,
+				onChange: (e) => {
+					(e === "UNKNOWN" || e === "SOURCED" || e === "NOT_APPLICABLE") && (m(!1), s(t(e)));
+				},
+				children: [
+					/* @__PURE__ */ c("option", {
+						value: "UNKNOWN",
+						children: "Unknown — not recorded"
+					}),
+					/* @__PURE__ */ c("option", {
+						value: "SOURCED",
+						children: "Sourced"
+					}),
+					/* @__PURE__ */ c("option", {
+						value: "NOT_APPLICABLE",
+						children: "Not applicable"
+					})
+				]
+			}),
+			a.status === "UNKNOWN" && !p && /* @__PURE__ */ l("div", {
+				className: "flex flex-wrap items-center gap-2",
+				children: [/* @__PURE__ */ c("p", { children: a.reason }), /* @__PURE__ */ l(e, {
+					type: "button",
+					variant: "outline",
+					onClick: () => m(!0),
+					children: [
+						"Edit ",
+						h.toLowerCase(),
+						" reason"
+					]
+				})]
+			}),
+			(a.status === "NOT_APPLICABLE" || a.status === "UNKNOWN" && p) && /* @__PURE__ */ c(r, {
+				label: `${h} reason`,
+				value: a.reason,
+				required: !0,
+				onChange: (e) => g({ reason: e })
+			}),
+			a.status === "SOURCED" && /* @__PURE__ */ c(d, {
+				slot: i,
+				label: h,
+				value: a,
+				patch: g
+			}),
+			a.status !== "UNKNOWN" && /* @__PURE__ */ c(f, {
+				label: h,
+				value: a,
+				patch: g,
+				evidence: u
+			})
+		]
+	});
+}
+function d({ slot: e, label: t, value: i, patch: a }) {
+	return /* @__PURE__ */ l(s, { children: [
+		(e === "origin" || e === "destination") && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ l(n, {
+			label: `${t} label kind`,
+			value: i.kind,
+			onChange: (e) => a({ kind: e }),
+			children: [/* @__PURE__ */ c("option", {
+				value: "",
+				children: "Choose a label kind"
+			}), [
+				"ADDRESS_LABEL",
+				"PORT_LABEL",
+				"TERMINAL_LABEL",
+				"POSTCODE_LABEL",
+				"CUSTOM_LABEL"
+			].map((e) => /* @__PURE__ */ c("option", {
+				value: e,
+				children: e.replaceAll("_", " ").toLowerCase()
+			}, e))]
+		}), /* @__PURE__ */ c(r, {
+			label: `${t} jurisdiction label (optional)`,
+			value: i.jurisdiction,
+			onChange: (e) => a({ jurisdiction: e })
+		})] }),
+		e === "carrier" && /* @__PURE__ */ c(r, {
+			label: "Carrier reference",
+			value: i.reference,
+			required: !0,
+			onChange: (e) => a({ reference: e })
+		}),
+		e !== "weight" && e !== "volume" && /* @__PURE__ */ c(r, {
+			label: e === "cargo" ? "Cargo classification label" : e === "equipment" ? "Equipment type label" : `${t} label`,
+			value: i.label,
+			required: !0,
+			onChange: (e) => a({ label: e })
+		}),
+		e === "cargo" && /* @__PURE__ */ c(r, {
+			label: "Cargo description",
+			value: i.description,
+			required: !0,
+			onChange: (e) => a({ description: e })
+		}),
+		(e === "weight" || e === "volume") && /* @__PURE__ */ l(s, { children: [
+			/* @__PURE__ */ c(r, {
+				label: `${t} amount`,
+				value: i.amount,
+				required: !0,
+				onChange: (e) => a({
+					amount: e,
+					zeroReason: e === "0" ? i.zeroReason : ""
+				})
+			}),
+			/* @__PURE__ */ l(n, {
+				label: `${t} recorded unit`,
+				value: i.unit,
+				onChange: (e) => a({ unit: e }),
+				children: [/* @__PURE__ */ c("option", {
+					value: "",
+					children: "Choose a unit"
+				}), (e === "weight" ? [
+					"KG",
+					"TONNE",
+					"LB"
+				] : ["M3", "FT3"]).map((e) => /* @__PURE__ */ c("option", {
+					value: e,
+					children: e
+				}, e))]
+			}),
+			i.amount === "0" && /* @__PURE__ */ c(r, {
+				label: `${t} recorded zero reason`,
+				value: i.zeroReason,
+				required: !0,
+				onChange: (e) => a({ zeroReason: e })
+			}),
+			/* @__PURE__ */ c("p", {
+				className: "text-sm",
+				children: "Record the source unit. No conversion is inferred."
+			})
+		] }),
+		e === "equipment" && /* @__PURE__ */ c(r, {
+			label: "Equipment count",
+			value: i.count,
+			required: !0,
+			onChange: (e) => a({ count: e })
+		})
+	] });
+}
+function f({ label: e, value: t, patch: n, evidence: o }) {
+	return /* @__PURE__ */ l(s, { children: [
+		/* @__PURE__ */ l("h4", {
+			className: "font-medium",
+			children: [e, " source declaration"]
+		}),
+		/* @__PURE__ */ c(r, {
+			label: `${e} source reference`,
+			value: t.sourceReference,
+			required: !0,
+			onChange: (e) => n({ sourceReference: e })
+		}),
+		/* @__PURE__ */ c(r, {
+			label: `${e} source revision`,
+			value: t.sourceRevision,
+			required: !0,
+			onChange: (e) => n({ sourceRevision: e })
+		}),
+		/* @__PURE__ */ c(r, {
+			label: `${e} observed at (local time, optional)`,
+			type: "datetime-local",
+			value: t.observedAt ? a(t.observedAt) : "",
+			onChange: (e) => n({ observedAt: e ? i(e) : "" })
+		}),
+		/* @__PURE__ */ c("p", {
+			className: "text-sm",
+			children: "Blank observation time is recorded as Unknown. No date is inferred from the upload or file check."
+		}),
+		/* @__PURE__ */ c("p", {
+			className: "text-sm",
+			children: "Choose 1–2 versions from the evidence selected below for this record. This declares the source; it does not verify its authority."
+		}),
+		o.map((e) => {
+			let r = t.evidenceLinks.some((t) => t.fileId === e.fileId && t.versionId === e.versionId);
+			return /* @__PURE__ */ l("label", {
+				className: "flex min-h-11 items-center gap-2 break-words text-sm",
+				children: [/* @__PURE__ */ c("input", {
+					type: "checkbox",
+					checked: r,
+					disabled: !r && t.evidenceLinks.length >= 2,
+					onChange: () => n({ evidenceLinks: r ? t.evidenceLinks.filter((t) => !(t.fileId === e.fileId && t.versionId === e.versionId)) : [...t.evidenceLinks, {
+						fileId: e.fileId,
+						versionId: e.versionId
+					}] })
+				}), e.label]
+			}, e.versionId);
+		}),
+		!o.length && /* @__PURE__ */ c("p", { children: "Select an exact Files version in Evidence for this record." }),
+		t.evidenceLinks.some((e) => !o.some((t) => t.fileId === e.fileId && t.versionId === e.versionId)) && /* @__PURE__ */ c("p", {
+			role: "alert",
+			children: "A linked evidence version was removed. Select the fact status again and review its source links before saving."
+		})
+	] });
+}
+//#endregion
+export { u as FreightCommercialFactEditor };

package/dist/components/freight-cost/FreightCommercialHistory.js

@@ -0,0 +1,115 @@
+import { commercialSlots as e } from "../../utils/freightCommercial.js";
+import { freightLabel as t } from "../../utils/freightDraft.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/movethewheels/components/freight-cost/FreightCommercialHistory.tsx
+function i({ capture: i }) {
+	return i === void 0 ? /* @__PURE__ */ n("p", {
+		role: "alert",
+		children: "Commercial context is unavailable in this reply."
+	}) : i === null ? /* @__PURE__ */ n("p", { children: "Commercial context was not captured with this version." }) : /* @__PURE__ */ r("section", {
+		className: "min-w-0 space-y-4 break-words rounded border p-4",
+		children: [
+			/* @__PURE__ */ r("h3", {
+				className: "font-semibold",
+				children: ["Recorded commercial context — schema ", i.schemaVersion]
+			}),
+			/* @__PURE__ */ n("p", {
+				className: "text-sm",
+				children: "These are source declarations, not quote acceptance, verified authority or a complete commercial checklist."
+			}),
+			/* @__PURE__ */ n("div", {
+				className: "grid min-w-0 gap-3 md:grid-cols-2",
+				children: e.map((e) => {
+					let a = i[e];
+					return /* @__PURE__ */ r("article", {
+						className: "space-y-2 rounded border p-3",
+						children: [
+							/* @__PURE__ */ r("h4", {
+								className: "font-medium",
+								children: [
+									t(e),
+									" — ",
+									t(a.status)
+								]
+							}),
+							a.reason && /* @__PURE__ */ n("p", { children: a.reason }),
+							typeof a.value == "string" ? /* @__PURE__ */ n("p", { children: a.value }) : a.value && /* @__PURE__ */ n("dl", { children: Object.entries(a.value).filter(([e]) => e !== "__typename").map(([e, t]) => /* @__PURE__ */ r("div", { children: [/* @__PURE__ */ r("dt", {
+								className: "inline font-medium",
+								children: [e, ": "]
+							}), /* @__PURE__ */ n("dd", {
+								className: "inline",
+								children: t == null ? "Not recorded" : String(t)
+							})] }, e)) }),
+							a.provenance && /* @__PURE__ */ r("div", {
+								className: "text-sm",
+								children: [/* @__PURE__ */ r("p", { children: [
+									"Declared source ",
+									a.provenance.sourceReference,
+									" /",
+									" ",
+									a.provenance.sourceRevision,
+									"; observed",
+									" ",
+									a.provenance.observedAt ?? "Unknown",
+									"."
+								] }), a.provenance.evidenceLinks.map((e) => /* @__PURE__ */ r("p", { children: [
+									"Exact Files link: ",
+									e.fileId,
+									"; version ",
+									e.versionId,
+									"."
+								] }, JSON.stringify([e.fileId, e.versionId])))]
+							})
+						]
+					}, e);
+				})
+			}),
+			/* @__PURE__ */ r("section", {
+				className: "space-y-2",
+				children: [
+					/* @__PURE__ */ n("h4", {
+						className: "font-medium",
+						children: "Server-recorded owner context (separate from declared facts)"
+					}),
+					/* @__PURE__ */ r("p", { children: [
+						"Shipment ",
+						i.ownerShipment.shipmentId,
+						"; revision at ",
+						i.ownerShipment.updatedAt,
+						"; mode ",
+						i.ownerShipment.primaryMode,
+						"."
+					] }),
+					i.ownerLegs.length === 0 && /* @__PURE__ */ n("p", { children: "No legs selected for this capture. This does not mean the shipment has no legs." }),
+					i.ownerLegs.map((e) => /* @__PURE__ */ r("p", { children: [
+						"Leg ",
+						e.legNumber,
+						" (",
+						e.id,
+						") / ",
+						e.mode,
+						"; revision ",
+						e.updatedAt,
+						"; carrier",
+						" ",
+						e.carrierName ?? "Not recorded",
+						" (",
+						e.carrierId ?? "No carrier reference",
+						"); weight",
+						" ",
+						e.weightKg ?? "Not recorded",
+						" kg; volume ",
+						e.volumeCbm ?? "Not recorded",
+						" m³; equipment ",
+						e.containerType ?? "Not recorded",
+						" × ",
+						e.containerCount ?? "Not recorded",
+						"."
+					] }, e.id))
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { i as FreightCommercialHistory };