@burdenoff/microfe-proserviceworld 2026.1015.1 → 2026.1026.2

package/dist/proserviceworld/pages/TimePage.js

@@ -1,340 +1,660 @@
-import { useApproveTimeEntry as e, useEngagements as t, useLogTimeEntry as n, useMatters as r, useSubmitTimeEntry as i, useTimeEntries as a } from "../hooks/useProServiceWorldApi.js";
-import { Banner as o, Empty as s, ErrorState as c, Field as l, LoadingBlock as u, MetricCard as d, Modal as f, NativeSelect as p, PageHeader as m, SectionCard as h, StatusPill as g, TableWrap as _, Td as v, TextArea as y, TextInput as b, Th as x, enumOptions as S, fmtDate as C, fmtMinutesAsHours as w } from "../components/ui.js";
-import { useAnalytics as T } from "../hooks/useAnalytics.js";
-import { useDeferredValue as E, useState as D } from "react";
-import { CheckCircle2 as O, CircleSlash as ee, Clock as k, ListChecks as A, Plus as j, Search as M, Send as N, Wallet as P } from "lucide-react";
-import { Fragment as F, jsx as I, jsxs as L } from "react/jsx-runtime";
-import { Button as R } from "@burdenoff/fe-libs/ui";
+import { useApproveTimeEntry as e, useEngagements as t, useLogTimeEntry as n, useMatters as r, useRejectTimeEntry as i, useSubmitTimeEntry as a, useTimeEntries as o, useUpdateTimeEntry as s } from "../hooks/useProServiceWorldApi.js";
+import { Banner as c, Empty as l, ErrorState as u, Field as d, LoadingBlock as f, MetricCard as p, Modal as m, NativeSelect as h, PageHeader as ee, SectionCard as te, StatusPill as ne, TableWrap as re, Td as g, TextArea as _, TextInput as v, Th as y, enumOptions as ie, fmtDate as ae, fmtMinutesAsHours as b } from "../components/ui.js";
+import { useAnalytics as oe } from "../hooks/useAnalytics.js";
+import { elapsedMinutes as x, formatTimerDuration as S, useTimeTimer as se } from "../hooks/useTimeTimer.js";
+import { useDeferredValue as C, useState as w } from "react";
+import { CheckCircle2 as ce, CircleSlash as le, Clock as T, ListChecks as ue, Play as E, Plus as D, Search as de, Send as fe, Square as O, Trash2 as k, Wallet as A } from "lucide-react";
+import { Fragment as j, jsx as M, jsxs as N } from "react/jsx-runtime";
+import { Button as P } from "@burdenoff/fe-libs/ui";
 //#region src/proserviceworld/pages/TimePage.tsx
