@burdenoff/microfe-timecampus 2026.703.4 → 2026.703.5

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

@@ -1 +1 @@
-{"version":3,"file":"TimeTrackingPage.js","names":[],"sources":["../../../../src/timecampus/pages/time/TimeTrackingPage.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { Clock, Play, Pause, Square } from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { Modal } from \"../../components/Modal\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { useTimeCampusNavigate } from \"../../providers/TimeCampusProvider\";\nimport { formatHours, formatTimerDuration } from \"../../utils/helpers\";\nimport { useTimeCampusStore } from \"../../store/timecampusStore\";\nimport {\n  useGetTimeEntryStatsQuery,\n  useListTimeEntriesQuery,\n  useListRunningTimersQuery,\n  useStartTimerMutation,\n  useStopTimerMutation,\n  useListProjectsQuery,\n  ListRunningTimersDocument,\n  ListTimeEntriesDocument,\n  GetTimeEntryStatsDocument,\n  type TimeEntryFieldsFragment,\n  type ListProjectsQuery,\n} from \"@/generated/wspace-operations\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\n\ntype ProjectOption = ListProjectsQuery[\"projects\"][\"items\"][number];\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, 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\n  const { data: statsData, loading: statsLoading } =\n    useGetTimeEntryStatsQuery();\n  const { data: entriesData, loading: entriesLoading } =\n    useListTimeEntriesQuery({\n      variables: { limit: 10 },\n    });\n  const {\n    data: runningData,\n    loading: runningLoading,\n    refetch: refetchRunning,\n  } = useListRunningTimersQuery({ fetchPolicy: \"cache-and-network\" });\n  const { data: projectsData } = useListProjectsQuery({\n    variables: { limit: 50 },\n  });\n  const projects: ProjectOption[] = projectsData?.projects?.items ?? [];\n\n  const serverTimer = runningData?.runningTimers?.[0] ?? null;\n\n  const refetchAll = [\n    { query: ListRunningTimersDocument },\n    { query: ListTimeEntriesDocument, variables: { limit: 10 } },\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\n  // Backend is authoritative for \"is a timer running\" — mirror into the store.\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    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [serverTimer?.timeEntry.id, serverTimer?.elapsedSeconds, runningLoading]);\n\n  // Live seconds ticker for the display.\n  useEffect(() => {\n    if (!activeTimer?.isRunning) return;\n    const interval = setInterval(() => tickTimer(), 1000);\n    return () => clearInterval(interval);\n  }, [activeTimer?.isRunning, tickTimer]);\n\n  const isRunning = Boolean(serverTimer);\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: \"timecampus\",\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 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={() => (isRunning ? handleStop() : setStartOpen(true))}\n          disabled={starting || stopping}\n          className={`inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium disabled:opacity-50 ${isRunning ? \"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          {isRunning ? (\n            <>\n              <Square className=\"h-4 w-4\" />\n              {t(\"timecampus.timeTracking.actions.stop\", \"Stop\")} (\n              {formatTimerDuration(activeTimer?.seconds ?? 0)})\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        <div className=\"mb-4 flex items-center justify-between\">\n          <h3 className=\"text-sm font-semibold text-text-primary\">\n            {t(\"timecampus.timeTracking.entries.title\", \"Today's Entries\")}\n          </h3>\n          <button\n            onClick={() => navigate(\"/time/entries\")}\n            className=\"text-sm font-medium text-primary hover:underline\"\n          >\n            {t(\"timecampus.timeTracking.entries.viewAll\", \"View all\")}\n          </button>\n        </div>\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            action={\n              <button\n                onClick={() => setStartOpen(true)}\n                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\"\n              >\n                <Play className=\"h-4 w-4\" />\n                {t(\"timecampus.timeTracking.actions.startTimer\", \"Start Timer\")}\n              </button>\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\n      {/* Start timer modal */}\n      <Modal\n        open={startOpen}\n        onClose={() => setStartOpen(false)}\n        title={t(\"timecampus.timeTracking.startModal.title\", \"Start a timer\")}\n        description={t(\n          \"timecampus.timeTracking.startModal.description\",\n          \"Track the task you're working on right now.\",\n        )}\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              {t(\"timecampus.common.cancel\", \"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\n                ? t(\n                    \"timecampus.timeTracking.startModal.starting\",\n                    \"Starting...\",\n                  )\n                : t(\n                    \"timecampus.timeTracking.actions.startTimer\",\n                    \"Start Timer\",\n                  )}\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            {t(\n              \"timecampus.timeTracking.startModal.error\",\n              \"Failed to start the timer. Please try again.\",\n            )}\n          </div>\n        )}\n        <div className=\"space-y-4\">\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              {t(\n                \"timecampus.timeTracking.startModal.descriptionLabel\",\n                \"What are you working on?\",\n              )}\n            </label>\n            <input\n              type=\"text\"\n              placeholder={t(\n                \"timecampus.timeTracking.startModal.descriptionPlaceholder\",\n                \"Description\",\n              )}\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              {t(\"timecampus.timeTracking.startModal.projectLabel\", \"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=\"\">\n                {t(\"timecampus.timeTracking.entries.noProject\", \"No Project\")}\n              </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            {t(\"timecampus.timeTracking.startModal.billable\", \"Billable\")}\n          </label>\n        </div>\n      </Modal>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TimeTrackingPage.js","names":[],"sources":["../../../../src/timecampus/pages/time/TimeTrackingPage.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\nimport { Clock, Play, Pause, Square } from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { Modal } from \"../../components/Modal\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport {\n  ChartCard,\n  DonutChart,\n  BarsChart,\n  StatusBadge,\n} from \"../../components\";\nimport { useTimeCampusNavigate } from \"../../providers/TimeCampusProvider\";\nimport {\n  formatHours,\n  formatTimerDuration,\n  getInitials,\n} from \"../../utils/helpers\";\nimport { useTimeCampusStore } from \"../../store/timecampusStore\";\nimport {\n  useGetTimeEntryStatsQuery,\n  useListTimeEntriesQuery,\n  useListRunningTimersQuery,\n  useStartTimerMutation,\n  useStopTimerMutation,\n  useListProjectsQuery,\n  ListRunningTimersDocument,\n  ListTimeEntriesDocument,\n  GetTimeEntryStatsDocument,\n  type TimeEntryFieldsFragment,\n  type ListProjectsQuery,\n} from \"@/generated/wspace-operations\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\n\ntype ProjectOption = ListProjectsQuery[\"projects\"][\"items\"][number];\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, 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\n  const { data: statsData, loading: statsLoading } =\n    useGetTimeEntryStatsQuery();\n  const { data: entriesData, loading: entriesLoading } =\n    useListTimeEntriesQuery({\n      variables: { limit: 10 },\n    });\n  const {\n    data: runningData,\n    loading: runningLoading,\n    refetch: refetchRunning,\n  } = useListRunningTimersQuery({ fetchPolicy: \"cache-and-network\" });\n  const { data: projectsData } = useListProjectsQuery({\n    variables: { limit: 50 },\n  });\n  const projects: ProjectOption[] = projectsData?.projects?.items ?? [];\n\n  const serverTimer = runningData?.runningTimers?.[0] ?? null;\n\n  const refetchAll = [\n    { query: ListRunningTimersDocument },\n    { query: ListTimeEntriesDocument, variables: { limit: 10 } },\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\n  // Backend is authoritative for \"is a timer running\" — mirror into the store.\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    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [serverTimer?.timeEntry.id, serverTimer?.elapsedSeconds, runningLoading]);\n\n  // Live seconds ticker for the display.\n  useEffect(() => {\n    if (!activeTimer?.isRunning) return;\n    const interval = setInterval(() => tickTimer(), 1000);\n    return () => clearInterval(interval);\n  }, [activeTimer?.isRunning, tickTimer]);\n\n  const isRunning = Boolean(serverTimer);\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: \"timecampus\",\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 stats = statsData?.timeEntryStats;\n  const todayEntries = entriesData?.timeEntries?.items ?? [];\n\n  const noProjectLabel = t(\n    \"timecampus.timeTracking.entries.noProject\",\n    \"No Project\",\n  );\n\n  // Real aggregates for the charts — derived only from data already fetched.\n  const billableHours = stats?.billableHours ?? 0;\n  const totalHours = stats?.totalHours ?? 0;\n  const nonBillableHours = Math.max(0, totalHours - billableHours);\n  const billablePct =\n    totalHours > 0 ? Math.round((billableHours / totalHours) * 100) : 0;\n\n  const billableSlices = [\n    {\n      name: t(\"timecampus.timeTracking.charts.billable\", \"Billable\"),\n      value: Number(billableHours.toFixed(2)),\n    },\n    {\n      name: t(\"timecampus.timeTracking.charts.nonBillable\", \"Non-billable\"),\n      value: Number(nonBillableHours.toFixed(2)),\n    },\n  ];\n\n  const projectHours = new Map<string, number>();\n  for (const entry of todayEntries) {\n    const name = entry.project?.name ?? noProjectLabel;\n    projectHours.set(\n      name,\n      (projectHours.get(name) ?? 0) + (entry.duration ?? 0) / 3600,\n    );\n  }\n  const hoursByProject = Array.from(projectHours, ([name, hours]) => ({\n    name,\n    hours: Number(hours.toFixed(2)),\n  }))\n    .filter((row) => row.hours > 0)\n    .sort((a, b) => b.hours - a.hours)\n    .slice(0, 6);\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={() => (isRunning ? handleStop() : setStartOpen(true))}\n          disabled={starting || stopping}\n          className={`inline-flex items-center gap-2 rounded-md px-4 py-2 text-sm font-medium disabled:opacity-50 ${isRunning ? \"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          {isRunning ? (\n            <>\n              <Square className=\"h-4 w-4\" />\n              {t(\"timecampus.timeTracking.actions.stop\", \"Stop\")} (\n              {formatTimerDuration(activeTimer?.seconds ?? 0)})\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      <GlassCard treatment=\"glass\" glow className=\"p-6 sm:p-8\">\n        <div className=\"flex flex-col gap-6 lg:flex-row lg:items-center lg:justify-between\">\n          <div className=\"min-w-0\">\n            <div className=\"flex items-center gap-2 text-xs font-medium uppercase tracking-wide text-text-secondary\">\n              <span\n                className={`h-2 w-2 rounded-full ${isRunning ? \"bg-status-success-text motion-safe:animate-vc-glow-pulse\" : \"bg-muted-foreground\"}`}\n              />\n              {isRunning\n                ? t(\"timecampus.timeTracking.hero.running\", \"Timer running\")\n                : t(\"timecampus.timeTracking.hero.idle\", \"Timer idle\")}\n            </div>\n            <p className=\"mt-3 font-mono text-5xl font-bold tabular-nums text-text-primary sm:text-6xl\">\n              {formatTimerDuration(activeTimer?.seconds ?? 0)}\n            </p>\n            <div className=\"mt-3 flex flex-wrap items-center gap-2 text-sm text-text-secondary\">\n              <span className=\"min-w-0 truncate\">\n                {activeTimer?.description ||\n                  (isRunning\n                    ? t(\n                        \"timecampus.timeTracking.entries.noDescription\",\n                        \"No description\",\n                      )\n                    : t(\n                        \"timecampus.timeTracking.hero.prompt\",\n                        \"Start a timer to begin tracking\",\n                      ))}\n              </span>\n              {serverTimer?.timeEntry.project?.name && (\n                <StatusBadge\n                  label={serverTimer.timeEntry.project.name}\n                  variant=\"default\"\n                />\n              )}\n            </div>\n          </div>\n          <div className=\"flex shrink-0 items-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\n                  ? t(\"timecampus.timeTracking.hero.stopping\", \"Stopping...\")\n                  : t(\"timecampus.timeTracking.actions.stop\", \"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                {t(\"timecampus.timeTracking.actions.startTimer\", \"Start Timer\")}\n              </button>\n            )}\n          </div>\n        </div>\n      </GlassCard>\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(totalHours)}\n          icon={<Clock className=\"h-5 w-5\" />}\n          description={`${billablePct}% ${t(\"timecampus.timeTracking.stats.billableSuffix\", \"billable\")}`}\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=\"grid grid-cols-1 gap-4 lg:grid-cols-2\">\n        <ChartCard\n          title={t(\n            \"timecampus.timeTracking.charts.billableTitle\",\n            \"Billable mix\",\n          )}\n          description={t(\n            \"timecampus.timeTracking.charts.billableDesc\",\n            \"Billable vs non-billable hours\",\n          )}\n        >\n          <DonutChart\n            data={billableSlices}\n            centerValue={`${billablePct}%`}\n            centerLabel={t(\n              \"timecampus.timeTracking.charts.billableCenter\",\n              \"billable\",\n            )}\n            valueFormat={(value) => formatHours(value)}\n            emptyLabel={t(\n              \"timecampus.timeTracking.charts.noHours\",\n              \"No hours tracked yet\",\n            )}\n            height={240}\n          />\n        </ChartCard>\n        <ChartCard\n          title={t(\n            \"timecampus.timeTracking.charts.projectTitle\",\n            \"Hours by project\",\n          )}\n          description={t(\n            \"timecampus.timeTracking.charts.projectDesc\",\n            \"Where your recent tracked time went\",\n          )}\n        >\n          <BarsChart\n            data={hoursByProject}\n            xKey=\"name\"\n            series={[\n              {\n                key: \"hours\",\n                label: t(\"timecampus.timeTracking.charts.hours\", \"Hours\"),\n              },\n            ]}\n            orientation=\"horizontal\"\n            valueFormat={(value) => formatHours(value)}\n            categoryWidth={110}\n            emptyLabel={t(\n              \"timecampus.timeTracking.charts.noProjectHours\",\n              \"No project time yet\",\n            )}\n            height={240}\n          />\n        </ChartCard>\n      </div>\n\n      <GlassCard treatment=\"glass\" className=\"p-6\">\n        <div className=\"mb-4 flex items-center justify-between\">\n          <h3 className=\"text-sm font-semibold text-text-primary\">\n            {t(\"timecampus.timeTracking.entries.title\", \"Today's Entries\")}\n          </h3>\n          <button\n            onClick={() => navigate(\"/time/entries\")}\n            className=\"text-sm font-medium text-primary hover:underline\"\n          >\n            {t(\"timecampus.timeTracking.entries.viewAll\", \"View all\")}\n          </button>\n        </div>\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            action={\n              <button\n                onClick={() => setStartOpen(true)}\n                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\"\n              >\n                <Play className=\"h-4 w-4\" />\n                {t(\"timecampus.timeTracking.actions.startTimer\", \"Start Timer\")}\n              </button>\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 gap-3 rounded-lg border border-border-subtle bg-bg-surface p-3 transition-colors hover:bg-bg-sunken/50\"\n              >\n                <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\">\n                  {getInitials(entry.project?.name ?? noProjectLabel)}\n                </span>\n                <div className=\"min-w-0 flex-1\">\n                  <div className=\"flex items-center gap-2\">\n                    <p className=\"min-w-0 truncate text-sm font-medium text-text-primary\">\n                      {entry.project?.name ?? noProjectLabel}\n                    </p>\n                    {entry.billable && (\n                      <StatusBadge\n                        label={t(\n                          \"timecampus.timeTracking.charts.billable\",\n                          \"Billable\",\n                        )}\n                        variant=\"success\"\n                        className=\"shrink-0\"\n                      />\n                    )}\n                  </div>\n                  <p className=\"truncate text-xs text-text-secondary\">\n                    {entry.task?.title ??\n                      entry.description ??\n                      t(\n                        \"timecampus.timeTracking.entries.noDescription\",\n                        \"No description\",\n                      )}\n                  </p>\n                </div>\n                <div className=\"flex shrink-0 flex-col items-end gap-1\">\n                  <p className=\"font-mono text-sm font-medium text-text-primary\">\n                    {formatHours((entry.duration ?? 0) / 3600)}\n                  </p>\n                  <StatusBadge\n                    status={entry.isRunning ? \"running\" : \"completed\"}\n                    dot={entry.isRunning}\n                    label={\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                    }\n                  />\n                </div>\n              </div>\n            ))}\n          </div>\n        )}\n      </GlassCard>\n\n      {/* Start timer modal */}\n      <Modal\n        open={startOpen}\n        onClose={() => setStartOpen(false)}\n        title={t(\"timecampus.timeTracking.startModal.title\", \"Start a timer\")}\n        description={t(\n          \"timecampus.timeTracking.startModal.description\",\n          \"Track the task you're working on right now.\",\n        )}\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              {t(\"timecampus.common.cancel\", \"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\n                ? t(\n                    \"timecampus.timeTracking.startModal.starting\",\n                    \"Starting...\",\n                  )\n                : t(\n                    \"timecampus.timeTracking.actions.startTimer\",\n                    \"Start Timer\",\n                  )}\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            {t(\n              \"timecampus.timeTracking.startModal.error\",\n              \"Failed to start the timer. Please try again.\",\n            )}\n          </div>\n        )}\n        <div className=\"space-y-4\">\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              {t(\n                \"timecampus.timeTracking.startModal.descriptionLabel\",\n                \"What are you working on?\",\n              )}\n            </label>\n            <input\n              type=\"text\"\n              placeholder={t(\n                \"timecampus.timeTracking.startModal.descriptionPlaceholder\",\n                \"Description\",\n              )}\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              {t(\"timecampus.timeTracking.startModal.projectLabel\", \"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=\"\">\n                {t(\"timecampus.timeTracking.entries.noProject\", \"No Project\")}\n              </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            {t(\"timecampus.timeTracking.startModal.billable\", \"Billable\")}\n          </label>\n        </div>\n      </Modal>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,63 +1,64 @@
 import { useTimeCampusNavigate as e } from "../../providers/TimeCampusProvider.js";
-import { formatTimerDuration as t } from "../../utils/helpers.js";
+import { formatTimerDuration as t, getInitials as ee } from "../../utils/helpers.js";
 import { LoadingSkeleton as n } from "../../components/LoadingSkeleton.js";
-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 { GetTimeEntryStatsDocument as te, ListRunningTimersDocument as r, ListTimeEntriesDocument as i, useDeleteTimeEntryMutation as ne, useListProjectsQuery as a, useListRunningTimersQuery as o, useStartTimerMutation as s, useStopTimerMutation as c } from "../../../generated/wspace-operations.js";
+import { useTimeCampusStore as l } from "../../store/timecampusStore.js";
+import { PageLayout as u } from "../../components/PageLayout.js";
+import { StatusBadge as d } from "../../components/StatusBadge.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";
+import { Play as g, RotateCcw as _, Square as v } from "lucide-react";
+import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { GlassCard as S, NextSteps as C } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/time/TimerPage.tsx
-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 },
+function w() {
+	let { activeTimer: w, tickTimer: T, syncTimerFromServer: E } = l(), D = e(), [O, k] = h(!1), [A, j] = h(""), [M, N] = h(""), [P, F] = h(!1), [I, L] = h(null), { data: R, loading: z, refetch: B } = o({ fetchPolicy: "cache-and-network" }), { data: V } = a({ variables: { limit: 50 } }), H = V?.projects?.items ?? [], U = R?.runningTimers ?? [], W = U[0] ?? null, G = [
+		{ query: r },
 		{
-			query: ee,
+			query: i,
 			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 });
+		{ query: te }
+	], [K, { loading: q, error: J }] = s({ refetchQueries: G }), [Y, { loading: X }] = c({ refetchQueries: G }), [re, { loading: Z }] = ne({ refetchQueries: G });
 	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);
+		W ? E({
+			timeEntryId: W.timeEntry.id,
+			elapsedSeconds: W.elapsedSeconds,
+			projectId: W.timeEntry.projectId ?? void 0,
+			taskId: W.timeEntry.taskId ?? void 0,
+			description: W.timeEntry.description ?? void 0
+		}) : z || E(null);
 	}, [
-		U?.timeEntry.id,
-		U?.elapsedSeconds,
-		R
+		W?.timeEntry.id,
+		W?.elapsedSeconds,
+		z
 	]), m(() => {
-		if (!C?.isRunning) return;
-		let e = setInterval(() => w(), 1e3);
+		if (!w?.isRunning) return;
+		let e = setInterval(() => T(), 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,
+	}, [w?.isRunning, T]);
+	let ie = async () => {
+		await K({ variables: { input: {
+			description: A.trim() || void 0,
+			projectId: M || void 0,
+			billable: P,
 			source: "timer"
-		} } }), O(!1), A(""), M(""), P(!1), await z();
+		} } }), k(!1), j(""), N(""), F(!1), await B();
 	}, 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, {
+		W && (await Y({ variables: { id: W.timeEntry.id } }), await B());
+	}, ae = async () => {
+		I && (await Y({ variables: { id: I.timeEntry.id } }), await re({ variables: { id: I.timeEntry.id } }), L(null), await B());
+	}, $ = !!W;
+	return /* @__PURE__ */ x(u, {
 		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__ */ b("div", {
+			/* @__PURE__ */ x("div", {
 				className: "mx-auto max-w-lg",
 				children: [
-					/* @__PURE__ */ y(S, {
+					/* @__PURE__ */ b(C, {
 						storageKey: "timecampus-timer",
 						className: "mb-6",
 						steps: [
@@ -65,172 +66,187 @@ function C() {
 								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)
+								onClick: () => $ ? Q() : k(!0)
 							},
 							{
 								id: "assign-project",
 								label: "Assign work to a project",
 								description: "Pick a project so this time bills correctly.",
-								onClick: () => E("/projects")
+								onClick: () => D("/projects")
 							},
 							{
 								id: "review-entries",
 								label: "Review your time entries",
 								description: "Check and tidy everything you've logged.",
-								onClick: () => E("/time/entries")
+								onClick: () => D("/time/entries")
 							}
 						]
 					}),
-					/* @__PURE__ */ b(x, {
+					/* @__PURE__ */ x(S, {
 						treatment: "glass",
 						glow: !0,
-						className: "p-8 text-center",
+						className: "p-6 text-center sm:p-8",
 						children: [
-							/* @__PURE__ */ y("p", {
-								className: "text-6xl font-mono font-bold text-text-primary",
-								children: C ? t(C.seconds) : "00:00:00"
+							/* @__PURE__ */ b("p", {
+								className: "font-mono text-5xl font-bold tabular-nums text-text-primary sm:text-6xl",
+								children: w ? t(w.seconds) : "00:00:00"
 							}),
-							C?.description && /* @__PURE__ */ y("p", {
+							w?.description && /* @__PURE__ */ b("p", {
 								className: "mt-2 text-sm text-text-secondary",
-								children: C.description
+								children: w.description
 							}),
-							/* @__PURE__ */ b("div", {
-								className: "mt-6 flex items-center justify-center gap-3",
-								children: [$ ? /* @__PURE__ */ b("button", {
+							/* @__PURE__ */ x("div", {
+								className: "mt-6 flex flex-wrap items-center justify-center gap-3",
+								children: [$ ? /* @__PURE__ */ x("button", {
 									onClick: Q,
-									disabled: Y,
+									disabled: X,
 									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,
+									children: [/* @__PURE__ */ b(v, { className: "h-4 w-4" }), X ? "Stopping..." : "Stop"]
+								}) : /* @__PURE__ */ x("button", {
+									onClick: () => k(!0),
+									disabled: q,
 									className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-6 py-3 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50",
-									children: [/* @__PURE__ */ y(g, { className: "h-4 w-4" }), "Start"]
-								}), /* @__PURE__ */ b("button", {
-									onClick: () => U && I(U),
+									children: [/* @__PURE__ */ b(g, { className: "h-4 w-4" }), "Start"]
+								}), /* @__PURE__ */ x("button", {
+									onClick: () => W && L(W),
 									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"]
+									children: [/* @__PURE__ */ b(_, { 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, {
+					/* @__PURE__ */ x(S, {
+						treatment: "glass",
+						className: "mt-6 p-6",
+						children: [/* @__PURE__ */ x("div", {
+							className: "mb-4 flex items-center justify-between",
+							children: [/* @__PURE__ */ b("h3", {
+								className: "text-sm font-semibold text-text-primary",
+								children: "Running Timers"
+							}), U.length > 0 && /* @__PURE__ */ b(d, {
+								label: `${U.length} active`,
+								variant: "success",
+								dot: !0
+							})]
+						}), z && U.length === 0 ? /* @__PURE__ */ b(n, {
 							variant: "list",
 							count: 2
-						}) : H.length === 0 ? /* @__PURE__ */ y(f, {
+						}) : U.length === 0 ? /* @__PURE__ */ b(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", {
+						}) : /* @__PURE__ */ b("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)
-								})]
+							children: U.map((e) => /* @__PURE__ */ x("div", {
+								className: "flex items-center gap-3 rounded-lg border border-border-subtle bg-bg-surface p-3",
+								children: [
+									/* @__PURE__ */ b("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.timeEntry.project?.name ?? "No Project")
+									}),
+									/* @__PURE__ */ x("div", {
+										className: "min-w-0 flex-1",
+										children: [/* @__PURE__ */ b("p", {
+											className: "truncate text-sm font-medium text-text-primary",
+											children: e.timeEntry.project?.name ?? "No Project"
+										}), /* @__PURE__ */ b("p", {
+											className: "truncate text-xs text-text-secondary",
+											children: e.timeEntry.description ?? "No description"
+										})]
+									}),
+									/* @__PURE__ */ b("p", {
+										className: "ml-2 shrink-0 font-mono text-sm font-medium text-text-primary",
+										children: t(e.elapsedSeconds)
+									})
+								]
 							}, e.timeEntry.id))
 						})]
 					})
 				]
 			}),
-			/* @__PURE__ */ b(p, {
-				open: D,
-				onClose: () => O(!1),
+			/* @__PURE__ */ x(p, {
+				open: O,
+				onClose: () => k(!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),
+				footer: /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("button", {
+					onClick: () => k(!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,
+				}), /* @__PURE__ */ b("button", {
+					onClick: ie,
+					disabled: q,
 					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 ? "Starting..." : "Start Timer"
 				})] }),
-				children: [q && /* @__PURE__ */ y("div", {
+				children: [J && /* @__PURE__ */ b("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", {
+				}), /* @__PURE__ */ x("div", {
 					className: "space-y-4",
 					children: [
-						/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
+						/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 							className: "block text-sm font-medium text-text-primary",
 							children: "What are you working on?"
-						}), /* @__PURE__ */ y("input", {
+						}), /* @__PURE__ */ b("input", {
 							type: "text",
 							placeholder: "Description",
-							value: k,
-							onChange: (e) => A(e.target.value),
+							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 placeholder:text-text-secondary"
 						})] }),
-						/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
+						/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
 							className: "block text-sm font-medium text-text-primary",
 							children: "Project"
-						}), /* @__PURE__ */ b("select", {
-							value: j,
-							onChange: (e) => M(e.target.value),
+						}), /* @__PURE__ */ x("select", {
+							value: M,
+							onChange: (e) => N(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", {
+							children: [/* @__PURE__ */ b("option", {
 								value: "",
 								children: "No Project"
-							}), V.map((e) => /* @__PURE__ */ y("option", {
+							}), H.map((e) => /* @__PURE__ */ b("option", {
 								value: e.id,
 								children: e.name
 							}, e.id))]
 						})] }),
-						/* @__PURE__ */ b("label", {
+						/* @__PURE__ */ x("label", {
 							className: "flex items-center gap-2 text-sm text-text-primary",
-							children: [/* @__PURE__ */ y("input", {
+							children: [/* @__PURE__ */ b("input", {
 								type: "checkbox",
-								checked: N,
-								onChange: (e) => P(e.target.checked),
+								checked: P,
+								onChange: (e) => F(e.target.checked),
 								className: "h-4 w-4 rounded border-border-subtle"
 							}), "Billable"]
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ y(p, {
-				open: !!F,
-				onClose: () => I(null),
+			/* @__PURE__ */ b(p, {
+				open: !!I,
+				onClose: () => L(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),
+				footer: /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ b("button", {
+					onClick: () => L(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,
+				}), /* @__PURE__ */ b("button", {
+					onClick: ae,
+					disabled: X || 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: X || Z ? "Discarding..." : "Discard"
 				})] }),
-				children: /* @__PURE__ */ b("p", {
+				children: /* @__PURE__ */ x("p", {
 					className: "text-sm text-text-secondary",
 					children: [
 						"The timer for",
 						" ",
-						/* @__PURE__ */ y("span", {
+						/* @__PURE__ */ b("span", {
 							className: "font-medium text-text-primary",
-							children: F?.timeEntry.project?.name ?? F?.timeEntry.description ?? "this session"
+							children: I?.timeEntry.project?.name ?? I?.timeEntry.description ?? "this session"
 						}),
 						" ",
 						"will be discarded."
@@ -241,6 +257,6 @@ function C() {
 	});
 }
 //#endregion
-export { C as TimerPage };
+export { w 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 { 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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"}
+{"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 { StatusBadge } from \"../../components/StatusBadge\";\nimport { useTimeCampusNavigate } from \"../../providers/TimeCampusProvider\";\nimport { formatTimerDuration, getInitials } 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-6 text-center sm:p-8\">\n          <p className=\"font-mono text-5xl font-bold tabular-nums text-text-primary sm:text-6xl\">\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 flex-wrap 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        <GlassCard treatment=\"glass\" className=\"mt-6 p-6\">\n          <div className=\"mb-4 flex items-center justify-between\">\n            <h3 className=\"text-sm font-semibold text-text-primary\">\n              Running Timers\n            </h3>\n            {runningTimers.length > 0 && (\n              <StatusBadge\n                label={`${runningTimers.length} active`}\n                variant=\"success\"\n                dot\n              />\n            )}\n          </div>\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 gap-3 rounded-lg border border-border-subtle bg-bg-surface p-3\"\n                >\n                  <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\">\n                    {getInitials(timer.timeEntry.project?.name ?? \"No Project\")}\n                  </span>\n                  <div className=\"min-w-0 flex-1\">\n                    <p className=\"truncate text-sm font-medium text-text-primary\">\n                      {timer.timeEntry.project?.name ?? \"No Project\"}\n                    </p>\n                    <p className=\"truncate text-xs text-text-secondary\">\n                      {timer.timeEntry.description ?? \"No description\"}\n                    </p>\n                  </div>\n                  <p className=\"ml-2 shrink-0 font-mono text-sm font-medium text-text-primary\">\n                    {formatTimerDuration(timer.elapsedSeconds)}\n                  </p>\n                </div>\n              ))}\n            </div>\n          )}\n        </GlassCard>\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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"}