@burdenoff/microfe-timecampus 2026.626.2 → 2026.703.2

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

@@ -1,114 +1,246 @@
 import { useTimeCampusNavigate as e } from "../../providers/TimeCampusProvider.js";
 import { formatTimerDuration as t } from "../../utils/helpers.js";
 import { LoadingSkeleton as n } from "../../components/LoadingSkeleton.js";
-import { useTimeCampusStore as r } from "../../store/timecampusStore.js";
-import { useListRunningTimersQuery as i } from "../../../generated/wspace-operations.js";
-import { PageLayout as a } from "../../components/PageLayout.js";
-import { EmptyState as o } from "../../components/EmptyState.js";
-import { Play as s, RotateCcw as c, Square as l } from "lucide-react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { GlassCard as f, NextSteps as p } from "@burdenoff/fe-libs/ui";
+import { GetTimeEntryStatsDocument as r, ListRunningTimersDocument as i, ListTimeEntriesDocument as ee, useDeleteTimeEntryMutation as a, useListProjectsQuery as o, useListRunningTimersQuery as s, useStartTimerMutation as c, useStopTimerMutation as l } from "../../../generated/wspace-operations.js";
+import { useTimeCampusStore as u } from "../../store/timecampusStore.js";
+import { PageLayout as d } from "../../components/PageLayout.js";
+import { EmptyState as f } from "../../components/EmptyState.js";
+import { Modal as p } from "../../components/Modal.js";
+import { useEffect as m, useState as h } from "react";
+import { Play as g, RotateCcw as te, Square as _ } from "lucide-react";
+import { Fragment as v, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { GlassCard as x, NextSteps as S } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/time/TimerPage.tsx
-function m() {
-	let { activeTimer: m, startTimer: h, stopTimer: g } = r(), _ = e(), { data: v, loading: y } = i(), b = v?.runningTimers ?? [];
-	return /* @__PURE__ */ u(a, {
+function C() {
+	let { activeTimer: C, tickTimer: w, syncTimerFromServer: T } = u(), E = e(), [D, O] = h(!1), [k, A] = h(""), [j, M] = h(""), [N, P] = h(!1), [F, I] = h(null), { data: L, loading: R, refetch: z } = s({ fetchPolicy: "cache-and-network" }), { data: B } = o({ variables: { limit: 50 } }), V = B?.projects?.items ?? [], H = L?.runningTimers ?? [], U = H[0] ?? null, W = [
+		{ query: i },
+		{
+			query: ee,
+			variables: { limit: 50 }
+		},
+		{ query: r }
+	], [G, { loading: K, error: q }] = c({ refetchQueries: W }), [J, { loading: Y }] = l({ refetchQueries: W }), [X, { loading: Z }] = a({ refetchQueries: W });
+	m(() => {
+		U ? T({
+			timeEntryId: U.timeEntry.id,
+			elapsedSeconds: U.elapsedSeconds,
+			projectId: U.timeEntry.projectId ?? void 0,
+			taskId: U.timeEntry.taskId ?? void 0,
+			description: U.timeEntry.description ?? void 0
+		}) : R || T(null);
+	}, [
+		U?.timeEntry.id,
+		U?.elapsedSeconds,
+		R
+	]), m(() => {
+		if (!C?.isRunning) return;
+		let e = setInterval(() => w(), 1e3);
+		return () => clearInterval(e);
+	}, [C?.isRunning, w]);
+	let ne = async () => {
+		await G({ variables: { input: {
+			description: k.trim() || void 0,
+			projectId: j || void 0,
+			billable: N,
+			source: "timer"
+		} } }), O(!1), A(""), M(""), P(!1), await z();
+	}, Q = async () => {
+		U && (await J({ variables: { id: U.timeEntry.id } }), await z());
+	}, re = async () => {
+		F && (await J({ variables: { id: F.timeEntry.id } }), await X({ variables: { id: F.timeEntry.id } }), I(null), await z());
+	}, $ = !!U;
+	return /* @__PURE__ */ b(d, {
 		title: "Timer",
 		description: "Focus timer for deep work sessions",
 		purpose: "A single, distraction-free stopwatch for the task in front of you — start it when you begin focused work and it logs the session as a time entry you can attribute to a project later.",
-		children: /* @__PURE__ */ d("div", {
-			className: "mx-auto max-w-lg",
-			children: [
-				/* @__PURE__ */ u(p, {
-					storageKey: "timecampus-timer",
-					className: "mb-6",
-					steps: [
-						{
-							id: "start",
-							label: m ? "Stop the running timer" : "Start the timer",
-							description: m ? "End this session and save it as a time entry." : "Begin tracking the task you're working on right now.",
-							onClick: () => m ? g() : h()
-						},
-						{
-							id: "assign-project",
-							label: "Assign work to a project",
-							description: "Pick a project so this time bills correctly.",
-							onClick: () => _("/projects")
-						},
-						{
-							id: "review-entries",
-							label: "Review your time entries",
-							description: "Check and tidy everything you've logged.",
-							onClick: () => _("/time/entries")
-						}
+		children: [
+			/* @__PURE__ */ b("div", {
+				className: "mx-auto max-w-lg",
+				children: [
+					/* @__PURE__ */ y(S, {
+						storageKey: "timecampus-timer",
+						className: "mb-6",
+						steps: [
+							{
+								id: "start",
+								label: $ ? "Stop the running timer" : "Start the timer",
+								description: $ ? "End this session and save it as a time entry." : "Begin tracking the task you're working on right now.",
+								onClick: () => $ ? Q() : O(!0)
+							},
+							{
+								id: "assign-project",
+								label: "Assign work to a project",
+								description: "Pick a project so this time bills correctly.",
+								onClick: () => E("/projects")
+							},
+							{
+								id: "review-entries",
+								label: "Review your time entries",
+								description: "Check and tidy everything you've logged.",
+								onClick: () => E("/time/entries")
+							}
+						]
+					}),
+					/* @__PURE__ */ b(x, {
+						treatment: "glass",
+						glow: !0,
+						className: "p-8 text-center",
+						children: [
+							/* @__PURE__ */ y("p", {
+								className: "text-6xl font-mono font-bold text-text-primary",
+								children: C ? t(C.seconds) : "00:00:00"
+							}),
+							C?.description && /* @__PURE__ */ y("p", {
+								className: "mt-2 text-sm text-text-secondary",
+								children: C.description
+							}),
+							/* @__PURE__ */ b("div", {
+								className: "mt-6 flex items-center justify-center gap-3",
+								children: [$ ? /* @__PURE__ */ b("button", {
+									onClick: Q,
+									disabled: Y,
+									className: "inline-flex items-center gap-2 rounded-md bg-action-danger-bg px-6 py-3 text-sm font-medium text-action-primary-text hover:bg-action-danger-bg/90 disabled:opacity-50",
+									children: [/* @__PURE__ */ y(_, { className: "h-4 w-4" }), Y ? "Stopping..." : "Stop"]
+								}) : /* @__PURE__ */ b("button", {
+									onClick: () => O(!0),
+									disabled: K,
+									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 disabled:opacity-50",
+									children: [/* @__PURE__ */ y(g, { className: "h-4 w-4" }), "Start"]
+								}), /* @__PURE__ */ b("button", {
+									onClick: () => U && I(U),
+									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",
+									title: "Discard the running timer without saving",
+									children: [/* @__PURE__ */ y(te, { className: "h-4 w-4" }), "Reset"]
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ b("div", {
+						className: "mt-6 rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6",
+						children: [/* @__PURE__ */ y("h3", {
+							className: "mb-4 text-sm font-semibold text-text-primary",
+							children: "Running Timers"
+						}), R && H.length === 0 ? /* @__PURE__ */ y(n, {
+							variant: "list",
+							count: 2
+						}) : H.length === 0 ? /* @__PURE__ */ y(f, {
+							illustration: "empty-sessions",
+							title: "No active timers on the server",
+							description: "Timers you start sync here so you can pick them up on any device."
+						}) : /* @__PURE__ */ y("div", {
+							className: "flex flex-col gap-2",
+							children: H.map((e) => /* @__PURE__ */ b("div", {
+								className: "flex items-center justify-between rounded-lg border border-border-subtle p-3",
+								children: [/* @__PURE__ */ b("div", {
+									className: "min-w-0 flex-1",
+									children: [/* @__PURE__ */ y("p", {
+										className: "text-sm font-medium text-text-primary",
+										children: e.timeEntry.project?.name ?? "No Project"
+									}), /* @__PURE__ */ y("p", {
+										className: "text-xs text-text-secondary",
+										children: e.timeEntry.description ?? "No description"
+									})]
+								}), /* @__PURE__ */ y("p", {
+									className: "ml-4 text-sm font-mono font-medium text-text-primary",
+									children: t(e.elapsedSeconds)
+								})]
+							}, e.timeEntry.id))
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ b(p, {
+				open: D,
+				onClose: () => O(!1),
+				title: "Start a timer",
+				description: "Track the task you're working on right now.",
+				footer: /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("button", {
+					onClick: () => O(!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__ */ y("button", {
+					onClick: ne,
+					disabled: K,
+					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: K ? "Starting..." : "Start Timer"
+				})] }),
+				children: [q && /* @__PURE__ */ y("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 start the timer. Please try again."
+				}), /* @__PURE__ */ b("div", {
+					className: "space-y-4",
+					children: [
+						/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
+							className: "block text-sm font-medium text-text-primary",
+							children: "What are you working on?"
+						}), /* @__PURE__ */ y("input", {
+							type: "text",
+							placeholder: "Description",
+							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__ */ b("div", { children: [/* @__PURE__ */ y("label", {
+							className: "block text-sm font-medium text-text-primary",
+							children: "Project"
+						}), /* @__PURE__ */ b("select", {
+							value: j,
+							onChange: (e) => M(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__ */ y("option", {
+								value: "",
+								children: "No Project"
+							}), V.map((e) => /* @__PURE__ */ y("option", {
+								value: e.id,
+								children: e.name
+							}, e.id))]
+						})] }),
+						/* @__PURE__ */ b("label", {
+							className: "flex items-center gap-2 text-sm text-text-primary",
+							children: [/* @__PURE__ */ y("input", {
+								type: "checkbox",
+								checked: N,
+								onChange: (e) => P(e.target.checked),
+								className: "h-4 w-4 rounded border-border-subtle"
+							}), "Billable"]
+						})
 					]
-				}),
-				/* @__PURE__ */ d(f, {
-					treatment: "glass",
-					glow: !0,
-					className: "p-8 text-center",
+				})]
+			}),
+			/* @__PURE__ */ y(p, {
+				open: !!F,
+				onClose: () => I(null),
+				title: "Discard running timer?",
+				description: "This stops the timer and deletes the in-progress entry. It cannot be undone.",
+				footer: /* @__PURE__ */ b(v, { children: [/* @__PURE__ */ y("button", {
+					onClick: () => I(null),
+					className: "rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50",
+					children: "Cancel"
+				}), /* @__PURE__ */ y("button", {
+					onClick: re,
+					disabled: Y || Z,
+					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: Y || Z ? "Discarding..." : "Discard"
+				})] }),
+				children: /* @__PURE__ */ b("p", {
+					className: "text-sm text-text-secondary",
 					children: [
-						/* @__PURE__ */ u("p", {
-							className: "text-6xl font-mono font-bold text-text-primary",
-							children: m ? t(m.seconds) : "00:00:00"
+						"The timer for",
+						" ",
+						/* @__PURE__ */ y("span", {
+							className: "font-medium text-text-primary",
+							children: F?.timeEntry.project?.name ?? F?.timeEntry.description ?? "this session"
 						}),
-						m?.description && /* @__PURE__ */ u("p", {
-							className: "mt-2 text-sm text-text-secondary",
-							children: m.description
-						}),
-						/* @__PURE__ */ d("div", {
-							className: "mt-6 flex items-center justify-center gap-3",
-							children: [m ? /* @__PURE__ */ d("button", {
-								onClick: g,
-								className: "inline-flex items-center gap-2 rounded-md bg-action-danger-bg px-6 py-3 text-sm font-medium text-action-primary-text hover:bg-action-danger-bg/90",
-								children: [/* @__PURE__ */ u(l, { className: "h-4 w-4" }), "Stop"]
-							}) : /* @__PURE__ */ d("button", {
-								onClick: () => h(),
-								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__ */ u(s, { className: "h-4 w-4" }), "Start"]
-							}), /* @__PURE__ */ d("button", {
-								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__ */ u(c, { className: "h-4 w-4" }), "Reset"]
-							})]
-						})
+						" ",
+						"will be discarded."
 					]
-				}),
-				/* @__PURE__ */ d("div", {
-					className: "mt-6 rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6",
-					children: [/* @__PURE__ */ u("h3", {
-						className: "mb-4 text-sm font-semibold text-text-primary",
-						children: "Running Timers"
-					}), y ? /* @__PURE__ */ u(n, {
-						variant: "list",
-						count: 2
-					}) : b.length === 0 ? /* @__PURE__ */ u(o, {
-						illustration: "empty-sessions",
-						title: "No active timers on the server",
-						description: "Timers you start sync here so you can pick them up on any device."
-					}) : /* @__PURE__ */ u("div", {
-						className: "flex flex-col gap-2",
-						children: b.map((e) => /* @__PURE__ */ d("div", {
-							className: "flex items-center justify-between rounded-lg border border-border-subtle p-3",
-							children: [/* @__PURE__ */ d("div", {
-								className: "min-w-0 flex-1",
-								children: [/* @__PURE__ */ u("p", {
-									className: "text-sm font-medium text-text-primary",
-									children: e.timeEntry.project?.name ?? "No Project"
-								}), /* @__PURE__ */ u("p", {
-									className: "text-xs text-text-secondary",
-									children: e.timeEntry.description ?? "No description"
-								})]
-							}), /* @__PURE__ */ u("p", {
-								className: "ml-4 text-sm font-mono font-medium text-text-primary",
-								children: t(e.elapsedSeconds)
-							})]
-						}, e.timeEntry.id))
-					})]
 				})
-			]
-		})
+			})
+		]
 	});
 }
 //#endregion
-export { m as TimerPage };
+export { C as TimerPage };
 
 //# sourceMappingURL=TimerPage.js.map

package/dist/timecampus/pages/time/TimerPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimerPage.js","names":[],"sources":["../../../../src/timecampus/pages/time/TimerPage.tsx"],"sourcesContent":["import { Play, Square, RotateCcw } from \"lucide-react\";\nimport { GlassCard, NextSteps } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampusNavigate } from \"../../providers/TimeCampusProvider\";\nimport { formatTimerDuration } from \"../../utils/helpers\";\nimport { useTimeCampusStore } from \"../../store/timecampusStore\";\nimport {\n  useListRunningTimersQuery,\n  type ListRunningTimersQuery,\n} from \"@/generated/wspace-operations\";\n\ntype RunningTimerItem = ListRunningTimersQuery[\"runningTimers\"][number];\n\nexport function TimerPage() {\n  const { activeTimer, startTimer, stopTimer } = useTimeCampusStore();\n  const navigate = useTimeCampusNavigate();\n\n  const { data: runningData, loading: runningLoading } =\n    useListRunningTimersQuery();\n\n  const runningTimers = runningData?.runningTimers ?? [];\n\n  return (\n    <PageLayout\n      title=\"Timer\"\n      description=\"Focus timer for deep work sessions\"\n      purpose=\"A single, distraction-free stopwatch for the task in front of you — start it when you begin focused work and it logs the session as a time entry you can attribute to a project later.\"\n    >\n      <div className=\"mx-auto max-w-lg\">\n        <NextSteps\n          storageKey=\"timecampus-timer\"\n          className=\"mb-6\"\n          steps={[\n            {\n              id: \"start\",\n              label: activeTimer ? \"Stop the running timer\" : \"Start the timer\",\n              description: activeTimer\n                ? \"End this session and save it as a time entry.\"\n                : \"Begin tracking the task you're working on right now.\",\n              onClick: () => (activeTimer ? stopTimer() : startTimer()),\n            },\n            {\n              id: \"assign-project\",\n              label: \"Assign work to a project\",\n              description: \"Pick a project so this time bills correctly.\",\n              onClick: () => navigate(\"/projects\"),\n            },\n            {\n              id: \"review-entries\",\n              label: \"Review your time entries\",\n              description: \"Check and tidy everything you've logged.\",\n              onClick: () => navigate(\"/time/entries\"),\n            },\n          ]}\n        />\n        <GlassCard treatment=\"glass\" glow className=\"p-8 text-center\">\n          <p className=\"text-6xl font-mono font-bold text-text-primary\">\n            {activeTimer\n              ? formatTimerDuration(activeTimer.seconds)\n              : \"00:00:00\"}\n          </p>\n          {activeTimer?.description && (\n            <p className=\"mt-2 text-sm text-text-secondary\">\n              {activeTimer.description}\n            </p>\n          )}\n          <div className=\"mt-6 flex items-center justify-center gap-3\">\n            {activeTimer ? (\n              <button\n                onClick={stopTimer}\n                className=\"inline-flex items-center gap-2 rounded-md bg-action-danger-bg px-6 py-3 text-sm font-medium text-action-primary-text hover:bg-action-danger-bg/90\"\n              >\n                <Square className=\"h-4 w-4\" />\n                Stop\n              </button>\n            ) : (\n              <button\n                onClick={() => startTimer()}\n                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\"\n              >\n                <Play className=\"h-4 w-4\" />\n                Start\n              </button>\n            )}\n            <button 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\">\n              <RotateCcw className=\"h-4 w-4\" />\n              Reset\n            </button>\n          </div>\n        </GlassCard>\n\n        {/* Server-side running timers */}\n        <div className=\"mt-6 rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6\">\n          <h3 className=\"mb-4 text-sm font-semibold text-text-primary\">\n            Running Timers\n          </h3>\n          {runningLoading ? (\n            <LoadingSkeleton variant=\"list\" count={2} />\n          ) : runningTimers.length === 0 ? (\n            <EmptyState\n              illustration=\"empty-sessions\"\n              title=\"No active timers on the server\"\n              description=\"Timers you start sync here so you can pick them up on any device.\"\n            />\n          ) : (\n            <div className=\"flex flex-col gap-2\">\n              {runningTimers.map((timer: RunningTimerItem) => (\n                <div\n                  key={timer.timeEntry.id}\n                  className=\"flex items-center justify-between rounded-lg border border-border-subtle p-3\"\n                >\n                  <div className=\"min-w-0 flex-1\">\n                    <p className=\"text-sm font-medium text-text-primary\">\n                      {timer.timeEntry.project?.name ?? \"No Project\"}\n                    </p>\n                    <p className=\"text-xs text-text-secondary\">\n                      {timer.timeEntry.description ?? \"No description\"}\n                    </p>\n                  </div>\n                  <p className=\"ml-4 text-sm font-mono font-medium text-text-primary\">\n                    {formatTimerDuration(timer.elapsedSeconds)}\n                  </p>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAeA,SAAgB,IAAY;CAC1B,IAAM,EAAE,gBAAa,eAAY,iBAAc,GAAoB,EAC7D,IAAW,GAAuB,EAElC,EAAE,MAAM,GAAa,SAAS,MAClC,GAA2B,EAEvB,IAAgB,GAAa,iBAAiB,EAAE;AAEtD,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAQ;YAER,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KACE,YAAW;KACX,WAAU;KACV,OAAO;MACL;OACE,IAAI;OACJ,OAAO,IAAc,2BAA2B;OAChD,aAAa,IACT,kDACA;OACJ,eAAgB,IAAc,GAAW,GAAG,GAAY;OACzD;MACD;OACE,IAAI;OACJ,OAAO;OACP,aAAa;OACb,eAAe,EAAS,YAAY;OACrC;MACD;OACE,IAAI;OACJ,OAAO;OACP,aAAa;OACb,eAAe,EAAS,gBAAgB;OACzC;MACF;KACD,CAAA;IACF,kBAAC,GAAD;KAAW,WAAU;KAAQ,MAAA;KAAK,WAAU;eAA5C;MACE,kBAAC,KAAD;OAAG,WAAU;iBACV,IACG,EAAoB,EAAY,QAAQ,GACxC;OACF,CAAA;MACH,GAAa,eACZ,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAY;OACX,CAAA;MAEN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACG,IACC,kBAAC,UAAD;QACE,SAAS;QACT,WAAU;kBAFZ,CAIE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAAA,OAEvB;YAET,kBAAC,UAAD;QACE,eAAe,GAAY;QAC3B,WAAU;kBAFZ,CAIE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,QAErB;WAEX,kBAAC,UAAD;QAAQ,WAAU;kBAAlB,CACE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAAA,QAE1B;UACL;;MACI;;IAGZ,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,MAAD;MAAI,WAAU;gBAA+C;MAExD,CAAA,EACJ,IACC,kBAAC,GAAD;MAAiB,SAAQ;MAAO,OAAO;MAAK,CAAA,GAC1C,EAAc,WAAW,IAC3B,kBAAC,GAAD;MACE,cAAa;MACb,OAAM;MACN,aAAY;MACZ,CAAA,GAEF,kBAAC,OAAD;MAAK,WAAU;gBACZ,EAAc,KAAK,MAClB,kBAAC,OAAD;OAEE,WAAU;iBAFZ,CAIE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,KAAD;SAAG,WAAU;mBACV,EAAM,UAAU,SAAS,QAAQ;SAChC,CAAA,EACJ,kBAAC,KAAD;SAAG,WAAU;mBACV,EAAM,UAAU,eAAe;SAC9B,CAAA,CACA;WACN,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAoB,EAAM,eAAe;QACxC,CAAA,CACA;SAdC,EAAM,UAAU,GAcjB,CACN;MACE,CAAA,CAEJ;;IACF;;EACK,CAAA"}
+{"version":3,"file":"TimerPage.js","names":[],"sources":["../../../../src/timecampus/pages/time/TimerPage.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { Play, Square, RotateCcw } from \"lucide-react\";\nimport { GlassCard, NextSteps } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { Modal } from \"../../components/Modal\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampusNavigate } from \"../../providers/TimeCampusProvider\";\nimport { formatTimerDuration } from \"../../utils/helpers\";\nimport { useTimeCampusStore } from \"../../store/timecampusStore\";\nimport {\n  useListRunningTimersQuery,\n  useStartTimerMutation,\n  useStopTimerMutation,\n  useDeleteTimeEntryMutation,\n  useListProjectsQuery,\n  ListRunningTimersDocument,\n  ListTimeEntriesDocument,\n  GetTimeEntryStatsDocument,\n  type ListRunningTimersQuery,\n  type ListProjectsQuery,\n} from \"@/generated/wspace-operations\";\n\ntype RunningTimerItem = ListRunningTimersQuery[\"runningTimers\"][number];\ntype ProjectOption = ListProjectsQuery[\"projects\"][\"items\"][number];\n\nexport function TimerPage() {\n  const { activeTimer, tickTimer, syncTimerFromServer } = useTimeCampusStore();\n  const navigate = useTimeCampusNavigate();\n\n  const [startOpen, setStartOpen] = useState(false);\n  const [description, setDescription] = useState(\"\");\n  const [projectId, setProjectId] = useState(\"\");\n  const [billable, setBillable] = useState(false);\n  const [resetTarget, setResetTarget] = useState<RunningTimerItem | null>(null);\n\n  const {\n    data: runningData,\n    loading: runningLoading,\n    refetch: refetchRunning,\n  } = useListRunningTimersQuery({ fetchPolicy: \"cache-and-network\" });\n\n  const { data: projectsData } = useListProjectsQuery({\n    variables: { limit: 50 },\n  });\n  const projects: ProjectOption[] = projectsData?.projects?.items ?? [];\n\n  const runningTimers = runningData?.runningTimers ?? [];\n  const serverTimer = runningTimers[0] ?? null;\n\n  const refetchAll = [\n    { query: ListRunningTimersDocument },\n    { query: ListTimeEntriesDocument, variables: { limit: 50 } },\n    { query: GetTimeEntryStatsDocument },\n  ];\n\n  const [startTimerMutation, { loading: starting, error: startError }] =\n    useStartTimerMutation({ refetchQueries: refetchAll });\n  const [stopTimerMutation, { loading: stopping }] = useStopTimerMutation({\n    refetchQueries: refetchAll,\n  });\n  const [deleteTimeEntry, { loading: deleting }] = useDeleteTimeEntryMutation({\n    refetchQueries: refetchAll,\n  });\n\n  // Backend is the source of truth for whether a timer is running — mirror the\n  // server running timer into the local display store whenever it changes.\n  useEffect(() => {\n    if (serverTimer) {\n      syncTimerFromServer({\n        timeEntryId: serverTimer.timeEntry.id,\n        elapsedSeconds: serverTimer.elapsedSeconds,\n        projectId: serverTimer.timeEntry.projectId ?? undefined,\n        taskId: serverTimer.timeEntry.taskId ?? undefined,\n        description: serverTimer.timeEntry.description ?? undefined,\n      });\n    } else if (!runningLoading) {\n      syncTimerFromServer(null);\n    }\n    // Only re-sync when the server's running timer identity/elapsed changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [serverTimer?.timeEntry.id, serverTimer?.elapsedSeconds, runningLoading]);\n\n  // Local ticking display for the live seconds counter.\n  useEffect(() => {\n    if (!activeTimer?.isRunning) return;\n    const interval = setInterval(() => tickTimer(), 1000);\n    return () => clearInterval(interval);\n  }, [activeTimer?.isRunning, tickTimer]);\n\n  const handleStart = async () => {\n    await startTimerMutation({\n      variables: {\n        input: {\n          description: description.trim() || undefined,\n          projectId: projectId || undefined,\n          billable,\n          source: \"timer\",\n        },\n      },\n    });\n    setStartOpen(false);\n    setDescription(\"\");\n    setProjectId(\"\");\n    setBillable(false);\n    await refetchRunning();\n  };\n\n  const handleStop = async () => {\n    if (!serverTimer) return;\n    await stopTimerMutation({ variables: { id: serverTimer.timeEntry.id } });\n    await refetchRunning();\n  };\n\n  const handleReset = async () => {\n    if (!resetTarget) return;\n    // Discard the in-progress session: stop it, then delete the entry.\n    await stopTimerMutation({ variables: { id: resetTarget.timeEntry.id } });\n    await deleteTimeEntry({ variables: { id: resetTarget.timeEntry.id } });\n    setResetTarget(null);\n    await refetchRunning();\n  };\n\n  const isRunning = Boolean(serverTimer);\n\n  return (\n    <PageLayout\n      title=\"Timer\"\n      description=\"Focus timer for deep work sessions\"\n      purpose=\"A single, distraction-free stopwatch for the task in front of you — start it when you begin focused work and it logs the session as a time entry you can attribute to a project later.\"\n    >\n      <div className=\"mx-auto max-w-lg\">\n        <NextSteps\n          storageKey=\"timecampus-timer\"\n          className=\"mb-6\"\n          steps={[\n            {\n              id: \"start\",\n              label: isRunning ? \"Stop the running timer\" : \"Start the timer\",\n              description: isRunning\n                ? \"End this session and save it as a time entry.\"\n                : \"Begin tracking the task you're working on right now.\",\n              onClick: () => (isRunning ? handleStop() : setStartOpen(true)),\n            },\n            {\n              id: \"assign-project\",\n              label: \"Assign work to a project\",\n              description: \"Pick a project so this time bills correctly.\",\n              onClick: () => navigate(\"/projects\"),\n            },\n            {\n              id: \"review-entries\",\n              label: \"Review your time entries\",\n              description: \"Check and tidy everything you've logged.\",\n              onClick: () => navigate(\"/time/entries\"),\n            },\n          ]}\n        />\n        <GlassCard treatment=\"glass\" glow className=\"p-8 text-center\">\n          <p className=\"text-6xl font-mono font-bold text-text-primary\">\n            {activeTimer\n              ? formatTimerDuration(activeTimer.seconds)\n              : \"00:00:00\"}\n          </p>\n          {activeTimer?.description && (\n            <p className=\"mt-2 text-sm text-text-secondary\">\n              {activeTimer.description}\n            </p>\n          )}\n          <div className=\"mt-6 flex items-center justify-center gap-3\">\n            {isRunning ? (\n              <button\n                onClick={handleStop}\n                disabled={stopping}\n                className=\"inline-flex items-center gap-2 rounded-md bg-action-danger-bg px-6 py-3 text-sm font-medium text-action-primary-text hover:bg-action-danger-bg/90 disabled:opacity-50\"\n              >\n                <Square className=\"h-4 w-4\" />\n                {stopping ? \"Stopping...\" : \"Stop\"}\n              </button>\n            ) : (\n              <button\n                onClick={() => setStartOpen(true)}\n                disabled={starting}\n                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 disabled:opacity-50\"\n              >\n                <Play className=\"h-4 w-4\" />\n                Start\n              </button>\n            )}\n            <button\n              onClick={() => serverTimer && setResetTarget(serverTimer)}\n              disabled={!isRunning || deleting}\n              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\"\n              title=\"Discard the running timer without saving\"\n            >\n              <RotateCcw className=\"h-4 w-4\" />\n              Reset\n            </button>\n          </div>\n        </GlassCard>\n\n        {/* Server-side running timers */}\n        <div className=\"mt-6 rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6\">\n          <h3 className=\"mb-4 text-sm font-semibold text-text-primary\">\n            Running Timers\n          </h3>\n          {runningLoading && runningTimers.length === 0 ? (\n            <LoadingSkeleton variant=\"list\" count={2} />\n          ) : runningTimers.length === 0 ? (\n            <EmptyState\n              illustration=\"empty-sessions\"\n              title=\"No active timers on the server\"\n              description=\"Timers you start sync here so you can pick them up on any device.\"\n            />\n          ) : (\n            <div className=\"flex flex-col gap-2\">\n              {runningTimers.map((timer: RunningTimerItem) => (\n                <div\n                  key={timer.timeEntry.id}\n                  className=\"flex items-center justify-between rounded-lg border border-border-subtle p-3\"\n                >\n                  <div className=\"min-w-0 flex-1\">\n                    <p className=\"text-sm font-medium text-text-primary\">\n                      {timer.timeEntry.project?.name ?? \"No Project\"}\n                    </p>\n                    <p className=\"text-xs text-text-secondary\">\n                      {timer.timeEntry.description ?? \"No description\"}\n                    </p>\n                  </div>\n                  <p className=\"ml-4 text-sm font-mono font-medium text-text-primary\">\n                    {formatTimerDuration(timer.elapsedSeconds)}\n                  </p>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* Start timer modal */}\n      <Modal\n        open={startOpen}\n        onClose={() => setStartOpen(false)}\n        title=\"Start a timer\"\n        description=\"Track the task you're working on right now.\"\n        footer={\n          <>\n            <button\n              onClick={() => setStartOpen(false)}\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={handleStart}\n              disabled={starting}\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              {starting ? \"Starting...\" : \"Start Timer\"}\n            </button>\n          </>\n        }\n      >\n        {startError && (\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 start the timer. Please try again.\n          </div>\n        )}\n        <div className=\"space-y-4\">\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              What are you working on?\n            </label>\n            <input\n              type=\"text\"\n              placeholder=\"Description\"\n              value={description}\n              onChange={(e) => setDescription(e.target.value)}\n              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\"\n            />\n          </div>\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              Project\n            </label>\n            <select\n              value={projectId}\n              onChange={(e) => setProjectId(e.target.value)}\n              className=\"mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n            >\n              <option value=\"\">No Project</option>\n              {projects.map((project) => (\n                <option key={project.id} value={project.id}>\n                  {project.name}\n                </option>\n              ))}\n            </select>\n          </div>\n          <label className=\"flex items-center gap-2 text-sm text-text-primary\">\n            <input\n              type=\"checkbox\"\n              checked={billable}\n              onChange={(e) => setBillable(e.target.checked)}\n              className=\"h-4 w-4 rounded border-border-subtle\"\n            />\n            Billable\n          </label>\n        </div>\n      </Modal>\n\n      {/* Reset / discard confirm modal */}\n      <Modal\n        open={Boolean(resetTarget)}\n        onClose={() => setResetTarget(null)}\n        title=\"Discard running timer?\"\n        description=\"This stops the timer and deletes the in-progress entry. It cannot be undone.\"\n        footer={\n          <>\n            <button\n              onClick={() => setResetTarget(null)}\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={handleReset}\n              disabled={stopping || deleting}\n              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\"\n            >\n              {stopping || deleting ? \"Discarding...\" : \"Discard\"}\n            </button>\n          </>\n        }\n      >\n        <p className=\"text-sm text-text-secondary\">\n          The timer for{\" \"}\n          <span className=\"font-medium text-text-primary\">\n            {resetTarget?.timeEntry.project?.name ??\n              resetTarget?.timeEntry.description ??\n              \"this session\"}\n          </span>{\" \"}\n          will be discarded.\n        </p>\n      </Modal>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}