@burdenoff/microfe-timecampus 2026.703.4 → 2026.703.5

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

@@ -1,216 +1,324 @@
 import { useTimeCampusNavigate as e } from "../../providers/TimeCampusProvider.js";
-import { formatHours as t, formatTimerDuration as n } from "../../utils/helpers.js";
+import { formatHours as t, formatTimerDuration as n, getInitials as ee } from "../../utils/helpers.js";
 import { StatCard as r } from "../../components/StatCard.js";
 import { LoadingSkeleton as i } from "../../components/LoadingSkeleton.js";
-import { GetTimeEntryStatsDocument as ee, ListRunningTimersDocument as a, ListTimeEntriesDocument as o, useGetTimeEntryStatsQuery as s, useListProjectsQuery as c, useListRunningTimersQuery as l, useListTimeEntriesQuery as u, useStartTimerMutation as d, useStopTimerMutation as f } from "../../../generated/wspace-operations.js";
-import { useTimeCampusStore as p } from "../../store/timecampusStore.js";
-import { PageLayout as m } from "../../components/PageLayout.js";
-import { EmptyState as te } from "../../components/EmptyState.js";
-import { Modal as ne } from "../../components/Modal.js";
-import { useEffect as h, useState as g } from "react";
-import { Clock as _, Pause as re, Play as v, Square as y } from "lucide-react";
-import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
-import { useI18n as C } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { GetTimeEntryStatsDocument as te, ListRunningTimersDocument as a, ListTimeEntriesDocument as ne, useGetTimeEntryStatsQuery as re, useListProjectsQuery as ie, useListRunningTimersQuery as ae, useListTimeEntriesQuery as oe, useStartTimerMutation as se, useStopTimerMutation as ce } from "../../../generated/wspace-operations.js";
+import { useTimeCampusStore as le } from "../../store/timecampusStore.js";
+import { PageLayout as o } from "../../components/PageLayout.js";
+import { StatusBadge as s } from "../../components/StatusBadge.js";
+import { EmptyState as c } from "../../components/EmptyState.js";
+import { ChartCard as l } from "../../components/ChartCard.js";
+import { Modal as u } from "../../components/Modal.js";
+import { BarsChart as ue } from "../../components/charts/BarsChart.js";
+import { DonutChart as de } from "../../components/charts/DonutChart.js";
+import "../../components/index.js";
+import { useEffect as d, useState as f } from "react";
+import { Clock as p, Pause as m, Play as h, Square as g } from "lucide-react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import { GlassCard as b } from "@burdenoff/fe-libs/ui";
+import { useI18n as fe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/timecampus/pages/time/TimeTrackingPage.tsx
-function w() {
-	let { t: w } = C(), T = (e, t) => {
-		let n = w(e);
+function x() {
+	let { t: x } = fe(), S = (e, t) => {
+		let n = x(e);
 		return n === e ? t : n;
-	}, { activeTimer: E, tickTimer: D, syncTimerFromServer: O } = p(), k = e(), [A, j] = g(!1), [M, N] = g(""), [P, F] = g(""), [I, L] = g(!1), { data: R, loading: z } = s(), { data: B, loading: V } = u({ variables: { limit: 10 } }), { data: H, loading: U, refetch: W } = l({ fetchPolicy: "cache-and-network" }), { data: G } = c({ variables: { limit: 50 } }), K = G?.projects?.items ?? [], q = H?.runningTimers?.[0] ?? null, J = [
+	}, { activeTimer: C, tickTimer: w, syncTimerFromServer: T } = le(), E = e(), [pe, D] = f(!1), [O, k] = f(""), [A, j] = f(""), [M, N] = f(!1), { data: P, loading: F } = re(), { data: I, loading: L } = oe({ variables: { limit: 10 } }), { data: R, loading: z, refetch: B } = ae({ fetchPolicy: "cache-and-network" }), { data: me } = ie({ variables: { limit: 50 } }), he = me?.projects?.items ?? [], V = R?.runningTimers?.[0] ?? null, H = [
 		{ query: a },
 		{
-			query: o,
+			query: ne,
 			variables: { limit: 10 }
 		},
-		{ query: ee }
-	], [Y, { loading: X, error: ie }] = d({ refetchQueries: J }), [ae, { loading: oe }] = f({ refetchQueries: J });
-	h(() => {
-		q ? O({
-			timeEntryId: q.timeEntry.id,
-			elapsedSeconds: q.elapsedSeconds,
-			projectId: q.timeEntry.projectId ?? void 0,
-			taskId: q.timeEntry.taskId ?? void 0,
-			description: q.timeEntry.description ?? void 0
-		}) : U || O(null);
+		{ query: te }
+	], [ge, { loading: U, error: _e }] = se({ refetchQueries: H }), [ve, { loading: W }] = ce({ refetchQueries: H });
+	d(() => {
+		V ? T({
+			timeEntryId: V.timeEntry.id,
+			elapsedSeconds: V.elapsedSeconds,
+			projectId: V.timeEntry.projectId ?? void 0,
+			taskId: V.timeEntry.taskId ?? void 0,
+			description: V.timeEntry.description ?? void 0
+		}) : z || T(null);
 	}, [
-		q?.timeEntry.id,
-		q?.elapsedSeconds,
-		U
-	]), h(() => {
-		if (!E?.isRunning) return;
-		let e = setInterval(() => D(), 1e3);
+		V?.timeEntry.id,
+		V?.elapsedSeconds,
+		z
+	]), d(() => {
+		if (!C?.isRunning) return;
+		let e = setInterval(() => w(), 1e3);
 		return () => clearInterval(e);
-	}, [E?.isRunning, D]);
-	let Z = !!q, se = async () => {
-		await Y({ variables: { input: {
-			description: M.trim() || void 0,
-			projectId: P || void 0,
-			billable: I,
+	}, [C?.isRunning, w]);
+	let G = !!V, ye = async () => {
+		await ge({ variables: { input: {
+			description: O.trim() || void 0,
+			projectId: A || void 0,
+			billable: M,
 			source: "timecampus"
-		} } }), j(!1), N(""), F(""), L(!1), await W();
-	}, ce = async () => {
-		q && (await ae({ variables: { id: q.timeEntry.id } }), await W());
-	}, Q = R?.timeEntryStats, $ = B?.timeEntries?.items ?? [];
-	return z ? /* @__PURE__ */ x(m, {
-		title: T("timecampus.timeTracking.title", "Time Tracking"),
-		description: T("timecampus.timeTracking.description", "Track and manage your work hours"),
-		children: /* @__PURE__ */ x(i, {
+		} } }), D(!1), k(""), j(""), N(!1), await B();
+	}, K = async () => {
+		V && (await ve({ variables: { id: V.timeEntry.id } }), await B());
+	}, q = P?.timeEntryStats, J = I?.timeEntries?.items ?? [], Y = S("timecampus.timeTracking.entries.noProject", "No Project"), X = q?.billableHours ?? 0, Z = q?.totalHours ?? 0, be = Math.max(0, Z - X), Q = Z > 0 ? Math.round(X / Z * 100) : 0, xe = [{
+		name: S("timecampus.timeTracking.charts.billable", "Billable"),
+		value: Number(X.toFixed(2))
+	}, {
+		name: S("timecampus.timeTracking.charts.nonBillable", "Non-billable"),
+		value: Number(be.toFixed(2))
+	}], $ = /* @__PURE__ */ new Map();
+	for (let e of J) {
+		let t = e.project?.name ?? Y;
+		$.set(t, ($.get(t) ?? 0) + (e.duration ?? 0) / 3600);
+	}
+	let Se = Array.from($, ([e, t]) => ({
+		name: e,
+		hours: Number(t.toFixed(2))
+	})).filter((e) => e.hours > 0).sort((e, t) => t.hours - e.hours).slice(0, 6);
+	return F ? /* @__PURE__ */ v(o, {
+		title: S("timecampus.timeTracking.title", "Time Tracking"),
+		description: S("timecampus.timeTracking.description", "Track and manage your work hours"),
+		children: /* @__PURE__ */ v(i, {
 			variant: "card",
 			count: 4
 		})
-	}) : /* @__PURE__ */ S(m, {
-		title: T("timecampus.timeTracking.title", "Time Tracking"),
-		description: T("timecampus.timeTracking.description", "Track and manage your work hours"),
-		purpose: T("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__ */ x("button", {
-			onClick: () => Z ? ce() : j(!0),
-			disabled: X || oe,
-			className: `inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium disabled:opacity-50 ${Z ? "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: Z ? /* @__PURE__ */ S(b, { children: [
-				/* @__PURE__ */ x(y, { className: "h-4 w-4" }),
-				T("timecampus.timeTracking.actions.stop", "Stop"),
+	}) : /* @__PURE__ */ y(o, {
+		title: S("timecampus.timeTracking.title", "Time Tracking"),
+		description: S("timecampus.timeTracking.description", "Track and manage your work hours"),
+		purpose: S("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__ */ v("button", {
+			onClick: () => G ? K() : D(!0),
+			disabled: U || W,
+			className: `inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium disabled:opacity-50 ${G ? "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: G ? /* @__PURE__ */ y(_, { children: [
+				/* @__PURE__ */ v(g, { className: "h-4 w-4" }),
+				S("timecampus.timeTracking.actions.stop", "Stop"),
 				" (",
-				n(E?.seconds ?? 0),
+				n(C?.seconds ?? 0),
 				")"
-			] }) : /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x(v, { className: "h-4 w-4" }), T("timecampus.timeTracking.actions.startTimer", "Start Timer")] })
+			] }) : /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v(h, { className: "h-4 w-4" }), S("timecampus.timeTracking.actions.startTimer", "Start Timer")] })
 		}),
 		children: [
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ v(b, {
+				treatment: "glass",
+				glow: !0,
+				className: "p-6 sm:p-8",
+				children: /* @__PURE__ */ y("div", {
+					className: "flex flex-col gap-6 lg:flex-row lg:items-center lg:justify-between",
+					children: [/* @__PURE__ */ y("div", {
+						className: "min-w-0",
+						children: [
+							/* @__PURE__ */ y("div", {
+								className: "flex items-center gap-2 text-xs font-medium uppercase tracking-wide text-text-secondary",
+								children: [/* @__PURE__ */ v("span", { className: `h-2 w-2 rounded-full ${G ? "bg-status-success-text motion-safe:animate-vc-glow-pulse" : "bg-muted-foreground"}` }), G ? S("timecampus.timeTracking.hero.running", "Timer running") : S("timecampus.timeTracking.hero.idle", "Timer idle")]
+							}),
+							/* @__PURE__ */ v("p", {
+								className: "mt-3 font-mono text-5xl font-bold tabular-nums text-text-primary sm:text-6xl",
+								children: n(C?.seconds ?? 0)
+							}),
+							/* @__PURE__ */ y("div", {
+								className: "mt-3 flex flex-wrap items-center gap-2 text-sm text-text-secondary",
+								children: [/* @__PURE__ */ v("span", {
+									className: "min-w-0 truncate",
+									children: C?.description || (G ? S("timecampus.timeTracking.entries.noDescription", "No description") : S("timecampus.timeTracking.hero.prompt", "Start a timer to begin tracking"))
+								}), V?.timeEntry.project?.name && /* @__PURE__ */ v(s, {
+									label: V.timeEntry.project.name,
+									variant: "default"
+								})]
+							})
+						]
+					}), /* @__PURE__ */ v("div", {
+						className: "flex shrink-0 items-center gap-3",
+						children: G ? /* @__PURE__ */ y("button", {
+							onClick: K,
+							disabled: W,
+							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__ */ v(g, { className: "h-4 w-4" }), W ? S("timecampus.timeTracking.hero.stopping", "Stopping...") : S("timecampus.timeTracking.actions.stop", "Stop")]
+						}) : /* @__PURE__ */ y("button", {
+							onClick: () => D(!0),
+							disabled: U,
+							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__ */ v(h, { className: "h-4 w-4" }), S("timecampus.timeTracking.actions.startTimer", "Start Timer")]
+						})
+					})]
+				})
+			}),
+			/* @__PURE__ */ y("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ x(r, {
+					/* @__PURE__ */ v(r, {
 						featured: !0,
-						title: T("timecampus.timeTracking.stats.today", "Today"),
-						value: t(Q?.totalHours ?? 0),
-						icon: /* @__PURE__ */ x(_, { className: "h-5 w-5" }),
-						trend: {
-							value: 15,
-							label: T("timecampus.timeTracking.stats.vsYesterday", "vs yesterday")
-						}
+						title: S("timecampus.timeTracking.stats.today", "Today"),
+						value: t(Z),
+						icon: /* @__PURE__ */ v(p, { className: "h-5 w-5" }),
+						description: `${Q}% ${S("timecampus.timeTracking.stats.billableSuffix", "billable")}`
 					}),
-					/* @__PURE__ */ x(r, {
-						title: T("timecampus.timeTracking.stats.billable", "Billable"),
-						value: t(Q?.billableHours ?? 0),
-						icon: /* @__PURE__ */ x(_, { className: "h-5 w-5" }),
-						description: `${Q?.totalEntries ?? 0} ${T("timecampus.timeTracking.stats.entries", "entries")}`
+					/* @__PURE__ */ v(r, {
+						title: S("timecampus.timeTracking.stats.billable", "Billable"),
+						value: t(q?.billableHours ?? 0),
+						icon: /* @__PURE__ */ v(p, { className: "h-5 w-5" }),
+						description: `${q?.totalEntries ?? 0} ${S("timecampus.timeTracking.stats.entries", "entries")}`
 					}),
-					/* @__PURE__ */ x(r, {
-						title: T("timecampus.timeTracking.stats.activeTimers", "Active Timers"),
-						value: Q?.activeTimers ?? 0,
-						icon: /* @__PURE__ */ x(_, { className: "h-5 w-5" }),
-						description: T("timecampus.timeTracking.stats.currentlyRunning", "Currently running")
+					/* @__PURE__ */ v(r, {
+						title: S("timecampus.timeTracking.stats.activeTimers", "Active Timers"),
+						value: q?.activeTimers ?? 0,
+						icon: /* @__PURE__ */ v(p, { className: "h-5 w-5" }),
+						description: S("timecampus.timeTracking.stats.currentlyRunning", "Currently running")
 					}),
-					/* @__PURE__ */ x(r, {
-						title: T("timecampus.timeTracking.stats.activeTimer", "Active Timer"),
-						value: E ? n(E.seconds) : T("timecampus.timeTracking.stats.stopped", "Stopped"),
-						icon: x(E ? re : v, { className: "h-5 w-5" })
+					/* @__PURE__ */ v(r, {
+						title: S("timecampus.timeTracking.stats.activeTimer", "Active Timer"),
+						value: C ? n(C.seconds) : S("timecampus.timeTracking.stats.stopped", "Stopped"),
+						icon: v(C ? m : h, { className: "h-5 w-5" })
 					})
 				]
 			}),
-			/* @__PURE__ */ S("div", {
-				className: "rounded-xl border border-border-seam bg-gloss-card shadow-pop p-6",
-				children: [/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ y("div", {
+				className: "grid grid-cols-1 gap-4 lg:grid-cols-2",
+				children: [/* @__PURE__ */ v(l, {
+					title: S("timecampus.timeTracking.charts.billableTitle", "Billable mix"),
+					description: S("timecampus.timeTracking.charts.billableDesc", "Billable vs non-billable hours"),
+					children: /* @__PURE__ */ v(de, {
+						data: xe,
+						centerValue: `${Q}%`,
+						centerLabel: S("timecampus.timeTracking.charts.billableCenter", "billable"),
+						valueFormat: (e) => t(e),
+						emptyLabel: S("timecampus.timeTracking.charts.noHours", "No hours tracked yet"),
+						height: 240
+					})
+				}), /* @__PURE__ */ v(l, {
+					title: S("timecampus.timeTracking.charts.projectTitle", "Hours by project"),
+					description: S("timecampus.timeTracking.charts.projectDesc", "Where your recent tracked time went"),
+					children: /* @__PURE__ */ v(ue, {
+						data: Se,
+						xKey: "name",
+						series: [{
+							key: "hours",
+							label: S("timecampus.timeTracking.charts.hours", "Hours")
+						}],
+						orientation: "horizontal",
+						valueFormat: (e) => t(e),
+						categoryWidth: 110,
+						emptyLabel: S("timecampus.timeTracking.charts.noProjectHours", "No project time yet"),
+						height: 240
+					})
+				})]
+			}),
+			/* @__PURE__ */ y(b, {
+				treatment: "glass",
+				className: "p-6",
+				children: [/* @__PURE__ */ y("div", {
 					className: "mb-4 flex items-center justify-between",
-					children: [/* @__PURE__ */ x("h3", {
+					children: [/* @__PURE__ */ v("h3", {
 						className: "text-sm font-semibold text-text-primary",
-						children: T("timecampus.timeTracking.entries.title", "Today's Entries")
-					}), /* @__PURE__ */ x("button", {
-						onClick: () => k("/time/entries"),
+						children: S("timecampus.timeTracking.entries.title", "Today's Entries")
+					}), /* @__PURE__ */ v("button", {
+						onClick: () => E("/time/entries"),
 						className: "text-sm font-medium text-primary hover:underline",
-						children: T("timecampus.timeTracking.entries.viewAll", "View all")
+						children: S("timecampus.timeTracking.entries.viewAll", "View all")
 					})]
-				}), V ? /* @__PURE__ */ x(i, {
+				}), L ? /* @__PURE__ */ v(i, {
 					variant: "list",
 					count: 4
-				}) : $.length === 0 ? /* @__PURE__ */ x(te, {
+				}) : J.length === 0 ? /* @__PURE__ */ v(c, {
 					illustration: "empty-data",
-					title: T("timecampus.timeTracking.entries.empty.title", "No time entries yet"),
-					description: T("timecampus.timeTracking.entries.empty", "No time entries yet. Start a timer to begin tracking."),
-					action: /* @__PURE__ */ S("button", {
-						onClick: () => j(!0),
+					title: S("timecampus.timeTracking.entries.empty.title", "No time entries yet"),
+					description: S("timecampus.timeTracking.entries.empty", "No time entries yet. Start a timer to begin tracking."),
+					action: /* @__PURE__ */ y("button", {
+						onClick: () => D(!0),
 						className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
-						children: [/* @__PURE__ */ x(v, { className: "h-4 w-4" }), T("timecampus.timeTracking.actions.startTimer", "Start Timer")]
+						children: [/* @__PURE__ */ v(h, { className: "h-4 w-4" }), S("timecampus.timeTracking.actions.startTimer", "Start Timer")]
 					})
-				}) : /* @__PURE__ */ x("div", {
+				}) : /* @__PURE__ */ v("div", {
 					className: "flex flex-col gap-2",
-					children: $.map((e) => /* @__PURE__ */ S("div", {
-						className: "flex items-center justify-between rounded-lg border border-border-subtle p-3 transition-colors hover:bg-bg-sunken/50",
-						children: [/* @__PURE__ */ S("div", {
-							className: "min-w-0 flex-1",
-							children: [/* @__PURE__ */ x("p", {
-								className: "text-sm font-medium text-text-primary",
-								children: e.project?.name ?? T("timecampus.timeTracking.entries.noProject", "No Project")
-							}), /* @__PURE__ */ x("p", {
-								className: "text-xs text-text-secondary",
-								children: e.description ?? T("timecampus.timeTracking.entries.noDescription", "No description")
-							})]
-						}), /* @__PURE__ */ S("div", {
-							className: "ml-4 text-right",
-							children: [/* @__PURE__ */ x("p", {
-								className: "text-sm font-mono font-medium text-text-primary",
-								children: t((e.duration ?? 0) / 3600)
-							}), /* @__PURE__ */ x("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: e.isRunning ? T("timecampus.timeTracking.entries.status.running", "running") : T("timecampus.timeTracking.entries.status.completed", "completed")
-							})]
-						})]
+					children: J.map((e) => /* @__PURE__ */ y("div", {
+						className: "flex items-center gap-3 rounded-lg border border-border-subtle bg-bg-surface p-3 transition-colors hover:bg-bg-sunken/50",
+						children: [
+							/* @__PURE__ */ v("span", {
+								className: "flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-action-primary-bg/10 text-xs font-semibold text-primary",
+								children: ee(e.project?.name ?? Y)
+							}),
+							/* @__PURE__ */ y("div", {
+								className: "min-w-0 flex-1",
+								children: [/* @__PURE__ */ y("div", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ v("p", {
+										className: "min-w-0 truncate text-sm font-medium text-text-primary",
+										children: e.project?.name ?? Y
+									}), e.billable && /* @__PURE__ */ v(s, {
+										label: S("timecampus.timeTracking.charts.billable", "Billable"),
+										variant: "success",
+										className: "shrink-0"
+									})]
+								}), /* @__PURE__ */ v("p", {
+									className: "truncate text-xs text-text-secondary",
+									children: e.task?.title ?? e.description ?? S("timecampus.timeTracking.entries.noDescription", "No description")
+								})]
+							}),
+							/* @__PURE__ */ y("div", {
+								className: "flex shrink-0 flex-col items-end gap-1",
+								children: [/* @__PURE__ */ v("p", {
+									className: "font-mono text-sm font-medium text-text-primary",
+									children: t((e.duration ?? 0) / 3600)
+								}), /* @__PURE__ */ v(s, {
+									status: e.isRunning ? "running" : "completed",
+									dot: e.isRunning,
+									label: e.isRunning ? S("timecampus.timeTracking.entries.status.running", "running") : S("timecampus.timeTracking.entries.status.completed", "completed")
+								})]
+							})
+						]
 					}, e.id))
 				})]
 			}),
-			/* @__PURE__ */ S(ne, {
-				open: A,
-				onClose: () => j(!1),
-				title: T("timecampus.timeTracking.startModal.title", "Start a timer"),
-				description: T("timecampus.timeTracking.startModal.description", "Track the task you're working on right now."),
-				footer: /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ x("button", {
-					onClick: () => j(!1),
+			/* @__PURE__ */ y(u, {
+				open: pe,
+				onClose: () => D(!1),
+				title: S("timecampus.timeTracking.startModal.title", "Start a timer"),
+				description: S("timecampus.timeTracking.startModal.description", "Track the task you're working on right now."),
+				footer: /* @__PURE__ */ y(_, { children: [/* @__PURE__ */ v("button", {
+					onClick: () => D(!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: T("timecampus.common.cancel", "Cancel")
-				}), /* @__PURE__ */ x("button", {
-					onClick: se,
-					disabled: X,
+					children: S("timecampus.common.cancel", "Cancel")
+				}), /* @__PURE__ */ v("button", {
+					onClick: ye,
+					disabled: U,
 					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: X ? T("timecampus.timeTracking.startModal.starting", "Starting...") : T("timecampus.timeTracking.actions.startTimer", "Start Timer")
+					children: U ? S("timecampus.timeTracking.startModal.starting", "Starting...") : S("timecampus.timeTracking.actions.startTimer", "Start Timer")
 				})] }),
-				children: [ie && /* @__PURE__ */ x("div", {
+				children: [_e && /* @__PURE__ */ v("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: T("timecampus.timeTracking.startModal.error", "Failed to start the timer. Please try again.")
-				}), /* @__PURE__ */ S("div", {
+					children: S("timecampus.timeTracking.startModal.error", "Failed to start the timer. Please try again.")
+				}), /* @__PURE__ */ y("div", {
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+						/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 							className: "block text-sm font-medium text-text-primary",
-							children: T("timecampus.timeTracking.startModal.descriptionLabel", "What are you working on?")
-						}), /* @__PURE__ */ x("input", {
+							children: S("timecampus.timeTracking.startModal.descriptionLabel", "What are you working on?")
+						}), /* @__PURE__ */ v("input", {
 							type: "text",
-							placeholder: T("timecampus.timeTracking.startModal.descriptionPlaceholder", "Description"),
-							value: M,
-							onChange: (e) => N(e.target.value),
+							placeholder: S("timecampus.timeTracking.startModal.descriptionPlaceholder", "Description"),
+							value: O,
+							onChange: (e) => k(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__ */ S("div", { children: [/* @__PURE__ */ x("label", {
+						/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 							className: "block text-sm font-medium text-text-primary",
-							children: T("timecampus.timeTracking.startModal.projectLabel", "Project")
-						}), /* @__PURE__ */ S("select", {
-							value: P,
-							onChange: (e) => F(e.target.value),
+							children: S("timecampus.timeTracking.startModal.projectLabel", "Project")
+						}), /* @__PURE__ */ y("select", {
+							value: A,
+							onChange: (e) => j(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__ */ x("option", {
+							children: [/* @__PURE__ */ v("option", {
 								value: "",
-								children: T("timecampus.timeTracking.entries.noProject", "No Project")
-							}), K.map((e) => /* @__PURE__ */ x("option", {
+								children: S("timecampus.timeTracking.entries.noProject", "No Project")
+							}), he.map((e) => /* @__PURE__ */ v("option", {
 								value: e.id,
 								children: e.name
 							}, e.id))]
 						})] }),
-						/* @__PURE__ */ S("label", {
+						/* @__PURE__ */ y("label", {
 							className: "flex items-center gap-2 text-sm text-text-primary",
-							children: [/* @__PURE__ */ x("input", {
+							children: [/* @__PURE__ */ v("input", {
 								type: "checkbox",
-								checked: I,
-								onChange: (e) => L(e.target.checked),
+								checked: M,
+								onChange: (e) => N(e.target.checked),
 								className: "h-4 w-4 rounded border-border-subtle"
-							}), T("timecampus.timeTracking.startModal.billable", "Billable")]
+							}), S("timecampus.timeTracking.startModal.billable", "Billable")]
 						})
 					]
 				})]
@@ -219,6 +327,6 @@ function w() {
 	});
 }
 //#endregion
-export { w as TimeTrackingPage };
+export { x as TimeTrackingPage };
 
 //# sourceMappingURL=TimeTrackingPage.js.map