@burdenoff/microfe-timecampus 2026.703.4 → 2026.703.6

package/dist/timecampus/pages/time/TimeEntriesPage.js

@@ -1,26 +1,27 @@
-import { formatDate as e, formatHours as t, getStatusColor as n } from "../../utils/helpers.js";
+import { formatDate as e, formatHours as t, getInitials as n } from "../../utils/helpers.js";
 import { LoadingSkeleton as r } from "../../components/LoadingSkeleton.js";
-import { useCreateTimeEntryMutation as i, useDeleteTimeEntryMutation as a, useDuplicateTimeEntryMutation as o, useListProjectsQuery as s, useListTimeEntriesQuery as c, useUpdateTimeEntryMutation as ee } from "../../../generated/wspace-operations.js";
-import { PageLayout as l } from "../../components/PageLayout.js";
-import { EmptyState as te } from "../../components/EmptyState.js";
-import { Modal as u } from "../../components/Modal.js";
-import { useMemo as d, useState as f } from "react";
-import { Copy as ne, Download as p, Filter as re, Pencil as ie, Plus as m, Trash2 as ae } from "lucide-react";
-import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { useCreateTimeEntryMutation as i, useDeleteTimeEntryMutation as a, useDuplicateTimeEntryMutation as o, useListProjectsQuery as s, useListTimeEntriesQuery as ee, useUpdateTimeEntryMutation as te } from "../../../generated/wspace-operations.js";
+import { PageLayout as c } from "../../components/PageLayout.js";
+import { StatusBadge as l } from "../../components/StatusBadge.js";
+import { EmptyState as u } from "../../components/EmptyState.js";
+import { Modal as d } from "../../components/Modal.js";
+import { useMemo as ne, useState as f } from "react";
+import { Copy as re, Download as ie, Filter as p, Pencil as m, Plus as h, Trash2 as ae } from "lucide-react";
+import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
 import { GlassCard as oe } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/time/TimeEntriesPage.tsx
 var se = 50;
-function v(e) {
+function y(e) {
 	if (!e) return "";
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? "" : (/* @__PURE__ */ new Date(t.getTime() - t.getTimezoneOffset() * 6e4)).toISOString().slice(0, 16);
 }
-function y(e) {
+function b(e) {
 	if (!e) return;
 	let t = new Date(e);
 	if (!Number.isNaN(t.getTime())) return t.toISOString();
 }
-function b() {
+function x() {
 	let e = /* @__PURE__ */ new Date();
 	return {
 		description: "",
@@ -30,58 +31,58 @@ function b() {
 		billable: !1
 	};
 }
-function x({ form: e, onChange: t, projects: n }) {
-	return /* @__PURE__ */ _("div", {
+function S({ form: e, onChange: t, projects: n }) {
+	return /* @__PURE__ */ v("div", {
 		className: "space-y-4",
 		children: [
-			/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+			/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
 				className: "block text-sm font-medium text-text-primary",
 				children: "Description"
-			}), /* @__PURE__ */ g("input", {
+			}), /* @__PURE__ */ _("input", {
 				type: "text",
 				placeholder: "What did you work on?",
 				value: e.description,
 				onChange: (e) => t({ description: e.target.value }),
 				className: "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"
 			})] }),
-			/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+			/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
 				className: "block text-sm font-medium text-text-primary",
 				children: "Project"
-			}), /* @__PURE__ */ _("select", {
+			}), /* @__PURE__ */ v("select", {
 				value: e.projectId,
 				onChange: (e) => t({ projectId: e.target.value }),
 				className: "mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
-				children: [/* @__PURE__ */ g("option", {
+				children: [/* @__PURE__ */ _("option", {
 					value: "",
 					children: "No Project"
-				}), n.map((e) => /* @__PURE__ */ g("option", {
+				}), n.map((e) => /* @__PURE__ */ _("option", {
 					value: e.id,
 					children: e.name
 				}, e.id))]
 			})] }),
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ v("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-				children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+				children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
 					className: "block text-sm font-medium text-text-primary",
 					children: "Start"
-				}), /* @__PURE__ */ g("input", {
+				}), /* @__PURE__ */ _("input", {
 					type: "datetime-local",
 					value: e.startTime,
 					onChange: (e) => t({ startTime: e.target.value }),
 					className: "mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
-				})] }), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+				})] }), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
 					className: "block text-sm font-medium text-text-primary",
 					children: "End"
