@burdenoff/microfe-timecampus 2026.703.1 → 2026.703.3

package/dist/timecampus/pages/meetings/ParticipantFormModal.js

@@ -0,0 +1,105 @@
+import { MeetingParticipantRole as e, MeetingParticipantStatus as t } from "../../../generated/wspace-types.js";
+import { Modal as n } from "../../components/Modal.js";
+import { useState as r } from "react";
+import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/timecampus/pages/meetings/ParticipantFormModal.tsx
+var s = "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", c = "block text-sm font-medium text-text-primary", l = [
+	{
+		value: e.Required,
+		label: "Required"
+	},
+	{
+		value: e.Optional,
+		label: "Optional"
+	},
+	{
+		value: e.Organizer,
+		label: "Organizer"
+	}
+], u = [
+	{
+		value: t.Pending,
+		label: "Pending"
+	},
+	{
+		value: t.Accepted,
+		label: "Accepted"
+	},
+	{
+		value: t.Tentative,
+		label: "Tentative"
+	},
+	{
+		value: t.Declined,
+		label: "Declined"
+	}
+], d = ({ open: d, onClose: f, defaultUserId: p, submitting: m, error: h, onSubmit: g }) => {
+	let [_, v] = r(p ?? ""), [y, b] = r(e.Required), [x, S] = r(t.Pending), C = !!_.trim() && !m;
+	return /* @__PURE__ */ o(n, {
+		open: d,
+		onClose: f,
+		title: "Add participant",
+		description: "Record who attended so their time counts toward this meeting's cost.",
+		footer: /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a("button", {
+			onClick: f,
+			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__ */ a("button", {
+			onClick: async () => {
+				C && await g({
+					userId: _.trim(),
+					role: y,
+					status: x
+				});
+			},
+			disabled: !C,
+			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 ? "Adding..." : "Add participant"
+		})] }),
+		children: [h && /* @__PURE__ */ a("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 add participant. Please try again."
+		}), /* @__PURE__ */ o("div", {
+			className: "space-y-4",
+			children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
+				className: c,
+				children: "User ID"
+			}), /* @__PURE__ */ a("input", {
+				type: "text",
+				placeholder: "User ID",
+				value: _,
+				onChange: (e) => v(e.target.value),
+				className: s
+			})] }), /* @__PURE__ */ o("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+				children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
+					className: c,
+					children: "Role"
+				}), /* @__PURE__ */ a("select", {
+					value: y,
+					onChange: (e) => b(e.target.value),
+					className: s,
+					children: l.map((e) => /* @__PURE__ */ a("option", {
+						value: e.value,
+						children: e.label
+					}, e.value))
+				})] }), /* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
+					className: c,
+					children: "Status"
+				}), /* @__PURE__ */ a("select", {
+					value: x,
+					onChange: (e) => S(e.target.value),
+					className: s,
+					children: u.map((e) => /* @__PURE__ */ a("option", {
+						value: e.value,
+						children: e.label
+					}, e.value))
+				})] })]
+			})]
+		})]
+	});
+};
+//#endregion
+export { d as ParticipantFormModal };
+
+//# sourceMappingURL=ParticipantFormModal.js.map

