npm - @burdenoff/microfe-theglobalfuel - Versions diffs - 2026.705.5 → 2026.709.2 - Mend

@burdenoff/microfe-theglobalfuel 2026.705.5 → 2026.709.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (241) hide show

package/dist/index.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export * from './theglobalfuel';
2	+ //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/index.js CHANGED Viewed

@@ -3,5 +3,7 @@ import { TheGlobalFuelProvider as t, useTheGlobalFuel as n } from "./theglobalfu
 import { cn as r } from "./theglobalfuel/utils/cn.js";
 import { formatCo2e as i, formatCoords as a, formatDate as o, formatDateTime as s, formatEnumLabel as c, formatMoney as l, formatNumber as u, formatPercent as d, formatQuantity as f, formatRelativeTime as p, formatTonnesCo2e as m, formatUnit as h, formatVolume as g, isExpired as _ } from "./theglobalfuel/utils/formatters.js";
 import { TheGlobalFuelRoot as v } from "./theglobalfuel/TheGlobalFuelRoot.js";
+import { gatherPageContext as y } from "./theglobalfuel/utils/pageContext.js";
+import { useSandboxAssistantTransport as b } from "./theglobalfuel/services/createSandboxAssistantTransport.js";
 import "./theglobalfuel/index.js";
-export { t as TheGlobalFuelProvider, v as TheGlobalFuelRoot, r as cn, i as formatCo2e, a as formatCoords, o as formatDate, s as formatDateTime, c as formatEnumLabel, l as formatMoney, u as formatNumber, d as formatPercent, f as formatQuantity, p as formatRelativeTime, m as formatTonnesCo2e, h as formatUnit, g as formatVolume, _ as isExpired, e as joinPath, n as useTheGlobalFuel };
+export { t as TheGlobalFuelProvider, v as TheGlobalFuelRoot, r as cn, i as formatCo2e, a as formatCoords, o as formatDate, s as formatDateTime, c as formatEnumLabel, l as formatMoney, u as formatNumber, d as formatPercent, f as formatQuantity, p as formatRelativeTime, m as formatTonnesCo2e, h as formatUnit, g as formatVolume, y as gatherPageContext, _ as isExpired, e as joinPath, b as useSandboxAssistantTransport, n as useTheGlobalFuel };

package/dist/theglobalfuel/TheGlobalFuelRoot.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { TheGlobalFuelRootProps } from './types';
+export declare const TheGlobalFuelRoot: FC<TheGlobalFuelRootProps>;
+//# sourceMappingURL=TheGlobalFuelRoot.d.ts.map

package/dist/theglobalfuel/TheGlobalFuelRoot.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"TheGlobalFuelRoot.d.ts","sourceRoot":"","sources":["../../src/theglobalfuel/TheGlobalFuelRoot.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAoBhC,OAAO,KAAK,EAAE,sBAAsB,EAAW,MAAM,SAAS,CAAC;AAY/D,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CAsIxD,CAAC"}

package/dist/theglobalfuel/TheGlobalFuelRoot.js CHANGED Viewed

@@ -1,131 +1,133 @@
 import { joinPath as e } from "./utils/navigation.js";
 import { TheGlobalFuelProvider as t } from "./context/TheGlobalFuelContext.js";
 import { TheGlobalFuelRoutes as n } from "./TheGlobalFuelRoutes.js";
-import { useCallback as r, useEffect as i } from "react";
-import { QueryClient as a, QueryClientProvider as o } from "@tanstack/react-query";
-import { FeatureFlagProvider as s } from "@burdenoff/fe-libs/shared/feature-flags";
-import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Boxes as l, Factory as u, FileText as d, Gauge as f, Layers as p, LayoutDashboard as m, Leaf as h, ShieldCheck as g, Truck as _, Waypoints as v } from "lucide-react";
-import { jsx as y } from "react/jsx-runtime";
+import { useCallback as r, useEffect as i, useMemo as a } from "react";
+import { QueryClient as o, QueryClientProvider as s } from "@tanstack/react-query";
+import { FeatureFlagProvider as c, useFeatureFlags as l } from "@burdenoff/fe-libs/shared/feature-flags";
+import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Boxes as d, Factory as f, FileText as p, Gauge as m, Layers as h, LayoutDashboard as g, Leaf as _, ShieldCheck as v, Truck as y, Waypoints as b } from "lucide-react";
+import { jsx as x } from "react/jsx-runtime";
 //#region src/theglobalfuel/TheGlobalFuelRoot.tsx
