@burdenoff/microfe-assethandler 2026.703.2 → 2026.703.3

package/dist/assethandler/pages/DigitalTwinPage.js

@@ -1,10 +1,10 @@
 import { Box as e } from "lucide-react";
-import { GlassCard as t, GradientText as n, IllustratedEmptyState as r, PagePurpose as i } from "@burdenoff/fe-libs/ui";
-import { jsx as a, jsxs as o } from "react/jsx-runtime";
-import { gql as s } from "@apollo/client";
-import { useQuery as c } from "@apollo/client/react";
+import { gql as t } from "@apollo/client";
+import { useQuery as n } from "@apollo/client/react";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+import { GlassCard as a, GradientText as o, IllustratedEmptyState as s, PagePurpose as c } from "@burdenoff/fe-libs/ui";
 //#region src/assethandler/pages/DigitalTwinPage.tsx
-var l = s`
+var l = t`
   query AssetHandlerDigitalTwins {
     digitalTwins {
       id
@@ -17,49 +17,49 @@ var l = s`
   }
 `;
 function u() {
-	let { data: s, loading: u } = c(l, { fetchPolicy: "cache-and-network" }), d = s?.digitalTwins ?? [];
-	return /* @__PURE__ */ o("div", {
+	let { data: t, loading: u } = n(l, { fetchPolicy: "cache-and-network" }), d = t?.digitalTwins ?? [];
+	return /* @__PURE__ */ i("div", {
 		className: "space-y-4 p-4",
 		children: [
-			/* @__PURE__ */ o("h1", {
+			/* @__PURE__ */ i("h1", {
 				className: "flex items-center gap-2 text-2xl font-semibold",
 				children: [
-					/* @__PURE__ */ a(e, { className: "h-6 w-6" }),
+					/* @__PURE__ */ r(e, { className: "h-6 w-6" }),
 					" ",
-					/* @__PURE__ */ a(n, { children: "Digital Twin" })
+					/* @__PURE__ */ r(o, { children: "Digital Twin" })
 				]
 			}),
-			/* @__PURE__ */ a(i, { children: "A live virtual replica of your most critical assets. Use digital twins to simulate what-if scenarios, validate maintenance changes, and visualise condition without touching the physical equipment — so you can de-risk decisions on high-value or hard-to-access assets." }),
-			/* @__PURE__ */ o("div", {
+			/* @__PURE__ */ r(c, { children: "A live virtual replica of your most critical assets. Use digital twins to simulate what-if scenarios, validate maintenance changes, and visualise condition without touching the physical equipment — so you can de-risk decisions on high-value or hard-to-access assets." }),
+			/* @__PURE__ */ i("div", {
 				className: "grid gap-3 md:grid-cols-2",
 				children: [
-					u && d.length === 0 ? /* @__PURE__ */ a("div", {
+					u && d.length === 0 ? /* @__PURE__ */ r("div", {
 						className: "space-y-2 px-4 py-4",
-						children: Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ a("div", { className: "h-8 rounded-md bg-bg-sunken motion-safe:animate-vc-shimmer" }, t))
+						children: Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ r("div", { className: "h-8 rounded-md bg-bg-sunken motion-safe:animate-vc-shimmer" }, t))
 					}) : null,
-					!u && d.length === 0 ? /* @__PURE__ */ a(r, {
+					!u && d.length === 0 ? /* @__PURE__ */ r(s, {
 						illustration: "empty-data",
 						title: "No digital twins found",
 						description: "Digital twins of your assets will appear here."
 					}) : null,
-					d.map((e, n) => /* @__PURE__ */ o(t, {
-						treatment: n === 0 ? "glass" : "plain",
-						glow: n === 0,
+					d.map((e, t) => /* @__PURE__ */ i(a, {
+						treatment: t === 0 ? "glass" : "plain",
+						glow: t === 0,
 						className: "p-4 border-border-seam",
 						children: [
-							/* @__PURE__ */ o("p", {
+							/* @__PURE__ */ i("p", {
 								className: "text-xs uppercase tracking-wide text-text-secondary",
 								children: ["Asset ", e.assetId]
 							}),
-							/* @__PURE__ */ a("h2", {
+							/* @__PURE__ */ r("h2", {
 								className: "mt-1 text-base font-semibold",
 								children: e.modelRef
 							}),
-							/* @__PURE__ */ o("p", {
+							/* @__PURE__ */ i("p", {
 								className: "mt-1 text-sm text-text-secondary",
 								children: ["Fidelity: ", e.fidelityLevel]
 							}),
-							/* @__PURE__ */ o("p", {
+							/* @__PURE__ */ i("p", {
 								className: "mt-1 text-sm text-text-secondary",
 								children: ["Geometry: ", e.geometryRef ?? "Not linked"]
 							})

package/dist/assethandler/pages/DiscoveryJobsPage.js

@@ -1,11 +1,11 @@
 import { useState as e } from "react";
 import { Radar as t } from "lucide-react";
-import { EmphasisPanel as n, GradientText as r, IllustratedEmptyState as i, PagePurpose as a } from "@burdenoff/fe-libs/ui";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { gql as c } from "@apollo/client";
-import { useMutation as l, useQuery as u } from "@apollo/client/react";
+import { gql as n } from "@apollo/client";
+import { useMutation as r, useQuery as i } from "@apollo/client/react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { EmphasisPanel as s, GradientText as c, IllustratedEmptyState as l, PagePurpose as u } from "@burdenoff/fe-libs/ui";
 //#region src/assethandler/pages/DiscoveryJobsPage.tsx
-var d = c`
+var d = n`
   query AssetHandlerDiscoveryJobs {
     discoveryJobs {
       id
@@ -17,7 +17,7 @@ var d = c`
       completedAt
     }
   }
-`, f = c`
+`, f = n`
   mutation AssetHandlerStartDiscoveryJob($input: StartDiscoveryJobInput!) {
     startDiscoveryJob(input: $input) {
       id
@@ -25,46 +25,46 @@ var d = c`
   }
 `;
 function p() {
-	let [c, p] = e("Nightly Datacenter Scan"), [m, h] = e("aws-ap-south-1"), { data: g, loading: _, refetch: v } = u(d, { fetchPolicy: "cache-and-network" }), [y, { loading: b }] = l(f, { onCompleted: () => {
+	let [n, p] = e("Nightly Datacenter Scan"), [m, h] = e("aws-ap-south-1"), { data: g, loading: _, refetch: v } = i(d, { fetchPolicy: "cache-and-network" }), [y, { loading: b }] = r(f, { onCompleted: () => {
 		v();
 	} }), x = g?.discoveryJobs ?? [];
-	return /* @__PURE__ */ s("div", {
+	return /* @__PURE__ */ o("div", {
 		className: "space-y-4 p-4",
 		children: [
-			/* @__PURE__ */ s("h1", {
+			/* @__PURE__ */ o("h1", {
 				className: "flex items-center gap-2 text-2xl font-semibold",
 				children: [
-					/* @__PURE__ */ o(t, { className: "h-6 w-6" }),
+					/* @__PURE__ */ a(t, { className: "h-6 w-6" }),
 					" ",
-					/* @__PURE__ */ o(r, { children: "Discovery Jobs" })
+					/* @__PURE__ */ a(c, { children: "Discovery Jobs" })
 				]
 			}),
-			/* @__PURE__ */ o(a, { children: "Automatically find assets across your cloud and on-prem environments instead of entering them by hand. Point a discovery job at a source (e.g. an AWS region) and it scans for new or changed assets and feeds them into your inventory — keeping the estate complete and up to date." }),
-			/* @__PURE__ */ s(n, { children: [/* @__PURE__ */ o("h2", {
+			/* @__PURE__ */ a(u, { children: "Automatically find assets across your cloud and on-prem environments instead of entering them by hand. Point a discovery job at a source (e.g. an AWS region) and it scans for new or changed assets and feeds them into your inventory — keeping the estate complete and up to date." }),
+			/* @__PURE__ */ o(s, { children: [/* @__PURE__ */ a("h2", {
 				className: "text-sm font-semibold mb-3",
 				children: "Start a discovery scan"
-			}), /* @__PURE__ */ s("form", {
+			}), /* @__PURE__ */ o("form", {
 				className: "grid gap-3 md:grid-cols-3",
 				onSubmit: (e) => {
 					e.preventDefault(), y({ variables: { input: {
-						name: c,
+						name: n,
 						source: m
 					} } });
 				},
 				children: [
-					/* @__PURE__ */ o("input", {
+					/* @__PURE__ */ a("input", {
 						className: "rounded-md border px-3 py-2",
-						value: c,
+						value: n,
 						onChange: (e) => p(e.target.value),
 						placeholder: "Job name"
 					}),
-					/* @__PURE__ */ o("input", {
+					/* @__PURE__ */ a("input", {
 						className: "rounded-md border px-3 py-2",
 						value: m,
 						onChange: (e) => h(e.target.value),
 						placeholder: "Discovery source"
 					}),
-					/* @__PURE__ */ o("button", {
+					/* @__PURE__ */ a("button", {
 						className: "rounded-md bg-action-primary-bg px-3 py-2 text-action-primary-text",
 						disabled: b,
 						type: "submit",
@@ -72,39 +72,39 @@ function p() {
 					})
 				]
 			})] }),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ o("div", {
 				className: "rounded-lg border",
 				children: [
-					/* @__PURE__ */ s("div", {
+					/* @__PURE__ */ o("div", {
 						className: "grid grid-cols-5 gap-3 border-b px-4 py-3 text-xs font-semibold uppercase tracking-wide text-text-secondary",
 						children: [
-							/* @__PURE__ */ o("span", { children: "Name" }),
-							/* @__PURE__ */ o("span", { children: "Source" }),
-							/* @__PURE__ */ o("span", { children: "Status" }),
-							/* @__PURE__ */ o("span", { children: "Discovered" }),
-							/* @__PURE__ */ o("span", { children: "Started" })
+							/* @__PURE__ */ a("span", { children: "Name" }),
+							/* @__PURE__ */ a("span", { children: "Source" }),
+							/* @__PURE__ */ a("span", { children: "Status" }),
+							/* @__PURE__ */ a("span", { children: "Discovered" }),
+							/* @__PURE__ */ a("span", { children: "Started" })
 						]
 					}),
-					_ && x.length === 0 ? /* @__PURE__ */ o("div", {
+					_ && x.length === 0 ? /* @__PURE__ */ a("div", {
 						className: "space-y-2 px-4 py-4",
-						children: Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ o("div", { className: "h-8 rounded-md bg-bg-sunken motion-safe:animate-vc-shimmer" }, t))
+						children: Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ a("div", { className: "h-8 rounded-md bg-bg-sunken motion-safe:animate-vc-shimmer" }, t))
 					}) : null,
-					!_ && x.length === 0 ? /* @__PURE__ */ o(i, {
+					!_ && x.length === 0 ? /* @__PURE__ */ a(l, {
 						illustration: "empty-data",
 						title: "No discovery jobs found",
 						description: "Run a discovery job to populate this list."
 					}) : null,
-					x.map((e) => /* @__PURE__ */ s("div", {
+					x.map((e) => /* @__PURE__ */ o("div", {
 						className: "grid grid-cols-5 gap-3 border-b px-4 py-3 text-sm last:border-b-0",
 						children: [
-							/* @__PURE__ */ o("span", {
+							/* @__PURE__ */ a("span", {
 								className: "font-medium",
 								children: e.name
 							}),
-							/* @__PURE__ */ o("span", { children: e.source }),
-							/* @__PURE__ */ o("span", { children: e.status }),
-							/* @__PURE__ */ o("span", { children: e.assetsDiscovered }),
-							/* @__PURE__ */ o("span", {
+							/* @__PURE__ */ a("span", { children: e.source }),
+							/* @__PURE__ */ a("span", { children: e.status }),
+							/* @__PURE__ */ a("span", { children: e.assetsDiscovered }),
+							/* @__PURE__ */ a("span", {
 								className: "text-text-secondary",
 								children: e.startedAt ? new Date(e.startedAt).toLocaleString() : "n/a"
 							})

package/dist/assethandler/pages/EsgDashboardPage.js

@@ -1,11 +1,11 @@
 import { useState as e } from "react";
 import { Leaf as t } from "lucide-react";
-import { EmphasisPanel as n, GradientText as r, IllustratedEmptyState as i, PagePurpose as a } from "@burdenoff/fe-libs/ui";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { gql as c } from "@apollo/client";
-import { useMutation as l, useQuery as u } from "@apollo/client/react";
+import { gql as n } from "@apollo/client";
+import { useMutation as r, useQuery as i } from "@apollo/client/react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { EmphasisPanel as s, GradientText as c, IllustratedEmptyState as l, PagePurpose as u } from "@burdenoff/fe-libs/ui";
 //#region src/assethandler/pages/EsgDashboardPage.tsx
-var d = c`
+var d = n`
   query AssetHandlerEsgMetrics {
     esgMetrics {
       id
@@ -20,7 +20,7 @@ var d = c`
       periodEnd
     }
   }
-`, f = c`
+`, f = n`
   mutation AssetHandlerUpsertEsgMetric($input: UpsertEsgMetricInput!) {
     upsertEsgMetric(input: $input) {
       id
@@ -28,53 +28,53 @@ var d = c`
   }
 `;
 function p() {
-	let [c, p] = e("42.5"), { data: m, loading: h, refetch: g } = u(d, { fetchPolicy: "cache-and-network" }), [_, { loading: v }] = l(f, { onCompleted: () => {
+	let [n, p] = e("42.5"), { data: m, loading: h, refetch: g } = i(d, { fetchPolicy: "cache-and-network" }), [_, { loading: v }] = r(f, { onCompleted: () => {
 		g();
 	} }), y = m?.esgMetrics ?? [];
-	return /* @__PURE__ */ s("div", {
+	return /* @__PURE__ */ o("div", {
 		className: "space-y-4 p-4",
 		children: [
-			/* @__PURE__ */ s("h1", {
+			/* @__PURE__ */ o("h1", {
 				className: "flex items-center gap-2 text-2xl font-semibold",
 				children: [
-					/* @__PURE__ */ o(t, { className: "h-6 w-6" }),
+					/* @__PURE__ */ a(t, { className: "h-6 w-6" }),
 					" ",
-					/* @__PURE__ */ o(r, { children: "ESG Dashboard" })
+					/* @__PURE__ */ a(c, { children: "ESG Dashboard" })
 				]
 			}),
-			/* @__PURE__ */ o(a, { children: "Measure the environmental and governance impact of your asset estate against targets — energy use, carbon emissions, responsible disposal. Record metrics here to track progress toward sustainability goals and produce the evidence ESG reporting and audits require." }),
-			/* @__PURE__ */ s(n, { children: [/* @__PURE__ */ o("h2", {
+			/* @__PURE__ */ a(u, { children: "Measure the environmental and governance impact of your asset estate against targets — energy use, carbon emissions, responsible disposal. Record metrics here to track progress toward sustainability goals and produce the evidence ESG reporting and audits require." }),
+			/* @__PURE__ */ o(s, { children: [/* @__PURE__ */ a("h2", {
 				className: "text-sm font-semibold mb-3",
 				children: "Record an ESG metric"
-			}), /* @__PURE__ */ s("form", {
+			}), /* @__PURE__ */ o("form", {
 				className: "grid gap-3 md:grid-cols-4",
 				onSubmit: (e) => {
 					e.preventDefault();
-					let t = new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1).toISOString(), n = (/* @__PURE__ */ new Date()).toISOString();
+					let t = new Date((/* @__PURE__ */ new Date()).getFullYear(), (/* @__PURE__ */ new Date()).getMonth(), 1).toISOString(), r = (/* @__PURE__ */ new Date()).toISOString();
 					_({ variables: { input: {
 						metricKey: "carbon-footprint-scope2",
 						metricName: "Scope 2 Carbon Emissions",
 						category: "environment",
 						unit: "tCO2e",
-						value: Number(c),
+						value: Number(n),
 						target: 40,
 						trend: "improving",
 						periodStart: t,
-						periodEnd: n
+						periodEnd: r
 					} } });
 				},
 				children: [
-					/* @__PURE__ */ o("input", {
+					/* @__PURE__ */ a("input", {
 						className: "rounded-md border px-3 py-2",
-						value: c,
+						value: n,
 						onChange: (e) => p(e.target.value),
 						"aria-label": "Metric value"
 					}),
-					/* @__PURE__ */ o("div", {
+					/* @__PURE__ */ a("div", {
 						className: "text-sm text-text-secondary md:col-span-2",
 						children: "Metric: Scope 2 Carbon Emissions (monthly)"
 					}),
-					/* @__PURE__ */ o("button", {
+					/* @__PURE__ */ a("button", {
 						className: "rounded-md bg-action-primary-bg px-3 py-2 text-action-primary-text",
 						disabled: v,
 						type: "submit",
@@ -82,45 +82,45 @@ function p() {
 					})
 				]
 			})] }),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ o("div", {
 				className: "grid gap-3 md:grid-cols-2",
 				children: [
-					h && y.length === 0 ? /* @__PURE__ */ o("div", {
+					h && y.length === 0 ? /* @__PURE__ */ a("div", {
 						className: "space-y-2 px-4 py-4",
-						children: Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ o("div", { className: "h-8 rounded-md bg-bg-sunken motion-safe:animate-vc-shimmer" }, t))
+						children: Array.from({ length: 4 }).map((e, t) => /* @__PURE__ */ a("div", { className: "h-8 rounded-md bg-bg-sunken motion-safe:animate-vc-shimmer" }, t))
 					}) : null,
-					!h && y.length === 0 ? /* @__PURE__ */ o(i, {
+					!h && y.length === 0 ? /* @__PURE__ */ a(l, {
 						illustration: "empty-data",
 						title: "No ESG metrics recorded yet",
 						description: "Sustainability and ESG metrics will appear here once recorded."
 					}) : null,
-					y.map((e) => /* @__PURE__ */ s("article", {
+					y.map((e) => /* @__PURE__ */ o("article", {
 						className: "rounded-lg border p-4",
 						children: [
-							/* @__PURE__ */ o("p", {
+							/* @__PURE__ */ a("p", {
 								className: "text-xs uppercase tracking-wide text-text-secondary",
 								children: e.category
 							}),
-							/* @__PURE__ */ o("h2", {
+							/* @__PURE__ */ a("h2", {
 								className: "mt-1 text-base font-semibold",
 								children: e.metricName
 							}),
-							/* @__PURE__ */ s("p", {
+							/* @__PURE__ */ o("p", {
 								className: "mt-2 text-sm",
 								children: [
-									/* @__PURE__ */ o("span", {
+									/* @__PURE__ */ a("span", {
 										className: "font-semibold",
 										children: e.value
 									}),
 									" ",
 									e.unit,
-									e.target === null ? null : /* @__PURE__ */ s("span", {
+									e.target === null ? null : /* @__PURE__ */ o("span", {
 										className: "text-text-secondary",
 										children: [" / target ", e.target]
 									})
 								]
 							}),
-							/* @__PURE__ */ s("p", {
+							/* @__PURE__ */ o("p", {
 								className: "mt-1 text-xs text-text-secondary",
 								children: ["Trend: ", e.trend ?? "stable"]
 							})

package/dist/assethandler/pages/FinanceBudgetDetailPage.js

@@ -1,18 +1,19 @@
 import { useAssetHandlerStore as e } from "../store/assethandlerStore.js";
-import { ArrowLeft as t, Edit as n } from "lucide-react";
-import { useNavigate as r, useParams as i } from "react-router-dom";
-import { Badge as a, Button as o, Card as s, CardContent as c, CardDescription as l, CardHeader as u, CardTitle as d, EmphasisPanel as f, GradientText as p, IllustratedEmptyState as m, PagePurpose as h } from "@burdenoff/fe-libs/ui";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { useAssetHandlerNavigate as t } from "../hooks/useAssetHandlerNavigate.js";
+import { ArrowLeft as n, Edit as r } from "lucide-react";
+import { useParams as i } from "react-router-dom";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Badge as s, Button as c, Card as l, CardContent as u, CardDescription as d, CardHeader as f, CardTitle as p, EmphasisPanel as m, GradientText as h, IllustratedEmptyState as g, PagePurpose as _ } from "@burdenoff/fe-libs/ui";
 //#region src/assethandler/pages/FinanceBudgetDetailPage.tsx
 function v() {
-	let v = r(), { budgetId: y } = i(), { budgets: b, transactions: x } = e(), S = b.find((e) => e.id === y) ?? b[0];
-	if (!S) return /* @__PURE__ */ g("div", {
+	let v = t(), { budgetId: y } = i(), { budgets: b, transactions: x } = e(), S = b.find((e) => e.id === y) ?? b[0];
+	if (!S) return /* @__PURE__ */ a("div", {
 		className: "p-6",
-		children: /* @__PURE__ */ g(m, {
+		children: /* @__PURE__ */ a(g, {
 			illustration: "empty-search",
 			title: "Budget not found",
 			description: "This budget may have been archived or removed. Return to the finance hub to find it.",
-			action: /* @__PURE__ */ g(o, {
+			action: /* @__PURE__ */ a(c, {
 				size: "sm",
 				onClick: () => v("/finance/finance-hub"),
 				children: "Back to finance"
@@ -20,28 +21,28 @@ function v() {
 		})
 	});
 	let C = x.filter((e) => e.category === S.category), w = Math.round(S.spent / S.allocated * 100);
-	return /* @__PURE__ */ _("div", {
+	return /* @__PURE__ */ o("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ o("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ _("div", {
+				children: [/* @__PURE__ */ o("div", {
 					className: "flex items-center gap-4",
-					children: [/* @__PURE__ */ g(o, {
+					children: [/* @__PURE__ */ a(c, {
 						variant: "ghost",
 						size: "icon",
 						onClick: () => v("/finance/finance-hub"),
-						children: /* @__PURE__ */ g(t, { className: "h-4 w-4" })
-					}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ _("div", {
+						children: /* @__PURE__ */ a(n, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ o("div", {
 						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ g("h1", {
+						children: [/* @__PURE__ */ a("h1", {
 							className: "text-2xl font-bold",
-							children: /* @__PURE__ */ g(p, { children: S.name })
-						}), /* @__PURE__ */ g(a, {
+							children: /* @__PURE__ */ a(h, { children: S.name })
+						}), /* @__PURE__ */ a(s, {
 							variant: S.status === "over_budget" ? "destructive" : S.status === "under_budget" ? "secondary" : "default",
 							children: S.status.replace("_", " ")
 						})]
-					}), /* @__PURE__ */ _("p", {
+					}), /* @__PURE__ */ o("p", {
 						className: "text-sm text-text-secondary mt-1",
 						children: [
 							S.department,
@@ -49,66 +50,66 @@ function v() {
 							S.period
 						]
 					})] })]
-				}), /* @__PURE__ */ _(o, {
+				}), /* @__PURE__ */ o(c, {
 					size: "sm",
-					children: [/* @__PURE__ */ g(n, { className: "mr-2 h-4 w-4" }), "Edit Budget"]
+					children: [/* @__PURE__ */ a(r, { className: "mr-2 h-4 w-4" }), "Edit Budget"]
 				})]
 			}),
-			/* @__PURE__ */ g(h, { children: "Drill into a single budget to see exactly how it is being consumed: what was allocated, what has been spent, what remains, and every transaction charged against it. Use it to catch overruns early and decide whether to reallocate, cut spend or top up." }),
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ a(_, { children: "Drill into a single budget to see exactly how it is being consumed: what was allocated, what has been spent, what remains, and every transaction charged against it. Use it to catch overruns early and decide whether to reallocate, cut spend or top up." }),
+			/* @__PURE__ */ o("div", {
 				className: "grid gap-4 md:grid-cols-3",
 				children: [
-					/* @__PURE__ */ g(s, { children: /* @__PURE__ */ _(c, {
+					/* @__PURE__ */ a(l, { children: /* @__PURE__ */ o(u, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ g("p", {
+						children: [/* @__PURE__ */ a("p", {
 							className: "text-sm text-text-secondary",
 							children: "Allocated"
-						}), /* @__PURE__ */ _("p", {
+						}), /* @__PURE__ */ o("p", {
 							className: "text-2xl font-bold tabular-nums",
 							children: ["$", S.allocated.toLocaleString()]
 						})]
 					}) }),
-					/* @__PURE__ */ g(s, { children: /* @__PURE__ */ _(c, {
+					/* @__PURE__ */ a(l, { children: /* @__PURE__ */ o(u, {
 						className: "pt-4",
 						children: [
-							/* @__PURE__ */ g("p", {
+							/* @__PURE__ */ a("p", {
 								className: "text-sm text-text-secondary",
 								children: "Spent"
 							}),
-							/* @__PURE__ */ _("p", {
+							/* @__PURE__ */ o("p", {
 								className: "text-2xl font-bold tabular-nums",
 								children: ["$", S.spent.toLocaleString()]
 							}),
-							/* @__PURE__ */ _("p", {
+							/* @__PURE__ */ o("p", {
 								className: "text-xs text-text-secondary",
 								children: [w, "% utilized"]
 							})
 						]
 					}) }),
-					/* @__PURE__ */ g(s, { children: /* @__PURE__ */ _(c, {
+					/* @__PURE__ */ a(l, { children: /* @__PURE__ */ o(u, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ g("p", {
+						children: [/* @__PURE__ */ a("p", {
 							className: "text-sm text-text-secondary",
 							children: "Remaining"
-						}), /* @__PURE__ */ _("p", {
+						}), /* @__PURE__ */ o("p", {
 							className: `text-2xl font-bold ${S.remaining < 0 ? "text-status-error-text" : "text-status-success-text"}`,
 							children: ["$", S.remaining.toLocaleString()]
 						})]
 					}) })
 				]
 			}),
-			/* @__PURE__ */ _(f, { children: [/* @__PURE__ */ g(u, {
+			/* @__PURE__ */ o(m, { children: [/* @__PURE__ */ a(f, {
 				className: "px-0 pt-0",
-				children: /* @__PURE__ */ g(d, { children: "Budget Utilization" })
-			}), /* @__PURE__ */ _(c, {
+				children: /* @__PURE__ */ a(p, { children: "Budget Utilization" })
+			}), /* @__PURE__ */ o(u, {
 				className: "px-0 pb-0",
-				children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ a("div", {
 					className: "h-4 rounded-full bg-bg-sunken overflow-hidden",
-					children: /* @__PURE__ */ g("div", {
+					children: /* @__PURE__ */ a("div", {
 						className: `h-full rounded-full transition-all ${S.status === "over_budget" ? "bg-status-error-bg" : "bg-action-primary-bg"}`,
 						style: { width: `${Math.min(w, 100)}%` }
 					})
-				}), /* @__PURE__ */ _("p", {
+				}), /* @__PURE__ */ o("p", {
 					className: "text-sm text-text-secondary mt-2",
 					children: [
 						w,
@@ -118,69 +119,69 @@ function v() {
 					]
 				})]
 			})] }),
-			/* @__PURE__ */ _(s, { children: [/* @__PURE__ */ _(u, { children: [/* @__PURE__ */ g(d, { children: "Related Transactions" }), /* @__PURE__ */ _(l, { children: [
+			/* @__PURE__ */ o(l, { children: [/* @__PURE__ */ o(f, { children: [/* @__PURE__ */ a(p, { children: "Related Transactions" }), /* @__PURE__ */ o(d, { children: [
 				"Transactions in ",
 				S.category,
 				" category"
-			] })] }), /* @__PURE__ */ g(c, {
+			] })] }), /* @__PURE__ */ a(u, {
 				className: "p-0",
-				children: /* @__PURE__ */ _("div", {
+				children: /* @__PURE__ */ o("div", {
 					className: "overflow-x-auto",
-					children: [/* @__PURE__ */ _("table", {
+					children: [/* @__PURE__ */ o("table", {
 						className: "w-full text-sm",
-						children: [/* @__PURE__ */ g("thead", { children: /* @__PURE__ */ _("tr", {
+						children: [/* @__PURE__ */ a("thead", { children: /* @__PURE__ */ o("tr", {
 							className: "border-b bg-bg-sunken/50",
 							children: [
-								/* @__PURE__ */ g("th", {
+								/* @__PURE__ */ a("th", {
 									className: "text-left p-3 font-medium",
 									children: "ID"
 								}),
-								/* @__PURE__ */ g("th", {
+								/* @__PURE__ */ a("th", {
 									className: "text-left p-3 font-medium",
 									children: "Description"
 								}),
-								/* @__PURE__ */ g("th", {
+								/* @__PURE__ */ a("th", {
 									className: "text-right p-3 font-medium",
 									children: "Amount"
 								}),
-								/* @__PURE__ */ g("th", {
+								/* @__PURE__ */ a("th", {
 									className: "text-left p-3 font-medium",
 									children: "Status"
 								}),
-								/* @__PURE__ */ g("th", {
+								/* @__PURE__ */ a("th", {
 									className: "text-left p-3 font-medium",
 									children: "Date"
 								})
 							]
-						}) }), /* @__PURE__ */ g("tbody", { children: C.map((e) => /* @__PURE__ */ _("tr", {
+						}) }), /* @__PURE__ */ a("tbody", { children: C.map((e) => /* @__PURE__ */ o("tr", {
 							className: "border-b hover:bg-bg-sunken/50",
 							children: [
-								/* @__PURE__ */ g("td", {
+								/* @__PURE__ */ a("td", {
 									className: "p-3 font-mono text-xs",
 									children: e.id
 								}),
-								/* @__PURE__ */ g("td", {
+								/* @__PURE__ */ a("td", {
 									className: "p-3 truncate max-w-xs",
 									children: e.description
 								}),
-								/* @__PURE__ */ _("td", {
+								/* @__PURE__ */ o("td", {
 									className: "p-3 text-right font-medium",
 									children: ["$", Math.abs(e.amount).toLocaleString()]
 								}),
-								/* @__PURE__ */ g("td", {
+								/* @__PURE__ */ a("td", {
 									className: "p-3",
-									children: /* @__PURE__ */ g(a, {
+									children: /* @__PURE__ */ a(s, {
 										variant: "outline",
 										children: e.status
 									})
 								}),
-								/* @__PURE__ */ g("td", {
+								/* @__PURE__ */ a("td", {
 									className: "p-3 text-xs",
 									children: new Date(e.date).toLocaleDateString()
 								})
 							]
 						}, e.id)) })]
-					}), C.length === 0 && /* @__PURE__ */ g(m, {
+					}), C.length === 0 && /* @__PURE__ */ a(g, {
 						illustration: "empty-data",
 						title: "No related transactions",
 						description: `No spend has been charged to the ${S.category} category yet.`