@burdenoff/microfe-movethewheels 2026.1031.5 → 2026.1101.1

package/dist/pages/SettingsPage.js

@@ -2,36 +2,37 @@ import { Bell as e } from "../node_modules/lucide-react/dist/esm/icons/bell.js";
 import { Building2 as t } from "../node_modules/lucide-react/dist/esm/icons/building-2.js";
 import { ExternalLink as n } from "../node_modules/lucide-react/dist/esm/icons/external-link.js";
 import { KeyRound as r } from "../node_modules/lucide-react/dist/esm/icons/key-round.js";
-import { LoaderCircle as ee } from "../node_modules/lucide-react/dist/esm/icons/loader-circle.js";
-import { Plug as i } from "../node_modules/lucide-react/dist/esm/icons/plug.js";
-import { RotateCcw as a } from "../node_modules/lucide-react/dist/esm/icons/rotate-ccw.js";
+import { LoaderCircle as i } from "../node_modules/lucide-react/dist/esm/icons/loader-circle.js";
+import { Plug as a } from "../node_modules/lucide-react/dist/esm/icons/plug.js";
+import { RotateCcw as ee } from "../node_modules/lucide-react/dist/esm/icons/rotate-ccw.js";
 import { Save as te } from "../node_modules/lucide-react/dist/esm/icons/save.js";
 import { Settings as o } from "../node_modules/lucide-react/dist/esm/icons/settings.js";
-import { useMoveTheWheels as s } from "../providers/MoveTheWheelsProvider.js";
-import { formatCurrency as c, formatDateTime as l, formatDistance as ne, formatWeight as re } from "../utils/formatters.js";
-import { DISTANCE_UNIT_OPTIONS as u, ORDER_PRIORITY_OPTIONS as d, WEIGHT_UNIT_OPTIONS as f, browserTimeZone as p, changedSettings as m, currencyLabel as h, currencyOptions as ie, deliveryWindowError as ae, timeZoneOptions as oe } from "../utils/moduleSettings.js";
-import { useModuleSettings as se } from "../providers/ModuleSettingsProvider.js";
-import { Badge as ce, Button as g, Card as _, CardContent as v, CardDescription as y, CardHeader as b, CardTitle as x, Input as le, Label as S, Select as C, SelectContent as w, SelectItem as T, SelectTrigger as E, SelectValue as D, Skeleton as O } from "../components/ui.js";
-import { PageLayout as ue } from "../components/PageLayout.js";
-import { FormError as k } from "../components/FormError.js";
-import { Notice as de, useNotice as fe } from "../components/Notice.js";
-import { useEffect as pe, useMemo as A, useState as j } from "react";
-import { jsx as M, jsxs as N } from "react/jsx-runtime";
-import { EmphasisPanel as P, PagePurpose as F } from "@burdenoff/fe-libs/ui";
-import { PermissionProvider as I, usePermissions as L } from "@burdenoff/fe-libs/shared/providers/shell";
+import { joinPath as s } from "../utils/navigation.js";
+import { useMoveTheWheels as c } from "../providers/MoveTheWheelsProvider.js";
+import { formatCurrency as ne, formatDateTime as l, formatDistance as re, formatWeight as ie } from "../utils/formatters.js";
+import { DISTANCE_UNIT_OPTIONS as u, ORDER_PRIORITY_OPTIONS as d, WEIGHT_UNIT_OPTIONS as f, browserTimeZone as ae, changedSettings as oe, currencyLabel as se, currencyOptions as ce, deliveryWindowError as le, timeZoneOptions as ue } from "../utils/moduleSettings.js";
+import { useModuleSettings as de } from "../providers/ModuleSettingsProvider.js";
+import { Badge as fe, Button as p, Card as m, CardContent as h, CardDescription as g, CardHeader as _, CardTitle as v, Input as y, Label as b, Select as x, SelectContent as S, SelectItem as C, SelectTrigger as w, SelectValue as T, Skeleton as E } from "../components/ui.js";
+import { PageLayout as pe } from "../components/PageLayout.js";
+import { FormError as D } from "../components/FormError.js";
+import { Notice as me, useNotice as he } from "../components/Notice.js";
+import { useEffect as O, useMemo as k, useState as A } from "react";
+import { jsx as j, jsxs as M } from "react/jsx-runtime";
+import { EmphasisPanel as N, PagePurpose as P } from "@burdenoff/fe-libs/ui";
+import { PermissionProvider as F, usePermissions as I } from "@burdenoff/fe-libs/shared/providers/shell";
 //#region src/movethewheels/pages/SettingsPage.tsx
