@burdenoff/microfe-timecampus 2026.626.2 → 2026.703.2

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

@@ -1,126 +1,513 @@
 import { formatDate as e, formatHours as t, getStatusColor as n } from "../../utils/helpers.js";
 import { LoadingSkeleton as r } from "../../components/LoadingSkeleton.js";
-import { useListTimeEntriesQuery as i } from "../../../generated/wspace-operations.js";
-import { PageLayout as a } from "../../components/PageLayout.js";
-import { EmptyState as o } from "../../components/EmptyState.js";
-import { Filter as s, Plus as c } from "lucide-react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { GlassCard as d } from "@burdenoff/fe-libs/ui";
+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 { GlassCard as oe } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/time/TimeEntriesPage.tsx
-function f() {
-	let { data: f, loading: p, error: m } = i({ variables: { limit: 50 } }), h = f?.timeEntries?.items ?? [];
-	return m ? /* @__PURE__ */ l(a, {
+var se = 50;
+function v(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) {
+	if (!e) return;
+	let t = new Date(e);
+	if (!Number.isNaN(t.getTime())) return t.toISOString();
+}
+function b() {
+	let e = /* @__PURE__ */ new Date();
+	return {
+		description: "",
+		projectId: "",
+		startTime: (/* @__PURE__ */ new Date(e.getTime() - e.getTimezoneOffset() * 6e4)).toISOString().slice(0, 16),
+		endTime: "",
+		billable: !1
+	};
+}
+function x({ form: e, onChange: t, projects: n }) {
+	return /* @__PURE__ */ _("div", {
+		className: "space-y-4",
+		children: [
+			/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+				className: "block text-sm font-medium text-text-primary",
+				children: "Description"
+			}), /* @__PURE__ */ g("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", {
+				className: "block text-sm font-medium text-text-primary",
+				children: "Project"
+			}), /* @__PURE__ */ _("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", {
+					value: "",
+					children: "No Project"
+				}), n.map((e) => /* @__PURE__ */ g("option", {
+					value: e.id,
+					children: e.name
+				}, e.id))]
+			})] }),
+			/* @__PURE__ */ _("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+				children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+					className: "block text-sm font-medium text-text-primary",
+					children: "Start"
+				}), /* @__PURE__ */ g("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", {
+					className: "block text-sm font-medium text-text-primary",
+					children: "End"
+				}), /* @__PURE__ */ g("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", {
+				className: "flex items-center gap-2 text-sm text-text-primary",
+				children: [/* @__PURE__ */ g("input", {
+					type: "checkbox",
+					checked: e.billable,
+					onChange: (e) => t({ billable: e.target.checked }),
+					className: "h-4 w-4 rounded border-border-subtle"
+				}), "Billable"]
+			})
+		]
+	});
+}
+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({
+		variables: {
+			limit: se,
+			offset: 0,
+			filter: B ? S : 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 () => {
+		Q(!0);
+		try {
+			await W({
+				variables: { offset: q.length },
+				updateQuery: (e, { fetchMoreResult: t }) => t ? {
+					...t,
+					timeEntries: {
+						...t.timeEntries,
+						items: [...e.timeEntries.items, ...t.timeEntries.items]
+					}
+				} : e
+			});
+		} finally {
+			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,
+			startTime: e,
+			endTime: y(M.endTime),
+			billable: M.billable,
+			source: "manual"
+		} } }), j(!1), await G());
+	}, Se = (e) => {
+		F(e), L({
+			description: e.description ?? "",
+			projectId: e.projectId ?? "",
+			startTime: v(e.startTime),
+			endTime: v(e.endTime),
+			billable: e.billable
+		});
+	}, Ce = async () => {
+		if (!P) return;
+		let e = y(I.startTime);
+		e && (await he({ variables: {
+			id: P.id,
+			input: {
+				description: I.description.trim() || void 0,
+				projectId: I.projectId || void 0,
+				startTime: e,
+				endTime: y(I.endTime),
+				billable: I.billable
+			}
+		} }), F(null), await G());
+	}, we = async (e) => {
+		await ve({ variables: { id: e.id } }), await G();
+	};
+	return U ? /* @__PURE__ */ g(l, {
 		title: "Time Entries",
 		description: "View and manage all time entries",
-		children: /* @__PURE__ */ l("div", {
+		children: /* @__PURE__ */ g("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(a, {
+	}) : /* @__PURE__ */ _(l, {
 		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__ */ u("div", {
+		actions: /* @__PURE__ */ _("div", {
 			className: "flex items-center gap-2",
-			children: [/* @__PURE__ */ u("button", {
-				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",
-				children: [/* @__PURE__ */ l(s, { className: "h-4 w-4" }), "Filter"]
-			}), /* @__PURE__ */ u("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__ */ l(c, { className: "h-4 w-4" }), "Add Entry"]
-			})]
+			children: [
+				/* @__PURE__ */ _("button", {
+					onClick: () => {
+						E(S.billable === void 0 ? "all" : S.billable ? "yes" : "no"), O(S.projectId ?? ""), A(S.search ?? ""), w(!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"}`,
+					children: [
+						/* @__PURE__ */ g(re, { className: "h-4 w-4" }),
+						"Filter",
+						B ? ` (${Object.keys(S).length})` : ""
+					]
+				}),
+				/* @__PURE__ */ _("button", {
+					onClick: () => {
+						let t = [
+							"Date",
+							"Project",
+							"Task/Description",
+							"Duration (hours)",
+							"Billable",
+							"Status"
+						], n = q.map((t) => [
+							e(t.startTime),
+							t.project?.name ?? "No Project",
+							t.task?.title ?? t.description ?? "",
+							((t.duration ?? 0) / 3600).toFixed(2),
+							t.billable ? "Yes" : "No",
+							t.isRunning ? "running" : "completed"
+						]), 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,
+					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"]
+				}),
+				/* @__PURE__ */ _("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: p ? /* @__PURE__ */ l(r, {
-			variant: "table",
-			count: 5
-		}) : h.length === 0 ? /* @__PURE__ */ l(o, {
-			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__ */ u("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__ */ l(c, { className: "h-4 w-4" }), "Add Entry"]
-			})
-		}) : /* @__PURE__ */ l(d, {
-			treatment: "glass",
-			glow: !0,
-			className: "overflow-hidden",
-			children: /* @__PURE__ */ l("div", {
-				className: "overflow-x-auto",
-				children: /* @__PURE__ */ u("table", {
-					className: "w-full",
-					children: [/* @__PURE__ */ l("thead", { children: /* @__PURE__ */ u("tr", {
-						className: "border-b border-border-subtle",
-						children: [
-							/* @__PURE__ */ l("th", {
-								className: "px-4 py-3 text-left text-xs font-medium text-text-secondary",
-								children: "Date"
-							}),
-							/* @__PURE__ */ l("th", {
-								className: "px-4 py-3 text-left text-xs font-medium text-text-secondary",
-								children: "Project"
-							}),
-							/* @__PURE__ */ l("th", {
-								className: "px-4 py-3 text-left text-xs font-medium text-text-secondary",
-								children: "Task"
-							}),
-							/* @__PURE__ */ l("th", {
-								className: "px-4 py-3 text-left text-xs font-medium text-text-secondary",
-								children: "Duration"
-							}),
-							/* @__PURE__ */ l("th", {
-								className: "px-4 py-3 text-left text-xs font-medium text-text-secondary",
-								children: "Billable"
-							}),
-							/* @__PURE__ */ l("th", {
-								className: "px-4 py-3 text-left text-xs font-medium text-text-secondary",
-								children: "Status"
-							})
-						]
-					}) }), /* @__PURE__ */ l("tbody", {
-						className: "divide-y divide-border",
-						children: h.map((r) => /* @__PURE__ */ u("tr", {
-							className: "hover:bg-bg-sunken/50 transition-colors",
+		children: [
+			H && q.length === 0 ? /* @__PURE__ */ g(r, {
+				variant: "table",
+				count: 5
+			}) : q.length === 0 ? /* @__PURE__ */ g(te, {
+				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", {
+					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"]
+				})
+			}) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(oe, {
+				treatment: "glass",
+				glow: !0,
+				className: "overflow-hidden",
+				children: /* @__PURE__ */ g("div", {
+					className: "overflow-x-auto",
+					children: /* @__PURE__ */ _("table", {
+						className: "w-full",
+						children: [/* @__PURE__ */ g("thead", { children: /* @__PURE__ */ _("tr", {
+							className: "border-b border-border-subtle",
 							children: [
-								/* @__PURE__ */ l("td", {
-									className: "px-4 py-3 text-sm text-text-secondary",
-									children: e(r.startTime)
+								/* @__PURE__ */ g("th", {
+									className: "px-4 py-3 text-left text-xs font-medium text-text-secondary",
+									children: "Date"
 								}),
-								/* @__PURE__ */ l("td", {
-									className: "px-4 py-3 text-sm font-medium text-text-primary",
-									children: r.project?.name ?? "No Project"
+								/* @__PURE__ */ g("th", {
+									className: "px-4 py-3 text-left text-xs font-medium text-text-secondary",
+									children: "Project"
 								}),
-								/* @__PURE__ */ l("td", {
-									className: "px-4 py-3 text-sm text-text-secondary",
-									children: r.task?.title ?? r.description ?? "No description"
+								/* @__PURE__ */ g("th", {
+									className: "px-4 py-3 text-left text-xs font-medium text-text-secondary",
+									children: "Task"
 								}),
-								/* @__PURE__ */ l("td", {
-									className: "px-4 py-3 text-sm font-mono text-text-primary",
-									children: t((r.duration ?? 0) / 3600)
+								/* @__PURE__ */ g("th", {
+									className: "px-4 py-3 text-left text-xs font-medium text-text-secondary",
+									children: "Duration"
 								}),
-								/* @__PURE__ */ l("td", {
-									className: "px-4 py-3",
-									children: /* @__PURE__ */ l("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"
-									})
+								/* @__PURE__ */ g("th", {
+									className: "px-4 py-3 text-left text-xs font-medium text-text-secondary",
+									children: "Billable"
 								}),
-								/* @__PURE__ */ l("td", {
-									className: "px-4 py-3",
-									children: /* @__PURE__ */ l("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"
+								/* @__PURE__ */ g("th", {
+									className: "px-4 py-3 text-left text-xs font-medium text-text-secondary",
+									children: "Status"
+								}),
+								/* @__PURE__ */ g("th", {
+									className: "px-4 py-3 text-right text-xs font-medium text-text-secondary",
+									children: "Actions"
+								})
+							]
+						}) }), /* @__PURE__ */ g("tbody", {
+							className: "divide-y divide-border",
+							children: q.map((r) => /* @__PURE__ */ _("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__ */ g("td", {
+										className: "px-4 py-3 text-sm text-text-secondary",
+										children: r.task?.title ?? r.description ?? "No description"
+									}),
+									/* @__PURE__ */ g("td", {
+										className: "px-4 py-3 text-sm font-mono text-text-primary",
+										children: t((r.duration ?? 0) / 3600)
+									}),
+									/* @__PURE__ */ g("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"
+										})
+									}),
+									/* @__PURE__ */ g("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"
+										})
+									}),
+									/* @__PURE__ */ g("td", {
+										className: "px-4 py-3",
+										children: /* @__PURE__ */ _("div", {
+											className: "flex items-center justify-end gap-1",
+											children: [
+												/* @__PURE__ */ g("button", {
+													onClick: () => Se(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" })
+												}),
+												/* @__PURE__ */ g("button", {
+													onClick: () => we(r),
+													disabled: ye,
+													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" })
+												}),
+												/* @__PURE__ */ g("button", {
+													onClick: () => z(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" })
+												})
+											]
+										})
 									})
+								]
+							}, r.id))
+						})]
+					})
+				})
+			}), /* @__PURE__ */ _("div", {
+				className: "mt-4 flex items-center justify-between",
+				children: [/* @__PURE__ */ _("p", {
+					className: "text-xs text-text-secondary",
+					children: [
+						"Showing ",
+						q.length,
+						" of ",
+						fe
+					]
+				}), de && /* @__PURE__ */ g("button", {
+					onClick: be,
+					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, {
+				open: le,
+				onClose: () => j(!1),
+				title: "New Time Entry",
+				description: "Manually log a block of work.",
+				size: "lg",
+				footer: /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("button", {
+					onClick: () => j(!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,
+					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: [me && /* @__PURE__ */ g("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) => ({
+						...t,
+						...e
+					})),
+					projects: K
+				})]
+			}),
+			/* @__PURE__ */ _(u, {
+				open: !!P,
+				onClose: () => F(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),
+					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,
+					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: [ge && /* @__PURE__ */ g("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) => ({
+						...t,
+						...e
+					})),
+					projects: K
+				})]
+			}),
+			/* @__PURE__ */ g(u, {
+				open: !!R,
+				onClose: () => z(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),
+					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: async () => {
+						R && (await _e({ variables: { id: R.id } }), z(null), await G());
+					},
+					disabled: X,
+					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: /* @__PURE__ */ _("p", {
+					className: "text-sm text-text-secondary",
+					children: [
+						"Delete the entry for",
+						" ",
+						/* @__PURE__ */ g("span", {
+							className: "font-medium text-text-primary",
+							children: R?.project?.name ?? R?.description ?? "this block of work"
+						}),
+						"?"
+					]
+				})
+			}),
+			/* @__PURE__ */ g(u, {
+				open: ce,
+				onClose: () => w(!1),
+				title: "Filter entries",
+				description: "Narrow the list to what you need.",
+				footer: /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("button", {
+					onClick: () => {
+						E("all"), O(""), A(""), C({}), w(!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", {
+					onClick: () => {
+						let e = {};
+						T !== "all" && (e.billable = T === "yes"), D && (e.projectId = D), k.trim() && (e.search = k.trim()), C(e), w(!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", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+							className: "block text-sm font-medium text-text-primary",
+							children: "Search"
+						}), /* @__PURE__ */ g("input", {
+							type: "text",
+							placeholder: "Description contains...",
+							value: k,
+							onChange: (e) => A(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", {
+							className: "block text-sm font-medium text-text-primary",
+							children: "Project"
+						}), /* @__PURE__ */ _("select", {
+							value: D,
+							onChange: (e) => O(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", {
+								value: "",
+								children: "All Projects"
+							}), K.map((e) => /* @__PURE__ */ g("option", {
+								value: e.id,
+								children: e.name
+							}, e.id))]
+						})] }),
+						/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+							className: "block text-sm font-medium text-text-primary",
+							children: "Billable"
+						}), /* @__PURE__ */ _("select", {
+							value: T,
+							onChange: (e) => E(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", {
+									value: "all",
+									children: "All"
+								}),
+								/* @__PURE__ */ g("option", {
+									value: "yes",
+									children: "Billable only"
+								}),
+								/* @__PURE__ */ g("option", {
+									value: "no",
+									children: "Non-billable only"
 								})
 							]
-						}, r.id))
-					})]
+						})] })
+					]
 				})
 			})
-		})
+		]
 	});
 }
 //#endregion
-export { f as TimeEntriesPage };
+export { S as TimeEntriesPage };
 
 //# sourceMappingURL=TimeEntriesPage.js.map