@burdenoff/microfe-movethewheels 2026.1031.5 → 2026.1101.1

package/dist/hooks/useCarrierIntegrations.js

@@ -0,0 +1,141 @@
+import { useMoveTheWheels as e } from "../providers/MoveTheWheelsProvider.js";
+import { executeGraphQL as t } from "../utils/graphqlClient.js";
+import { CREATE_INTEGRATION_MUTATION as n, DELETE_INTEGRATION_MUTATION as r, INTEGRATION_COUNTS_QUERY as i, INTEGRATION_EVENTS_QUERY as a, LIST_INTEGRATIONS_QUERY as o, UPDATE_INTEGRATION_MUTATION as s } from "../utils/carrierIntegrations.js";
+import { useCallback as c, useEffect as l, useMemo as u, useRef as d, useState as f } from "react";
+//#region src/movethewheels/hooks/useCarrierIntegrations.ts
+function p() {
+	let { apiGatewayUrl: t, authToken: n, workspaceToken: r, workspaceId: i, tenantId: a, currentUser: o } = e();
+	return u(() => ({
+		apiGatewayUrl: t,
+		authToken: n,
+		workspaceToken: r,
+		workspaceId: i,
+		tenantId: a,
+		actorId: o?.id
+	}), [
+		t,
+		n,
+		r,
+		i,
+		a,
+		o?.id
+	]);
+}
+function m(e, t) {
+	return e instanceof Error ? e : Error(t);
+}
+function h(e) {
+	let n = p(), { status: r, limit: i, offset: a } = e, [s, u] = f([]), [h, g] = f(0), [_, v] = f(!1), [y, b] = f(null), x = d(0), S = c(async () => {
+		let e = ++x.current;
+		v(!0), b(null);
+		try {
+			let s = await t(n, o, {
+				filter: r ? { status: r } : void 0,
+				pagination: {
+					limit: i,
+					offset: a
+				}
+			});
+			if (e !== x.current) return;
+			u(s.integrations), g(s.integrationsCount);
+		} catch (t) {
+			if (e !== x.current) return;
+			b(m(t, "Failed to load integrations"));
+		} finally {
+			e === x.current && v(!1);
+		}
+	}, [
+		n,
+		r,
+		i,
+		a
+	]);
+	l(() => (S(), () => {
+		x.current += 1;
+	}), [S]);
+	let C = d(S);
+	return l(() => {
+		C.current = S;
+	}, [S]), {
+		integrations: s,
+		total: h,
+		isLoading: _,
+		error: y,
+		refetch: c(() => C.current(), [])
+	};
+}
+function g() {
+	let e = p(), [n, r] = f({
+		all: 0,
+		active: 0
+	}), a = d(0), o = c(async () => {
+		let n = ++a.current;
+		try {
+			let o = await t(e, i, {});
+			n === a.current && r({
+				all: o.all,
+				active: o.active
+			});
+		} catch {}
+	}, [e]);
+	return l(() => (o(), () => {
+		a.current += 1;
+	}), [o]), {
+		...n,
+		refetch: o
+	};
+}
+function _(e, n, r = 20) {
+	let i = p(), [o, s] = f([]), [c, u] = f(!1), [d, h] = f(null);
+	return l(() => {
+		if (!e) {
+			s([]);
+			return;
+		}
+		let n = !1;
+		return u(!0), h(null), t(i, a, {
+			integrationId: e,
+			pagination: {
+				limit: r,
+				offset: 0
+			}
+		}).then((e) => {
+			n || s(e.integrationEvents);
+		}).catch((e) => {
+			n || h(m(e, "Failed to load deliveries"));
+		}).finally(() => {
+			n || u(!1);
+		}), () => {
+			n = !0;
+		};
+	}, [
+		i,
+		e,
+		n,
+		r
+	]), {
+		events: o,
+		isLoading: c,
+		error: d
+	};
+}
+function v() {
+	let e = p();
+	return u(() => ({
+		create: async (r) => (await t(e, n, { input: {
+			...r,
+			name: r.name.trim(),
+			status: "ACTIVE"
+		} }, "SINGLE_ATTEMPT")).createIntegration,
+		update: async (n, r) => (await t(e, s, {
+			id: n,
+			input: r.name === void 0 ? r : {
+				...r,
+				name: r.name.trim()
+			}
+		})).updateIntegration,
+		remove: async (n) => (await t(e, r, { id: n })).deleteIntegration
+	}), [e]);
+}
+//#endregion
+export { v as useCarrierIntegrationActions, g as useCarrierIntegrationCounts, _ as useCarrierIntegrationEvents, h as useCarrierIntegrations };

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

