npm - @burdenoff/microfe-timecampus - Versions diffs - 2026.625.1 → 2026.626.2 - Mend

@burdenoff/microfe-timecampus 2026.625.1 → 2026.626.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (101) hide show

package/dist/timecampus/pages/time/TimeTrackingPage.js CHANGED Viewed

@@ -4,101 +4,102 @@ import { LoadingSkeleton as r } from "../../components/LoadingSkeleton.js";
 import { useTimeCampusStore as i } from "../../store/timecampusStore.js";
 import { useGetTimeEntryStatsQuery as a, useListTimeEntriesQuery as o } from "../../../generated/wspace-operations.js";
 import { PageLayout as s } from "../../components/PageLayout.js";
-import { Clock as c, Pause as l, Play as u, Square as d } from "lucide-react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { useI18n as h } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { EmptyState as c } from "../../components/EmptyState.js";
+import { Clock as l, Pause as u, Play as d, Square as f } from "lucide-react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { useI18n as g } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/timecampus/pages/time/TimeTrackingPage.tsx
-function g() {
-	let { t: g } = h(), _ = (e, t) => {
-		let n = g(e);
+function _() {
+	let { t: _ } = g(), v = (e, t) => {
+		let n = _(e);
 		return n === e ? t : n;
-	}, { activeTimer: v, startTimer: y, stopTimer: b } = i(), { data: x, loading: S } = a(), { data: C, loading: w } = o({ variables: { limit: 10 } }), T = x?.timeEntryStats, E = C?.timeEntries?.items ?? [];
-	return S ? /* @__PURE__ */ p(s, {
-		title: _("timecampus.timeTracking.title", "Time Tracking"),
-		description: _("timecampus.timeTracking.description", "Track and manage your work hours"),
-		children: /* @__PURE__ */ p(r, {
+	}, { activeTimer: y, startTimer: b, stopTimer: x } = i(), { data: S, loading: C } = a(), { data: w, loading: T } = o({ variables: { limit: 10 } }), E = S?.timeEntryStats, D = w?.timeEntries?.items ?? [];
+	return C ? /* @__PURE__ */ m(s, {
+		title: v("timecampus.timeTracking.title", "Time Tracking"),
+		description: v("timecampus.timeTracking.description", "Track and manage your work hours"),
+		children: /* @__PURE__ */ m(r, {
 			variant: "card",
 			count: 4
 		})
-	}) : /* @__PURE__ */ m(s, {
-		title: _("timecampus.timeTracking.title", "Time Tracking"),
-		description: _("timecampus.timeTracking.description", "Track and manage your work hours"),
-		actions: /* @__PURE__ */ p("button", {
-			onClick: () => v ? b() : y(),
-			className: `inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium ${v ? "bg-action-danger-bg text-action-primary-text hover:bg-action-danger-bg/90" : "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90"}`,
-			children: v ? /* @__PURE__ */ m(f, { children: [
-				/* @__PURE__ */ p(d, { className: "h-4 w-4" }),
-				_("timecampus.timeTracking.actions.stop", "Stop"),
+	}) : /* @__PURE__ */ h(s, {
+		title: v("timecampus.timeTracking.title", "Time Tracking"),
+		description: v("timecampus.timeTracking.description", "Track and manage your work hours"),
+		purpose: v("timecampus.timeTracking.purpose", "Start a timer the moment you begin work and your hours are captured automatically — review today's totals, see what's billable, and stop guessing where your day went."),
+		actions: /* @__PURE__ */ m("button", {
+			onClick: () => y ? x() : b(),
+			className: `inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium ${y ? "bg-action-danger-bg text-action-primary-text hover:bg-action-danger-bg/90" : "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90"}`,
+			children: y ? /* @__PURE__ */ h(p, { children: [
+				/* @__PURE__ */ m(f, { className: "h-4 w-4" }),
+				v("timecampus.timeTracking.actions.stop", "Stop"),
 				" (",
-				t(v.seconds),
+				t(y.seconds),
 				")"
-			] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(u, { className: "h-4 w-4" }), _("timecampus.timeTracking.actions.startTimer", "Start Timer")] })
+			] }) : /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m(d, { className: "h-4 w-4" }), v("timecampus.timeTracking.actions.startTimer", "Start Timer")] })
 		}),
-		children: [/* @__PURE__ */ m("div", {
+		children: [/* @__PURE__ */ h("div", {
 			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 			children: [
-				/* @__PURE__ */ p(n, {
-					title: _("timecampus.timeTracking.stats.today", "Today"),
-					value: e(T?.totalHours ?? 0),
-					icon: /* @__PURE__ */ p(c, { className: "h-5 w-5" }),
+				/* @__PURE__ */ m(n, {
+					featured: !0,
+					title: v("timecampus.timeTracking.stats.today", "Today"),
+					value: e(E?.totalHours ?? 0),
+					icon: /* @__PURE__ */ m(l, { className: "h-5 w-5" }),
 					trend: {
 						value: 15,
-						label: _("timecampus.timeTracking.stats.vsYesterday", "vs yesterday")
+						label: v("timecampus.timeTracking.stats.vsYesterday", "vs yesterday")
 					}
 				}),
-				/* @__PURE__ */ p(n, {
-					title: _("timecampus.timeTracking.stats.billable", "Billable"),
-					value: e(T?.billableHours ?? 0),
-					icon: /* @__PURE__ */ p(c, { className: "h-5 w-5" }),
-					description: `${T?.totalEntries ?? 0} ${_("timecampus.timeTracking.stats.entries", "entries")}`
+				/* @__PURE__ */ m(n, {
+					title: v("timecampus.timeTracking.stats.billable", "Billable"),
+					value: e(E?.billableHours ?? 0),
+					icon: /* @__PURE__ */ m(l, { className: "h-5 w-5" }),
+					description: `${E?.totalEntries ?? 0} ${v("timecampus.timeTracking.stats.entries", "entries")}`
 				}),
-				/* @__PURE__ */ p(n, {
-					title: _("timecampus.timeTracking.stats.activeTimers", "Active Timers"),
-					value: T?.activeTimers ?? 0,
-					icon: /* @__PURE__ */ p(c, { className: "h-5 w-5" }),
-					description: _("timecampus.timeTracking.stats.currentlyRunning", "Currently running")
+				/* @__PURE__ */ m(n, {
+					title: v("timecampus.timeTracking.stats.activeTimers", "Active Timers"),
+					value: E?.activeTimers ?? 0,
+					icon: /* @__PURE__ */ m(l, { className: "h-5 w-5" }),
+					description: v("timecampus.timeTracking.stats.currentlyRunning", "Currently running")
 				}),
-				/* @__PURE__ */ p(n, {
-					title: _("timecampus.timeTracking.stats.activeTimer", "Active Timer"),
-					value: v ? t(v.seconds) : _("timecampus.timeTracking.stats.stopped", "Stopped"),
-					icon: p(v ? l : u, { className: "h-5 w-5" })
+				/* @__PURE__ */ m(n, {
+					title: v("timecampus.timeTracking.stats.activeTimer", "Active Timer"),
+					value: y ? t(y.seconds) : v("timecampus.timeTracking.stats.stopped", "Stopped"),
+					icon: m(y ? u : d, { className: "h-5 w-5" })
 				})
 			]
-		}), /* @__PURE__ */ m("div", {
+		}), /* @__PURE__ */ h("div", {
 			className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6",
-			children: [/* @__PURE__ */ p("h3", {
+			children: [/* @__PURE__ */ m("h3", {
 				className: "mb-4 text-sm font-semibold text-text-primary",
-				children: _("timecampus.timeTracking.entries.title", "Today's Entries")
-			}), w ? /* @__PURE__ */ p(r, {
+				children: v("timecampus.timeTracking.entries.title", "Today's Entries")
+			}), T ? /* @__PURE__ */ m(r, {
 				variant: "list",
 				count: 4
-			}) : E.length === 0 ? /* @__PURE__ */ p("div", {
-				className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle",
-				children: /* @__PURE__ */ p("p", {
-					className: "text-sm text-text-secondary",
-					children: _("timecampus.timeTracking.entries.empty", "No time entries yet. Start a timer to begin tracking.")
-				})
-			}) : /* @__PURE__ */ p("div", {
+			}) : D.length === 0 ? /* @__PURE__ */ m(c, {
+				illustration: "empty-data",
+				title: v("timecampus.timeTracking.entries.empty.title", "No time entries yet"),
+				description: v("timecampus.timeTracking.entries.empty", "No time entries yet. Start a timer to begin tracking.")
+			}) : /* @__PURE__ */ m("div", {
 				className: "flex flex-col gap-2",
-				children: E.map((t) => /* @__PURE__ */ m("div", {
+				children: D.map((t) => /* @__PURE__ */ h("div", {
 					className: "flex items-center justify-between rounded-lg border border-border-subtle p-3 transition-colors hover:bg-bg-sunken/50",
-					children: [/* @__PURE__ */ m("div", {
+					children: [/* @__PURE__ */ h("div", {
 						className: "min-w-0 flex-1",
-						children: [/* @__PURE__ */ p("p", {
+						children: [/* @__PURE__ */ m("p", {
 							className: "text-sm font-medium text-text-primary",
-							children: t.project?.name ?? _("timecampus.timeTracking.entries.noProject", "No Project")
-						}), /* @__PURE__ */ p("p", {
+							children: t.project?.name ?? v("timecampus.timeTracking.entries.noProject", "No Project")
+						}), /* @__PURE__ */ m("p", {
 							className: "text-xs text-text-secondary",
-							children: t.description ?? _("timecampus.timeTracking.entries.noDescription", "No description")
+							children: t.description ?? v("timecampus.timeTracking.entries.noDescription", "No description")
 						})]
-					}), /* @__PURE__ */ m("div", {
+					}), /* @__PURE__ */ h("div", {
 						className: "ml-4 text-right",
-						children: [/* @__PURE__ */ p("p", {
+						children: [/* @__PURE__ */ m("p", {
 							className: "text-sm font-mono font-medium text-text-primary",
 							children: e((t.duration ?? 0) / 3600)
-						}), /* @__PURE__ */ p("span", {
+						}), /* @__PURE__ */ m("span", {
 							className: "inline-flex items-center rounded-full bg-status-success-bg px-2 py-0.5 text-xs font-medium text-status-success-text",
-							children: t.isRunning ? _("timecampus.timeTracking.entries.status.running", "running") : _("timecampus.timeTracking.entries.status.completed", "completed")
+							children: t.isRunning ? v("timecampus.timeTracking.entries.status.running", "running") : v("timecampus.timeTracking.entries.status.completed", "completed")
 						})]
 					})]
 				}, t.id))
@@ -107,6 +108,6 @@ function g() {
 	});
 }
 //#endregion
-export { g as TimeTrackingPage };
+export { _ as TimeTrackingPage };
 //# sourceMappingURL=TimeTrackingPage.js.map

package/dist/timecampus/pages/time/TimeTrackingPage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TimeTrackingPage.js","names":[],"sources":["../../../../src/timecampus/pages/time/TimeTrackingPage.tsx"],"sourcesContent":["import { Clock, Play, Pause, Square } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { formatHours, formatTimerDuration } from \"../../utils/helpers\";\nimport { useTimeCampusStore } from \"../../store/timecampusStore\";\nimport {\n useGetTimeEntryStatsQuery,\n useListTimeEntriesQuery,\n type TimeEntryFieldsFragment,\n} from \"@/generated/wspace-operations\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\n\nexport function TimeTrackingPage() {\n const { t: translate } = useI18n();\n const t = (key: string, fallback: string): string => {\n const value = translate(key);\n return value === key ? fallback : value;\n };\n const { activeTimer, startTimer, stopTimer } = useTimeCampusStore();\n\n const { data: statsData, loading: statsLoading } =\n useGetTimeEntryStatsQuery();\n const { data: entriesData, loading: entriesLoading } =\n useListTimeEntriesQuery({\n variables: { limit: 10 },\n });\n\n const stats = statsData?.timeEntryStats;\n const todayEntries = entriesData?.timeEntries?.items ?? [];\n\n if (statsLoading) {\n return (\n <PageLayout\n title={t(\"timecampus.timeTracking.title\", \"Time Tracking\")}\n description={t(\n \"timecampus.timeTracking.description\",\n \"Track and manage your work hours\",\n )}\n >\n <LoadingSkeleton variant=\"card\" count={4} />\n </PageLayout>\n );\n }\n\n return (\n <PageLayout\n title={t(\"timecampus.timeTracking.title\", \"Time Tracking\")}\n description={t(\n \"timecampus.timeTracking.description\",\n \"Track and manage your work hours\",\n )}\n actions={\n <button\n onClick={() => (activeTimer ? stopTimer() : startTimer())}\n className={`inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium ${activeTimer ? \"bg-action-danger-bg text-action-primary-text hover:bg-action-danger-bg/90\" : \"bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90\"}`}\n >\n {activeTimer ? (\n <>\n <Square className=\"h-4 w-4\" />\n {t(\"timecampus.timeTracking.actions.stop\", \"Stop\")} (\n {formatTimerDuration(activeTimer.seconds)})\n </>\n ) : (\n <>\n <Play className=\"h-4 w-4\" />\n {t(\"timecampus.timeTracking.actions.startTimer\", \"Start Timer\")}\n </>\n )}\n </button>\n }\n >\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n <StatCard\n title={t(\"timecampus.timeTracking.stats.today\", \"Today\")}\n value={formatHours(stats?.totalHours ?? 0)}\n icon={<Clock className=\"h-5 w-5\" />}\n trend={{\n value: 15,\n label: t(\n \"timecampus.timeTracking.stats.vsYesterday\",\n \"vs yesterday\",\n ),\n }}\n />\n <StatCard\n title={t(\"timecampus.timeTracking.stats.billable\", \"Billable\")}\n value={formatHours(stats?.billableHours ?? 0)}\n icon={<Clock className=\"h-5 w-5\" />}\n description={`${stats?.totalEntries ?? 0} ${t(\"timecampus.timeTracking.stats.entries\", \"entries\")}`}\n />\n <StatCard\n title={t(\n \"timecampus.timeTracking.stats.activeTimers\",\n \"Active Timers\",\n )}\n value={stats?.activeTimers ?? 0}\n icon={<Clock className=\"h-5 w-5\" />}\n description={t(\n \"timecampus.timeTracking.stats.currentlyRunning\",\n \"Currently running\",\n )}\n />\n <StatCard\n title={t(\"timecampus.timeTracking.stats.activeTimer\", \"Active Timer\")}\n value={\n activeTimer\n ? formatTimerDuration(activeTimer.seconds)\n : t(\"timecampus.timeTracking.stats.stopped\", \"Stopped\")\n }\n icon={\n activeTimer ? (\n <Pause className=\"h-5 w-5\" />\n ) : (\n <Play className=\"h-5 w-5\" />\n )\n }\n />\n </div>\n\n <div className=\"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 {t(\"timecampus.timeTracking.entries.title\", \"Today's Entries\")}\n </h3>\n {entriesLoading ? (\n <LoadingSkeleton variant=\"list\" count={4} />\n ) : todayEntries.length === 0 ? (\n <div className=\"flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle\">\n <p className=\"text-sm text-text-secondary\">\n {t(\n \"timecampus.timeTracking.entries.empty\",\n \"No time entries yet. Start a timer to begin tracking.\",\n )}\n </p>\n </div>\n ) : (\n <div className=\"flex flex-col gap-2\">\n {todayEntries.map((entry: TimeEntryFieldsFragment) => (\n <div\n key={entry.id}\n className=\"flex items-center justify-between rounded-lg border border-border-subtle p-3 transition-colors hover:bg-bg-sunken/50\"\n >\n <div className=\"min-w-0 flex-1\">\n <p className=\"text-sm font-medium text-text-primary\">\n {entry.project?.name ??\n t(\n \"timecampus.timeTracking.entries.noProject\",\n \"No Project\",\n )}\n </p>\n <p className=\"text-xs text-text-secondary\">\n {entry.description ??\n t(\n \"timecampus.timeTracking.entries.noDescription\",\n \"No description\",\n )}\n </p>\n </div>\n <div className=\"ml-4 text-right\">\n <p className=\"text-sm font-mono font-medium text-text-primary\">\n {formatHours((entry.duration ?? 0) / 3600)}\n </p>\n <span className=\"inline-flex items-center rounded-full bg-status-success-bg px-2 py-0.5 text-xs font-medium text-status-success-text\">\n {entry.isRunning\n ? t(\n \"timecampus.timeTracking.entries.status.running\",\n \"running\",\n )\n : t(\n \"timecampus.timeTracking.entries.status.completed\",\n \"completed\",\n )}\n </span>\n </div>\n </div>\n ))}\n </div>\n )}\n </div>\n </PageLayout>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"TimeTrackingPage.js","names":[],"sources":["../../../../src/timecampus/pages/time/TimeTrackingPage.tsx"],"sourcesContent":["import { Clock, Play, Pause, Square } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { formatHours, formatTimerDuration } from \"../../utils/helpers\";\nimport { useTimeCampusStore } from \"../../store/timecampusStore\";\nimport {\n useGetTimeEntryStatsQuery,\n useListTimeEntriesQuery,\n type TimeEntryFieldsFragment,\n} from \"@/generated/wspace-operations\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\n\nexport function TimeTrackingPage() {\n const { t: translate } = useI18n();\n const t = (key: string, fallback: string): string => {\n const value = translate(key);\n return value === key ? fallback : value;\n };\n const { activeTimer, startTimer, stopTimer } = useTimeCampusStore();\n\n const { data: statsData, loading: statsLoading } =\n useGetTimeEntryStatsQuery();\n const { data: entriesData, loading: entriesLoading } =\n useListTimeEntriesQuery({\n variables: { limit: 10 },\n });\n\n const stats = statsData?.timeEntryStats;\n const todayEntries = entriesData?.timeEntries?.items ?? [];\n\n if (statsLoading) {\n return (\n <PageLayout\n title={t(\"timecampus.timeTracking.title\", \"Time Tracking\")}\n description={t(\n \"timecampus.timeTracking.description\",\n \"Track and manage your work hours\",\n )}\n >\n <LoadingSkeleton variant=\"card\" count={4} />\n </PageLayout>\n );\n }\n\n return (\n <PageLayout\n title={t(\"timecampus.timeTracking.title\", \"Time Tracking\")}\n description={t(\n \"timecampus.timeTracking.description\",\n \"Track and manage your work hours\",\n )}\n purpose={t(\n \"timecampus.timeTracking.purpose\",\n \"Start a timer the moment you begin work and your hours are captured automatically — review today's totals, see what's billable, and stop guessing where your day went.\",\n )}\n actions={\n <button\n onClick={() => (activeTimer ? stopTimer() : startTimer())}\n className={`inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium ${activeTimer ? \"bg-action-danger-bg text-action-primary-text hover:bg-action-danger-bg/90\" : \"bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg/90\"}`}\n >\n {activeTimer ? (\n <>\n <Square className=\"h-4 w-4\" />\n {t(\"timecampus.timeTracking.actions.stop\", \"Stop\")} (\n {formatTimerDuration(activeTimer.seconds)})\n </>\n ) : (\n <>\n <Play className=\"h-4 w-4\" />\n {t(\"timecampus.timeTracking.actions.startTimer\", \"Start Timer\")}\n </>\n )}\n </button>\n }\n >\n <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n <StatCard\n featured\n title={t(\"timecampus.timeTracking.stats.today\", \"Today\")}\n value={formatHours(stats?.totalHours ?? 0)}\n icon={<Clock className=\"h-5 w-5\" />}\n trend={{\n value: 15,\n label: t(\n \"timecampus.timeTracking.stats.vsYesterday\",\n \"vs yesterday\",\n ),\n }}\n />\n <StatCard\n title={t(\"timecampus.timeTracking.stats.billable\", \"Billable\")}\n value={formatHours(stats?.billableHours ?? 0)}\n icon={<Clock className=\"h-5 w-5\" />}\n description={`${stats?.totalEntries ?? 0} ${t(\"timecampus.timeTracking.stats.entries\", \"entries\")}`}\n />\n <StatCard\n title={t(\n \"timecampus.timeTracking.stats.activeTimers\",\n \"Active Timers\",\n )}\n value={stats?.activeTimers ?? 0}\n icon={<Clock className=\"h-5 w-5\" />}\n description={t(\n \"timecampus.timeTracking.stats.currentlyRunning\",\n \"Currently running\",\n )}\n />\n <StatCard\n title={t(\"timecampus.timeTracking.stats.activeTimer\", \"Active Timer\")}\n value={\n activeTimer\n ? formatTimerDuration(activeTimer.seconds)\n : t(\"timecampus.timeTracking.stats.stopped\", \"Stopped\")\n }\n icon={\n activeTimer ? (\n <Pause className=\"h-5 w-5\" />\n ) : (\n <Play className=\"h-5 w-5\" />\n )\n }\n />\n </div>\n\n <div className=\"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 {t(\"timecampus.timeTracking.entries.title\", \"Today's Entries\")}\n </h3>\n {entriesLoading ? (\n <LoadingSkeleton variant=\"list\" count={4} />\n ) : todayEntries.length === 0 ? (\n <EmptyState\n illustration=\"empty-data\"\n title={t(\n \"timecampus.timeTracking.entries.empty.title\",\n \"No time entries yet\",\n )}\n description={t(\n \"timecampus.timeTracking.entries.empty\",\n \"No time entries yet. Start a timer to begin tracking.\",\n )}\n />\n ) : (\n <div className=\"flex flex-col gap-2\">\n {todayEntries.map((entry: TimeEntryFieldsFragment) => (\n <div\n key={entry.id}\n className=\"flex items-center justify-between rounded-lg border border-border-subtle p-3 transition-colors hover:bg-bg-sunken/50\"\n >\n <div className=\"min-w-0 flex-1\">\n <p className=\"text-sm font-medium text-text-primary\">\n {entry.project?.name ??\n t(\n \"timecampus.timeTracking.entries.noProject\",\n \"No Project\",\n )}\n </p>\n <p className=\"text-xs text-text-secondary\">\n {entry.description ??\n t(\n \"timecampus.timeTracking.entries.noDescription\",\n \"No description\",\n )}\n </p>\n </div>\n <div className=\"ml-4 text-right\">\n <p className=\"text-sm font-mono font-medium text-text-primary\">\n {formatHours((entry.duration ?? 0) / 3600)}\n </p>\n <span className=\"inline-flex items-center rounded-full bg-status-success-bg px-2 py-0.5 text-xs font-medium text-status-success-text\">\n {entry.isRunning\n ? t(\n \"timecampus.timeTracking.entries.status.running\",\n \"running\",\n )\n : t(\n \"timecampus.timeTracking.entries.status.completed\",\n \"completed\",\n )}\n </span>\n </div>\n </div>\n ))}\n </div>\n )}\n </div>\n </PageLayout>\n );\n}\n"],"mappings":";;;;;;;;;;;AAcA,SAAgB,IAAmB;CACjC,IAAM,EAAE,GAAG,MAAc,GAAS,EAC5B,KAAK,GAAa,MAA6B;EACnD,IAAM,IAAQ,EAAU,EAAI;AAC5B,SAAO,MAAU,IAAM,IAAW;IAE9B,EAAE,gBAAa,eAAY,iBAAc,GAAoB,EAE7D,EAAE,MAAM,GAAW,SAAS,MAChC,GAA2B,EACvB,EAAE,MAAM,GAAa,SAAS,MAClC,EAAwB,EACtB,WAAW,EAAE,OAAO,IAAI,EACzB,CAAC,EAEE,IAAQ,GAAW,gBACnB,IAAe,GAAa,aAAa,SAAS,EAAE;AAgB1D,QAdI,IAEA,kBAAC,GAAD;EACE,OAAO,EAAE,iCAAiC,gBAAgB;EAC1D,aAAa,EACX,uCACA,mCACD;YAED,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA;EACjC,CAAA,GAKf,kBAAC,GAAD;EACE,OAAO,EAAE,iCAAiC,gBAAgB;EAC1D,aAAa,EACX,uCACA,mCACD;EACD,SAAS,EACP,mCACA,yKACD;EACD,SACE,kBAAC,UAAD;GACE,eAAgB,IAAc,GAAW,GAAG,GAAY;GACxD,WAAW,2EAA2E,IAAc,8EAA8E;aAEjL,IACC,kBAAA,GAAA,EAAA,UAAA;IACE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;IAC7B,EAAE,wCAAwC,OAAO;IAAC;IAClD,EAAoB,EAAY,QAAQ;IAAC;IACzC,EAAA,CAAA,GAEH,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAC3B,EAAE,8CAA8C,cAAc,CAC9D,EAAA,CAAA;GAEE,CAAA;YA3Bb,CA8BE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,GAAD;KACE,UAAA;KACA,OAAO,EAAE,uCAAuC,QAAQ;KACxD,OAAO,EAAY,GAAO,cAAc,EAAE;KAC1C,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,OAAO;MACL,OAAO;MACP,OAAO,EACL,6CACA,eACD;MACF;KACD,CAAA;IACF,kBAAC,GAAD;KACE,OAAO,EAAE,0CAA0C,WAAW;KAC9D,OAAO,EAAY,GAAO,iBAAiB,EAAE;KAC7C,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,aAAa,GAAG,GAAO,gBAAgB,EAAE,GAAG,EAAE,yCAAyC,UAAU;KACjG,CAAA;IACF,kBAAC,GAAD;KACE,OAAO,EACL,8CACA,gBACD;KACD,OAAO,GAAO,gBAAgB;KAC9B,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;KACnC,aAAa,EACX,kDACA,oBACD;KACD,CAAA;IACF,kBAAC,GAAD;KACE,OAAO,EAAE,6CAA6C,eAAe;KACrE,OACE,IACI,EAAoB,EAAY,QAAQ,GACxC,EAAE,yCAAyC,UAAU;KAE3D,MAEI,EADF,IACG,IAEA,GAFD,EAAO,WAAU,WAAY,CAED;KAGhC,CAAA;IACE;MAEN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,MAAD;IAAI,WAAU;cACX,EAAE,yCAAyC,kBAAkB;IAC3D,CAAA,EACJ,IACC,kBAAC,GAAD;IAAiB,SAAQ;IAAO,OAAO;IAAK,CAAA,GAC1C,EAAa,WAAW,IAC1B,kBAAC,GAAD;IACE,cAAa;IACb,OAAO,EACL,+CACA,sBACD;IACD,aAAa,EACX,yCACA,wDACD;IACD,CAAA,GAEF,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAa,KAAK,MACjB,kBAAC,OAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAM,SAAS,QACd,EACE,6CACA,aACD;OACD,CAAA,EACJ,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAM,eACL,EACE,iDACA,iBACD;OACD,CAAA,CACA;SACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBACV,GAAa,EAAM,YAAY,KAAK,KAAK;OACxC,CAAA,EACJ,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAM,YACH,EACE,kDACA,UACD,GACD,EACE,oDACA,YACD;OACA,CAAA,CACH;QACF;OAnCC,EAAM,GAmCP,CACN;IACE,CAAA,CAEJ;KACK"}

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

@@ -1,80 +1,114 @@
-import { formatTimerDuration as e } from "../../utils/helpers.js";
-import { LoadingSkeleton as t } from "../../components/LoadingSkeleton.js";
-import { useTimeCampusStore as n } from "../../store/timecampusStore.js";
-import { useListRunningTimersQuery as r } from "../../../generated/wspace-operations.js";
-import { PageLayout as i } from "../../components/PageLayout.js";
-import { Play as a, RotateCcw as o, Square as s } from "lucide-react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
+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";
 //#region src/timecampus/pages/time/TimerPage.tsx
-function u() {
-	let { activeTimer: u, startTimer: d, stopTimer: f } = n(), { data: p, loading: m } = r(), h = p?.runningTimers ?? [];
-	return /* @__PURE__ */ c(i, {
+function m() {
+	let { activeTimer: m, startTimer: h, stopTimer: g } = r(), _ = e(), { data: v, loading: y } = i(), b = v?.runningTimers ?? [];
+	return /* @__PURE__ */ u(a, {
 		title: "Timer",
 		description: "Focus timer for deep work sessions",
-		children: /* @__PURE__ */ l("div", {
+		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__ */ l("div", {
-				className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop p-8 text-center",
-				children: [
-					/* @__PURE__ */ c("p", {
-						className: "text-6xl font-mono font-bold text-text-primary",
-						children: u ? e(u.seconds) : "00:00:00"
-					}),
-					u?.description && /* @__PURE__ */ c("p", {
-						className: "mt-2 text-sm text-text-secondary",
-						children: u.description
-					}),
-					/* @__PURE__ */ l("div", {
-						className: "mt-6 flex items-center justify-center gap-3",
-						children: [u ? /* @__PURE__ */ l("button", {
-							onClick: f,
-							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__ */ c(s, { className: "h-4 w-4" }), "Stop"]
-						}) : /* @__PURE__ */ l("button", {
-							onClick: () => d(),
-							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__ */ c(a, { className: "h-4 w-4" }), "Start"]
-						}), /* @__PURE__ */ l("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__ */ c(o, { className: "h-4 w-4" }), "Reset"]
-						})]
-					})
-				]
-			}), /* @__PURE__ */ l("div", {
-				className: "mt-6 rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6",
-				children: [/* @__PURE__ */ c("h3", {
-					className: "mb-4 text-sm font-semibold text-text-primary",
-					children: "Running Timers"
-				}), m ? /* @__PURE__ */ c(t, {
-					variant: "list",
-					count: 2
-				}) : h.length === 0 ? /* @__PURE__ */ c("p", {
-					className: "text-center text-sm text-text-secondary py-4",
-					children: "No active timers on the server"
-				}) : /* @__PURE__ */ c("div", {
-					className: "flex flex-col gap-2",
-					children: h.map((t) => /* @__PURE__ */ l("div", {
-						className: "flex items-center justify-between rounded-lg border border-border-subtle p-3",
-						children: [/* @__PURE__ */ l("div", {
-							className: "min-w-0 flex-1",
-							children: [/* @__PURE__ */ c("p", {
-								className: "text-sm font-medium text-text-primary",
-								children: t.timeEntry.project?.name ?? "No Project"
-							}), /* @__PURE__ */ c("p", {
-								className: "text-xs text-text-secondary",
-								children: t.timeEntry.description ?? "No description"
+			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")
+						}
+					]
+				}),
+				/* @__PURE__ */ d(f, {
+					treatment: "glass",
+					glow: !0,
+					className: "p-8 text-center",
+					children: [
+						/* @__PURE__ */ u("p", {
+							className: "text-6xl font-mono font-bold text-text-primary",
+							children: m ? t(m.seconds) : "00:00:00"
+						}),
+						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"]
 							})]
-						}), /* @__PURE__ */ c("p", {
-							className: "ml-4 text-sm font-mono font-medium text-text-primary",
-							children: e(t.elapsedSeconds)
-						})]
-					}, t.timeEntry.id))
-				})]
-			})]
+						})
+					]
+				}),
+				/* @__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 { u as TimerPage };
+export { m as TimerPage };
 //# sourceMappingURL=TimerPage.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TimerPage.js","names":[],"sources":["../../../../src/timecampus/pages/time/TimerPage.tsx"],"sourcesContent":["import { Play, Square, RotateCcw } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\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\n const { data: runningData, loading: runningLoading } =\n useListRunningTimersQuery();\n\n const runningTimers = runningData?.runningTimers ?? [];\n\n return (\n <PageLayout title=\"Timer\" description=\"Focus timer for deep work sessions\">\n <div className=\"mx-auto max-w-lg\">\n <~~div~~ className=\"~~rounded~~-xl ~~border~~ ~~border-border-seam~~ bg-~~gloss-card~~ ~~shadow~~-~~pop~~ 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 </~~div~~>\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 <~~p className~~=\"~~text~~-~~center text-sm text-text-secondary py-4~~\">\n No active timers on the server\n ~~</p>\~~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":"~~;;;;;;;;AAYA~~,SAAgB,IAAY;CAC1B,IAAM,EAAE,gBAAa,eAAY,iBAAc,GAAoB,~~EAE7D~~,EAAE,MAAM,GAAa,SAAS,MAClC,GAA2B,EAEvB,IAAgB,GAAa,iBAAiB,EAAE;AAEtD,QACE,kBAAC,GAAD;~~EAAY~~,OAAM;~~EAAQ~~,aAAY;~~YACpC~~,kBAAC,OAAD;GAAK,WAAU;aAAf,~~CACE~~,kBAAC,~~OAAD~~;~~IAAK~~,WAAU;~~cAAf~~;~~KACE~~,kBAAC,KAAD;~~MAAG~~,WAAU;~~gBACV~~,IACG,EAAoB,EAAY,QAAQ,GACxC;~~MACF~~,CAAA;~~KACH~~,GAAa,eACZ,kBAAC,KAAD;~~MAAG~~,WAAU;~~gBACV~~,EAAY;~~MACX~~,CAAA;~~KAEN~~,kBAAC,OAAD;~~MAAK~~,WAAU;~~gBAAf~~,CACG,IACC,kBAAC,UAAD;~~OACE~~,SAAS;~~OACT~~,WAAU;~~iBAFZ~~,CAIE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAAA,OAEvB;~~WAET~~,kBAAC,UAAD;~~OACE~~,eAAe,GAAY;~~OAC3B~~,WAAU;~~iBAFZ~~,CAIE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,QAErB;~~UAEX~~,kBAAC,UAAD;~~OAAQ~~,WAAU;~~iBAAlB~~,CACE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAAA,QAE1B;~~SACL~~;;~~KACF;OAGN~~,kBAAC,OAAD;~~IAAK~~,WAAU;~~cAAf~~,CACE,kBAAC,MAAD;~~KAAI~~,WAAU;~~eAA~~+C;~~KAExD~~,CAAA,EACJ,IACC,kBAAC,GAAD;~~KAAiB~~,SAAQ;~~KAAO~~,OAAO;~~KAAK~~,CAAA,GAC1C,EAAc,WAAW,IAC3B,kBAAC,~~KAAD~~;~~KAAG~~,~~WAAU~~;~~eAA+C~~;~~KAExD~~,CAAA,~~GAEJ~~,kBAAC,OAAD;~~KAAK~~,WAAU;~~eACZ~~,EAAc,KAAK,MAClB,kBAAC,OAAD;~~MAEE~~,WAAU;~~gBAFZ~~,CAIE,kBAAC,OAAD;~~OAAK~~,WAAU;~~iBAAf~~,CACE,kBAAC,KAAD;~~QAAG~~,WAAU;~~kBACV~~,EAAM,UAAU,SAAS,QAAQ;~~QAChC~~,CAAA,EACJ,kBAAC,KAAD;~~QAAG~~,WAAU;~~kBACV~~,EAAM,UAAU,eAAe;~~QAC9B~~,CAAA,CACA;~~UACN~~,kBAAC,KAAD;~~OAAG~~,WAAU;~~iBACV~~,EAAoB,EAAM,eAAe;~~OACxC~~,CAAA,CACA;~~QAdC~~,EAAM,UAAU,GAcjB,CACN;~~KACE~~,CAAA,CAEJ~~;MACF~~;;EACK,CAAA"}
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"}