@burdenoff/microfe-theglobalfuel 2026.509.101

package/dist/theglobalfuel/pages/SustainabilityPage.js

@@ -0,0 +1,261 @@
+import { useTheGlobalFuelStore as e } from "../store/theglobalfuelStore.js";
+import { cn as t } from "../utils/cn.js";
+import { Award as n, Download as r, Droplets as i, Factory as a, Flame as o, Leaf as s, Recycle as c, TrendingDown as l, TrendingUp as u } from "lucide-react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Badge as p, Button as m, Card as h, CardContent as g, CardHeader as _, CardTitle as v } from "@burdenoff/fe-libs/ui";
+//#region src/theglobalfuel/pages/SustainabilityPage.tsx
+function y() {
+	let { sustainability: y } = e(), b = y.scope1 + y.scope2 + y.scope3, x = [
+		{
+			title: "Net Zero by 2050",
+			target: "100% reduction",
+			progress: 18,
+			status: "on-track"
+		},
+		{
+			title: "Flare Gas Elimination",
+			target: "95% reduction",
+			progress: y.flareReductionPct,
+			status: "on-track"
+		},
+		{
+			title: "Methane Reduction",
+			target: "75% reduction",
+			progress: 52,
+			status: "ahead"
+		},
+		{
+			title: "Water Recycling",
+			target: "90% recycled",
+			progress: 68,
+			status: "at-risk"
+		}
+	];
+	return /* @__PURE__ */ f("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ f("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ f("h1", {
+					className: "flex items-center gap-2 text-2xl font-semibold",
+					children: [/* @__PURE__ */ d(s, { className: "h-7 w-7 text-green-600" }), "Sustainability & ESG"]
+				}), /* @__PURE__ */ d("p", {
+					className: "mt-1 text-sm text-muted-foreground",
+					children: "Environmental metrics, carbon emissions, and ESG compliance for petroleum operations"
+				})] }), /* @__PURE__ */ f(m, { children: [/* @__PURE__ */ d(r, { className: "mr-2 h-4 w-4" }), "Export ESG Report"] })]
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ f(h, { children: [/* @__PURE__ */ f(_, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ d(v, {
+							className: "text-sm font-medium",
+							children: "ESG Score"
+						}), /* @__PURE__ */ d(n, { className: "h-4 w-4 text-green-600" })]
+					}), /* @__PURE__ */ f(g, { children: [/* @__PURE__ */ f("div", {
+						className: "text-2xl font-bold",
+						children: [
+							y.esgScore,
+							" ",
+							/* @__PURE__ */ f("span", {
+								className: "text-sm text-green-600",
+								children: [
+									"(",
+									y.esgRating,
+									")"
+								]
+							})
+						]
+					}), /* @__PURE__ */ f("p", {
+						className: "flex items-center text-xs text-green-600",
+						children: [/* @__PURE__ */ d(u, { className: "mr-1 h-3 w-3" }), "+5.2% vs last year"]
+					})] })] }),
+					/* @__PURE__ */ f(h, { children: [/* @__PURE__ */ f(_, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ d(v, {
+							className: "text-sm font-medium",
+							children: "Carbon Emissions"
+						}), /* @__PURE__ */ d(a, { className: "h-4 w-4 text-gray-600" })]
+					}), /* @__PURE__ */ f(g, { children: [/* @__PURE__ */ f("div", {
+						className: "text-2xl font-bold",
+						children: [(y.carbonEmissionsMTCO2e / 1e3).toFixed(0), "K MT CO2e"]
+					}), /* @__PURE__ */ f("p", {
+						className: "flex items-center text-xs text-green-600",
+						children: [
+							/* @__PURE__ */ d(l, { className: "mr-1 h-3 w-3" }),
+							y.carbonChange,
+							"%"
+						]
+					})] })] }),
+					/* @__PURE__ */ f(h, { children: [/* @__PURE__ */ f(_, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ d(v, {
+							className: "text-sm font-medium",
+							children: "Flare Reduction"
+						}), /* @__PURE__ */ d(o, { className: "h-4 w-4 text-orange-600" })]
+					}), /* @__PURE__ */ f(g, { children: [/* @__PURE__ */ f("div", {
+						className: "text-2xl font-bold",
+						children: [y.flareReductionPct, "%"]
+					}), /* @__PURE__ */ d("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Toward zero routine flaring"
+					})] })] }),
+					/* @__PURE__ */ f(h, { children: [/* @__PURE__ */ f(_, {
+						className: "flex flex-row items-center justify-between space-y-0 pb-2",
+						children: [/* @__PURE__ */ d(v, {
+							className: "text-sm font-medium",
+							children: "Waste Recycled"
+						}), /* @__PURE__ */ d(c, { className: "h-4 w-4 text-blue-600" })]
+					}), /* @__PURE__ */ f(g, { children: [/* @__PURE__ */ f("div", {
+						className: "text-2xl font-bold",
+						children: [y.wasteRecycledPct, "%"]
+					}), /* @__PURE__ */ d("p", {
+						className: "text-xs text-muted-foreground",
+						children: "Of total waste"
+					})] })] })
+				]
+			}),
+			/* @__PURE__ */ f(h, { children: [/* @__PURE__ */ d(_, { children: /* @__PURE__ */ d(v, { children: "Carbon Emissions by Scope" }) }), /* @__PURE__ */ d(g, {
+				className: "space-y-4",
+				children: [
+					{
+						label: "Scope 1 - Direct (Flaring, Combustion)",
+						value: y.scope1
+					},
+					{
+						label: "Scope 2 - Energy Indirect",
+						value: y.scope2
+					},
+					{
+						label: "Scope 3 - Value Chain",
+						value: y.scope3
+					}
+				].map((e) => {
+					let t = (e.value / b * 100).toFixed(1);
+					return /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ f("div", {
+						className: "mb-1 flex justify-between text-sm",
+						children: [/* @__PURE__ */ d("span", { children: e.label }), /* @__PURE__ */ f("span", {
+							className: "font-medium",
+							children: [
+								(e.value / 1e3).toFixed(0),
+								"K MT (",
+								t,
+								"%)"
+							]
+						})]
+					}), /* @__PURE__ */ d("div", {
+						className: "h-3 w-full rounded-full bg-muted",
+						children: /* @__PURE__ */ d("div", {
+							className: "h-3 rounded-full bg-green-500",
+							style: { width: `${t}%` }
+						})
+					})] }, e.label);
+				})
+			})] }),
+			/* @__PURE__ */ d("div", {
+				className: "grid gap-4 md:grid-cols-2",
+				children: x.map((e) => /* @__PURE__ */ d(h, { children: /* @__PURE__ */ f(g, {
+					className: "pt-6",
+					children: [
+						/* @__PURE__ */ f("div", {
+							className: "mb-3 flex items-start justify-between",
+							children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h4", {
+								className: "font-semibold",
+								children: e.title
+							}), /* @__PURE__ */ f("p", {
+								className: "text-sm text-muted-foreground",
+								children: ["Target: ", e.target]
+							})] }), /* @__PURE__ */ d(p, {
+								variant: "outline",
+								className: t(e.status === "on-track" && "text-blue-600", e.status === "ahead" && "text-green-600", e.status === "at-risk" && "text-orange-600"),
+								children: e.status.replace("-", " ")
+							})]
+						}),
+						/* @__PURE__ */ f("div", {
+							className: "mb-1 flex justify-between text-sm",
+							children: [/* @__PURE__ */ d("span", {
+								className: "text-muted-foreground",
+								children: "Progress"
+							}), /* @__PURE__ */ f("span", {
+								className: "font-medium",
+								children: [e.progress, "%"]
+							})]
+						}),
+						/* @__PURE__ */ d("div", {
+							className: "h-2 w-full rounded-full bg-muted",
+							children: /* @__PURE__ */ d("div", {
+								className: t("h-2 rounded-full", e.status === "ahead" && "bg-green-500", e.status === "on-track" && "bg-blue-500", e.status === "at-risk" && "bg-orange-500"),
+								style: { width: `${e.progress}%` }
+							})
+						})
+					]
+				}) }, e.title))
+			}),
+			/* @__PURE__ */ f("div", {
+				className: "grid gap-4 lg:grid-cols-2",
+				children: [/* @__PURE__ */ f(h, { children: [/* @__PURE__ */ d(_, { children: /* @__PURE__ */ f(v, {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ d(i, { className: "h-5 w-5 text-blue-500" }), "Water"]
+				}) }), /* @__PURE__ */ d(g, {
+					className: "space-y-3",
+					children: [
+						{
+							l: "Total Consumption",
+							v: `${(y.waterConsumptionM3 / 1e6).toFixed(1)}M m3`
+						},
+						{
+							l: "Produced Water Recycled",
+							v: "68%"
+						},
+						{
+							l: "Water Intensity",
+							v: "1.2 m3/bbl"
+						}
+					].map((e) => /* @__PURE__ */ f("div", {
+						className: "flex justify-between",
+						children: [/* @__PURE__ */ d("span", {
+							className: "text-sm",
+							children: e.l
+						}), /* @__PURE__ */ d("span", {
+							className: "text-sm font-medium",
+							children: e.v
+						})]
+					}, e.l))
+				})] }), /* @__PURE__ */ f(h, { children: [/* @__PURE__ */ d(_, { children: /* @__PURE__ */ f(v, {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ d(c, { className: "h-5 w-5 text-orange-500" }), "Waste"]
+				}) }), /* @__PURE__ */ d(g, {
+					className: "space-y-3",
+					children: [
+						{
+							l: "Total Waste",
+							v: "12,400 MT"
+						},
+						{
+							l: "Recycling Rate",
+							v: `${y.wasteRecycledPct}%`
+						},
+						{
+							l: "Hazardous",
+							v: "850 MT (-12.3%)"
+						}
+					].map((e) => /* @__PURE__ */ f("div", {
+						className: "flex justify-between",
+						children: [/* @__PURE__ */ d("span", {
+							className: "text-sm",
+							children: e.l
+						}), /* @__PURE__ */ d("span", {
+							className: "text-sm font-medium",
+							children: e.v
+						})]
+					}, e.l))
+				})] })]
+			})
+		]
+	});
+}
+//#endregion
+export { y as SustainabilityPage };
+
+//# sourceMappingURL=SustainabilityPage.js.map