@@ -0,0 +1,39 @@
+import { CarrierIntegration, CarrierIntegrationEvent, IntegrationStatus, SupportedProvider } from '../utils/carrierIntegrations';
+export interface CreateCarrierIntegrationInput {
+    provider: SupportedProvider;
+    name: string;
+    apiSecret: string;
+}
+export interface UpdateCarrierIntegrationInput {
+    name?: string;
+    status?: IntegrationStatus;
+    apiSecret?: string;
+}
+export declare function useCarrierIntegrations(options: {
+    status?: IntegrationStatus;
+    limit: number;
+    offset: number;
+}): {
+    integrations: CarrierIntegration[];
+    total: number;
+    isLoading: boolean;
+    error: Error | null;
+    refetch: () => Promise<void>;
+};
+/** Workspace-wide feed counts (all and active) in one request, independent of the list filter. */
+export declare function useCarrierIntegrationCounts(): {
+    refetch: () => Promise<void>;
+    all: number;
+    active: number;
+};
+/** The most recent deliveries for one integration, newest first. */
+export declare function useCarrierIntegrationEvents(integrationId: string | null, refreshKey: number, limit?: number): {
+    events: CarrierIntegrationEvent[];
+    isLoading: boolean;
+    error: Error | null;
+};
+export declare function useCarrierIntegrationActions(): {
+    create: (input: CreateCarrierIntegrationInput) => Promise<CarrierIntegration>;
+    update: (id: string, input: UpdateCarrierIntegrationInput) => Promise<CarrierIntegration>;
+    remove: (id: string) => Promise<boolean>;
+};

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

@@ -5,6 +5,8 @@
  * revenue, fuel cost, open invoices) plus the real revenue trend series — no
  * simulated paid/pending splits and no fabricated cost categories. Invoicing and
  * settlement are handled by the platform Billing module, which this page
- * deep-links to rather than re-implementing an Invoice ledger here.
+ * 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).
  */
 export default function FinancePage(): import('react').JSX.Element;

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

@@ -0,0 +1,6 @@
+/**
+ * Remounts the page whenever the host switches tenant or workspace, so no
+ * server state, filter, page, pending reveal or in-flight mutation from the
+ * previous workspace survives into the next one.
+ */
+export default function IntegrationsPage(): import('react').JSX.Element;

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

