@burdenoff/microfe-movethewheels 2026.1102.1 → 2026.1102.2

package/dist/pages/FreightInvoicePage.js

@@ -6,65 +6,73 @@ import { useConditionApi as i, useConditionQuery as a } from "../hooks/useContai
 import { PinnedSelect as o, ReusePager as s, ReuseState as c, reuseCard as l } from "../components/ReuseControls.js";
 import { useShipmentPermissions as u } from "../hooks/useShipmentPermissions.js";
 import { FreightText as ee } from "../components/freight-cost/FreightFields.js";
+import { InvoiceComparisonExactDocument as te, InvoiceComparisonHistoryDocument as ne, InvoiceEstimatePageDocument as re, InvoiceEstimateVersionDocument as ie, InvoiceShipmentsDocument as ae, InvoiceStructuralPreviewDocument as oe } from "../src/generated/freight-invoice-operations.js";
 import { sameInvoiceScope as d } from "../utils/invoiceComparison.js";
-import { InvoiceHistoryRecord as te } from "../components/freight-invoice/InvoiceResults.js";
-import { InvoiceForm as ne } from "../components/freight-invoice/InvoiceForm.js";
-import { InvoiceComparisonExactDocument as re, InvoiceComparisonHistoryDocument as f, InvoiceEstimatePageDocument as ie, InvoiceEstimateVersionDocument as ae, InvoiceShipmentsDocument as oe, InvoiceStructuralPreviewDocument as se } from "../src/generated/freight-invoice-operations.js";
-import { useInvoiceComparisonRecovery as p, useInvoiceComparisonScope as m } from "../hooks/useInvoiceComparisonRecovery.js";
-import { useState as h } from "react";
-import { useSearchParams as g } from "react-router";
-import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { PermissionProvider as b } from "@burdenoff/fe-libs/shared/providers/shell";
+import { InvoiceReviewQueue as se } from "../components/freight-invoice/InvoiceReviewQueue.js";
+import { InvoiceHistoryRecord as ce } from "../components/freight-invoice/InvoiceResults.js";
+import { InvoiceForm as le } from "../components/freight-invoice/InvoiceForm.js";
+import { InvoiceReviewPanel as ue } from "../components/freight-invoice/InvoiceReviewPanel.js";
+import { useInvoiceReviewPermissions as de } from "../hooks/useInvoiceReviewPermissions.js";
+import { useInvoiceComparisonRecovery as f, useInvoiceComparisonScope as p } from "../hooks/useInvoiceComparisonRecovery.js";
+import { useState as m } from "react";
+import { useSearchParams as fe } from "react-router";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { PermissionProvider as v } from "@burdenoff/fe-libs/shared/providers/shell";
 //#region src/movethewheels/pages/FreightInvoicePage.tsx