package/dist/theglobalfuel/pages/SustainabilityPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SustainabilityPage.js","names":[],"sources":["../../../src/theglobalfuel/pages/SustainabilityPage.tsx"],"sourcesContent":["import { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport {\n  Leaf,\n  Factory,\n  Droplets,\n  Recycle,\n  Flame,\n  Award,\n  TrendingDown,\n  TrendingUp,\n  Download,\n} from 'lucide-react';\nimport { useTheGlobalFuelStore } from '../store/theglobalfuelStore';\nimport { cn } from '../utils/cn';\n\nexport function SustainabilityPage() {\n  const { sustainability } = useTheGlobalFuelStore();\n  const totalEmissions = sustainability.scope1 + sustainability.scope2 + sustainability.scope3;\n\n  const goals = [\n    {\n      title: 'Net Zero by 2050',\n      target: '100% reduction',\n      progress: 18,\n      status: 'on-track' as const,\n    },\n    {\n      title: 'Flare Gas Elimination',\n      target: '95% reduction',\n      progress: sustainability.flareReductionPct,\n      status: 'on-track' as const,\n    },\n    { title: 'Methane Reduction', target: '75% reduction', progress: 52, status: 'ahead' as const },\n    { title: 'Water Recycling', target: '90% recycled', progress: 68, status: 'at-risk' as const },\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            <Leaf className=\"h-7 w-7 text-green-600\" />\n            Sustainability &amp; ESG\n          </h1>\n          <p className=\"mt-1 text-sm text-muted-foreground\">\n            Environmental metrics, carbon emissions, and ESG compliance for petroleum operations\n          </p>\n        </div>\n        <Button>\n          <Download className=\"mr-2 h-4 w-4\" />\n          Export ESG Report\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\">ESG Score</CardTitle>\n            <Award className=\"h-4 w-4 text-green-600\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">\n              {sustainability.esgScore}{' '}\n              <span className=\"text-sm text-green-600\">({sustainability.esgRating})</span>\n            </div>\n            <p className=\"flex items-center text-xs text-green-600\">\n              <TrendingUp className=\"mr-1 h-3 w-3\" />\n              +5.2% vs last year\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\">Carbon Emissions</CardTitle>\n            <Factory className=\"h-4 w-4 text-gray-600\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">\n              {(sustainability.carbonEmissionsMTCO2e / 1000).toFixed(0)}K MT CO2e\n            </div>\n            <p className=\"flex items-center text-xs text-green-600\">\n              <TrendingDown className=\"mr-1 h-3 w-3\" />\n              {sustainability.carbonChange}%\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\">Flare Reduction</CardTitle>\n            <Flame className=\"h-4 w-4 text-orange-600\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{sustainability.flareReductionPct}%</div>\n            <p className=\"text-xs text-muted-foreground\">Toward zero routine flaring</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\">Waste Recycled</CardTitle>\n            <Recycle className=\"h-4 w-4 text-blue-600\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{sustainability.wasteRecycledPct}%</div>\n            <p className=\"text-xs text-muted-foreground\">Of total waste</p>\n          </CardContent>\n        </Card>\n      </div>\n      <Card>\n        <CardHeader>\n          <CardTitle>Carbon Emissions by Scope</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          {[\n            { label: 'Scope 1 - Direct (Flaring, Combustion)', value: sustainability.scope1 },\n            { label: 'Scope 2 - Energy Indirect', value: sustainability.scope2 },\n            { label: 'Scope 3 - Value Chain', value: sustainability.scope3 },\n          ].map((s) => {\n            const pct = ((s.value / totalEmissions) * 100).toFixed(1);\n            return (\n              <div key={s.label}>\n                <div className=\"mb-1 flex justify-between text-sm\">\n                  <span>{s.label}</span>\n                  <span className=\"font-medium\">\n                    {(s.value / 1000).toFixed(0)}K MT ({pct}%)\n                  </span>\n                </div>\n                <div className=\"h-3 w-full rounded-full bg-muted\">\n                  <div className=\"h-3 rounded-full bg-green-500\" style={{ width: `${pct}%` }} />\n                </div>\n              </div>\n            );\n          })}\n        </CardContent>\n      </Card>\n      <div className=\"grid gap-4 md:grid-cols-2\">\n        {goals.map((g) => (\n          <Card key={g.title}>\n            <CardContent className=\"pt-6\">\n              <div className=\"mb-3 flex items-start justify-between\">\n                <div>\n                  <h4 className=\"font-semibold\">{g.title}</h4>\n                  <p className=\"text-sm text-muted-foreground\">Target: {g.target}</p>\n                </div>\n                <Badge\n                  variant=\"outline\"\n                  className={cn(\n                    g.status === 'on-track' && 'text-blue-600',\n                    g.status === 'ahead' && 'text-green-600',\n                    g.status === 'at-risk' && 'text-orange-600'\n                  )}\n                >\n                  {g.status.replace('-', ' ')}\n                </Badge>\n              </div>\n              <div className=\"mb-1 flex justify-between text-sm\">\n                <span className=\"text-muted-foreground\">Progress</span>\n                <span className=\"font-medium\">{g.progress}%</span>\n              </div>\n              <div className=\"h-2 w-full rounded-full bg-muted\">\n                <div\n                  className={cn(\n                    'h-2 rounded-full',\n                    g.status === 'ahead' && 'bg-green-500',\n                    g.status === 'on-track' && 'bg-blue-500',\n                    g.status === 'at-risk' && 'bg-orange-500'\n                  )}\n                  style={{ width: `${g.progress}%` }}\n                />\n              </div>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n      <div className=\"grid gap-4 lg:grid-cols-2\">\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2\">\n              <Droplets className=\"h-5 w-5 text-blue-500\" />\n              Water\n            </CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {[\n              {\n                l: 'Total Consumption',\n                v: `${(sustainability.waterConsumptionM3 / 1e6).toFixed(1)}M m3`,\n              },\n              { l: 'Produced Water Recycled', v: '68%' },\n              { l: 'Water Intensity', v: '1.2 m3/bbl' },\n            ].map((r) => (\n              <div key={r.l} className=\"flex justify-between\">\n                <span className=\"text-sm\">{r.l}</span>\n                <span className=\"text-sm font-medium\">{r.v}</span>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2\">\n              <Recycle className=\"h-5 w-5 text-orange-500\" />\n              Waste\n            </CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {[\n              { l: 'Total Waste', v: '12,400 MT' },\n              { l: 'Recycling Rate', v: `${sustainability.wasteRecycledPct}%` },\n              { l: 'Hazardous', v: '850 MT (-12.3%)' },\n            ].map((r) => (\n              <div key={r.l} className=\"flex justify-between\">\n                <span className=\"text-sm\">{r.l}</span>\n                <span className=\"text-sm font-medium\">{r.v}</span>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/theglobalfuel/pages/TrainingPage.d.ts

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

package/dist/theglobalfuel/pages/TrainingPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrainingPage.d.ts","sourceRoot":"","sources":["../../../src/theglobalfuel/pages/TrainingPage.tsx"],"names":[],"mappings":"AAeA,wBAAgB,YAAY,4CA0L3B"}

package/dist/theglobalfuel/pages/TrainingPage.js

@@ -0,0 +1,253 @@
+import { useTheGlobalFuelStore as e } from "../store/theglobalfuelStore.js";
+import { Award as t, BookOpen as n, Clock as r, GraduationCap as i, TrendingUp as a, Users 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/TrainingPage.tsx
+function y() {
+	let { training: y } = e(), b = (y.reduce((e, t) => e + t.completionRate, 0) / y.length).toFixed(0), x = y.reduce((e, t) => e + t.enrolled, 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(i, { className: "h-7 w-7 text-purple-600" }), "Training & Development"]
+				}), /* @__PURE__ */ s("p", {
+					className: "mt-1 text-sm text-muted-foreground",
+					children: "H2S safety, pipeline integrity, refinery operations, and compliance training"
+				})] }), /* @__PURE__ */ c(u, { children: [/* @__PURE__ */ s(n, { className: "mr-2 h-4 w-4" }), "Create Course"] })]
+			}),
+			/* @__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: "Active Trainees"
+						}), /* @__PURE__ */ s(o, { className: "h-4 w-4 text-blue-600" })]
+					}), /* @__PURE__ */ c(f, { children: [/* @__PURE__ */ s("div", {
+						className: "text-2xl font-bold",
+						children: x
+					}), /* @__PURE__ */ c("p", {
+						className: "text-xs text-muted-foreground",
+						children: [
+							"Across ",
+							y.length,
+							" programs"
+						]
+					})] })] }),
+					/* @__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: "Completion Rate"
+						}), /* @__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, "%"]
+					}), /* @__PURE__ */ s("p", {
+						className: "text-xs text-muted-foreground",
+						children: "+3.2% from last quarter"
+					})] })] }),
+					/* @__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: "Programs"
+						}), /* @__PURE__ */ s(n, { className: "h-4 w-4 text-purple-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: [y.filter((e) => e.level === "required").length, " required"]
+					})] })] }),
+					/* @__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: "Certified Staff"
+						}), /* @__PURE__ */ s(t, { className: "h-4 w-4 text-yellow-600" })]
+					}), /* @__PURE__ */ c(f, { children: [/* @__PURE__ */ s("div", {
+						className: "text-2xl font-bold",
+						children: "342"
+					}), /* @__PURE__ */ s("p", {
+						className: "text-xs text-muted-foreground",
+						children: "89% of workforce"
+					})] })] })
+				]
+			}),
+			/* @__PURE__ */ c(h, {
+				defaultValue: "courses",
+				children: [
+					/* @__PURE__ */ c(_, { children: [/* @__PURE__ */ s(v, {
+						value: "courses",
+						children: "Courses"
+					}), /* @__PURE__ */ s(v, {
+						value: "certs",
+						children: "Certifications"
+					})] }),
+					/* @__PURE__ */ s(g, {
+						value: "courses",
+						className: "mt-4",
+						children: /* @__PURE__ */ c(d, { children: [/* @__PURE__ */ s(p, { children: /* @__PURE__ */ s(m, { children: "Training Programs" }) }), /* @__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", { children: [/* @__PURE__ */ c("div", {
+											className: "mb-1 flex items-center gap-2",
+											children: [/* @__PURE__ */ s(n, { className: "h-5 w-5 text-purple-600" }), /* @__PURE__ */ s("h4", {
+												className: "font-semibold",
+												children: e.title
+											})]
+										}), /* @__PURE__ */ c("div", {
+											className: "flex gap-2",
+											children: [/* @__PURE__ */ s(l, {
+												variant: "outline",
+												children: e.category
+											}), /* @__PURE__ */ s(l, {
+												variant: "outline",
+												className: e.level === "required" ? "text-red-600" : "text-blue-600",
+												children: e.level
+											})]
+										})] })
+									}),
+									/* @__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: "Duration"
+											}), /* @__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.duration
+												})]
+											})] }),
+											/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("span", {
+												className: "text-xs text-muted-foreground",
+												children: "Instructor"
+											}), /* @__PURE__ */ s("p", {
+												className: "text-sm font-medium",
+												children: e.instructor
+											})] }),
+											/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("span", {
+												className: "text-xs text-muted-foreground",
+												children: "Enrolled"
+											}), /* @__PURE__ */ s("p", {
+												className: "text-sm font-medium",
+												children: e.enrolled
+											})] }),
+											/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("span", {
+												className: "text-xs text-muted-foreground",
+												children: "Completed"
+											}), /* @__PURE__ */ s("p", {
+												className: "text-sm font-medium",
+												children: e.completed
+											})] })
+										]
+									}),
+									/* @__PURE__ */ c("div", {
+										className: "space-y-1",
+										children: [/* @__PURE__ */ c("div", {
+											className: "flex justify-between text-sm",
+											children: [/* @__PURE__ */ s("span", {
+												className: "text-muted-foreground",
+												children: "Completion"
+											}), /* @__PURE__ */ c("span", {
+												className: "font-medium",
+												children: [e.completionRate, "%"]
+											})]
+										}), /* @__PURE__ */ s("div", {
+											className: "h-2 w-full rounded-full bg-muted",
+											children: /* @__PURE__ */ s("div", {
+												className: "h-2 rounded-full bg-purple-500",
+												style: { width: `${e.completionRate}%` }
+											})
+										})]
+									})
+								]
+							}, e.id))
+						})] })
+					}),
+					/* @__PURE__ */ s(g, {
+						value: "certs",
+						className: "mt-4",
+						children: /* @__PURE__ */ c(d, { children: [/* @__PURE__ */ s(p, { children: /* @__PURE__ */ s(m, { children: "Professional Certifications" }) }), /* @__PURE__ */ s(f, {
+							className: "space-y-3",
+							children: [
+								{
+									name: "H2S Alive (ENFORM)",
+									issuer: "Energy Safety Canada",
+									holders: 142,
+									expiring: 8
+								},
+								{
+									name: "Process Safety Mgmt (PSM)",
+									issuer: "OSHA",
+									holders: 89,
+									expiring: 3
+								},
+								{
+									name: "Pipeline Operator Qualification",
+									issuer: "DOT/OQ",
+									holders: 45,
+									expiring: 5
+								},
+								{
+									name: "Confined Space Entry",
+									issuer: "OSHA 29 CFR",
+									holders: 156,
+									expiring: 12
+								}
+							].map((e) => /* @__PURE__ */ c("div", {
+								className: "rounded-lg border p-4",
+								children: [/* @__PURE__ */ c("div", {
+									className: "mb-2 flex items-start gap-3",
+									children: [/* @__PURE__ */ s(t, { className: "h-6 w-6 text-yellow-600" }), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("h4", {
+										className: "font-semibold",
+										children: e.name
+									}), /* @__PURE__ */ c("p", {
+										className: "text-sm text-muted-foreground",
+										children: ["Issued by: ", e.issuer]
+									})] })]
+								}), /* @__PURE__ */ c("div", {
+									className: "grid grid-cols-2 gap-3",
+									children: [/* @__PURE__ */ c("div", {
+										className: "rounded bg-muted p-2",
+										children: [/* @__PURE__ */ s("span", {
+											className: "text-xs text-muted-foreground",
+											children: "Holders"
+										}), /* @__PURE__ */ s("p", {
+											className: "text-lg font-bold text-green-600",
+											children: e.holders
+										})]
+									}), /* @__PURE__ */ c("div", {
+										className: `rounded p-2 ${e.expiring > 5 ? "bg-orange-50" : "bg-muted"}`,
+										children: [/* @__PURE__ */ s("span", {
+											className: "text-xs text-muted-foreground",
+											children: "Expiring (90d)"
+										}), /* @__PURE__ */ s("p", {
+											className: `text-lg font-bold ${e.expiring > 5 ? "text-orange-600" : ""}`,
+											children: e.expiring
+										})]
+									})]
+								})]
+							}, e.name))
+						})] })
+					})
+				]
+			})
+		]
+	});
+}
+//#endregion
+export { y as TrainingPage };
+
+//# sourceMappingURL=TrainingPage.js.map