@@ -0,0 +1,88 @@
+/** Providers the service can ingest today. Vendor adapters are refused by the API. */
+export declare const SUPPORTED_PROVIDERS: readonly ["GENERIC_WEBHOOK"];
+export type SupportedProvider = (typeof SUPPORTED_PROVIDERS)[number];
+/** Named networks that need a signed vendor agreement before an adapter can ship. */
+export declare const ROADMAP_PROVIDERS: readonly [{
+    readonly id: "PROJECT44";
+    readonly label: "project44";
+}, {
+    readonly id: "FOURKITES";
+    readonly label: "FourKites";
+}, {
+    readonly id: "DESCARTES";
+    readonly label: "Descartes";
+}];
+export declare const INTEGRATION_STATUSES: readonly ["ACTIVE", "PAUSED", "DISABLED"];
+export type IntegrationStatus = (typeof INTEGRATION_STATUSES)[number];
+export type IntegrationProvider = 'GENERIC_WEBHOOK' | 'PROJECT44' | 'FOURKITES' | 'DESCARTES';
+export type IntegrationEventStatus = 'RECEIVED' | 'ACCEPTED' | 'PARTIAL' | 'REJECTED' | 'DUPLICATE' | 'CONFLICT';
+/** Tracking event types a delivery may carry (the service's TrackingEventType). */
+export declare const TRACKING_EVENT_TYPES: readonly ["CREATED", "PICKED_UP", "IN_TRANSIT", "ARRIVED", "DEPARTED", "OUT_FOR_DELIVERY", "DELIVERED", "FAILED", "RETURNED"];
+/** The service refuses shorter secrets; the generator always produces 64 hex characters. */
+export declare const MIN_SECRET_LENGTH = 32;
+/** Header the workspace gateway forwards; custom headers do not survive the gateway. */
+export declare const SIGNATURE_HEADER = "x-webhook-signature";
+/** Updates accepted in one delivery (a JSON array of at most this many objects). */
+export declare const MAX_UPDATES_PER_DELIVERY = 5;
+export interface CarrierIntegration {
+    id: string;
+    workspaceId: string;
+    provider: IntegrationProvider;
+    name: string;
+    status: IntegrationStatus;
+    lastSyncAt: string | null;
+    lastErrorAt: string | null;
+    lastErrorMessage: string | null;
+    createdAt: string;
+    updatedAt: string;
+}
+export interface CarrierIntegrationEvent {
+    id: string;
+    integrationId: string;
+    externalEventId: string | null;
+    shipmentId: string | null;
+    eventType: string | null;
+    status: IntegrationEventStatus;
+    errorMessage: string | null;
+    receivedAt: string;
+    processedAt: string | null;
+}
+export declare const LIST_INTEGRATIONS_QUERY = "\n  query MtwCarrierIntegrations($filter: IntegrationFilterInput, $pagination: PaginationInput) {\n    integrations(filter: $filter, pagination: $pagination) {\n      \n  id\n  workspaceId\n  provider\n  name\n  status\n  lastSyncAt\n  lastErrorAt\n  lastErrorMessage\n  createdAt\n  updatedAt\n\n    }\n    integrationsCount(filter: $filter)\n  }\n";
+export declare const INTEGRATION_COUNTS_QUERY = "\n  query MtwCarrierIntegrationCounts {\n    all: integrationsCount\n    active: integrationsCount(filter: { status: ACTIVE })\n  }\n";
+export declare const INTEGRATION_EVENTS_QUERY = "\n  query MtwCarrierIntegrationEvents($integrationId: ID, $pagination: PaginationInput) {\n    integrationEvents(integrationId: $integrationId, pagination: $pagination) {\n      id\n      integrationId\n      externalEventId\n      shipmentId\n      eventType\n      status\n      errorMessage\n      receivedAt\n      processedAt\n    }\n  }\n";
+export declare const CREATE_INTEGRATION_MUTATION = "\n  mutation CreateMtwCarrierIntegration($input: CreateIntegrationInput!) {\n    createIntegration(input: $input) {\n      \n  id\n  workspaceId\n  provider\n  name\n  status\n  lastSyncAt\n  lastErrorAt\n  lastErrorMessage\n  createdAt\n  updatedAt\n\n    }\n  }\n";
+export declare const UPDATE_INTEGRATION_MUTATION = "\n  mutation UpdateMtwCarrierIntegration($id: ID!, $input: UpdateIntegrationInput!) {\n    updateIntegration(id: $id, input: $input) {\n      \n  id\n  workspaceId\n  provider\n  name\n  status\n  lastSyncAt\n  lastErrorAt\n  lastErrorMessage\n  createdAt\n  updatedAt\n\n    }\n  }\n";
+export declare const DELETE_INTEGRATION_MUTATION = "\n  mutation DeleteMtwCarrierIntegration($id: ID!) {\n    deleteIntegration(id: $id)\n  }\n";
+/** Minimal source of randomness, so tests can supply a deterministic one. */
+export interface RandomSource {
+    getRandomValues<T extends ArrayBufferView>(array: T): T;
+}
+/** A fresh 256-bit signing secret as 64 lowercase hex characters. */
+export declare function generateSigningSecret(random?: RandomSource): string;
+/** Returns an error message for an unusable secret, or null when it is fine. */
+export declare function signingSecretError(secret: string): string | null;
+/** Returns an error message for an unusable name, or null when it is fine. */
+export declare function integrationNameError(name: string): string | null;
+/**
+ * The public URL a carrier posts deliveries to. It lives on the same workspace
+ * gateway host the app already talks to: `/api/integrations/webhook/<workspace>/<integration>`.
+ * A relative gateway URL (local development behind the dev proxy) resolves
+ * against `fallbackOrigin`.
+ */
+export declare function webhookUrl(apiGatewayUrl: string | undefined, workspaceId: string, integrationId: string, fallbackOrigin: string): string;
+/** An example delivery body for the setup instructions. */
+export declare function examplePayload(now?: Date): string;
+/** Quotes a value for a POSIX shell: single quotes, with embedded ones escaped. */
+export declare function shellQuote(value: string): string;
+/**
+ * A copy-paste shell example that signs and sends one delivery. The secret is
+ * referenced as an environment variable so it never appears in the snippet.
+ */
+export declare function curlExample(url: string): string;
+/** "OUT_FOR_DELIVERY" → "Out for delivery". */
+export declare function humanize(value: string): string;
+export type BadgeTone = 'default' | 'secondary' | 'outline' | 'destructive';
+export declare function integrationStatusTone(status: IntegrationStatus): BadgeTone;
+export declare function eventStatusTone(status: IntegrationEventStatus): BadgeTone;
+/** What a webhook sender sees for each status, shown next to the status control. */
+export declare function statusExplanation(status: IntegrationStatus): string;