-var z = [
+var pe = [
 	"DRAFT",
 	"SUBMITTED",
 	"APPROVED",
 	"REJECTED",
 	"BILLED"
-], B = ({ billable: e }) => e ? /* @__PURE__ */ L("span", {
+], me = ({ billable: e }) => e ? /* @__PURE__ */ N("span", {
 	className: "inline-flex items-center gap-1.5 rounded-full bg-status-success-bg-subtle px-2.5 py-0.5 text-xs font-medium text-status-success-text",
-	children: [/* @__PURE__ */ I("span", { className: "h-1.5 w-1.5 rounded-full bg-current opacity-70" }), "Billable"]
-}) : /* @__PURE__ */ L("span", {
+	children: [/* @__PURE__ */ M("span", { className: "h-1.5 w-1.5 rounded-full bg-current opacity-70" }), "Billable"]
+}) : /* @__PURE__ */ N("span", {
 	className: "inline-flex items-center gap-1.5 rounded-full bg-bg-sunken px-2.5 py-0.5 text-xs font-medium text-text-tertiary",
-	children: [/* @__PURE__ */ I("span", { className: "h-1.5 w-1.5 rounded-full bg-current opacity-60" }), "Non-billable"]
-}), V = () => {
-	let [t, n] = D(""), [r, l] = D(""), f = E(r), [y, F] = D(!1), [V, U] = D(null), { data: W, isLoading: G, error: K, refetch: q } = a({
+	children: [/* @__PURE__ */ M("span", { className: "h-1.5 w-1.5 rounded-full bg-current opacity-60" }), "Non-billable"]
+}), F = () => {
+	let [t, n] = w(""), [r, d] = w(""), m = C(r), [_, x] = w(!1), [S, O] = w(!1), [k, F] = w(null), [z, B] = w(null), { data: V, isLoading: _e, error: H, refetch: ve } = o({
 		status: t || void 0,
-		search: f.trim() || void 0
-	}), { emitFact: J } = T(), Y = i(), X = e(), Z = (W?.items ?? []).reduce((e, t) => e + t.minutes, 0), Q = (W?.items ?? []).filter((e) => e.billable).reduce((e, t) => e + t.minutes, 0), te = Z > 0 ? Math.round(Q / Z * 100) : 0, $ = (e, t, n) => e.mutate(t, {
-		onSuccess: () => U({
+		search: m.trim() || void 0
+	}), { emitFact: ye } = oe(), U = a(), W = e(), be = s(), G = i(), [K, q] = w(null), [J, Y] = w(null), X = se(), Z = (V?.items ?? []).reduce((e, t) => e + t.minutes, 0), Q = (V?.items ?? []).filter((e) => e.billable).reduce((e, t) => e + t.minutes, 0), xe = Z > 0 ? Math.round(Q / Z * 100) : 0, $ = (e, t, n) => e.mutate(t, {
+		onSuccess: () => B({
 			tone: "success",
 			text: `Time entry ${n}.`
 		}),
-		onError: (e) => U({
+		onError: (e) => B({
 			tone: "danger",
 			text: e instanceof Error ? e.message : "Failed."
 		})
 	});
-	return /* @__PURE__ */ L("div", {
+	return /* @__PURE__ */ N("div", {
 		className: "space-y-6",
 		children: [
-			/* @__PURE__ */ I(m, {
+			/* @__PURE__ */ M(ee, {
 				title: "Time",
 				subtitle: "Capture expert effort against engagements and matters — the raw material of billing and utilization.",
-				icon: /* @__PURE__ */ I(k, { className: "h-6 w-6" }),
-				actions: /* @__PURE__ */ L(R, {
-					onClick: () => F(!0),
-					children: [/* @__PURE__ */ I(j, { className: "mr-1.5 h-4 w-4" }), "Log time"]
-				})
+				icon: /* @__PURE__ */ M(T, { className: "h-6 w-6" }),
+				actions: X.timer ? /* @__PURE__ */ M(R, {
+					seconds: X.seconds,
+					onStop: () => {
+						let e = X.stop();
+						e && (F(e), x(!0));
+					},
+					onDiscard: X.discard
+				}) : /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ N(P, {
+					variant: "outline",
+					onClick: () => O(!0),
+					children: [/* @__PURE__ */ M(E, { className: "mr-1.5 h-4 w-4" }), "Start timer"]
+				}), /* @__PURE__ */ N(P, {
+					onClick: () => x(!0),
+					children: [/* @__PURE__ */ M(D, { className: "mr-1.5 h-4 w-4" }), "Log time"]
+				})] })
 			}),
-			V && /* @__PURE__ */ I(o, {
-				tone: V.tone,
-				onClose: () => U(null),
-				children: V.text
+			z && /* @__PURE__ */ M(c, {
+				tone: z.tone,
+				onClose: () => B(null),
+				children: z.text
 			}),
-			/* @__PURE__ */ L("div", {
+			/* @__PURE__ */ N("div", {
 				className: "grid grid-cols-2 gap-3 sm:grid-cols-4",
 				children: [
-					/* @__PURE__ */ I(d, {
+					/* @__PURE__ */ M(p, {
 						label: "Entries",
-						value: W?.totalCount ?? 0,
-						icon: /* @__PURE__ */ I(A, { className: "h-4 w-4" })
+						value: V?.totalCount ?? 0,
+						icon: /* @__PURE__ */ M(ue, { className: "h-4 w-4" })
 					}),
-					/* @__PURE__ */ I(d, {
+					/* @__PURE__ */ M(p, {
 						label: "Total hours",
-						value: w(Z),
-						icon: /* @__PURE__ */ I(k, { className: "h-4 w-4" })
+						value: b(Z),
+						icon: /* @__PURE__ */ M(T, { className: "h-4 w-4" })
 					}),
-					/* @__PURE__ */ I(d, {
+					/* @__PURE__ */ M(p, {
 						label: "Billable hours",
-						value: w(Q),
-						hint: `${te}% utilization`,
-						icon: /* @__PURE__ */ I(P, { className: "h-4 w-4" }),
+						value: b(Q),
+						hint: `${xe}% utilization`,
+						icon: /* @__PURE__ */ M(A, { className: "h-4 w-4" }),
 						tone: "accent"
 					}),
-					/* @__PURE__ */ I(d, {
+					/* @__PURE__ */ M(p, {
 						label: "Non-billable",
-						value: w(Z - Q),
-						icon: /* @__PURE__ */ I(ee, { className: "h-4 w-4" })
+						value: b(Z - Q),
+						icon: /* @__PURE__ */ M(le, { className: "h-4 w-4" })
 					})
 				]
 			}),
-			/* @__PURE__ */ L("div", {
+			/* @__PURE__ */ N("div", {
 				className: "flex flex-col gap-2 sm:flex-row sm:items-center",
-				children: [/* @__PURE__ */ L("div", {
+				children: [/* @__PURE__ */ N("div", {
 					className: "relative flex-1",
-					children: [/* @__PURE__ */ I(M, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary" }), /* @__PURE__ */ I(b, {
+					children: [/* @__PURE__ */ M(de, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-tertiary" }), /* @__PURE__ */ M(v, {
 						placeholder: "Search time entries…",
 						value: r,
-						onChange: (e) => l(e.target.value),
+						onChange: (e) => d(e.target.value),
 						onKeyDown: (e) => {
-							e.key === "Enter" && r.trim() && J("psw.search.performed", {
+							e.key === "Enter" && r.trim() && ye("psw.search.performed", {
 								entityType: "time-entry",
 								queryLength: r.trim().length
 							});
 						},
 						className: "pl-9"
 					})]
-				}), /* @__PURE__ */ L(p, {
+				}), /* @__PURE__ */ N(h, {
 					value: t,
 					onChange: (e) => n(e.target.value),
 					className: "sm:w-52",
-					children: [/* @__PURE__ */ I("option", {
+					children: [/* @__PURE__ */ M("option", {
 						value: "",
 						children: "All statuses"
-					}), S(z)]
+					}), ie(pe)]
 				})]
 			}),
-			G ? /* @__PURE__ */ I(u, {}) : K ? /* @__PURE__ */ I(c, {
-				error: K,
-				onRetry: () => void q()
-			}) : !W || W.items.length === 0 ? /* @__PURE__ */ I(s, {
+			_e ? /* @__PURE__ */ M(f, {}) : H ? /* @__PURE__ */ M(u, {
+				error: H,
+				onRetry: () => void ve()
+			}) : !V || V.items.length === 0 ? /* @__PURE__ */ M(l, {
 				title: "No time logged",
 				description: "Log your first time entry against an engagement or matter.",
-				icon: /* @__PURE__ */ I(k, { className: "h-8 w-8" }),
-				action: /* @__PURE__ */ L(R, {
-					onClick: () => F(!0),
-					children: [/* @__PURE__ */ I(j, { className: "mr-1.5 h-4 w-4" }), "Log time"]
+				icon: /* @__PURE__ */ M(T, { className: "h-8 w-8" }),
+				action: /* @__PURE__ */ N(P, {
+					onClick: () => x(!0),
+					children: [/* @__PURE__ */ M(D, { className: "mr-1.5 h-4 w-4" }), "Log time"]
 				})
-			}) : /* @__PURE__ */ I(h, {
+			}) : /* @__PURE__ */ M(te, {
 				title: "Time entries",
-				children: /* @__PURE__ */ L(_, { children: [/* @__PURE__ */ I("thead", { children: /* @__PURE__ */ L("tr", { children: [
-					/* @__PURE__ */ I(x, { children: "Date" }),
-					/* @__PURE__ */ I(x, { children: "Narrative" }),
-					/* @__PURE__ */ I(x, { children: "Hours" }),
-					/* @__PURE__ */ I(x, { children: "Billable" }),
-					/* @__PURE__ */ I(x, { children: "Status" }),
-					/* @__PURE__ */ I(x, {
+				children: /* @__PURE__ */ N(re, { children: [/* @__PURE__ */ M("thead", { children: /* @__PURE__ */ N("tr", { children: [
+					/* @__PURE__ */ M(y, { children: "Date" }),
+					/* @__PURE__ */ M(y, { children: "Narrative" }),
+					/* @__PURE__ */ M(y, { children: "Hours" }),
+					/* @__PURE__ */ M(y, { children: "Billable" }),
+					/* @__PURE__ */ M(y, { children: "Status" }),
+					/* @__PURE__ */ M(y, {
 						className: "text-right",
 						children: "Actions"
 					})
-				] }) }), /* @__PURE__ */ I("tbody", { children: W.items.map((e) => /* @__PURE__ */ L("tr", {
+				] }) }), /* @__PURE__ */ M("tbody", { children: V.items.map((e) => /* @__PURE__ */ N("tr", {
 					className: "transition-colors hover:bg-bg-sunken/60",
 					children: [
-						/* @__PURE__ */ I(v, {
+						/* @__PURE__ */ M(g, {
 							className: "whitespace-nowrap",
-							children: C(e.date)
+							children: ae(e.date)
 						}),
-						/* @__PURE__ */ I(v, {
+						/* @__PURE__ */ M(g, {
 							className: "max-w-xs truncate text-text-primary",
 							children: e.narrative || "—"
 						}),
-						/* @__PURE__ */ I(v, {
+						/* @__PURE__ */ M(g, {
 							className: "whitespace-nowrap font-medium text-text-primary",
-							children: w(e.minutes)
+							children: b(e.minutes)
 						}),
-						/* @__PURE__ */ I(v, { children: /* @__PURE__ */ I(B, { billable: e.billable }) }),
-						/* @__PURE__ */ I(v, { children: /* @__PURE__ */ I(g, { status: e.status }) }),
-						/* @__PURE__ */ I(v, {
+						/* @__PURE__ */ M(g, { children: /* @__PURE__ */ M(me, { billable: e.billable }) }),
+						/* @__PURE__ */ M(g, { children: /* @__PURE__ */ M(ne, { status: e.status }) }),
+						/* @__PURE__ */ M(g, {
 							className: "text-right",
-							children: /* @__PURE__ */ L("div", {
+							children: /* @__PURE__ */ N("div", {
 								className: "flex justify-end gap-1",
-								children: [e.status === "DRAFT" && /* @__PURE__ */ L(R, {
-									variant: "ghost",
-									size: "sm",
-									disabled: Y.isPending,
-									onClick: () => $(Y, e.id, "submitted"),
-									children: [/* @__PURE__ */ I(N, { className: "mr-1 h-3.5 w-3.5" }), "Submit"]
-								}), e.status === "SUBMITTED" && /* @__PURE__ */ L(R, {
-									variant: "ghost",
-									size: "sm",
-									disabled: X.isPending,
-									onClick: () => $(X, e.id, "approved"),
-									children: [/* @__PURE__ */ I(O, { className: "mr-1 h-3.5 w-3.5" }), "Approve"]
-								})]
+								children: [
+									e.status === "DRAFT" && /* @__PURE__ */ N(P, {
+										variant: "ghost",
+										size: "sm",
+										disabled: U.isPending,
+										onClick: () => $(U, e.id, "submitted"),
+										children: [/* @__PURE__ */ M(fe, { className: "mr-1 h-3.5 w-3.5" }), "Submit"]
+									}),
+									[
+										"DRAFT",
+										"SUBMITTED",
+										"REJECTED"
+									].includes(e.status) && /* @__PURE__ */ M(P, {
+										variant: "ghost",
+										size: "sm",
+										onClick: () => q(e),
+										children: "Edit"
+									}),
+									e.status === "SUBMITTED" && /* @__PURE__ */ N(P, {
+										variant: "ghost",
+										size: "sm",
+										disabled: W.isPending,
+										onClick: () => $(W, e.id, "approved"),
+										children: [/* @__PURE__ */ M(ce, { className: "mr-1 h-3.5 w-3.5" }), "Approve"]
+									}),
+									e.status === "SUBMITTED" && /* @__PURE__ */ M(P, {
+										variant: "ghost",
+										size: "sm",
+										disabled: G.isPending,
+										onClick: () => Y(e),
+										children: "Reject"
+									})
+								]
 							})
 						})
 					]
 				}, e.id)) })] })
 			}),
-			y && /* @__PURE__ */ I(H, {
-				onClose: () => F(!1),
-				onDone: () => U({
-					tone: "success",
-					text: "Time logged."
-				})
+			_ && /* @__PURE__ */ M(ge, {
+				initialTimer: k,
+				onClose: () => x(!1),
+				onDone: () => {
+					F(null), B({
+						tone: "success",
+						text: "Time logged."
+					});
+				}
+			}),
+			K && /* @__PURE__ */ M(I, {
+				entry: K,
+				mutation: be,
+				onClose: () => q(null)
+			}),
+			J && /* @__PURE__ */ M(L, {
+				entry: J,
+				mutation: G,
+				onClose: () => Y(null)
+			}),
+			S && /* @__PURE__ */ M(he, {
+				onClose: () => O(!1),
+				onStart: (e) => {
+					X.start(e), O(!1), B({
+						tone: "success",
+						text: "Timer started."
+					});
+				}
 			})
 		]
 	});
-}, H = ({ onClose: e, onDone: i }) => {
-	let a = n(), s = t({ pagination: { limit: 100 } }), c = r({ pagination: { limit: 100 } }), [u, d] = D({
-		against: "engagement",
-		engagementId: "",
-		matterId: "",
-		date: (/* @__PURE__ */ new Date()).toISOString().slice(0, 10),
-		hours: "",
-		minutes: "",
-		rate: "",
-		billable: !0,
-		narrative: ""
-	}), [m, h] = D(null), g = (e) => (t) => d((n) => ({
+}, I = ({ entry: e, mutation: t, onClose: n }) => {
+	let [r, i] = w({
+		date: e.date.slice(0, 10),
+		minutes: String(e.minutes),
+		rate: String(e.rate),
+		narrative: e.narrative ?? "",
+		billable: e.billable
+	}), [a, o] = w(null);
+	return /* @__PURE__ */ M(m, {
+		open: !0,
+		onClose: n,
+		title: "Edit time entry",
+		footer: /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(P, {
+			variant: "ghost",
+			onClick: n,
+			children: "Cancel"
+		}), /* @__PURE__ */ M(P, {
+			onClick: () => {
+				let i = Number(r.minutes);
+				if (!Number.isInteger(i) || i <= 0) return o("Enter positive minutes.");
+				t.mutate({
+					id: e.id,
+					input: {
+						date: new Date(r.date).toISOString(),
+						minutes: i,
+						rate: Number(r.rate) || 0,
+						narrative: r.narrative.trim() || null,
+						billable: r.billable
+					}
+				}, {
+					onSuccess: n,
+					onError: (e) => o(e instanceof Error ? e.message : "Failed to save.")
+				});
+			},
+			disabled: t.isPending,
+			children: "Save"
+		})] }),
+		children: /* @__PURE__ */ N("div", {
+			className: "space-y-4",
+			children: [
+				a && /* @__PURE__ */ M(c, {
+					tone: "danger",
+					children: a
+				}),
+				/* @__PURE__ */ M(d, {
+					label: "Date",
+					children: /* @__PURE__ */ M(v, {
+						type: "date",
+						value: r.date,
+						onChange: (e) => i({
+							...r,
+							date: e.target.value
+						})
+					})
+				}),
+				/* @__PURE__ */ M(d, {
+					label: "Minutes",
+					children: /* @__PURE__ */ M(v, {
+						type: "number",
+						min: 1,
+						value: r.minutes,
+						onChange: (e) => i({
+							...r,
+							minutes: e.target.value
+						})
+					})
+				}),
+				/* @__PURE__ */ M(d, {
+					label: "Rate",
+					children: /* @__PURE__ */ M(v, {
+						type: "number",
+						min: 0,
+						value: r.rate,
+						onChange: (e) => i({
+							...r,
+							rate: e.target.value
+						})
+					})
+				}),
+				/* @__PURE__ */ M(d, {
+					label: "Narrative",
+					children: /* @__PURE__ */ M(_, {
+						value: r.narrative,
+						onChange: (e) => i({
+							...r,
+							narrative: e.target.value
+						})
+					})
+				}),
+				/* @__PURE__ */ N("label", {
+					className: "flex items-center gap-2 text-sm",
+					children: [
+						/* @__PURE__ */ M("input", {
+							type: "checkbox",
+							checked: r.billable,
+							onChange: (e) => i({
+								...r,
+								billable: e.target.checked
+							})
+						}),
+						" ",
+						"Billable"
+					]
+				})
+			]
+		})
+	});
+}, L = ({ entry: e, mutation: t, onClose: n }) => {
+	let [r, i] = w(""), [a, o] = w(null);
+	return /* @__PURE__ */ M(m, {
+		open: !0,
+		onClose: n,
+		title: "Reject time entry",
+		footer: /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(P, {
+			variant: "ghost",
+			onClick: n,
+			children: "Cancel"
+		}), /* @__PURE__ */ M(P, {
+			onClick: () => {
+				if (!r.trim()) return o("Enter a rejection reason.");
+				t.mutate({
+					id: e.id,
+					reason: r.trim()
+				}, {
+					onSuccess: n,
+					onError: (e) => o(e instanceof Error ? e.message : "Failed to reject.")
+				});
+			},
+			disabled: t.isPending,
+			children: "Reject"
+		})] }),
+		children: /* @__PURE__ */ N("div", {
+			className: "space-y-4",
+			children: [a && /* @__PURE__ */ M(c, {
+				tone: "danger",
+				children: a
+			}), /* @__PURE__ */ M(d, {
+				label: "Reason",
+				children: /* @__PURE__ */ M(_, {
+					autoFocus: !0,
+					value: r,
+					onChange: (e) => i(e.target.value),
+					placeholder: "Explain what needs correction."
+				})
+			})]
+		})
+	});
+}, R = ({ seconds: e, onStop: t, onDiscard: n }) => /* @__PURE__ */ N("div", {
+	className: "flex items-center gap-2 rounded-lg border border-border-seam bg-bg-surface px-2 py-1",
+	children: [
+		/* @__PURE__ */ M("span", {
+			className: "font-mono text-sm font-semibold tabular-nums text-text-primary",
+			"aria-live": "polite",
+			children: S(e)
+		}),
+		/* @__PURE__ */ N(P, {
+			size: "sm",
+			onClick: t,
+			children: [/* @__PURE__ */ M(O, { className: "mr-1 h-3.5 w-3.5 fill-current" }), "Stop"]
+		}),
+		/* @__PURE__ */ M(P, {
+			variant: "ghost",
+			size: "sm",
+			onClick: n,
+			"aria-label": "Discard timer",
+			children: /* @__PURE__ */ M(k, { className: "h-3.5 w-3.5" })
+		})
+	]
+}), z = () => ({
+	against: "engagement",
+	engagementId: "",
+	matterId: "",
+	date: (/* @__PURE__ */ new Date()).toISOString().slice(0, 10),
+	hours: "",
+	minutes: "",
+	rate: "",
+	billable: !0,
+	narrative: ""
+}), B = (e, t = Date.now()) => {
+	let n = x(e, t);
+	return {
+		...e,
+		hours: String(Math.floor(n / 60)),
+		minutes: String(n % 60)
+	};
+}, V = ({ form: e, set: n }) => {
+	let i = t({ pagination: { limit: 100 } }), a = r({ pagination: { limit: 100 } });
+	return /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(d, {
+		label: "Against",
+		children: /* @__PURE__ */ N(h, {
+			value: e.against,
+			onChange: n("against"),
+			children: [/* @__PURE__ */ M("option", {
+				value: "engagement",
+				children: "Engagement"
+			}), /* @__PURE__ */ M("option", {
+				value: "matter",
+				children: "Matter"
+			})]
+		})
+	}), e.against === "engagement" ? /* @__PURE__ */ M(d, {
+		label: "Engagement",
+		required: !0,
+		children: /* @__PURE__ */ N(h, {
+			value: e.engagementId,
+			onChange: n("engagementId"),
+			children: [/* @__PURE__ */ M("option", {
+				value: "",
+				children: "Select an engagement…"
+			}), i.data?.items.map((e) => /* @__PURE__ */ M("option", {
+				value: e.id,
+				children: e.name
+			}, e.id))]
+		})
+	}) : /* @__PURE__ */ M(d, {
+		label: "Matter",
+		required: !0,
+		children: /* @__PURE__ */ N(h, {
+			value: e.matterId,
+			onChange: n("matterId"),
+			children: [/* @__PURE__ */ M("option", {
+				value: "",
+				children: "Select a matter…"
+			}), a.data?.items.map((e) => /* @__PURE__ */ M("option", {
+				value: e.id,
+				children: e.title
+			}, e.id))]
+		})
+	})] });
+}, he = ({ onClose: e, onStart: t }) => {
+	let [n, r] = w(z), [i, a] = w(null), o = (e) => (t) => r((n) => ({
 		...n,
 		[e]: t.target.value
 	}));
-	return /* @__PURE__ */ I(f, {
+	return /* @__PURE__ */ M(m, {
 		open: !0,
 		onClose: e,
-		title: "Log time",
-		footer: /* @__PURE__ */ L(F, { children: [/* @__PURE__ */ I(R, {
+		title: "Start timer",
+		footer: /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(P, {
 			variant: "outline",
 			onClick: e,
-			disabled: a.isPending,
 			children: "Cancel"
-		}), /* @__PURE__ */ I(R, {
+		}), /* @__PURE__ */ N(P, {
+			onClick: () => {
+				if (n.against === "engagement" && !n.engagementId) return a("Select an engagement.");
+				if (n.against === "matter" && !n.matterId) return a("Select a matter.");
+				t({
+					against: n.against,
+					engagementId: n.engagementId,
+					matterId: n.matterId,
+					date: n.date,
+					rate: n.rate,
+					billable: n.billable,
+					narrative: n.narrative
+				});
+			},
+			children: [/* @__PURE__ */ M(E, { className: "mr-1.5 h-4 w-4" }), "Start timer"]
+		})] }),
+		children: /* @__PURE__ */ N("div", {
+			className: "space-y-3",
+			children: [
+				i && /* @__PURE__ */ M(c, {
+					tone: "danger",
+					children: i
+				}),
+				/* @__PURE__ */ M(V, {
+					form: n,
+					set: o
+				}),
+				/* @__PURE__ */ M(d, {
+					label: "Rate (per hour)",
+					children: /* @__PURE__ */ M(v, {
+						type: "number",
+						min: "0",
+						value: n.rate,
+						onChange: o("rate"),
+						placeholder: "450"
+					})
+				}),
+				/* @__PURE__ */ N("label", {
+					className: "flex items-center gap-2.5 rounded-lg border border-border-seam bg-bg-canvas px-3 py-2.5 text-sm text-text-secondary",
+					children: [/* @__PURE__ */ M("input", {
+						type: "checkbox",
+						checked: n.billable,
+						onChange: (e) => r((t) => ({
+							...t,
+							billable: e.target.checked
+						}))
+					}), /* @__PURE__ */ M("span", { children: "Billable" })]
+				}),
+				/* @__PURE__ */ M(d, {
+					label: "Narrative",
+					children: /* @__PURE__ */ M(_, {
+						value: n.narrative,
+						onChange: o("narrative"),
+						placeholder: "Describe the work…"
+					})
+				})
+			]
+		})
+	});
+}, ge = ({ initialTimer: e, onClose: t, onDone: r }) => {
+	let i = n(), [a, o] = w(() => e ? B(e) : z()), [s, l] = w(null), u = (e) => (t) => o((n) => ({
+		...n,
+		[e]: t.target.value
+	}));
+	return /* @__PURE__ */ M(m, {
+		open: !0,
+		onClose: t,
+		title: "Log time",
+		footer: /* @__PURE__ */ N(j, { children: [/* @__PURE__ */ M(P, {
+			variant: "outline",
+			onClick: t,
+			disabled: i.isPending,
+			children: "Cancel"
+		}), /* @__PURE__ */ M(P, {
 			onClick: () => {
-				h(null);
-				let t = (Number(u.hours) || 0) * 60 + (Number(u.minutes) || 0);
-				if (t <= 0) return h("Enter the time spent.");
-				let n = u.against === "engagement" ? { engagementId: u.engagementId } : { matterId: u.matterId };
-				if (u.against === "engagement" && !u.engagementId) return h("Select an engagement.");
-				if (u.against === "matter" && !u.matterId) return h("Select a matter.");
-				a.mutate({
+				l(null);
+				let e = (Number(a.hours) || 0) * 60 + (Number(a.minutes) || 0);
+				if (e <= 0) return l("Enter the time spent.");
+				let n = a.against === "engagement" ? { engagementId: a.engagementId } : { matterId: a.matterId };
+				if (a.against === "engagement" && !a.engagementId) return l("Select an engagement.");
+				if (a.against === "matter" && !a.matterId) return l("Select a matter.");
+				i.mutate({
 					...n,
-					date: new Date(u.date).toISOString(),
-					minutes: t,
-					rate: u.rate ? Number(u.rate) : 0,
-					billable: u.billable,
-					narrative: u.narrative.trim() || null
+					date: new Date(a.date).toISOString(),
+					minutes: e,
+					rate: a.rate ? Number(a.rate) : 0,
+					billable: a.billable,
+					narrative: a.narrative.trim() || null
 				}, {
 					onSuccess: () => {
-						i(), e();
+						r(), t();
 					},
-					onError: (e) => h(e instanceof Error ? e.message : "Failed.")
+					onError: (e) => l(e instanceof Error ? e.message : "Failed.")
 				});
 			},
-			disabled: a.isPending,
-			children: a.isPending ? "Logging…" : "Log time"
+			disabled: i.isPending,
+			children: i.isPending ? "Logging…" : "Log time"
 		})] }),
-		children: /* @__PURE__ */ L("div", {
+		children: /* @__PURE__ */ N("div", {
 			className: "space-y-3",
 			children: [
-				m && /* @__PURE__ */ I(o, {
+				s && /* @__PURE__ */ M(c, {
 					tone: "danger",
-					children: m
+					children: s
 				}),
-				/* @__PURE__ */ I(l, {
+				/* @__PURE__ */ M(d, {
 					label: "Against",
-					children: /* @__PURE__ */ L(p, {
-						value: u.against,
-						onChange: g("against"),
-						children: [/* @__PURE__ */ I("option", {
+					children: /* @__PURE__ */ N(h, {
+						value: a.against,
+						onChange: u("against"),
+						children: [/* @__PURE__ */ M("option", {
 							value: "engagement",
 							children: "Engagement"
-						}), /* @__PURE__ */ I("option", {
+						}), /* @__PURE__ */ M("option", {
 							value: "matter",
 							children: "Matter"
 						})]
 					})
 				}),
-				u.against === "engagement" ? /* @__PURE__ */ I(l, {
-					label: "Engagement",
-					required: !0,
-					children: /* @__PURE__ */ L(p, {
-						value: u.engagementId,
-						onChange: g("engagementId"),
-						children: [/* @__PURE__ */ I("option", {
-							value: "",
-							children: "Select an engagement…"
-						}), s.data?.items.map((e) => /* @__PURE__ */ I("option", {
-							value: e.id,
-							children: e.name
-						}, e.id))]
-					})
-				}) : /* @__PURE__ */ I(l, {
-					label: "Matter",
-					required: !0,
-					children: /* @__PURE__ */ L(p, {
-						value: u.matterId,
-						onChange: g("matterId"),
-						children: [/* @__PURE__ */ I("option", {
-							value: "",
-							children: "Select a matter…"
-						}), c.data?.items.map((e) => /* @__PURE__ */ I("option", {
-							value: e.id,
-							children: e.title
-						}, e.id))]
-					})
+				/* @__PURE__ */ M(V, {
+					form: a,
+					set: u
 				}),
-				/* @__PURE__ */ L("div", {
+				/* @__PURE__ */ N("div", {
 					className: "grid grid-cols-3 gap-3",
 					children: [
-						/* @__PURE__ */ I(l, {
+						/* @__PURE__ */ M(d, {
 							label: "Date",
-							children: /* @__PURE__ */ I(b, {
+							children: /* @__PURE__ */ M(v, {
 								type: "date",
-								value: u.date,
-								onChange: g("date")
+								value: a.date,
+								onChange: u("date")
 							})
 						}),
-						/* @__PURE__ */ I(l, {
+						/* @__PURE__ */ M(d, {
 							label: "Hours",
-							children: /* @__PURE__ */ I(b, {
+							children: /* @__PURE__ */ M(v, {
 								type: "number",
 								min: "0",
-								value: u.hours,
-								onChange: g("hours"),
+								value: a.hours,
+								onChange: u("hours"),
 								placeholder: "2"
 							})
 						}),
-						/* @__PURE__ */ I(l, {
+						/* @__PURE__ */ M(d, {
 							label: "Minutes",
-							children: /* @__PURE__ */ I(b, {
+							children: /* @__PURE__ */ M(v, {
 								type: "number",
 								min: "0",
 								max: "59",
-								value: u.minutes,
-								onChange: g("minutes"),
+								value: a.minutes,
+								onChange: u("minutes"),
 								placeholder: "30"
 							})
 						})
 					]
 				}),
-				/* @__PURE__ */ I(l, {
+				/* @__PURE__ */ M(d, {
 					label: "Rate (per hour)",
-					children: /* @__PURE__ */ I(b, {
+					children: /* @__PURE__ */ M(v, {
 						type: "number",
 						min: "0",
-						value: u.rate,
-						onChange: g("rate"),
+						value: a.rate,
+						onChange: u("rate"),
 						placeholder: "450"
 					})
 				}),
-				/* @__PURE__ */ L("label", {
+				/* @__PURE__ */ N("label", {
 					className: "flex items-center gap-2.5 rounded-lg border border-border-seam bg-bg-canvas px-3 py-2.5 text-sm text-text-secondary",
-					children: [/* @__PURE__ */ I("input", {
+					children: [/* @__PURE__ */ M("input", {
 						type: "checkbox",
-						checked: u.billable,
-						onChange: (e) => d((t) => ({
+						checked: a.billable,
+						onChange: (e) => o((t) => ({
 							...t,
 							billable: e.target.checked
 						}))
-					}), /* @__PURE__ */ L("span", {
+					}), /* @__PURE__ */ N("span", {
 						className: "flex items-center gap-1.5",
-						children: [/* @__PURE__ */ I(P, { className: "h-3.5 w-3.5 text-status-success-text" }), "Billable"]
+						children: [/* @__PURE__ */ M(A, { className: "h-3.5 w-3.5 text-status-success-text" }), "Billable"]
 					})]
 				}),
-				/* @__PURE__ */ I(l, {
+				/* @__PURE__ */ M(d, {
 					label: "Narrative",
-					children: /* @__PURE__ */ I(y, {
-						value: u.narrative,
-						onChange: g("narrative"),
+					children: /* @__PURE__ */ M(_, {
+						value: a.narrative,
+						onChange: u("narrative"),
 						placeholder: "Reviewed working papers and drafted findings memo…"
 					})
 				})
@@ -343,6 +663,6 @@ var z = [
 	});
 };
 //#endregion
-export { V as TimePage };
+export { F as TimePage, B as timerToLogForm };
 
 //# sourceMappingURL=TimePage.js.map