@open-mercato/core 0.6.6-develop.6229.1.ebe6706732 → 0.6.6-develop.6245.1.2be3b151f8

package/dist/modules/staff/lib/timesheets-ui/TimerBar.js

@@ -7,8 +7,11 @@ import { IconButton } from "@open-mercato/ui/primitives/icon-button";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
 import { apiCall, apiCallOrThrow } from "@open-mercato/ui/backend/utils/apiCall";
 import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
 import { ProjectColorDot } from "./ProjectColorDot.js";
 import { startTimerEntry } from "./startTimer.js";
+import { resolveTimerActionError } from "./timerErrors.js";
+const TIMER_MUTATION_CONTEXT_ID = "staff-timesheets-timer-bar";
 function formatElapsed(seconds) {
   const h = Math.floor(seconds / 3600);
   const m = Math.floor(seconds % 3600 / 60);
@@ -24,6 +27,10 @@ function getToday() {
 }
 function TimerBar({ projects, staffMemberId, onTimerStopped }) {
   const t = useT();
+  const { runMutation, retryLastMutation } = useGuardedMutation({
+    contextId: TIMER_MUTATION_CONTEXT_ID,
+    blockedMessage: t("ui.forms.flash.saveBlocked", "Save blocked by validation")
+  });
   const [activeEntryId, setActiveEntryId] = useState(null);
   const [activeProjectId, setActiveProjectId] = useState(null);
   const [elapsedSeconds, setElapsedSeconds] = useState(0);
@@ -102,18 +109,30 @@ function TimerBar({ projects, staffMemberId, onTimerStopped }) {
     setIsStarting(true);
     try {
       const today = getToday();
-      const { id: entryId } = await startTimerEntry({
+      const startPayload = {
         staffMemberId,
         timeProjectId: selectedProjectId,
         date: today,
         notes: description || null
+      };
+      const { id: entryId } = await runMutation({
+        operation: () => startTimerEntry(startPayload),
+        context: {
+          formId: TIMER_MUTATION_CONTEXT_ID,
+          resourceKind: "staff.timesheets.time_entry",
+          resourceId: staffMemberId,
+          staffMemberId,
+          action: "timer-start",
+          retryLastMutation
+        },
+        mutationPayload: startPayload
       });
       setActiveEntryId(entryId);
       setActiveProjectId(selectedProjectId);
       startElapsedCounter((/* @__PURE__ */ new Date()).toISOString());
-    } catch {
+    } catch (err) {
       flash(
-        t("staff.timesheets.my.timer.startError", "Failed to start timer"),
+        resolveTimerActionError(err, t("staff.timesheets.my.timer.startError", "Failed to start timer")),
         "error"
       );
     } finally {
@@ -124,18 +143,34 @@ function TimerBar({ projects, staffMemberId, onTimerStopped }) {
     if (!activeEntryId) return;
     setIsStopping(true);
     try {
-      await apiCallOrThrow(
-        `/api/staff/timesheets/time-entries/${activeEntryId}/timer-stop`,
-        { method: "POST" }
-      );
+      const stopPayload = {
+        id: activeEntryId,
+        action: "timer-stop",
+        staffMemberId
+      };
+      await runMutation({
+        operation: () => apiCallOrThrow(
+          `/api/staff/timesheets/time-entries/${activeEntryId}/timer-stop`,
+          { method: "POST" }
+        ),
+        context: {
+          formId: TIMER_MUTATION_CONTEXT_ID,
+          resourceKind: "staff.timesheets.time_entry",
+          resourceId: activeEntryId,
+          staffMemberId,
+          action: "timer-stop",
+          retryLastMutation
+        },
+        mutationPayload: stopPayload
+      });
       setActiveEntryId(null);
       setActiveProjectId(null);
       setDescription("");
       stopElapsedCounter();
       onTimerStopped();
-    } catch {
+    } catch (err) {
       flash(
-        t("staff.timesheets.my.timer.stopError", "Failed to stop timer"),
+        resolveTimerActionError(err, t("staff.timesheets.my.timer.stopError", "Failed to stop timer")),
         "error"
       );
     } finally {
@@ -227,11 +262,10 @@ function TimerBar({ projects, staffMemberId, onTimerStopped }) {
       IconButton,
       {
         type: "button",
-        variant: "outline",
+        variant: "destructive",
         size: "default",
         onClick: handleStop,
         disabled: isStopping,
-        className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
         "aria-label": t("staff.timesheets.my.timer.stop", "Stop timer"),
         children: /* @__PURE__ */ jsx(Square, { className: "size-4" })
       }
@@ -239,11 +273,10 @@ function TimerBar({ projects, staffMemberId, onTimerStopped }) {
       IconButton,
       {
         type: "button",
-        variant: "outline",
+        variant: "primary",
         size: "default",
         onClick: handleStart,
         disabled: isStarting || !selectedProjectId,
-        className: "bg-primary text-primary-foreground hover:bg-primary/90",
         "aria-label": t("staff.timesheets.my.timer.start", "Start timer"),
         children: /* @__PURE__ */ jsx(Play, { className: "size-4" })
       }

package/dist/modules/staff/lib/timesheets-ui/TimerBar.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/modules/staff/lib/timesheets-ui/TimerBar.tsx"],
-  "sourcesContent": ["'use client'\n\nimport { useState, useEffect, useRef, useCallback } from 'react'\nimport { Play, Square } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { apiCall, apiCallOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { ProjectColorDot } from './ProjectColorDot'\nimport { startTimerEntry } from './startTimer'\n\ntype ProjectOption = {\n  id: string\n  name: string\n  code: string | null\n  color?: string | null\n}\n\ntype TimerBarProps = {\n  projects: ProjectOption[]\n  staffMemberId: string | null\n  onTimerStopped: () => void\n}\n\nfunction formatElapsed(seconds: number): string {\n  const h = Math.floor(seconds / 3600)\n  const m = Math.floor((seconds % 3600) / 60)\n  const s = seconds % 60\n  return `${h}:${String(m).padStart(2, '0')}:${String(s).padStart(2, '0')}`\n}\n\nfunction getToday(): string {\n  const now = new Date()\n  const year = now.getFullYear()\n  const month = String(now.getMonth() + 1).padStart(2, '0')\n  const day = String(now.getDate()).padStart(2, '0')\n  return `${year}-${month}-${day}`\n}\n\nexport function TimerBar({ projects, staffMemberId, onTimerStopped }: TimerBarProps) {\n  const t = useT()\n\n  const [activeEntryId, setActiveEntryId] = useState<string | null>(null)\n  const [activeProjectId, setActiveProjectId] = useState<string | null>(null)\n  const [elapsedSeconds, setElapsedSeconds] = useState(0)\n  const [description, setDescription] = useState('')\n  const [selectedProjectId, setSelectedProjectId] = useState<string | null>(null)\n  const [isStarting, setIsStarting] = useState(false)\n  const [isStopping, setIsStopping] = useState(false)\n  const [showProjectDropdown, setShowProjectDropdown] = useState(false)\n  const [projectFilter, setProjectFilter] = useState('')\n\n  const dropdownRef = useRef<HTMLDivElement>(null)\n  const intervalRef = useRef<ReturnType<typeof setInterval> | null>(null)\n\n  const isRunning = activeEntryId !== null\n\n  const activeProject = projects.find((p) => p.id === activeProjectId)\n  const selectedProject = projects.find((p) => p.id === selectedProjectId)\n\n  const filteredProjects = projects.filter((p) =>\n    p.name.toLowerCase().includes(projectFilter.toLowerCase()),\n  )\n\n  const startElapsedCounter = useCallback((startedAt: string) => {\n    const startTime = new Date(startedAt).getTime()\n    const now = Date.now()\n    const initialElapsed = Math.max(0, Math.floor((now - startTime) / 1000))\n    setElapsedSeconds(initialElapsed)\n\n    if (intervalRef.current) clearInterval(intervalRef.current)\n    intervalRef.current = setInterval(() => {\n      setElapsedSeconds((prev) => prev + 1)\n    }, 1000)\n  }, [])\n\n  const stopElapsedCounter = useCallback(() => {\n    if (intervalRef.current) {\n      clearInterval(intervalRef.current)\n      intervalRef.current = null\n    }\n    setElapsedSeconds(0)\n  }, [])\n\n  useEffect(() => {\n    if (!staffMemberId) return\n\n    const today = getToday()\n    const checkActiveTimer = async () => {\n      const response = await apiCall(\n        `/api/staff/timesheets/time-entries?staffMemberId=${staffMemberId}&from=${today}&to=${today}&pageSize=50`,\n      )\n      if (!response.ok) return\n\n      const data = response.result as Record<string, unknown> | null\n      const items = (data?.items ?? data?.data ?? []) as Array<Record<string, unknown>>\n\n      const activeEntry = items.find(\n        (entry: Record<string, unknown>) =>\n          entry.started_at && !entry.ended_at,\n      )\n\n      if (activeEntry) {\n        setActiveEntryId(String(activeEntry.id ?? ''))\n        setActiveProjectId(String(activeEntry.time_project_id ?? ''))\n        setDescription(String(activeEntry.notes ?? ''))\n        startElapsedCounter(String(activeEntry.started_at ?? ''))\n      }\n    }\n\n    checkActiveTimer()\n  }, [staffMemberId, startElapsedCounter])\n\n  useEffect(() => {\n    return () => {\n      if (intervalRef.current) clearInterval(intervalRef.current)\n    }\n  }, [])\n\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      if (\n        dropdownRef.current &&\n        !dropdownRef.current.contains(event.target as Node)\n      ) {\n        setShowProjectDropdown(false)\n        setProjectFilter('')\n      }\n    }\n\n    if (showProjectDropdown) {\n      document.addEventListener('mousedown', handleClickOutside)\n    }\n    return () => document.removeEventListener('mousedown', handleClickOutside)\n  }, [showProjectDropdown])\n\n  const handleStart = async () => {\n    if (!selectedProjectId || !staffMemberId) return\n\n    setIsStarting(true)\n    try {\n      const today = getToday()\n      const { id: entryId } = await startTimerEntry({\n        staffMemberId,\n        timeProjectId: selectedProjectId,\n        date: today,\n        notes: description || null,\n      })\n\n      setActiveEntryId(entryId)\n      setActiveProjectId(selectedProjectId)\n      startElapsedCounter(new Date().toISOString())\n    } catch {\n      flash(\n        t('staff.timesheets.my.timer.startError', 'Failed to start timer'),\n        'error',\n      )\n    } finally {\n      setIsStarting(false)\n    }\n  }\n\n  const handleStop = async () => {\n    if (!activeEntryId) return\n\n    setIsStopping(true)\n    try {\n      await apiCallOrThrow(\n        `/api/staff/timesheets/time-entries/${activeEntryId}/timer-stop`,\n        { method: 'POST' },\n      )\n\n      setActiveEntryId(null)\n      setActiveProjectId(null)\n      setDescription('')\n      stopElapsedCounter()\n      onTimerStopped()\n    } catch {\n      flash(\n        t('staff.timesheets.my.timer.stopError', 'Failed to stop timer'),\n        'error',\n      )\n    } finally {\n      setIsStopping(false)\n    }\n  }\n\n  return (\n    <div className=\"flex items-center gap-3 rounded-lg border bg-card p-3 mb-4\">\n      <input\n        type=\"text\"\n        value={description}\n        onChange={(e) => setDescription(e.target.value)}\n        readOnly={isRunning}\n        placeholder={t(\n          'staff.timesheets.my.timer.placeholder',\n          'What are you working on?',\n        )}\n        className=\"flex-1 bg-transparent border-0 outline-none text-sm placeholder:text-muted-foreground\"\n      />\n\n      <div className=\"relative\" ref={dropdownRef}>\n        {isRunning ? (\n          activeProject ? (\n            <span className=\"inline-flex items-center gap-1.5 text-xs font-medium px-2 py-1 rounded border bg-muted\">\n              <ProjectColorDot colorKey={activeProject.color} projectName={activeProject.name} size=\"xs\" />\n              {activeProject.name}\n            </span>\n          ) : null\n        ) : (\n          <>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => {\n                setShowProjectDropdown(!showProjectDropdown)\n                setProjectFilter('')\n              }}\n              className=\"text-xs font-medium\"\n            >\n              {selectedProject\n                ? (<><ProjectColorDot colorKey={selectedProject.color} projectName={selectedProject.name} size=\"xs\" /><span className=\"ml-1\">{selectedProject.name}</span></>)\n                : t('staff.timesheets.my.timer.selectProject', 'Project')}\n            </Button>\n\n            {showProjectDropdown && (\n              <div className=\"absolute right-0 top-full mt-1 z-50 min-w-[200px] rounded-md border bg-popover p-1 shadow-md\">\n                <input\n                  type=\"text\"\n                  value={projectFilter}\n                  onChange={(e) => setProjectFilter(e.target.value)}\n                  placeholder={t(\n                    'staff.timesheets.my.timer.searchProject',\n                    'Search projects...',\n                  )}\n                  className=\"w-full bg-transparent border-b px-2 py-1.5 text-xs outline-none placeholder:text-muted-foreground mb-1\"\n                  autoFocus\n                />\n                <div className=\"max-h-[200px] overflow-y-auto\">\n                  {filteredProjects.length === 0 ? (\n                    <div className=\"px-2 py-1.5 text-xs text-muted-foreground\">\n                      {t(\n                        'staff.timesheets.my.timer.noProjects',\n                        'No projects found',\n                      )}\n                    </div>\n                  ) : (\n                    filteredProjects.map((project) => (\n                      <Button\n                        key={project.id}\n                        type=\"button\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        className=\"w-full justify-start text-xs h-auto py-1.5\"\n                        onClick={() => {\n                          setSelectedProjectId(project.id)\n                          setShowProjectDropdown(false)\n                          setProjectFilter('')\n                        }}\n                      >\n                        <ProjectColorDot colorKey={project.color} projectName={project.name} size=\"xs\" />\n                        <span className=\"ml-1\">{project.name}</span>\n                        {project.code ? (\n                          <span className=\"ml-1 text-muted-foreground\">\n                            ({project.code})\n                          </span>\n                        ) : null}\n                      </Button>\n                    ))\n                  )}\n                </div>\n              </div>\n            )}\n          </>\n        )}\n      </div>\n\n      <span className=\"font-mono text-sm tabular-nums min-w-[64px] text-right\">\n        {formatElapsed(elapsedSeconds)}\n      </span>\n\n      {isRunning ? (\n        <IconButton\n          type=\"button\"\n          variant=\"outline\"\n          size=\"default\"\n          onClick={handleStop}\n          disabled={isStopping}\n          className=\"bg-destructive text-destructive-foreground hover:bg-destructive/90\"\n          aria-label={t('staff.timesheets.my.timer.stop', 'Stop timer')}\n        >\n          <Square className=\"size-4\" />\n        </IconButton>\n      ) : (\n        <IconButton\n          type=\"button\"\n          variant=\"outline\"\n          size=\"default\"\n          onClick={handleStart}\n          disabled={isStarting || !selectedProjectId}\n          className=\"bg-primary text-primary-foreground hover:bg-primary/90\"\n          aria-label={t('staff.timesheets.my.timer.start', 'Start timer')}\n        >\n          <Play className=\"size-4\" />\n        </IconButton>\n      )}\n    </div>\n  )\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["'use client'\n\nimport { useState, useEffect, useRef, useCallback } from 'react'\nimport { Play, Square } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { IconButton } from '@open-mercato/ui/primitives/icon-button'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { apiCall, apiCallOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { ProjectColorDot } from './ProjectColorDot'\nimport { startTimerEntry } from './startTimer'\nimport { resolveTimerActionError } from './timerErrors'\n\ntype ProjectOption = {\n  id: string\n  name: string\n  code: string | null\n  color?: string | null\n}\n\ntype TimerBarProps = {\n  projects: ProjectOption[]\n  staffMemberId: string | null\n  onTimerStopped: () => void\n}\n\nconst TIMER_MUTATION_CONTEXT_ID = 'staff-timesheets-timer-bar'\n\ntype TimerMutationContext = {\n  formId: string\n  resourceKind: string\n  resourceId: string\n  staffMemberId: string | null\n  action: 'timer-create' | 'timer-start' | 'timer-stop'\n  retryLastMutation: () => Promise<boolean>\n}\n\nfunction formatElapsed(seconds: number): string {\n  const h = Math.floor(seconds / 3600)\n  const m = Math.floor((seconds % 3600) / 60)\n  const s = seconds % 60\n  return `${h}:${String(m).padStart(2, '0')}:${String(s).padStart(2, '0')}`\n}\n\nfunction getToday(): string {\n  const now = new Date()\n  const year = now.getFullYear()\n  const month = String(now.getMonth() + 1).padStart(2, '0')\n  const day = String(now.getDate()).padStart(2, '0')\n  return `${year}-${month}-${day}`\n}\n\nexport function TimerBar({ projects, staffMemberId, onTimerStopped }: TimerBarProps) {\n  const t = useT()\n  const { runMutation, retryLastMutation } = useGuardedMutation<TimerMutationContext>({\n    contextId: TIMER_MUTATION_CONTEXT_ID,\n    blockedMessage: t('ui.forms.flash.saveBlocked', 'Save blocked by validation'),\n  })\n\n  const [activeEntryId, setActiveEntryId] = useState<string | null>(null)\n  const [activeProjectId, setActiveProjectId] = useState<string | null>(null)\n  const [elapsedSeconds, setElapsedSeconds] = useState(0)\n  const [description, setDescription] = useState('')\n  const [selectedProjectId, setSelectedProjectId] = useState<string | null>(null)\n  const [isStarting, setIsStarting] = useState(false)\n  const [isStopping, setIsStopping] = useState(false)\n  const [showProjectDropdown, setShowProjectDropdown] = useState(false)\n  const [projectFilter, setProjectFilter] = useState('')\n\n  const dropdownRef = useRef<HTMLDivElement>(null)\n  const intervalRef = useRef<ReturnType<typeof setInterval> | null>(null)\n\n  const isRunning = activeEntryId !== null\n\n  const activeProject = projects.find((p) => p.id === activeProjectId)\n  const selectedProject = projects.find((p) => p.id === selectedProjectId)\n\n  const filteredProjects = projects.filter((p) =>\n    p.name.toLowerCase().includes(projectFilter.toLowerCase()),\n  )\n\n  const startElapsedCounter = useCallback((startedAt: string) => {\n    const startTime = new Date(startedAt).getTime()\n    const now = Date.now()\n    const initialElapsed = Math.max(0, Math.floor((now - startTime) / 1000))\n    setElapsedSeconds(initialElapsed)\n\n    if (intervalRef.current) clearInterval(intervalRef.current)\n    intervalRef.current = setInterval(() => {\n      setElapsedSeconds((prev) => prev + 1)\n    }, 1000)\n  }, [])\n\n  const stopElapsedCounter = useCallback(() => {\n    if (intervalRef.current) {\n      clearInterval(intervalRef.current)\n      intervalRef.current = null\n    }\n    setElapsedSeconds(0)\n  }, [])\n\n  useEffect(() => {\n    if (!staffMemberId) return\n\n    const today = getToday()\n    const checkActiveTimer = async () => {\n      const response = await apiCall(\n        `/api/staff/timesheets/time-entries?staffMemberId=${staffMemberId}&from=${today}&to=${today}&pageSize=50`,\n      )\n      if (!response.ok) return\n\n      const data = response.result as Record<string, unknown> | null\n      const items = (data?.items ?? data?.data ?? []) as Array<Record<string, unknown>>\n\n      const activeEntry = items.find(\n        (entry: Record<string, unknown>) =>\n          entry.started_at && !entry.ended_at,\n      )\n\n      if (activeEntry) {\n        setActiveEntryId(String(activeEntry.id ?? ''))\n        setActiveProjectId(String(activeEntry.time_project_id ?? ''))\n        setDescription(String(activeEntry.notes ?? ''))\n        startElapsedCounter(String(activeEntry.started_at ?? ''))\n      }\n    }\n\n    checkActiveTimer()\n  }, [staffMemberId, startElapsedCounter])\n\n  useEffect(() => {\n    return () => {\n      if (intervalRef.current) clearInterval(intervalRef.current)\n    }\n  }, [])\n\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      if (\n        dropdownRef.current &&\n        !dropdownRef.current.contains(event.target as Node)\n      ) {\n        setShowProjectDropdown(false)\n        setProjectFilter('')\n      }\n    }\n\n    if (showProjectDropdown) {\n      document.addEventListener('mousedown', handleClickOutside)\n    }\n    return () => document.removeEventListener('mousedown', handleClickOutside)\n  }, [showProjectDropdown])\n\n  const handleStart = async () => {\n    if (!selectedProjectId || !staffMemberId) return\n\n    setIsStarting(true)\n    try {\n      const today = getToday()\n      const startPayload = {\n        staffMemberId,\n        timeProjectId: selectedProjectId,\n        date: today,\n        notes: description || null,\n      }\n      const { id: entryId } = await runMutation({\n        operation: () => startTimerEntry(startPayload),\n        context: {\n          formId: TIMER_MUTATION_CONTEXT_ID,\n          resourceKind: 'staff.timesheets.time_entry',\n          resourceId: staffMemberId,\n          staffMemberId,\n          action: 'timer-start',\n          retryLastMutation,\n        },\n        mutationPayload: startPayload,\n      })\n\n      setActiveEntryId(entryId)\n      setActiveProjectId(selectedProjectId)\n      startElapsedCounter(new Date().toISOString())\n    } catch (err) {\n      flash(\n        resolveTimerActionError(err, t('staff.timesheets.my.timer.startError', 'Failed to start timer')),\n        'error',\n      )\n    } finally {\n      setIsStarting(false)\n    }\n  }\n\n  const handleStop = async () => {\n    if (!activeEntryId) return\n\n    setIsStopping(true)\n    try {\n      const stopPayload = {\n        id: activeEntryId,\n        action: 'timer-stop',\n        staffMemberId,\n      }\n      await runMutation({\n        operation: () =>\n          apiCallOrThrow(\n            `/api/staff/timesheets/time-entries/${activeEntryId}/timer-stop`,\n            { method: 'POST' },\n          ),\n        context: {\n          formId: TIMER_MUTATION_CONTEXT_ID,\n          resourceKind: 'staff.timesheets.time_entry',\n          resourceId: activeEntryId,\n          staffMemberId,\n          action: 'timer-stop',\n          retryLastMutation,\n        },\n        mutationPayload: stopPayload,\n      })\n\n      setActiveEntryId(null)\n      setActiveProjectId(null)\n      setDescription('')\n      stopElapsedCounter()\n      onTimerStopped()\n    } catch (err) {\n      flash(\n        resolveTimerActionError(err, t('staff.timesheets.my.timer.stopError', 'Failed to stop timer')),\n        'error',\n      )\n    } finally {\n      setIsStopping(false)\n    }\n  }\n\n  return (\n    <div className=\"flex items-center gap-3 rounded-lg border bg-card p-3 mb-4\">\n      <input\n        type=\"text\"\n        value={description}\n        onChange={(e) => setDescription(e.target.value)}\n        readOnly={isRunning}\n        placeholder={t(\n          'staff.timesheets.my.timer.placeholder',\n          'What are you working on?',\n        )}\n        className=\"flex-1 bg-transparent border-0 outline-none text-sm placeholder:text-muted-foreground\"\n      />\n\n      <div className=\"relative\" ref={dropdownRef}>\n        {isRunning ? (\n          activeProject ? (\n            <span className=\"inline-flex items-center gap-1.5 text-xs font-medium px-2 py-1 rounded border bg-muted\">\n              <ProjectColorDot colorKey={activeProject.color} projectName={activeProject.name} size=\"xs\" />\n              {activeProject.name}\n            </span>\n          ) : null\n        ) : (\n          <>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => {\n                setShowProjectDropdown(!showProjectDropdown)\n                setProjectFilter('')\n              }}\n              className=\"text-xs font-medium\"\n            >\n              {selectedProject\n                ? (<><ProjectColorDot colorKey={selectedProject.color} projectName={selectedProject.name} size=\"xs\" /><span className=\"ml-1\">{selectedProject.name}</span></>)\n                : t('staff.timesheets.my.timer.selectProject', 'Project')}\n            </Button>\n\n            {showProjectDropdown && (\n              <div className=\"absolute right-0 top-full mt-1 z-50 min-w-[200px] rounded-md border bg-popover p-1 shadow-md\">\n                <input\n                  type=\"text\"\n                  value={projectFilter}\n                  onChange={(e) => setProjectFilter(e.target.value)}\n                  placeholder={t(\n                    'staff.timesheets.my.timer.searchProject',\n                    'Search projects...',\n                  )}\n                  className=\"w-full bg-transparent border-b px-2 py-1.5 text-xs outline-none placeholder:text-muted-foreground mb-1\"\n                  autoFocus\n                />\n                <div className=\"max-h-[200px] overflow-y-auto\">\n                  {filteredProjects.length === 0 ? (\n                    <div className=\"px-2 py-1.5 text-xs text-muted-foreground\">\n                      {t(\n                        'staff.timesheets.my.timer.noProjects',\n                        'No projects found',\n                      )}\n                    </div>\n                  ) : (\n                    filteredProjects.map((project) => (\n                      <Button\n                        key={project.id}\n                        type=\"button\"\n                        variant=\"ghost\"\n                        size=\"sm\"\n                        className=\"w-full justify-start text-xs h-auto py-1.5\"\n                        onClick={() => {\n                          setSelectedProjectId(project.id)\n                          setShowProjectDropdown(false)\n                          setProjectFilter('')\n                        }}\n                      >\n                        <ProjectColorDot colorKey={project.color} projectName={project.name} size=\"xs\" />\n                        <span className=\"ml-1\">{project.name}</span>\n                        {project.code ? (\n                          <span className=\"ml-1 text-muted-foreground\">\n                            ({project.code})\n                          </span>\n                        ) : null}\n                      </Button>\n                    ))\n                  )}\n                </div>\n              </div>\n            )}\n          </>\n        )}\n      </div>\n\n      <span className=\"font-mono text-sm tabular-nums min-w-[64px] text-right\">\n        {formatElapsed(elapsedSeconds)}\n      </span>\n\n      {isRunning ? (\n        <IconButton\n          type=\"button\"\n          variant=\"destructive\"\n          size=\"default\"\n          onClick={handleStop}\n          disabled={isStopping}\n          aria-label={t('staff.timesheets.my.timer.stop', 'Stop timer')}\n        >\n          <Square className=\"size-4\" />\n        </IconButton>\n      ) : (\n        <IconButton\n          type=\"button\"\n          variant=\"primary\"\n          size=\"default\"\n          onClick={handleStart}\n          disabled={isStarting || !selectedProjectId}\n          aria-label={t('staff.timesheets.my.timer.start', 'Start timer')}\n        >\n          <Play className=\"size-4\" />\n        </IconButton>\n      )}\n    </div>\n  )\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/staff/lib/timesheets-ui/timerErrors.js

@@ -0,0 +1,12 @@
+import { normalizeCrudServerError } from "@open-mercato/ui/backend/utils/serverErrors";
+function resolveTimerActionError(err, fallback) {
+  const status = err?.status;
+  if (typeof status !== "number") return fallback;
+  const message = normalizeCrudServerError(err).message;
+  const trimmed = typeof message === "string" ? message.trim() : "";
+  return trimmed.length > 0 ? trimmed : fallback;
+}
+export {
+  resolveTimerActionError
+};
+//# sourceMappingURL=timerErrors.js.map

package/dist/modules/staff/lib/timesheets-ui/timerErrors.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/staff/lib/timesheets-ui/timerErrors.ts"],
+  "sourcesContent": ["import { normalizeCrudServerError } from '@open-mercato/ui/backend/utils/serverErrors'\n\n/**\n * Resolves the message to show when a timesheet timer start/stop request\n * fails. Prefers the localized message the server already returned (e.g. the\n * 409 \"another timer is already running\" reason, surfaced by the atomic\n * start-timer route) over a generic client-side fallback. Both the TimerBar\n * and the dashboard time-reporting widget use this so a rejected timer action\n * shows the specific server reason in the active locale instead of a hardcoded\n * English string (issue #3507).\n *\n * The server message is only trusted when the error originated from an HTTP\n * response (`raiseCrudError` attaches a numeric `status`); transport-level\n * failures (no response) fall back to the localized fallback so the user never\n * sees an untranslated network error string.\n */\nexport function resolveTimerActionError(err: unknown, fallback: string): string {\n  const status = (err as { status?: unknown } | null)?.status\n  if (typeof status !== 'number') return fallback\n  const message = normalizeCrudServerError(err).message\n  const trimmed = typeof message === 'string' ? message.trim() : ''\n  return trimmed.length > 0 ? trimmed : fallback\n}\n"],
+  "mappings": "AAAA,SAAS,gCAAgC;AAgBlC,SAAS,wBAAwB,KAAc,UAA0B;AAC9E,QAAM,SAAU,KAAqC;AACrD,MAAI,OAAO,WAAW,SAAU,QAAO;AACvC,QAAM,UAAU,yBAAyB,GAAG,EAAE;AAC9C,QAAM,UAAU,OAAO,YAAY,WAAW,QAAQ,KAAK,IAAI;AAC/D,SAAO,QAAQ,SAAS,IAAI,UAAU;AACxC;",
+  "names": []
+}

package/dist/modules/staff/widgets/dashboard/timesheets-time-reporting/widget.client.js

@@ -5,8 +5,11 @@ import { apiCall, readApiResultOrThrow } from "@open-mercato/ui/backend/utils/ap
 import { Button } from "@open-mercato/ui/primitives/button";
 import { Input } from "@open-mercato/ui/primitives/input";
 import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
 import { startTimerEntry } from "../../../lib/timesheets-ui/startTimer.js";
+import { resolveTimerActionError } from "../../../lib/timesheets-ui/timerErrors.js";
 import { DEFAULT_SETTINGS, hydrateSettings } from "./config.js";
+const TIMER_WIDGET_MUTATION_CONTEXT_ID = "staff-timesheets-time-reporting-widget";
 function formatElapsed(startedAt) {
   const elapsed = Math.max(0, Date.now() - new Date(startedAt).getTime());
   const totalSeconds = Math.floor(elapsed / 1e3);
@@ -23,6 +26,10 @@ const TimeReportingWidget = ({
   onRefreshStateChange
 }) => {
   const t = useT();
+  const { runMutation, retryLastMutation } = useGuardedMutation({
+    contextId: TIMER_WIDGET_MUTATION_CONTEXT_ID,
+    blockedMessage: t("ui.forms.flash.saveBlocked", "Save blocked by validation")
+  });
   const hydrated = React.useMemo(() => hydrateSettings(settings), [settings]);
   const [projects, setProjects] = React.useState([]);
   const [selectedProjectId, setSelectedProjectId] = React.useState(hydrated.lastProjectId);
@@ -115,34 +122,62 @@ const TimeReportingWidget = ({
     setActionLoading(true);
     try {
       const today = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
-      await startTimerEntry({
+      const startPayload = {
         staffMemberId,
         timeProjectId: selectedProjectId,
         date: today,
         notes: notes.trim() || null
+      };
+      await runMutation({
+        operation: () => startTimerEntry(startPayload),
+        context: {
+          formId: TIMER_WIDGET_MUTATION_CONTEXT_ID,
+          resourceKind: "staff.timesheets.time_entry",
+          resourceId: staffMemberId,
+          staffMemberId,
+          action: "timer-start",
+          retryLastMutation
+        },
+        mutationPayload: startPayload
       });
       onSettingsChange({ ...hydrated, lastProjectId: selectedProjectId });
       await loadState();
     } catch (err) {
       console.error("staff.timesheets.timeReporting.start", err);
-      setError(t("staff.timesheets.widgets.timeReporting.startError", "Failed to start timer"));
+      setError(resolveTimerActionError(err, t("staff.timesheets.widgets.timeReporting.startError", "Failed to start timer")));
     } finally {
       setActionLoading(false);
     }
-  }, [selectedProjectId, staffMemberId, timer.running, notes, hydrated, onSettingsChange, loadState, t]);
+  }, [selectedProjectId, staffMemberId, timer.running, notes, hydrated, onSettingsChange, loadState, runMutation, retryLastMutation, t]);
   const handleStop = React.useCallback(async () => {
-    if (!timer.entryId) return;
+    if (!timer.entryId || !staffMemberId) return;
     setActionLoading(true);
     try {
-      await apiCall(`/api/staff/timesheets/time-entries/${timer.entryId}/timer-stop`, { method: "POST" });
+      const stopPayload = {
+        id: timer.entryId,
+        action: "timer-stop",
+        staffMemberId
+      };
+      await runMutation({
+        operation: () => apiCall(`/api/staff/timesheets/time-entries/${timer.entryId}/timer-stop`, { method: "POST" }),
+        context: {
+          formId: TIMER_WIDGET_MUTATION_CONTEXT_ID,
+          resourceKind: "staff.timesheets.time_entry",
+          resourceId: timer.entryId,
+          staffMemberId,
+          action: "timer-stop",
+          retryLastMutation
+        },
+        mutationPayload: stopPayload
+      });
       await loadState();
     } catch (err) {
       console.error("staff.timesheets.timeReporting.stop", err);
-      setError(t("staff.timesheets.widgets.timeReporting.stopError", "Failed to stop timer"));
+      setError(resolveTimerActionError(err, t("staff.timesheets.widgets.timeReporting.stopError", "Failed to stop timer")));
     } finally {
       setActionLoading(false);
     }
-  }, [timer.entryId, loadState, t]);
+  }, [timer.entryId, staffMemberId, loadState, runMutation, retryLastMutation, t]);
   if (mode === "settings") {
     return /* @__PURE__ */ jsx("div", { className: "space-y-2 text-sm", children: /* @__PURE__ */ jsx("p", { className: "text-muted-foreground", children: t("staff.timesheets.widgets.timeReporting.settings.description", "No additional settings. Select a project and start tracking from the widget.") }) });
   }
@@ -150,7 +185,7 @@ const TimeReportingWidget = ({
     return /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center py-8", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("staff.timesheets.widgets.timeReporting.loading", "Loading...") }) });
   }
   if (error) {
-    return /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center py-8", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-destructive", children: error }) });
+    return /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center py-8", children: /* @__PURE__ */ jsx("p", { role: "alert", className: "text-sm text-destructive", children: error }) });
   }
   if (projects.length === 0) {
     return /* @__PURE__ */ jsx("div", { className: "flex h-full items-center justify-center py-8", children: /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: t("staff.timesheets.widgets.timeReporting.noProjects", "No projects assigned.") }) });

package/dist/modules/staff/widgets/dashboard/timesheets-time-reporting/widget.client.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/modules/staff/widgets/dashboard/timesheets-time-reporting/widget.client.tsx"],
-  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { DashboardWidgetComponentProps } from '@open-mercato/shared/modules/dashboard/widgets'\nimport { apiCall, readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { startTimerEntry } from '../../../lib/timesheets-ui/startTimer'\nimport { DEFAULT_SETTINGS, hydrateSettings, type TimeReportingSettings } from './config'\n\ntype ProjectOption = { id: string; name: string; code: string | null }\n\ntype TimerState = {\n  entryId: string | null\n  running: boolean\n  startedAt: string | null\n  projectId: string | null\n}\n\nfunction formatElapsed(startedAt: string): string {\n  const elapsed = Math.max(0, Date.now() - new Date(startedAt).getTime())\n  const totalSeconds = Math.floor(elapsed / 1000)\n  const hours = Math.floor(totalSeconds / 3600)\n  const minutes = Math.floor((totalSeconds % 3600) / 60)\n  const seconds = totalSeconds % 60\n  return `${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`\n}\n\nconst TimeReportingWidget: React.FC<DashboardWidgetComponentProps<TimeReportingSettings>> = ({\n  mode,\n  settings = DEFAULT_SETTINGS,\n  onSettingsChange,\n  refreshToken,\n  onRefreshStateChange,\n}) => {\n  const t = useT()\n  const hydrated = React.useMemo(() => hydrateSettings(settings), [settings])\n\n  const [projects, setProjects] = React.useState<ProjectOption[]>([])\n  const [selectedProjectId, setSelectedProjectId] = React.useState<string | null>(hydrated.lastProjectId)\n  const [notes, setNotes] = React.useState('')\n  const [timer, setTimer] = React.useState<TimerState>({ entryId: null, running: false, startedAt: null, projectId: null })\n  const [elapsed, setElapsed] = React.useState('00:00:00')\n  const [staffMemberId, setStaffMemberId] = React.useState<string | null>(null)\n  const [loading, setLoading] = React.useState(true)\n  const [actionLoading, setActionLoading] = React.useState(false)\n  const [error, setError] = React.useState<string | null>(null)\n\n  const loadState = React.useCallback(async () => {\n    onRefreshStateChange?.(true)\n    setLoading(true)\n    setError(null)\n    try {\n      // Load assigned projects\n      const assignmentsRes = await readApiResultOrThrow<{ items?: Array<Record<string, unknown>> }>(\n        '/api/staff/timesheets/my-projects?pageSize=100',\n        undefined,\n        { errorMessage: '', fallback: { items: [] } },\n      )\n      const assignmentItems = Array.isArray(assignmentsRes.items) ? assignmentsRes.items : []\n      const projectIds = assignmentItems\n        .map((item) => String(item.time_project_id ?? item.timeProjectId ?? ''))\n        .filter((id) => id.length > 0)\n\n      if (projectIds.length > 0) {\n        const projectsRes = await readApiResultOrThrow<{ items?: Array<Record<string, unknown>> }>(\n          `/api/staff/timesheets/time-projects?ids=${projectIds.join(',')}&pageSize=100`,\n          undefined,\n          { errorMessage: '', fallback: { items: [] } },\n        )\n        const items = Array.isArray(projectsRes.items) ? projectsRes.items : []\n        setProjects(items.map((item) => ({\n          id: String(item.id ?? ''),\n          name: String(item.name ?? ''),\n          code: typeof item.code === 'string' ? item.code : null,\n        })))\n      } else {\n        setProjects([])\n      }\n\n      // Check for active timer \u2014 look for today's entries with startedAt set and endedAt null\n      const selfRes = await readApiResultOrThrow<{ member?: { id: string } | null }>(\n        '/api/staff/team-members/self',\n        undefined,\n        { errorMessage: '', fallback: { member: null } },\n      )\n      const memberId = selfRes.member?.id ?? null\n      setStaffMemberId(memberId)\n      if (memberId) {\n        const today = new Date().toISOString().slice(0, 10)\n        const entriesRes = await readApiResultOrThrow<{ items?: Array<Record<string, unknown>> }>(\n          `/api/staff/timesheets/time-entries?staffMemberId=${memberId}&from=${today}&to=${today}&pageSize=100`,\n          undefined,\n          { errorMessage: '', fallback: { items: [] } },\n        )\n        const entries = Array.isArray(entriesRes.items) ? entriesRes.items : []\n        const running = entries.find((e) => {\n          const startedAt = e.started_at ?? e.startedAt\n          const endedAt = e.ended_at ?? e.endedAt\n          return startedAt != null && endedAt == null\n        })\n        if (running) {\n          setTimer({\n            entryId: String(running.id ?? ''),\n            running: true,\n            startedAt: String(running.started_at ?? running.startedAt ?? ''),\n            projectId: String(running.time_project_id ?? running.timeProjectId ?? ''),\n          })\n        } else {\n          setTimer({ entryId: null, running: false, startedAt: null, projectId: null })\n        }\n      }\n    } catch (err) {\n      console.error('staff.timesheets.timeReporting.load', err)\n      setError(t('staff.timesheets.widgets.timeReporting.error', 'Failed to load timer state'))\n    } finally {\n      setLoading(false)\n      onRefreshStateChange?.(false)\n    }\n  }, [onRefreshStateChange, t])\n\n  React.useEffect(() => {\n    void loadState()\n  }, [loadState, refreshToken])\n\n  // Tick elapsed time\n  React.useEffect(() => {\n    if (!timer.running || !timer.startedAt) return\n    const tick = () => setElapsed(formatElapsed(timer.startedAt!))\n    tick()\n    const interval = setInterval(tick, 1000)\n    return () => clearInterval(interval)\n  }, [timer.running, timer.startedAt])\n\n  const handleStart = React.useCallback(async () => {\n    if (!selectedProjectId || !staffMemberId) return\n    if (timer.running) return\n    setActionLoading(true)\n    try {\n      const today = new Date().toISOString().slice(0, 10)\n      // Single atomic create+start request (issue #3311): a partial failure can\n      // no longer leave an orphaned, unstarted timer entry, and a rejected start\n      // now surfaces here instead of being silently ignored.\n      await startTimerEntry({\n        staffMemberId,\n        timeProjectId: selectedProjectId,\n        date: today,\n        notes: notes.trim() || null,\n      })\n\n      onSettingsChange({ ...hydrated, lastProjectId: selectedProjectId })\n      await loadState()\n    } catch (err) {\n      console.error('staff.timesheets.timeReporting.start', err)\n      setError(t('staff.timesheets.widgets.timeReporting.startError', 'Failed to start timer'))\n    } finally {\n      setActionLoading(false)\n    }\n  }, [selectedProjectId, staffMemberId, timer.running, notes, hydrated, onSettingsChange, loadState, t])\n\n  const handleStop = React.useCallback(async () => {\n    if (!timer.entryId) return\n    setActionLoading(true)\n    try {\n      await apiCall(`/api/staff/timesheets/time-entries/${timer.entryId}/timer-stop`, { method: 'POST' })\n      await loadState()\n    } catch (err) {\n      console.error('staff.timesheets.timeReporting.stop', err)\n      setError(t('staff.timesheets.widgets.timeReporting.stopError', 'Failed to stop timer'))\n    } finally {\n      setActionLoading(false)\n    }\n  }, [timer.entryId, loadState, t])\n\n  if (mode === 'settings') {\n    return (\n      <div className=\"space-y-2 text-sm\">\n        <p className=\"text-muted-foreground\">\n          {t('staff.timesheets.widgets.timeReporting.settings.description', 'No additional settings. Select a project and start tracking from the widget.')}\n        </p>\n      </div>\n    )\n  }\n\n  if (loading) {\n    return (\n      <div className=\"flex h-full items-center justify-center py-8\">\n        <p className=\"text-sm text-muted-foreground\">{t('staff.timesheets.widgets.timeReporting.loading', 'Loading...')}</p>\n      </div>\n    )\n  }\n\n  if (error) {\n    return (\n      <div className=\"flex h-full items-center justify-center py-8\">\n        <p className=\"text-sm text-destructive\">{error}</p>\n      </div>\n    )\n  }\n\n  if (projects.length === 0) {\n    return (\n      <div className=\"flex h-full items-center justify-center py-8\">\n        <p className=\"text-sm text-muted-foreground\">\n          {t('staff.timesheets.widgets.timeReporting.noProjects', 'No projects assigned.')}\n        </p>\n      </div>\n    )\n  }\n\n  // Timer is running\n  if (timer.running) {\n    const runningProject = projects.find((p) => p.id === timer.projectId)\n    return (\n      <div className=\"space-y-3\">\n        <div className=\"text-sm text-muted-foreground\">\n          {runningProject?.name ?? t('staff.timesheets.widgets.timeReporting.unknownProject', 'Unknown project')}\n        </div>\n        <div className=\"text-center\">\n          <p className=\"font-mono text-3xl font-bold tabular-nums\">{elapsed}</p>\n          <p className=\"mt-1 text-xs text-muted-foreground\">\n            {t('staff.timesheets.widgets.timeReporting.running', 'Timer running')}\n          </p>\n        </div>\n        <Button\n          type=\"button\"\n          variant=\"destructive\"\n          className=\"w-full\"\n          onClick={handleStop}\n          disabled={actionLoading}\n        >\n          {t('staff.timesheets.widgets.timeReporting.stop', 'Stop Timer')}\n        </Button>\n      </div>\n    )\n  }\n\n  // Timer not running \u2014 show start form\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"space-y-1.5\">\n        <label className=\"text-xs font-medium text-muted-foreground\" htmlFor=\"timer-project\">\n          {t('staff.timesheets.widgets.timeReporting.project', 'Project')}\n        </label>\n        <select\n          id=\"timer-project\"\n          className=\"w-full rounded-md border bg-background px-3 py-2 text-sm\"\n          value={selectedProjectId ?? ''}\n          onChange={(e) => setSelectedProjectId(e.target.value || null)}\n        >\n          <option value=\"\">{t('staff.timesheets.widgets.timeReporting.selectProject', 'Select project...')}</option>\n          {projects.map((project) => (\n            <option key={project.id} value={project.id}>\n              {project.name}{project.code ? ` (${project.code})` : ''}\n            </option>\n          ))}\n        </select>\n      </div>\n      <div className=\"space-y-1.5\">\n        <label className=\"text-xs font-medium text-muted-foreground\" htmlFor=\"timer-notes\">\n          {t('staff.timesheets.widgets.timeReporting.taskNote', 'Task / Note')}\n        </label>\n        <Input\n          id=\"timer-notes\"\n          value={notes}\n          onChange={(e) => setNotes(e.target.value)}\n          placeholder={t('staff.timesheets.widgets.timeReporting.notesPlaceholder', 'What are you working on?')}\n        />\n      </div>\n      <div className=\"text-center\">\n        <p className=\"text-sm text-muted-foreground\">\n          {t('staff.timesheets.widgets.timeReporting.notRunning', 'Not running')}\n        </p>\n      </div>\n      <Button\n        type=\"button\"\n        className=\"w-full\"\n        onClick={handleStart}\n        disabled={actionLoading || !selectedProjectId}\n      >\n        {t('staff.timesheets.widgets.timeReporting.start', 'Start Timer')}\n      </Button>\n    </div>\n  )\n}\n\nexport default TimeReportingWidget\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { DashboardWidgetComponentProps } from '@open-mercato/shared/modules/dashboard/widgets'\nimport { apiCall, readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { startTimerEntry } from '../../../lib/timesheets-ui/startTimer'\nimport { resolveTimerActionError } from '../../../lib/timesheets-ui/timerErrors'\nimport { DEFAULT_SETTINGS, hydrateSettings, type TimeReportingSettings } from './config'\n\ntype ProjectOption = { id: string; name: string; code: string | null }\n\ntype TimerState = {\n  entryId: string | null\n  running: boolean\n  startedAt: string | null\n  projectId: string | null\n}\n\nconst TIMER_WIDGET_MUTATION_CONTEXT_ID = 'staff-timesheets-time-reporting-widget'\n\ntype TimerWidgetMutationContext = {\n  formId: string\n  resourceKind: string\n  resourceId: string\n  staffMemberId: string\n  action: 'timer-create' | 'timer-start' | 'timer-stop'\n  retryLastMutation: () => Promise<boolean>\n}\n\nfunction formatElapsed(startedAt: string): string {\n  const elapsed = Math.max(0, Date.now() - new Date(startedAt).getTime())\n  const totalSeconds = Math.floor(elapsed / 1000)\n  const hours = Math.floor(totalSeconds / 3600)\n  const minutes = Math.floor((totalSeconds % 3600) / 60)\n  const seconds = totalSeconds % 60\n  return `${String(hours).padStart(2, '0')}:${String(minutes).padStart(2, '0')}:${String(seconds).padStart(2, '0')}`\n}\n\nconst TimeReportingWidget: React.FC<DashboardWidgetComponentProps<TimeReportingSettings>> = ({\n  mode,\n  settings = DEFAULT_SETTINGS,\n  onSettingsChange,\n  refreshToken,\n  onRefreshStateChange,\n}) => {\n  const t = useT()\n  const { runMutation, retryLastMutation } = useGuardedMutation<TimerWidgetMutationContext>({\n    contextId: TIMER_WIDGET_MUTATION_CONTEXT_ID,\n    blockedMessage: t('ui.forms.flash.saveBlocked', 'Save blocked by validation'),\n  })\n  const hydrated = React.useMemo(() => hydrateSettings(settings), [settings])\n\n  const [projects, setProjects] = React.useState<ProjectOption[]>([])\n  const [selectedProjectId, setSelectedProjectId] = React.useState<string | null>(hydrated.lastProjectId)\n  const [notes, setNotes] = React.useState('')\n  const [timer, setTimer] = React.useState<TimerState>({ entryId: null, running: false, startedAt: null, projectId: null })\n  const [elapsed, setElapsed] = React.useState('00:00:00')\n  const [staffMemberId, setStaffMemberId] = React.useState<string | null>(null)\n  const [loading, setLoading] = React.useState(true)\n  const [actionLoading, setActionLoading] = React.useState(false)\n  const [error, setError] = React.useState<string | null>(null)\n\n  const loadState = React.useCallback(async () => {\n    onRefreshStateChange?.(true)\n    setLoading(true)\n    setError(null)\n    try {\n      // Load assigned projects\n      const assignmentsRes = await readApiResultOrThrow<{ items?: Array<Record<string, unknown>> }>(\n        '/api/staff/timesheets/my-projects?pageSize=100',\n        undefined,\n        { errorMessage: '', fallback: { items: [] } },\n      )\n      const assignmentItems = Array.isArray(assignmentsRes.items) ? assignmentsRes.items : []\n      const projectIds = assignmentItems\n        .map((item) => String(item.time_project_id ?? item.timeProjectId ?? ''))\n        .filter((id) => id.length > 0)\n\n      if (projectIds.length > 0) {\n        const projectsRes = await readApiResultOrThrow<{ items?: Array<Record<string, unknown>> }>(\n          `/api/staff/timesheets/time-projects?ids=${projectIds.join(',')}&pageSize=100`,\n          undefined,\n          { errorMessage: '', fallback: { items: [] } },\n        )\n        const items = Array.isArray(projectsRes.items) ? projectsRes.items : []\n        setProjects(items.map((item) => ({\n          id: String(item.id ?? ''),\n          name: String(item.name ?? ''),\n          code: typeof item.code === 'string' ? item.code : null,\n        })))\n      } else {\n        setProjects([])\n      }\n\n      // Check for active timer \u2014 look for today's entries with startedAt set and endedAt null\n      const selfRes = await readApiResultOrThrow<{ member?: { id: string } | null }>(\n        '/api/staff/team-members/self',\n        undefined,\n        { errorMessage: '', fallback: { member: null } },\n      )\n      const memberId = selfRes.member?.id ?? null\n      setStaffMemberId(memberId)\n      if (memberId) {\n        const today = new Date().toISOString().slice(0, 10)\n        const entriesRes = await readApiResultOrThrow<{ items?: Array<Record<string, unknown>> }>(\n          `/api/staff/timesheets/time-entries?staffMemberId=${memberId}&from=${today}&to=${today}&pageSize=100`,\n          undefined,\n          { errorMessage: '', fallback: { items: [] } },\n        )\n        const entries = Array.isArray(entriesRes.items) ? entriesRes.items : []\n        const running = entries.find((e) => {\n          const startedAt = e.started_at ?? e.startedAt\n          const endedAt = e.ended_at ?? e.endedAt\n          return startedAt != null && endedAt == null\n        })\n        if (running) {\n          setTimer({\n            entryId: String(running.id ?? ''),\n            running: true,\n            startedAt: String(running.started_at ?? running.startedAt ?? ''),\n            projectId: String(running.time_project_id ?? running.timeProjectId ?? ''),\n          })\n        } else {\n          setTimer({ entryId: null, running: false, startedAt: null, projectId: null })\n        }\n      }\n    } catch (err) {\n      console.error('staff.timesheets.timeReporting.load', err)\n      setError(t('staff.timesheets.widgets.timeReporting.error', 'Failed to load timer state'))\n    } finally {\n      setLoading(false)\n      onRefreshStateChange?.(false)\n    }\n  }, [onRefreshStateChange, t])\n\n  React.useEffect(() => {\n    void loadState()\n  }, [loadState, refreshToken])\n\n  // Tick elapsed time\n  React.useEffect(() => {\n    if (!timer.running || !timer.startedAt) return\n    const tick = () => setElapsed(formatElapsed(timer.startedAt!))\n    tick()\n    const interval = setInterval(tick, 1000)\n    return () => clearInterval(interval)\n  }, [timer.running, timer.startedAt])\n\n  const handleStart = React.useCallback(async () => {\n    if (!selectedProjectId || !staffMemberId) return\n    if (timer.running) return\n    setActionLoading(true)\n    try {\n      const today = new Date().toISOString().slice(0, 10)\n      // Single atomic create+start request (issue #3311): a partial failure can\n      // no longer leave an orphaned, unstarted timer entry, and a rejected start\n      // now surfaces here instead of being silently ignored. The call is routed\n      // through the mutation guard (issue #3308) so global injection modules can\n      // run onBeforeSave/onAfterSave and surface conflicts consistently.\n      const startPayload = {\n        staffMemberId,\n        timeProjectId: selectedProjectId,\n        date: today,\n        notes: notes.trim() || null,\n      }\n      await runMutation({\n        operation: () => startTimerEntry(startPayload),\n        context: {\n          formId: TIMER_WIDGET_MUTATION_CONTEXT_ID,\n          resourceKind: 'staff.timesheets.time_entry',\n          resourceId: staffMemberId,\n          staffMemberId,\n          action: 'timer-start',\n          retryLastMutation,\n        },\n        mutationPayload: startPayload,\n      })\n\n      onSettingsChange({ ...hydrated, lastProjectId: selectedProjectId })\n      await loadState()\n    } catch (err) {\n      console.error('staff.timesheets.timeReporting.start', err)\n      setError(resolveTimerActionError(err, t('staff.timesheets.widgets.timeReporting.startError', 'Failed to start timer')))\n    } finally {\n      setActionLoading(false)\n    }\n  }, [selectedProjectId, staffMemberId, timer.running, notes, hydrated, onSettingsChange, loadState, runMutation, retryLastMutation, t])\n\n  const handleStop = React.useCallback(async () => {\n    if (!timer.entryId || !staffMemberId) return\n    setActionLoading(true)\n    try {\n      const stopPayload = {\n        id: timer.entryId,\n        action: 'timer-stop',\n        staffMemberId,\n      }\n      await runMutation({\n        operation: () =>\n          apiCall(`/api/staff/timesheets/time-entries/${timer.entryId}/timer-stop`, { method: 'POST' }),\n        context: {\n          formId: TIMER_WIDGET_MUTATION_CONTEXT_ID,\n          resourceKind: 'staff.timesheets.time_entry',\n          resourceId: timer.entryId,\n          staffMemberId,\n          action: 'timer-stop',\n          retryLastMutation,\n        },\n        mutationPayload: stopPayload,\n      })\n      await loadState()\n    } catch (err) {\n      console.error('staff.timesheets.timeReporting.stop', err)\n      setError(resolveTimerActionError(err, t('staff.timesheets.widgets.timeReporting.stopError', 'Failed to stop timer')))\n    } finally {\n      setActionLoading(false)\n    }\n  }, [timer.entryId, staffMemberId, loadState, runMutation, retryLastMutation, t])\n\n  if (mode === 'settings') {\n    return (\n      <div className=\"space-y-2 text-sm\">\n        <p className=\"text-muted-foreground\">\n          {t('staff.timesheets.widgets.timeReporting.settings.description', 'No additional settings. Select a project and start tracking from the widget.')}\n        </p>\n      </div>\n    )\n  }\n\n  if (loading) {\n    return (\n      <div className=\"flex h-full items-center justify-center py-8\">\n        <p className=\"text-sm text-muted-foreground\">{t('staff.timesheets.widgets.timeReporting.loading', 'Loading...')}</p>\n      </div>\n    )\n  }\n\n  if (error) {\n    return (\n      <div className=\"flex h-full items-center justify-center py-8\">\n        <p role=\"alert\" className=\"text-sm text-destructive\">{error}</p>\n      </div>\n    )\n  }\n\n  if (projects.length === 0) {\n    return (\n      <div className=\"flex h-full items-center justify-center py-8\">\n        <p className=\"text-sm text-muted-foreground\">\n          {t('staff.timesheets.widgets.timeReporting.noProjects', 'No projects assigned.')}\n        </p>\n      </div>\n    )\n  }\n\n  // Timer is running\n  if (timer.running) {\n    const runningProject = projects.find((p) => p.id === timer.projectId)\n    return (\n      <div className=\"space-y-3\">\n        <div className=\"text-sm text-muted-foreground\">\n          {runningProject?.name ?? t('staff.timesheets.widgets.timeReporting.unknownProject', 'Unknown project')}\n        </div>\n        <div className=\"text-center\">\n          <p className=\"font-mono text-3xl font-bold tabular-nums\">{elapsed}</p>\n          <p className=\"mt-1 text-xs text-muted-foreground\">\n            {t('staff.timesheets.widgets.timeReporting.running', 'Timer running')}\n          </p>\n        </div>\n        <Button\n          type=\"button\"\n          variant=\"destructive\"\n          className=\"w-full\"\n          onClick={handleStop}\n          disabled={actionLoading}\n        >\n          {t('staff.timesheets.widgets.timeReporting.stop', 'Stop Timer')}\n        </Button>\n      </div>\n    )\n  }\n\n  // Timer not running \u2014 show start form\n  return (\n    <div className=\"space-y-3\">\n      <div className=\"space-y-1.5\">\n        <label className=\"text-xs font-medium text-muted-foreground\" htmlFor=\"timer-project\">\n          {t('staff.timesheets.widgets.timeReporting.project', 'Project')}\n        </label>\n        <select\n          id=\"timer-project\"\n          className=\"w-full rounded-md border bg-background px-3 py-2 text-sm\"\n          value={selectedProjectId ?? ''}\n          onChange={(e) => setSelectedProjectId(e.target.value || null)}\n        >\n          <option value=\"\">{t('staff.timesheets.widgets.timeReporting.selectProject', 'Select project...')}</option>\n          {projects.map((project) => (\n            <option key={project.id} value={project.id}>\n              {project.name}{project.code ? ` (${project.code})` : ''}\n            </option>\n          ))}\n        </select>\n      </div>\n      <div className=\"space-y-1.5\">\n        <label className=\"text-xs font-medium text-muted-foreground\" htmlFor=\"timer-notes\">\n          {t('staff.timesheets.widgets.timeReporting.taskNote', 'Task / Note')}\n        </label>\n        <Input\n          id=\"timer-notes\"\n          value={notes}\n          onChange={(e) => setNotes(e.target.value)}\n          placeholder={t('staff.timesheets.widgets.timeReporting.notesPlaceholder', 'What are you working on?')}\n        />\n      </div>\n      <div className=\"text-center\">\n        <p className=\"text-sm text-muted-foreground\">\n          {t('staff.timesheets.widgets.timeReporting.notRunning', 'Not running')}\n        </p>\n      </div>\n      <Button\n        type=\"button\"\n        className=\"w-full\"\n        onClick={handleStart}\n        disabled={actionLoading || !selectedProjectId}\n      >\n        {t('staff.timesheets.widgets.timeReporting.start', 'Start Timer')}\n      </Button>\n    </div>\n  )\n}\n\nexport default TimeReportingWidget\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/modules/workflows/backend/definitions/page.js

@@ -94,19 +94,28 @@ function WorkflowDefinitionsListPage() {
     }
     setDeleteTarget(null);
   };
-  const handleToggleEnabled = async (id, currentEnabled) => {
-    const result = await apiCall(`/api/workflows/definitions/${id}`, {
-      method: "PUT",
-      headers: { "Content-Type": "application/json" },
-      body: JSON.stringify({
-        enabled: !currentEnabled
+  const handleToggleEnabled = async (id, currentEnabled, updatedAt) => {
+    const result = await withScopedApiRequestHeaders(
+      buildOptimisticLockHeader(updatedAt),
+      () => apiCall(`/api/workflows/definitions/${id}`, {
+        method: "PUT",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          enabled: !currentEnabled
+        })
       })
-    });
+    );
     if (result.ok) {
       flash(t("workflows.messages.updated"), "success");
       queryClient.invalidateQueries({ queryKey: ["workflow-definitions"] });
     } else {
-      flash(t("workflows.messages.updateFailed"), "error");
+      const conflictError = Object.assign(new Error(t("workflows.messages.updateFailed")), {
+        status: result.status,
+        ...result.result && typeof result.result === "object" ? result.result : {}
+      });
+      if (!surfaceRecordConflict(conflictError, t)) {
+        flash(t("workflows.messages.updateFailed"), "error");
+      }
     }
   };
   const handleDuplicate = async (definition) => {
@@ -212,7 +221,7 @@ function WorkflowDefinitionsListPage() {
       cell: ({ row }) => /* @__PURE__ */ jsx(
         "button",
         {
-          onClick: () => handleToggleEnabled(row.original.id, row.original.enabled),
+          onClick: () => handleToggleEnabled(row.original.id, row.original.enabled, row.original.updatedAt),
           className: `inline-flex items-center px-2 py-1 rounded text-xs font-medium cursor-pointer ${row.original.enabled ? "bg-status-success-bg text-status-success-text hover:bg-status-success-border" : "bg-status-neutral-bg text-status-neutral-text hover:bg-status-neutral-border"}`,
           title: t("workflows.actions.toggleEnabled"),
           children: row.original.enabled ? t("common.yes") : t("common.no")
@@ -262,7 +271,7 @@ function WorkflowDefinitionsListPage() {
           ...!isCodeOnly ? [{
             id: row.original.enabled ? "disable" : "enable",
             label: row.original.enabled ? t("common.disable") : t("common.enable"),
-            onSelect: () => handleToggleEnabled(row.original.id, row.original.enabled)
+            onSelect: () => handleToggleEnabled(row.original.id, row.original.enabled, row.original.updatedAt)
           }] : [],
           ...!isCodeOnly ? [{
             id: "duplicate",