-var R = "__viewer_local__";
-function z(e) {
+var L = "__viewer_local__";
+function R(e) {
 	return {
 		defaultCurrency: e.defaultCurrency,
 		distanceUnit: e.distanceUnit,
 		weightUnit: e.weightUnit,
-		timezone: e.timezone ?? R,
+		timezone: e.timezone ?? L,
 		defaultOrderPriority: e.defaultOrderPriority,
 		defaultDeliveryWindowHours: String(e.defaultDeliveryWindowHours)
 	};
 }
-var me = [
+var ge = [
 	{
 		id: "company",
 		title: "Company profile",
@@ -55,196 +56,196 @@ var me = [
 	},
 	{
 		id: "integrations",
-		title: "Integrations",
-		description: "Carrier, ERP and telematics connections",
+		title: "Platform integrations",
+		description: "ERP, messaging and app connections shared across products",
 		path: "/integrations/overview",
-		icon: i
+		icon: a
 	}
 ];
-function B() {
-	let { workspaceId: e } = s();
-	return /* @__PURE__ */ M(I, {
+function z() {
+	let { workspaceId: e } = c();
+	return /* @__PURE__ */ j(F, {
 		scopeId: e ?? null,
 		gateway: "workspace",
-		children: /* @__PURE__ */ M(V, {})
+		children: /* @__PURE__ */ j(B, {})
 	});
 }
-function V() {
-	let { navigate: e, workspaceId: t, currentUser: r } = s(), { settings: i, isLoaded: I, error: B, save: V, reload: he } = se(), H = L(), [U, W] = j(() => z(i)), [G, K] = j(!1), [ge, q] = j(null), { message: _e, notify: ve } = fe();
-	pe(() => {
-		W(z(i));
-	}, [i]);
-	let J = !!(t && r?.id && H.scopeId === t && !H.isLoading && !H.error) && !H.isSuperAdmin && !H.hasPermission("mtw-settings:update"), Y = ae(U.defaultDeliveryWindowHours), X = A(() => m(i, {
+function B() {
+	let { navigate: e, basePath: t, workspaceId: r, currentUser: F } = c(), { settings: z, isLoaded: B, error: V, save: _e, reload: ve } = de(), H = I(), [U, W] = A(() => R(z)), [G, K] = A(!1), [ye, q] = A(null), { message: be, notify: xe } = he();
+	O(() => {
+		W(R(z));
+	}, [z]);
+	let J = !!(r && F?.id && H.scopeId === r && !H.isLoading && !H.error) && !H.isSuperAdmin && !H.hasPermission("mtw-settings:update"), Y = le(U.defaultDeliveryWindowHours), X = k(() => oe(z, {
 		defaultCurrency: U.defaultCurrency,
 		distanceUnit: U.distanceUnit,
 		weightUnit: U.weightUnit,
-		timezone: U.timezone === R ? null : U.timezone,
+		timezone: U.timezone === L ? null : U.timezone,
 		defaultOrderPriority: U.defaultOrderPriority,
 		defaultDeliveryWindowHours: Y ? void 0 : Number(U.defaultDeliveryWindowHours)
 	}), [
-		i,
+		z,
 		U,
 		Y
-	]), Z = Object.keys(X).length > 0, Q = I && !J && !G && Z && !Y, ye = A(() => ie(U.defaultCurrency), [U.defaultCurrency]), be = A(() => oe(i.timezone), [i.timezone]), xe = A(() => p(), []), $ = (e, t) => {
+	]), Z = Object.keys(X).length > 0, Q = B && !J && !G && Z && !Y, Se = k(() => ce(U.defaultCurrency), [U.defaultCurrency]), Ce = k(() => ue(z.timezone), [z.timezone]), we = k(() => ae(), []), $ = (e, t) => {
 		q(null), W((n) => ({
 			...n,
 			[e]: t
 		}));
-	}, Se = async (e) => {
+	}, Te = async (e) => {
 		if (e.preventDefault(), Q) {
 			K(!0), q(null);
 			try {
-				await V(X), ve("Settings saved. MoveTheWheels now uses these defaults everywhere.");
+				await _e(X), xe("Settings saved. MoveTheWheels now uses these defaults everywhere.");
 			} catch (e) {
 				q(e instanceof Error ? e.message : "Could not save the settings");
 			} finally {
 				K(!1);
 			}
 		}
-	}, Ce = /* @__PURE__ */ new Date("2026-03-14T15:30:00Z");
-	return /* @__PURE__ */ N(ue, {
+	}, Ee = /* @__PURE__ */ new Date("2026-03-14T15:30:00Z");
+	return /* @__PURE__ */ M(pe, {
 		title: "Settings",
 		subtitle: "Workspace defaults for currency, units, time zone and new orders",
-		icon: /* @__PURE__ */ M(o, { size: 24 }),
+		icon: /* @__PURE__ */ j(o, { size: 24 }),
 		maxWidth: "xl",
 		children: [
-			/* @__PURE__ */ M(F, {
-				icon: /* @__PURE__ */ M(o, { size: 18 }),
+			/* @__PURE__ */ j(P, {
+				icon: /* @__PURE__ */ j(o, { size: 18 }),
 				children: "Set how MoveTheWheels shows money, distances, weights and times for everyone in this workspace, and what new orders start with. Changes apply to every MoveTheWheels screen as soon as you save."
 			}),
-			B && /* @__PURE__ */ M(k, { message: `Could not load this workspace's settings (${B.message}). Showing the platform defaults.` }),
-			/* @__PURE__ */ M(de, { message: _e }),
-			/* @__PURE__ */ N("div", {
+			V && /* @__PURE__ */ j(D, { message: `Could not load this workspace's settings (${V.message}). Showing the platform defaults.` }),
+			/* @__PURE__ */ j(me, { message: be }),
+			/* @__PURE__ */ M("div", {
 				className: "grid grid-cols-1 gap-6 xl:grid-cols-3",
-				children: [/* @__PURE__ */ N(P, {
+				children: [/* @__PURE__ */ M(N, {
 					className: "space-y-6 xl:col-span-2",
-					children: [/* @__PURE__ */ N("div", {
+					children: [/* @__PURE__ */ M("div", {
 						className: "flex flex-wrap items-center justify-between gap-3",
-						children: [/* @__PURE__ */ M("h2", {
+						children: [/* @__PURE__ */ j("h2", {
 							className: "text-base font-semibold text-text-primary",
 							children: "Operational defaults"
-						}), I && /* @__PURE__ */ M(ce, {
-							variant: i.isCustomized ? "default" : "outline",
-							children: i.isCustomized ? "Customized for this workspace" : "Platform defaults"
+						}), B && /* @__PURE__ */ j(fe, {
+							variant: z.isCustomized ? "default" : "outline",
+							children: z.isCustomized ? "Customized for this workspace" : "Platform defaults"
 						})]
-					}), I ? /* @__PURE__ */ N("form", {
+					}), B ? /* @__PURE__ */ M("form", {
 						className: "space-y-6",
-						onSubmit: (e) => void Se(e),
+						onSubmit: (e) => void Te(e),
 						"aria-label": "MoveTheWheels settings",
 						children: [
-							J && /* @__PURE__ */ M("p", {
+							J && /* @__PURE__ */ j("p", {
 								className: "rounded-lg border border-border-default bg-surface-secondary px-4 py-3 text-sm text-text-secondary",
 								children: "You can view these settings. Ask a workspace admin or the Logistics Director to change them."
 							}),
-							/* @__PURE__ */ N("fieldset", {
+							/* @__PURE__ */ M("fieldset", {
 								className: "space-y-4",
 								disabled: J || G,
-								children: [/* @__PURE__ */ M("legend", {
+								children: [/* @__PURE__ */ j("legend", {
 									className: "text-sm font-semibold text-text-primary",
 									children: "Display"
-								}), /* @__PURE__ */ N("div", {
+								}), /* @__PURE__ */ M("div", {
 									className: "grid grid-cols-1 gap-4 md:grid-cols-2",
 									children: [
-										/* @__PURE__ */ N("div", {
+										/* @__PURE__ */ M("div", {
 											className: "min-w-0 space-y-2",
 											children: [
-												/* @__PURE__ */ M(S, {
+												/* @__PURE__ */ j(b, {
 													htmlFor: "mtw-settings-currency",
 													children: "Default currency"
 												}),
-												/* @__PURE__ */ N(C, {
+												/* @__PURE__ */ M(x, {
 													value: U.defaultCurrency,
 													onValueChange: (e) => $("defaultCurrency", e),
 													disabled: J || G,
-													children: [/* @__PURE__ */ M(E, {
+													children: [/* @__PURE__ */ j(w, {
 														id: "mtw-settings-currency",
 														"aria-label": "Default currency",
-														children: /* @__PURE__ */ M(D, {})
-													}), /* @__PURE__ */ M(w, {
+														children: /* @__PURE__ */ j(T, {})
+													}), /* @__PURE__ */ j(S, {
 														className: "max-h-72",
-														children: ye.map((e) => /* @__PURE__ */ M(T, {
+														children: Se.map((e) => /* @__PURE__ */ j(C, {
 															value: e,
-															children: h(e)
+															children: se(e)
 														}, e))
 													})]
 												}),
-												/* @__PURE__ */ M("p", {
+												/* @__PURE__ */ j("p", {
 													className: "text-xs text-text-secondary",
 													children: "Used for order totals, revenue and costs that have no currency of their own."
 												})
 											]
 										}),
-										/* @__PURE__ */ N("div", {
+										/* @__PURE__ */ M("div", {
 											className: "min-w-0 space-y-2",
 											children: [
-												/* @__PURE__ */ M(S, {
+												/* @__PURE__ */ j(b, {
 													htmlFor: "mtw-settings-timezone",
 													children: "Time zone"
 												}),
-												/* @__PURE__ */ N(C, {
+												/* @__PURE__ */ M(x, {
 													value: U.timezone,
 													onValueChange: (e) => $("timezone", e),
 													disabled: J || G,
-													children: [/* @__PURE__ */ M(E, {
+													children: [/* @__PURE__ */ j(w, {
 														id: "mtw-settings-timezone",
 														"aria-label": "Time zone",
-														children: /* @__PURE__ */ M(D, {})
-													}), /* @__PURE__ */ N(w, {
+														children: /* @__PURE__ */ j(T, {})
+													}), /* @__PURE__ */ M(S, {
 														className: "max-h-72",
-														children: [/* @__PURE__ */ M(T, {
-															value: R,
-															children: `Each viewer's local time (yours: ${xe})`
-														}), be.map((e) => /* @__PURE__ */ M(T, {
+														children: [/* @__PURE__ */ j(C, {
+															value: L,
+															children: `Each viewer's local time (yours: ${we})`
+														}), Ce.map((e) => /* @__PURE__ */ j(C, {
 															value: e,
 															children: e.replace(/_/g, " ")
 														}, e))]
 													})]
 												}),
-												/* @__PURE__ */ M("p", {
+												/* @__PURE__ */ j("p", {
 													className: "text-xs text-text-secondary",
 													children: "Dates and times on every MoveTheWheels screen are shown in this zone."
 												})
 											]
 										}),
-										/* @__PURE__ */ N("div", {
+										/* @__PURE__ */ M("div", {
 											className: "min-w-0 space-y-2",
-											children: [/* @__PURE__ */ M(S, {
+											children: [/* @__PURE__ */ j(b, {
 												htmlFor: "mtw-settings-distance",
 												children: "Distance unit"
-											}), /* @__PURE__ */ N(C, {
+											}), /* @__PURE__ */ M(x, {
 												value: U.distanceUnit,
 												onValueChange: (e) => {
 													let t = u.find((t) => t.value === e);
 													t && $("distanceUnit", t.value);
 												},
 												disabled: J || G,
-												children: [/* @__PURE__ */ M(E, {
+												children: [/* @__PURE__ */ j(w, {
 													id: "mtw-settings-distance",
 													"aria-label": "Distance unit",
-													children: /* @__PURE__ */ M(D, {})
-												}), /* @__PURE__ */ M(w, { children: u.map((e) => /* @__PURE__ */ M(T, {
+													children: /* @__PURE__ */ j(T, {})
+												}), /* @__PURE__ */ j(S, { children: u.map((e) => /* @__PURE__ */ j(C, {
 													value: e.value,
 													children: e.label
 												}, e.value)) })]
 											})]
 										}),
-										/* @__PURE__ */ N("div", {
+										/* @__PURE__ */ M("div", {
 											className: "min-w-0 space-y-2",
-											children: [/* @__PURE__ */ M(S, {
+											children: [/* @__PURE__ */ j(b, {
 												htmlFor: "mtw-settings-weight",
 												children: "Weight unit"
-											}), /* @__PURE__ */ N(C, {
+											}), /* @__PURE__ */ M(x, {
 												value: U.weightUnit,
 												onValueChange: (e) => {
 													let t = f.find((t) => t.value === e);
 													t && $("weightUnit", t.value);
 												},
 												disabled: J || G,
-												children: [/* @__PURE__ */ M(E, {
+												children: [/* @__PURE__ */ j(w, {
 													id: "mtw-settings-weight",
 													"aria-label": "Weight unit",
-													children: /* @__PURE__ */ M(D, {})
-												}), /* @__PURE__ */ M(w, { children: f.map((e) => /* @__PURE__ */ M(T, {
+													children: /* @__PURE__ */ j(T, {})
+												}), /* @__PURE__ */ j(S, { children: f.map((e) => /* @__PURE__ */ j(C, {
 													value: e.value,
 													children: e.label
 												}, e.value)) })]
@@ -253,50 +254,50 @@ function V() {
 									]
 								})]
 							}),
-							/* @__PURE__ */ N("fieldset", {
+							/* @__PURE__ */ M("fieldset", {
 								className: "space-y-4",
 								disabled: J || G,
-								children: [/* @__PURE__ */ M("legend", {
+								children: [/* @__PURE__ */ j("legend", {
 									className: "text-sm font-semibold text-text-primary",
 									children: "New orders"
-								}), /* @__PURE__ */ N("div", {
+								}), /* @__PURE__ */ M("div", {
 									className: "grid grid-cols-1 gap-4 md:grid-cols-2",
-									children: [/* @__PURE__ */ N("div", {
+									children: [/* @__PURE__ */ M("div", {
 										className: "min-w-0 space-y-2",
 										children: [
-											/* @__PURE__ */ M(S, {
+											/* @__PURE__ */ j(b, {
 												htmlFor: "mtw-settings-priority",
 												children: "Default priority"
 											}),
-											/* @__PURE__ */ N(C, {
+											/* @__PURE__ */ M(x, {
 												value: U.defaultOrderPriority,
 												onValueChange: (e) => {
 													let t = d.find((t) => t.value === e);
 													t && $("defaultOrderPriority", t.value);
 												},
 												disabled: J || G,
-												children: [/* @__PURE__ */ M(E, {
+												children: [/* @__PURE__ */ j(w, {
 													id: "mtw-settings-priority",
 													"aria-label": "Default priority",
-													children: /* @__PURE__ */ M(D, {})
-												}), /* @__PURE__ */ M(w, { children: d.map((e) => /* @__PURE__ */ M(T, {
+													children: /* @__PURE__ */ j(T, {})
+												}), /* @__PURE__ */ j(S, { children: d.map((e) => /* @__PURE__ */ j(C, {
 													value: e.value,
 													children: e.label
 												}, e.value)) })]
 											}),
-											/* @__PURE__ */ M("p", {
+											/* @__PURE__ */ j("p", {
 												className: "text-xs text-text-secondary",
 												children: "New orders start with this priority."
 											})
 										]
-									}), /* @__PURE__ */ N("div", {
+									}), /* @__PURE__ */ M("div", {
 										className: "min-w-0 space-y-2",
 										children: [
-											/* @__PURE__ */ M(S, {
+											/* @__PURE__ */ j(b, {
 												htmlFor: "mtw-settings-window",
 												children: "Default delivery window (hours)"
 											}),
-											/* @__PURE__ */ M(le, {
+											/* @__PURE__ */ j(y, {
 												id: "mtw-settings-window",
 												type: "number",
 												inputMode: "numeric",
@@ -308,7 +309,7 @@ function V() {
 												"aria-describedby": "mtw-settings-window-help",
 												onChange: (e) => $("defaultDeliveryWindowHours", e.target.value)
 											}),
-											/* @__PURE__ */ M("p", {
+											/* @__PURE__ */ j("p", {
 												id: "mtw-settings-window-help",
 												className: Y ? "text-xs text-status-error-text" : "text-xs text-text-secondary",
 												children: Y ?? "The order form suggests a scheduled delivery this many hours ahead."
@@ -317,138 +318,155 @@ function V() {
 									})]
 								})]
 							}),
-							/* @__PURE__ */ M(k, { message: ge }),
-							/* @__PURE__ */ N("div", {
+							/* @__PURE__ */ j(D, { message: ye }),
+							/* @__PURE__ */ M("div", {
 								className: "flex flex-wrap items-center justify-end gap-3",
-								children: [/* @__PURE__ */ N(g, {
+								children: [/* @__PURE__ */ M(p, {
 									type: "button",
 									variant: "outline",
 									disabled: !Z || G,
 									onClick: () => {
-										q(null), W(z(i));
+										q(null), W(R(z));
 									},
-									children: [/* @__PURE__ */ M(a, {
+									children: [/* @__PURE__ */ j(ee, {
 										size: 16,
 										className: "mr-2"
 									}), " Discard changes"]
-								}), /* @__PURE__ */ N(g, {
+								}), /* @__PURE__ */ M(p, {
 									type: "submit",
 									disabled: !Q,
-									children: [G ? /* @__PURE__ */ M(ee, {
+									children: [G ? /* @__PURE__ */ j(i, {
 										size: 16,
 										className: "mr-2 animate-spin"
-									}) : /* @__PURE__ */ M(te, {
+									}) : /* @__PURE__ */ j(te, {
 										size: 16,
 										className: "mr-2"
 									}), "Save settings"]
 								})]
 							})
 						]
-					}) : /* @__PURE__ */ N("div", {
+					}) : /* @__PURE__ */ M("div", {
 						className: "space-y-4",
 						"aria-busy": "true",
 						children: [
-							/* @__PURE__ */ M(O, { className: "h-10 w-full" }),
-							/* @__PURE__ */ M(O, { className: "h-10 w-full" }),
-							/* @__PURE__ */ M(O, { className: "h-10 w-full" })
+							/* @__PURE__ */ j(E, { className: "h-10 w-full" }),
+							/* @__PURE__ */ j(E, { className: "h-10 w-full" }),
+							/* @__PURE__ */ j(E, { className: "h-10 w-full" })
 						]
 					})]
-				}), /* @__PURE__ */ N("div", {
+				}), /* @__PURE__ */ M("div", {
 					className: "space-y-6",
-					children: [/* @__PURE__ */ N(_, { children: [/* @__PURE__ */ N(b, { children: [/* @__PURE__ */ M(x, {
+					children: [/* @__PURE__ */ M(m, { children: [/* @__PURE__ */ M(_, { children: [/* @__PURE__ */ j(v, {
 						className: "text-base",
 						children: "How it looks now"
-					}), /* @__PURE__ */ M(y, { children: "Examples using the saved settings." })] }), /* @__PURE__ */ N(v, { children: [
-						/* @__PURE__ */ N("dl", {
+					}), /* @__PURE__ */ j(g, { children: "Examples using the saved settings." })] }), /* @__PURE__ */ M(h, { children: [
+						/* @__PURE__ */ M("dl", {
 							className: "space-y-2 text-sm",
 							"data-testid": "mtw-settings-preview",
 							children: [
-								/* @__PURE__ */ N("div", {
+								/* @__PURE__ */ M("div", {
 									className: "flex justify-between gap-4",
-									children: [/* @__PURE__ */ M("dt", {
+									children: [/* @__PURE__ */ j("dt", {
 										className: "text-text-secondary",
 										children: "Amount"
-									}), /* @__PURE__ */ M("dd", {
+									}), /* @__PURE__ */ j("dd", {
 										className: "font-medium text-text-primary",
-										children: c(1234.5)
+										children: ne(1234.5)
 									})]
 								}),
-								/* @__PURE__ */ N("div", {
+								/* @__PURE__ */ M("div", {
 									className: "flex justify-between gap-4",
-									children: [/* @__PURE__ */ M("dt", {
+									children: [/* @__PURE__ */ j("dt", {
 										className: "text-text-secondary",
 										children: "Distance"
-									}), /* @__PURE__ */ M("dd", {
+									}), /* @__PURE__ */ j("dd", {
 										className: "font-medium text-text-primary",
-										children: ne(42.2)
+										children: re(42.2)
 									})]
 								}),
-								/* @__PURE__ */ N("div", {
+								/* @__PURE__ */ M("div", {
 									className: "flex justify-between gap-4",
-									children: [/* @__PURE__ */ M("dt", {
+									children: [/* @__PURE__ */ j("dt", {
 										className: "text-text-secondary",
 										children: "Weight"
-									}), /* @__PURE__ */ M("dd", {
+									}), /* @__PURE__ */ j("dd", {
 										className: "font-medium text-text-primary",
-										children: re(750)
+										children: ie(750)
 									})]
 								}),
-								/* @__PURE__ */ N("div", {
+								/* @__PURE__ */ M("div", {
 									className: "flex justify-between gap-4",
-									children: [/* @__PURE__ */ M("dt", {
+									children: [/* @__PURE__ */ j("dt", {
 										className: "text-text-secondary",
 										children: "Date and time"
-									}), /* @__PURE__ */ M("dd", {
+									}), /* @__PURE__ */ j("dd", {
 										className: "text-right font-medium text-text-primary",
-										children: l(Ce)
+										children: l(Ee)
 									})]
 								})
 							]
 						}),
-						i.updatedAt && /* @__PURE__ */ N("p", {
+						z.updatedAt && /* @__PURE__ */ M("p", {
 							className: "mt-4 text-xs text-text-secondary",
-							children: ["Last saved ", l(i.updatedAt)]
+							children: ["Last saved ", l(z.updatedAt)]
 						}),
-						B && /* @__PURE__ */ M(g, {
+						V && /* @__PURE__ */ j(p, {
 							variant: "outline",
 							size: "sm",
 							className: "mt-4",
-							onClick: he,
+							onClick: ve,
 							children: "Try loading again"
 						})
-					] })] }), /* @__PURE__ */ N(_, { children: [/* @__PURE__ */ N(b, { children: [/* @__PURE__ */ M(x, {
+					] })] }), /* @__PURE__ */ M(m, { children: [/* @__PURE__ */ M(_, { children: [/* @__PURE__ */ j(v, {
 						className: "text-base",
 						children: "Other settings"
-					}), /* @__PURE__ */ M(y, { children: "These are managed by the platform for every product." })] }), /* @__PURE__ */ M(v, {
+					}), /* @__PURE__ */ j(g, { children: "These are managed by the platform for every product." })] }), /* @__PURE__ */ M(h, {
 						className: "space-y-2",
-						children: me.map((t) => {
+						children: [/* @__PURE__ */ M("button", {
+							type: "button",
+							className: "flex w-full items-start gap-3 rounded-lg border border-border-default px-3 py-2 text-left transition-colors hover:bg-surface-secondary",
+							onClick: () => e(s(t, "integrations")),
+							children: [/* @__PURE__ */ j(a, {
+								size: 18,
+								className: "mt-0.5 shrink-0 text-text-secondary"
+							}), /* @__PURE__ */ M("span", {
+								className: "min-w-0 flex-1",
+								children: [/* @__PURE__ */ j("span", {
+									className: "block text-sm font-medium text-text-primary",
+									children: "Tracking integrations"
+								}), /* @__PURE__ */ j("span", {
+									className: "block text-xs text-text-secondary",
+									children: "Carrier, ELD and GPS feeds that update shipments automatically"
+								})]
+							})]
+						}), ge.map((t) => {
 							let r = t.icon;
-							return /* @__PURE__ */ N("button", {
+							return /* @__PURE__ */ M("button", {
 								type: "button",
 								className: "flex w-full items-start gap-3 rounded-lg border border-border-default px-3 py-2 text-left transition-colors hover:bg-surface-secondary",
 								onClick: () => e(t.path),
 								children: [
-									/* @__PURE__ */ M(r, {
+									/* @__PURE__ */ j(r, {
 										size: 18,
 										className: "mt-0.5 shrink-0 text-text-secondary"
 									}),
-									/* @__PURE__ */ N("span", {
+									/* @__PURE__ */ M("span", {
 										className: "min-w-0 flex-1",
-										children: [/* @__PURE__ */ M("span", {
+										children: [/* @__PURE__ */ j("span", {
 											className: "block text-sm font-medium text-text-primary",
 											children: t.title
-										}), /* @__PURE__ */ M("span", {
+										}), /* @__PURE__ */ j("span", {
 											className: "block text-xs text-text-secondary",
 											children: t.description
 										})]
 									}),
-									/* @__PURE__ */ M(n, {
+									/* @__PURE__ */ j(n, {
 										size: 14,
 										className: "mt-1 shrink-0 text-text-tertiary"
 									})
 								]
 							}, t.id);
-						})
+						})]
 					})] })]
 				})]
 			})
@@ -456,4 +474,4 @@ function V() {
 	});
 }
 //#endregion
-export { B as default };
+export { z as default };