package/dist/node_modules/lucide-react/dist/esm/icons/copy.js

@@ -0,0 +1,16 @@
+import { createLucideIcon as e } from "../createLucideIcon.js";
+//#region node_modules/lucide-react/dist/esm/icons/copy.js
+var t = e("Copy", [["rect", {
+	width: "14",
+	height: "14",
+	x: "8",
+	y: "8",
+	rx: "2",
+	ry: "2",
+	key: "17jyea"
+}], ["path", {
+	d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2",
+	key: "zix9uf"
+}]]);
+//#endregion
+export { t as Copy };

package/dist/node_modules/lucide-react/dist/esm/icons/file-check.js

@@ -0,0 +1,18 @@
+import { createLucideIcon as e } from "../createLucideIcon.js";
+//#region node_modules/lucide-react/dist/esm/icons/file-check.js
+var t = e("FileCheck", [
+	["path", {
+		d: "M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z",
+		key: "1rqfz7"
+	}],
+	["path", {
+		d: "M14 2v4a2 2 0 0 0 2 2h4",
+		key: "tnqrlb"
+	}],
+	["path", {
+		d: "m9 15 2 2 4-4",
+		key: "1grp1n"
+	}]
+]);
+//#endregion
+export { t as FileCheck };

package/dist/node_modules/lucide-react/dist/esm/icons/pause.js

@@ -0,0 +1,19 @@
+import { createLucideIcon as e } from "../createLucideIcon.js";
+//#region node_modules/lucide-react/dist/esm/icons/pause.js
+var t = e("Pause", [["rect", {
+	x: "14",
+	y: "4",
+	width: "4",
+	height: "16",
+	rx: "1",
+	key: "zuxfzm"
+}], ["rect", {
+	x: "6",
+	y: "4",
+	width: "4",
+	height: "16",
+	rx: "1",
+	key: "1okwgv"
+}]]);
+//#endregion
+export { t as Pause };

package/dist/node_modules/lucide-react/dist/esm/icons/play.js

@@ -0,0 +1,8 @@
+import { createLucideIcon as e } from "../createLucideIcon.js";
+//#region node_modules/lucide-react/dist/esm/icons/play.js
+var t = e("Play", [["polygon", {
+	points: "6 3 20 12 6 21 6 3",
+	key: "1oa8hb"
+}]]);
+//#endregion
+export { t as Play };

package/dist/node_modules/lucide-react/dist/esm/icons/receipt.js