package/dist/timecampus/pages/meetings/ParticipantFormModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParticipantFormModal.js","names":[],"sources":["../../../../src/timecampus/pages/meetings/ParticipantFormModal.tsx"],"sourcesContent":["import { useState, type FC } from \"react\";\nimport { Modal } from \"../../components/Modal\";\nimport {\n  MeetingParticipantRole,\n  MeetingParticipantStatus,\n  type AddMeetingParticipantInput,\n} from \"@/generated/wspace-types\";\n\nconst inputClass =\n  \"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\";\nconst labelClass = \"block text-sm font-medium text-text-primary\";\n\nconst ROLES: { value: MeetingParticipantRole; label: string }[] = [\n  { value: MeetingParticipantRole.Required, label: \"Required\" },\n  { value: MeetingParticipantRole.Optional, label: \"Optional\" },\n  { value: MeetingParticipantRole.Organizer, label: \"Organizer\" },\n];\n\nconst STATUSES: { value: MeetingParticipantStatus; label: string }[] = [\n  { value: MeetingParticipantStatus.Pending, label: \"Pending\" },\n  { value: MeetingParticipantStatus.Accepted, label: \"Accepted\" },\n  { value: MeetingParticipantStatus.Tentative, label: \"Tentative\" },\n  { value: MeetingParticipantStatus.Declined, label: \"Declined\" },\n];\n\ninterface ParticipantFormModalProps {\n  open: boolean;\n  onClose: () => void;\n  defaultUserId?: string;\n  submitting: boolean;\n  error?: boolean;\n  onSubmit: (input: AddMeetingParticipantInput) => Promise<void> | void;\n}\n\nexport const ParticipantFormModal: FC<ParticipantFormModalProps> = ({\n  open,\n  onClose,\n  defaultUserId,\n  submitting,\n  error,\n  onSubmit,\n}) => {\n  const [userId, setUserId] = useState(defaultUserId ?? \"\");\n  const [role, setRole] = useState<MeetingParticipantRole>(\n    MeetingParticipantRole.Required,\n  );\n  const [status, setStatus] = useState<MeetingParticipantStatus>(\n    MeetingParticipantStatus.Pending,\n  );\n\n  const canSubmit = Boolean(userId.trim()) && !submitting;\n\n  const handleSubmit = async () => {\n    if (!canSubmit) return;\n    await onSubmit({ userId: userId.trim(), role, status });\n  };\n\n  return (\n    <Modal\n      open={open}\n      onClose={onClose}\n      title=\"Add participant\"\n      description=\"Record who attended so their time counts toward this meeting's cost.\"\n      footer={\n        <>\n          <button\n            onClick={onClose}\n            className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n          >\n            Cancel\n          </button>\n          <button\n            onClick={handleSubmit}\n            disabled={!canSubmit}\n            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\"\n          >\n            {submitting ? \"Adding...\" : \"Add participant\"}\n          </button>\n        </>\n      }\n    >\n      {error && (\n        <div className=\"mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text\">\n          Failed to add participant. Please try again.\n        </div>\n      )}\n      <div className=\"space-y-4\">\n        <div>\n          <label className={labelClass}>User ID</label>\n          <input\n            type=\"text\"\n            placeholder=\"User ID\"\n            value={userId}\n            onChange={(e) => setUserId(e.target.value)}\n            className={inputClass}\n          />\n        </div>\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n          <div>\n            <label className={labelClass}>Role</label>\n            <select\n              value={role}\n              onChange={(e) =>\n                setRole(e.target.value as MeetingParticipantRole)\n              }\n              className={inputClass}\n            >\n              {ROLES.map((r) => (\n                <option key={r.value} value={r.value}>\n                  {r.label}\n                </option>\n              ))}\n            </select>\n          </div>\n          <div>\n            <label className={labelClass}>Status</label>\n            <select\n              value={status}\n              onChange={(e) =>\n                setStatus(e.target.value as MeetingParticipantStatus)\n              }\n              className={inputClass}\n            >\n              {STATUSES.map((s) => (\n                <option key={s.value} value={s.value}>\n                  {s.label}\n                </option>\n              ))}\n            </select>\n          </div>\n        </div>\n      </div>\n    </Modal>\n  );\n};\n"],"mappings":";;;;;AAQA,IAAM,IACJ,wIACI,IAAa,+CAEb,IAA4D;CAChE;EAAE,OAAO,EAAuB;EAAU,OAAO;EAAY;CAC7D;EAAE,OAAO,EAAuB;EAAU,OAAO;EAAY;CAC7D;EAAE,OAAO,EAAuB;EAAW,OAAO;EAAa;CAChE,EAEK,IAAiE;CACrE;EAAE,OAAO,EAAyB;EAAS,OAAO;EAAW;CAC7D;EAAE,OAAO,EAAyB;EAAU,OAAO;EAAY;CAC/D;EAAE,OAAO,EAAyB;EAAW,OAAO;EAAa;CACjE;EAAE,OAAO,EAAyB;EAAU,OAAO;EAAY;CAChE,EAWY,KAAuD,EAClE,SACA,YACA,kBACA,eACA,UACA,kBACI;CACJ,IAAM,CAAC,GAAQ,KAAa,EAAS,KAAiB,GAAG,EACnD,CAAC,GAAM,KAAW,EACtB,EAAuB,SACxB,EACK,CAAC,GAAQ,KAAa,EAC1B,EAAyB,QAC1B,EAEK,IAAY,EAAQ,EAAO,MAAM,IAAK,CAAC;AAO7C,QACE,kBAAC,GAAD;EACQ;EACG;EACT,OAAM;EACN,aAAY;EACZ,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,UAAD;GACE,SAAS;GACT,WAAU;aACX;GAEQ,CAAA,EACT,kBAAC,UAAD;GACE,SApBW,YAAY;AAC1B,SACL,MAAM,EAAS;KAAE,QAAQ,EAAO,MAAM;KAAE;KAAM;KAAQ,CAAC;;GAmB/C,UAAU,CAAC;GACX,WAAU;aAET,IAAa,cAAc;GACrB,CAAA,CACR,EAAA,CAAA;YApBP,CAuBG,KACC,kBAAC,OAAD;GAAK,WAAU;aAAyG;GAElH,CAAA,EAER,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;IAAO,WAAW;cAAY;IAAe,CAAA,EAC7C,kBAAC,SAAD;IACE,MAAK;IACL,aAAY;IACZ,OAAO;IACP,WAAW,MAAM,EAAU,EAAE,OAAO,MAAM;IAC1C,WAAW;IACX,CAAA,CACE,EAAA,CAAA,EACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;KAAO,WAAW;eAAY;KAAY,CAAA,EAC1C,kBAAC,UAAD;KACE,OAAO;KACP,WAAW,MACT,EAAQ,EAAE,OAAO,MAAgC;KAEnD,WAAW;eAEV,EAAM,KAAK,MACV,kBAAC,UAAD;MAAsB,OAAO,EAAE;gBAC5B,EAAE;MACI,EAFI,EAAE,MAEN,CACT;KACK,CAAA,CACL,EAAA,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;KAAO,WAAW;eAAY;KAAc,CAAA,EAC5C,kBAAC,UAAD;KACE,OAAO;KACP,WAAW,MACT,EAAU,EAAE,OAAO,MAAkC;KAEvD,WAAW;eAEV,EAAS,KAAK,MACb,kBAAC,UAAD;MAAsB,OAAO,EAAE;gBAC5B,EAAE;MACI,EAFI,EAAE,MAEN,CACT;KACK,CAAA,CACL,EAAA,CAAA,CACF;MACF;KACA"}

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

