@burdenoff/microfe-movethewheels 2026.1102.1 → 2026.1102.2

package/dist/hooks/useInvoiceComparisonRecovery.js

@@ -1,14 +1,14 @@
 import { useMoveTheWheels as e } from "../providers/MoveTheWheelsProvider.js";
 import { resolveGraphqlUrl as t } from "../utils/graphqlClient.js";
 import { useConditionApi as n } from "./useContainerCondition.js";
-import { INVOICE_RECOVERY_STORAGE as r, decodeInvoiceIntent as i, encodeInvoiceIntent as a, invoiceCanonical as o, invoiceRecordInput as s, matchesInvoiceReceipt as c, sameInvoiceScope as l } from "../utils/invoiceComparison.js";
-import { InvoiceComparisonExactDocument as u, RecordInvoiceComparisonDocument as d, RecoverInvoiceComparisonDocument as f } from "../src/generated/freight-invoice-operations.js";
+import { InvoiceComparisonExactDocument as r, RecordInvoiceComparisonDocument as i, RecoverInvoiceComparisonDocument as a } from "../src/generated/freight-invoice-operations.js";
+import { INVOICE_RECOVERY_STORAGE as o, decodeInvoiceIntent as s, encodeInvoiceIntent as c, invoiceCanonical as l, invoiceRecordInput as u, matchesInvoiceReceipt as d, sameInvoiceScope as f } from "../utils/invoiceComparison.js";
 import { useLayoutEffect as p, useRef as m, useState as h } from "react";
 import { useActiveContext as g } from "@burdenoff/fe-libs/shared/providers/shell";
 //#region src/movethewheels/hooks/useInvoiceComparisonRecovery.ts
 function _() {
 	try {
-		let e = sessionStorage.getItem(r), t = i(e);
+		let e = sessionStorage.getItem(o), t = s(e);
 		return {
 			intent: t,
 			blocked: e !== null && t === null
@@ -32,7 +32,7 @@ function v(n) {
 	};
 }
 function y(e, t) {
-	let g = n("SINGLE_ATTEMPT"), [v] = h(_), [y, b] = h(v.intent), x = m(y), [S, C] = h(v.blocked), w = m(!1), [T, E] = h(!1), [D, O] = h(0), k = o(e), A = m(e), [j, M] = h(null);
+	let g = n("SINGLE_ATTEMPT"), [v] = h(_), [y, b] = h(v.intent), x = m(y), [S, C] = h(v.blocked), w = m(!1), [T, E] = h(!1), [D, O] = h(0), k = l(e), A = m(e), [j, M] = h(null);
 	p(() => (A.current = e, () => {
 		A.current = null;
 	}), [k]);
@@ -41,37 +41,37 @@ function y(e, t) {
 		message: e,
 		error: t
 	}), P = (e, t) => {
-		if (!e || !c(e, t) || !l(t.scope, A.current)) throw Error("UNCONFIRMED");
-		let n = i(sessionStorage.getItem(r));
-		if (!n || o(n) !== o(t)) throw Error("RETAINED_INTENT_CHANGED");
-		return sessionStorage.removeItem(r), x.current = null, b(null), C(!1), O((e) => e + 1), N("The exact immutable comparison receipt is confirmed.", !1), e;
+		if (!e || !d(e, t) || !f(t.scope, A.current)) throw Error("UNCONFIRMED");
+		let n = s(sessionStorage.getItem(o));
+		if (!n || l(n) !== l(t)) throw Error("RETAINED_INTENT_CHANGED");
+		return sessionStorage.removeItem(o), x.current = null, b(null), C(!1), O((e) => e + 1), N("The exact immutable comparison receipt is confirmed.", !1), e;
 	};
 	return {
-		run: async (n, c) => {
+		run: async (n, r) => {
 			if (w.current || x.current || S) return N("Resolve the original request before starting another."), null;
-			if (!e || !l(e, A.current) || !t()) return N("Current shipment update permission and workspace context are required. Nothing was sent."), null;
-			let u;
+			if (!e || !f(e, A.current) || !t()) return N("Current shipment update permission and workspace context are required. Nothing was sent."), null;
+			let a;
 			try {
 				if (sessionStorage.getItem("movethewheels.freight-invoice.unresolved.v1") !== null) throw Error("EXISTING");
-				u = {
+				a = {
 					version: 1,
 					scope: structuredClone(e),
-					input: s({
+					input: u({
 						...n,
 						idempotencyKey: crypto.randomUUID()
 					}),
-					estimate: structuredClone(c)
-				}, sessionStorage.setItem(r, a(u)), x.current = u, b(u);
+					estimate: structuredClone(r)
+				}, sessionStorage.setItem(o, c(a)), x.current = a, b(a);
 			} catch {
 				return N("The original request could not be retained safely. Nothing was sent; reload and inspect any retained request."), null;
 			}
 			w.current = !0, E(!0), M(null);
 			try {
-				if (!l(u.scope, A.current) || !t()) {
-					let e = i(sessionStorage.getItem(r));
-					return e && o(e) === o(u) && (sessionStorage.removeItem(r), x.current = null, b(null)), N("Context or permission changed before dispatch. Nothing was sent."), null;
+				if (!f(a.scope, A.current) || !t()) {
+					let e = s(sessionStorage.getItem(o));
+					return e && l(e) === l(a) && (sessionStorage.removeItem(o), x.current = null, b(null)), N("Context or permission changed before dispatch. Nothing was sent."), null;
 				}
-				return P((await g(d, { input: u.input })).compareMtwFreightInvoice, u);
+				return P((await g(i, { input: a.input })).compareMtwFreightInvoice, a);
 			} catch {
 				return N("Save outcome is UNKNOWN. Keep the original intent and use read-only recovery; do not resend it."), null;
 			} finally {
@@ -81,21 +81,21 @@ function y(e, t) {
 		reconcile: async () => {
 			let e = x.current;
 			if (w.current || !e) return null;
-			if (!l(e.scope, A.current)) return N("Return to the original account, organization, workspace and project to inspect its request."), null;
+			if (!f(e.scope, A.current)) return N("Return to the original account, organization, workspace and project to inspect its request."), null;
 			w.current = !0, E(!0), M(null);
 			try {
-				let t = (await g(f, {
+				let t = (await g(a, {
 					shipmentId: e.input.shipmentId,
 					requestKey: e.input.idempotencyKey
 				})).mtwFreightInvoiceComparisonByRequestKey;
 				if (!t) return N("No original-context receipt was returned. This does not prove no effect; the request stays UNKNOWN and cannot be resent."), null;
-				if (!c(t, e)) throw Error("MISMATCH");
-				if (!l(e.scope, A.current)) throw Error("CONTEXT_CHANGED");
-				let n = await g(u, {
+				if (!d(t, e)) throw Error("MISMATCH");
+				if (!f(e.scope, A.current)) throw Error("CONTEXT_CHANGED");
+				let n = await g(r, {
 					shipmentId: e.input.shipmentId,
 					id: t.id
 				});
-				if (!c(n.mtwFreightInvoiceComparison, e) || n.mtwFreightInvoiceComparison.requestFingerprint !== t.requestFingerprint || o(n.mtwFreightInvoiceComparison) !== o(t)) throw Error("MISMATCH");
+				if (!d(n.mtwFreightInvoiceComparison, e) || n.mtwFreightInvoiceComparison.requestFingerprint !== t.requestFingerprint || l(n.mtwFreightInvoiceComparison) !== l(t)) throw Error("MISMATCH");
 				return P(n.mtwFreightInvoiceComparison, e);
 			} catch {
 				return N("Read-only recovery could not confirm the exact original receipt. Keep the intent; no save was sent."), null;
@@ -109,7 +109,7 @@ function y(e, t) {
 		uncertain: y !== null || S,
 		revision: D,
 		scopeKey: k,
-		canReconcile: !!y && l(y.scope, e),
+		canReconcile: !!y && f(y.scope, e),
 		feedback: j?.scopeKey === k ? j : null,
 		refresh: () => O((e) => e + 1)
 	};

package/dist/hooks/useInvoiceReviewPermissions.js

@@ -0,0 +1,14 @@
+import { useMoveTheWheels as e } from "../providers/MoveTheWheelsProvider.js";
+import { usePermissions as t } from "@burdenoff/fe-libs/shared/providers/shell";
+//#region src/movethewheels/hooks/useInvoiceReviewPermissions.ts
+function n() {
+	let n = t(), { workspaceId: r, currentUser: i } = e(), a = !!(r && i?.id && n.scopeId === r && (n.isSuperAdmin || n.permissions?.scopeId === r && n.permissions.actorId === i.id)) && !n.isLoading && !n.error && n.hasPermission("mtw-freight-invoice:read");
+	return {
+		canRead: a,
+		canUpdate: a && n.hasPermission("mtw-freight-invoice:update"),
+		canApprove: a && n.hasPermission("mtw-freight-invoice:approve"),
+		loading: n.isLoading
+	};
+}
+//#endregion
+export { n as useInvoiceReviewPermissions };

package/dist/movethewheels/components/freight-invoice/InvoiceReviewPanel.d.ts

@@ -0,0 +1,11 @@
+import { InvoiceReceiptFragment } from '../../../generated/freight-invoice-operations';
+import { ReviewPermissions } from '../../utils/invoiceReview';
+/**
+ * Review, dispute and Billing hand-off for one exact comparison revision
+ * (BOFF-10588). Every step appends to the revision's history; nothing is edited.
+ */
+export declare function InvoiceReviewPanel({ record, permissions, onChanged, }: {
+    record: Pick<InvoiceReceiptFragment, 'id' | 'shipmentId' | 'facts'>;
+    permissions: ReviewPermissions;
+    onChanged?: () => void;
+}): import('react').JSX.Element;

package/dist/movethewheels/components/freight-invoice/InvoiceReviewQueue.d.ts

@@ -0,0 +1,22 @@
+import { InvoiceReviewFragment } from '../../../generated/freight-invoice-operations';
+/** The latest revision of every recorded carrier invoice, filtered by review status (BOFF-10588). */
+export declare function InvoiceReviewQueue({ revision, onOpen, locked, }: {
+    revision: number;
+    onOpen: (review: InvoiceReviewFragment) => void;
+    /** True while an invoice or correction draft is open: opening a review would discard it. */
+    locked?: boolean;
+}): import('react').JSX.Element;
+/** Review counts over the latest revision of every recorded carrier invoice. */
+export declare function useInvoiceReviewSummary(enabled: boolean): {
+    summary: {
+        total: number;
+        awaitingReview: number;
+        accepted: number;
+        acceptedWithVariance: number;
+        disputed: number;
+        supplierResponded: number;
+        settlementHandedOff: number;
+    } | null;
+    loading: boolean;
+    error: string | null;
+};

package/dist/movethewheels/hooks/useInvoiceReviewPermissions.d.ts

@@ -0,0 +1,5 @@
+import { ReviewPermissions } from '../utils/invoiceReview';
+/** Freight invoice review grants for this page's current actor and workspace (BOFF-10588). */
+export declare function useInvoiceReviewPermissions(): ReviewPermissions & {
+    loading: boolean;
+};

package/dist/movethewheels/pages/FinancePage.d.ts

@@ -7,6 +7,8 @@
  * settlement are handled by the platform Billing module, which this page
  * deep-links to rather than re-implementing an Invoice ledger here. Carrier
  * invoices are checked against the agreed freight estimate on the freight
- * invoice comparison page, which this page links to (BOFF-4395).
+ * invoice comparison page, which this page links to (BOFF-4395). The review
+ * counts (awaiting review, disputed, accepted, handed to Billing) come from
+ * Query.mtwFreightInvoiceReviewSummary over real recorded invoices (BOFF-10588).
  */
 export default function FinancePage(): import('react').JSX.Element;

package/dist/movethewheels/utils/invoiceReview.d.ts

@@ -0,0 +1,26 @@
+import { DecideMtwFreightInvoiceInput, HandOffMtwFreightInvoiceSettlementInput, InvoiceReviewFragment, MtwFreightInvoiceDecision, MtwFreightInvoiceResolution, MtwFreightInvoiceReviewAction, MtwFreightInvoiceReviewStatus, RecordMtwFreightInvoiceSupplierResponseInput, ResolveMtwFreightInvoiceDisputeInput } from '../../generated/freight-invoice-operations';
+export declare const REVIEW_STATUS_LABELS: Record<MtwFreightInvoiceReviewStatus, string>;
+export declare const REVIEW_EVENT_LABELS: Record<InvoiceReviewFragment['events'][number]['kind'], string>;
+/** Statuses a reviewer can filter the queue by; SUPERSEDED never appears in the queue. */
+export declare const REVIEW_QUEUE_STATUSES: MtwFreightInvoiceReviewStatus[];
+export interface ReviewPermissions {
+    canRead: boolean;
+    canUpdate: boolean;
+    canApprove: boolean;
+}
+/** Steps the server says are open (author separation included) that this viewer is also permitted to take. */
+export declare function availableReviewActions(review: Pick<InvoiceReviewFragment, 'allowedActions'>, permissions: ReviewPermissions): MtwFreightInvoiceReviewAction[];
+/** Why the author sees no decision: the server withholds it, so say so instead of showing nothing. */
+export declare function authorNotice(review: Pick<InvoiceReviewFragment, 'viewerIsAuthor' | 'status'>): string | null;
+interface Common {
+    review: Pick<InvoiceReviewFragment, 'shipmentId' | 'comparisonId' | 'sequence'>;
+    idempotencyKey: string;
+}
+export type DraftProblem = 'REASON_REQUIRED' | 'LINES_REQUIRED' | 'RESPONSE_REQUIRED';
+export declare const DRAFT_PROBLEM_LABELS: Record<DraftProblem, string>;
+export declare function decisionInput(base: Common, decision: MtwFreightInvoiceDecision, reason: string, disputedLineIds: readonly string[]): DecideMtwFreightInvoiceInput | DraftProblem;
+export declare function supplierResponseInput(base: Common, response: string): RecordMtwFreightInvoiceSupplierResponseInput | DraftProblem;
+export declare function resolutionInput(base: Common, resolution: MtwFreightInvoiceResolution, reason: string): ResolveMtwFreightInvoiceDisputeInput | DraftProblem;
+export declare function handOffInput(base: Common, note: string): HandOffMtwFreightInvoiceSettlementInput;
+export declare function isDraftProblem(value: unknown): value is DraftProblem;
+export {};

package/dist/pages/FinancePage.js

@@ -17,87 +17,128 @@ import { MetricCard as b, MetricGrid as x } from "../components/MetricCard.js";
 import { TrendChart as S } from "../components/charts/TrendChart.js";
 import { VolumeBar as C } from "../components/charts/VolumeBar.js";
 import "../components/charts/index.js";
-import { useMemo as w } from "react";
-import { jsx as T, jsxs as E } from "react/jsx-runtime";
-import { EmphasisPanel as D, PagePurpose as O } from "@burdenoff/fe-libs/ui";
+import { useInvoiceReviewSummary as w } from "../components/freight-invoice/InvoiceReviewQueue.js";
+import { useMemo as T } from "react";
+import { jsx as E, jsxs as D } from "react/jsx-runtime";
+import { EmphasisPanel as O, PagePurpose as k } from "@burdenoff/fe-libs/ui";
 //#region src/movethewheels/pages/FinancePage.tsx
-function k() {
-	let { analytics: k } = d(), { metrics: A } = f(), { navigate: j, basePath: M } = l(), N = () => j("/billing"), P = () => j(c(M, "finance/freight-estimates")), F = () => j(c(M, "finance/freight-invoice-comparisons")), I = w(() => k.trends.revenue.map((e) => ({
+function A() {
+	let { summary: e, loading: t, error: n } = w(!0);
+	return t ? /* @__PURE__ */ E("p", {
+		className: "text-sm text-text-secondary",
+		children: "Loading invoice review counts…"
+	}) : n || !e ? /* @__PURE__ */ E("p", {
+		className: "text-sm text-text-secondary",
+		children: "Invoice review counts need freight invoice read permission."
+	}) : /* @__PURE__ */ E("dl", {
+		className: "grid grid-cols-2 gap-2",
+		"aria-label": "Carrier invoice review",
+		children: [
+			{
+				label: "Awaiting review",
+				value: e.awaitingReview
+			},
+			{
+				label: "Disputed",
+				value: e.disputed + e.supplierResponded
+			},
+			{
+				label: "Accepted",
+				value: e.accepted + e.acceptedWithVariance
+			},
+			{
+				label: "Handed to Billing",
+				value: e.settlementHandedOff
+			}
+		].map((e) => /* @__PURE__ */ D("div", {
+			className: "rounded-lg border border-border-default p-3",
+			children: [/* @__PURE__ */ E("dt", {
+				className: "text-xs text-text-secondary",
+				children: e.label
+			}), /* @__PURE__ */ E("dd", {
+				className: "text-lg font-semibold text-text-primary",
+				children: e.value
+			})]
+		}, e.label))
+	});
+}
+function j() {
+	let { analytics: w } = d(), { metrics: j } = f(), { navigate: M, basePath: N } = l(), P = () => M("/billing"), F = () => M(c(N, "finance/freight-estimates")), I = () => M(c(N, "finance/freight-invoice-comparisons")), L = T(() => w.trends.revenue.map((e) => ({
 		month: e.month,
 		revenue: e.revenue
-	})), [k.trends.revenue]), L = w(() => [
+	})), [w.trends.revenue]), R = T(() => [
 		{
 			label: "Total revenue",
-			amount: A.totalRevenue
+			amount: j.totalRevenue
 		},
 		{
 			label: "Collected",
-			amount: A.deliveredRevenue
+			amount: j.deliveredRevenue
 		},
 		{
 			label: "Fuel cost",
-			amount: A.fuelCost
+			amount: j.fuelCost
 		}
 	], [
-		A.totalRevenue,
-		A.deliveredRevenue,
-		A.fuelCost
-	]), R = L.some((e) => e.amount > 0);
-	return /* @__PURE__ */ E(v, {
+		j.totalRevenue,
+		j.deliveredRevenue,
+		j.fuelCost
+	]), z = R.some((e) => e.amount > 0);
+	return /* @__PURE__ */ D(v, {
 		title: "Finance",
 		subtitle: "Financial overview and reports",
-		icon: /* @__PURE__ */ T(n, { size: 24 }),
-		headerActions: /* @__PURE__ */ E(p, {
+		icon: /* @__PURE__ */ E(n, { size: 24 }),
+		headerActions: /* @__PURE__ */ D(p, {
 			variant: "outline",
-			onClick: N,
-			children: [/* @__PURE__ */ T(i, { size: 16 }), " Invoices & Billing"]
+			onClick: P,
+			children: [/* @__PURE__ */ E(i, { size: 16 }), " Invoices & Billing"]
 		}),
 		children: [
-			/* @__PURE__ */ T(O, {
-				icon: /* @__PURE__ */ T(n, { size: 18 }),
+			/* @__PURE__ */ E(k, {
+				icon: /* @__PURE__ */ E(n, { size: 18 }),
 				children: "Follow the money behind your deliveries. See total revenue, how much has already been collected on delivered orders, fuel cost and how many invoices are still open — then head to Billing to raise and settle invoices."
 			}),
-			/* @__PURE__ */ E(x, {
+			/* @__PURE__ */ D(x, {
 				columns: 4,
 				children: [
-					/* @__PURE__ */ T(b, {
+					/* @__PURE__ */ E(b, {
 						treatment: "glass",
 						glow: !0,
 						label: "Total Revenue",
-						value: u(A.totalRevenue),
-						icon: /* @__PURE__ */ T(n, { size: 20 }),
+						value: u(j.totalRevenue),
+						icon: /* @__PURE__ */ E(n, { size: 20 }),
 						accent: "success"
 					}),
-					/* @__PURE__ */ T(b, {
+					/* @__PURE__ */ E(b, {
 						label: "Collected (Delivered)",
-						value: u(A.deliveredRevenue),
-						icon: /* @__PURE__ */ T(s, { size: 20 }),
+						value: u(j.deliveredRevenue),
+						icon: /* @__PURE__ */ E(s, { size: 20 }),
 						accent: "brand"
 					}),
-					/* @__PURE__ */ T(b, {
+					/* @__PURE__ */ E(b, {
 						label: "Fuel Cost",
-						value: u(A.fuelCost),
-						icon: /* @__PURE__ */ T(a, { size: 20 }),
+						value: u(j.fuelCost),
+						icon: /* @__PURE__ */ E(a, { size: 20 }),
 						accent: "warning"
 					}),
-					/* @__PURE__ */ T(b, {
+					/* @__PURE__ */ E(b, {
 						label: "Open Invoices",
-						value: String(A.openInvoices),
-						icon: /* @__PURE__ */ T(t, { size: 20 }),
+						value: String(j.openInvoices),
+						icon: /* @__PURE__ */ E(t, { size: 20 }),
 						accent: "blue"
 					})
 				]
 			}),
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ D("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ E(m, {
+				children: [/* @__PURE__ */ D(m, {
 					className: "lg:col-span-2",
-					children: [/* @__PURE__ */ T(g, { children: /* @__PURE__ */ T(_, { children: "Revenue trend" }) }), /* @__PURE__ */ T(h, { children: /* @__PURE__ */ T(S, {
+					children: [/* @__PURE__ */ E(g, { children: /* @__PURE__ */ E(_, { children: "Revenue trend" }) }), /* @__PURE__ */ E(h, { children: /* @__PURE__ */ E(S, {
 						xKey: "month",
 						variant: "area",
 						height: 280,
 						showLegend: !1,
-						data: I,
+						data: L,
 						series: [{
 							dataKey: "revenue",
 							name: "Revenue",
@@ -106,65 +147,66 @@ function k() {
 						valueFormatter: (e) => u(Number(e)),
 						emptyMessage: "No revenue recorded yet. Revenue appears here as orders are delivered."
 					}) })]
-				}), /* @__PURE__ */ E(D, {
+				}), /* @__PURE__ */ D(O, {
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ T("h2", {
+						/* @__PURE__ */ E("h2", {
 							className: "text-base font-semibold text-text-primary",
 							children: "Invoices & Settlement"
 						}),
-						/* @__PURE__ */ T("p", {
+						/* @__PURE__ */ E("p", {
 							className: "text-sm text-text-secondary",
 							children: "Invoicing, payments and settlement run through the platform Billing module — the single source of truth for what's been billed and paid. MoveTheWheels doesn't keep its own invoice ledger."
 						}),
-						/* @__PURE__ */ E("div", {
+						/* @__PURE__ */ D("div", {
 							className: "flex items-center justify-between p-4 bg-status-warning-bg/10 rounded-lg",
-							children: [/* @__PURE__ */ E("div", {
+							children: [/* @__PURE__ */ D("div", {
 								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ T("div", {
+								children: [/* @__PURE__ */ E("div", {
 									className: "w-10 h-10 rounded-full bg-status-warning-bg/20 flex items-center justify-center",
-									children: /* @__PURE__ */ T(t, {
+									children: /* @__PURE__ */ E(t, {
 										size: 20,
 										className: "text-status-warning-text"
 									})
-								}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
+								}), /* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("p", {
 									className: "font-medium",
 									children: "Open invoices"
-								}), /* @__PURE__ */ E("p", {
+								}), /* @__PURE__ */ D("p", {
 									className: "text-sm text-text-secondary",
-									children: [A.openInvoices, " awaiting settlement"]
+									children: [j.openInvoices, " awaiting settlement"]
 								})] })]
-							}), /* @__PURE__ */ T("span", {
+							}), /* @__PURE__ */ E("span", {
 								className: "text-xl font-bold text-status-warning-text",
-								children: A.openInvoices
+								children: j.openInvoices
 							})]
 						}),
-						/* @__PURE__ */ E(p, {
+						/* @__PURE__ */ D(p, {
 							className: "w-full",
-							onClick: N,
-							children: ["Open Billing ", /* @__PURE__ */ T(e, { size: 16 })]
+							onClick: P,
+							children: ["Open Billing ", /* @__PURE__ */ E(e, { size: 16 })]
 						}),
-						/* @__PURE__ */ E("div", {
+						/* @__PURE__ */ D("div", {
 							className: "space-y-2 border-t border-border-default pt-4",
 							children: [
-								/* @__PURE__ */ T("h3", {
+								/* @__PURE__ */ E("h3", {
 									className: "text-sm font-semibold text-text-primary",
 									children: "Freight cost control"
 								}),
-								/* @__PURE__ */ T("p", {
+								/* @__PURE__ */ E("p", {
 									className: "text-sm text-text-secondary",
-									children: "Record the agreed freight estimate for a shipment, then check the carrier's invoice against it line by line before it is settled in Billing."
+									children: "Record the agreed freight estimate for a shipment, then check the carrier's invoice against it line by line. Someone other than its author accepts or disputes it, and accepted invoices are handed to Billing for settlement."
 								}),
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ E(A, {}),
+								/* @__PURE__ */ D("div", {
 									className: "grid grid-cols-1 gap-2 sm:grid-cols-2",
-									children: [/* @__PURE__ */ E(p, {
-										variant: "outline",
-										onClick: P,
-										children: [/* @__PURE__ */ T(o, { size: 16 }), " Freight estimates"]
-									}), /* @__PURE__ */ E(p, {
+									children: [/* @__PURE__ */ D(p, {
 										variant: "outline",
 										onClick: F,
-										children: [/* @__PURE__ */ T(r, { size: 16 }), " Invoice comparisons"]
+										children: [/* @__PURE__ */ E(o, { size: 16 }), " Freight estimates"]
+									}), /* @__PURE__ */ D(p, {
+										variant: "outline",
+										onClick: I,
+										children: [/* @__PURE__ */ E(r, { size: 16 }), " Invoice comparisons"]
 									})]
 								})
 							]
@@ -172,17 +214,17 @@ function k() {
 					]
 				})]
 			}),
-			/* @__PURE__ */ E(m, { children: [/* @__PURE__ */ T(g, { children: /* @__PURE__ */ T(_, { children: "Revenue vs cost" }) }), /* @__PURE__ */ T(h, { children: R ? /* @__PURE__ */ T(C, {
+			/* @__PURE__ */ D(m, { children: [/* @__PURE__ */ E(g, { children: /* @__PURE__ */ E(_, { children: "Revenue vs cost" }) }), /* @__PURE__ */ E(h, { children: z ? /* @__PURE__ */ E(C, {
 				xKey: "label",
 				height: 260,
 				showLegend: !1,
-				data: L,
+				data: R,
 				series: [{
 					dataKey: "amount",
 					name: "Amount"
 				}],
 				valueFormatter: (e) => u(Number(e))
-			}) : /* @__PURE__ */ T("p", {
+			}) : /* @__PURE__ */ E("p", {
 				className: "py-8 text-center text-sm text-text-secondary",
 				children: "Revenue and cost figures appear here as orders are delivered."
 			}) })] })
@@ -190,4 +232,4 @@ function k() {
 	});
 }
 //#endregion
-export { k as default };
+export { j as default };