@@ -0,0 +1,18 @@
+import { createLucideIcon as e } from "../createLucideIcon.js";
+//#region node_modules/lucide-react/dist/esm/icons/receipt.js
+var t = e("Receipt", [
+	["path", {
+		d: "M4 2v20l2-1 2 1 2-1 2 1 2-1 2 1 2-1 2 1V2l-2 1-2-1-2 1-2-1-2 1-2-1-2 1Z",
+		key: "q3az6g"
+	}],
+	["path", {
+		d: "M16 8h-6a2 2 0 1 0 0 4h4a2 2 0 1 1 0 4H8",
+		key: "1h4pet"
+	}],
+	["path", {
+		d: "M12 17.5v-11",
+		key: "1jc1ny"
+	}]
+]);
+//#endregion
+export { t as Receipt };

package/dist/pages/FinancePage.js

@@ -1,160 +1,188 @@
 import { ArrowRight as e } from "../node_modules/lucide-react/dist/esm/icons/arrow-right.js";
 import { CreditCard as t } from "../node_modules/lucide-react/dist/esm/icons/credit-card.js";
 import { DollarSign as n } from "../node_modules/lucide-react/dist/esm/icons/dollar-sign.js";
-import { FileText as r } from "../node_modules/lucide-react/dist/esm/icons/file-text.js";
-import { Fuel as i } from "../node_modules/lucide-react/dist/esm/icons/fuel.js";
-import { TrendingUp as a } from "../node_modules/lucide-react/dist/esm/icons/trending-up.js";
-import { useMoveTheWheels as o } from "../providers/MoveTheWheelsProvider.js";
-import { formatCurrency as s } from "../utils/formatters.js";
-import { useAnalytics as c, useFinanceMetrics as l } from "../hooks/useAnalytics.js";
-import { Button as u, Card as d, CardContent as f, CardHeader as p, CardTitle as m } from "../components/ui.js";
-import { PageLayout as h } from "../components/PageLayout.js";
-import { chartTokens as g } from "../components/charts/chartTokens.js";
-import { MetricCard as _, MetricGrid as v } from "../components/MetricCard.js";
-import { TrendChart as y } from "../components/charts/TrendChart.js";
-import { VolumeBar as b } from "../components/charts/VolumeBar.js";
+import { FileCheck as r } from "../node_modules/lucide-react/dist/esm/icons/file-check.js";
+import { FileText as i } from "../node_modules/lucide-react/dist/esm/icons/file-text.js";
+import { Fuel as a } from "../node_modules/lucide-react/dist/esm/icons/fuel.js";
+import { Receipt as o } from "../node_modules/lucide-react/dist/esm/icons/receipt.js";
+import { TrendingUp as s } from "../node_modules/lucide-react/dist/esm/icons/trending-up.js";
+import { joinPath as c } from "../utils/navigation.js";
+import { useMoveTheWheels as l } from "../providers/MoveTheWheelsProvider.js";
+import { formatCurrency as u } from "../utils/formatters.js";
+import { useAnalytics as d, useFinanceMetrics as f } from "../hooks/useAnalytics.js";
+import { Button as p, Card as m, CardContent as h, CardHeader as g, CardTitle as _ } from "../components/ui.js";
+import { PageLayout as v } from "../components/PageLayout.js";
+import { chartTokens as y } from "../components/charts/chartTokens.js";
+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 x } from "react";
-import { jsx as S, jsxs as C } from "react/jsx-runtime";
-import { EmphasisPanel as w, PagePurpose as T } from "@burdenoff/fe-libs/ui";
+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";
 //#region src/movethewheels/pages/FinancePage.tsx
