npm - @burdenoff/microfe-theglobalfuel - Versions diffs - 2026.509.101 - Mend

@burdenoff/microfe-theglobalfuel 2026.509.101

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 (112) hide show

package/dist/theglobalfuel/pages/FleetManagementPage.js ADDED Viewed

@@ -0,0 +1,244 @@
+import { useTheGlobalFuelStore as e } from "../store/theglobalfuelStore.js";
+import { AlertCircle as t, Fuel as n, MapPin as r, Navigation as i, TrendingUp as a, Truck as o } from "lucide-react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { Badge as l, Button as u, Card as d, CardContent as f, CardHeader as p, CardTitle as m, Tabs as h, TabsContent as g, TabsList as _, TabsTrigger as v } from "@burdenoff/fe-libs/ui";
+//#region src/theglobalfuel/pages/FleetManagementPage.tsx
+function y() {
+	let { fleet: y } = e(), b = y.filter((e) => e.status === "active").length, x = y.reduce((e, t) => e + t.currentLoadBarrels, 0);
+	return /* @__PURE__ */ c("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ c("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ c("h1", {
+					className: "flex items-center gap-2 text-2xl font-semibold",
+					children: [/* @__PURE__ */ s(o, { className: "h-7 w-7 text-blue-600" }), "Fleet & Logistics"]
+				}), /* @__PURE__ */ s("p", {
+					className: "mt-1 text-sm text-muted-foreground",
+					children: "Tanker trucks, LNG carriers, rail tanks, and pipeline pig tracking"
+				})] }), /* @__PURE__ */ c(u, { children: [/* @__PURE__ */ s(i, { className: "mr-2 h-4 w-4" }), "Dispatch Vehicle"] })]
+			}),
+			/* @__PURE__ */ c("div", {
+				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ c(d, { children: [/* @__PURE__ */ c(p, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ s(m, {
+							className: "text-sm font-medium",
+							children: "Total Fleet"
+						}), /* @__PURE__ */ s(o, { className: "h-4 w-4 text-blue-600" })]
+					}), /* @__PURE__ */ c(f, { children: [/* @__PURE__ */ s("div", {
+						className: "text-2xl font-bold",
+						children: y.length
+					}), /* @__PURE__ */ c("p", {
+						className: "text-xs text-muted-foreground",
+						children: [
+							b,
+							" active, ",
+							y.filter((e) => e.status === "idle").length,
+							" idle"
+						]
+					})] })] }),
+					/* @__PURE__ */ c(d, { children: [/* @__PURE__ */ c(p, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ s(m, {
+							className: "text-sm font-medium",
+							children: "Fleet Utilization"
+						}), /* @__PURE__ */ s(a, { className: "h-4 w-4 text-green-600" })]
+					}), /* @__PURE__ */ c(f, { children: [/* @__PURE__ */ c("div", {
+						className: "text-2xl font-bold",
+						children: [(b / y.length * 100).toFixed(1), "%"]
+					}), /* @__PURE__ */ s("p", {
+						className: "text-xs text-muted-foreground",
+						children: "+5.2% from last week"
+					})] })] }),
+					/* @__PURE__ */ c(d, { children: [/* @__PURE__ */ c(p, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ s(m, {
+							className: "text-sm font-medium",
+							children: "Barrels In Transit"
+						}), /* @__PURE__ */ s(n, { className: "h-4 w-4 text-amber-600" })]
+					}), /* @__PURE__ */ c(f, { children: [/* @__PURE__ */ s("div", {
+						className: "text-2xl font-bold",
+						children: x.toLocaleString()
+					}), /* @__PURE__ */ s("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Across all carriers"
+					})] })] }),
+					/* @__PURE__ */ c(d, { children: [/* @__PURE__ */ c(p, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ s(m, {
+							className: "text-sm font-medium",
+							children: "In Maintenance"
+						}), /* @__PURE__ */ s(t, { className: "h-4 w-4 text-orange-600" })]
+					}), /* @__PURE__ */ c(f, { children: [/* @__PURE__ */ s("div", {
+						className: "text-2xl font-bold",
+						children: y.filter((e) => e.status === "maintenance").length
+					}), /* @__PURE__ */ s("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Currently in service"
+					})] })] })
+				]
+			}),
+			/* @__PURE__ */ c(h, {
+				defaultValue: "vehicles",
+				children: [
+					/* @__PURE__ */ c(_, { children: [/* @__PURE__ */ s(v, {
+						value: "vehicles",
+						children: "Vehicle Tracking"
+					}), /* @__PURE__ */ s(v, {
+						value: "performance",
+						children: "Performance"
+					})] }),
+					/* @__PURE__ */ s(g, {
+						value: "vehicles",
+						className: "mt-4",
+						children: /* @__PURE__ */ c(d, { children: [/* @__PURE__ */ s(p, { children: /* @__PURE__ */ s(m, { children: "Active Fleet" }) }), /* @__PURE__ */ s(f, {
+							className: "space-y-4",
+							children: y.map((e) => /* @__PURE__ */ c("div", {
+								className: "rounded-lg border p-4",
+								children: [/* @__PURE__ */ s("div", {
+									className: "mb-3 flex items-start justify-between",
+									children: /* @__PURE__ */ c("div", {
+										className: "flex items-start gap-3",
+										children: [/* @__PURE__ */ s("div", {
+											className: "rounded bg-blue-100 p-2",
+											children: /* @__PURE__ */ s(o, { className: "h-5 w-5 text-blue-600" })
+										}), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ c("div", {
+											className: "mb-1 flex items-center gap-2",
+											children: [/* @__PURE__ */ s("h4", {
+												className: "font-semibold",
+												children: e.id
+											}), /* @__PURE__ */ s(l, {
+												variant: "outline",
+												className: e.status === "active" ? "text-green-600" : e.status === "maintenance" ? "text-orange-600" : "text-gray-600",
+												children: e.status.toUpperCase()
+											})]
+										}), /* @__PURE__ */ c("p", {
+											className: "text-sm text-muted-foreground",
+											children: [
+												e.type.replace(/_/g, " "),
+												" · ",
+												e.driver
+											]
+										})] })]
+									})
+								}), /* @__PURE__ */ c("div", {
+									className: "mb-3 grid grid-cols-2 gap-3 md:grid-cols-4",
+									children: [
+										/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("span", {
+											className: "text-xs text-muted-foreground",
+											children: "Location"
+										}), /* @__PURE__ */ c("div", {
+											className: "flex items-center gap-1",
+											children: [/* @__PURE__ */ s(r, { className: "h-3 w-3" }), /* @__PURE__ */ s("p", {
+												className: "text-sm font-medium",
+												children: e.location
+											})]
+										})] }),
+										/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("span", {
+											className: "text-xs text-muted-foreground",
+											children: "Cargo"
+										}), /* @__PURE__ */ s("p", {
+											className: "text-sm font-medium",
+											children: e.cargo || "None"
+										})] }),
+										/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("span", {
+											className: "text-xs text-muted-foreground",
+											children: "Load (bbl)"
+										}), /* @__PURE__ */ c("p", {
+											className: "text-sm font-medium",
+											children: [
+												e.currentLoadBarrels.toLocaleString(),
+												" /",
+												" ",
+												e.capacityBarrels.toLocaleString()
+											]
+										})] }),
+										/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("span", {
+											className: "text-xs text-muted-foreground",
+											children: "ETA"
+										}), /* @__PURE__ */ s("p", {
+											className: "text-sm font-medium",
+											children: e.eta
+										})] })
+									]
+								})]
+							}, e.id))
+						})] })
+					}),
+					/* @__PURE__ */ s(g, {
+						value: "performance",
+						className: "mt-4",
+						children: /* @__PURE__ */ c("div", {
+							className: "grid gap-4 lg:grid-cols-2",
+							children: [/* @__PURE__ */ c(d, { children: [/* @__PURE__ */ s(p, { children: /* @__PURE__ */ s(m, { children: "Fleet KPIs" }) }), /* @__PURE__ */ s(f, {
+								className: "space-y-3",
+								children: [
+									{
+										label: "On-Time Delivery",
+										value: "96.5%"
+									},
+									{
+										label: "Avg Fuel Efficiency",
+										value: "6.8 MPG"
+									},
+									{
+										label: "Vehicle Availability",
+										value: "92%"
+									},
+									{
+										label: "Safety Rate",
+										value: "0.02 per 1M mi"
+									}
+								].map((e) => /* @__PURE__ */ c("div", {
+									className: "flex justify-between rounded border p-3",
+									children: [/* @__PURE__ */ s("span", {
+										className: "text-sm",
+										children: e.label
+									}), /* @__PURE__ */ s("span", {
+										className: "text-sm font-bold",
+										children: e.value
+									})]
+								}, e.label))
+							})] }), /* @__PURE__ */ c(d, { children: [/* @__PURE__ */ s(p, { children: /* @__PURE__ */ s(m, { children: "Monthly Costs" }) }), /* @__PURE__ */ s(f, {
+								className: "space-y-3",
+								children: [
+									{
+										label: "Fuel Costs",
+										value: "$1.2M"
+									},
+									{
+										label: "Maintenance",
+										value: "$680K"
+									},
+									{
+										label: "Driver Wages",
+										value: "$520K"
+									},
+									{
+										label: "Insurance",
+										value: "$460K"
+									}
+								].map((e) => /* @__PURE__ */ c("div", {
+									className: "flex justify-between rounded border p-3",
+									children: [/* @__PURE__ */ s("span", {
+										className: "text-sm",
+										children: e.label
+									}), /* @__PURE__ */ s("span", {
+										className: "text-sm font-bold",
+										children: e.value
+									})]
+								}, e.label))
+							})] })]
+						})
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { y as FleetManagementPage };
+//# sourceMappingURL=FleetManagementPage.js.map

package/dist/theglobalfuel/pages/FleetManagementPage.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"FleetManagementPage.js","names":[],"sources":["../../../src/theglobalfuel/pages/FleetManagementPage.tsx"],"sourcesContent":["import {\n Card,\n CardContent,\n CardHeader,\n CardTitle,\n Badge,\n Button,\n Tabs,\n TabsList,\n TabsTrigger,\n TabsContent,\n} from '@burdenoff/fe-libs/ui';\nimport { Truck, MapPin, AlertCircle, TrendingUp, Navigation, Fuel } from 'lucide-react';\nimport { useTheGlobalFuelStore } from '../store/theglobalfuelStore';\n\nexport function FleetManagementPage() {\n const { fleet } = useTheGlobalFuelStore();\n const activeVehicles = fleet.filter((v) => v.status === 'active').length;\n const totalLoadBarrels = fleet.reduce((a, v) => a + v.currentLoadBarrels, 0);\n\n return (\n <div className=\"space-y-6 p-6\">\n <div className=\"flex items-center justify-between\">\n <div>\n <h1 className=\"flex items-center gap-2 text-2xl font-semibold\">\n <Truck className=\"h-7 w-7 text-blue-600\" />\n Fleet & Logistics\n </h1>\n <p className=\"mt-1 text-sm text-muted-foreground\">\n Tanker trucks, LNG carriers, rail tanks, and pipeline pig tracking\n </p>\n </div>\n <Button>\n <Navigation className=\"mr-2 h-4 w-4\" />\n Dispatch Vehicle\n </Button>\n </div>\n <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n <Card>\n <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n <CardTitle className=\"text-sm font-medium\">Total Fleet</CardTitle>\n <Truck className=\"h-4 w-4 text-blue-600\" />\n </CardHeader>\n <CardContent>\n <div className=\"text-2xl font-bold\">{fleet.length}</div>\n <p className=\"text-xs text-muted-foreground\">\n {activeVehicles} active, {fleet.filter((v) => v.status === 'idle').length} idle\n </p>\n </CardContent>\n </Card>\n <Card>\n <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n <CardTitle className=\"text-sm font-medium\">Fleet Utilization</CardTitle>\n <TrendingUp className=\"h-4 w-4 text-green-600\" />\n </CardHeader>\n <CardContent>\n <div className=\"text-2xl font-bold\">\n {((activeVehicles / fleet.length) * 100).toFixed(1)}%\n </div>\n <p className=\"text-xs text-muted-foreground\">+5.2% from last week</p>\n </CardContent>\n </Card>\n <Card>\n <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n <CardTitle className=\"text-sm font-medium\">Barrels In Transit</CardTitle>\n <Fuel className=\"h-4 w-4 text-amber-600\" />\n </CardHeader>\n <CardContent>\n <div className=\"text-2xl font-bold\">{totalLoadBarrels.toLocaleString()}</div>\n <p className=\"text-xs text-muted-foreground\">Across all carriers</p>\n </CardContent>\n </Card>\n <Card>\n <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n <CardTitle className=\"text-sm font-medium\">In Maintenance</CardTitle>\n <AlertCircle className=\"h-4 w-4 text-orange-600\" />\n </CardHeader>\n <CardContent>\n <div className=\"text-2xl font-bold\">\n {fleet.filter((v) => v.status === 'maintenance').length}\n </div>\n <p className=\"text-xs text-muted-foreground\">Currently in service</p>\n </CardContent>\n </Card>\n </div>\n <Tabs defaultValue=\"vehicles\">\n <TabsList>\n <TabsTrigger value=\"vehicles\">Vehicle Tracking</TabsTrigger>\n <TabsTrigger value=\"performance\">Performance</TabsTrigger>\n </TabsList>\n <TabsContent value=\"vehicles\" className=\"mt-4\">\n <Card>\n <CardHeader>\n <CardTitle>Active Fleet</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n {fleet.map((v) => (\n <div key={v.id} className=\"rounded-lg border p-4\">\n <div className=\"mb-3 flex items-start justify-between\">\n <div className=\"flex items-start gap-3\">\n <div className=\"rounded bg-blue-100 p-2\">\n <Truck className=\"h-5 w-5 text-blue-600\" />\n </div>\n <div>\n <div className=\"mb-1 flex items-center gap-2\">\n <h4 className=\"font-semibold\">{v.id}</h4>\n <Badge\n variant=\"outline\"\n className={\n v.status === 'active'\n ? 'text-green-600'\n : v.status === 'maintenance'\n ? 'text-orange-600'\n : 'text-gray-600'\n }\n >\n {v.status.toUpperCase()}\n </Badge>\n </div>\n <p className=\"text-sm text-muted-foreground\">\n {v.type.replace(/_/g, ' ')} · {v.driver}\n </p>\n </div>\n </div>\n </div>\n <div className=\"mb-3 grid grid-cols-2 gap-3 md:grid-cols-4\">\n <div>\n <span className=\"text-xs text-muted-foreground\">Location</span>\n <div className=\"flex items-center gap-1\">\n <MapPin className=\"h-3 w-3\" />\n <p className=\"text-sm font-medium\">{v.location}</p>\n </div>\n </div>\n <div>\n <span className=\"text-xs text-muted-foreground\">Cargo</span>\n <p className=\"text-sm font-medium\">{v.cargo || 'None'}</p>\n </div>\n <div>\n <span className=\"text-xs text-muted-foreground\">Load (bbl)</span>\n <p className=\"text-sm font-medium\">\n {v.currentLoadBarrels.toLocaleString()} /{' '}\n {v.capacityBarrels.toLocaleString()}\n </p>\n </div>\n <div>\n <span className=\"text-xs text-muted-foreground\">ETA</span>\n <p className=\"text-sm font-medium\">{v.eta}</p>\n </div>\n </div>\n </div>\n ))}\n </CardContent>\n </Card>\n </TabsContent>\n <TabsContent value=\"performance\" className=\"mt-4\">\n <div className=\"grid gap-4 lg:grid-cols-2\">\n <Card>\n <CardHeader>\n <CardTitle>Fleet KPIs</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-3\">\n {[\n { label: 'On-Time Delivery', value: '96.5%' },\n { label: 'Avg Fuel Efficiency', value: '6.8 MPG' },\n { label: 'Vehicle Availability', value: '92%' },\n { label: 'Safety Rate', value: '0.02 per 1M mi' },\n ].map((k) => (\n <div key={k.label} className=\"flex justify-between rounded border p-3\">\n <span className=\"text-sm\">{k.label}</span>\n <span className=\"text-sm font-bold\">{k.value}</span>\n </div>\n ))}\n </CardContent>\n </Card>\n <Card>\n <CardHeader>\n <CardTitle>Monthly Costs</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-3\">\n {[\n { label: 'Fuel Costs', value: '$1.2M' },\n { label: 'Maintenance', value: '$680K' },\n { label: 'Driver Wages', value: '$520K' },\n { label: 'Insurance', value: '$460K' },\n ].map((c) => (\n <div key={c.label} className=\"flex justify-between rounded border p-3\">\n <span className=\"text-sm\">{c.label}</span>\n <span className=\"text-sm font-bold\">{c.value}</span>\n </div>\n ))}\n </CardContent>\n </Card>\n </div>\n </TabsContent>\n </Tabs>\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/theglobalfuel/pages/MarketplacePage.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export declare function MarketplacePage(): import("react/jsx-runtime").JSX.Element;
2	+ //# sourceMappingURL=MarketplacePage.d.ts.map

package/dist/theglobalfuel/pages/MarketplacePage.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"MarketplacePage.d.ts","sourceRoot":"","sources":["../../../src/theglobalfuel/pages/MarketplacePage.tsx"],"names":[],"mappings":"AAiBA,wBAAgB,eAAe,4CAoP9B"}

package/dist/theglobalfuel/pages/MarketplacePage.js ADDED Viewed

@@ -0,0 +1,260 @@
+import { useTheGlobalFuelStore as e } from "../store/theglobalfuelStore.js";
+import { tWithFallback as t } from "../utils/i18n.js";
+import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Fuel as r, Package as i, ShoppingCart as a, Star as o, TrendingUp as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Badge as u, Button as d, Card as f, CardContent as p, CardHeader as m, CardTitle as h, Tabs as g, TabsContent as _, TabsList as v, TabsTrigger as y } from "@burdenoff/fe-libs/ui";
+//#region src/theglobalfuel/pages/MarketplacePage.tsx
+function b() {
+	let { t: b } = n(), x = (e, n, r) => t(b, e, n, r), { marketplace: S } = e(), C = S.reduce((e, t) => e + t.stockBarrels, 0), w = (e) => {
+		switch (e) {
+			case "delivered": return x("theglobalfuel.marketplace.orders.status.delivered", "delivered");
+			case "in-transit": return x("theglobalfuel.marketplace.orders.status.inTransit", "in-transit");
+			case "processing": return x("theglobalfuel.marketplace.orders.status.processing", "processing");
+			default: return e;
+		}
+	};
+	return /* @__PURE__ */ l("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ l("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ l("h1", {
+					className: "flex items-center gap-2 text-2xl font-semibold",
+					children: [/* @__PURE__ */ c(a, { className: "h-7 w-7 text-green-600" }), x("theglobalfuel.marketplace.title", "Energy Marketplace")]
+				}), /* @__PURE__ */ c("p", {
+					className: "mt-1 text-sm text-muted-foreground",
+					children: x("theglobalfuel.marketplace.description", "Crude oil, refined products, and natural gas trading platform")
+				})] }), /* @__PURE__ */ l(d, { children: [/* @__PURE__ */ c(a, { className: "mr-2 h-4 w-4" }), x("theglobalfuel.marketplace.actions.requestQuote", "Request Quote")] })]
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l(m, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ c(h, {
+							className: "text-sm font-medium",
+							children: x("theglobalfuel.marketplace.stats.productsListed", "Products Listed")
+						}), /* @__PURE__ */ c(i, { className: "h-4 w-4 text-blue-600" })]
+					}), /* @__PURE__ */ l(p, { children: [/* @__PURE__ */ c("div", {
+						className: "text-2xl font-bold",
+						children: S.length
+					}), /* @__PURE__ */ c("p", {
+						className: "text-xs text-muted-foreground",
+						children: x("theglobalfuel.marketplace.stats.productsListedHint", "Crude, refined, gas")
+					})] })] }),
+					/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l(m, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ c(h, {
+							className: "text-sm font-medium",
+							children: x("theglobalfuel.marketplace.stats.totalInventory", "Total Inventory")
+						}), /* @__PURE__ */ c(r, { className: "h-4 w-4 text-amber-600" })]
+					}), /* @__PURE__ */ l(p, { children: [/* @__PURE__ */ l("div", {
+						className: "text-2xl font-bold",
+						children: [(C / 1e6).toFixed(1), "M bbl"]
+					}), /* @__PURE__ */ c("p", {
+						className: "text-xs text-muted-foreground",
+						children: x("theglobalfuel.marketplace.stats.totalInventoryHint", "Available volume")
+					})] })] }),
+					/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l(m, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ c(h, {
+							className: "text-sm font-medium",
+							children: x("theglobalfuel.marketplace.stats.activeOrders", "Active Orders")
+						}), /* @__PURE__ */ c(s, { className: "h-4 w-4 text-green-600" })]
+					}), /* @__PURE__ */ l(p, { children: [/* @__PURE__ */ c("div", {
+						className: "text-2xl font-bold",
+						children: "47"
+					}), /* @__PURE__ */ c("p", {
+						className: "text-xs text-muted-foreground",
+						children: x("theglobalfuel.marketplace.stats.activeOrdersHint", "This month")
+					})] })] }),
+					/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l(m, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ c(h, {
+							className: "text-sm font-medium",
+							children: x("theglobalfuel.marketplace.stats.avgRating", "Avg Rating")
+						}), /* @__PURE__ */ c(o, { className: "h-4 w-4 text-yellow-600" })]
+					}), /* @__PURE__ */ l(p, { children: [/* @__PURE__ */ c("div", {
+						className: "text-2xl font-bold",
+						children: "4.8"
+					}), /* @__PURE__ */ c("p", {
+						className: "text-xs text-muted-foreground",
+						children: x("theglobalfuel.marketplace.stats.avgRatingHint", "Customer satisfaction")
+					})] })] })
+				]
+			}),
+			/* @__PURE__ */ l(g, {
+				defaultValue: "products",
+				children: [
+					/* @__PURE__ */ l(v, { children: [/* @__PURE__ */ c(y, {
+						value: "products",
+						children: x("theglobalfuel.marketplace.tabs.products", "Products")
+					}), /* @__PURE__ */ c(y, {
+						value: "orders",
+						children: x("theglobalfuel.marketplace.tabs.orders", "Orders")
+					})] }),
+					/* @__PURE__ */ c(_, {
+						value: "products",
+						className: "mt-4",
+						children: /* @__PURE__ */ c("div", {
+							className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3",
+							children: S.map((e) => /* @__PURE__ */ l(f, { children: [/* @__PURE__ */ c(m, { children: /* @__PURE__ */ c("div", {
+								className: "flex items-start justify-between",
+								children: /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c(h, {
+									className: "text-lg",
+									children: e.name
+								}), /* @__PURE__ */ c(u, {
+									variant: "outline",
+									className: "mt-1 text-xs",
+									children: e.category
+								})] })
+							}) }), /* @__PURE__ */ l(p, {
+								className: "space-y-3",
+								children: [
+									/* @__PURE__ */ l("div", {
+										className: "flex items-baseline gap-2",
+										children: [/* @__PURE__ */ l("span", {
+											className: "text-3xl font-bold text-green-600",
+											children: ["$", e.pricePerBarrel]
+										}), /* @__PURE__ */ c("span", {
+											className: "text-muted-foreground",
+											children: x("theglobalfuel.marketplace.productCard.perBarrel", "/barrel")
+										})]
+									}),
+									/* @__PURE__ */ l("div", {
+										className: "flex items-center gap-2",
+										children: [[...[
+											,
+											,
+											,
+											,
+											,
+										]].map((t, n) => /* @__PURE__ */ c(o, { className: `h-4 w-4 ${n < Math.floor(e.rating) ? "fill-yellow-500 text-yellow-500" : "text-gray-300"}` }, n)), /* @__PURE__ */ c("span", {
+											className: "text-sm text-muted-foreground",
+											children: e.rating
+										})]
+									}),
+									/* @__PURE__ */ l("div", {
+										className: "space-y-1 text-sm",
+										children: [
+											/* @__PURE__ */ l("div", {
+												className: "flex justify-between",
+												children: [/* @__PURE__ */ c("span", {
+													className: "text-muted-foreground",
+													children: x("theglobalfuel.marketplace.productCard.apiGravity", "API Gravity")
+												}), /* @__PURE__ */ c("span", {
+													className: "font-medium",
+													children: e.apiGravity
+												})]
+											}),
+											/* @__PURE__ */ l("div", {
+												className: "flex justify-between",
+												children: [/* @__PURE__ */ c("span", {
+													className: "text-muted-foreground",
+													children: x("theglobalfuel.marketplace.productCard.sulfur", "Sulfur")
+												}), /* @__PURE__ */ l("span", {
+													className: "font-medium",
+													children: [e.sulfurContentPct, "%"]
+												})]
+											}),
+											/* @__PURE__ */ l("div", {
+												className: "flex justify-between",
+												children: [/* @__PURE__ */ c("span", {
+													className: "text-muted-foreground",
+													children: x("theglobalfuel.marketplace.productCard.stock", "Stock")
+												}), /* @__PURE__ */ l("span", {
+													className: "font-medium",
+													children: [(e.stockBarrels / 1e6).toFixed(1), "M bbl"]
+												})]
+											}),
+											/* @__PURE__ */ l("div", {
+												className: "flex justify-between",
+												children: [/* @__PURE__ */ c("span", {
+													className: "text-muted-foreground",
+													children: x("theglobalfuel.marketplace.productCard.minOrder", "Min Order")
+												}), /* @__PURE__ */ l("span", {
+													className: "font-medium",
+													children: [e.minOrderBarrels.toLocaleString(), " bbl"]
+												})]
+											})
+										]
+									}),
+									/* @__PURE__ */ c("div", {
+										className: "flex flex-wrap gap-1",
+										children: e.certifications.map((e) => /* @__PURE__ */ c(u, {
+											variant: "outline",
+											className: "text-xs",
+											children: e
+										}, e))
+									}),
+									/* @__PURE__ */ l(d, {
+										className: "w-full",
+										children: [/* @__PURE__ */ c(a, { className: "mr-2 h-4 w-4" }), x("theglobalfuel.marketplace.actions.requestQuote", "Request Quote")]
+									})
+								]
+							})] }, e.id))
+						})
+					}),
+					/* @__PURE__ */ c(_, {
+						value: "orders",
+						className: "mt-4",
+						children: /* @__PURE__ */ l(f, { children: [/* @__PURE__ */ c(m, { children: /* @__PURE__ */ c(h, { children: x("theglobalfuel.marketplace.orders.title", "Recent Orders") }) }), /* @__PURE__ */ c(p, {
+							className: "space-y-3",
+							children: [
+								{
+									id: "ORD-2025-0145",
+									product: "WTI Crude Oil",
+									volume: "125,000 bbl",
+									total: "$9.8M",
+									status: "delivered"
+								},
+								{
+									id: "ORD-2025-0156",
+									product: "ULSD Diesel",
+									volume: "50,000 bbl",
+									total: "$4.9M",
+									status: "in-transit"
+								},
+								{
+									id: "ORD-2025-0162",
+									product: "Jet A-1",
+									volume: "30,000 bbl",
+									total: "$3.2M",
+									status: "processing"
+								}
+							].map((e) => /* @__PURE__ */ l("div", {
+								className: "flex items-center justify-between rounded-lg border p-4",
+								children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ l("div", {
+									className: "mb-1 flex items-center gap-2",
+									children: [/* @__PURE__ */ c("p", {
+										className: "font-semibold",
+										children: e.id
+									}), /* @__PURE__ */ c(u, {
+										variant: "outline",
+										className: e.status === "delivered" ? "text-green-600" : e.status === "in-transit" ? "text-blue-600" : "text-amber-600",
+										children: w(e.status)
+									})]
+								}), /* @__PURE__ */ l("p", {
+									className: "text-sm text-muted-foreground",
+									children: [
+										e.product,
+										" · ",
+										e.volume
+									]
+								})] }), /* @__PURE__ */ c("p", {
+									className: "text-lg font-bold text-green-600",
+									children: e.total
+								})]
+							}, e.id))
+						})] })
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { b as MarketplacePage };
+//# sourceMappingURL=MarketplacePage.js.map

