@burdenoff/microfe-timecampus 2026.820.2 → 2026.825.1

package/dist/timecampus/pages/pomodoro/PomodoroPage.js

@@ -1,152 +1,221 @@
 import { useTimeCampus as e, useTimeCampusNavigate as t } from "../../providers/TimeCampusProvider.js";
 import { StatCard as n } from "../../components/StatCard.js";
-import { LoadingSkeleton as r } from "../../components/LoadingSkeleton.js";
-import { useCompletePomodoroSessionMutation as i, useCreatePomodoroGoalMutation as ee, useDeletePomodoroGoalMutation as te, useGetActivePomodoroSessionQuery as ne, useGetPomodoroStatsQuery as re, useListPomodoroGoalsQuery as ie, useStartPomodoroSessionMutation as a, useUpdatePomodoroGoalMutation as o } from "../../../generated/wspace-operations.js";
-import { PageLayout as s } from "../../components/PageLayout.js";
-import { Modal as c } from "../../components/Modal.js";
-import { PomodoroGoalType as l } from "../../../generated/wspace-types.js";
-import { useCallback as u, useEffect as d, useState as f } from "react";
-import { Pause as ae, Pencil as oe, Play as se, Plus as ce, RotateCcw as p, SkipForward as le, Target as ue, Trash2 as de } from "lucide-react";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { GlassCard as _, NextSteps as v } from "@burdenoff/fe-libs/ui";
+import { LoadingSkeleton as ee } from "../../components/LoadingSkeleton.js";
+import { useCompletePomodoroSessionMutation as te, useCreatePomodoroGoalMutation as ne, useDeletePomodoroGoalMutation as re, useGetActivePomodoroSessionQuery as ie, useGetPomodoroSettingsQuery as ae, useGetPomodoroStatsQuery as oe, useInterruptPomodoroSessionMutation as se, useListPomodoroGoalsQuery as ce, useListPomodoroSessionsQuery as le, useStartPomodoroSessionMutation as ue, useUpdatePomodoroGoalMutation as de } from "../../../generated/wspace-operations.js";
+import { PageLayout as r } from "../../components/PageLayout.js";
+import { Modal as i } from "../../components/Modal.js";
+import { PomodoroGoalType as a, PomodoroSessionOrderByField as fe, PomodoroSessionType as o, TimeCampusSortDirection as pe } from "../../../generated/wspace-types.js";
+import { durationForSession as me, nextSessionAfter as s } from "./pomodoroDuration.js";
+import { useCallback as c, useEffect as l, useRef as he, useState as u } from "react";
+import { Pause as ge, Pencil as _e, Play as ve, Plus as ye, RotateCcw as be, SkipForward as xe, Target as Se, Trash2 as Ce } from "lucide-react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { GlassCard as m, NextSteps as we } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/pomodoro/PomodoroPage.tsx
-var 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", b = "block text-sm font-medium text-text-primary";
-function x(e) {
+var h = "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", g = "block text-sm font-medium text-text-primary";
+function _(e) {
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? "" : (/* @__PURE__ */ new Date(t.getTime() - t.getTimezoneOffset() * 6e4)).toISOString().slice(0, 10);
 }
-function S() {
+function v() {
 	let e = /* @__PURE__ */ new Date();
 	return (/* @__PURE__ */ new Date(e.getTime() - e.getTimezoneOffset() * 6e4)).toISOString().slice(0, 10);
 }
-function C(e) {
+function y(e) {
 	let t = /* @__PURE__ */ new Date();
 	return t.setDate(t.getDate() + e), (/* @__PURE__ */ new Date(t.getTime() - t.getTimezoneOffset() * 6e4)).toISOString().slice(0, 10);
 }
-function w(e) {
+function b(e) {
 	return {
-		type: e?.type ?? l.Daily,
+		type: e?.type ?? a.Daily,
 		target: e?.target == null ? "8" : String(e.target),
 		period: e?.period ?? "DAILY",
-		startDate: e?.startDate ? x(e.startDate) : S(),
-		endDate: e?.endDate ? x(e.endDate) : C(0)
+		startDate: e?.startDate ? _(e.startDate) : v(),
+		endDate: e?.endDate ? _(e.endDate) : y(0)
 	};
 }
-function T() {
-	let { workspaceId: x = "" } = e(), S = t(), { data: T, loading: fe, error: pe } = re({
-		variables: { workspaceId: x },
-		skip: !x
-	}), { data: me, loading: he, error: ge } = ne({
-		variables: { workspaceId: x },
-		skip: !x
-	}), [E] = a(), [D] = i(), { data: O, refetch: k } = ie({
-		variables: { workspaceId: x },
-		skip: !x
-	}), A = O?.pomodoroGoals ?? [], [j, { loading: M, error: N }] = ee(), [P, { loading: F, error: I }] = o(), [L, { loading: R, error: _e }] = te(), [ve, z] = f(!1), [B, V] = f(null), [H, U] = f(null), [W, G] = f(w()), K = (e, t) => G((n) => ({
+function x() {
+	let { workspaceId: _ = "" } = e(), v = t(), { data: x, loading: Te, error: Ee } = oe({
+		variables: { workspaceId: _ },
+		skip: !_
+	}), { data: De, loading: Oe, error: ke } = ie({
+		variables: { workspaceId: _ },
+		skip: !_
+	}), { data: Ae, loading: je, error: Me } = ae({
+		variables: { workspaceId: _ },
+		skip: !_
+	}), { data: Ne } = le({
+		variables: {
+			workspaceId: _,
+			orderBy: {
+				field: fe.StartTime,
+				direction: pe.Desc
+			},
+			pagination: {
+				limit: 1,
+				offset: 0
+			}
+		},
+		skip: !_
+	}), [S] = ue(), [C] = te(), [Pe] = se(), { data: w, refetch: T } = ce({
+		variables: { workspaceId: _ },
+		skip: !_
+	}), E = w?.pomodoroGoals ?? [], [Fe, { loading: D, error: Ie }] = ne(), [Le, { loading: O, error: Re }] = de(), [ze, { loading: k, error: Be }] = re(), [Ve, A] = u(!1), [j, M] = u(null), [N, P] = u(null), [F, I] = u(b()), L = (e, t) => I((n) => ({
 		...n,
 		[e]: t
-	})), ye = () => {
-		V(null), G(w()), z(!0);
-	}, be = (e) => {
-		V(e), G(w(e)), z(!0);
-	}, xe = async () => {
-		if (!x) return;
-		let e = Number(W.target);
-		!e || e <= 0 || (B ? await P({ variables: {
-			id: B.id,
-			workspaceId: x,
+	})), He = () => {
+		M(null), I(b()), A(!0);
+	}, Ue = (e) => {
+		M(e), I(b(e)), A(!0);
+	}, We = async () => {
+		if (!_) return;
+		let e = Number(F.target);
+		!e || e <= 0 || (j ? await Le({ variables: {
+			id: j.id,
+			workspaceId: _,
 			input: {
-				type: W.type,
+				type: F.type,
 				target: e,
-				period: W.period.trim() || W.type,
-				startDate: new Date(W.startDate).toISOString(),
-				endDate: new Date(W.endDate).toISOString()
+				period: F.period.trim() || F.type,
+				startDate: new Date(F.startDate).toISOString(),
+				endDate: new Date(F.endDate).toISOString()
 			}
-		} }) : await j({ variables: { input: {
-			workspaceId: x,
-			type: W.type,
+		} }) : await Fe({ variables: { input: {
+			workspaceId: _,
+			type: F.type,
 			target: e,
-			period: W.period.trim() || W.type,
-			startDate: new Date(W.startDate).toISOString(),
-			endDate: new Date(W.endDate).toISOString()
-		} } }), z(!1), await k());
-	}, Se = async () => {
-		!H || !x || (await L({ variables: {
-			id: H.id,
-			workspaceId: x
-		} }), U(null), await k());
-	}, q = T?.pomodoroStats, J = me?.activePomodoroSession, [Y, X] = f(1500), [Z, Q] = f(!1);
-	d(() => {
-		if (J && !J.completed) {
-			let e = Math.floor((Date.now() - new Date(J.startTime).getTime()) / 1e3), t = J.duration ?? 1500, n = Math.max(0, t - e);
-			X(n), Q(n > 0);
+			period: F.period.trim() || F.type,
+			startDate: new Date(F.startDate).toISOString(),
+			endDate: new Date(F.endDate).toISOString()
+		} } }), A(!1), await T());
+	}, Ge = async () => {
+		!N || !_ || (await ze({ variables: {
+			id: N.id,
+			workspaceId: _
+		} }), P(null), await T());
+	}, R = x?.pomodoroStats, z = De?.activePomodoroSession, B = Ae?.pomodoroSettings, V = Ne?.pomodoroSessions[0], [H, U] = u(1500), [W, G] = u(!1), [K, q] = u(o.Focus), J = he(null), Y = c((e) => me(e, B), [B]), X = c((e) => {
+		let t = (R?.completedSessions ?? 0) + 1;
+		return s(e, t, B?.sessionsBeforeLongBreak ?? 4);
+	}, [B?.sessionsBeforeLongBreak, R?.completedSessions]);
+	l(() => {
+		if (z || !V?.completed) return;
+		let e = s(V.type, R?.completedSessions ?? 0, B?.sessionsBeforeLongBreak ?? 4);
+		q(e), U(Y(e));
+	}, [
+		z,
+		Y,
+		V,
+		B,
+		R
+	]), l(() => {
+		if (z && !z.completed) {
+			let e = Math.floor((Date.now() - new Date(z.startTime).getTime()) / 1e3), t = z.duration ?? Y(z.type), n = Math.max(0, t - e);
+			U(n), G(n > 0);
+		}
+	}, [z, Y]);
+	let Z = c(async () => {
+		if (!(!z || !_) && J.current !== z.id) {
+			J.current = z.id;
+			try {
+				await C({
+					variables: {
+						id: z.id,
+						workspaceId: _
+					},
+					refetchQueries: [
+						"GetActivePomodoroSession",
+						"GetPomodoroStats",
+						"ListPomodoroSessions"
+					],
+					awaitRefetchQueries: !0
+				});
+				let e = X(z.type);
+				q(e), U(Y(e)), G(!1);
+			} finally {
+				J.current = null;
+			}
 		}
-	}, [J]), d(() => {
-		if (!Z || Y <= 0) return;
-		let e = setInterval(() => {
-			X((e) => e <= 1 ? (Q(!1), 0) : e - 1);
-		}, 1e3);
-		return () => clearInterval(e);
-	}, [Z, Y]);
-	let Ce = (e) => {
+	}, [
+		z,
+		C,
+		Y,
+		X,
+		_
+	]);
+	l(() => {
+		if (H <= 0) {
+			G(!1), Z();
+			return;
+		}
+		if (!W) return;
+		let e = window.setTimeout(() => U((e) => Math.max(0, e - 1)), 1e3);
+		return () => window.clearTimeout(e);
+	}, [
+		Z,
+		W,
+		H
+	]);
+	let Ke = (e) => {
 		let t = Math.floor(e / 60), n = e % 60;
 		return `${String(t).padStart(2, "0")}:${String(n).padStart(2, "0")}`;
-	}, $ = u(async () => {
-		if (x) {
-			if (J && !J.completed) {
-				Q(!0);
-				return;
-			}
-			await E({
-				variables: { input: {
-					workspaceId: x,
-					type: "FOCUS"
-				} },
-				refetchQueries: ["GetActivePomodoroSession", "GetPomodoroStats"]
-			}), X(1500), Q(!0);
+	}, Q = c(async () => {
+		if (!_) return;
+		if (z && !z.completed) {
+			G(!0);
+			return;
 		}
+		let e = K;
+		await S({
+			variables: { input: {
+				workspaceId: _,
+				type: e
+			} },
+			refetchQueries: ["GetActivePomodoroSession", "GetPomodoroStats"],
+			awaitRefetchQueries: !0
+		}), U(Y(e)), G(!0);
 	}, [
-		x,
-		J,
-		E
-	]), we = u(async () => {
-		!J || !x || (await D({
+		_,
+		z,
+		Y,
+		K,
+		S
+	]), qe = async () => {
+		G(!1), z && _ && (await Pe({
 			variables: {
-				id: J.id,
-				workspaceId: x
+				id: z.id,
+				workspaceId: _,
+				reason: "Reset by user"
 			},
-			refetchQueries: ["GetActivePomodoroSession", "GetPomodoroStats"]
-		}), Q(!1), X(1500));
-	}, [
-		J,
-		x,
-		D
-	]), Te = () => {
-		Q(!1), X(1500);
+			refetchQueries: [
+				"GetActivePomodoroSession",
+				"GetPomodoroStats",
+				"ListPomodoroSessions"
+			],
+			awaitRefetchQueries: !0
+		}), q(z.type)), U(Y(z?.type ?? K));
 	};
-	if (fe || he) return /* @__PURE__ */ h(s, {
+	if (Te || Oe || je) return /* @__PURE__ */ f(r, {
 		title: "Pomodoro Timer",
 		description: "Focus with the Pomodoro Technique",
-		children: /* @__PURE__ */ h(r, {
+		children: /* @__PURE__ */ f(ee, {
 			variant: "card",
 			count: 3
 		})
 	});
-	if (pe || ge) return /* @__PURE__ */ h(s, {
+	if (Ee || ke || Me) return /* @__PURE__ */ f(r, {
 		title: "Pomodoro Timer",
 		description: "Focus with the Pomodoro Technique",
-		children: /* @__PURE__ */ h("div", {
+		children: /* @__PURE__ */ f("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 pomodoro data. Please try again later."
 		})
 	});
-	let Ee = Math.floor((q?.totalFocusMinutes ?? 0) / 60), De = (q?.totalFocusMinutes ?? 0) % 60;
-	return /* @__PURE__ */ g(s, {
+	let Je = Math.floor((R?.totalFocusMinutes ?? 0) / 60), Ye = (R?.totalFocusMinutes ?? 0) % 60, $ = z?.type ?? K, Xe = $ === o.ShortBreak ? z ? "Short Break" : "Short Break Ready" : $ === o.LongBreak ? z ? "Long Break" : "Long Break Ready" : z ? "Focus Session" : "Focus Ready", Ze = $ === o.ShortBreak ? "Start Short Break" : $ === o.LongBreak ? "Start Long Break" : "Start Focus";
+	return /* @__PURE__ */ p(r, {
 		title: "Pomodoro Timer",
 		description: "Focus with the Pomodoro Technique",
-		purpose: "Work in focused 25-minute sprints with short breaks — the Pomodoro technique helps you beat procrastination and build a streak of deep-work sessions you can actually measure.",
+		purpose: "Work in focused sprints with prompted short and long breaks — configure a cadence that fits your rhythm and build a deep-work streak you can measure.",
 		children: [
-			/* @__PURE__ */ h(v, {
+			/* @__PURE__ */ f(we, {
 				storageKey: "timecampus-pomodoro",
 				className: "mb-6",
 				steps: [
@@ -154,122 +223,124 @@ function T() {
 						id: "start",
 						label: "Start a focus session",
 						description: "Begin a 25-minute sprint on one task.",
-						onClick: () => $()
+						onClick: () => Q()
 					},
 					{
 						id: "analytics",
 						label: "Review your pomodoro stats",
 						description: "See streaks, completion rate and focus time.",
-						onClick: () => S("/pomodoro/analytics")
+						onClick: () => v("/pomodoro/analytics")
 					},
 					{
 						id: "settings",
 						label: "Tune your intervals",
 						description: "Adjust focus and break lengths to fit you.",
-						onClick: () => S("/pomodoro/settings")
+						onClick: () => v("/pomodoro/settings")
 					}
 				]
 			}),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ p("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
 				children: [
-					/* @__PURE__ */ h(n, {
+					/* @__PURE__ */ f(n, {
 						title: "Sessions Today",
-						value: String(q?.completedSessions ?? 0),
-						description: `Total: ${q?.totalSessions ?? 0} sessions`
+						value: String(R?.completedSessions ?? 0),
+						description: `Total: ${R?.totalSessions ?? 0} sessions`
 					}),
-					/* @__PURE__ */ h(n, {
+					/* @__PURE__ */ f(n, {
 						title: "Focus Time",
-						value: `${Ee}h ${De}m`,
+						value: `${Je}h ${Ye}m`,
 						trend: {
-							value: q?.completionRate ?? 0,
+							value: R?.completionRate ?? 0,
 							label: "completion rate"
 						}
 					}),
-					/* @__PURE__ */ h(n, {
+					/* @__PURE__ */ f(n, {
 						title: "Current Streak",
-						value: `${q?.streakDays ?? 0} days`,
-						description: `Avg: ${q?.averageSessionMinutes ?? 0}m per session`
+						value: `${R?.streakDays ?? 0} days`,
+						description: `Avg: ${R?.averageSessionMinutes ?? 0}m per session`
 					})
 				]
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ f("div", {
 				className: "mx-auto max-w-md",
-				children: /* @__PURE__ */ g(_, {
+				children: /* @__PURE__ */ p(m, {
 					treatment: "glass",
 					glow: !0,
 					className: "p-8 text-center",
 					children: [
-						/* @__PURE__ */ h("div", {
+						/* @__PURE__ */ f("div", {
 							className: "mb-2",
-							children: /* @__PURE__ */ h("span", {
+							children: /* @__PURE__ */ f("span", {
+								"aria-live": "polite",
 								className: "inline-flex rounded-full bg-action-primary-bg/10 px-3 py-1 text-xs font-medium text-primary",
-								children: J ? "Focus Session" : "Ready"
+								children: Xe
 							})
 						}),
-						/* @__PURE__ */ h("p", {
+						/* @__PURE__ */ f("p", {
 							className: "text-7xl font-mono font-bold text-text-primary",
-							children: Ce(Y)
+							children: Ke(H)
 						}),
-						/* @__PURE__ */ h("p", {
+						/* @__PURE__ */ f("p", {
 							className: "mt-2 text-sm text-text-secondary",
-							children: q ? `${q.completedSessions} of ${q.totalSessions} sessions` : "No sessions yet"
+							children: R ? `${R.completedSessions} of ${R.totalSessions} sessions` : "No sessions yet"
 						}),
-						/* @__PURE__ */ g("div", {
+						/* @__PURE__ */ p("div", {
 							className: "mt-6 flex items-center justify-center gap-3",
 							children: [
-								Z ? /* @__PURE__ */ g("button", {
-									onClick: () => Q(!1),
+								W ? /* @__PURE__ */ p("button", {
+									onClick: () => G(!1),
 									className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-6 py-3 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
-									children: [/* @__PURE__ */ h(ae, { className: "h-4 w-4" }), "Pause"]
-								}) : /* @__PURE__ */ g("button", {
-									onClick: $,
+									children: [/* @__PURE__ */ f(ge, { className: "h-4 w-4" }), "Pause"]
+								}) : /* @__PURE__ */ p("button", {
+									onClick: Q,
 									className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-6 py-3 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
-									children: [/* @__PURE__ */ h(se, { className: "h-4 w-4" }), "Start"]
+									children: [/* @__PURE__ */ f(ve, { className: "h-4 w-4" }), Ze]
 								}),
-								/* @__PURE__ */ g("button", {
-									onClick: we,
-									className: "inline-flex items-center gap-2 rounded-md border border-border-subtle px-4 py-3 text-sm font-medium text-text-primary hover:bg-bg-sunken/50",
-									children: [/* @__PURE__ */ h(le, { className: "h-4 w-4" }), "Skip"]
+								/* @__PURE__ */ p("button", {
+									onClick: Z,
+									disabled: !z,
+									className: "inline-flex items-center gap-2 rounded-md border border-border-subtle px-4 py-3 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 disabled:opacity-50",
+									children: [/* @__PURE__ */ f(xe, { className: "h-4 w-4" }), "Skip"]
 								}),
-								/* @__PURE__ */ g("button", {
-									onClick: Te,
+								/* @__PURE__ */ p("button", {
+									onClick: () => void qe(),
 									className: "inline-flex items-center gap-2 rounded-md border border-border-subtle px-4 py-3 text-sm font-medium text-text-primary hover:bg-bg-sunken/50",
-									children: [/* @__PURE__ */ h(p, { className: "h-4 w-4" }), "Reset"]
+									children: [/* @__PURE__ */ f(be, { className: "h-4 w-4" }), "Reset"]
 								})
 							]
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ g(_, {
+			/* @__PURE__ */ p(m, {
 				treatment: "glass",
 				className: "p-6",
-				children: [/* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ p("div", {
 					className: "mb-4 flex items-center justify-between",
-					children: [/* @__PURE__ */ g("h3", {
+					children: [/* @__PURE__ */ p("h3", {
 						className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
-						children: [/* @__PURE__ */ h(ue, { className: "h-4 w-4" }), "Focus Goals"]
-					}), /* @__PURE__ */ g("button", {
-						onClick: ye,
+						children: [/* @__PURE__ */ f(Se, { className: "h-4 w-4" }), "Focus Goals"]
+					}), /* @__PURE__ */ p("button", {
+						onClick: He,
 						className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-1.5 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
-						children: [/* @__PURE__ */ h(ce, { className: "h-4 w-4" }), "Add Goal"]
+						children: [/* @__PURE__ */ f(ye, { className: "h-4 w-4" }), "Add Goal"]
 					})]
-				}), A.length === 0 ? /* @__PURE__ */ h("p", {
+				}), E.length === 0 ? /* @__PURE__ */ f("p", {
 					className: "py-6 text-center text-sm text-text-secondary",
 					children: "No focus goals yet. Set a daily or weekly target to build a consistent focus habit."
-				}) : /* @__PURE__ */ h("div", {
+				}) : /* @__PURE__ */ f("div", {
 					className: "space-y-3",
-					children: A.map((e) => {
+					children: E.map((e) => {
 						let t = e.target ? Math.min(100, Math.round(e.current / e.target * 100)) : 0;
-						return /* @__PURE__ */ g("div", {
+						return /* @__PURE__ */ p("div", {
 							className: "rounded-lg border border-border-subtle p-4",
-							children: [/* @__PURE__ */ g("div", {
+							children: [/* @__PURE__ */ p("div", {
 								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ g("p", {
+								children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ p("p", {
 									className: "text-sm font-medium capitalize text-text-primary",
 									children: [e.type.toLowerCase(), " goal"]
-								}), /* @__PURE__ */ g("p", {
+								}), /* @__PURE__ */ p("p", {
 									className: "text-xs text-text-secondary",
 									children: [
 										e.current,
@@ -277,30 +348,30 @@ function T() {
 										e.target,
 										" sessions"
 									]
-								})] }), /* @__PURE__ */ g("div", {
+								})] }), /* @__PURE__ */ p("div", {
 									className: "flex items-center gap-2",
 									children: [
-										/* @__PURE__ */ g("span", {
+										/* @__PURE__ */ p("span", {
 											className: "text-sm font-medium text-text-primary",
 											children: [t, "%"]
 										}),
-										/* @__PURE__ */ h("button", {
-											onClick: () => be(e),
+										/* @__PURE__ */ f("button", {
+											onClick: () => Ue(e),
 											className: "rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-text-primary",
 											"aria-label": "Edit goal",
-											children: /* @__PURE__ */ h(oe, { className: "h-4 w-4" })
+											children: /* @__PURE__ */ f(_e, { className: "h-4 w-4" })
 										}),
-										/* @__PURE__ */ h("button", {
-											onClick: () => U(e),
+										/* @__PURE__ */ f("button", {
+											onClick: () => P(e),
 											className: "rounded-md p-1.5 text-text-secondary hover:bg-status-error-bg hover:text-status-error-text",
 											"aria-label": "Delete goal",
-											children: /* @__PURE__ */ h(de, { className: "h-4 w-4" })
+											children: /* @__PURE__ */ f(Ce, { className: "h-4 w-4" })
 										})
 									]
 								})]
-							}), /* @__PURE__ */ h("div", {
+							}), /* @__PURE__ */ f("div", {
 								className: "mt-3 h-2 w-full rounded-full bg-bg-sunken",
-								children: /* @__PURE__ */ h("div", {
+								children: /* @__PURE__ */ f("div", {
 									className: "h-2 rounded-full bg-action-primary-bg",
 									style: { width: `${t}%` }
 								})
@@ -309,115 +380,115 @@ function T() {
 					})
 				})]
 			}),
-			/* @__PURE__ */ g(c, {
-				open: ve,
-				onClose: () => z(!1),
-				title: B ? "Edit Focus Goal" : "Add Focus Goal",
+			/* @__PURE__ */ p(i, {
+				open: Ve,
+				onClose: () => A(!1),
+				title: j ? "Edit Focus Goal" : "Add Focus Goal",
 				description: "Set a target number of focus sessions",
-				footer: /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("button", {
-					onClick: () => z(!1),
+				footer: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("button", {
+					onClick: () => A(!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__ */ h("button", {
-					onClick: xe,
-					disabled: M || F || Number(W.target) <= 0,
+				}), /* @__PURE__ */ f("button", {
+					onClick: We,
+					disabled: D || O || Number(F.target) <= 0,
 					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: M || F ? "Saving..." : B ? "Save Changes" : "Add Goal"
+					children: D || O ? "Saving..." : j ? "Save Changes" : "Add Goal"
 				})] }),
-				children: [(N || I) && /* @__PURE__ */ h("div", {
+				children: [(Ie || Re) && /* @__PURE__ */ f("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 save goal. Please try again."
-				}), /* @__PURE__ */ g("div", {
+				}), /* @__PURE__ */ p("div", {
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
-							className: b,
+						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+							className: g,
 							children: "Goal Type"
-						}), /* @__PURE__ */ g("select", {
-							value: W.type,
+						}), /* @__PURE__ */ p("select", {
+							value: F.type,
 							onChange: (e) => {
 								let t = e.target.value;
-								G((e) => ({
+								I((e) => ({
 									...e,
 									type: t,
 									period: t,
-									endDate: t === l.Daily ? C(0) : t === l.Weekly ? C(7) : C(30)
+									endDate: t === a.Daily ? y(0) : t === a.Weekly ? y(7) : y(30)
 								}));
 							},
-							className: y,
+							className: h,
 							children: [
-								/* @__PURE__ */ h("option", {
-									value: l.Daily,
+								/* @__PURE__ */ f("option", {
+									value: a.Daily,
 									children: "Daily"
 								}),
-								/* @__PURE__ */ h("option", {
-									value: l.Weekly,
+								/* @__PURE__ */ f("option", {
+									value: a.Weekly,
 									children: "Weekly"
 								}),
-								/* @__PURE__ */ h("option", {
-									value: l.Monthly,
+								/* @__PURE__ */ f("option", {
+									value: a.Monthly,
 									children: "Monthly"
 								})
 							]
 						})] }),
-						/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
-							className: b,
+						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+							className: g,
 							children: "Target Sessions"
-						}), /* @__PURE__ */ h("input", {
+						}), /* @__PURE__ */ f("input", {
 							type: "number",
 							min: "1",
 							placeholder: "8",
-							value: W.target,
-							onChange: (e) => K("target", e.target.value),
-							className: y
+							value: F.target,
+							onChange: (e) => L("target", e.target.value),
+							className: h
 						})] }),
-						/* @__PURE__ */ g("div", {
+						/* @__PURE__ */ p("div", {
 							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-							children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
-								className: b,
+							children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+								className: g,
 								children: "Start Date"
-							}), /* @__PURE__ */ h("input", {
+							}), /* @__PURE__ */ f("input", {
 								type: "date",
-								value: W.startDate,
-								onChange: (e) => K("startDate", e.target.value),
-								className: y
-							})] }), /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
-								className: b,
+								value: F.startDate,
+								onChange: (e) => L("startDate", e.target.value),
+								className: h
+							})] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+								className: g,
 								children: "End Date"
-							}), /* @__PURE__ */ h("input", {
+							}), /* @__PURE__ */ f("input", {
 								type: "date",
-								value: W.endDate,
-								onChange: (e) => K("endDate", e.target.value),
-								className: y
+								value: F.endDate,
+								onChange: (e) => L("endDate", e.target.value),
+								className: h
 							})] })]
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ g(c, {
-				open: H !== null,
-				onClose: () => U(null),
+			/* @__PURE__ */ p(i, {
+				open: N !== null,
+				onClose: () => P(null),
 				title: "Delete Focus Goal",
 				size: "sm",
-				footer: /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("button", {
-					onClick: () => U(null),
+				footer: /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("button", {
+					onClick: () => P(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__ */ h("button", {
-					onClick: Se,
-					disabled: R,
+				}), /* @__PURE__ */ f("button", {
+					onClick: Ge,
+					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/90 disabled:opacity-50",
-					children: R ? "Deleting..." : "Delete"
+					children: k ? "Deleting..." : "Delete"
 				})] }),
-				children: [_e && /* @__PURE__ */ h("div", {
+				children: [Be && /* @__PURE__ */ f("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 delete goal. Please try again."
-				}), /* @__PURE__ */ g("p", {
+				}), /* @__PURE__ */ p("p", {
 					className: "text-sm text-text-secondary",
 					children: [
 						"Are you sure you want to delete this",
 						" ",
-						H?.type.toLowerCase(),
+						N?.type.toLowerCase(),
 						" focus goal? This action cannot be undone."
 					]
 				})]
@@ -426,6 +497,6 @@ function T() {
 	});
 }
 //#endregion
-export { T as PomodoroPage };
+export { x as PomodoroPage };
 
 //# sourceMappingURL=PomodoroPage.js.map