-function E() {
-	let { analytics: E } = c(), { metrics: D } = l(), { navigate: O } = o(), k = () => O("/billing"), A = x(() => E.trends.revenue.map((e) => ({
+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) => ({
 		month: e.month,
 		revenue: e.revenue
-	})), [E.trends.revenue]), j = x(() => [
+	})), [k.trends.revenue]), L = w(() => [
 		{
 			label: "Total revenue",
-			amount: D.totalRevenue
+			amount: A.totalRevenue
 		},
 		{
 			label: "Collected",
-			amount: D.deliveredRevenue
+			amount: A.deliveredRevenue
 		},
 		{
 			label: "Fuel cost",
-			amount: D.fuelCost
+			amount: A.fuelCost
 		}
 	], [
-		D.totalRevenue,
-		D.deliveredRevenue,
-		D.fuelCost
-	]), M = j.some((e) => e.amount > 0);
-	return /* @__PURE__ */ C(h, {
+		A.totalRevenue,
+		A.deliveredRevenue,
+		A.fuelCost
+	]), R = L.some((e) => e.amount > 0);
+	return /* @__PURE__ */ E(v, {
 		title: "Finance",
 		subtitle: "Financial overview and reports",
-		icon: /* @__PURE__ */ S(n, { size: 24 }),
-		headerActions: /* @__PURE__ */ C(u, {
+		icon: /* @__PURE__ */ T(n, { size: 24 }),
+		headerActions: /* @__PURE__ */ E(p, {
 			variant: "outline",
-			onClick: k,
-			children: [/* @__PURE__ */ S(r, { size: 16 }), " Invoices & Billing"]
+			onClick: N,
+			children: [/* @__PURE__ */ T(i, { size: 16 }), " Invoices & Billing"]
 		}),
 		children: [
-			/* @__PURE__ */ S(T, {
-				icon: /* @__PURE__ */ S(n, { size: 18 }),
+			/* @__PURE__ */ T(O, {
+				icon: /* @__PURE__ */ T(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__ */ C(v, {
+			/* @__PURE__ */ E(x, {
 				columns: 4,
 				children: [
-					/* @__PURE__ */ S(_, {
+					/* @__PURE__ */ T(b, {
 						treatment: "glass",
 						glow: !0,
 						label: "Total Revenue",
-						value: s(D.totalRevenue),
-						icon: /* @__PURE__ */ S(n, { size: 20 }),
+						value: u(A.totalRevenue),
+						icon: /* @__PURE__ */ T(n, { size: 20 }),
 						accent: "success"
 					}),
-					/* @__PURE__ */ S(_, {
+					/* @__PURE__ */ T(b, {
 						label: "Collected (Delivered)",
-						value: s(D.deliveredRevenue),
-						icon: /* @__PURE__ */ S(a, { size: 20 }),
+						value: u(A.deliveredRevenue),
+						icon: /* @__PURE__ */ T(s, { size: 20 }),
 						accent: "brand"
 					}),
-					/* @__PURE__ */ S(_, {
+					/* @__PURE__ */ T(b, {
 						label: "Fuel Cost",
-						value: s(D.fuelCost),
-						icon: /* @__PURE__ */ S(i, { size: 20 }),
+						value: u(A.fuelCost),
+						icon: /* @__PURE__ */ T(a, { size: 20 }),
 						accent: "warning"
 					}),
-					/* @__PURE__ */ S(_, {
+					/* @__PURE__ */ T(b, {
 						label: "Open Invoices",
-						value: String(D.openInvoices),
-						icon: /* @__PURE__ */ S(t, { size: 20 }),
+						value: String(A.openInvoices),
+						icon: /* @__PURE__ */ T(t, { size: 20 }),
 						accent: "blue"
 					})
 				]
 			}),
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ E("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ C(d, {
+				children: [/* @__PURE__ */ E(m, {
 					className: "lg:col-span-2",
-					children: [/* @__PURE__ */ S(p, { children: /* @__PURE__ */ S(m, { children: "Revenue trend" }) }), /* @__PURE__ */ S(f, { children: /* @__PURE__ */ S(y, {
+					children: [/* @__PURE__ */ T(g, { children: /* @__PURE__ */ T(_, { children: "Revenue trend" }) }), /* @__PURE__ */ T(h, { children: /* @__PURE__ */ T(S, {
 						xKey: "month",
 						variant: "area",
 						height: 280,
 						showLegend: !1,
-						data: A,
+						data: I,
 						series: [{
 							dataKey: "revenue",
 							name: "Revenue",
-							color: g.brandBlue
+							color: y.brandBlue
 						}],
-						valueFormatter: (e) => s(Number(e)),
+						valueFormatter: (e) => u(Number(e)),
 						emptyMessage: "No revenue recorded yet. Revenue appears here as orders are delivered."
 					}) })]
-				}), /* @__PURE__ */ C(w, {
+				}), /* @__PURE__ */ E(D, {
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ S("h2", {
+						/* @__PURE__ */ T("h2", {
 							className: "text-base font-semibold text-text-primary",
 							children: "Invoices & Settlement"
 						}),
-						/* @__PURE__ */ S("p", {
+						/* @__PURE__ */ T("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__ */ C("div", {
+						/* @__PURE__ */ E("div", {
 							className: "flex items-center justify-between p-4 bg-status-warning-bg/10 rounded-lg",
-							children: [/* @__PURE__ */ C("div", {
+							children: [/* @__PURE__ */ E("div", {
 								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ S("div", {
+								children: [/* @__PURE__ */ T("div", {
 									className: "w-10 h-10 rounded-full bg-status-warning-bg/20 flex items-center justify-center",
-									children: /* @__PURE__ */ S(t, {
+									children: /* @__PURE__ */ T(t, {
 										size: 20,
 										className: "text-status-warning-text"
 									})
-								}), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+								}), /* @__PURE__ */ E("div", { children: [/* @__PURE__ */ T("p", {
 									className: "font-medium",
 									children: "Open invoices"
-								}), /* @__PURE__ */ C("p", {
+								}), /* @__PURE__ */ E("p", {
 									className: "text-sm text-text-secondary",
-									children: [D.openInvoices, " awaiting settlement"]
+									children: [A.openInvoices, " awaiting settlement"]
 								})] })]
-							}), /* @__PURE__ */ S("span", {
+							}), /* @__PURE__ */ T("span", {
 								className: "text-xl font-bold text-status-warning-text",
-								children: D.openInvoices
+								children: A.openInvoices
 							})]
 						}),
-						/* @__PURE__ */ C(u, {
+						/* @__PURE__ */ E(p, {
 							className: "w-full",
-							onClick: k,
-							children: ["Open Billing ", /* @__PURE__ */ S(e, { size: 16 })]
+							onClick: N,
+							children: ["Open Billing ", /* @__PURE__ */ T(e, { size: 16 })]
+						}),
+						/* @__PURE__ */ E("div", {
+							className: "space-y-2 border-t border-border-default pt-4",
+							children: [
+								/* @__PURE__ */ T("h3", {
+									className: "text-sm font-semibold text-text-primary",
+									children: "Freight cost control"
+								}),
+								/* @__PURE__ */ T("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."
+								}),
+								/* @__PURE__ */ E("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, {
+										variant: "outline",
+										onClick: F,
+										children: [/* @__PURE__ */ T(r, { size: 16 }), " Invoice comparisons"]
+									})]
+								})
+							]
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ C(d, { children: [/* @__PURE__ */ S(p, { children: /* @__PURE__ */ S(m, { children: "Revenue vs cost" }) }), /* @__PURE__ */ S(f, { children: M ? /* @__PURE__ */ S(b, {
+			/* @__PURE__ */ E(m, { children: [/* @__PURE__ */ T(g, { children: /* @__PURE__ */ T(_, { children: "Revenue vs cost" }) }), /* @__PURE__ */ T(h, { children: R ? /* @__PURE__ */ T(C, {
 				xKey: "label",
 				height: 260,
 				showLegend: !1,
-				data: j,
+				data: L,
 				series: [{
 					dataKey: "amount",
 					name: "Amount"
 				}],
-				valueFormatter: (e) => s(Number(e))
-			}) : /* @__PURE__ */ S("p", {
+				valueFormatter: (e) => u(Number(e))
+			}) : /* @__PURE__ */ T("p", {
 				className: "py-8 text-center text-sm text-text-secondary",
 				children: "Revenue and cost figures appear here as orders are delivered."
 			}) })] })
@@ -162,4 +190,4 @@ function E() {
 	});
 }
 //#endregion
-export { E as default };
+export { k as default };