@@ -1,70 +1,130 @@
 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, useGetActivePomodoroSessionQuery as a, useGetPomodoroStatsQuery as o, useStartPomodoroSessionMutation as s } from "../../../generated/wspace-operations.js";
+import { useCompletePomodoroSessionMutation as i, useCreatePomodoroGoalMutation as ee, useDeletePomodoroGoalMutation as te, useGetActivePomodoroSessionQuery as ne, useGetPomodoroStatsQuery as re, useListPomodoroGoalsQuery as a, useStartPomodoroSessionMutation as o, useUpdatePomodoroGoalMutation as s } from "../../../generated/wspace-operations.js";
 import { PageLayout as c } from "../../components/PageLayout.js";
-import { useCallback as l, useEffect as u, useState as d } from "react";
-import { Pause as f, Play as p, RotateCcw as m, SkipForward as h } from "lucide-react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { GlassCard as v, NextSteps as y } from "@burdenoff/fe-libs/ui";
+import { PomodoroGoalType as l } from "../../../generated/wspace-types.js";
+import { Modal as u } from "../../components/Modal.js";
+import { useCallback as d, useEffect as f, useState as p } from "react";
+import { Pause as ie, Pencil as ae, Play as oe, Plus as se, RotateCcw as m, SkipForward as ce, Target as le, Trash2 as ue } from "lucide-react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { GlassCard as v, NextSteps as de } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/pomodoro/PomodoroPage.tsx
-function b() {
-	let { workspaceId: b = "" } = e(), x = t(), { data: S, loading: C, error: w } = o({
-		variables: { workspaceId: b },
-		skip: !b
-	}), { data: T, loading: E, error: D } = a({
-		variables: { workspaceId: b },
-		skip: !b
-	}), [O] = s(), [k] = i(), A = S?.pomodoroStats, j = T?.activePomodoroSession, [M, N] = d(1500), [P, F] = d(!1);
-	u(() => {
-		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);
-			N(n), F(n > 0);
+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) {
+	let t = new Date(e);
+	return Number.isNaN(t.getTime()) ? "" : (/* @__PURE__ */ new Date(t.getTime() - t.getTimezoneOffset() * 6e4)).toISOString().slice(0, 10);
+}
+function S() {
+	let e = /* @__PURE__ */ new Date();
+	return (/* @__PURE__ */ new Date(e.getTime() - e.getTimezoneOffset() * 6e4)).toISOString().slice(0, 10);
+}
+function C(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) {
+	return {
+		type: e?.type ?? l.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)
+	};
+}
+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] = o(), [D] = i(), { data: O, refetch: k } = a({
+		variables: { workspaceId: x },
+		skip: !x
+	}), A = O?.pomodoroGoals ?? [], [j, { loading: M, error: N }] = ee(), [P, { loading: F, error: I }] = s(), [L, { loading: R, error: _e }] = te(), [ve, z] = p(!1), [B, V] = p(null), [H, U] = p(null), [W, G] = p(w()), K = (e, t) => G((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,
+			input: {
+				type: W.type,
+				target: e,
+				period: W.period.trim() || W.type,
+				startDate: new Date(W.startDate).toISOString(),
+				endDate: new Date(W.endDate).toISOString()
+			}
+		} }) : await j({ variables: { input: {
+			workspaceId: x,
+			type: W.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] = p(1500), [Z, Q] = p(!1);
+	f(() => {
+		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);
 		}
-	}, [j]), u(() => {
-		if (!P || M <= 0) return;
+	}, [J]), f(() => {
+		if (!Z || Y <= 0) return;
 		let e = setInterval(() => {
-			N((e) => e <= 1 ? (F(!1), 0) : e - 1);
+			X((e) => e <= 1 ? (Q(!1), 0) : e - 1);
 		}, 1e3);
 		return () => clearInterval(e);
-	}, [P, M]);
-	let I = (e) => {
+	}, [Z, Y]);
+	let Ce = (e) => {
 		let t = Math.floor(e / 60), n = e % 60;
 		return `${String(t).padStart(2, "0")}:${String(n).padStart(2, "0")}`;
-	}, L = l(async () => {
-		if (b) {
-			if (j && !j.completed) {
-				F(!0);
+	}, $ = d(async () => {
+		if (x) {
+			if (J && !J.completed) {
+				Q(!0);
 				return;
 			}
-			await O({
+			await E({
 				variables: { input: {
-					workspaceId: b,
+					workspaceId: x,
 					type: "FOCUS"
 				} },
 				refetchQueries: ["GetActivePomodoroSession", "GetPomodoroStats"]
-			}), N(1500), F(!0);
+			}), X(1500), Q(!0);
 		}
 	}, [
-		b,
-		j,
-		O
-	]), R = l(async () => {
-		!j || !b || (await k({
+		x,
+		J,
+		E
+	]), we = d(async () => {
+		!J || !x || (await D({
 			variables: {
-				id: j.id,
-				workspaceId: b
+				id: J.id,
+				workspaceId: x
 			},
 			refetchQueries: ["GetActivePomodoroSession", "GetPomodoroStats"]
-		}), F(!1), N(1500));
+		}), Q(!1), X(1500));
 	}, [
-		j,
-		b,
-		k
-	]), z = () => {
-		F(!1), N(1500);
+		J,
+		x,
+		D
+	]), Te = () => {
+		Q(!1), X(1500);
 	};
-	if (C || E) return /* @__PURE__ */ g(c, {
+	if (fe || he) return /* @__PURE__ */ g(c, {
 		title: "Pomodoro Timer",
 		description: "Focus with the Pomodoro Technique",
 		children: /* @__PURE__ */ g(r, {
@@ -72,7 +132,7 @@ function b() {
 			count: 3
 		})
 	});
-	if (w || D) return /* @__PURE__ */ g(c, {
+	if (pe || ge) return /* @__PURE__ */ g(c, {
 		title: "Pomodoro Timer",
 		description: "Focus with the Pomodoro Technique",
 		children: /* @__PURE__ */ g("div", {
@@ -80,13 +140,13 @@ function b() {
 			children: "Failed to load pomodoro data. Please try again later."
 		})
 	});
-	let B = Math.floor((A?.totalFocusMinutes ?? 0) / 60), V = (A?.totalFocusMinutes ?? 0) % 60;
+	let Ee = Math.floor((q?.totalFocusMinutes ?? 0) / 60), De = (q?.totalFocusMinutes ?? 0) % 60;
 	return /* @__PURE__ */ _(c, {
 		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.",
 		children: [
-			/* @__PURE__ */ g(y, {
+			/* @__PURE__ */ g(de, {
 				storageKey: "timecampus-pomodoro",
 				className: "mb-6",
 				steps: [
@@ -94,19 +154,19 @@ function b() {
 						id: "start",
 						label: "Start a focus session",
 						description: "Begin a 25-minute sprint on one task.",
-						onClick: () => L()
+						onClick: () => $()
 					},
 					{
 						id: "analytics",
 						label: "Review your pomodoro stats",
 						description: "See streaks, completion rate and focus time.",
-						onClick: () => x("/pomodoro/analytics")
+						onClick: () => S("/pomodoro/analytics")
 					},
 					{
 						id: "settings",
 						label: "Tune your intervals",
 						description: "Adjust focus and break lengths to fit you.",
-						onClick: () => x("/pomodoro/settings")
+						onClick: () => S("/pomodoro/settings")
 					}
 				]
 			}),
@@ -115,21 +175,21 @@ function b() {
 				children: [
 					/* @__PURE__ */ g(n, {
 						title: "Sessions Today",
-						value: String(A?.completedSessions ?? 0),
-						description: `Total: ${A?.totalSessions ?? 0} sessions`
+						value: String(q?.completedSessions ?? 0),
+						description: `Total: ${q?.totalSessions ?? 0} sessions`
 					}),
 					/* @__PURE__ */ g(n, {
 						title: "Focus Time",
-						value: `${B}h ${V}m`,
+						value: `${Ee}h ${De}m`,
 						trend: {
-							value: A?.completionRate ?? 0,
+							value: q?.completionRate ?? 0,
 							label: "completion rate"
 						}
 					}),
 					/* @__PURE__ */ g(n, {
 						title: "Current Streak",
-						value: `${A?.streakDays ?? 0} days`,
-						description: `Avg: ${A?.averageSessionMinutes ?? 0}m per session`
+						value: `${q?.streakDays ?? 0} days`,
+						description: `Avg: ${q?.averageSessionMinutes ?? 0}m per session`
 					})
 				]
 			}),
@@ -144,36 +204,36 @@ function b() {
 							className: "mb-2",
 							children: /* @__PURE__ */ g("span", {
 								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: J ? "Focus Session" : "Ready"
 							})
 						}),
 						/* @__PURE__ */ g("p", {
 							className: "text-7xl font-mono font-bold text-text-primary",
-							children: I(M)
+							children: Ce(Y)
 						}),
 						/* @__PURE__ */ g("p", {
 							className: "mt-2 text-sm text-text-secondary",
-							children: A ? `${A.completedSessions} of ${A.totalSessions} sessions` : "No sessions yet"
+							children: q ? `${q.completedSessions} of ${q.totalSessions} sessions` : "No sessions yet"
 						}),
 						/* @__PURE__ */ _("div", {
 							className: "mt-6 flex items-center justify-center gap-3",
 							children: [
-								P ? /* @__PURE__ */ _("button", {
-									onClick: () => F(!1),
+								Z ? /* @__PURE__ */ _("button", {
+									onClick: () => Q(!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__ */ g(f, { className: "h-4 w-4" }), "Pause"]
+									children: [/* @__PURE__ */ g(ie, { className: "h-4 w-4" }), "Pause"]
 								}) : /* @__PURE__ */ _("button", {
-									onClick: L,
+									onClick: $,
 									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__ */ g(p, { className: "h-4 w-4" }), "Start"]
+									children: [/* @__PURE__ */ g(oe, { className: "h-4 w-4" }), "Start"]
 								}),
 								/* @__PURE__ */ _("button", {
-									onClick: R,
+									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__ */ g(h, { className: "h-4 w-4" }), "Skip"]
+									children: [/* @__PURE__ */ g(ce, { className: "h-4 w-4" }), "Skip"]
 								}),
 								/* @__PURE__ */ _("button", {
-									onClick: z,
+									onClick: Te,
 									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__ */ g(m, { className: "h-4 w-4" }), "Reset"]
 								})
@@ -181,11 +241,191 @@ function b() {
 						})
 					]
 				})
+			}),
+			/* @__PURE__ */ _(v, {
+				treatment: "glass",
+				className: "p-6",
+				children: [/* @__PURE__ */ _("div", {
+					className: "mb-4 flex items-center justify-between",
+					children: [/* @__PURE__ */ _("h3", {
+						className: "flex items-center gap-2 text-sm font-semibold text-text-primary",
+						children: [/* @__PURE__ */ g(le, { className: "h-4 w-4" }), "Focus Goals"]
+					}), /* @__PURE__ */ _("button", {
+						onClick: ye,
+						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__ */ g(se, { className: "h-4 w-4" }), "Add Goal"]
+					})]
+				}), A.length === 0 ? /* @__PURE__ */ g("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__ */ g("div", {
+					className: "space-y-3",
+					children: A.map((e) => {
+						let t = e.target ? Math.min(100, Math.round(e.current / e.target * 100)) : 0;
+						return /* @__PURE__ */ _("div", {
+							className: "rounded-lg border border-border-subtle p-4",
+							children: [/* @__PURE__ */ _("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ _("p", {
+									className: "text-sm font-medium capitalize text-text-primary",
+									children: [e.type.toLowerCase(), " goal"]
+								}), /* @__PURE__ */ _("p", {
+									className: "text-xs text-text-secondary",
+									children: [
+										e.current,
+										" of ",
+										e.target,
+										" sessions"
+									]
+								})] }), /* @__PURE__ */ _("div", {
+									className: "flex items-center gap-2",
+									children: [
+										/* @__PURE__ */ _("span", {
+											className: "text-sm font-medium text-text-primary",
+											children: [t, "%"]
+										}),
+										/* @__PURE__ */ g("button", {
+											onClick: () => be(e),
+											className: "rounded-md p-1.5 text-text-secondary hover:bg-bg-sunken hover:text-text-primary",
+											"aria-label": "Edit goal",
+											children: /* @__PURE__ */ g(ae, { className: "h-4 w-4" })
+										}),
+										/* @__PURE__ */ g("button", {
+											onClick: () => U(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__ */ g(ue, { className: "h-4 w-4" })
+										})
+									]
+								})]
+							}), /* @__PURE__ */ g("div", {
+								className: "mt-3 h-2 w-full rounded-full bg-bg-sunken",
+								children: /* @__PURE__ */ g("div", {
+									className: "h-2 rounded-full bg-action-primary-bg",
+									style: { width: `${t}%` }
+								})
+							})]
+						}, e.id);
+					})
+				})]
+			}),
+			/* @__PURE__ */ _(u, {
+				open: ve,
+				onClose: () => z(!1),
+				title: B ? "Edit Focus Goal" : "Add Focus Goal",
+				description: "Set a target number of focus sessions",
+				footer: /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("button", {
+					onClick: () => z(!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: M || F || Number(W.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: [(N || I) && /* @__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 save goal. Please try again."
+				}), /* @__PURE__ */ _("div", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+							className: b,
+							children: "Goal Type"
+						}), /* @__PURE__ */ _("select", {
+							value: W.type,
+							onChange: (e) => {
+								let t = e.target.value;
+								G((e) => ({
+									...e,
+									type: t,
+									period: t,
+									endDate: t === l.Daily ? C(0) : t === l.Weekly ? C(7) : C(30)
+								}));
+							},
+							className: y,
+							children: [
+								/* @__PURE__ */ g("option", {
+									value: l.Daily,
+									children: "Daily"
+								}),
+								/* @__PURE__ */ g("option", {
+									value: l.Weekly,
+									children: "Weekly"
+								}),
+								/* @__PURE__ */ g("option", {
+									value: l.Monthly,
+									children: "Monthly"
+								})
+							]
+						})] }),
+						/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+							className: b,
+							children: "Target Sessions"
+						}), /* @__PURE__ */ g("input", {
+							type: "number",
+							min: "1",
+							placeholder: "8",
+							value: W.target,
+							onChange: (e) => K("target", e.target.value),
+							className: y
+						})] }),
+						/* @__PURE__ */ _("div", {
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+							children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+								className: b,
+								children: "Start Date"
+							}), /* @__PURE__ */ g("input", {
+								type: "date",
+								value: W.startDate,
+								onChange: (e) => K("startDate", e.target.value),
+								className: y
+							})] }), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("label", {
+								className: b,
+								children: "End Date"
+							}), /* @__PURE__ */ g("input", {
+								type: "date",
+								value: W.endDate,
+								onChange: (e) => K("endDate", e.target.value),
+								className: y
+							})] })]
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ _(u, {
+				open: H !== null,
+				onClose: () => U(null),
+				title: "Delete Focus Goal",
+				size: "sm",
+				footer: /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("button", {
+					onClick: () => U(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: Se,
+					disabled: R,
+					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: [_e && /* @__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 delete goal. Please try again."
+				}), /* @__PURE__ */ _("p", {
+					className: "text-sm text-text-secondary",
+					children: [
+						"Are you sure you want to delete this",
+						" ",
+						H?.type.toLowerCase(),
+						" focus goal? This action cannot be undone."
+					]
+				})]
 			})
 		]
 	});
 }
 //#endregion
-export { b as PomodoroPage };
+export { T as PomodoroPage };
 
 //# sourceMappingURL=PomodoroPage.js.map