package/dist/theglobalfuel/pages/TrainingPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrainingPage.js","names":[],"sources":["../../../src/theglobalfuel/pages/TrainingPage.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 { GraduationCap, BookOpen, Award, Users, TrendingUp, Clock } from 'lucide-react';\nimport { useTheGlobalFuelStore } from '../store/theglobalfuelStore';\n\nexport function TrainingPage() {\n  const { training } = useTheGlobalFuelStore();\n  const avgCompletion = (\n    training.reduce((a, t) => a + t.completionRate, 0) / training.length\n  ).toFixed(0);\n  const totalEnrolled = training.reduce((a, t) => a + t.enrolled, 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            <GraduationCap className=\"h-7 w-7 text-purple-600\" />\n            Training &amp; Development\n          </h1>\n          <p className=\"mt-1 text-sm text-muted-foreground\">\n            H2S safety, pipeline integrity, refinery operations, and compliance training\n          </p>\n        </div>\n        <Button>\n          <BookOpen className=\"mr-2 h-4 w-4\" />\n          Create Course\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\">Active Trainees</CardTitle>\n            <Users className=\"h-4 w-4 text-blue-600\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{totalEnrolled}</div>\n            <p className=\"text-xs text-muted-foreground\">Across {training.length} programs</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\">Completion Rate</CardTitle>\n            <TrendingUp className=\"h-4 w-4 text-green-600\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{avgCompletion}%</div>\n            <p className=\"text-xs text-muted-foreground\">+3.2% from last quarter</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\">Programs</CardTitle>\n            <BookOpen className=\"h-4 w-4 text-purple-600\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">{training.length}</div>\n            <p className=\"text-xs text-muted-foreground\">\n              {training.filter((t) => t.level === 'required').length} required\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\">Certified Staff</CardTitle>\n            <Award className=\"h-4 w-4 text-yellow-600\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold\">342</div>\n            <p className=\"text-xs text-muted-foreground\">89% of workforce</p>\n          </CardContent>\n        </Card>\n      </div>\n      <Tabs defaultValue=\"courses\">\n        <TabsList>\n          <TabsTrigger value=\"courses\">Courses</TabsTrigger>\n          <TabsTrigger value=\"certs\">Certifications</TabsTrigger>\n        </TabsList>\n        <TabsContent value=\"courses\" className=\"mt-4\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Training Programs</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              {training.map((course) => (\n                <div key={course.id} className=\"rounded-lg border p-4\">\n                  <div className=\"mb-3 flex items-start justify-between\">\n                    <div>\n                      <div className=\"mb-1 flex items-center gap-2\">\n                        <BookOpen className=\"h-5 w-5 text-purple-600\" />\n                        <h4 className=\"font-semibold\">{course.title}</h4>\n                      </div>\n                      <div className=\"flex gap-2\">\n                        <Badge variant=\"outline\">{course.category}</Badge>\n                        <Badge\n                          variant=\"outline\"\n                          className={course.level === 'required' ? 'text-red-600' : 'text-blue-600'}\n                        >\n                          {course.level}\n                        </Badge>\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\">Duration</span>\n                      <div className=\"flex items-center gap-1\">\n                        <Clock className=\"h-3 w-3\" />\n                        <p className=\"text-sm font-medium\">{course.duration}</p>\n                      </div>\n                    </div>\n                    <div>\n                      <span className=\"text-xs text-muted-foreground\">Instructor</span>\n                      <p className=\"text-sm font-medium\">{course.instructor}</p>\n                    </div>\n                    <div>\n                      <span className=\"text-xs text-muted-foreground\">Enrolled</span>\n                      <p className=\"text-sm font-medium\">{course.enrolled}</p>\n                    </div>\n                    <div>\n                      <span className=\"text-xs text-muted-foreground\">Completed</span>\n                      <p className=\"text-sm font-medium\">{course.completed}</p>\n                    </div>\n                  </div>\n                  <div className=\"space-y-1\">\n                    <div className=\"flex justify-between text-sm\">\n                      <span className=\"text-muted-foreground\">Completion</span>\n                      <span className=\"font-medium\">{course.completionRate}%</span>\n                    </div>\n                    <div className=\"h-2 w-full rounded-full bg-muted\">\n                      <div\n                        className=\"h-2 rounded-full bg-purple-500\"\n                        style={{ width: `${course.completionRate}%` }}\n                      />\n                    </div>\n                  </div>\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n        </TabsContent>\n        <TabsContent value=\"certs\" className=\"mt-4\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Professional Certifications</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {[\n                {\n                  name: 'H2S Alive (ENFORM)',\n                  issuer: 'Energy Safety Canada',\n                  holders: 142,\n                  expiring: 8,\n                },\n                { name: 'Process Safety Mgmt (PSM)', issuer: 'OSHA', holders: 89, expiring: 3 },\n                {\n                  name: 'Pipeline Operator Qualification',\n                  issuer: 'DOT/OQ',\n                  holders: 45,\n                  expiring: 5,\n                },\n                { name: 'Confined Space Entry', issuer: 'OSHA 29 CFR', holders: 156, expiring: 12 },\n              ].map((c) => (\n                <div key={c.name} className=\"rounded-lg border p-4\">\n                  <div className=\"mb-2 flex items-start gap-3\">\n                    <Award className=\"h-6 w-6 text-yellow-600\" />\n                    <div>\n                      <h4 className=\"font-semibold\">{c.name}</h4>\n                      <p className=\"text-sm text-muted-foreground\">Issued by: {c.issuer}</p>\n                    </div>\n                  </div>\n                  <div className=\"grid grid-cols-2 gap-3\">\n                    <div className=\"rounded bg-muted p-2\">\n                      <span className=\"text-xs text-muted-foreground\">Holders</span>\n                      <p className=\"text-lg font-bold text-green-600\">{c.holders}</p>\n                    </div>\n                    <div className={`rounded p-2 ${c.expiring > 5 ? 'bg-orange-50' : 'bg-muted'}`}>\n                      <span className=\"text-xs text-muted-foreground\">Expiring (90d)</span>\n                      <p className={`text-lg font-bold ${c.expiring > 5 ? 'text-orange-600' : ''}`}>\n                        {c.expiring}\n                      </p>\n                    </div>\n                  </div>\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n        </TabsContent>\n      </Tabs>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/theglobalfuel/providers/TheGlobalFuelProvider.d.ts

@@ -0,0 +1,6 @@
+import { FC, PropsWithChildren } from 'react';
+import { TheGlobalFuelRootProps } from '../types';
+
+export declare const useTheGlobalFuel: () => TheGlobalFuelRootProps;
+export declare const TheGlobalFuelProvider: FC<PropsWithChildren<TheGlobalFuelRootProps>>;
+//# sourceMappingURL=TheGlobalFuelProvider.d.ts.map

package/dist/theglobalfuel/providers/TheGlobalFuelProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TheGlobalFuelProvider.d.ts","sourceRoot":"","sources":["../../../src/theglobalfuel/providers/TheGlobalFuelProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAMvD,eAAO,MAAM,gBAAgB,8BAI5B,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,EAAE,CAAC,iBAAiB,CAAC,sBAAsB,CAAC,CAsB/E,CAAC"}

package/dist/theglobalfuel/providers/TheGlobalFuelProvider.js

@@ -0,0 +1,27 @@
+import { createContext as e, useContext as t, useMemo as n } from "react";
+import { MemoryRouter as r } from "react-router-dom";
+import { QueryClient as i, QueryClientProvider as a } from "@tanstack/react-query";
+import { jsx as o } from "react/jsx-runtime";
+//#region src/theglobalfuel/providers/TheGlobalFuelProvider.tsx
+var s = e(null), c = () => {
+	let e = t(s);
+	if (!e) throw Error("useTheGlobalFuel must be used within TheGlobalFuelProvider");
+	return e;
+}, l = ({ children: e, ...t }) => {
+	let c = /* @__PURE__ */ o(a, {
+		client: n(() => new i({ defaultOptions: { queries: {
+			retry: 1,
+			refetchOnWindowFocus: !1,
+			staleTime: 300 * 1e3
+		} } }), []),
+		children: /* @__PURE__ */ o(s.Provider, {
+			value: t,
+			children: e
+		})
+	});
+	return t.basePath ? c : /* @__PURE__ */ o(r, { children: c });
+};
+//#endregion
+export { l as TheGlobalFuelProvider, c as useTheGlobalFuel };
+
+//# sourceMappingURL=TheGlobalFuelProvider.js.map

package/dist/theglobalfuel/providers/TheGlobalFuelProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TheGlobalFuelProvider.js","names":[],"sources":["../../../src/theglobalfuel/providers/TheGlobalFuelProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from 'react';\nimport { createContext, useContext, useMemo } from 'react';\nimport { MemoryRouter } from 'react-router-dom';\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query';\nimport type { TheGlobalFuelRootProps } from '../types';\n\ntype TheGlobalFuelContextValue = TheGlobalFuelRootProps;\n\nconst TheGlobalFuelContext = createContext<TheGlobalFuelContextValue | null>(null);\n\nexport const useTheGlobalFuel = () => {\n  const context = useContext(TheGlobalFuelContext);\n  if (!context) throw new Error('useTheGlobalFuel must be used within TheGlobalFuelProvider');\n  return context;\n};\n\nexport const TheGlobalFuelProvider: FC<PropsWithChildren<TheGlobalFuelRootProps>> = ({\n  children,\n  ...props\n}) => {\n  const queryClient = useMemo(\n    () =>\n      new QueryClient({\n        defaultOptions: {\n          queries: { retry: 1, refetchOnWindowFocus: false, staleTime: 5 * 60 * 1000 },\n        },\n      }),\n    []\n  );\n\n  const content = (\n    <QueryClientProvider client={queryClient}>\n      <TheGlobalFuelContext.Provider value={props}>{children}</TheGlobalFuelContext.Provider>\n    </QueryClientProvider>\n  );\n\n  if (props.basePath) return content;\n  return <MemoryRouter>{content}</MemoryRouter>;\n};\n"],"mappings":";;;;;AAQA,IAAM,IAAuB,EAAgD,KAAK,EAErE,UAAyB;CACpC,IAAM,IAAU,EAAW,EAAqB;AAChD,KAAI,CAAC,EAAS,OAAU,MAAM,6DAA6D;AAC3F,QAAO;GAGI,KAAwE,EACnF,aACA,GAAG,QACC;CAWJ,IAAM,IACJ,kBAAC,GAAD;EAAqB,QAXH,QAEhB,IAAI,EAAY,EACd,gBAAgB,EACd,SAAS;GAAE,OAAO;GAAG,sBAAsB;GAAO,WAAW,MAAS;GAAM,EAC7E,EACF,CAAC,EACJ,EAAE,CACH;YAIG,kBAAC,EAAqB,UAAtB;GAA+B,OAAO;GAAQ;GAAyC,CAAA;EACnE,CAAA;AAIxB,QADI,EAAM,WAAiB,IACpB,kBAAC,GAAD,EAAA,UAAe,GAAuB,CAAA"}