-function x() {
+function y() {
 	let n = t();
-	return /* @__PURE__ */ v(r, {
+	return /* @__PURE__ */ g(r, {
 		title: "Freight invoice comparisons",
 		subtitle: "Compare manually reported source facts with one immutable estimate version.",
-		icon: /* @__PURE__ */ v(e, { "aria-hidden": "true" }),
-		children: /* @__PURE__ */ v(b, {
+		icon: /* @__PURE__ */ g(e, { "aria-hidden": "true" }),
+		children: /* @__PURE__ */ g(v, {
 			scopeId: n.workspaceId ?? null,
 			gateway: "workspace",
-			children: /* @__PURE__ */ v(S, {})
+			children: /* @__PURE__ */ g(b, {})
 		}, `${n.workspaceId}:${n.tenantId}:${n.currentUser?.id}:${n.apiGatewayUrl}`)
 	});
 }
-function S() {
-	let e = u(), t = m(e.canRead), n = p(t, () => e.allows("update"));
-	return /* @__PURE__ */ y(_, { children: [!e.canRead && /* @__PURE__ */ v("p", {
+function b() {
+	let e = u(), t = p(e.canRead), n = f(t, () => e.allows("update"));
+	return /* @__PURE__ */ _(h, { children: [!e.canRead && /* @__PURE__ */ g("p", {
 		role: "status",
 		children: e.loading ? "Checking shipment read permission…" : e.failed ? "Shipment permissions are unavailable. Reload to inspect them." : "Shipment read permission in the current workspace is required."
-	}), /* @__PURE__ */ v(C, {
+	}), /* @__PURE__ */ g(x, {
 		access: e,
 		scope: t,
 		actions: n
 	}, n.scopeKey)] });
 }
-function C({ access: e, scope: t, actions: r }) {
-	let l = i(), [u, d] = g(), [p, m] = h(() => u.get("invoiceShipment")?.slice(0, 255) ?? ""), [b, x] = h(0), [S, C] = h(0), [T, E] = h(""), [D, O] = h(!1), [k, A] = h(null), [j, M] = h(() => u.get("invoiceIdentity")?.slice(0, 255) ?? ""), [N, P] = h(j), [F, I] = h(0), [L, R] = h(""), [z, B] = h(null), [V, H] = h(null), U = !!t && e.canRead, W = r.busy || r.uncertain, G = a(oe, U ? { pagination: {
+function x({ access: e, scope: t, actions: r }) {
+	let l = i(), u = de(), [d, f] = m(0), [p, v] = fe(), [y, b] = m(() => p.get("invoiceShipment")?.slice(0, 255) ?? ""), [x, C] = m(0), [w, T] = m(0), [E, D] = m(""), [O, k] = m(!1), [A, j] = m(null), [M, N] = m(() => p.get("invoiceIdentity")?.slice(0, 255) ?? ""), [P, F] = m(M), [I, L] = m(0), [R, z] = m(""), [pe, B] = m(null), [V, H] = m(null), U = !!t && e.canRead, W = r.busy || r.uncertain, G = a(ae, U ? { pagination: {
 		limit: 25,
-		offset: b
-	} } : null, r.revision), K = a(ie, U && p ? {
-		shipmentId: p,
+		offset: x
+	} } : null, r.revision), K = a(re, U && y ? {
+		shipmentId: y,
 		pagination: {
 			limit: 25,
-			offset: S
+			offset: w
 		}
-	} : null, r.revision), q = a(ae, U && p && T ? {
-		shipmentId: p,
-		id: T
-	} : null, r.revision), J = a(f, U && p && j ? {
-		shipmentId: p,
-		invoiceIdentityId: j,
+	} : null, r.revision), q = a(ie, U && y && E ? {
+		shipmentId: y,
+		id: E
+	} : null, r.revision), J = a(ne, U && y && M ? {
+		shipmentId: y,
+		invoiceIdentityId: M,
 		pagination: {
 			limit: 10,
-			offset: F
+			offset: I
 		}
-	} : null, r.revision), Y = a(re, U && p && L ? {
-		shipmentId: p,
-		id: L
-	} : null, r.revision), X = Y.data?.mtwFreightInvoiceComparison ?? z, Z = (e) => {
-		m(e.shipmentId), B(e), R(e.id), M(e.invoiceIdentityId), P(e.invoiceIdentityId), I(0), O(!1), A(null), d((t) => {
+	} : null, r.revision), Y = a(te, U && y && R ? {
+		shipmentId: y,
+		id: R
+	} : null, r.revision), X = Y.data?.mtwFreightInvoiceComparison ?? pe, Z = (e) => {
+		b(e.shipmentId), B(e), z(e.id), N(e.invoiceIdentityId), F(e.invoiceIdentityId), L(0), k(!1), j(null), v((t) => {
+			let n = new URLSearchParams(t);
+			return n.set("invoiceShipment", e.shipmentId), n.set("invoiceIdentity", e.invoiceIdentityId), n;
+		}, { replace: !0 });
+	}, me = (e) => {
+		b(e.shipmentId), D(""), T(0), B(null), z(e.comparisonId), N(e.invoiceIdentityId), F(e.invoiceIdentityId), L(0), k(!1), j(null), v((t) => {
 			let n = new URLSearchParams(t);
 			return n.set("invoiceShipment", e.shipmentId), n.set("invoiceIdentity", e.invoiceIdentityId), n;
 		}, { replace: !0 });
@@ -72,25 +80,25 @@ function C({ access: e, scope: t, actions: r }) {
 		id: e.id,
 		label: `${e.shipmentNumber} — ${e.primaryMode} — ${e.status}`
 	})) ?? [];
-	p && !Q.some((e) => e.id === p) && Q.unshift({
-		id: p,
+	y && !Q.some((e) => e.id === y) && Q.unshift({
+		id: y,
 		label: "Selected shipment outside this loaded page"
 	});
-	let ce = G.data ? {
+	let he = G.data ? {
 		total: G.data.shipmentsCount,
 		limit: 25,
-		offset: b,
-		hasMore: b + G.data.shipments.length < G.data.shipmentsCount,
-		nextOffset: b + 25
+		offset: x,
+		hasMore: x + G.data.shipments.length < G.data.shipmentsCount,
+		nextOffset: x + 25
 	} : void 0, $ = q.data?.mtwFreightEstimateVersion;
-	return /* @__PURE__ */ y("div", {
+	return /* @__PURE__ */ _("div", {
 		className: "min-w-0 space-y-6 break-words",
 		children: [
-			/* @__PURE__ */ v("p", {
+			/* @__PURE__ */ g("p", {
 				className: "rounded border p-4 text-sm",
-				children: "Record only what the supplier source reports. Unknown is not zero. This comparison establishes no quote acceptance, liability, invoice approval or payment. Corrections append a new immutable revision."
+				children: "Record only what the supplier source reports. Unknown is not zero. Recording a comparison does not approve it: someone other than its author accepts or disputes each revision, and only an accepted invoice is handed to Billing for settlement. Corrections append a new immutable revision."
 			}),
-			r.uncertain && /* @__PURE__ */ v(w, {
+			r.uncertain && /* @__PURE__ */ g(S, {
 				pending: r.pending,
 				scope: t,
 				busy: r.busy,
@@ -99,67 +107,72 @@ function C({ access: e, scope: t, actions: r }) {
 					e && Z(e);
 				})
 			}),
-			r.feedback && /* @__PURE__ */ v("p", {
+			r.feedback && /* @__PURE__ */ g("p", {
 				role: r.feedback.error ? "alert" : "status",
 				children: r.feedback.message
 			}),
-			U && /* @__PURE__ */ y(_, { children: [
-				/* @__PURE__ */ y("section", {
+			U && /* @__PURE__ */ _(h, { children: [
+				u.canRead && /* @__PURE__ */ g(se, {
+					revision: d + r.revision,
+					onOpen: me,
+					locked: W || O
+				}),
+				/* @__PURE__ */ _("section", {
 					className: "space-y-4 rounded-xl border bg-bg-surface p-5",
 					children: [
-						/* @__PURE__ */ v("h2", {
+						/* @__PURE__ */ g("h2", {
 							className: "text-lg font-semibold",
 							children: "Choose the exact recorded estimate"
 						}),
-						/* @__PURE__ */ v(o, {
+						/* @__PURE__ */ g(o, {
 							label: "Invoice shipment",
-							value: p,
-							disabled: W || D,
+							value: y,
+							disabled: W || O,
 							options: Q,
 							onChange: (e) => {
-								m(e), E(""), C(0), M(""), P(""), R(""), B(null), A(null), O(!1), d((t) => {
+								b(e), D(""), T(0), N(""), F(""), z(""), B(null), j(null), k(!1), v((t) => {
 									let n = new URLSearchParams(t);
 									return n.set("invoiceShipment", e), n.delete("invoiceIdentity"), n;
 								}, { replace: !0 });
 							}
 						}),
-						/* @__PURE__ */ v(c, {
+						/* @__PURE__ */ g(c, {
 							loading: G.loading,
 							error: G.error
 						}),
-						/* @__PURE__ */ v(s, {
-							page: ce,
-							busy: W || D || G.loading,
-							offset: b,
-							onChange: x
+						/* @__PURE__ */ g(s, {
+							page: he,
+							busy: W || O || G.loading,
+							offset: x,
+							onChange: C
 						}),
-						p && /* @__PURE__ */ y(_, { children: [
-							/* @__PURE__ */ v(o, {
+						y && /* @__PURE__ */ _(h, { children: [
+							/* @__PURE__ */ g(o, {
 								label: "Exact estimate version",
-								value: T,
-								disabled: W || D,
+								value: E,
+								disabled: W || O,
 								options: K.data?.mtwFreightEstimatePage.items.map((e) => ({
 									id: e.id,
 									label: `${e.estimateReference} / version ${e.version} / ${e.facts.kind} / ${e.facts.title}`
 								})) ?? [],
-								onChange: (e) => E(e)
+								onChange: (e) => D(e)
 							}),
-							/* @__PURE__ */ v(c, {
+							/* @__PURE__ */ g(c, {
 								loading: K.loading,
 								error: K.error
 							}),
-							/* @__PURE__ */ v(s, {
+							/* @__PURE__ */ g(s, {
 								page: K.data?.mtwFreightEstimatePage,
-								busy: W || D || K.loading,
-								offset: S,
-								onChange: C
+								busy: W || O || K.loading,
+								offset: w,
+								onChange: T
 							})
 						] }),
-						/* @__PURE__ */ v(c, {
+						/* @__PURE__ */ g(c, {
 							loading: q.loading,
 							error: q.error
 						}),
-						$ && /* @__PURE__ */ y("p", { children: [
+						$ && /* @__PURE__ */ _("p", { children: [
 							"Pinned ",
 							$.facts.kind,
 							": ",
@@ -175,27 +188,27 @@ function C({ access: e, scope: t, actions: r }) {
 							$.validityAtRead,
 							". This does not establish acceptance."
 						] }),
-						/* @__PURE__ */ y("div", {
+						/* @__PURE__ */ _("div", {
 							className: "flex flex-wrap gap-3",
 							children: [
-								/* @__PURE__ */ v(n, {
+								/* @__PURE__ */ g(n, {
 									type: "button",
-									disabled: W || !$ || $.shipmentId !== p || q.loading || !!q.error,
+									disabled: W || !$ || $.shipmentId !== y || q.loading || !!q.error,
 									onClick: () => {
-										O(!0), H(null);
+										k(!0), H(null);
 									},
-									children: k ? `Start correction draft after revision ${k.revision}` : "Start manual invoice draft"
+									children: A ? `Start correction draft after revision ${A.revision}` : "Start manual invoice draft"
 								}),
-								D && /* @__PURE__ */ v(n, {
+								O && /* @__PURE__ */ g(n, {
 									type: "button",
 									variant: "outline",
 									disabled: W,
 									onClick: () => {
-										O(!1), A(null);
+										k(!1), j(null);
 									},
 									children: "Discard unsent draft"
 								}),
-								/* @__PURE__ */ v(n, {
+								/* @__PURE__ */ g(n, {
 									type: "button",
 									variant: "outline",
 									disabled: r.busy,
@@ -206,64 +219,64 @@ function C({ access: e, scope: t, actions: r }) {
 						})
 					]
 				}),
-				D && $ && $.shipmentId === p && /* @__PURE__ */ v(ne, {
+				O && $ && $.shipmentId === y && /* @__PURE__ */ g(le, {
 					estimate: $,
-					previous: k,
+					previous: A,
 					disabled: W || q.loading || !!q.error,
 					canRecord: e.canUpdate,
-					onPreview: async (e) => (await l(se, { input: e })).previewMtwFreightInvoice,
+					onPreview: async (e) => (await l(oe, { input: e })).previewMtwFreightInvoice,
 					onSave: async (e, t) => {
 						let n = await r.run(e, t);
 						return n && Z(n), n;
 					}
-				}, `${$.id}:${k?.id ?? "first"}`),
-				V && /* @__PURE__ */ v("p", {
+				}, `${$.id}:${A?.id ?? "first"}`),
+				V && /* @__PURE__ */ g("p", {
 					role: "alert",
 					children: V
 				}),
-				p && /* @__PURE__ */ y("section", {
+				y && /* @__PURE__ */ _("section", {
 					className: "space-y-4 rounded-xl border bg-bg-surface p-5",
 					children: [
-						/* @__PURE__ */ v("h2", {
+						/* @__PURE__ */ g("h2", {
 							className: "text-lg font-semibold",
 							children: "Recorded invoice history"
 						}),
-						/* @__PURE__ */ v("p", { children: "A confirmed save opens its invoice history here. Bookmark this page to return to it. Complete invoice browsing is not available in this view. A missing page never proves that an unresolved save had no effect." }),
-						/* @__PURE__ */ y("details", { children: [
-							/* @__PURE__ */ v("summary", {
+						/* @__PURE__ */ g("p", { children: "A confirmed save opens its invoice history here. Bookmark this page to return to it. Complete invoice browsing is not available in this view. A missing page never proves that an unresolved save had no effect." }),
+						/* @__PURE__ */ _("details", { children: [
+							/* @__PURE__ */ g("summary", {
 								className: "min-h-11 cursor-pointer",
 								children: "Advanced: open a known receipt identity"
 							}),
-							/* @__PURE__ */ v(ee, {
+							/* @__PURE__ */ g(ee, {
 								label: "Known invoice identity ID",
-								value: N,
+								value: P,
 								disabled: r.busy,
-								onChange: P
+								onChange: F
 							}),
-							/* @__PURE__ */ v(n, {
+							/* @__PURE__ */ g(n, {
 								type: "button",
 								variant: "outline",
-								disabled: r.busy || !N.trim(),
+								disabled: r.busy || !P.trim(),
 								onClick: () => {
-									M(N.trim()), I(0), R(""), B(null), d((e) => {
+									N(P.trim()), L(0), z(""), B(null), v((e) => {
 										let t = new URLSearchParams(e);
-										return t.set("invoiceShipment", p), t.set("invoiceIdentity", N.trim()), t;
+										return t.set("invoiceShipment", y), t.set("invoiceIdentity", P.trim()), t;
 									}, { replace: !0 });
 								},
 								children: "Read identity history"
 							})
 						] }),
-						j && /* @__PURE__ */ y(_, { children: [
-							/* @__PURE__ */ v(c, {
+						M && /* @__PURE__ */ _(h, { children: [
+							/* @__PURE__ */ g(c, {
 								loading: J.loading,
 								error: J.error
 							}),
-							J.data?.mtwFreightInvoiceComparisonPage.items.map((e) => /* @__PURE__ */ y(n, {
+							J.data?.mtwFreightInvoiceComparisonPage.items.map((e) => /* @__PURE__ */ _(n, {
 								className: "h-auto max-w-full whitespace-normal break-words text-left",
 								type: "button",
 								variant: "outline",
 								onClick: () => {
-									R(e.id), B(null);
+									z(e.id), B(null);
 								},
 								children: [
 									e.facts.supplierLabel ?? e.facts.supplierReference,
@@ -276,44 +289,49 @@ function C({ access: e, scope: t, actions: r }) {
 									e.recordedAt
 								]
 							}, e.id)),
-							/* @__PURE__ */ v(s, {
+							/* @__PURE__ */ g(s, {
 								page: J.data?.mtwFreightInvoiceComparisonPage,
 								busy: J.loading || r.busy,
-								offset: F,
-								onChange: I
+								offset: I,
+								onChange: L
 							})
 						] })
 					]
 				}),
-				/* @__PURE__ */ v(c, {
+				/* @__PURE__ */ g(c, {
 					loading: Y.loading,
 					error: Y.error
 				}),
-				X && X.shipmentId === p && /* @__PURE__ */ y(_, { children: [
-					/* @__PURE__ */ v(te, { record: X }),
-					/* @__PURE__ */ v(n, {
+				X && X.shipmentId === y && /* @__PURE__ */ _(h, { children: [
+					/* @__PURE__ */ g(ce, { record: X }),
+					/* @__PURE__ */ g(ue, {
+						record: X,
+						permissions: u,
+						onChanged: () => f((e) => e + 1)
+					}, `${X.id}:${r.revision}`),
+					/* @__PURE__ */ g(n, {
 						type: "button",
-						disabled: W || !e.canUpdate || !J.data || J.data.mtwFreightInvoiceComparisonPage.items[0]?.id !== X.id || F !== 0,
+						disabled: W || !e.canUpdate || !J.data || J.data.mtwFreightInvoiceComparisonPage.items[0]?.id !== X.id || I !== 0,
 						onClick: () => {
-							E(X.estimate.id), A(X), O(!1), H(null);
+							D(X.estimate.id), j(X), k(!1), H(null);
 						},
 						children: "Prepare correction to this latest revision"
 					}),
-					/* @__PURE__ */ v("p", { children: "Refresh the first history page to pin its latest revision before correcting. The server checks the exact predecessor again." })
+					/* @__PURE__ */ g("p", { children: "Refresh the first history page to pin its latest revision before correcting. The server checks the exact predecessor again." })
 				] })
 			] })
 		]
 	});
 }
-function w({ pending: e, scope: t, busy: r, canReconcile: i, onRead: a }) {
-	return /* @__PURE__ */ y("section", {
+function S({ pending: e, scope: t, busy: r, canReconcile: i, onRead: a }) {
+	return /* @__PURE__ */ _("section", {
 		className: l,
 		"aria-label": "Original invoice request recovery",
-		children: [/* @__PURE__ */ v("h2", {
+		children: [/* @__PURE__ */ g("h2", {
 			className: "font-semibold",
 			children: "Original save is unresolved"
-		}), e && d(e.scope, t) ? /* @__PURE__ */ y(_, { children: [
-			/* @__PURE__ */ y("p", { children: [
+		}), e && d(e.scope, t) ? /* @__PURE__ */ _(h, { children: [
+			/* @__PURE__ */ _("p", { children: [
 				"Invoice ",
 				e.input.facts.invoiceReference ?? "reference unknown",
 				"; exact",
@@ -326,21 +344,21 @@ function w({ pending: e, scope: t, busy: r, canReconcile: i, onRead: a }) {
 				e.estimate.version,
 				". No automatic resend or new request is allowed."
 			] }),
-			/* @__PURE__ */ v(n, {
+			/* @__PURE__ */ g(n, {
 				type: "button",
 				disabled: !i || r,
 				onClick: a,
 				children: "Read original request receipt"
 			}),
-			/* @__PURE__ */ y("details", { children: [/* @__PURE__ */ v("summary", {
+			/* @__PURE__ */ _("details", { children: [/* @__PURE__ */ g("summary", {
 				className: "min-h-11 cursor-pointer",
 				children: "Retained original source intent"
-			}), /* @__PURE__ */ v("pre", {
+			}), /* @__PURE__ */ g("pre", {
 				className: "max-w-full whitespace-pre-wrap break-all text-xs",
 				children: JSON.stringify(e.input, null, 2)
 			})] })
-		] }) : /* @__PURE__ */ v("p", { children: e ? "The original request is retained in another or unavailable context. Return to the original account, organization, workspace and project with read permission; its source facts remain hidden here." : "The saved intent is malformed or unavailable. It remains blocked; do not discard it or start another request as proof of no effect." })]
+		] }) : /* @__PURE__ */ g("p", { children: e ? "The original request is retained in another or unavailable context. Return to the original account, organization, workspace and project with read permission; its source facts remain hidden here." : "The saved intent is malformed or unavailable. It remains blocked; do not discard it or start another request as proof of no effect." })]
 	});
 }
 //#endregion
-export { w as InvoiceRequestRecovery, x as default };
+export { S as InvoiceRequestRecovery, y as default };