@burdenoff/microfe-timecampus 2026.703.3 → 2026.703.5

package/dist/timecampus/pages/expense-tracking/ExpenseTrackingPage.js

@@ -4,21 +4,25 @@ import { StatCard as r } from "../../components/StatCard.js";
 import { LoadingSkeleton as i } from "../../components/LoadingSkeleton.js";
 import { useApproveExpenseMutation as a, useCreateExpenseMutation as ee, useDeleteExpenseMutation as te, useGetExpenseStatsQuery as ne, useListExpensesQuery as re, useRejectExpenseMutation as ie, useSubmitExpenseForApprovalMutation as ae, useUpdateExpenseMutation as oe } from "../../../generated/wspace-operations.js";
 import { PageLayout as o } from "../../components/PageLayout.js";
-import { EmptyState as se } from "../../components/EmptyState.js";
-import { ExpenseStatus as s } from "../../../generated/wspace-types.js";
-import { Modal as c } from "../../components/Modal.js";
-import { StatusBadge as ce } from "../../components/StatusBadge.js";
+import { StatusBadge as se } from "../../components/StatusBadge.js";
+import { EmptyState as ce } from "../../components/EmptyState.js";
+import { ChartCard as s } from "../../components/ChartCard.js";
 import { ToastContainer as le, useToast as ue } from "../../components/Toast.js";
-import { useState as l } from "react";
-import { Check as de, DollarSign as fe, ExternalLink as pe, MessageSquare as me, Pencil as he, Plus as ge, Receipt as u, Send as _e, Trash2 as ve, Upload as ye, X as be } from "lucide-react";
-import { gql as d } from "@apollo/client";
-import { useApolloClient as xe } from "@apollo/client/react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { uploadBlobToFiles as Se } from "@burdenoff/fe-libs/storage";
-import { ContextConversationWidget as h } from "@burdenoff/fe-libs/shared";
-import { useRegisterPageConversationContext as g } from "@burdenoff/fe-libs/shared/providers/shell";
+import { Modal as c } from "../../components/Modal.js";
+import { DonutChart as de } from "../../components/charts/DonutChart.js";
+import { RadialGauge as fe } from "../../components/charts/RadialGauge.js";
+import "../../components/index.js";
+import { ExpenseStatus as l } from "../../../generated/wspace-types.js";
+import { useState as u } from "react";
+import { Check as pe, DollarSign as me, ExternalLink as he, MessageSquare as ge, Pencil as _e, Plus as ve, Receipt as d, Send as ye, Trash2 as be, Upload as xe, X as Se } from "lucide-react";
+import { gql as f } from "@apollo/client";
+import { useApolloClient as Ce } from "@apollo/client/react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { uploadBlobToFiles as we } from "@burdenoff/fe-libs/storage";
+import { ContextConversationWidget as g } from "@burdenoff/fe-libs/shared";
+import { useRegisterPageConversationContext as _ } from "@burdenoff/fe-libs/shared/providers/shell";
 //#region src/timecampus/pages/expense-tracking/ExpenseTrackingPage.tsx
-var _ = 25, v = [
+var v = 25, y = [
 	"Travel",
 	"Meals",
 	"Software",
@@ -26,491 +30,538 @@ var _ = 25, v = [
 	"Office",
 	"Training",
 	"Other"
-], y = "mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary", Ce = d`
+], b = "mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary", Te = f`
   query TimeCampusExpense_GetFileDownloadUrl($id: ID!, $expiresIn: Int) {
     getFileDownloadUrl(id: $id, expiresIn: $expiresIn)
   }
-`, we = 604800;
-function Te({ expense: e }) {
-	return g({
+`, Ee = f`
+  mutation TimeCampusExpense_EnsureFolder($path: String!) {
+    ensureFolderByPath(path: $path) {
+      id
+    }
+  }
+`, De = 604800;
+function Oe({ expense: e }) {
+	return _({
 		entityType: "TIMECAMPUS_EXPENSE",
 		entityId: e.id,
 		contextTitle: `Expense · ${e.description ?? e.id}`
-	}), /* @__PURE__ */ p(h, { widgetKey: "expense-review" });
+	}), /* @__PURE__ */ m(g, { widgetKey: "expense-review" });
 }