-var b = new a({ defaultOptions: { queries: {
+var S = new o({ defaultOptions: { queries: {
 	staleTime: 300 * 1e3,
 	retry: 1,
 	refetchOnWindowFocus: !1
-} } }), x = (a) => {
-	let { registerNavItems: x, registerFooterItems: S, basePath: C = "/" } = a, { t: w } = c(), T = r((e, t) => {
-		let n = w(e);
+} } }), C = (o) => {
+	let { registerNavItems: C, registerFooterItems: w, basePath: T = "/" } = o, { t: E } = u(), { isEnabled: D, evaluations: O } = l(), k = r((e, t) => {
+		let n = E(e);
 		return n === e ? t : n;
-	}, [w]);
+	}, [E]), A = a(() => [
+		{
+			id: "theglobalfuel-dashboard",
+			label: k("theglobalfuel.nav.dashboard", "Dashboard"),
+			path: e(T, ""),
+			icon: /* @__PURE__ */ x(g, { size: 20 }),
+			order: 0,
+			group: "products"
+		},
+		{
+			id: "theglobalfuel-assets",
+			label: k("theglobalfuel.nav.assets", "Assets"),
+			path: e(T, "assets"),
+			icon: /* @__PURE__ */ x(f, { size: 20 }),
+			order: 1,
+			group: "products"
+		},
+		{
+			id: "theglobalfuel-production",
+			label: k("theglobalfuel.nav.production", "Production"),
+			path: e(T, "production"),
+			icon: /* @__PURE__ */ x(m, { size: 20 }),
+			order: 2,
+			group: "products"
+		},
+		{
+			id: "theglobalfuel-reserves",
+			label: k("theglobalfuel.nav.reserves", "Reserves"),
+			path: e(T, "reserves"),
+			icon: /* @__PURE__ */ x(h, { size: 20 }),
+			order: 3,
+			group: "products"
+		},
+		{
+			id: "theglobalfuel-contracts",
+			label: k("theglobalfuel.nav.contracts", "Offtake Contracts"),
+			path: e(T, "contracts"),
+			icon: /* @__PURE__ */ x(p, { size: 20 }),
+			order: 4,
+			group: "products"
+		},
+		{
+			id: "theglobalfuel-shipments",
+			label: k("theglobalfuel.nav.shipments", "Shipments"),
+			path: e(T, "shipments"),
+			icon: /* @__PURE__ */ x(y, { size: 20 }),
+			order: 5,
+			group: "products"
+		},
+		{
+			id: "theglobalfuel-inventory",
+			label: k("theglobalfuel.nav.inventory", "Inventory"),
+			path: e(T, "inventory"),
+			icon: /* @__PURE__ */ x(d, { size: 20 }),
+			order: 6,
+			group: "products"
+		},
+		{
+			id: "theglobalfuel-emissions",
+			label: k("theglobalfuel.nav.emissions", "Emissions"),
+			path: e(T, "emissions"),
+			icon: /* @__PURE__ */ x(_, { size: 20 }),
+			order: 7,
+			group: "products"
+		},
+		{
+			id: "theglobalfuel-compliance",
+			label: k("theglobalfuel.nav.compliance", "Compliance"),
+			path: e(T, "compliance"),
+			icon: /* @__PURE__ */ x(v, { size: 20 }),
+			order: 8,
+			group: "products"
+		},
+		{
+			id: "theglobalfuel-provenance",
+			label: k("theglobalfuel.nav.provenance", "Provenance"),
+			path: e(T, "provenance"),
+			icon: /* @__PURE__ */ x(b, { size: 20 }),
+			order: 9,
+			group: "products"
+		}
+	], [T, k]), j = r((e) => `theglobalfuel.${e.replace("theglobalfuel-", "")}`, []);
 	return i(() => {
-		if (x) return x([
-			{
-				id: "theglobalfuel-dashboard",
-				label: T("theglobalfuel.nav.dashboard", "Dashboard"),
-				path: e(C, ""),
-				icon: /* @__PURE__ */ y(m, { size: 20 }),
-				order: 0,
-				group: "products"
-			},
-			{
-				id: "theglobalfuel-assets",
-				label: T("theglobalfuel.nav.assets", "Assets"),
-				path: e(C, "assets"),
-				icon: /* @__PURE__ */ y(u, { size: 20 }),
-				order: 1,
-				group: "products"
-			},
-			{
-				id: "theglobalfuel-production",
-				label: T("theglobalfuel.nav.production", "Production"),
-				path: e(C, "production"),
-				icon: /* @__PURE__ */ y(f, { size: 20 }),
-				order: 2,
-				group: "products"
-			},
-			{
-				id: "theglobalfuel-reserves",
-				label: T("theglobalfuel.nav.reserves", "Reserves"),
-				path: e(C, "reserves"),
-				icon: /* @__PURE__ */ y(p, { size: 20 }),
-				order: 3,
-				group: "products"
-			},
-			{
-				id: "theglobalfuel-contracts",
-				label: T("theglobalfuel.nav.contracts", "Offtake Contracts"),
-				path: e(C, "contracts"),
-				icon: /* @__PURE__ */ y(d, { size: 20 }),
-				order: 4,
-				group: "products"
-			},
-			{
-				id: "theglobalfuel-shipments",
-				label: T("theglobalfuel.nav.shipments", "Shipments"),
-				path: e(C, "shipments"),
-				icon: /* @__PURE__ */ y(_, { size: 20 }),
-				order: 5,
-				group: "products"
-			},
-			{
-				id: "theglobalfuel-inventory",
-				label: T("theglobalfuel.nav.inventory", "Inventory"),
-				path: e(C, "inventory"),
-				icon: /* @__PURE__ */ y(l, { size: 20 }),
-				order: 6,
-				group: "products"
-			},
-			{
-				id: "theglobalfuel-emissions",
-				label: T("theglobalfuel.nav.emissions", "Emissions"),
-				path: e(C, "emissions"),
-				icon: /* @__PURE__ */ y(h, { size: 20 }),
-				order: 7,
-				group: "products"
-			},
-			{
-				id: "theglobalfuel-compliance",
-				label: T("theglobalfuel.nav.compliance", "Compliance"),
-				path: e(C, "compliance"),
-				icon: /* @__PURE__ */ y(g, { size: 20 }),
-				order: 8,
-				group: "products"
-			},
-			{
-				id: "theglobalfuel-provenance",
-				label: T("theglobalfuel.nav.provenance", "Provenance"),
-				path: e(C, "provenance"),
-				icon: /* @__PURE__ */ y(v, { size: 20 }),
-				order: 9,
-				group: "products"
-			}
-		]);
+		if (C) return C(A.filter((e) => D(j(e.id), !0)));
 	}, [
-		x,
 		C,
-		T
+		A,
+		D,
+		O,
+		j
 	]), i(() => {
-		if (S) return S([{
+		if (w) return w([{
 			id: "theglobalfuel-status",
-			label: T("theglobalfuel.footer.ready", "TheGlobalFuel Ready"),
+			label: k("theglobalfuel.footer.ready", "TheGlobalFuel Ready"),
 			type: "status",
 			section: "left",
 			order: 10
 		}]);
-	}, [S, T]), /* @__PURE__ */ y(o, {
-		client: b,
-		children: /* @__PURE__ */ y(s, {
+	}, [w, k]), /* @__PURE__ */ x(s, {
+		client: S,
+		children: /* @__PURE__ */ x(c, {
 			workspaceId: null,
 			gateway: "global",
 			defaultEnabled: !0,
-			children: /* @__PURE__ */ y(t, {
-				...a,
-				children: /* @__PURE__ */ y(n, {})
+			children: /* @__PURE__ */ x(t, {
+				...o,
+				children: /* @__PURE__ */ x(n, {})
 			})
 		})
 	});
 };
 //#endregion
-export { x as TheGlobalFuelRoot };
+export { C as TheGlobalFuelRoot };
 //# sourceMappingURL=TheGlobalFuelRoot.js.map

package/dist/theglobalfuel/TheGlobalFuelRoot.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TheGlobalFuelRoot.js","names":[],"sources":["../../src/theglobalfuel/TheGlobalFuelRoot.tsx"],"sourcesContent":["/*\n TheGlobalFuel Root Component\n * @module theglobalfuel\n \n Host-contract entry point. Registers the product's sidebar nav (nine sections\n * that map 1:1 to the wspace-theglobalfuel-svc `the` backend) and mounts the\n routed pages inside the shared QueryClient + FeatureFlag providers.\n /\n\nimport type { FC } from 'react';\nimport { useCallback, useEffect } from 'react';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport { FeatureFlagProvider } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n LayoutDashboard,\n Factory,\n Gauge,\n Layers,\n FileText,\n Truck,\n Boxes,\n Leaf,\n ShieldCheck,\n Waypoints,\n} from 'lucide-react';\nimport { TheGlobalFuelProvider } from './context/TheGlobalFuelContext';\nimport { TheGlobalFuelRoutes } from './TheGlobalFuelRoutes';\nimport { joinPath } from './utils/navigation';\nimport type { TheGlobalFuelRootProps, NavItem } from './types';\n\nconst queryClient = new QueryClient({\n defaultOptions: {\n queries: {\n staleTime: 5 60 * 1000,\n retry: 1,\n refetchOnWindowFocus: false,\n },\n },\n});\n\nexport const TheGlobalFuelRoot: FC<TheGlobalFuelRootProps> = (props) => {\n const { registerNavItems, registerFooterItems, basePath = '/' } = props;\n const { t: translate } = useI18n();\n const t = useCallback(\n (key: string, fallback: string): string => {\n const value = translate(key);\n return value === key ? fallback : value;\n },\n [translate]\n );\n\n // Register navigation items with the shell on mount. Ids/paths/orders match\n // the app-shell static NavRegistration block so the two are a single,\n // consistent source of truth.\n ~~useEffect(()~~ => {\n if (~~!registerNavItems~~) ~~return;\n\n const~~ ~~navItems: NavItem~~[~~] = [~~\n {\n id: 'theglobalfuel-dashboard',\n label: t('theglobalfuel.nav.dashboard', 'Dashboard'),\n path: joinPath(basePath, ''),\n icon: <LayoutDashboard size={20} />,\n order: 0,\n group: 'products',\n },\n {\n id: 'theglobalfuel-assets',\n label: t('theglobalfuel.nav.assets', 'Assets'),\n path: joinPath(basePath, 'assets'),\n icon: <Factory size={20} />,\n order: 1,\n group: 'products',\n },\n {\n id: 'theglobalfuel-production',\n label: t('theglobalfuel.nav.production', 'Production'),\n path: joinPath(basePath, 'production'),\n icon: <Gauge size={20} />,\n order: 2,\n group: 'products',\n },\n {\n id: 'theglobalfuel-reserves',\n label: t('theglobalfuel.nav.reserves', 'Reserves'),\n path: joinPath(basePath, 'reserves'),\n icon: <Layers size={20} />,\n order: 3,\n group: 'products',\n },\n {\n id: 'theglobalfuel-contracts',\n label: t('theglobalfuel.nav.contracts', 'Offtake Contracts'),\n path: joinPath(basePath, 'contracts'),\n icon: <FileText size={20} />,\n order: 4,\n group: 'products',\n },\n {\n id: 'theglobalfuel-shipments',\n label: t('theglobalfuel.nav.shipments', 'Shipments'),\n path: joinPath(basePath, 'shipments'),\n icon: <Truck size={20} />,\n order: 5,\n group: 'products',\n },\n {\n id: 'theglobalfuel-inventory',\n label: t('theglobalfuel.nav.inventory', 'Inventory'),\n path: joinPath(basePath, 'inventory'),\n icon: <Boxes size={20} />,\n order: 6,\n group: 'products',\n },\n {\n id: 'theglobalfuel-emissions',\n label: t('theglobalfuel.nav.emissions', 'Emissions'),\n path: joinPath(basePath, 'emissions'),\n icon: <Leaf size={20} />,\n order: 7,\n group: 'products',\n },\n {\n id: 'theglobalfuel-compliance',\n label: t('theglobalfuel.nav.compliance', 'Compliance'),\n path: joinPath(basePath, 'compliance'),\n icon: <ShieldCheck size={20} />,\n order: 8,\n group: 'products',\n },\n {\n id: 'theglobalfuel-provenance',\n label: t('theglobalfuel.nav.provenance', 'Provenance'),\n path: joinPath(basePath, 'provenance'),\n icon: <Waypoints size={20} />,\n order: 9,\n group: 'products',\n },\n ];\n\n return registerNavItems(~~navItems~~);\n }, [registerNavItems, ~~basePath~~, t]);\n\n useEffect(() => {\n if (!registerFooterItems) return;\n return registerFooterItems([\n {\n id: 'theglobalfuel-status',\n label: t('theglobalfuel.footer.ready', 'TheGlobalFuel Ready'),\n type: 'status',\n section: 'left',\n order: 10,\n },\n ]);\n }, [registerFooterItems, t]);\n\n return (\n <QueryClientProvider client={queryClient}>\n <FeatureFlagProvider workspaceId={null} gateway=\"global\" defaultEnabled={true}>\n <TheGlobalFuelProvider {...props}>\n <TheGlobalFuelRoutes />\n </TheGlobalFuelProvider>\n </FeatureFlagProvider>\n </QueryClientProvider>\n );\n};\n"],"mappings":";;;;;;;;;;AA+BA,IAAM,IAAc,IAAI,EAAY,EAClC,gBAAgB,EACd,SAAS;CACP,WAAW,MAAS;CACpB,OAAO;CACP,sBAAsB;CACvB,EACF,EACF,CAAC,EAEW,KAAiD,MAAU;CACtE,IAAM,EAAE,qBAAkB,wBAAqB,cAAW,QAAQ,GAC5D,EAAE,GAAG,MAAc,GAAS,EAC5B,IAAI,GACP,GAAa,MAA6B;EACzC,IAAM,IAAQ,EAAU,EAAI;AAC5B,SAAO,MAAU,IAAM,IAAW;IAEpC,CAAC,EAAU,CACZ~~;AA2GD~~,~~QAtGA~~,~~QAAgB;AACT~~,~~QAqFL,QAAO,EAnFqB~~;~~GAC1B~~;~~IACE~~,IAAI;~~IACJ~~,OAAO,EAAE,+BAA+B,YAAY;~~IACpD~~,MAAM,EAAS,GAAU,GAAG;~~IAC5B~~,MAAM,kBAAC,GAAD,EAAiB,MAAM,IAAM,CAAA;~~IACnC~~,OAAO;~~IACP~~,OAAO;~~IACR~~;~~GACD~~;~~IACE~~,IAAI;~~IACJ~~,OAAO,EAAE,4BAA4B,SAAS;~~IAC9C~~,MAAM,EAAS,GAAU,SAAS;~~IAClC~~,MAAM,kBAAC,GAAD,EAAS,MAAM,IAAM,CAAA;~~IAC3B~~,OAAO;~~IACP~~,OAAO;~~IACR~~;~~GACD~~;~~IACE~~,IAAI;~~IACJ~~,OAAO,EAAE,gCAAgC,aAAa;~~IACtD~~,MAAM,EAAS,GAAU,aAAa;~~IACtC~~,MAAM,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;~~IACzB~~,OAAO;~~IACP~~,OAAO;~~IACR~~;~~GACD~~;~~IACE~~,IAAI;~~IACJ~~,OAAO,EAAE,8BAA8B,WAAW;~~IAClD~~,MAAM,EAAS,GAAU,WAAW;~~IACpC~~,MAAM,kBAAC,GAAD,EAAQ,MAAM,IAAM,CAAA;~~IAC1B~~,OAAO;~~IACP~~,OAAO;~~IACR~~;~~GACD~~;~~IACE~~,IAAI;~~IACJ~~,OAAO,EAAE,+BAA+B,oBAAoB;~~IAC5D~~,MAAM,EAAS,GAAU,YAAY;~~IACrC~~,MAAM,kBAAC,GAAD,EAAU,MAAM,IAAM,CAAA;~~IAC5B~~,OAAO;~~IACP~~,OAAO;~~IACR~~;~~GACD~~;~~IACE~~,IAAI;~~IACJ~~,OAAO,EAAE,+BAA+B,YAAY;~~IACpD~~,MAAM,EAAS,GAAU,YAAY;~~IACrC~~,MAAM,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;~~IACzB~~,OAAO;~~IACP~~,OAAO;~~IACR~~;~~GACD~~;~~IACE~~,IAAI;~~IACJ~~,OAAO,EAAE,+BAA+B,YAAY;~~IACpD~~,MAAM,EAAS,GAAU,YAAY;~~IACrC~~,MAAM,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;~~IACzB~~,OAAO;~~IACP~~,OAAO;~~IACR~~;~~GACD~~;~~IACE~~,IAAI;~~IACJ~~,OAAO,EAAE,+BAA+B,YAAY;~~IACpD~~,MAAM,EAAS,GAAU,YAAY;~~IACrC~~,MAAM,kBAAC,GAAD,EAAM,MAAM,IAAM,CAAA;~~IACxB~~,OAAO;~~IACP~~,OAAO;~~IACR~~;~~GACD~~;~~IACE~~,IAAI;~~IACJ~~,OAAO,EAAE,gCAAgC,aAAa;~~IACtD~~,MAAM,EAAS,GAAU,aAAa;~~IACtC~~,MAAM,kBAAC,GAAD,EAAa,MAAM,IAAM,CAAA;~~IAC~~/B,OAAO;~~IACP~~,OAAO;~~IACR~~;~~GACD~~;~~IACE~~,IAAI;~~IACJ~~,OAAO,EAAE,gCAAgC,aAAa;~~IACtD~~,MAAM,EAAS,GAAU,aAAa;~~IACtC~~,MAAM,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA;~~IAC7B~~,OAAO;~~IACP~~,OAAO;~~IACR~~;~~GACF~~,~~CAEgC~~;~~IAChC~~;EAAC;EAAkB;EAAU;~~EAAE~~,CAAC,~~EAEnC~~,QAAgB;AACT,QACL,QAAO,EAAoB,CACzB;GACE,IAAI;GACJ,OAAO,EAAE,8BAA8B,sBAAsB;GAC7D,MAAM;GACN,SAAS;GACT,OAAO;GACR,CACF,CAAC;IACD,CAAC,GAAqB,EAAE,CAAC,EAG1B,kBAAC,GAAD;EAAqB,QAAQ;YAC3B,kBAAC,GAAD;GAAqB,aAAa;GAAM,SAAQ;GAAS,gBAAgB;aACvE,kBAAC,GAAD;IAAuB,GAAI;cACzB,kBAAC,GAAD,EAAuB,CAAA;IACD,CAAA;GACJ,CAAA;EACF,CAAA"}
1	+ {"version":3,"file":"TheGlobalFuelRoot.js","names":[],"sources":["../../src/theglobalfuel/TheGlobalFuelRoot.tsx"],"sourcesContent":["/*\n TheGlobalFuel Root Component\n * @module theglobalfuel\n \n Host-contract entry point. Registers the product's sidebar nav (nine sections\n * that map 1:1 to the wspace-theglobalfuel-svc `the` backend) and mounts the\n routed pages inside the shared QueryClient + FeatureFlag providers.\n /\n\nimport type { FC } from 'react';\nimport { useCallback, useEffect, useMemo } from 'react';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport { FeatureFlagProvider, useFeatureFlags } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n LayoutDashboard,\n Factory,\n Gauge,\n Layers,\n FileText,\n Truck,\n Boxes,\n Leaf,\n ShieldCheck,\n Waypoints,\n} from 'lucide-react';\nimport { TheGlobalFuelProvider } from './context/TheGlobalFuelContext';\nimport { TheGlobalFuelRoutes } from './TheGlobalFuelRoutes';\nimport { joinPath } from './utils/navigation';\nimport type { TheGlobalFuelRootProps, NavItem } from './types';\n\nconst queryClient = new QueryClient({\n defaultOptions: {\n queries: {\n staleTime: 5 60 * 1000,\n retry: 1,\n refetchOnWindowFocus: false,\n },\n },\n});\n\nexport const TheGlobalFuelRoot: FC<TheGlobalFuelRootProps> = (props) => {\n const { registerNavItems, registerFooterItems, basePath = '/' } = props;\n const { t: translate } = useI18n();\n const { isEnabled, evaluations } = useFeatureFlags();\n const t = useCallback(\n (key: string, fallback: string): string => {\n const value = translate(key);\n return value === key ? fallback : value;\n },\n [translate]\n );\n\n // Register navigation items with the shell on mount. Ids/paths/orders match\n // the app-shell static NavRegistration block so the two are a single,\n // consistent source of truth.\n const navItems = useMemo<NavItem[]>(\n () => [\n {\n id: 'theglobalfuel-dashboard',\n label: t('theglobalfuel.nav.dashboard', 'Dashboard'),\n path: joinPath(basePath, ''),\n icon: <LayoutDashboard size={20} />,\n order: 0,\n group: 'products',\n },\n {\n id: 'theglobalfuel-assets',\n label: t('theglobalfuel.nav.assets', 'Assets'),\n path: joinPath(basePath, 'assets'),\n icon: <Factory size={20} />,\n order: 1,\n group: 'products',\n },\n {\n id: 'theglobalfuel-production',\n label: t('theglobalfuel.nav.production', 'Production'),\n path: joinPath(basePath, 'production'),\n icon: <Gauge size={20} />,\n order: 2,\n group: 'products',\n },\n {\n id: 'theglobalfuel-reserves',\n label: t('theglobalfuel.nav.reserves', 'Reserves'),\n path: joinPath(basePath, 'reserves'),\n icon: <Layers size={20} />,\n order: 3,\n group: 'products',\n },\n {\n id: 'theglobalfuel-contracts',\n label: t('theglobalfuel.nav.contracts', 'Offtake Contracts'),\n path: joinPath(basePath, 'contracts'),\n icon: <FileText size={20} />,\n order: 4,\n group: 'products',\n },\n {\n id: 'theglobalfuel-shipments',\n label: t('theglobalfuel.nav.shipments', 'Shipments'),\n path: joinPath(basePath, 'shipments'),\n icon: <Truck size={20} />,\n order: 5,\n group: 'products',\n },\n {\n id: 'theglobalfuel-inventory',\n label: t('theglobalfuel.nav.inventory', 'Inventory'),\n path: joinPath(basePath, 'inventory'),\n icon: <Boxes size={20} />,\n order: 6,\n group: 'products',\n },\n {\n id: 'theglobalfuel-emissions',\n label: t('theglobalfuel.nav.emissions', 'Emissions'),\n path: joinPath(basePath, 'emissions'),\n icon: <Leaf size={20} />,\n order: 7,\n group: 'products',\n },\n {\n id: 'theglobalfuel-compliance',\n label: t('theglobalfuel.nav.compliance', 'Compliance'),\n path: joinPath(basePath, 'compliance'),\n icon: <ShieldCheck size={20} />,\n order: 8,\n group: 'products',\n },\n {\n id: 'theglobalfuel-provenance',\n label: t('theglobalfuel.nav.provenance', 'Provenance'),\n path: joinPath(basePath, 'provenance'),\n icon: <Waypoints size={20} />,\n order: 9,\n group: 'products',\n },\n ],\n [basePath, t]\n );\n\n const flagForNav = useCallback((itemId: string): string => {\n const suffix = itemId.replace('theglobalfuel-', '');\n return `theglobalfuel.${suffix}`;\n }, []);\n\n useEffect(() => {\n if (!registerNavItems) return;\n const visible = navItems.filter((item) => isEnabled(flagForNav(item.id), true));\n return registerNavItems(visible);\n }, [registerNavItems, navItems, isEnabled, evaluations, flagForNav]);\n\n useEffect(() => {\n if (!registerFooterItems) return;\n return registerFooterItems([\n {\n id: 'theglobalfuel-status',\n label: t('theglobalfuel.footer.ready', 'TheGlobalFuel Ready'),\n type: 'status',\n section: 'left',\n order: 10,\n },\n ]);\n }, [registerFooterItems, t]);\n\n return (\n <QueryClientProvider client={queryClient}>\n <FeatureFlagProvider workspaceId={null} gateway=\"global\" defaultEnabled={true}>\n <TheGlobalFuelProvider {...props}>\n <TheGlobalFuelRoutes />\n </TheGlobalFuelProvider>\n </FeatureFlagProvider>\n </QueryClientProvider>\n );\n};\n"],"mappings":"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"}

package/dist/theglobalfuel/TheGlobalFuelRoutes.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+export declare const TheGlobalFuelRoutes: FC;
+//# sourceMappingURL=TheGlobalFuelRoutes.d.ts.map

package/dist/theglobalfuel/TheGlobalFuelRoutes.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"TheGlobalFuelRoutes.d.ts","sourceRoot":"","sources":["../../src/theglobalfuel/TheGlobalFuelRoutes.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAkC,MAAM,OAAO,CAAC;AAuEhE,eAAO,MAAM,mBAAmB,EAAE,EA8DjC,CAAC"}

package/dist/theglobalfuel/TheGlobalFuelRoutes.js CHANGED Viewed

@@ -1,71 +1,93 @@
 import { useTheGlobalFuel as e } from "./context/TheGlobalFuelContext.js";
 import { DashboardPage as t } from "./pages/dashboard/DashboardPage.js";
 import { Suspense as n, lazy as r } from "react";
-import { Navigate as i, Route as a, Routes as o, useLocation as s } from "react-router-dom";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Spinner as u } from "@burdenoff/fe-libs/ui";
+import { FeatureGate as i } from "@burdenoff/fe-libs/shared/feature-flags";
+import { Navigate as a, Route as o, Routes as s, useLocation as c } from "react-router-dom";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Spinner as d } from "@burdenoff/fe-libs/ui";
 //#region src/theglobalfuel/TheGlobalFuelRoutes.tsx
-var d = r(() => import("./pages/assets/AssetsPage.js").then((e) => ({ default: e.AssetsPage }))), f = r(() => import("./pages/assets/AssetDetailPage.js").then((e) => ({ default: e.AssetDetailPage }))), p = r(() => import("./pages/production/ProductionPage.js").then((e) => ({ default: e.ProductionPage }))), m = r(() => import("./pages/reserves/ReservesPage.js").then((e) => ({ default: e.ReservesPage }))), h = r(() => import("./pages/contracts/ContractsPage.js").then((e) => ({ default: e.ContractsPage }))), g = r(() => import("./pages/contracts/ContractDetailPage.js").then((e) => ({ default: e.ContractDetailPage }))), _ = r(() => import("./pages/shipments/ShipmentsPage.js").then((e) => ({ default: e.ShipmentsPage }))), v = r(() => import("./pages/inventory/InventoryPage.js").then((e) => ({ default: e.InventoryPage }))), y = r(() => import("./pages/emissions/EmissionsPage.js").then((e) => ({ default: e.EmissionsPage }))), b = r(() => import("./pages/compliance/CompliancePage.js").then((e) => ({ default: e.CompliancePage }))), x = r(() => import("./pages/provenance/ProvenancePage.js").then((e) => ({ default: e.ProvenancePage }))), S = () => /* @__PURE__ */ c("div", {
+var f = r(() => import("./pages/assets/AssetsPage.js").then((e) => ({ default: e.AssetsPage }))), p = r(() => import("./pages/assets/AssetDetailPage.js").then((e) => ({ default: e.AssetDetailPage }))), m = r(() => import("./pages/production/ProductionPage.js").then((e) => ({ default: e.ProductionPage }))), h = r(() => import("./pages/reserves/ReservesPage.js").then((e) => ({ default: e.ReservesPage }))), g = r(() => import("./pages/contracts/ContractsPage.js").then((e) => ({ default: e.ContractsPage }))), _ = r(() => import("./pages/contracts/ContractDetailPage.js").then((e) => ({ default: e.ContractDetailPage }))), v = r(() => import("./pages/shipments/ShipmentsPage.js").then((e) => ({ default: e.ShipmentsPage }))), y = r(() => import("./pages/inventory/InventoryPage.js").then((e) => ({ default: e.InventoryPage }))), b = r(() => import("./pages/emissions/EmissionsPage.js").then((e) => ({ default: e.EmissionsPage }))), x = r(() => import("./pages/compliance/CompliancePage.js").then((e) => ({ default: e.CompliancePage }))), S = r(() => import("./pages/provenance/ProvenancePage.js").then((e) => ({ default: e.ProvenancePage }))), C = () => /* @__PURE__ */ l("div", {
 	className: "flex min-h-[400px] items-center justify-center",
-	children: /* @__PURE__ */ c(u, { size: "lg" })
-}), C = () => {
-	let { basePath: r, isStandalone: u } = e(), C = s(), w = r === "/" ? "" : (r ?? "").replace(/\/$/, "");
-	return w && !u && !(C.pathname === w || C.pathname.startsWith(w + "/")) ? null : /* @__PURE__ */ c("div", {
+	children: /* @__PURE__ */ l(d, { size: "lg" })
+});
+function w() {
+	return /* @__PURE__ */ u("div", {
+		className: "flex min-h-[400px] flex-col items-center justify-center gap-3 text-center p-6",
+		children: [/* @__PURE__ */ l("p", {
+			className: "text-sm font-medium text-text-secondary",
+			children: "This feature is not available."
+		}), /* @__PURE__ */ l("p", {
+			className: "text-xs text-text-tertiary",
+			children: "Ask your workspace admin to enable it."
+		})]
+	});
+}
+function T(e, t) {
+	return /* @__PURE__ */ l(i, {
+		flag: e,
+		defaultValue: !0,
+		fallback: /* @__PURE__ */ l(w, {}),
+		children: t
+	});
+}
+var E = () => {
+	let { basePath: r, isStandalone: i } = e(), d = c(), w = r === "/" ? "" : (r ?? "").replace(/\/$/, "");
+	return w && !i && !(d.pathname === w || d.pathname.startsWith(w + "/")) ? null : /* @__PURE__ */ l("div", {
 		className: "flex min-h-full flex-col",
-		children: /* @__PURE__ */ c(n, {
-			fallback: /* @__PURE__ */ c(S, {}),
-			children: /* @__PURE__ */ l(o, { children: [
-				/* @__PURE__ */ c(a, {
+		children: /* @__PURE__ */ l(n, {
+			fallback: /* @__PURE__ */ l(C, {}),
+			children: /* @__PURE__ */ u(s, { children: [
+				/* @__PURE__ */ l(o, {
 					index: !0,
-					element: /* @__PURE__ */ c(t, {})
+					element: T("theglobalfuel.dashboard", /* @__PURE__ */ l(t, {}))
 				}),
-				/* @__PURE__ */ c(a, {
+				/* @__PURE__ */ l(o, {
 					path: "assets",
-					element: /* @__PURE__ */ c(d, {})
+					element: T("theglobalfuel.assets", /* @__PURE__ */ l(f, {}))
 				}),
-				/* @__PURE__ */ c(a, {
+				/* @__PURE__ */ l(o, {
 					path: "assets/:id",
-					element: /* @__PURE__ */ c(f, {})
+					element: T("theglobalfuel.assets", /* @__PURE__ */ l(p, {}))
 				}),
-				/* @__PURE__ */ c(a, {
+				/* @__PURE__ */ l(o, {
 					path: "production",
-					element: /* @__PURE__ */ c(p, {})
+					element: T("theglobalfuel.production", /* @__PURE__ */ l(m, {}))
 				}),
-				/* @__PURE__ */ c(a, {
+				/* @__PURE__ */ l(o, {
 					path: "reserves",
-					element: /* @__PURE__ */ c(m, {})
+					element: T("theglobalfuel.reserves", /* @__PURE__ */ l(h, {}))
 				}),
-				/* @__PURE__ */ c(a, {
+				/* @__PURE__ */ l(o, {
 					path: "contracts",
-					element: /* @__PURE__ */ c(h, {})
+					element: T("theglobalfuel.contracts", /* @__PURE__ */ l(g, {}))
 				}),
-				/* @__PURE__ */ c(a, {
+				/* @__PURE__ */ l(o, {
 					path: "contracts/:id",
-					element: /* @__PURE__ */ c(g, {})
+					element: T("theglobalfuel.contracts", /* @__PURE__ */ l(_, {}))
 				}),
-				/* @__PURE__ */ c(a, {
+				/* @__PURE__ */ l(o, {
 					path: "shipments",
-					element: /* @__PURE__ */ c(_, {})
+					element: T("theglobalfuel.shipments", /* @__PURE__ */ l(v, {}))
 				}),
-				/* @__PURE__ */ c(a, {
+				/* @__PURE__ */ l(o, {
 					path: "inventory",
-					element: /* @__PURE__ */ c(v, {})
+					element: T("theglobalfuel.inventory", /* @__PURE__ */ l(y, {}))
 				}),
-				/* @__PURE__ */ c(a, {
+				/* @__PURE__ */ l(o, {
 					path: "emissions",
-					element: /* @__PURE__ */ c(y, {})
+					element: T("theglobalfuel.emissions", /* @__PURE__ */ l(b, {}))
 				}),
-				/* @__PURE__ */ c(a, {
+				/* @__PURE__ */ l(o, {
 					path: "compliance",
-					element: /* @__PURE__ */ c(b, {})
+					element: T("theglobalfuel.compliance", /* @__PURE__ */ l(x, {}))
 				}),
-				/* @__PURE__ */ c(a, {
+				/* @__PURE__ */ l(o, {
 					path: "provenance",
-					element: /* @__PURE__ */ c(x, {})
+					element: T("theglobalfuel.provenance", /* @__PURE__ */ l(S, {}))
 				}),
-				/* @__PURE__ */ c(a, {
+				/* @__PURE__ */ l(o, {
 					path: "*",
-					element: /* @__PURE__ */ c(i, {
+					element: /* @__PURE__ */ l(a, {
 						to: w || "/",
 						replace: !0
 					})
@@ -75,6 +97,6 @@ var d = r(() => import("./pages/assets/AssetsPage.js").then((e) => ({ default: e
 	});
 };
 //#endregion
-export { C as TheGlobalFuelRoutes };
+export { E as TheGlobalFuelRoutes };
 //# sourceMappingURL=TheGlobalFuelRoutes.js.map

package/dist/theglobalfuel/TheGlobalFuelRoutes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TheGlobalFuelRoutes.js","names":[],"sources":["../../src/theglobalfuel/TheGlobalFuelRoutes.tsx"],"sourcesContent":["/*\n TheGlobalFuel Routes\n * @module theglobalfuel\n \n Domain routes. The dashboard is eager-loaded (primary landing); all other\n * pages are lazy-loaded. Every route maps to a real `the` backend capability.\n /\n\nimport { type FC, lazy, Suspense } from 'react';\nimport { Routes, Route, Navigate, useLocation } from 'react-router-dom';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\nimport { useTheGlobalFuel } from './context/TheGlobalFuelContext';\n\n// Eager — primary landing\nimport { DashboardPage } from './pages/dashboard/DashboardPage';\n\n// Registry — Assets, Production, Reserves\nconst AssetsPage = lazy(() =>\n import('./pages/assets/AssetsPage').then((m) => ({ default: m.AssetsPage }))\n);\nconst AssetDetailPage = lazy(() =>\n import('./pages/assets/AssetDetailPage').then((m) => ({ default: m.AssetDetailPage }))\n);\nconst ProductionPage = lazy(() =>\n import('./pages/production/ProductionPage').then((m) => ({ default: m.ProductionPage }))\n);\nconst ReservesPage = lazy(() =>\n import('./pages/reserves/ReservesPage').then((m) => ({ default: m.ReservesPage }))\n);\n\n// Commerce — Offtake Contracts, Shipments, Inventory\nconst ContractsPage = lazy(() =>\n import('./pages/contracts/ContractsPage').then((m) => ({ default: m.ContractsPage }))\n);\nconst ContractDetailPage = lazy(() =>\n import('./pages/contracts/ContractDetailPage').then((m) => ({ default: m.ContractDetailPage }))\n);\nconst ShipmentsPage = lazy(() =>\n import('./pages/shipments/ShipmentsPage').then((m) => ({ default: m.ShipmentsPage }))\n);\nconst InventoryPage = lazy(() =>\n import('./pages/inventory/InventoryPage').then((m) => ({ default: m.InventoryPage }))\n);\n\n// Sustainability — Emissions, Compliance\nconst EmissionsPage = lazy(() =>\n import('./pages/emissions/EmissionsPage').then((m) => ({ default: m.EmissionsPage }))\n);\nconst CompliancePage = lazy(() =>\n import('./pages/compliance/CompliancePage').then((m) => ({ default: m.CompliancePage }))\n);\nconst ProvenancePage = lazy(() =>\n import('./pages/provenance/ProvenancePage').then((m) => ({ default: m.ProvenancePage }))\n);\n\nconst PageLoader: FC = () => (\n <div className=\"flex min-h-[400px] items-center justify-center\">\n <Spinner size=\"lg\" />\n </div>\n);\n\nexport const TheGlobalFuelRoutes: FC = () => {\n const { basePath, isStandalone } = useTheGlobalFuel();\n const location = useLocation();\n\n const normalizedBasePath = basePath === '/' ? '' : (basePath ?? '').replace(/\\/$/, '');\n\n // Guard: only render if the current path matches basePath (integrated mode).\n if (normalizedBasePath && !isStandalone) {\n const pathMatches =\n location.pathname === normalizedBasePath \|\|\n location.pathname.startsWith(normalizedBasePath + '/');\n if (!pathMatches) {\n return null;\n }\n }\n\n return (\n <div className=\"flex min-h-full flex-col\">\n <Suspense fallback={<PageLoader />}>\n <Routes>\n <Route index element={<DashboardPage />} />\n\n <Route path=\"assets\" element={<AssetsPage />} />\n <Route path=\"assets/:id\" element={<AssetDetailPage />} />\n\n <Route path=\"production\" element={<ProductionPage />} />\n\n <Route path=\"reserves\" element={<ReservesPage />} />\n\n <Route path=\"contracts\" element={<ContractsPage />} />\n <Route path=\"contracts/:id\" element={<ContractDetailPage />} />\n\n <Route path=\"shipments\" element={<ShipmentsPage />} />\n\n <Route path=\"inventory\" element={<InventoryPage />} />\n\n <Route path=\"emissions\" element={<EmissionsPage />} />\n\n <Route path=\"compliance\" element={<CompliancePage />} />\n\n <Route path=\"provenance\" element={<ProvenancePage />} />\n\n {/* Unknown subpaths (e.g. /theglobalfuel/dashboard, stale bookmarks) canonicalize\n to the product root (the dashboard index). An absolute target avoids the\n self-referential `to=\"\"` loop that renders blank inside the nested Routes. /}\n <Route path=\"\" element={<Navigate to={normalizedBasePath \|\| '/'} replace />} />\n </Routes>\n </Suspense>\n </div>\n );\n};\n"],"mappings":"~~;;;;;;;AAiBA~~,IAAM,IAAa,QACjB,OAAO,gCAA6B,MAAM,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAC7E,EACK,IAAkB,QACtB,OAAO,qCAAkC,MAAM,OAAO,EAAE,SAAS,EAAE,iBAAiB,EAAE,CACvF,EACK,IAAiB,QACrB,OAAO,wCAAqC,MAAM,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,CACzF,EACK,IAAe,QACnB,OAAO,oCAAiC,MAAM,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,CACnF,EAGK,IAAgB,QACpB,OAAO,sCAAmC,MAAM,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,CACtF,EACK,IAAqB,QACzB,OAAO,2CAAwC,MAAM,OAAO,EAAE,SAAS,EAAE,oBAAoB,EAAE,CAChG,EACK,IAAgB,QACpB,OAAO,sCAAmC,MAAM,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,CACtF,EACK,IAAgB,QACpB,OAAO,sCAAmC,MAAM,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,CACtF,EAGK,IAAgB,QACpB,OAAO,sCAAmC,MAAM,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,CACtF,EACK,IAAiB,QACrB,OAAO,wCAAqC,MAAM,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,CACzF,EACK,IAAiB,QACrB,OAAO,wCAAqC,MAAM,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,CACzF,EAEK,UACJ,kBAAC,OAAD;CAAK,WAAU;WACb,kBAAC,GAAD,EAAS,MAAK,MAAO,CAAA;CACjB,CAAA,~~EAGK~~,UAAgC;CAC3C,IAAM,EAAE,aAAU,oBAAiB,GAAkB,EAC/C,IAAW,GAAa,EAExB,IAAqB,MAAa,MAAM,MAAM,KAAY,IAAI,QAAQ,OAAO,GAAG;AAYtF,QATI,KAAsB,CAAC,KAIrB,EAFF,EAAS,aAAa,KACtB,EAAS,SAAS,WAAW,IAAqB,IAAI,IAE/C,OAKT,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GAAU,UAAU,kBAAC,GAAD,EAAc,CAAA;aAChC,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,GAAD;KAAO,OAAA;KAAM,SAAS,kBAAC,GAAD,EAAiB,CAAA;KAAI,CAAA;~~IAE3C~~,kBAAC,GAAD;KAAO,MAAK;KAAS,SAAS,kBAAC,GAAD,EAAc,CAAA;KAAI,CAAA;~~IAChD~~,kBAAC,GAAD;KAAO,MAAK;KAAa,SAAS,kBAAC,GAAD,EAAmB,CAAA;KAAI,CAAA;~~IAEzD~~,kBAAC,GAAD;~~KAAO~~,MAAK;~~KAAa~~,SAAS,kBAAC,GAAD,EAAkB,CAAA;~~KAAI~~,CAAA;~~IAExD~~,kBAAC,GAAD;KAAO,MAAK;KAAW,SAAS,kBAAC,GAAD,EAAgB,CAAA;KAAI,CAAA;~~IAEpD~~,kBAAC,GAAD;KAAO,MAAK;KAAY,SAAS,kBAAC,GAAD,EAAiB,CAAA;KAAI,CAAA;~~IACtD~~,kBAAC,GAAD;~~KAAO~~,MAAK;~~KAAgB~~,SAAS,kBAAC,GAAD,EAAsB,CAAA;~~KAAI~~,CAAA;~~IAE/D~~,kBAAC,GAAD;KAAO,MAAK;KAAY,SAAS,kBAAC,GAAD,EAAiB,CAAA;KAAI,CAAA;~~IAEtD~~,kBAAC,GAAD;KAAO,MAAK;KAAY,SAAS,kBAAC,GAAD,EAAiB,CAAA;KAAI,CAAA;~~IAEtD~~,kBAAC,GAAD;KAAO,MAAK;KAAY,SAAS,kBAAC,GAAD,EAAiB,CAAA;KAAI,CAAA;~~IAEtD~~,kBAAC,GAAD;~~KAAO~~,MAAK;~~KAAa~~,SAAS,kBAAC,GAAD,EAAkB,CAAA;~~KAAI~~,CAAA;~~IAExD~~,kBAAC,GAAD;~~KAAO~~,MAAK;~~KAAa~~,SAAS,kBAAC,GAAD,EAAkB,CAAA;~~KAAI~~,CAAA;~~IAKxD~~,kBAAC,GAAD;KAAO,MAAK;KAAI,SAAS,kBAAC,GAAD;MAAU,IAAI,KAAsB;MAAK,SAAA;MAAU,CAAA;KAAI,CAAA;IACzE,EAAA,CAAA;GACA,CAAA;EACP,CAAA"}
1	+ {"version":3,"file":"TheGlobalFuelRoutes.js","names":[],"sources":["../../src/theglobalfuel/TheGlobalFuelRoutes.tsx"],"sourcesContent":["/*\n TheGlobalFuel Routes\n * @module theglobalfuel\n \n Domain routes. The dashboard is eager-loaded (primary landing); all other\n * pages are lazy-loaded. Every route maps to a real `the` backend capability.\n /\n\nimport { type FC, lazy, Suspense, type ReactNode } from 'react';\nimport { Routes, Route, Navigate, useLocation } from 'react-router-dom';\nimport { Spinner } from '@burdenoff/fe-libs/ui';\nimport { FeatureGate } from '@burdenoff/fe-libs/shared/feature-flags';\nimport { useTheGlobalFuel } from './context/TheGlobalFuelContext';\n\n// Eager — primary landing\nimport { DashboardPage } from './pages/dashboard/DashboardPage';\n\n// Registry — Assets, Production, Reserves\nconst AssetsPage = lazy(() =>\n import('./pages/assets/AssetsPage').then((m) => ({ default: m.AssetsPage }))\n);\nconst AssetDetailPage = lazy(() =>\n import('./pages/assets/AssetDetailPage').then((m) => ({ default: m.AssetDetailPage }))\n);\nconst ProductionPage = lazy(() =>\n import('./pages/production/ProductionPage').then((m) => ({ default: m.ProductionPage }))\n);\nconst ReservesPage = lazy(() =>\n import('./pages/reserves/ReservesPage').then((m) => ({ default: m.ReservesPage }))\n);\n\n// Commerce — Offtake Contracts, Shipments, Inventory\nconst ContractsPage = lazy(() =>\n import('./pages/contracts/ContractsPage').then((m) => ({ default: m.ContractsPage }))\n);\nconst ContractDetailPage = lazy(() =>\n import('./pages/contracts/ContractDetailPage').then((m) => ({ default: m.ContractDetailPage }))\n);\nconst ShipmentsPage = lazy(() =>\n import('./pages/shipments/ShipmentsPage').then((m) => ({ default: m.ShipmentsPage }))\n);\nconst InventoryPage = lazy(() =>\n import('./pages/inventory/InventoryPage').then((m) => ({ default: m.InventoryPage }))\n);\n\n// Sustainability — Emissions, Compliance\nconst EmissionsPage = lazy(() =>\n import('./pages/emissions/EmissionsPage').then((m) => ({ default: m.EmissionsPage }))\n);\nconst CompliancePage = lazy(() =>\n import('./pages/compliance/CompliancePage').then((m) => ({ default: m.CompliancePage }))\n);\nconst ProvenancePage = lazy(() =>\n import('./pages/provenance/ProvenancePage').then((m) => ({ default: m.ProvenancePage }))\n);\n\nconst PageLoader: FC = () => (\n <div className=\"flex min-h-[400px] items-center justify-center\">\n <Spinner size=\"lg\" />\n </div>\n);\n\nfunction FeatureDisabledFallback() {\n return (\n <div className=\"flex min-h-[400px] flex-col items-center justify-center gap-3 text-center p-6\">\n <p className=\"text-sm font-medium text-text-secondary\">This feature is not available.</p>\n <p className=\"text-xs text-text-tertiary\">Ask your workspace admin to enable it.</p>\n </div>\n );\n}\n\nfunction gated(flag: string, element: ReactNode): React.ReactElement {\n return (\n <FeatureGate flag={flag} defaultValue={true} fallback={<FeatureDisabledFallback />}>\n {element}\n </FeatureGate>\n );\n}\n\nexport const TheGlobalFuelRoutes: FC = () => {\n const { basePath, isStandalone } = useTheGlobalFuel();\n const location = useLocation();\n\n const normalizedBasePath = basePath === '/' ? '' : (basePath ?? '').replace(/\\/$/, '');\n\n // Guard: only render if the current path matches basePath (integrated mode).\n if (normalizedBasePath && !isStandalone) {\n const pathMatches =\n location.pathname === normalizedBasePath \|\|\n location.pathname.startsWith(normalizedBasePath + '/');\n if (!pathMatches) {\n return null;\n }\n }\n\n return (\n <div className=\"flex min-h-full flex-col\">\n <Suspense fallback={<PageLoader />}>\n <Routes>\n <Route index element={gated('theglobalfuel.dashboard', <DashboardPage />)} />\n\n <Route path=\"assets\" element={gated('theglobalfuel.assets', <AssetsPage />)} />\n <Route path=\"assets/:id\" element={gated('theglobalfuel.assets', <AssetDetailPage />)} />\n\n <Route\n path=\"production\"\n element={gated('theglobalfuel.production', <ProductionPage />)}\n />\n\n <Route path=\"reserves\" element={gated('theglobalfuel.reserves', <ReservesPage />)} />\n\n <Route path=\"contracts\" element={gated('theglobalfuel.contracts', <ContractsPage />)} />\n <Route\n path=\"contracts/:id\"\n element={gated('theglobalfuel.contracts', <ContractDetailPage />)}\n />\n\n <Route path=\"shipments\" element={gated('theglobalfuel.shipments', <ShipmentsPage />)} />\n\n <Route path=\"inventory\" element={gated('theglobalfuel.inventory', <InventoryPage />)} />\n\n <Route path=\"emissions\" element={gated('theglobalfuel.emissions', <EmissionsPage />)} />\n\n <Route\n path=\"compliance\"\n element={gated('theglobalfuel.compliance', <CompliancePage />)}\n />\n\n <Route\n path=\"provenance\"\n element={gated('theglobalfuel.provenance', <ProvenancePage />)}\n />\n\n {/* Unknown subpaths (e.g. /theglobalfuel/dashboard, stale bookmarks) canonicalize\n to the product root (the dashboard index). An absolute target avoids the\n self-referential `to=\"\"` loop that renders blank inside the nested Routes. /}\n <Route path=\"\" element={<Navigate to={normalizedBasePath \|\| '/'} replace />} />\n </Routes>\n </Suspense>\n </div>\n );\n};\n"],"mappings":"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"}

package/dist/theglobalfuel/components/DataTable.d.ts ADDED Viewed

@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+export interface Column<T> {
+    key: string;
+    header: ReactNode;
+    render: (row: T) => ReactNode;
+    align?: 'left' | 'right' | 'center';
+    className?: string;
+    /** Hide below the `md` breakpoint for a mobile-friendly layout. */
+    hideOnMobile?: boolean;
+    /** Provide to make this column click-sortable (returns a comparable value). */
+    sortValue?: (row: T) => string | number;
+}
+interface DataTableProps<T> {
+    columns: Column<T>[];
+    rows: T[];
+    rowKey: (row: T) => string;
+    onRowClick?: (row: T) => void;
+    /** Accessible label for a clickable row (e.g. `(a) => `Open ${a.name}``). */
+    rowLabel?: (row: T) => string;
+    className?: string;
+    /** Default sort: a column key + direction. */
+    defaultSort?: {
+        key: string;
+        dir: 'asc' | 'desc';
+    };
+}
+export declare function DataTable<T>({ columns, rows, rowKey, onRowClick, rowLabel, className, defaultSort, }: DataTableProps<T>): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=DataTable.d.ts.map

package/dist/theglobalfuel/components/DataTable.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/theglobalfuel/components/DataTable.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAgD,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKrF,MAAM,WAAW,MAAM,CAAC,CAAC;IACvB,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,SAAS,CAAC;IAClB,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,+EAA+E;IAC/E,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,GAAG,MAAM,CAAC;CACzC;AAED,UAAU,cAAc,CAAC,CAAC;IACxB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,MAAM,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,6EAA6E;IAC7E,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,MAAM,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,8CAA8C;IAC9C,WAAW,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,KAAK,GAAG,MAAM,CAAA;KAAE,CAAC;CACpD;AAoBD,wBAAgB,SAAS,CAAC,CAAC,EAAE,EAC3B,OAAO,EACP,IAAI,EACJ,MAAM,EACN,UAAU,EACV,QAAQ,EACR,SAAS,EACT,WAAW,GACZ,EAAE,cAAc,CAAC,CAAC,CAAC,+BA+MnB"}

package/dist/theglobalfuel/components/DataTable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataTable.js","names":[],"sources":["../../../src/theglobalfuel/components/DataTable.tsx"],"sourcesContent":["/*\n DataTable — a lightweight, semantic-token table for list pages.\n * @module theglobalfuel/components\n \n Deliberately minimal (no external table lib). Columns declare a header, a\n * render fn, optional alignment, and optionally a `sortValue` to make the column\n * click-sortable.\n \n Responsive strategy:\n * - At `md` and up it renders a horizontally-scrollable table wrapped in a\n * GlassCard (the classic desktop layout).\n * - Below `md` it renders each row as a native-feeling, stacked \"card\": the\n * first column becomes the card's headline (with a chevron affordance when\n * the row is clickable) and the remaining columns render as label→value\n * pairs. Sort + click behavior carry over, so every list page is usable on\n * mobile with zero page-level changes.\n /\n\nimport { useId, useMemo, useState, type KeyboardEvent, type ReactNode } from 'react';\nimport { ChevronUp, ChevronDown, ChevronsUpDown, ChevronRight } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\n\nexport interface Column<T> {\n key: string;\n header: ReactNode;\n render: (row: T) => ReactNode;\n align?: 'left' \| 'right' \| 'center';\n className?: string;\n /* Hide below the `md` breakpoint for a mobile-friendly layout. /\n hideOnMobile?: boolean;\n /* Provide to make this column click-sortable (returns a comparable value). /\n sortValue?: (row: T) => string \| number;\n}\n\ninterface DataTableProps<T> {\n columns: Column<T>[];\n rows: T[];\n rowKey: (row: T) => string;\n onRowClick?: (row: T) => void;\n /* Accessible label for a clickable row (e.g. `(a) => `Open ${a.name}``). /\n rowLabel?: (row: T) => string;\n className?: string;\n /* Default sort: a column key + direction. /\n defaultSort?: { key: string; dir: 'asc' \| 'desc' };\n}\n\n/* Enter/Space activate — only when the event originates on the element itself\n * (not on an interactive descendant like a Select or Button inside a cell). /\nconst activateOnKey = (e: KeyboardEvent, fn: () => void) => {\n if (e.target !== e.currentTarget) return;\n if (e.key === 'Enter' \|\| e.key === ' ') {\n e.preventDefault();\n fn();\n }\n};\n\nconst alignClass = {\n left: 'text-left',\n right: 'text-right',\n center: 'text-center',\n} as const;\n\ntype Sort = { key: string; dir: 'asc' \| 'desc' };\n\nexport function DataTable<T>({\n columns,\n rows,\n rowKey,\n onRowClick,\n rowLabel,\n className,\n defaultSort,\n}: DataTableProps<T>) {\n const [sort, setSort] = useState<Sort \| null>(defaultSort ?? null);\n const sortSelectId = useId();\n\n const sortedRows = useMemo(() => {\n if (!sort) return rows;\n const col = columns.find((c) => c.key === sort.key);\n if (!col?.sortValue) return rows;\n const dir = sort.dir === 'asc' ? 1 : -1;\n return [...rows].sort((a, b) => {\n const va = col.sortValue!(a);\n const vb = col.sortValue!(b);\n if (va < vb) return -1 dir;\n if (va > vb) return 1 * dir;\n return 0;\n });\n }, [rows, sort, columns]);\n\n const toggleSort = (key: string) => {\n setSort((prev) =>\n prev?.key === key ? { key, dir: prev.dir === 'asc' ? 'desc' : 'asc' } : { key, dir: 'asc' }\n );\n };\n\n const flipDir = () =>\n setSort((prev) => (prev ? { key: prev.key, dir: prev.dir === 'asc' ? 'desc' : 'asc' } : prev));\n\n const sortableColumns = useMemo(() => columns.filter((c) => c.sortValue), [columns]);\n\n const rowInteractive = (row: T) =>\n onRowClick\n ? {\n role: 'button' as const,\n tabIndex: 0,\n 'aria-label': rowLabel?.(row),\n onClick: () => onRowClick(row),\n onKeyDown: (e: KeyboardEvent) => activateOnKey(e, () => onRowClick(row)),\n }\n : {};\n\n const [headCol, ...restCols] = columns;\n\n return (\n <div className={className}>\n {/* ── md and up: full table ─────────────────────────────────────── /}\n <GlassCard treatment=\"plain\" className=\"hidden overflow-hidden md:block\">\n <div className=\"overflow-x-auto\">\n <table className=\"w-full border-collapse text-sm\">\n <thead>\n <tr className=\"border-b border-border-seam\">\n {columns.map((col) => {\n const sortable = Boolean(col.sortValue);\n const active = sort?.key === col.key;\n return (\n <th\n key={col.key}\n scope=\"col\"\n role={sortable ? 'button' : undefined}\n tabIndex={sortable ? 0 : undefined}\n onClick={sortable ? () => toggleSort(col.key) : undefined}\n onKeyDown={\n sortable ? (e) => activateOnKey(e, () => toggleSort(col.key)) : undefined\n }\n aria-sort={\n active ? (sort?.dir === 'asc' ? 'ascending' : 'descending') : undefined\n }\n className={cn(\n 'px-4 py-3 font-medium text-text-secondary whitespace-nowrap',\n alignClass[col.align ?? 'left'],\n col.hideOnMobile && 'hidden md:table-cell',\n sortable &&\n 'cursor-pointer select-none hover:text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]'\n )}\n >\n <span\n className={cn(\n 'inline-flex items-center gap-1',\n col.align === 'right' && 'flex-row-reverse'\n )}\n >\n {col.header}\n {sortable &&\n (active ? (\n sort?.dir === 'asc' ? (\n <ChevronUp className=\"h-3.5 w-3.5 text-accent\" />\n ) : (\n <ChevronDown className=\"h-3.5 w-3.5 text-accent\" />\n )\n ) : (\n <ChevronsUpDown className=\"h-3.5 w-3.5 opacity-40\" />\n ))}\n </span>\n </th>\n );\n })}\n </tr>\n </thead>\n <tbody>\n {sortedRows.map((row) => (\n <tr\n key={rowKey(row)}\n {...rowInteractive(row)}\n className={cn(\n 'group border-b border-border-seam/60 last:border-0',\n onRowClick &&\n 'cursor-pointer transition-colors hover:bg-bg-sunken/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--color-focus-ring)]'\n )}\n >\n {columns.map((col) => (\n <td\n key={col.key}\n className={cn(\n 'px-4 py-3 text-text-primary align-middle',\n alignClass[col.align ?? 'left'],\n col.hideOnMobile && 'hidden md:table-cell',\n col.className\n )}\n >\n {col.render(row)}\n </td>\n ))}\n </tr>\n ))}\n </tbody>\n </table>\n </div>\n </GlassCard>\n\n {/ ── below md: stacked cards ───────────────────────────────────── */}\n <div className=\"space-y-2.5 md:hidden\">\n {sortableColumns.length > 0 && (\n <div className=\"flex items-center justify-end gap-1.5 px-0.5\">\n <label htmlFor={sortSelectId} className=\"text-xs text-text-tertiary\">\n Sort\n </label>\n <select\n id={sortSelectId}\n value={sort?.key ?? ''}\n onChange={(e) =>\n setSort(\n e.target.value ? { key: e.target.value, dir: sort?.dir ?? 'asc' } : null\n )\n }\n className=\"rounded-md border border-border-subtle bg-bg-surface px-2 py-1 text-xs text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n >\n <option value=\"\">Default order</option>\n {sortableColumns.map((col) => (\n <option key={col.key} value={col.key}>\n {typeof col.header === 'string' ? col.header : col.key}\n </option>\n ))}\n </select>\n {sort && (\n <button\n type=\"button\"\n onClick={flipDir}\n aria-label={sort.dir === 'asc' ? 'Sort ascending' : 'Sort descending'}\n className=\"inline-flex h-7 w-7 items-center justify-center rounded-md border border-border-subtle bg-bg-surface text-text-secondary transition-colors hover:text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n >\n {sort.dir === 'asc' ? (\n <ChevronUp className=\"h-4 w-4\" />\n ) : (\n <ChevronDown className=\"h-4 w-4\" />\n )}\n </button>\n )}\n </div>\n )}\n\n {sortedRows.map((row) => (\n <div\n key={rowKey(row)}\n {...rowInteractive(row)}\n className={cn(\n 'rounded-xl border border-border-subtle bg-bg-surface p-4',\n onRowClick &&\n 'cursor-pointer transition-colors hover:bg-bg-sunken/40 active:bg-bg-sunken/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]'\n )}\n >\n {headCol && (\n <div className=\"flex items-start justify-between gap-3\">\n <div className=\"min-w-0 flex-1\">{headCol.render(row)}</div>\n {onRowClick && (\n <ChevronRight\n className=\"mt-0.5 h-4 w-4 shrink-0 text-text-tertiary\"\n aria-hidden\n />\n )}\n </div>\n )}\n {restCols.length > 0 && (\n <dl className=\"mt-3 grid grid-cols-2 gap-x-4 gap-y-2.5 border-t border-border-subtle/70 pt-3\">\n {restCols.map((col) => (\n <div key={col.key} className=\"min-w-0\">\n <dt className=\"text-[11px] uppercase tracking-wide text-text-tertiary\">\n {col.header}\n </dt>\n <dd className=\"mt-0.5 text-sm text-text-primary break-words\">\n {col.render(row)}\n </dd>\n </div>\n ))}\n </dl>\n )}\n </div>\n ))}\n </div>\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"DataTable.js","names":[],"sources":["../../../src/theglobalfuel/components/DataTable.tsx"],"sourcesContent":["/*\n DataTable — a lightweight, semantic-token table for list pages.\n * @module theglobalfuel/components\n \n Deliberately minimal (no external table lib). Columns declare a header, a\n * render fn, optional alignment, and optionally a `sortValue` to make the column\n * click-sortable.\n \n Responsive strategy:\n * - At `md` and up it renders a horizontally-scrollable table wrapped in a\n * GlassCard (the classic desktop layout).\n * - Below `md` it renders each row as a native-feeling, stacked \"card\": the\n * first column becomes the card's headline (with a chevron affordance when\n * the row is clickable) and the remaining columns render as label→value\n * pairs. Sort + click behavior carry over, so every list page is usable on\n * mobile with zero page-level changes.\n /\n\nimport { useId, useMemo, useState, type KeyboardEvent, type ReactNode } from 'react';\nimport { ChevronUp, ChevronDown, ChevronsUpDown, ChevronRight } from 'lucide-react';\nimport { GlassCard } from '@burdenoff/fe-libs/ui';\nimport { cn } from '../utils/cn';\n\nexport interface Column<T> {\n key: string;\n header: ReactNode;\n render: (row: T) => ReactNode;\n align?: 'left' \| 'right' \| 'center';\n className?: string;\n /* Hide below the `md` breakpoint for a mobile-friendly layout. /\n hideOnMobile?: boolean;\n /* Provide to make this column click-sortable (returns a comparable value). /\n sortValue?: (row: T) => string \| number;\n}\n\ninterface DataTableProps<T> {\n columns: Column<T>[];\n rows: T[];\n rowKey: (row: T) => string;\n onRowClick?: (row: T) => void;\n /* Accessible label for a clickable row (e.g. `(a) => `Open ${a.name}``). /\n rowLabel?: (row: T) => string;\n className?: string;\n /* Default sort: a column key + direction. /\n defaultSort?: { key: string; dir: 'asc' \| 'desc' };\n}\n\n/* Enter/Space activate — only when the event originates on the element itself\n * (not on an interactive descendant like a Select or Button inside a cell). /\nconst activateOnKey = (e: KeyboardEvent, fn: () => void) => {\n if (e.target !== e.currentTarget) return;\n if (e.key === 'Enter' \|\| e.key === ' ') {\n e.preventDefault();\n fn();\n }\n};\n\nconst alignClass = {\n left: 'text-left',\n right: 'text-right',\n center: 'text-center',\n} as const;\n\ntype Sort = { key: string; dir: 'asc' \| 'desc' };\n\nexport function DataTable<T>({\n columns,\n rows,\n rowKey,\n onRowClick,\n rowLabel,\n className,\n defaultSort,\n}: DataTableProps<T>) {\n const [sort, setSort] = useState<Sort \| null>(defaultSort ?? null);\n const sortSelectId = useId();\n\n const sortedRows = useMemo(() => {\n if (!sort) return rows;\n const col = columns.find((c) => c.key === sort.key);\n if (!col?.sortValue) return rows;\n const dir = sort.dir === 'asc' ? 1 : -1;\n return [...rows].sort((a, b) => {\n const va = col.sortValue!(a);\n const vb = col.sortValue!(b);\n if (va < vb) return -1 dir;\n if (va > vb) return 1 * dir;\n return 0;\n });\n }, [rows, sort, columns]);\n\n const toggleSort = (key: string) => {\n setSort((prev) =>\n prev?.key === key ? { key, dir: prev.dir === 'asc' ? 'desc' : 'asc' } : { key, dir: 'asc' }\n );\n };\n\n const flipDir = () =>\n setSort((prev) => (prev ? { key: prev.key, dir: prev.dir === 'asc' ? 'desc' : 'asc' } : prev));\n\n const sortableColumns = useMemo(() => columns.filter((c) => c.sortValue), [columns]);\n\n const rowInteractive = (row: T) =>\n onRowClick\n ? {\n role: 'button' as const,\n tabIndex: 0,\n 'aria-label': rowLabel?.(row),\n onClick: () => onRowClick(row),\n onKeyDown: (e: KeyboardEvent) => activateOnKey(e, () => onRowClick(row)),\n }\n : {};\n\n const [headCol, ...restCols] = columns;\n\n return (\n <div className={className}>\n {/* ── md and up: full table ─────────────────────────────────────── /}\n <GlassCard treatment=\"plain\" className=\"hidden overflow-hidden md:block\">\n <div className=\"overflow-x-auto\">\n <table className=\"w-full border-collapse text-sm\">\n <thead>\n <tr className=\"border-b border-border-seam\">\n {columns.map((col) => {\n const sortable = Boolean(col.sortValue);\n const active = sort?.key === col.key;\n return (\n <th\n key={col.key}\n scope=\"col\"\n role={sortable ? 'button' : undefined}\n tabIndex={sortable ? 0 : undefined}\n onClick={sortable ? () => toggleSort(col.key) : undefined}\n onKeyDown={\n sortable ? (e) => activateOnKey(e, () => toggleSort(col.key)) : undefined\n }\n aria-sort={\n active ? (sort?.dir === 'asc' ? 'ascending' : 'descending') : undefined\n }\n className={cn(\n 'px-4 py-3 font-medium text-text-secondary whitespace-nowrap',\n alignClass[col.align ?? 'left'],\n col.hideOnMobile && 'hidden md:table-cell',\n sortable &&\n 'cursor-pointer select-none hover:text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]'\n )}\n >\n <span\n className={cn(\n 'inline-flex items-center gap-1',\n col.align === 'right' && 'flex-row-reverse'\n )}\n >\n {col.header}\n {sortable &&\n (active ? (\n sort?.dir === 'asc' ? (\n <ChevronUp className=\"h-3.5 w-3.5 text-accent\" />\n ) : (\n <ChevronDown className=\"h-3.5 w-3.5 text-accent\" />\n )\n ) : (\n <ChevronsUpDown className=\"h-3.5 w-3.5 opacity-40\" />\n ))}\n </span>\n </th>\n );\n })}\n </tr>\n </thead>\n <tbody>\n {sortedRows.map((row) => (\n <tr\n key={rowKey(row)}\n {...rowInteractive(row)}\n className={cn(\n 'group border-b border-border-seam/60 last:border-0',\n onRowClick &&\n 'cursor-pointer transition-colors hover:bg-bg-sunken/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--color-focus-ring)]'\n )}\n >\n {columns.map((col) => (\n <td\n key={col.key}\n className={cn(\n 'px-4 py-3 text-text-primary align-middle',\n alignClass[col.align ?? 'left'],\n col.hideOnMobile && 'hidden md:table-cell',\n col.className\n )}\n >\n {col.render(row)}\n </td>\n ))}\n </tr>\n ))}\n </tbody>\n </table>\n </div>\n </GlassCard>\n\n {/ ── below md: stacked cards ───────────────────────────────────── */}\n <div className=\"space-y-2.5 md:hidden\">\n {sortableColumns.length > 0 && (\n <div className=\"flex items-center justify-end gap-1.5 px-0.5\">\n <label htmlFor={sortSelectId} className=\"text-xs text-text-tertiary\">\n Sort\n </label>\n <select\n id={sortSelectId}\n value={sort?.key ?? ''}\n onChange={(e) =>\n setSort(e.target.value ? { key: e.target.value, dir: sort?.dir ?? 'asc' } : null)\n }\n className=\"rounded-md border border-border-subtle bg-bg-surface px-2 py-1 text-xs text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n >\n <option value=\"\">Default order</option>\n {sortableColumns.map((col) => (\n <option key={col.key} value={col.key}>\n {typeof col.header === 'string' ? col.header : col.key}\n </option>\n ))}\n </select>\n {sort && (\n <button\n type=\"button\"\n onClick={flipDir}\n aria-label={sort.dir === 'asc' ? 'Sort ascending' : 'Sort descending'}\n className=\"inline-flex h-7 w-7 items-center justify-center rounded-md border border-border-subtle bg-bg-surface text-text-secondary transition-colors hover:text-text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]\"\n >\n {sort.dir === 'asc' ? (\n <ChevronUp className=\"h-4 w-4\" />\n ) : (\n <ChevronDown className=\"h-4 w-4\" />\n )}\n </button>\n )}\n </div>\n )}\n\n {sortedRows.map((row) => (\n <div\n key={rowKey(row)}\n {...rowInteractive(row)}\n className={cn(\n 'rounded-xl border border-border-subtle bg-bg-surface p-4',\n onRowClick &&\n 'cursor-pointer transition-colors hover:bg-bg-sunken/40 active:bg-bg-sunken/60 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--color-focus-ring)]'\n )}\n >\n {headCol && (\n <div className=\"flex items-start justify-between gap-3\">\n <div className=\"min-w-0 flex-1\">{headCol.render(row)}</div>\n {onRowClick && (\n <ChevronRight\n className=\"mt-0.5 h-4 w-4 shrink-0 text-text-tertiary\"\n aria-hidden\n />\n )}\n </div>\n )}\n {restCols.length > 0 && (\n <dl className=\"mt-3 grid grid-cols-2 gap-x-4 gap-y-2.5 border-t border-border-subtle/70 pt-3\">\n {restCols.map((col) => (\n <div key={col.key} className=\"min-w-0\">\n <dt className=\"text-[11px] uppercase tracking-wide text-text-tertiary\">\n {col.header}\n </dt>\n <dd className=\"mt-0.5 text-sm text-text-primary break-words\">\n {col.render(row)}\n </dd>\n </div>\n ))}\n </dl>\n )}\n </div>\n ))}\n </div>\n </div>\n );\n}\n"],"mappings":"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"}