@burdenoff/microfe-timecampus 2026.703.1 → 2026.703.3

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

@@ -1,110 +1,587 @@
 import { useTimeCampus as e } from "../../providers/TimeCampusProvider.js";
-import { formatCurrency as t, formatDate as n, getStatusColor as r } from "../../utils/helpers.js";
-import { StatCard as i } from "../../components/StatCard.js";
-import { LoadingSkeleton as a } from "../../components/LoadingSkeleton.js";
-import { useGetExpenseStatsQuery as o, useListExpensesQuery as s } from "../../../generated/wspace-operations.js";
-import { PageLayout as c } from "../../components/PageLayout.js";
-import { EmptyState as l } from "../../components/EmptyState.js";
-import { DollarSign as u, Plus as d, Receipt as f } from "lucide-react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { formatCurrency as t, formatDate as n } from "../../utils/helpers.js";
+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 { 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";
 //#region src/timecampus/pages/expense-tracking/ExpenseTrackingPage.tsx
-function h() {
-	let { workspaceId: h = "" } = e(), { data: g, loading: _, error: v } = s({ variables: { workspaceId: h } }), { data: y, loading: b, error: x } = o({ variables: { workspaceId: h } }), S = g?.expenses ?? [], C = y?.expenseStats;
-	return _ && b ? /* @__PURE__ */ p(c, {
+var _ = 25, v = [
+	"Travel",
+	"Meals",
+	"Software",
+	"Hardware",
+	"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`
+  query TimeCampusExpense_GetFileDownloadUrl($id: ID!, $expiresIn: Int) {
+    getFileDownloadUrl(id: $id, expiresIn: $expiresIn)
+  }
+`, we = 604800;
+function Te({ expense: e }) {
+	return g({
+		entityType: "TIMECAMPUS_EXPENSE",
+		entityId: e.id,
+		contextTitle: `Expense · ${e.description ?? e.id}`
+	}), /* @__PURE__ */ p(h, { widgetKey: "expense-review" });
+}
+function b() {
+	return (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
+}
+var x = {
+	amount: "",
+	category: v[0],
+	description: "",
+	projectId: "",
+	date: b(),
+	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({
+		variables: {
+			workspaceId: d,
+			limit: _,
+			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({
+			amount: String(e.amount),
+			category: e.category,
+			description: e.description ?? "",
+			projectId: e.projectId ?? "",
+			date: e.date ? e.date.slice(0, 10) : b(),
+			receiptUrl: e.receiptUrl ?? ""
+		}), P(!0);
+	}, We = async (e) => {
+		B(!0);
+		try {
+			let t = await Se({
+				client: C,
+				blob: e,
+				filename: e.name,
+				mimeType: e.type || "application/octet-stream",
+				folderId: ""
+			}), { data: n } = await C.query({
+				query: Ce,
+				variables: {
+					id: t.id,
+					expiresIn: we
+				},
+				fetchPolicy: "no-cache"
+			}), r = n?.getFileDownloadUrl;
+			if (!r) throw Error("No download URL returned");
+			R((e) => ({
+				...e,
+				receiptUrl: r
+			})), g({
+				title: "Receipt attached",
+				variant: "success"
+			});
+		} catch {
+			g({
+				title: "Failed to upload receipt",
+				variant: "error"
+			});
+		} finally {
+			B(!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();
+		try {
+			F ? (await Pe({ variables: {
+				id: F.id,
+				workspaceId: d,
+				input: {
+					amount: e,
+					category: L.category.trim(),
+					description: L.description.trim() || void 0,
+					projectId: L.projectId.trim() || void 0,
+					date: t,
+					receiptUrl: L.receiptUrl || void 0
+				}
+			} }), g({
+				title: "Expense updated",
+				variant: "success"
+			})) : (await Ne({ variables: { input: {
+				workspaceId: d,
+				amount: e,
+				category: L.category.trim(),
+				description: L.description.trim() || void 0,
+				projectId: L.projectId.trim() || void 0,
+				date: t,
+				receiptUrl: L.receiptUrl || void 0
+			} } }), g({
+				title: "Expense added",
+				variant: "success"
+			})), Q(), await X();
+		} catch {
+			g({
+				title: F ? "Failed to update expense" : "Failed to add expense",
+				variant: "error"
+			});
+		}
+	}, Ke = async () => {
+		if (U) try {
+			await Fe({ variables: {
+				id: U.id,
+				workspaceId: d
+			} }), g({
+				title: "Expense deleted",
+				variant: "success"
+			}), W(null), await X();
+		} catch {
+			g({
+				title: "Failed to delete expense",
+				variant: "error"
+			});
+		}
+	}, qe = async (e) => {
+		Y(e.id);
+		try {
+			await Ie({ variables: {
+				id: e.id,
+				workspaceId: d
+			} }), g({
+				title: "Submitted for approval",
+				variant: "success"
+			}), await X();
+		} catch {
+			g({
+				title: "Failed to submit expense",
+				variant: "error"
+			});
+		} finally {
+			Y(null);
+		}
+	}, Je = async (e) => {
+		Y(e.id);
+		try {
+			await Le({ variables: {
+				id: e.id,
+				workspaceId: d
+			} }), g({
+				title: "Expense approved",
+				variant: "success"
+			}), await X();
+		} catch {
+			g({
+				title: "Failed to approve expense",
+				variant: "error"
+			});
+		} finally {
+			Y(null);
+		}
+	}, Ye = async () => {
+		if (G) try {
+			await Re({ variables: {
+				id: G.id,
+				workspaceId: d,
+				reason: q.trim() || void 0
+			} }), g({
+				title: "Expense rejected",
+				variant: "success"
+			}), K(null), J(""), await X();
+		} catch {
+			g({
+				title: "Failed to reject expense",
+				variant: "error"
+			});
+		}
+	}, Xe = async () => {
+		N(!0);
+		try {
+			((await T({
+				variables: {
+					workspaceId: d,
+					limit: _,
+					offset: A.length
+				},
+				updateQuery: (e, { fetchMoreResult: t }) => t ? {
+					...e,
+					expenses: [...e.expenses, ...t.expenses]
+				} : e
+			})).data?.expenses?.length ?? 0) < _ && Be(!1);
+		} finally {
+			N(!1);
+		}
+	};
+	if (w && Ae && A.length === 0) return /* @__PURE__ */ p(o, {
 		title: "Expense Tracking",
 		description: "Track and manage work expenses",
-		children: /* @__PURE__ */ p(a, {
+		children: /* @__PURE__ */ p(i, {
 			variant: "list",
 			count: 4
 		})
-	}) : v && x ? /* @__PURE__ */ p(c, {
+	});
+	if (De && je) return /* @__PURE__ */ p(o, {
 		title: "Expense Tracking",
 		description: "Track and manage work expenses",
 		children: /* @__PURE__ */ p("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."
 		})
-	}) : /* @__PURE__ */ m(c, {
+	});
+	let $ = /* @__PURE__ */ m("button", {
+		onClick: Ue,
+		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"]
+	});
+	return /* @__PURE__ */ m(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: /* @__PURE__ */ m("button", {
-			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(d, { className: "h-4 w-4" }), "Add Expense"]
-		}),
-		children: [/* @__PURE__ */ m("div", {
-			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
-			children: [
-				/* @__PURE__ */ p(i, {
-					featured: !0,
-					title: "Total This Month",
-					value: t(C?.totalAmount ?? 0),
-					icon: /* @__PURE__ */ p(u, { className: "h-5 w-5" })
-				}),
-				/* @__PURE__ */ p(i, {
-					title: "Pending",
-					value: String(C?.pendingCount ?? 0),
-					description: "expenses awaiting approval"
-				}),
-				/* @__PURE__ */ p(i, {
-					title: "Approved",
-					value: String(C?.approvedCount ?? 0),
-					description: "expenses approved"
-				}),
-				/* @__PURE__ */ p(i, {
-					title: "Average",
-					value: t(C?.averageAmount ?? 0),
-					icon: /* @__PURE__ */ p(f, { className: "h-5 w-5" }),
-					description: "per expense"
+		actions: $,
+		children: [
+			/* @__PURE__ */ m("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ p(r, {
+						featured: !0,
+						title: "Total This Month",
+						value: t(j?.totalAmount ?? 0),
+						icon: /* @__PURE__ */ p(fe, { className: "h-5 w-5" })
+					}),
+					/* @__PURE__ */ p(r, {
+						title: "Pending",
+						value: String(j?.pendingCount ?? 0),
+						description: "expenses awaiting approval"
+					}),
+					/* @__PURE__ */ p(r, {
+						title: "Approved",
+						value: String(j?.approvedCount ?? 0),
+						description: "expenses approved"
+					}),
+					/* @__PURE__ */ p(r, {
+						title: "Average",
+						value: t(j?.averageAmount ?? 0),
+						icon: /* @__PURE__ */ p(u, { className: "h-5 w-5" }),
+						description: "per expense"
+					})
+				]
+			}),
+			A.length === 0 && !w ? /* @__PURE__ */ p(se, {
+				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", {
+										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: [
+											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.id);
+					})
 				})
-			]
-		}), S.length === 0 && !_ ? /* @__PURE__ */ p(l, {
-			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("button", {
-				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(d, { className: "h-4 w-4" }), "Add Expense"]
-			})
-		}) : /* @__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: S.map((e) => /* @__PURE__ */ m("div", {
-					className: "flex items-center justify-between p-4 hover:bg-bg-sunken/50 transition-colors",
-					children: [/* @__PURE__ */ m("div", {
-						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ p(f, { className: "h-5 w-5 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",
+			}), 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,
+				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", {
+					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(),
+					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: /* @__PURE__ */ m("div", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ m("div", {
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+							children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+								className: "block text-sm font-medium text-text-primary",
+								children: "Amount"
+							}), /* @__PURE__ */ p("input", {
+								type: "number",
+								min: 0,
+								step: "0.01",
+								placeholder: "0.00",
+								value: L.amount,
+								onChange: (e) => R({
+									...L,
+									amount: e.target.value
+								}),
+								className: y
+							})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+								className: "block text-sm font-medium text-text-primary",
+								children: "Category"
+							}), /* @__PURE__ */ p("select", {
+								value: L.category,
+								onChange: (e) => R({
+									...L,
+									category: e.target.value
+								}),
+								className: y,
+								children: v.map((e) => /* @__PURE__ */ p("option", {
+									value: e,
+									children: e
+								}, e))
+							})] })]
+						}),
+						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+							className: "block text-sm font-medium text-text-primary",
+							children: "Description"
+						}), /* @__PURE__ */ p("input", {
+							type: "text",
+							placeholder: "What was this expense for?",
+							value: L.description,
+							onChange: (e) => R({
+								...L,
+								description: e.target.value
+							}),
+							className: y
+						})] }),
+						/* @__PURE__ */ m("div", {
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+							children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+								className: "block text-sm font-medium text-text-primary",
+								children: "Project ID"
+							}), /* @__PURE__ */ p("input", {
+								type: "text",
+								placeholder: "Optional project ID",
+								value: L.projectId,
+								onChange: (e) => R({
+									...L,
+									projectId: e.target.value
+								}),
+								className: y
+							})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+								className: "block text-sm font-medium text-text-primary",
+								children: "Date"
+							}), /* @__PURE__ */ p("input", {
+								type: "date",
+								value: L.date,
+								onChange: (e) => R({
+									...L,
+									date: e.target.value
+								}),
+								className: y
+							})] })]
+						}),
+						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+							className: "block text-sm font-medium text-text-primary",
+							children: "Receipt"
+						}), /* @__PURE__ */ m("div", {
+							className: "mt-1 flex flex-col gap-2",
 							children: [
-								e.category,
-								" ·",
-								" ",
-								e.projectId ?? "No project",
-								" ·",
-								" ",
-								n(e.date)
+								/* @__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" : ""}`,
+									children: [
+										/* @__PURE__ */ p(ye, { className: "h-4 w-4" }),
+										z ? "Uploading..." : "Upload receipt",
+										/* @__PURE__ */ p("input", {
+											type: "file",
+											accept: "image/*,application/pdf",
+											disabled: z,
+											className: "hidden",
+											onChange: (e) => {
+												let t = e.target.files?.[0];
+												e.target.value = "", t && We(t);
+											}
+										})
+									]
+								}),
+								L.receiptUrl && /* @__PURE__ */ m("a", {
+									href: L.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"]
+								}),
+								/* @__PURE__ */ p("p", {
+									className: "text-xs text-text-secondary",
+									children: "Attach an image or PDF. Uploading is optional and never blocks saving the expense."
+								})
 							]
-						})] })]
-					}), /* @__PURE__ */ m("div", {
-						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ p("p", {
-							className: "text-sm font-medium text-text-primary",
-							children: t(e.amount)
-						}), /* @__PURE__ */ p("span", {
-							className: `inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${r(e.status)}`,
-							children: e.status
-						})]
-					})]
-				}, e.id))
+						})] })
+					]
+				})
+			}),
+			/* @__PURE__ */ p(c, {
+				open: U !== null,
+				onClose: () => W(null),
+				title: "Delete expense?",
+				description: U ? `${t(U.amount, U.currency)} · ${U.category} will be removed.` : void 0,
+				size: "sm",
+				footer: /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("button", {
+					onClick: () => W(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,
+					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", {
+					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),
+				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),
+					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,
+					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", {
+					className: "block text-sm font-medium text-text-primary",
+					children: "Reason"
+				}), /* @__PURE__ */ p("textarea", {
+					rows: 3,
+					placeholder: "Reason for rejection (optional)",
+					value: q,
+					onChange: (e) => J(e.target.value),
+					className: y
+				})]
+			}),
+			/* @__PURE__ */ p(c, {
+				open: V !== null,
+				onClose: () => H(null),
+				title: "Expense review",
+				description: V ? `Discuss ${V.description ?? "this expense"} with your team.` : void 0,
+				children: V && /* @__PURE__ */ p(Te, { expense: V })
+			}),
+			/* @__PURE__ */ p(le, {
+				toasts: h,
+				onDismiss: S
 			})
-		})]
+		]
 	});
 }
 //#endregion
-export { h as ExpenseTrackingPage };
+export { S as ExpenseTrackingPage };
 
 //# sourceMappingURL=ExpenseTrackingPage.js.map