-function b() {
+function x() {
 	return (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
 }
-var x = {
+var S = {
 	amount: "",
-	category: v[0],
+	category: y[0],
 	description: "",
 	projectId: "",
-	date: b(),
+	date: x(),
 	receiptUrl: ""
 };
-function S() {
-	let { workspaceId: d = "" } = e(), { toasts: h, addToast: g, dismissToast: S } = ue(), C = xe(), { data: Ee, loading: w, error: De, refetch: Oe, fetchMore: T } = re({
+function C() {
+	let { workspaceId: f = "" } = e(), { toasts: g, addToast: _, dismissToast: C } = ue(), w = Ce(), { data: ke, loading: T, error: Ae, refetch: je, fetchMore: Me } = re({
 		variables: {
-			workspaceId: d,
-			limit: _,
+			workspaceId: f,
+			limit: v,
 			offset: 0
 		},
 		notifyOnNetworkStatusChange: !0
-	}), { data: ke, loading: Ae, error: je, refetch: Me } = ne({ variables: { workspaceId: d } }), [Ne, { loading: E }] = ee(), [Pe, { loading: D }] = oe(), [Fe, { loading: O }] = te(), [Ie] = ae(), [Le] = a(), [Re, { loading: k }] = ie(), A = Ee?.expenses ?? [], j = ke?.expenseStats, [M, N] = l(!1), [ze, Be] = l(!0), [Ve, P] = l(!1), [F, I] = l(null), [L, R] = l(x), [z, B] = l(!1), [V, H] = l(null), [U, W] = l(null), [G, K] = l(null), [q, J] = l(""), [He, Y] = l(null), X = async () => {
-		await Promise.all([Oe(), Me()]);
-	}, Ue = () => {
-		I(null), R({
-			...x,
-			date: b()
-		}), P(!0);
-	}, Z = (e) => {
-		I(e), R({
+	}), { data: Ne, loading: Pe, error: Fe, refetch: Ie } = ne({ variables: { workspaceId: f } }), [Le, { loading: E }] = ee(), [Re, { loading: D }] = oe(), [ze, { loading: O }] = te(), [Be] = ae(), [Ve] = a(), [He, { loading: k }] = ie(), A = ke?.expenses ?? [], j = Ne?.expenseStats, Ue = A[0]?.currency ?? "USD", We = j?.byCategory ? Object.entries(j.byCategory).map(([e, t]) => ({
+		name: e,
+		value: typeof t == "number" ? t : Number(t)
+	})).filter((e) => Number.isFinite(e.value) && e.value > 0) : [], M = (j?.approvedCount ?? 0) + (j?.pendingCount ?? 0), [N, P] = u(!1), [Ge, Ke] = u(!0), [qe, F] = u(!1), [I, L] = u(null), [R, z] = u(S), [B, V] = u(!1), [H, U] = u(null), [W, G] = u(null), [K, q] = u(null), [J, Y] = u(""), [Je, X] = u(null), Z = async () => {
+		await Promise.all([je(), Ie()]);
+	}, Ye = () => {
+		L(null), z({
+			...S,
+			date: x()
+		}), F(!0);
+	}, Xe = (e) => {
+		L(e), z({
 			amount: String(e.amount),
 			category: e.category,
 			description: e.description ?? "",
 			projectId: e.projectId ?? "",
-			date: e.date ? e.date.slice(0, 10) : b(),
+			date: e.date ? e.date.slice(0, 10) : x(),
 			receiptUrl: e.receiptUrl ?? ""
-		}), P(!0);
-	}, We = async (e) => {
-		B(!0);
+		}), F(!0);
+	}, Ze = async (e) => {
+		V(!0);
 		try {
-			let t = await Se({
-				client: C,
+			let { data: t } = await w.mutate({
+				mutation: Ee,
+				variables: { path: "/TimeCampus/Receipts" }
+			}), n = t?.ensureFolderByPath?.id;
+			if (!n) throw Error("Could not resolve upload folder");
+			let r = await we({
+				client: w,
 				blob: e,
 				filename: e.name,
 				mimeType: e.type || "application/octet-stream",
-				folderId: ""
-			}), { data: n } = await C.query({
-				query: Ce,
+				folderId: n
+			}), { data: i } = await w.query({
+				query: Te,
 				variables: {
-					id: t.id,
-					expiresIn: we
+					id: r.id,
+					expiresIn: De
 				},
 				fetchPolicy: "no-cache"
-			}), r = n?.getFileDownloadUrl;
-			if (!r) throw Error("No download URL returned");
-			R((e) => ({
+			}), a = i?.getFileDownloadUrl;
+			if (!a) throw Error("No download URL returned");
+			z((e) => ({
 				...e,
-				receiptUrl: r
-			})), g({
+				receiptUrl: a
+			})), _({
 				title: "Receipt attached",
 				variant: "success"
 			});
 		} catch {
-			g({
+			_({
 				title: "Failed to upload receipt",
 				variant: "error"
 			});
 		} finally {
-			B(!1);
+			V(!1);
 		}
 	}, Q = () => {
-		P(!1), I(null);
-	}, Ge = async () => {
-		let e = Number(L.amount);
-		if (!L.amount || Number.isNaN(e) || !L.category.trim()) return;
-		let t = new Date(L.date).toISOString();
+		F(!1), L(null);
+	}, Qe = async () => {
+		let e = Number(R.amount);
+		if (!R.amount || Number.isNaN(e) || !R.category.trim()) return;
+		let t = new Date(R.date).toISOString();
 		try {
-			F ? (await Pe({ variables: {
-				id: F.id,
-				workspaceId: d,
+			I ? (await Re({ variables: {
+				id: I.id,
+				workspaceId: f,
 				input: {
 					amount: e,
-					category: L.category.trim(),
-					description: L.description.trim() || void 0,
-					projectId: L.projectId.trim() || void 0,
+					category: R.category.trim(),
+					description: R.description.trim() || void 0,
+					projectId: R.projectId.trim() || void 0,
 					date: t,
-					receiptUrl: L.receiptUrl || void 0
+					receiptUrl: R.receiptUrl || void 0
 				}
-			} }), g({
+			} }), _({
 				title: "Expense updated",
 				variant: "success"
-			})) : (await Ne({ variables: { input: {
-				workspaceId: d,
+			})) : (await Le({ variables: { input: {
+				workspaceId: f,
 				amount: e,
-				category: L.category.trim(),
-				description: L.description.trim() || void 0,
-				projectId: L.projectId.trim() || void 0,
+				category: R.category.trim(),
+				description: R.description.trim() || void 0,
+				projectId: R.projectId.trim() || void 0,
 				date: t,
-				receiptUrl: L.receiptUrl || void 0
-			} } }), g({
+				receiptUrl: R.receiptUrl || void 0
+			} } }), _({
 				title: "Expense added",
 				variant: "success"
-			})), Q(), await X();
+			})), Q(), await Z();
 		} catch {
-			g({
-				title: F ? "Failed to update expense" : "Failed to add expense",
+			_({
+				title: I ? "Failed to update expense" : "Failed to add expense",
 				variant: "error"
 			});
 		}
-	}, Ke = async () => {
-		if (U) try {
-			await Fe({ variables: {
-				id: U.id,
-				workspaceId: d
-			} }), g({
+	}, $e = async () => {
+		if (W) try {
+			await ze({ variables: {
+				id: W.id,
+				workspaceId: f
+			} }), _({
 				title: "Expense deleted",
 				variant: "success"
-			}), W(null), await X();
+			}), G(null), await Z();
 		} catch {
-			g({
+			_({
 				title: "Failed to delete expense",
 				variant: "error"
 			});
 		}
-	}, qe = async (e) => {
-		Y(e.id);
+	}, et = async (e) => {
+		X(e.id);
 		try {
-			await Ie({ variables: {
+			await Be({ variables: {
 				id: e.id,
-				workspaceId: d
-			} }), g({
+				workspaceId: f
+			} }), _({
 				title: "Submitted for approval",
 				variant: "success"
-			}), await X();
+			}), await Z();
 		} catch {
-			g({
+			_({
 				title: "Failed to submit expense",
 				variant: "error"
 			});
 		} finally {
-			Y(null);
+			X(null);
 		}
-	}, Je = async (e) => {
-		Y(e.id);
+	}, tt = async (e) => {
+		X(e.id);
 		try {
-			await Le({ variables: {
+			await Ve({ variables: {
 				id: e.id,
-				workspaceId: d
-			} }), g({
+				workspaceId: f
+			} }), _({
 				title: "Expense approved",
 				variant: "success"
-			}), await X();
+			}), await Z();
 		} catch {
-			g({
+			_({
 				title: "Failed to approve expense",
 				variant: "error"
 			});
 		} finally {
-			Y(null);
+			X(null);
 		}
-	}, Ye = async () => {
-		if (G) try {
-			await Re({ variables: {
-				id: G.id,
-				workspaceId: d,
-				reason: q.trim() || void 0
-			} }), g({
+	}, nt = async () => {
+		if (K) try {
+			await He({ variables: {
+				id: K.id,
+				workspaceId: f,
+				reason: J.trim() || void 0
+			} }), _({
 				title: "Expense rejected",
 				variant: "success"
-			}), K(null), J(""), await X();
+			}), q(null), Y(""), await Z();
 		} catch {
-			g({
+			_({
 				title: "Failed to reject expense",
 				variant: "error"
 			});
 		}
-	}, Xe = async () => {
-		N(!0);
+	}, rt = async () => {
+		P(!0);
 		try {
-			((await T({
+			((await Me({
 				variables: {
-					workspaceId: d,
-					limit: _,
+					workspaceId: f,
+					limit: v,
 					offset: A.length
 				},
 				updateQuery: (e, { fetchMoreResult: t }) => t ? {
 					...e,
 					expenses: [...e.expenses, ...t.expenses]
 				} : e
-			})).data?.expenses?.length ?? 0) < _ && Be(!1);
+			})).data?.expenses?.length ?? 0) < v && Ke(!1);
 		} finally {
-			N(!1);
+			P(!1);
 		}
 	};
-	if (w && Ae && A.length === 0) return /* @__PURE__ */ p(o, {
+	if (T && Pe && A.length === 0) return /* @__PURE__ */ m(o, {
 		title: "Expense Tracking",
 		description: "Track and manage work expenses",
-		children: /* @__PURE__ */ p(i, {
+		children: /* @__PURE__ */ m(i, {
 			variant: "list",
 			count: 4
 		})
 	});
-	if (De && je) return /* @__PURE__ */ p(o, {
+	if (Ae && Fe) return /* @__PURE__ */ m(o, {
 		title: "Expense Tracking",
 		description: "Track and manage work expenses",
-		children: /* @__PURE__ */ p("div", {
+		children: /* @__PURE__ */ m("div", {
 			className: "rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text",
 			children: "Failed to load expense data. Please try again later."
 		})
 	});
-	let $ = /* @__PURE__ */ m("button", {
-		onClick: Ue,
+	let $ = /* @__PURE__ */ h("button", {
+		onClick: Ye,
 		className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
-		children: [/* @__PURE__ */ p(ge, { className: "h-4 w-4" }), "Add Expense"]
+		children: [/* @__PURE__ */ m(ve, { className: "h-4 w-4" }), "Add Expense"]
 	});
-	return /* @__PURE__ */ m(o, {
+	return /* @__PURE__ */ h(o, {
 		title: "Expense Tracking",
 		description: "Track and manage work expenses",
 		purpose: "Capture project-related costs alongside the hours you log — receipts, categories and approvals in one place — so the bill you send a client reflects the full cost of the work, not just time.",
 		actions: $,
 		children: [
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ h("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ p(r, {
+					/* @__PURE__ */ m(r, {
 						featured: !0,
 						title: "Total This Month",
 						value: t(j?.totalAmount ?? 0),
-						icon: /* @__PURE__ */ p(fe, { className: "h-5 w-5" })
+						icon: /* @__PURE__ */ m(me, { className: "h-5 w-5" })
 					}),
-					/* @__PURE__ */ p(r, {
+					/* @__PURE__ */ m(r, {
 						title: "Pending",
 						value: String(j?.pendingCount ?? 0),
 						description: "expenses awaiting approval"
 					}),
-					/* @__PURE__ */ p(r, {
+					/* @__PURE__ */ m(r, {
 						title: "Approved",
 						value: String(j?.approvedCount ?? 0),
 						description: "expenses approved"
 					}),
-					/* @__PURE__ */ p(r, {
+					/* @__PURE__ */ m(r, {
 						title: "Average",
 						value: t(j?.averageAmount ?? 0),
-						icon: /* @__PURE__ */ p(u, { className: "h-5 w-5" }),
+						icon: /* @__PURE__ */ m(d, { className: "h-5 w-5" }),
 						description: "per expense"
 					})
 				]
 			}),
-			A.length === 0 && !w ? /* @__PURE__ */ p(se, {
+			A.length === 0 && !T ? /* @__PURE__ */ m(ce, {
 				illustration: "empty-data",
 				title: "No expenses recorded yet",
 				description: "Add your first expense to track project costs and route them for approval.",
 				action: $
-			}) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", {
-				className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop",
-				children: /* @__PURE__ */ p("div", {
-					className: "divide-y divide-border",
-					children: A.map((e) => {
-						let r = He === e.id, i = e.status === s.Pending, a = e.status === s.Rejected;
-						return /* @__PURE__ */ m("div", {
-							className: "flex flex-col gap-3 p-4 hover:bg-bg-sunken/50 transition-colors sm:flex-row sm:items-center sm:justify-between",
-							children: [/* @__PURE__ */ m("div", {
-								className: "flex items-center gap-3",
-								children: [/* @__PURE__ */ p(u, { className: "h-5 w-5 shrink-0 text-text-secondary" }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
-									className: "text-sm font-medium text-text-primary",
-									children: e.description ?? "Untitled expense"
-								}), /* @__PURE__ */ m("p", {
-									className: "text-xs text-text-secondary",
-									children: [
-										e.category,
-										" ·",
-										" ",
-										e.projectId ?? "No project",
-										" ·",
-										" ",
-										n(e.date)
-									]
-								})] })]
-							}), /* @__PURE__ */ m("div", {
-								className: "flex items-center gap-3",
-								children: [
-									/* @__PURE__ */ p("p", {
+			}) : /* @__PURE__ */ h(p, { children: [
+				/* @__PURE__ */ h("div", {
+					className: "grid grid-cols-1 gap-4 lg:grid-cols-3",
+					children: [/* @__PURE__ */ m(s, {
+						title: "Spend by category",
+						description: "Total tracked spend grouped by category",
+						className: "lg:col-span-2",
+						children: /* @__PURE__ */ m(de, {
+							data: We,
+							centerLabel: "Total",
+							centerValue: j?.totalAmount ?? 0,
+							valueFormat: (e) => t(e, Ue),
+							height: 240,
+							emptyLabel: "No categorised spend yet.",
+							ariaLabel: "Spend by category"
+						})
+					}), /* @__PURE__ */ m(s, {
+						title: "Approval progress",
+						description: "Approved vs. awaiting review",
+						children: /* @__PURE__ */ m(fe, {
+							value: j?.approvedCount ?? 0,
+							min: 0,
+							max: M > 0 ? M : 1,
+							label: "Approved",
+							sublabel: `of ${M} to review`,
+							format: (e) => `${Math.round(e)}`,
+							height: 240,
+							ariaLabel: "Approved expenses share"
+						})
+					})]
+				}),
+				/* @__PURE__ */ m("div", {
+					className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop",
+					children: /* @__PURE__ */ m("div", {
+						className: "divide-y divide-border",
+						children: A.map((e) => {
+							let r = Je === e.id, i = e.status === l.Pending, a = e.status === l.Rejected;
+							return /* @__PURE__ */ h("div", {
+								className: "flex flex-col gap-3 p-4 hover:bg-bg-sunken/50 transition-colors sm:flex-row sm:items-center sm:justify-between",
+								children: [/* @__PURE__ */ h("div", {
+									className: "flex items-center gap-3",
+									children: [/* @__PURE__ */ m(d, { className: "h-5 w-5 shrink-0 text-text-secondary" }), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
 										className: "text-sm font-medium text-text-primary",
-										children: t(e.amount, e.currency)
-									}),
-									/* @__PURE__ */ p(ce, {
-										label: e.status.toLowerCase(),
-										status: e.status.toLowerCase()
-									}),
-									/* @__PURE__ */ m("div", {
-										className: "flex items-center gap-1",
+										children: e.description ?? "Untitled expense"
+									}), /* @__PURE__ */ h("p", {
+										className: "text-xs text-text-secondary",
 										children: [
-											i && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("button", {
-												type: "button",
-												disabled: r,
-												onClick: () => Je(e),
-												title: "Approve expense",
-												className: "rounded-md p-1.5 text-status-success-text hover:bg-status-success-bg disabled:opacity-50",
-												children: /* @__PURE__ */ p(de, { className: "h-4 w-4" })
-											}), /* @__PURE__ */ p("button", {
-												type: "button",
-												disabled: r,
-												onClick: () => {
-													K(e), J("");
-												},
-												title: "Reject expense",
-												className: "rounded-md p-1.5 text-status-error-text hover:bg-status-error-bg disabled:opacity-50",
-												children: /* @__PURE__ */ p(be, { className: "h-4 w-4" })
-											})] }),
-											a && /* @__PURE__ */ p("button", {
-												type: "button",
-												disabled: r,
-												onClick: () => qe(e),
-												title: "Resubmit for approval",
-												className: "rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken disabled:opacity-50",
-												children: /* @__PURE__ */ p(_e, { className: "h-4 w-4" })
-											}),
-											/* @__PURE__ */ p("button", {
-												type: "button",
-												onClick: () => H(e),
-												title: "Review expense",
-												className: "rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken",
-												children: /* @__PURE__ */ p(me, { className: "h-4 w-4" })
-											}),
-											/* @__PURE__ */ p("button", {
-												type: "button",
-												onClick: () => Z(e),
-												title: "Edit expense",
-												className: "rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken",
-												children: /* @__PURE__ */ p(he, { className: "h-4 w-4" })
-											}),
-											/* @__PURE__ */ p("button", {
-												type: "button",
-												onClick: () => W(e),
-												title: "Delete expense",
-												className: "rounded-md p-1.5 text-status-error-text hover:bg-status-error-bg",
-												children: /* @__PURE__ */ p(ve, { className: "h-4 w-4" })
-											})
+											e.category,
+											" ·",
+											" ",
+											e.projectId ?? "No project",
+											" ·",
+											" ",
+											n(e.date)
 										]
-									})
-								]
-							})]
-						}, e.id);
+									})] })]
+								}), /* @__PURE__ */ h("div", {
+									className: "flex items-center gap-3",
+									children: [
+										/* @__PURE__ */ m("p", {
+											className: "text-sm font-medium text-text-primary",
+											children: t(e.amount, e.currency)
+										}),
+										/* @__PURE__ */ m(se, {
+											label: e.status.toLowerCase(),
+											status: e.status.toLowerCase()
+										}),
+										/* @__PURE__ */ h("div", {
+											className: "flex items-center gap-1",
+											children: [
+												i && /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("button", {
+													type: "button",
+													disabled: r,
+													onClick: () => tt(e),
+													title: "Approve expense",
+													className: "rounded-md p-1.5 text-status-success-text hover:bg-status-success-bg disabled:opacity-50",
+													children: /* @__PURE__ */ m(pe, { className: "h-4 w-4" })
+												}), /* @__PURE__ */ m("button", {
+													type: "button",
+													disabled: r,
+													onClick: () => {
+														q(e), Y("");
+													},
+													title: "Reject expense",
+													className: "rounded-md p-1.5 text-status-error-text hover:bg-status-error-bg disabled:opacity-50",
+													children: /* @__PURE__ */ m(Se, { className: "h-4 w-4" })
+												})] }),
+												a && /* @__PURE__ */ m("button", {
+													type: "button",
+													disabled: r,
+													onClick: () => et(e),
+													title: "Resubmit for approval",
+													className: "rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken disabled:opacity-50",
+													children: /* @__PURE__ */ m(ye, { className: "h-4 w-4" })
+												}),
+												/* @__PURE__ */ m("button", {
+													type: "button",
+													onClick: () => U(e),
+													title: "Review expense",
+													className: "rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken",
+													children: /* @__PURE__ */ m(ge, { className: "h-4 w-4" })
+												}),
+												/* @__PURE__ */ m("button", {
+													type: "button",
+													onClick: () => Xe(e),
+													title: "Edit expense",
+													className: "rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken",
+													children: /* @__PURE__ */ m(_e, { className: "h-4 w-4" })
+												}),
+												/* @__PURE__ */ m("button", {
+													type: "button",
+													onClick: () => G(e),
+													title: "Delete expense",
+													className: "rounded-md p-1.5 text-status-error-text hover:bg-status-error-bg",
+													children: /* @__PURE__ */ m(be, { className: "h-4 w-4" })
+												})
+											]
+										})
+									]
+								})]
+							}, e.id);
+						})
+					})
+				}),
+				Ge && A.length >= v && /* @__PURE__ */ m("div", {
+					className: "mt-4 flex justify-center",
+					children: /* @__PURE__ */ m("button", {
+						onClick: rt,
+						disabled: N,
+						className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 disabled:opacity-50",
+						children: N ? "Loading..." : "Load more"
 					})
 				})
-			}), ze && A.length >= _ && /* @__PURE__ */ p("div", {
-				className: "mt-4 flex justify-center",
-				children: /* @__PURE__ */ p("button", {
-					onClick: Xe,
-					disabled: M,
-					className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 disabled:opacity-50",
-					children: M ? "Loading..." : "Load more"
-				})
-			})] }),
-			/* @__PURE__ */ p(c, {
-				open: Ve,
+			] }),
+			/* @__PURE__ */ m(c, {
+				open: qe,
 				onClose: Q,
-				title: F ? "Edit Expense" : "Add Expense",
-				description: F ? "Update this expense's details." : "Record a project-related cost to track alongside your logged hours.",
-				footer: /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("button", {
+				title: I ? "Edit Expense" : "Add Expense",
+				description: I ? "Update this expense's details." : "Record a project-related cost to track alongside your logged hours.",
+				footer: /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("button", {
 					onClick: Q,
 					className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50",
 					children: "Cancel"
-				}), /* @__PURE__ */ p("button", {
-					onClick: Ge,
-					disabled: E || D || !L.amount || Number.isNaN(Number(L.amount)) || !L.category.trim(),
+				}), /* @__PURE__ */ m("button", {
+					onClick: Qe,
+					disabled: E || D || !R.amount || Number.isNaN(Number(R.amount)) || !R.category.trim(),
 					className: "rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50",
-					children: E || D ? "Saving..." : F ? "Save Changes" : "Add Expense"
+					children: E || D ? "Saving..." : I ? "Save Changes" : "Add Expense"
 				})] }),
-				children: /* @__PURE__ */ m("div", {
+				children: /* @__PURE__ */ h("div", {
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ m("div", {
+						/* @__PURE__ */ h("div", {
 							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-							children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+							children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
 								className: "block text-sm font-medium text-text-primary",
 								children: "Amount"
-							}), /* @__PURE__ */ p("input", {
+							}), /* @__PURE__ */ m("input", {
 								type: "number",
 								min: 0,
 								step: "0.01",
 								placeholder: "0.00",
-								value: L.amount,
-								onChange: (e) => R({
-									...L,
+								value: R.amount,
+								onChange: (e) => z({
+									...R,
 									amount: e.target.value
 								}),
-								className: y
-							})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+								className: b
+							})] }), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
 								className: "block text-sm font-medium text-text-primary",
 								children: "Category"
-							}), /* @__PURE__ */ p("select", {
-								value: L.category,
-								onChange: (e) => R({
-									...L,
+							}), /* @__PURE__ */ m("select", {
+								value: R.category,
+								onChange: (e) => z({
+									...R,
 									category: e.target.value
 								}),
-								className: y,
-								children: v.map((e) => /* @__PURE__ */ p("option", {
+								className: b,
+								children: y.map((e) => /* @__PURE__ */ m("option", {
 									value: e,
 									children: e
 								}, e))
 							})] })]
 						}),
-						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+						/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
 							className: "block text-sm font-medium text-text-primary",
 							children: "Description"
-						}), /* @__PURE__ */ p("input", {
+						}), /* @__PURE__ */ m("input", {
 							type: "text",
 							placeholder: "What was this expense for?",
-							value: L.description,
-							onChange: (e) => R({
-								...L,
+							value: R.description,
+							onChange: (e) => z({
+								...R,
 								description: e.target.value
 							}),
-							className: y
+							className: b
 						})] }),
-						/* @__PURE__ */ m("div", {
+						/* @__PURE__ */ h("div", {
 							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-							children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+							children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
 								className: "block text-sm font-medium text-text-primary",
 								children: "Project ID"
-							}), /* @__PURE__ */ p("input", {
+							}), /* @__PURE__ */ m("input", {
 								type: "text",
 								placeholder: "Optional project ID",
-								value: L.projectId,
-								onChange: (e) => R({
-									...L,
+								value: R.projectId,
+								onChange: (e) => z({
+									...R,
 									projectId: e.target.value
 								}),
-								className: y
-							})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+								className: b
+							})] }), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
 								className: "block text-sm font-medium text-text-primary",
 								children: "Date"
-							}), /* @__PURE__ */ p("input", {
+							}), /* @__PURE__ */ m("input", {
 								type: "date",
-								value: L.date,
-								onChange: (e) => R({
-									...L,
+								value: R.date,
+								onChange: (e) => z({
+									...R,
 									date: e.target.value
 								}),
-								className: y
+								className: b
 							})] })]
 						}),
-						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+						/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("label", {
 							className: "block text-sm font-medium text-text-primary",
 							children: "Receipt"
-						}), /* @__PURE__ */ m("div", {
+						}), /* @__PURE__ */ h("div", {
 							className: "mt-1 flex flex-col gap-2",
 							children: [
-								/* @__PURE__ */ m("label", {
-									className: `inline-flex w-fit cursor-pointer items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 ${z ? "opacity-50" : ""}`,
+								/* @__PURE__ */ h("label", {
+									className: `inline-flex w-fit cursor-pointer items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 ${B ? "opacity-50" : ""}`,
 									children: [
-										/* @__PURE__ */ p(ye, { className: "h-4 w-4" }),
-										z ? "Uploading..." : "Upload receipt",
-										/* @__PURE__ */ p("input", {
+										/* @__PURE__ */ m(xe, { className: "h-4 w-4" }),
+										B ? "Uploading..." : "Upload receipt",
+										/* @__PURE__ */ m("input", {
 											type: "file",
 											accept: "image/*,application/pdf",
-											disabled: z,
+											disabled: B,
 											className: "hidden",
 											onChange: (e) => {
 												let t = e.target.files?.[0];
-												e.target.value = "", t && We(t);
+												e.target.value = "", t && Ze(t);
 											}
 										})
 									]
 								}),
-								L.receiptUrl && /* @__PURE__ */ m("a", {
-									href: L.receiptUrl,
+								R.receiptUrl && /* @__PURE__ */ h("a", {
+									href: R.receiptUrl,
 									target: "_blank",
 									rel: "noopener noreferrer",
 									className: "inline-flex w-fit items-center gap-1.5 text-sm font-medium text-action-primary-text/90 underline decoration-border-subtle underline-offset-2 hover:text-action-primary-text",
-									children: [/* @__PURE__ */ p(pe, { className: "h-3.5 w-3.5" }), "View current receipt"]
+									children: [/* @__PURE__ */ m(he, { className: "h-3.5 w-3.5" }), "View current receipt"]
 								}),
-								/* @__PURE__ */ p("p", {
+								/* @__PURE__ */ m("p", {
 									className: "text-xs text-text-secondary",
 									children: "Attach an image or PDF. Uploading is optional and never blocks saving the expense."
 								})
@@ -519,69 +570,69 @@ function S() {
 					]
 				})
 			}),
-			/* @__PURE__ */ p(c, {
-				open: U !== null,
-				onClose: () => W(null),
+			/* @__PURE__ */ m(c, {
+				open: W !== null,
+				onClose: () => G(null),
 				title: "Delete expense?",
-				description: U ? `${t(U.amount, U.currency)} · ${U.category} will be removed.` : void 0,
+				description: W ? `${t(W.amount, W.currency)} · ${W.category} will be removed.` : void 0,
 				size: "sm",
-				footer: /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("button", {
-					onClick: () => W(null),
+				footer: /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("button", {
+					onClick: () => G(null),
 					className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50",
 					children: "Cancel"
-				}), /* @__PURE__ */ p("button", {
-					onClick: Ke,
+				}), /* @__PURE__ */ m("button", {
+					onClick: $e,
 					disabled: O,
 					className: "rounded-md bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/80 disabled:opacity-50",
 					children: O ? "Deleting..." : "Delete"
 				})] }),
-				children: /* @__PURE__ */ p("p", {
+				children: /* @__PURE__ */ m("p", {
 					className: "text-sm text-text-secondary",
 					children: "This permanently removes the expense. This action cannot be undone."
 				})
 			}),
-			/* @__PURE__ */ m(c, {
-				open: G !== null,
-				onClose: () => K(null),
+			/* @__PURE__ */ h(c, {
+				open: K !== null,
+				onClose: () => q(null),
 				title: "Reject expense",
 				description: "Let the submitter know why this expense was rejected.",
 				size: "sm",
-				footer: /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("button", {
-					onClick: () => K(null),
+				footer: /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("button", {
+					onClick: () => q(null),
 					className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50",
 					children: "Cancel"
-				}), /* @__PURE__ */ p("button", {
-					onClick: Ye,
+				}), /* @__PURE__ */ m("button", {
+					onClick: nt,
 					disabled: k,
 					className: "rounded-md bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/80 disabled:opacity-50",
 					children: k ? "Rejecting..." : "Reject Expense"
 				})] }),
-				children: [/* @__PURE__ */ p("label", {
+				children: [/* @__PURE__ */ m("label", {
 					className: "block text-sm font-medium text-text-primary",
 					children: "Reason"
-				}), /* @__PURE__ */ p("textarea", {
+				}), /* @__PURE__ */ m("textarea", {
 					rows: 3,
 					placeholder: "Reason for rejection (optional)",
-					value: q,
-					onChange: (e) => J(e.target.value),
-					className: y
+					value: J,
+					onChange: (e) => Y(e.target.value),
+					className: b
 				})]
 			}),
-			/* @__PURE__ */ p(c, {
-				open: V !== null,
-				onClose: () => H(null),
+			/* @__PURE__ */ m(c, {
+				open: H !== null,
+				onClose: () => U(null),
 				title: "Expense review",
-				description: V ? `Discuss ${V.description ?? "this expense"} with your team.` : void 0,
-				children: V && /* @__PURE__ */ p(Te, { expense: V })
+				description: H ? `Discuss ${H.description ?? "this expense"} with your team.` : void 0,
+				children: H && /* @__PURE__ */ m(Oe, { expense: H })
 			}),
-			/* @__PURE__ */ p(le, {
-				toasts: h,
-				onDismiss: S
+			/* @__PURE__ */ m(le, {
+				toasts: g,
+				onDismiss: C
 			})
 		]
 	});
 }
 //#endregion
-export { S as ExpenseTrackingPage };
+export { C as ExpenseTrackingPage };
 
 //# sourceMappingURL=ExpenseTrackingPage.js.map