-				}), /* @__PURE__ */ g("input", {
+				}), /* @__PURE__ */ _("input", {
 					type: "datetime-local",
 					value: e.endTime,
 					onChange: (e) => t({ endTime: e.target.value }),
 					className: "mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary"
 				})] })]
 			}),
-			/* @__PURE__ */ _("label", {
+			/* @__PURE__ */ v("label", {
 				className: "flex items-center gap-2 text-sm text-text-primary",
-				children: [/* @__PURE__ */ g("input", {
+				children: [/* @__PURE__ */ _("input", {
 					type: "checkbox",
 					checked: e.billable,
 					onChange: (e) => t({ billable: e.target.checked }),
@@ -91,19 +92,19 @@ function x({ form: e, onChange: t, projects: n }) {
 		]
 	});
 }
-function S() {
-	let [S, C] = f({}), [ce, w] = f(!1), [T, E] = f("all"), [D, O] = f(""), [k, A] = f(""), [le, j] = f(!1), [M, N] = f(b), [P, F] = f(null), [I, L] = f(b), [R, z] = f(null), B = Object.keys(S).length > 0, { data: V, loading: H, error: U, fetchMore: W, refetch: G } = c({
+function C() {
+	let [C, w] = f({}), [ce, T] = f(!1), [E, D] = f("all"), [O, k] = f(""), [A, j] = f(""), [le, M] = f(!1), [N, P] = f(x), [F, I] = f(null), [L, R] = f(x), [z, B] = f(null), V = Object.keys(C).length > 0, { data: H, loading: U, error: ue, fetchMore: de, refetch: W } = ee({
 		variables: {
 			limit: se,
 			offset: 0,
-			filter: B ? S : void 0
+			filter: V ? C : void 0
 		},
 		notifyOnNetworkStatusChange: !0
-	}), { data: ue } = s({ variables: { limit: 100 } }), K = ue?.projects?.items ?? [], q = d(() => V?.timeEntries?.items ?? [], [V?.timeEntries?.items]), de = V?.timeEntries?.hasMore ?? !1, fe = V?.timeEntries?.total ?? 0, [pe, { loading: J, error: me }] = i(), [he, { loading: Y, error: ge }] = ee(), [_e, { loading: X }] = a(), [ve, { loading: ye }] = o(), [Z, Q] = f(!1), be = async () => {
+	}), { data: fe } = s({ variables: { limit: 100 } }), G = fe?.projects?.items ?? [], K = ne(() => H?.timeEntries?.items ?? [], [H?.timeEntries?.items]), pe = H?.timeEntries?.hasMore ?? !1, me = H?.timeEntries?.total ?? 0, [he, { loading: q, error: ge }] = i(), [_e, { loading: J, error: ve }] = te(), [ye, { loading: Y }] = a(), [be, { loading: X }] = o(), [Z, Q] = f(!1), xe = async () => {
 		Q(!0);
 		try {
-			await W({
-				variables: { offset: q.length },
+			await de({
+				variables: { offset: K.length },
 				updateQuery: (e, { fetchMoreResult: t }) => t ? {
 					...t,
 					timeEntries: {
@@ -116,67 +117,67 @@ function S() {
 			Q(!1);
 		}
 	}, $ = () => {
-		N(b()), j(!0);
-	}, xe = async () => {
-		let e = y(M.startTime);
-		e && (await pe({ variables: { input: {
-			description: M.description.trim() || void 0,
-			projectId: M.projectId || void 0,
+		P(x()), M(!0);
+	}, Se = async () => {
+		let e = b(N.startTime);
+		e && (await he({ variables: { input: {
+			description: N.description.trim() || void 0,
+			projectId: N.projectId || void 0,
 			startTime: e,
-			endTime: y(M.endTime),
-			billable: M.billable,
+			endTime: b(N.endTime),
+			billable: N.billable,
 			source: "manual"
-		} } }), j(!1), await G());
-	}, Se = (e) => {
-		F(e), L({
+		} } }), M(!1), await W());
+	}, Ce = (e) => {
+		I(e), R({
 			description: e.description ?? "",
 			projectId: e.projectId ?? "",
-			startTime: v(e.startTime),
-			endTime: v(e.endTime),
+			startTime: y(e.startTime),
+			endTime: y(e.endTime),
 			billable: e.billable
 		});
-	}, Ce = async () => {
-		if (!P) return;
-		let e = y(I.startTime);
-		e && (await he({ variables: {
-			id: P.id,
+	}, we = async () => {
+		if (!F) return;
+		let e = b(L.startTime);
+		e && (await _e({ variables: {
+			id: F.id,
 			input: {
-				description: I.description.trim() || void 0,
-				projectId: I.projectId || void 0,
+				description: L.description.trim() || void 0,
+				projectId: L.projectId || void 0,
 				startTime: e,
-				endTime: y(I.endTime),
-				billable: I.billable
+				endTime: b(L.endTime),
+				billable: L.billable
 			}
-		} }), F(null), await G());
-	}, we = async (e) => {
-		await ve({ variables: { id: e.id } }), await G();
+		} }), I(null), await W());
+	}, Te = async (e) => {
+		await be({ variables: { id: e.id } }), await W();
 	};
-	return U ? /* @__PURE__ */ g(l, {
+	return ue ? /* @__PURE__ */ _(c, {
 		title: "Time Entries",
 		description: "View and manage all time entries",
-		children: /* @__PURE__ */ g("div", {
+		children: /* @__PURE__ */ _("div", {
 			className: "rounded-xl border border-status-error-bg/40 bg-status-error-bg p-6 text-sm text-status-error-text",
 			children: "Failed to load time entries. Please try again later."
 		})
-	}) : /* @__PURE__ */ _(l, {
+	}) : /* @__PURE__ */ v(c, {
 		title: "Time Entries",
 		description: "View and manage all time entries",
 		purpose: "Every tracked block of work in one auditable list — filter, correct and confirm entries here before they roll into timesheets, approvals and client invoices.",
-		actions: /* @__PURE__ */ _("div", {
+		actions: /* @__PURE__ */ v("div", {
 			className: "flex items-center gap-2",
 			children: [
-				/* @__PURE__ */ _("button", {
+				/* @__PURE__ */ v("button", {
 					onClick: () => {
-						E(S.billable === void 0 ? "all" : S.billable ? "yes" : "no"), O(S.projectId ?? ""), A(S.search ?? ""), w(!0);
+						D(C.billable === void 0 ? "all" : C.billable ? "yes" : "no"), k(C.projectId ?? ""), j(C.search ?? ""), T(!0);
 					},
-					className: `inline-flex items-center gap-1.5 rounded-md border px-3 py-2 text-sm font-medium hover:bg-bg-sunken/50 ${B ? "border-action-primary-border text-primary" : "border-border-subtle text-text-primary"}`,
+					className: `inline-flex items-center gap-1.5 rounded-md border px-3 py-2 text-sm font-medium hover:bg-bg-sunken/50 ${V ? "border-action-primary-border text-primary" : "border-border-subtle text-text-primary"}`,
 					children: [
-						/* @__PURE__ */ g(re, { className: "h-4 w-4" }),
+						/* @__PURE__ */ _(p, { className: "h-4 w-4" }),
 						"Filter",
-						B ? ` (${Object.keys(S).length})` : ""
+						V ? ` (${Object.keys(C).length})` : ""
 					]
 				}),
-				/* @__PURE__ */ _("button", {
+				/* @__PURE__ */ v("button", {
 					onClick: () => {
 						let t = [
 							"Date",
@@ -185,7 +186,7 @@ function S() {
 							"Duration (hours)",
 							"Billable",
 							"Status"
-						], n = q.map((t) => [
+						], n = K.map((t) => [
 							e(t.startTime),
 							t.project?.name ?? "No Project",
 							t.task?.title ?? t.description ?? "",
@@ -195,131 +196,139 @@ function S() {
 						]), r = (e) => `"${e.replace(/"/g, "\"\"")}"`, i = [t, ...n].map((e) => e.map((e) => r(String(e))).join(",")).join("\n"), a = new Blob([i], { type: "text/csv;charset=utf-8;" }), o = URL.createObjectURL(a), s = document.createElement("a");
 						s.href = o, s.download = `time-entries-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.csv`, document.body.appendChild(s), s.click(), document.body.removeChild(s), URL.revokeObjectURL(o);
 					},
-					disabled: q.length === 0,
+					disabled: K.length === 0,
 					className: "inline-flex 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 disabled:opacity-50",
-					children: [/* @__PURE__ */ g(p, { className: "h-4 w-4" }), "Export"]
+					children: [/* @__PURE__ */ _(ie, { className: "h-4 w-4" }), "Export"]
 				}),
-				/* @__PURE__ */ _("button", {
+				/* @__PURE__ */ v("button", {
 					onClick: $,
 					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__ */ g(m, { className: "h-4 w-4" }), "New Entry"]
+					children: [/* @__PURE__ */ _(h, { className: "h-4 w-4" }), "New Entry"]
 				})
 			]
 		}),
 		children: [
-			H && q.length === 0 ? /* @__PURE__ */ g(r, {
+			U && K.length === 0 ? /* @__PURE__ */ _(r, {
 				variant: "table",
 				count: 5
-			}) : q.length === 0 ? /* @__PURE__ */ g(te, {
+			}) : K.length === 0 ? /* @__PURE__ */ _(u, {
 				illustration: "empty-data",
 				title: "No time entries found",
 				description: "Track time with a timer or add a manual entry — your entries will appear here.",
-				action: /* @__PURE__ */ _("button", {
+				action: /* @__PURE__ */ v("button", {
 					onClick: $,
 					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__ */ g(m, { className: "h-4 w-4" }), "New Entry"]
+					children: [/* @__PURE__ */ _(h, { className: "h-4 w-4" }), "New Entry"]
 				})
-			}) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(oe, {
+			}) : /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _(oe, {
 				treatment: "glass",
 				glow: !0,
 				className: "overflow-hidden",
-				children: /* @__PURE__ */ g("div", {
+				children: /* @__PURE__ */ _("div", {
 					className: "overflow-x-auto",
-					children: /* @__PURE__ */ _("table", {
+					children: /* @__PURE__ */ v("table", {
 						className: "w-full",
-						children: [/* @__PURE__ */ g("thead", { children: /* @__PURE__ */ _("tr", {
+						children: [/* @__PURE__ */ _("thead", { children: /* @__PURE__ */ v("tr", {
 							className: "border-b border-border-subtle",
 							children: [
-								/* @__PURE__ */ g("th", {
+								/* @__PURE__ */ _("th", {
 									className: "px-4 py-3 text-left text-xs font-medium text-text-secondary",
-									children: "Date"
+									children: "Entry"
 								}),
-								/* @__PURE__ */ g("th", {
+								/* @__PURE__ */ _("th", {
 									className: "px-4 py-3 text-left text-xs font-medium text-text-secondary",
 									children: "Project"
 								}),
-								/* @__PURE__ */ g("th", {
-									className: "px-4 py-3 text-left text-xs font-medium text-text-secondary",
-									children: "Task"
-								}),
-								/* @__PURE__ */ g("th", {
+								/* @__PURE__ */ _("th", {
 									className: "px-4 py-3 text-left text-xs font-medium text-text-secondary",
 									children: "Duration"
 								}),
-								/* @__PURE__ */ g("th", {
+								/* @__PURE__ */ _("th", {
 									className: "px-4 py-3 text-left text-xs font-medium text-text-secondary",
 									children: "Billable"
 								}),
-								/* @__PURE__ */ g("th", {
+								/* @__PURE__ */ _("th", {
 									className: "px-4 py-3 text-left text-xs font-medium text-text-secondary",
 									children: "Status"
 								}),
-								/* @__PURE__ */ g("th", {
+								/* @__PURE__ */ _("th", {
 									className: "px-4 py-3 text-right text-xs font-medium text-text-secondary",
 									children: "Actions"
 								})
 							]
-						}) }), /* @__PURE__ */ g("tbody", {
+						}) }), /* @__PURE__ */ _("tbody", {
 							className: "divide-y divide-border",
-							children: q.map((r) => /* @__PURE__ */ _("tr", {
+							children: K.map((r) => /* @__PURE__ */ v("tr", {
 								className: "hover:bg-bg-sunken/50 transition-colors",
 								children: [
-									/* @__PURE__ */ g("td", {
-										className: "px-4 py-3 text-sm text-text-secondary",
-										children: e(r.startTime)
-									}),
-									/* @__PURE__ */ g("td", {
-										className: "px-4 py-3 text-sm font-medium text-text-primary",
-										children: r.project?.name ?? "No Project"
+									/* @__PURE__ */ v("td", {
+										className: "px-4 py-3",
+										children: [/* @__PURE__ */ _("p", {
+											className: "text-sm font-medium text-text-primary",
+											children: r.task?.title ?? r.description ?? "No description"
+										}), /* @__PURE__ */ _("p", {
+											className: "text-xs text-text-secondary",
+											children: e(r.startTime)
+										})]
 									}),
-									/* @__PURE__ */ g("td", {
-										className: "px-4 py-3 text-sm text-text-secondary",
-										children: r.task?.title ?? r.description ?? "No description"
+									/* @__PURE__ */ _("td", {
+										className: "px-4 py-3",
+										children: /* @__PURE__ */ v("div", {
+											className: "flex items-center gap-2",
+											children: [/* @__PURE__ */ _("span", {
+												className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md bg-action-primary-bg/10 text-xs font-semibold text-primary",
+												children: n(r.project?.name ?? "No Project")
+											}), /* @__PURE__ */ _("span", {
+												className: "text-sm font-medium text-text-primary",
+												children: r.project?.name ?? "No Project"
+											})]
+										})
 									}),
-									/* @__PURE__ */ g("td", {
+									/* @__PURE__ */ _("td", {
 										className: "px-4 py-3 text-sm font-mono text-text-primary",
 										children: t((r.duration ?? 0) / 3600)
 									}),
-									/* @__PURE__ */ g("td", {
+									/* @__PURE__ */ _("td", {
 										className: "px-4 py-3",
-										children: /* @__PURE__ */ g("span", {
-											className: `inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${r.billable ? "bg-status-success-bg text-status-success-text" : "bg-bg-sunken text-text-secondary"}`,
-											children: r.billable ? "Yes" : "No"
+										children: /* @__PURE__ */ _(l, {
+											label: r.billable ? "Billable" : "Non-billable",
+											variant: r.billable ? "success" : "muted"
 										})
 									}),
-									/* @__PURE__ */ g("td", {
+									/* @__PURE__ */ _("td", {
 										className: "px-4 py-3",
-										children: /* @__PURE__ */ g("span", {
-											className: `inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${n(r.isRunning ? "running" : "completed")}`,
-											children: r.isRunning ? "running" : "completed"
+										children: /* @__PURE__ */ _(l, {
+											status: r.isRunning ? "running" : "completed",
+											dot: r.isRunning,
+											label: r.isRunning ? "running" : "completed"
 										})
 									}),
-									/* @__PURE__ */ g("td", {
+									/* @__PURE__ */ _("td", {
 										className: "px-4 py-3",
-										children: /* @__PURE__ */ _("div", {
+										children: /* @__PURE__ */ v("div", {
 											className: "flex items-center justify-end gap-1",
 											children: [
-												/* @__PURE__ */ g("button", {
-													onClick: () => Se(r),
+												/* @__PURE__ */ _("button", {
+													onClick: () => Ce(r),
 													title: "Edit entry",
 													"aria-label": "Edit entry",
 													className: "rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-text-primary",
-													children: /* @__PURE__ */ g(ie, { className: "h-4 w-4" })
+													children: /* @__PURE__ */ _(m, { className: "h-4 w-4" })
 												}),
-												/* @__PURE__ */ g("button", {
-													onClick: () => we(r),
-													disabled: ye,
+												/* @__PURE__ */ _("button", {
+													onClick: () => Te(r),
+													disabled: X,
 													title: "Duplicate entry",
 													"aria-label": "Duplicate entry",
 													className: "rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-text-primary disabled:opacity-50",
-													children: /* @__PURE__ */ g(ne, { className: "h-4 w-4" })
+													children: /* @__PURE__ */ _(re, { className: "h-4 w-4" })
 												}),
-												/* @__PURE__ */ g("button", {
-													onClick: () => z(r),
+												/* @__PURE__ */ _("button", {
+													onClick: () => B(r),
 													title: "Delete entry",
 													"aria-label": "Delete entry",
 													className: "rounded-md p-1.5 text-status-error-text hover:bg-status-error-bg",
-													children: /* @__PURE__ */ g(ae, { className: "h-4 w-4" })
+													children: /* @__PURE__ */ _(ae, { className: "h-4 w-4" })
 												})
 											]
 										})
@@ -329,173 +338,173 @@ function S() {
 						})]
 					})
 				})
-			}), /* @__PURE__ */ _("div", {
+			}), /* @__PURE__ */ v("div", {
 				className: "mt-4 flex items-center justify-between",
-				children: [/* @__PURE__ */ _("p", {
+				children: [/* @__PURE__ */ v("p", {
 					className: "text-xs text-text-secondary",
 					children: [
 						"Showing ",
-						q.length,
+						K.length,
 						" of ",
-						fe
+						me
 					]
-				}), de && /* @__PURE__ */ g("button", {
-					onClick: be,
+				}), pe && /* @__PURE__ */ _("button", {
+					onClick: xe,
 					disabled: Z,
 					className: "inline-flex items-center gap-1.5 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: Z ? "Loading..." : "Load more"
 				})]
 			})] }),
-			/* @__PURE__ */ _(u, {
+			/* @__PURE__ */ v(d, {
 				open: le,
-				onClose: () => j(!1),
+				onClose: () => M(!1),
 				title: "New Time Entry",
 				description: "Manually log a block of work.",
 				size: "lg",
-				footer: /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("button", {
-					onClick: () => j(!1),
+				footer: /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("button", {
+					onClick: () => M(!1),
 					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__ */ g("button", {
-					onClick: xe,
-					disabled: J || !M.startTime,
+				}), /* @__PURE__ */ _("button", {
+					onClick: Se,
+					disabled: q || !N.startTime,
 					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: J ? "Saving..." : "Create Entry"
+					children: q ? "Saving..." : "Create Entry"
 				})] }),
-				children: [me && /* @__PURE__ */ g("div", {
+				children: [ge && /* @__PURE__ */ _("div", {
 					className: "mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text",
 					children: "Failed to create entry. Please try again."
-				}), /* @__PURE__ */ g(x, {
-					form: M,
-					onChange: (e) => N((t) => ({
+				}), /* @__PURE__ */ _(S, {
+					form: N,
+					onChange: (e) => P((t) => ({
 						...t,
 						...e
 					})),
-					projects: K
+					projects: G
 				})]
 			}),
-			/* @__PURE__ */ _(u, {
-				open: !!P,
-				onClose: () => F(null),
+			/* @__PURE__ */ v(d, {
+				open: !!F,
+				onClose: () => I(null),
 				title: "Edit Time Entry",
 				description: "Correct the details of this logged block.",
 				size: "lg",
-				footer: /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("button", {
-					onClick: () => F(null),
+				footer: /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("button", {
+					onClick: () => I(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__ */ g("button", {
-					onClick: Ce,
-					disabled: Y || !I.startTime,
+				}), /* @__PURE__ */ _("button", {
+					onClick: we,
+					disabled: J || !L.startTime,
 					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: Y ? "Saving..." : "Save Changes"
+					children: J ? "Saving..." : "Save Changes"
 				})] }),
-				children: [ge && /* @__PURE__ */ g("div", {
+				children: [ve && /* @__PURE__ */ _("div", {
 					className: "mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text",
 					children: "Failed to update entry. Please try again."
-				}), /* @__PURE__ */ g(x, {
-					form: I,
-					onChange: (e) => L((t) => ({
+				}), /* @__PURE__ */ _(S, {
+					form: L,
+					onChange: (e) => R((t) => ({
 						...t,
 						...e
 					})),
-					projects: K
+					projects: G
 				})]
 			}),
-			/* @__PURE__ */ g(u, {
-				open: !!R,
-				onClose: () => z(null),
+			/* @__PURE__ */ _(d, {
+				open: !!z,
+				onClose: () => B(null),
 				title: "Delete time entry?",
 				description: "This permanently removes the entry. It cannot be undone.",
-				footer: /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("button", {
-					onClick: () => z(null),
+				footer: /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("button", {
+					onClick: () => B(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__ */ g("button", {
+				}), /* @__PURE__ */ _("button", {
 					onClick: async () => {
-						R && (await _e({ variables: { id: R.id } }), z(null), await G());
+						z && (await ye({ variables: { id: z.id } }), B(null), await W());
 					},
-					disabled: X,
+					disabled: Y,
 					className: "rounded-md bg-action-danger-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-danger-bg/90 disabled:opacity-50",
-					children: X ? "Deleting..." : "Delete"
+					children: Y ? "Deleting..." : "Delete"
 				})] }),
-				children: /* @__PURE__ */ _("p", {
+				children: /* @__PURE__ */ v("p", {
 					className: "text-sm text-text-secondary",
 					children: [
 						"Delete the entry for",
 						" ",
-						/* @__PURE__ */ g("span", {
+						/* @__PURE__ */ _("span", {
 							className: "font-medium text-text-primary",
-							children: R?.project?.name ?? R?.description ?? "this block of work"
+							children: z?.project?.name ?? z?.description ?? "this block of work"
 						}),
 						"?"
 					]
 				})
 			}),
-			/* @__PURE__ */ g(u, {
+			/* @__PURE__ */ _(d, {
 				open: ce,
-				onClose: () => w(!1),
+				onClose: () => T(!1),
 				title: "Filter entries",
 				description: "Narrow the list to what you need.",
-				footer: /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("button", {
+				footer: /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("button", {
 					onClick: () => {
-						E("all"), O(""), A(""), C({}), w(!1);
+						D("all"), k(""), j(""), w({}), T(!1);
 					},
 					className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50",
 					children: "Clear"
-				}), /* @__PURE__ */ g("button", {
+				}), /* @__PURE__ */ _("button", {
 					onClick: () => {
 						let e = {};
-						T !== "all" && (e.billable = T === "yes"), D && (e.projectId = D), k.trim() && (e.search = k.trim()), C(e), w(!1);
+						E !== "all" && (e.billable = E === "yes"), O && (e.projectId = O), A.trim() && (e.search = A.trim()), w(e), T(!1);
 					},
 					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",
 					children: "Apply"
 				})] }),
-				children: /* @__PURE__ */ _("div", {
+				children: /* @__PURE__ */ v("div", {
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+						/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
 							className: "block text-sm font-medium text-text-primary",
 							children: "Search"
-						}), /* @__PURE__ */ g("input", {
+						}), /* @__PURE__ */ _("input", {
 							type: "text",
 							placeholder: "Description contains...",
-							value: k,
-							onChange: (e) => A(e.target.value),
+							value: A,
+							onChange: (e) => j(e.target.value),
 							className: "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"
 						})] }),
-						/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+						/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
 							className: "block text-sm font-medium text-text-primary",
 							children: "Project"
-						}), /* @__PURE__ */ _("select", {
-							value: D,
-							onChange: (e) => O(e.target.value),
+						}), /* @__PURE__ */ v("select", {
+							value: O,
+							onChange: (e) => k(e.target.value),
 							className: "mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
-							children: [/* @__PURE__ */ g("option", {
+							children: [/* @__PURE__ */ _("option", {
 								value: "",
 								children: "All Projects"
-							}), K.map((e) => /* @__PURE__ */ g("option", {
+							}), G.map((e) => /* @__PURE__ */ _("option", {
 								value: e.id,
 								children: e.name
 							}, e.id))]
 						})] }),
-						/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+						/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("label", {
 							className: "block text-sm font-medium text-text-primary",
 							children: "Billable"
-						}), /* @__PURE__ */ _("select", {
-							value: T,
-							onChange: (e) => E(e.target.value),
+						}), /* @__PURE__ */ v("select", {
+							value: E,
+							onChange: (e) => D(e.target.value),
 							className: "mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary",
 							children: [
-								/* @__PURE__ */ g("option", {
+								/* @__PURE__ */ _("option", {
 									value: "all",
 									children: "All"
 								}),
-								/* @__PURE__ */ g("option", {
+								/* @__PURE__ */ _("option", {
 									value: "yes",
 									children: "Billable only"
 								}),
-								/* @__PURE__ */ g("option", {
+								/* @__PURE__ */ _("option", {
 									value: "no",
 									children: "Non-billable only"
 								})
@@ -508,6 +517,6 @@ function S() {
 	});
 }
 //#endregion
-export { S as TimeEntriesPage };
+export { C as TimeEntriesPage };
 
 //# sourceMappingURL=TimeEntriesPage.js.map