package/dist/theglobalfuel/pages/MarketplacePage.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MarketplacePage.js","names":[],"sources":["../../../src/theglobalfuel/pages/MarketplacePage.tsx"],"sourcesContent":["import { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n Card,\n CardContent,\n CardHeader,\n CardTitle,\n Badge,\n Button,\n Tabs,\n TabsList,\n TabsTrigger,\n TabsContent,\n} from '@burdenoff/fe-libs/ui';\nimport { ShoppingCart, Package, Star, TrendingUp, Fuel } from 'lucide-react';\nimport { useTheGlobalFuelStore } from '../store/theglobalfuelStore';\nimport { tWithFallback } from '../utils/i18n';\n\nexport function MarketplacePage() {\n const { t } = useI18n();\n const tr = (key: string, fallback: string, params?: Record<string, string | number>): string =>\n tWithFallback(t, key, fallback, params);\n const { marketplace } = useTheGlobalFuelStore();\n const totalStock = marketplace.reduce((a, p) => a + p.stockBarrels, 0);\n\n const orderStatusLabel = (status: string): string => {\n switch (status) {\n case 'delivered':\n return tr('theglobalfuel.marketplace.orders.status.delivered', 'delivered');\n case 'in-transit':\n return tr('theglobalfuel.marketplace.orders.status.inTransit', 'in-transit');\n case 'processing':\n return tr('theglobalfuel.marketplace.orders.status.processing', 'processing');\n default:\n return status;\n }\n };\n\n return (\n <div className=\"space-y-6 p-6\">\n <div className=\"flex items-center justify-between\">\n <div>\n <h1 className=\"flex items-center gap-2 text-2xl font-semibold\">\n <ShoppingCart className=\"h-7 w-7 text-green-600\" />\n {tr('theglobalfuel.marketplace.title', 'Energy Marketplace')}\n </h1>\n <p className=\"mt-1 text-sm text-muted-foreground\">\n {tr(\n 'theglobalfuel.marketplace.description',\n 'Crude oil, refined products, and natural gas trading platform'\n )}\n </p>\n </div>\n <Button>\n <ShoppingCart className=\"mr-2 h-4 w-4\" />\n {tr('theglobalfuel.marketplace.actions.requestQuote', 'Request Quote')}\n </Button>\n </div>\n <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n <Card>\n <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n <CardTitle className=\"text-sm font-medium\">\n {tr('theglobalfuel.marketplace.stats.productsListed', 'Products Listed')}\n </CardTitle>\n <Package className=\"h-4 w-4 text-blue-600\" />\n </CardHeader>\n <CardContent>\n <div className=\"text-2xl font-bold\">{marketplace.length}</div>\n <p className=\"text-xs text-muted-foreground\">\n {tr('theglobalfuel.marketplace.stats.productsListedHint', 'Crude, refined, gas')}\n </p>\n </CardContent>\n </Card>\n <Card>\n <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n <CardTitle className=\"text-sm font-medium\">\n {tr('theglobalfuel.marketplace.stats.totalInventory', 'Total Inventory')}\n </CardTitle>\n <Fuel className=\"h-4 w-4 text-amber-600\" />\n </CardHeader>\n <CardContent>\n <div className=\"text-2xl font-bold\">{(totalStock / 1e6).toFixed(1)}M bbl</div>\n <p className=\"text-xs text-muted-foreground\">\n {tr('theglobalfuel.marketplace.stats.totalInventoryHint', 'Available volume')}\n </p>\n </CardContent>\n </Card>\n <Card>\n <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n <CardTitle className=\"text-sm font-medium\">\n {tr('theglobalfuel.marketplace.stats.activeOrders', 'Active Orders')}\n </CardTitle>\n <TrendingUp className=\"h-4 w-4 text-green-600\" />\n </CardHeader>\n <CardContent>\n <div className=\"text-2xl font-bold\">47</div>\n <p className=\"text-xs text-muted-foreground\">\n {tr('theglobalfuel.marketplace.stats.activeOrdersHint', 'This month')}\n </p>\n </CardContent>\n </Card>\n <Card>\n <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n <CardTitle className=\"text-sm font-medium\">\n {tr('theglobalfuel.marketplace.stats.avgRating', 'Avg Rating')}\n </CardTitle>\n <Star className=\"h-4 w-4 text-yellow-600\" />\n </CardHeader>\n <CardContent>\n <div className=\"text-2xl font-bold\">4.8</div>\n <p className=\"text-xs text-muted-foreground\">\n {tr('theglobalfuel.marketplace.stats.avgRatingHint', 'Customer satisfaction')}\n </p>\n </CardContent>\n </Card>\n </div>\n <Tabs defaultValue=\"products\">\n <TabsList>\n <TabsTrigger value=\"products\">\n {tr('theglobalfuel.marketplace.tabs.products', 'Products')}\n </TabsTrigger>\n <TabsTrigger value=\"orders\">\n {tr('theglobalfuel.marketplace.tabs.orders', 'Orders')}\n </TabsTrigger>\n </TabsList>\n <TabsContent value=\"products\" className=\"mt-4\">\n <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n {marketplace.map((product) => (\n <Card key={product.id}>\n <CardHeader>\n <div className=\"flex items-start justify-between\">\n <div>\n <CardTitle className=\"text-lg\">{product.name}</CardTitle>\n <Badge variant=\"outline\" className=\"mt-1 text-xs\">\n {product.category}\n </Badge>\n </div>\n </div>\n </CardHeader>\n <CardContent className=\"space-y-3\">\n <div className=\"flex items-baseline gap-2\">\n <span className=\"text-3xl font-bold text-green-600\">\n ${product.pricePerBarrel}\n </span>\n <span className=\"text-muted-foreground\">\n {tr('theglobalfuel.marketplace.productCard.perBarrel', '/barrel')}\n </span>\n </div>\n <div className=\"flex items-center gap-2\">\n {[...Array(5)].map((_, i) => (\n <Star\n key={i}\n className={`h-4 w-4 ${i < Math.floor(product.rating) ? 'fill-yellow-500 text-yellow-500' : 'text-gray-300'}`}\n />\n ))}\n <span className=\"text-sm text-muted-foreground\">{product.rating}</span>\n </div>\n <div className=\"space-y-1 text-sm\">\n <div className=\"flex justify-between\">\n <span className=\"text-muted-foreground\">\n {tr('theglobalfuel.marketplace.productCard.apiGravity', 'API Gravity')}\n </span>\n <span className=\"font-medium\">{product.apiGravity}</span>\n </div>\n <div className=\"flex justify-between\">\n <span className=\"text-muted-foreground\">\n {tr('theglobalfuel.marketplace.productCard.sulfur', 'Sulfur')}\n </span>\n <span className=\"font-medium\">{product.sulfurContentPct}%</span>\n </div>\n <div className=\"flex justify-between\">\n <span className=\"text-muted-foreground\">\n {tr('theglobalfuel.marketplace.productCard.stock', 'Stock')}\n </span>\n <span className=\"font-medium\">\n {(product.stockBarrels / 1e6).toFixed(1)}M bbl\n </span>\n </div>\n <div className=\"flex justify-between\">\n <span className=\"text-muted-foreground\">\n {tr('theglobalfuel.marketplace.productCard.minOrder', 'Min Order')}\n </span>\n <span className=\"font-medium\">\n {product.minOrderBarrels.toLocaleString()} bbl\n </span>\n </div>\n </div>\n <div className=\"flex flex-wrap gap-1\">\n {product.certifications.map((c) => (\n <Badge key={c} variant=\"outline\" className=\"text-xs\">\n {c}\n </Badge>\n ))}\n </div>\n <Button className=\"w-full\">\n <ShoppingCart className=\"mr-2 h-4 w-4\" />\n {tr('theglobalfuel.marketplace.actions.requestQuote', 'Request Quote')}\n </Button>\n </CardContent>\n </Card>\n ))}\n </div>\n </TabsContent>\n <TabsContent value=\"orders\" className=\"mt-4\">\n <Card>\n <CardHeader>\n <CardTitle>{tr('theglobalfuel.marketplace.orders.title', 'Recent Orders')}</CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-3\">\n {[\n {\n id: 'ORD-2025-0145',\n product: 'WTI Crude Oil',\n volume: '125,000 bbl',\n total: '$9.8M',\n status: 'delivered',\n },\n {\n id: 'ORD-2025-0156',\n product: 'ULSD Diesel',\n volume: '50,000 bbl',\n total: '$4.9M',\n status: 'in-transit',\n },\n {\n id: 'ORD-2025-0162',\n product: 'Jet A-1',\n volume: '30,000 bbl',\n total: '$3.2M',\n status: 'processing',\n },\n ].map((o) => (\n <div key={o.id} className=\"flex items-center justify-between rounded-lg border p-4\">\n <div>\n <div className=\"mb-1 flex items-center gap-2\">\n <p className=\"font-semibold\">{o.id}</p>\n <Badge\n variant=\"outline\"\n className={\n o.status === 'delivered'\n ? 'text-green-600'\n : o.status === 'in-transit'\n ? 'text-blue-600'\n : 'text-amber-600'\n }\n >\n {orderStatusLabel(o.status)}\n </Badge>\n </div>\n <p className=\"text-sm text-muted-foreground\">\n {o.product} · {o.volume}\n </p>\n </div>\n <p className=\"text-lg font-bold text-green-600\">{o.total}</p>\n </div>\n ))}\n </CardContent>\n </Card>\n </TabsContent>\n </Tabs>\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/theglobalfuel/pages/OperationsPage.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export declare function OperationsPage(): import("react/jsx-runtime").JSX.Element;
2	+ //# sourceMappingURL=OperationsPage.d.ts.map

package/dist/theglobalfuel/pages/OperationsPage.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"OperationsPage.d.ts","sourceRoot":"","sources":["../../../src/theglobalfuel/pages/OperationsPage.tsx"],"names":[],"mappings":"AAiBA,wBAAgB,cAAc,4CAqO7B"}