@open-mercato/core 0.6.6-develop.6374.1.49e692558f → 0.6.6-develop.6377.1.d26fed7324
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.turbo/turbo-build.log +1 -1
- package/dist/modules/staff/backend/staff/timesheets/page.js +6 -5
- package/dist/modules/staff/backend/staff/timesheets/page.js.map +2 -2
- package/dist/modules/staff/lib/timesheets-ui/TimerBar.js +3 -4
- package/dist/modules/staff/lib/timesheets-ui/TimerBar.js.map +2 -2
- package/package.json +7 -7
- package/src/modules/staff/backend/staff/timesheets/page.tsx +6 -6
- package/src/modules/staff/lib/timesheets-ui/TimerBar.tsx +3 -4
package/.turbo/turbo-build.log
CHANGED
|
@@ -64,7 +64,7 @@ function minutesToDecimal(minutes) {
|
|
|
64
64
|
function decimalToMinutes(value) {
|
|
65
65
|
const trimmed = value.trim();
|
|
66
66
|
if (!trimmed) return 0;
|
|
67
|
-
const num = parseFloat(trimmed);
|
|
67
|
+
const num = parseFloat(trimmed.replace(",", "."));
|
|
68
68
|
if (isNaN(num) || num < 0) return 0;
|
|
69
69
|
return Math.min(Math.round(num * 60), 1440);
|
|
70
70
|
}
|
|
@@ -291,13 +291,14 @@ function MyTimesheetsPage() {
|
|
|
291
291
|
return { ...prev, [projectId]: projectTexts };
|
|
292
292
|
});
|
|
293
293
|
}, []);
|
|
294
|
-
const handleCellBlur = React.useCallback((projectId, dateKey) => {
|
|
295
|
-
const
|
|
294
|
+
const handleCellBlur = React.useCallback((projectId, dateKey, currentValue) => {
|
|
295
|
+
const editedText = rawText[projectId]?.[dateKey];
|
|
296
|
+
const text = editedText ?? currentValue;
|
|
296
297
|
if (text === void 0) return;
|
|
297
298
|
const minutes = decimalToMinutes(text);
|
|
298
299
|
const cellEntries = entries[projectId]?.[dateKey] ?? [];
|
|
299
300
|
const existingMinutes = cellEntries.reduce((sum, e) => sum + e.minutes, 0);
|
|
300
|
-
if (minutes !== existingMinutes || cellEntries.length > 0) {
|
|
301
|
+
if (minutes !== existingMinutes || editedText !== void 0 && cellEntries.length > 0) {
|
|
301
302
|
setDirty((prev) => {
|
|
302
303
|
const projectEntries = { ...prev[projectId] ?? {} };
|
|
303
304
|
const firstId = cellEntries[0]?.id;
|
|
@@ -667,7 +668,7 @@ function MyTimesheetsPage() {
|
|
|
667
668
|
hover:border-muted-foreground/40 focus:border-primary focus:bg-background focus:outline-none`,
|
|
668
669
|
value: rawText[project.id]?.[dateKey] ?? minutesToDecimal(cellMinutes),
|
|
669
670
|
onChange: (e) => handleCellChange(project.id, dateKey, e.target.value),
|
|
670
|
-
onBlur: () => handleCellBlur(project.id, dateKey),
|
|
671
|
+
onBlur: (event) => handleCellBlur(project.id, dateKey, event.currentTarget.value),
|
|
671
672
|
placeholder: t("staff.timesheets.my.durationPlaceholder", "0")
|
|
672
673
|
}
|
|
673
674
|
) }, dateKey);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../src/modules/staff/backend/staff/timesheets/page.tsx"],
|
|
4
|
-
"sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { apiCall, apiCallOrThrow, readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { LoadingMessage } from '@open-mercato/ui/backend/detail'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { ChevronLeft, ChevronRight, X } from 'lucide-react'\nimport Link from 'next/link'\nimport { ViewSwitcher } from '../../../lib/timesheets-ui/ViewSwitcher'\nimport { CalendarPicker } from '../../../lib/timesheets-ui/CalendarPicker'\nimport { ListView } from '../../../lib/timesheets-ui/ListView'\nimport { TimerBar } from '../../../lib/timesheets-ui/TimerBar'\nimport { AddRowDropdown } from '../../../lib/timesheets-ui/AddRowDropdown'\nimport { CreateProjectDialog } from '../../../lib/timesheets-ui/CreateProjectDialog'\nimport { ProjectColorDot } from '../../../lib/timesheets-ui/ProjectColorDot'\n\n// --- Types ---\n\ntype ProjectRow = { id: string; name: string; code: string | null; color?: string | null }\ntype CellEntry = { id?: string; minutes: number }\ntype EntryMap = Record<string, Record<string, CellEntry[]>>\ntype DirtyMap = Record<string, Record<string, CellEntry>>\ntype RawTextMap = Record<string, Record<string, string>>\ntype ViewMode = 'weekly' | 'monthly'\ntype ViewType = 'timesheet' | 'list'\n\ntype RawTimeEntry = Record<string, unknown>\n\n// --- Date Helpers ---\n\nfunction getMonday(date: Date): Date {\n const d = new Date(date)\n const day = d.getDay()\n const diff = day === 0 ? -6 : 1 - day\n d.setDate(d.getDate() + diff)\n d.setHours(0, 0, 0, 0)\n return d\n}\n\nfunction getSunday(monday: Date): Date {\n const d = new Date(monday)\n d.setDate(d.getDate() + 6)\n return d\n}\n\nfunction getWeekNumber(date: Date): number {\n const d = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()))\n d.setUTCDate(d.getUTCDate() + 4 - (d.getUTCDay() || 7))\n const yearStart = new Date(Date.UTC(d.getUTCFullYear(), 0, 1))\n return Math.ceil(((d.getTime() - yearStart.getTime()) / 86400000 + 1) / 7)\n}\n\nfunction formatDateKey(date: Date): string {\n const y = date.getFullYear()\n const m = String(date.getMonth() + 1).padStart(2, '0')\n const d = String(date.getDate()).padStart(2, '0')\n return `${y}-${m}-${d}`\n}\n\nfunction formatDateKeyFromParts(year: number, month: number, day: number): string {\n const m = String(month + 1).padStart(2, '0')\n const d = String(day).padStart(2, '0')\n return `${year}-${m}-${d}`\n}\n\nfunction getDaysInMonth(year: number, month: number): number {\n return new Date(year, month + 1, 0).getDate()\n}\n\nfunction isWeekendDay(date: Date): boolean {\n const d = date.getDay()\n return d === 0 || d === 6\n}\n\nfunction minutesToDecimal(minutes: number): string {\n if (minutes === 0) return ''\n const hours = minutes / 60\n return hours % 1 === 0 ? String(hours) : hours.toFixed(2).replace(/0+$/, '').replace(/\\.$/, '')\n}\n\nfunction decimalToMinutes(value: string): number {\n const trimmed = value.trim()\n if (!trimmed) return 0\n const num = parseFloat(trimmed)\n if (isNaN(num) || num < 0) return 0\n return Math.min(Math.round(num * 60), 1440)\n}\n\nfunction getLocalizedDayName(date: Date): string {\n return date.toLocaleDateString(undefined, { weekday: 'short' })\n}\n\n// --- Derived date ranges ---\n\nfunction getWeekDays(weekStart: Date): Date[] {\n return Array.from({ length: 7 }, (_, i) => {\n const d = new Date(weekStart)\n d.setDate(d.getDate() + i)\n return d\n })\n}\n\nfunction getMonthDays(year: number, month: number): Date[] {\n const count = getDaysInMonth(year, month)\n return Array.from({ length: count }, (_, i) => new Date(year, month, i + 1))\n}\n\n// --- Week label ---\n\nfunction formatWeekLabel(weekStart: Date): string {\n const weekEnd = getSunday(weekStart)\n const weekNum = getWeekNumber(weekStart)\n const startDay = weekStart.getDate()\n const endDay = weekEnd.getDate()\n const startMonth = weekStart.toLocaleString(undefined, { month: 'short' })\n const endMonth = weekEnd.toLocaleString(undefined, { month: 'short' })\n const year = weekStart.getFullYear()\n\n const dateRange = weekStart.getMonth() === weekEnd.getMonth()\n ? `${startDay} - ${endDay} ${startMonth} ${year}`\n : `${startDay} ${startMonth} - ${endDay} ${endMonth} ${year}`\n\n return `${dateRange} \\u00b7 W${weekNum}`\n}\n\nfunction formatMonthLabel(year: number, month: number): string {\n const date = new Date(year, month, 1)\n return date.toLocaleString(undefined, { month: 'long', year: 'numeric' })\n}\n\n// --- Component ---\n\nexport default function MyTimesheetsPage() {\n const t = useT()\n const scopeVersion = useOrganizationScopeVersion()\n const { confirm, ConfirmDialogElement } = useConfirmDialog()\n\n const now = new Date()\n const [viewMode, setViewMode] = React.useState<ViewMode>('weekly')\n const [viewType, setViewType] = React.useState<ViewType>('timesheet')\n const [weekStart, setWeekStart] = React.useState<Date>(() => getMonday(now))\n const [monthYear, setMonthYear] = React.useState(now.getFullYear())\n const [monthIndex, setMonthIndex] = React.useState(now.getMonth())\n\n const [projects, setProjects] = React.useState<ProjectRow[]>([])\n const [entries, setEntries] = React.useState<EntryMap>({})\n const [rawEntries, setRawEntries] = React.useState<RawTimeEntry[]>([])\n const [dirty, setDirty] = React.useState<DirtyMap>({})\n const [rawText, setRawText] = React.useState<RawTextMap>({})\n const [staffMemberId, setStaffMemberId] = React.useState<string | null>(null)\n const [staffMemberMissing, setStaffMemberMissing] = React.useState(false)\n const [isInitialLoad, setIsInitialLoad] = React.useState(true)\n const [isRefreshing, setIsRefreshing] = React.useState(false)\n const [isSaving, setIsSaving] = React.useState(false)\n const [canManageProjects, setCanManageProjects] = React.useState(false)\n const [createDialogOpen, setCreateDialogOpen] = React.useState(false)\n const [allAssignedProjects, setAllAssignedProjects] = React.useState<ProjectRow[]>([])\n\n const mutationContextId = React.useMemo(\n () => (staffMemberId ? `staff-timesheets:${staffMemberId}` : 'staff-timesheets:pending'),\n [staffMemberId],\n )\n const { runMutation, retryLastMutation } = useGuardedMutation<{\n formId: string\n resourceKind: string\n resourceId?: string\n staffMemberId: string | null\n retryLastMutation: () => Promise<boolean>\n }>({\n contextId: mutationContextId,\n blockedMessage: t('ui.forms.flash.saveBlocked', 'Save blocked by validation'),\n })\n\n // --- Feature check ---\n React.useEffect(() => {\n let cancelled = false\n void (async () => {\n try {\n const res = await apiCall<{ ok: boolean; granted: string[] }>('/api/auth/feature-check', {\n method: 'POST',\n headers: { 'content-type': 'application/json' },\n body: JSON.stringify({ features: ['staff.timesheets.projects.manage'] }),\n })\n if (!cancelled) {\n setCanManageProjects(new Set(res.result?.granted ?? []).has('staff.timesheets.projects.manage'))\n }\n } catch {\n // default: no manage access\n }\n })()\n return () => { cancelled = true }\n }, [])\n\n // --- Computed days for current view ---\n const visibleDays = React.useMemo(() => {\n if (viewMode === 'weekly') return getWeekDays(weekStart)\n return getMonthDays(monthYear, monthIndex)\n }, [viewMode, weekStart, monthYear, monthIndex])\n\n const dateRange = React.useMemo(() => {\n if (viewMode === 'weekly') {\n return { from: formatDateKey(weekStart), to: formatDateKey(getSunday(weekStart)) }\n }\n const daysInMonth = getDaysInMonth(monthYear, monthIndex)\n return {\n from: formatDateKeyFromParts(monthYear, monthIndex, 1),\n to: formatDateKeyFromParts(monthYear, monthIndex, daysInMonth),\n }\n }, [viewMode, weekStart, monthYear, monthIndex])\n\n // --- Navigation ---\n const goToPrev = React.useCallback(() => {\n if (viewMode === 'weekly') {\n setWeekStart((prev) => {\n const d = new Date(prev)\n d.setDate(d.getDate() - 7)\n return d\n })\n } else {\n setMonthIndex((prev) => {\n if (prev === 0) { setMonthYear((y) => y - 1); return 11 }\n return prev - 1\n })\n }\n }, [viewMode])\n\n const goToNext = React.useCallback(() => {\n if (viewMode === 'weekly') {\n setWeekStart((prev) => {\n const d = new Date(prev)\n d.setDate(d.getDate() + 7)\n return d\n })\n } else {\n setMonthIndex((prev) => {\n if (prev === 11) { setMonthYear((y) => y + 1); return 0 }\n return prev + 1\n })\n }\n }, [viewMode])\n\n const navigationLabel = React.useMemo(() => {\n if (viewMode === 'weekly') return formatWeekLabel(weekStart)\n return formatMonthLabel(monthYear, monthIndex)\n }, [viewMode, weekStart, monthYear, monthIndex])\n\n // --- Data loading ---\n const isInitialLoadRef = React.useRef(true)\n\n const loadData = React.useCallback(async () => {\n if (!isInitialLoadRef.current) setIsRefreshing(true)\n try {\n const selfRes = await readApiResultOrThrow<{ member?: { id: string; displayName: string } | null }>(\n '/api/staff/team-members/self',\n undefined,\n { errorMessage: t('staff.timesheets.my.errors.load', 'Failed to load timesheets.'), fallback: { member: null } },\n )\n const memberId = selfRes.member?.id ?? null\n setStaffMemberId(memberId)\n if (!memberId) {\n setStaffMemberMissing(true)\n setProjects([])\n setEntries({})\n setRawEntries([])\n setIsInitialLoad(false)\n setIsRefreshing(false)\n return\n }\n setStaffMemberMissing(false)\n\n const assignmentsRes = await readApiResultOrThrow<{ items?: Array<Record<string, unknown>> }>(\n '/api/staff/timesheets/my-projects?pageSize=100',\n undefined,\n { errorMessage: t('staff.timesheets.my.errors.load', 'Failed to load timesheets.'), fallback: { items: [] } },\n )\n const assignmentItems = Array.isArray(assignmentsRes.items) ? assignmentsRes.items : []\n const assignedProjectIds = assignmentItems\n .map((item) => String(item.time_project_id ?? item.timeProjectId ?? ''))\n .filter((id) => id.length > 0)\n const visibleProjectIdSet = new Set(\n assignmentItems\n .filter((item) => item.show_in_grid === true || item.showInGrid === true)\n .map((item) => String(item.time_project_id ?? item.timeProjectId ?? ''))\n .filter((id) => id.length > 0),\n )\n\n const entriesParams = new URLSearchParams({ pageSize: '100', staffMemberId: memberId })\n if (dateRange.from) entriesParams.set('from', dateRange.from)\n if (dateRange.to) entriesParams.set('to', dateRange.to)\n\n const [projectsRes, entriesRes] = await Promise.all([\n assignedProjectIds.length > 0\n ? readApiResultOrThrow<{ items?: Array<Record<string, unknown>> }>(\n `/api/staff/timesheets/time-projects?ids=${assignedProjectIds.join(',')}&pageSize=100`,\n undefined,\n { errorMessage: t('staff.timesheets.my.errors.load', 'Failed to load timesheets.'), fallback: { items: [] } },\n )\n : Promise.resolve({ items: [] as Array<Record<string, unknown>> }),\n readApiResultOrThrow<{ items?: Array<Record<string, unknown>> }>(\n `/api/staff/timesheets/time-entries?${entriesParams.toString()}`,\n undefined,\n { errorMessage: t('staff.timesheets.my.errors.load', 'Failed to load timesheets.'), fallback: { items: [] } },\n ),\n ])\n\n const projectItems = Array.isArray(projectsRes.items) ? projectsRes.items : []\n const mappedProjects = projectItems.map((item) => ({\n id: String(item.id ?? ''),\n name: String(item.name ?? ''),\n code: typeof item.code === 'string' ? item.code : null,\n color: typeof item.color === 'string' ? item.color : null,\n }))\n setAllAssignedProjects(mappedProjects)\n const visibleProjects = mappedProjects.filter((p) => visibleProjectIdSet.has(p.id))\n setProjects(visibleProjects)\n\n const entryItems = Array.isArray(entriesRes.items) ? entriesRes.items : []\n setRawEntries(entryItems)\n const map: EntryMap = {}\n for (const item of entryItems) {\n const projectId = String(item.time_project_id ?? item.timeProjectId ?? '')\n const rawDate = String(item.date ?? '')\n const dateKey = rawDate.slice(0, 10)\n const minutes = typeof item.duration_minutes === 'number'\n ? item.duration_minutes\n : typeof item.durationMinutes === 'number'\n ? item.durationMinutes\n : 0\n const entryId = String(item.id ?? '')\n if (!map[projectId]) map[projectId] = {}\n if (!map[projectId][dateKey]) map[projectId][dateKey] = []\n map[projectId][dateKey].push({ id: entryId || undefined, minutes })\n }\n setEntries(map)\n setDirty({})\n setRawText({})\n } catch (error) {\n console.error('staff.timesheets.my.load', error)\n flash(t('staff.timesheets.my.errors.load', 'Failed to load timesheets.'), 'error')\n } finally {\n isInitialLoadRef.current = false\n setIsInitialLoad(false)\n setIsRefreshing(false)\n }\n }, [dateRange.from, dateRange.to, t])\n\n React.useEffect(() => {\n void loadData()\n }, [loadData, scopeVersion])\n\n // --- Cell handlers ---\n const handleCellChange = React.useCallback((projectId: string, dateKey: string, value: string) => {\n // Only allow digits, dots, and commas (decimal separators)\n const sanitized = value.replace(/[^0-9.,]/g, '')\n setRawText((prev) => {\n const projectTexts = { ...(prev[projectId] ?? {}) }\n projectTexts[dateKey] = sanitized\n return { ...prev, [projectId]: projectTexts }\n })\n }, [])\n\n const handleCellBlur = React.useCallback((projectId: string, dateKey: string) => {\n const text = rawText[projectId]?.[dateKey]\n if (text === undefined) return\n const minutes = decimalToMinutes(text)\n const cellEntries = entries[projectId]?.[dateKey] ?? []\n const existingMinutes = cellEntries.reduce((sum, e) => sum + e.minutes, 0)\n\n // Only mark dirty if the value actually changed\n if (minutes !== existingMinutes || cellEntries.length > 0) {\n setDirty((prev) => {\n const projectEntries: Record<string, CellEntry> = { ...(prev[projectId] ?? {}) }\n const firstId = cellEntries[0]?.id\n projectEntries[dateKey] = { id: firstId, minutes }\n return { ...prev, [projectId]: projectEntries }\n })\n }\n setRawText((prev) => {\n const projectTexts = { ...(prev[projectId] ?? {}) }\n delete projectTexts[dateKey]\n const hasKeys = Object.keys(projectTexts).length > 0\n if (!hasKeys) {\n const next = { ...prev }\n delete next[projectId]\n return next\n }\n return { ...prev, [projectId]: projectTexts }\n })\n }, [rawText, entries])\n\n const getCellValue = React.useCallback((projectId: string, dateKey: string): number => {\n const dirtyCell = dirty[projectId]?.[dateKey] as CellEntry | undefined\n if (dirtyCell !== undefined) return dirtyCell.minutes\n const cellEntries = entries[projectId]?.[dateKey] ?? []\n return cellEntries.reduce((sum, e) => sum + e.minutes, 0)\n }, [dirty, entries])\n\n // --- Save ---\n const hasChanges = Object.keys(dirty).length > 0 || Object.keys(rawText).length > 0\n\n const handleSave = React.useCallback(async () => {\n if (!hasChanges) return\n const confirmed = await confirm({\n title: t('staff.timesheets.my.confirm_save.title', 'Save changes?'),\n text: t('staff.timesheets.my.confirm_save.body', 'Your timesheet entries will be saved.'),\n })\n if (!confirmed) return\n\n setIsSaving(true)\n try {\n const bulkEntries: Array<{ id?: string; date: string; timeProjectId: string; durationMinutes: number }> = []\n for (const [projectId, dateMap] of Object.entries(dirty)) {\n for (const [dateKey, cellValue] of Object.entries(dateMap)) {\n const cell = cellValue as CellEntry\n const cellEntries = entries[projectId]?.[dateKey] ?? []\n const firstId = cell.id ?? cellEntries[0]?.id\n bulkEntries.push({ id: firstId, date: dateKey, timeProjectId: projectId, durationMinutes: cell.minutes })\n }\n }\n if (bulkEntries.length === 0) return\n\n const payload = { entries: bulkEntries }\n await runMutation({\n operation: () =>\n apiCallOrThrow('/api/staff/timesheets/time-entries/bulk', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(payload),\n }),\n context: {\n formId: mutationContextId,\n resourceKind: 'staff.timesheets.time_entry',\n resourceId: staffMemberId ?? undefined,\n staffMemberId,\n retryLastMutation,\n },\n mutationPayload: payload as unknown as Record<string, unknown>,\n })\n\n flash(t('staff.timesheets.my.saved', 'Timesheet saved.'), 'success')\n await loadData()\n } catch (error) {\n console.error('staff.timesheets.my.save', error)\n flash(t('staff.timesheets.my.errors.save', 'Failed to save timesheets.'), 'error')\n } finally {\n setIsSaving(false)\n }\n }, [dirty, entries, hasChanges, confirm, t, loadData, runMutation, mutationContextId, staffMemberId, retryLastMutation])\n\n // --- Totals ---\n const getRowTotal = React.useCallback((projectId: string): number => {\n let total = 0\n for (const day of visibleDays) {\n total += getCellValue(projectId, formatDateKey(day))\n }\n return total\n }, [visibleDays, getCellValue])\n\n const getDayTotal = React.useCallback((date: Date): number => {\n const dateKey = formatDateKey(date)\n let total = 0\n for (const project of projects) {\n total += getCellValue(project.id, dateKey)\n }\n return total\n }, [projects, getCellValue])\n\n const grandTotal = React.useMemo(() => {\n let total = 0\n for (const project of projects) {\n total += getRowTotal(project.id)\n }\n return total\n }, [projects, getRowTotal])\n\n const workingDays = React.useMemo(() => {\n let count = 0\n for (const day of visibleDays) {\n if (!isWeekendDay(day)) {\n const dateKey = formatDateKey(day)\n for (const project of projects) {\n if (getCellValue(project.id, dateKey) > 0) { count++; break }\n }\n }\n }\n return count\n }, [visibleDays, projects, getCellValue])\n\n const dailyAverage = React.useMemo(() => {\n if (workingDays === 0) return 0\n return grandTotal / workingDays\n }, [grandTotal, workingDays])\n\n // --- List view entries ---\n const listViewEntries = React.useMemo(() => {\n return rawEntries.map((item) => ({\n id: String(item.id ?? ''),\n date: String(item.date ?? '').slice(0, 10),\n durationMinutes: typeof item.duration_minutes === 'number' ? item.duration_minutes\n : typeof item.durationMinutes === 'number' ? item.durationMinutes : 0,\n projectId: String(item.time_project_id ?? item.timeProjectId ?? ''),\n projectName: projects.find((p) => p.id === String(item.time_project_id ?? item.timeProjectId ?? ''))?.name ?? '',\n projectCode: projects.find((p) => p.id === String(item.time_project_id ?? item.timeProjectId ?? ''))?.code ?? null,\n projectColor: projects.find((p) => p.id === String(item.time_project_id ?? item.timeProjectId ?? ''))?.color ?? null,\n notes: typeof item.notes === 'string' ? item.notes : null,\n source: typeof item.source === 'string' ? item.source : 'manual',\n startedAt: typeof item.started_at === 'string' ? item.started_at : typeof item.startedAt === 'string' ? item.startedAt : null,\n endedAt: typeof item.ended_at === 'string' ? item.ended_at : typeof item.endedAt === 'string' ? item.endedAt : null,\n }))\n }, [rawEntries, projects])\n\n // --- Handle view mode change ---\n const handleViewModeChange = React.useCallback((mode: ViewMode) => {\n setViewMode(mode)\n if (mode === 'monthly') {\n // Use Thursday of the week to determine month (handles cross-month weeks)\n const thursday = new Date(weekStart)\n thursday.setDate(thursday.getDate() + 3)\n setMonthYear(thursday.getFullYear())\n setMonthIndex(thursday.getMonth())\n } else {\n // Find the Monday of the week containing the 15th (mid-month, always stable)\n const midMonth = new Date(monthYear, monthIndex, 15)\n setWeekStart(getMonday(midMonth))\n }\n }, [weekStart, monthYear, monthIndex])\n\n // --- Add row handler ---\n const visibleProjectIds = React.useMemo(() => new Set(projects.map((p) => p.id)), [projects])\n\n // optimistic-lock-exempt: the my-projects PATCH calls below only toggle the\n // caller's own `showInGrid` preference on the staff.timesheets.time_project_member\n // junction (a per-user membership flag). There is no shared, multi-user-editable\n // state to lose, so version-locking the toggle would surface false 409s without\n // protecting any data.\n const handleAddProject = React.useCallback(async (project: ProjectRow) => {\n try {\n const payload = { showInGrid: true }\n await runMutation({\n operation: () =>\n apiCallOrThrow(`/api/staff/timesheets/my-projects/${project.id}`, {\n method: 'PATCH',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(payload),\n }),\n context: {\n formId: mutationContextId,\n resourceKind: 'staff.timesheets.time_project_member',\n resourceId: project.id,\n staffMemberId,\n retryLastMutation,\n },\n mutationPayload: payload,\n })\n setProjects((prev) => {\n if (prev.some((p) => p.id === project.id)) return prev\n return [...prev, project]\n })\n } catch (error) {\n console.error('staff.timesheets.my.addRow', error)\n flash(t('staff.timesheets.my.addRow.error', 'Could not add the project. Please try again.'), 'error')\n }\n }, [t, runMutation, mutationContextId, staffMemberId, retryLastMutation])\n\n const handleRemoveProject = React.useCallback(async (project: ProjectRow) => {\n const confirmed = await confirm({\n title: t('staff.timesheets.my.removeRow', 'Remove from grid'),\n text: t(\n 'staff.timesheets.my.removeRow.confirm',\n 'Remove {projectName} from your timesheet grid? You can re-add it anytime via \"+ Add row\".',\n ).replace('{projectName}', project.name),\n })\n if (!confirmed) return\n\n try {\n const payload = { showInGrid: false }\n await runMutation({\n operation: () =>\n apiCallOrThrow(`/api/staff/timesheets/my-projects/${project.id}`, {\n method: 'PATCH',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(payload),\n }),\n context: {\n formId: mutationContextId,\n resourceKind: 'staff.timesheets.time_project_member',\n resourceId: project.id,\n staffMemberId,\n retryLastMutation,\n },\n mutationPayload: payload,\n })\n setProjects((prev) => prev.filter((p) => p.id !== project.id))\n setDirty((prev) => {\n if (!prev[project.id]) return prev\n const next = { ...prev }\n delete next[project.id]\n return next\n })\n setRawText((prev) => {\n if (!prev[project.id]) return prev\n const next = { ...prev }\n delete next[project.id]\n return next\n })\n } catch (error) {\n console.error('staff.timesheets.my.removeRow', error)\n flash(t('staff.timesheets.my.removeRow.error', 'Could not remove the project. Please try again.'), 'error')\n }\n }, [confirm, t, runMutation, mutationContextId, staffMemberId, retryLastMutation])\n\n const handleProjectCreated = React.useCallback(async (project: { id: string; name: string; code: string | null }) => {\n setAllAssignedProjects((prev) => [...prev, project])\n // New projects start hidden; immediately opt them into the grid for the creator.\n try {\n const payload = { showInGrid: true }\n await runMutation({\n operation: () =>\n apiCallOrThrow(`/api/staff/timesheets/my-projects/${project.id}`, {\n method: 'PATCH',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(payload),\n }),\n context: {\n formId: mutationContextId,\n resourceKind: 'staff.timesheets.time_project_member',\n resourceId: project.id,\n staffMemberId,\n retryLastMutation,\n },\n mutationPayload: payload,\n })\n } catch (error) {\n console.error('staff.timesheets.my.createProject.visibility', error)\n }\n setProjects((prev) => [...prev, project])\n setCreateDialogOpen(false)\n }, [runMutation, mutationContextId, staffMemberId, retryLastMutation])\n\n // --- Loading ---\n if (isInitialLoad) {\n return <Page><PageBody><LoadingMessage label={t('staff.timesheets.my.loading', 'Loading timesheets...')} /></PageBody></Page>\n }\n\n // --- No profile ---\n if (staffMemberMissing) {\n return (\n <Page>\n <PageBody>\n <div className=\"py-12 text-center\">\n <p className=\"text-lg font-semibold mb-2\">\n {t('staff.timesheets.my.noProfile.title', 'Set up your profile to start tracking time')}\n </p>\n <p className=\"text-sm text-muted-foreground mb-6\">\n {t('staff.timesheets.my.noProfile', 'You need a Team Member profile to track time.')}\n </p>\n <Button asChild>\n <Link href=\"/backend/staff/profile/create\">\n {t('staff.timesheets.my.createProfile', 'Create My Profile')}\n </Link>\n </Button>\n </div>\n </PageBody>\n </Page>\n )\n }\n\n return (\n <Page>\n <PageBody>\n {/* Timer bar */}\n <TimerBar\n projects={allAssignedProjects}\n staffMemberId={staffMemberId}\n onTimerStopped={loadData}\n />\n\n {/* Summary cards */}\n <div className=\"mb-4 grid grid-cols-1 gap-4 sm:grid-cols-4\">\n <div className=\"rounded-lg border bg-card p-4\">\n <p className=\"text-sm text-muted-foreground\">\n {viewMode === 'weekly'\n ? t('staff.timesheets.my.weekTotal', 'Week Total')\n : t('staff.timesheets.my.total_hours', 'Total Hours')}\n </p>\n <p className=\"text-2xl font-semibold\">{minutesToDecimal(grandTotal) || '0'}</p>\n </div>\n <div className=\"rounded-lg border bg-card p-4\">\n <p className=\"text-sm text-muted-foreground\">{t('staff.timesheets.my.working_days', 'Working Days')}</p>\n <p className=\"text-2xl font-semibold\">{workingDays}</p>\n </div>\n <div className=\"rounded-lg border bg-card p-4\">\n <p className=\"text-sm text-muted-foreground\">{t('staff.timesheets.my.daily_average', 'Daily Average')}</p>\n <p className=\"text-2xl font-semibold\">{minutesToDecimal(Math.round(dailyAverage)) || '0'}</p>\n </div>\n <div className=\"rounded-lg border bg-card p-4\">\n <p className=\"text-sm text-muted-foreground\">{t('staff.timesheets.my.status', 'Status')}</p>\n <p className=\"text-2xl font-semibold\">\n <span className=\"inline-flex items-center rounded-full bg-green-100 px-2.5 py-0.5 text-xs font-medium text-green-800\">\n {t('staff.timesheets.my.status_open', 'Open')}\n </span>\n </p>\n </div>\n </div>\n\n {/* Navigation + controls */}\n <div className=\"mb-4 flex flex-wrap items-center justify-between gap-3\">\n <div className=\"flex items-center gap-2\">\n <Button variant=\"outline\" size=\"icon\" type=\"button\" onClick={goToPrev}>\n <ChevronLeft className=\"size-4\" />\n </Button>\n <span className=\"text-sm font-semibold min-w-[220px] text-center\">{navigationLabel}</span>\n <Button variant=\"outline\" size=\"icon\" type=\"button\" onClick={goToNext}>\n <ChevronRight className=\"size-4\" />\n </Button>\n {viewMode === 'weekly' && (\n <CalendarPicker selectedWeekStart={weekStart} onWeekSelect={setWeekStart} />\n )}\n </div>\n\n <div className=\"flex items-center gap-3\">\n <ViewSwitcher\n viewMode={viewMode}\n onViewModeChange={handleViewModeChange}\n viewType={viewType}\n onViewTypeChange={setViewType}\n />\n <div className=\"flex items-center gap-2\">\n {hasChanges && (\n <span className=\"text-xs text-amber-600 font-medium\">\n {t('staff.timesheets.my.unsaved', 'Unsaved changes')}\n </span>\n )}\n <Button size=\"sm\" type=\"button\" onClick={handleSave} disabled={!hasChanges || isSaving}>\n {isSaving ? t('staff.timesheets.my.saving', 'Saving...') : t('staff.timesheets.my.save_changes', 'Save Changes')}\n </Button>\n </div>\n </div>\n </div>\n\n {/* Content: Grid or List */}\n <div className={isRefreshing ? 'opacity-50 pointer-events-none transition-opacity' : 'transition-opacity'}>\n {allAssignedProjects.length === 0 ? (\n <div className=\"py-12 text-center\">\n <p className=\"text-lg font-semibold mb-2\">\n {t('staff.timesheets.my.noProjects.title', 'No projects assigned yet')}\n </p>\n <p className=\"text-sm text-muted-foreground mb-6\">\n {canManageProjects\n ? t('staff.timesheets.my.noProjects.admin', 'Create a project and assign yourself to start tracking time.')\n : t('staff.timesheets.my.noProjects.employee', 'Ask your manager to assign you to a project.')}\n </p>\n <div className=\"flex items-center justify-center gap-3\">\n {canManageProjects && (\n <Button asChild>\n <Link href=\"/backend/staff/timesheets/projects/create\">\n {t('staff.timesheets.my.noProjects.createProject', 'Create Project')}\n </Link>\n </Button>\n )}\n <Button variant=\"outline\" asChild>\n <Link href=\"/backend/staff/timesheets/projects\">\n {t('staff.timesheets.my.noProjects.viewProjects', 'View Projects')}\n </Link>\n </Button>\n </div>\n </div>\n ) : viewType === 'list' ? (\n <ListView entries={listViewEntries} onEntryUpdated={loadData} />\n ) : (\n <div className=\"overflow-x-auto rounded-lg border\">\n <table className=\"w-full text-sm table-fixed\">\n <colgroup>\n <col className={viewMode === 'weekly' ? 'w-[35%]' : 'w-[140px] min-w-[140px]'} />\n {visibleDays.map((date) => (\n <col key={formatDateKey(date)} className={viewMode === 'weekly' ? '' : 'w-[36px] min-w-[36px]'} />\n ))}\n <col className={viewMode === 'weekly' ? 'w-[72px]' : 'w-[56px] min-w-[56px]'} />\n </colgroup>\n <thead>\n <tr className=\"border-b bg-muted/50\">\n <th className=\"sticky left-0 z-10 bg-muted px-3 py-2 text-left font-medium\">\n {t('staff.timesheets.my.project', 'Project')}\n </th>\n {visibleDays.map((date) => {\n const dayName = getLocalizedDayName(date)\n const weekend = isWeekendDay(date)\n return (\n <th\n key={formatDateKey(date)}\n className={`py-2 text-center font-medium px-1 ${weekend ? 'bg-muted/80 text-muted-foreground' : ''}`}\n >\n <div className=\"text-[10px] uppercase text-muted-foreground\">{dayName}</div>\n <div className=\"text-xs\">{date.getDate()}</div>\n </th>\n )\n })}\n <th className=\"px-3 py-2 text-right font-medium\">\n {t('staff.timesheets.my.total', 'Total')}\n </th>\n </tr>\n </thead>\n <tbody>\n {projects.map((project) => (\n <tr key={project.id} className=\"group border-b hover:bg-muted/30\">\n <td className=\"sticky left-0 z-10 bg-background px-3 py-1.5 font-medium text-foreground\">\n <div className=\"flex items-center justify-between gap-2\">\n <div className=\"min-w-0 flex-1\">\n <div className=\"flex items-center gap-1.5 truncate\" title={project.name}>\n <ProjectColorDot colorKey={project.color} projectName={project.name} size=\"sm\" />\n <span className=\"truncate\">{project.name}</span>\n </div>\n {project.code && (\n <div className=\"text-[10px] text-muted-foreground\">{project.code}</div>\n )}\n </div>\n <button\n type=\"button\"\n onClick={() => { void handleRemoveProject(project) }}\n aria-label={t('staff.timesheets.my.removeRow', 'Remove from grid')}\n title={t('staff.timesheets.my.removeRow', 'Remove from grid')}\n className=\"opacity-0 group-hover:opacity-100 focus:opacity-100 inline-flex h-5 w-5 shrink-0 cursor-pointer items-center justify-center rounded text-muted-foreground hover:bg-muted hover:text-foreground transition-opacity\"\n >\n <X className=\"h-3.5 w-3.5\" />\n </button>\n </div>\n </td>\n {visibleDays.map((date) => {\n const dateKey = formatDateKey(date)\n const weekend = isWeekendDay(date)\n const cellMinutes = getCellValue(project.id, dateKey)\n const isDirty = dirty[project.id]?.[dateKey] !== undefined\n return (\n <td key={dateKey} className={`px-0.5 py-0.5 ${weekend ? 'bg-muted/40' : ''}`}>\n {weekend ? (\n <div className=\"rounded px-1 py-1 text-center text-xs text-muted-foreground/50\">-</div>\n ) : (\n <input\n type=\"text\"\n inputMode=\"decimal\"\n className={`mx-auto block rounded border text-center tabular-nums transition-colors\n ${viewMode === 'weekly' ? 'w-12 px-1 py-0.5 text-xs' : 'w-8 px-0 py-1 text-[10px]'}\n ${isDirty ? 'border-amber-400 bg-amber-50' : 'border-muted-foreground/20 bg-transparent'}\n ${cellMinutes > 0 ? 'font-semibold' : 'text-muted-foreground'}\n hover:border-muted-foreground/40 focus:border-primary focus:bg-background focus:outline-none`}\n value={rawText[project.id]?.[dateKey] ?? minutesToDecimal(cellMinutes)}\n onChange={(e) => handleCellChange(project.id, dateKey, e.target.value)}\n onBlur={() => handleCellBlur(project.id, dateKey)}\n placeholder={t('staff.timesheets.my.durationPlaceholder', '0')}\n />\n )}\n </td>\n )\n })}\n <td className=\"px-3 py-1.5 text-right font-semibold text-xs tabular-nums\">\n {minutesToDecimal(getRowTotal(project.id)) || '0'}\n </td>\n </tr>\n ))}\n <tr className=\"border-b\">\n <td colSpan={visibleDays.length + 2} className=\"sticky left-0 bg-background px-1 py-0.5\">\n <AddRowDropdown\n assignedProjects={allAssignedProjects}\n visibleProjectIds={visibleProjectIds}\n canCreateProject={canManageProjects}\n onAddProject={handleAddProject}\n onCreateProject={() => setCreateDialogOpen(true)}\n />\n </td>\n </tr>\n </tbody>\n <tfoot>\n <tr className=\"border-t bg-muted/50 font-semibold\">\n <td className=\"sticky left-0 z-10 bg-muted px-3 py-2\">\n {t('staff.timesheets.my.daily_total', 'Daily Total')}\n </td>\n {visibleDays.map((date) => {\n const weekend = isWeekendDay(date)\n const dayMinutes = getDayTotal(date)\n return (\n <td key={formatDateKey(date)} className={`py-2 text-center text-xs tabular-nums ${weekend ? 'text-muted-foreground/50' : ''}`}>\n {weekend ? '-' : (minutesToDecimal(dayMinutes) || '-')}\n </td>\n )\n })}\n <td className=\"px-3 py-2 text-right tabular-nums font-semibold\">{minutesToDecimal(grandTotal) || '0'}</td>\n </tr>\n </tfoot>\n </table>\n </div>\n )}\n </div>\n </PageBody>\n {ConfirmDialogElement}\n <CreateProjectDialog\n open={createDialogOpen}\n onOpenChange={setCreateDialogOpen}\n onProjectCreated={handleProjectCreated}\n />\n </Page>\n )\n}\n"],
|
|
5
|
-
"mappings": ";AAuoB2B,cAQjB,YARiB;AAroB3B,YAAY,WAAW;AACvB,SAAS,MAAM,gBAAgB;AAC/B,SAAS,cAAc;AACvB,SAAS,SAAS,gBAAgB,4BAA4B;AAC9D,SAAS,0BAA0B;AACnC,SAAS,aAAa;AACtB,SAAS,sBAAsB;AAC/B,SAAS,wBAAwB;AACjC,SAAS,mCAAmC;AAC5C,SAAS,YAAY;AACrB,SAAS,aAAa,cAAc,SAAS;AAC7C,OAAO,UAAU;AACjB,SAAS,oBAAoB;AAC7B,SAAS,sBAAsB;AAC/B,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAC/B,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAgBhC,SAAS,UAAU,MAAkB;AACnC,QAAM,IAAI,IAAI,KAAK,IAAI;AACvB,QAAM,MAAM,EAAE,OAAO;AACrB,QAAM,OAAO,QAAQ,IAAI,KAAK,IAAI;AAClC,IAAE,QAAQ,EAAE,QAAQ,IAAI,IAAI;AAC5B,IAAE,SAAS,GAAG,GAAG,GAAG,CAAC;AACrB,SAAO;AACT;AAEA,SAAS,UAAU,QAAoB;AACrC,QAAM,IAAI,IAAI,KAAK,MAAM;AACzB,IAAE,QAAQ,EAAE,QAAQ,IAAI,CAAC;AACzB,SAAO;AACT;AAEA,SAAS,cAAc,MAAoB;AACzC,QAAM,IAAI,IAAI,KAAK,KAAK,IAAI,KAAK,YAAY,GAAG,KAAK,SAAS,GAAG,KAAK,QAAQ,CAAC,CAAC;AAChF,IAAE,WAAW,EAAE,WAAW,IAAI,KAAK,EAAE,UAAU,KAAK,EAAE;AACtD,QAAM,YAAY,IAAI,KAAK,KAAK,IAAI,EAAE,eAAe,GAAG,GAAG,CAAC,CAAC;AAC7D,SAAO,KAAK,OAAO,EAAE,QAAQ,IAAI,UAAU,QAAQ,KAAK,QAAW,KAAK,CAAC;AAC3E;AAEA,SAAS,cAAc,MAAoB;AACzC,QAAM,IAAI,KAAK,YAAY;AAC3B,QAAM,IAAI,OAAO,KAAK,SAAS,IAAI,CAAC,EAAE,SAAS,GAAG,GAAG;AACrD,QAAM,IAAI,OAAO,KAAK,QAAQ,CAAC,EAAE,SAAS,GAAG,GAAG;AAChD,SAAO,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC;AACvB;AAEA,SAAS,uBAAuB,MAAc,OAAe,KAAqB;AAChF,QAAM,IAAI,OAAO,QAAQ,CAAC,EAAE,SAAS,GAAG,GAAG;AAC3C,QAAM,IAAI,OAAO,GAAG,EAAE,SAAS,GAAG,GAAG;AACrC,SAAO,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC;AAC1B;AAEA,SAAS,eAAe,MAAc,OAAuB;AAC3D,SAAO,IAAI,KAAK,MAAM,QAAQ,GAAG,CAAC,EAAE,QAAQ;AAC9C;AAEA,SAAS,aAAa,MAAqB;AACzC,QAAM,IAAI,KAAK,OAAO;AACtB,SAAO,MAAM,KAAK,MAAM;AAC1B;AAEA,SAAS,iBAAiB,SAAyB;AACjD,MAAI,YAAY,EAAG,QAAO;AAC1B,QAAM,QAAQ,UAAU;AACxB,SAAO,QAAQ,MAAM,IAAI,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC,EAAE,QAAQ,OAAO,EAAE,EAAE,QAAQ,OAAO,EAAE;AAChG;AAEA,SAAS,iBAAiB,OAAuB;AAC/C,QAAM,UAAU,MAAM,KAAK;AAC3B,MAAI,CAAC,QAAS,QAAO;AACrB,QAAM,MAAM,WAAW,OAAO;AAC9B,MAAI,MAAM,GAAG,KAAK,MAAM,EAAG,QAAO;AAClC,SAAO,KAAK,IAAI,KAAK,MAAM,MAAM,EAAE,GAAG,IAAI;AAC5C;AAEA,SAAS,oBAAoB,MAAoB;AAC/C,SAAO,KAAK,mBAAmB,QAAW,EAAE,SAAS,QAAQ,CAAC;AAChE;AAIA,SAAS,YAAY,WAAyB;AAC5C,SAAO,MAAM,KAAK,EAAE,QAAQ,EAAE,GAAG,CAAC,GAAG,MAAM;AACzC,UAAM,IAAI,IAAI,KAAK,SAAS;AAC5B,MAAE,QAAQ,EAAE,QAAQ,IAAI,CAAC;AACzB,WAAO;AAAA,EACT,CAAC;AACH;AAEA,SAAS,aAAa,MAAc,OAAuB;AACzD,QAAM,QAAQ,eAAe,MAAM,KAAK;AACxC,SAAO,MAAM,KAAK,EAAE,QAAQ,MAAM,GAAG,CAAC,GAAG,MAAM,IAAI,KAAK,MAAM,OAAO,IAAI,CAAC,CAAC;AAC7E;AAIA,SAAS,gBAAgB,WAAyB;AAChD,QAAM,UAAU,UAAU,SAAS;AACnC,QAAM,UAAU,cAAc,SAAS;AACvC,QAAM,WAAW,UAAU,QAAQ;AACnC,QAAM,SAAS,QAAQ,QAAQ;AAC/B,QAAM,aAAa,UAAU,eAAe,QAAW,EAAE,OAAO,QAAQ,CAAC;AACzE,QAAM,WAAW,QAAQ,eAAe,QAAW,EAAE,OAAO,QAAQ,CAAC;AACrE,QAAM,OAAO,UAAU,YAAY;AAEnC,QAAM,YAAY,UAAU,SAAS,MAAM,QAAQ,SAAS,IACxD,GAAG,QAAQ,MAAM,MAAM,IAAI,UAAU,IAAI,IAAI,KAC7C,GAAG,QAAQ,IAAI,UAAU,MAAM,MAAM,IAAI,QAAQ,IAAI,IAAI;AAE7D,SAAO,GAAG,SAAS,UAAY,OAAO;AACxC;AAEA,SAAS,iBAAiB,MAAc,OAAuB;AAC7D,QAAM,OAAO,IAAI,KAAK,MAAM,OAAO,CAAC;AACpC,SAAO,KAAK,eAAe,QAAW,EAAE,OAAO,QAAQ,MAAM,UAAU,CAAC;AAC1E;AAIe,SAAR,mBAAoC;AACzC,QAAM,IAAI,KAAK;AACf,QAAM,eAAe,4BAA4B;AACjD,QAAM,EAAE,SAAS,qBAAqB,IAAI,iBAAiB;AAE3D,QAAM,MAAM,oBAAI,KAAK;AACrB,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAmB,QAAQ;AACjE,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAmB,WAAW;AACpE,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAe,MAAM,UAAU,GAAG,CAAC;AAC3E,QAAM,CAAC,WAAW,YAAY,IAAI,MAAM,SAAS,IAAI,YAAY,CAAC;AAClE,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAS,IAAI,SAAS,CAAC;AAEjE,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAuB,CAAC,CAAC;AAC/D,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAmB,CAAC,CAAC;AACzD,QAAM,CAAC,YAAY,aAAa,IAAI,MAAM,SAAyB,CAAC,CAAC;AACrE,QAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAmB,CAAC,CAAC;AACrD,QAAM,CAAC,SAAS,UAAU,IAAI,MAAM,SAAqB,CAAC,CAAC;AAC3D,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAwB,IAAI;AAC5E,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,MAAM,SAAS,KAAK;AACxE,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAS,IAAI;AAC7D,QAAM,CAAC,cAAc,eAAe,IAAI,MAAM,SAAS,KAAK;AAC5D,QAAM,CAAC,UAAU,WAAW,IAAI,MAAM,SAAS,KAAK;AACpD,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,MAAM,SAAS,KAAK;AACtE,QAAM,CAAC,kBAAkB,mBAAmB,IAAI,MAAM,SAAS,KAAK;AACpE,QAAM,CAAC,qBAAqB,sBAAsB,IAAI,MAAM,SAAuB,CAAC,CAAC;AAErF,QAAM,oBAAoB,MAAM;AAAA,IAC9B,MAAO,gBAAgB,oBAAoB,aAAa,KAAK;AAAA,IAC7D,CAAC,aAAa;AAAA,EAChB;AACA,QAAM,EAAE,aAAa,kBAAkB,IAAI,mBAMxC;AAAA,IACD,WAAW;AAAA,IACX,gBAAgB,EAAE,8BAA8B,4BAA4B;AAAA,EAC9E,CAAC;AAGD,QAAM,UAAU,MAAM;AACpB,QAAI,YAAY;AAChB,UAAM,YAAY;AAChB,UAAI;AACF,cAAM,MAAM,MAAM,QAA4C,2BAA2B;AAAA,UACvF,QAAQ;AAAA,UACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,UAC9C,MAAM,KAAK,UAAU,EAAE,UAAU,CAAC,kCAAkC,EAAE,CAAC;AAAA,QACzE,CAAC;AACD,YAAI,CAAC,WAAW;AACd,+BAAqB,IAAI,IAAI,IAAI,QAAQ,WAAW,CAAC,CAAC,EAAE,IAAI,kCAAkC,CAAC;AAAA,QACjG;AAAA,MACF,QAAQ;AAAA,MAER;AAAA,IACF,GAAG;AACH,WAAO,MAAM;AAAE,kBAAY;AAAA,IAAK;AAAA,EAClC,GAAG,CAAC,CAAC;AAGL,QAAM,cAAc,MAAM,QAAQ,MAAM;AACtC,QAAI,aAAa,SAAU,QAAO,YAAY,SAAS;AACvD,WAAO,aAAa,WAAW,UAAU;AAAA,EAC3C,GAAG,CAAC,UAAU,WAAW,WAAW,UAAU,CAAC;AAE/C,QAAM,YAAY,MAAM,QAAQ,MAAM;AACpC,QAAI,aAAa,UAAU;AACzB,aAAO,EAAE,MAAM,cAAc,SAAS,GAAG,IAAI,cAAc,UAAU,SAAS,CAAC,EAAE;AAAA,IACnF;AACA,UAAM,cAAc,eAAe,WAAW,UAAU;AACxD,WAAO;AAAA,MACL,MAAM,uBAAuB,WAAW,YAAY,CAAC;AAAA,MACrD,IAAI,uBAAuB,WAAW,YAAY,WAAW;AAAA,IAC/D;AAAA,EACF,GAAG,CAAC,UAAU,WAAW,WAAW,UAAU,CAAC;AAG/C,QAAM,WAAW,MAAM,YAAY,MAAM;AACvC,QAAI,aAAa,UAAU;AACzB,mBAAa,CAAC,SAAS;AACrB,cAAM,IAAI,IAAI,KAAK,IAAI;AACvB,UAAE,QAAQ,EAAE,QAAQ,IAAI,CAAC;AACzB,eAAO;AAAA,MACT,CAAC;AAAA,IACH,OAAO;AACL,oBAAc,CAAC,SAAS;AACtB,YAAI,SAAS,GAAG;AAAE,uBAAa,CAAC,MAAM,IAAI,CAAC;AAAG,iBAAO;AAAA,QAAG;AACxD,eAAO,OAAO;AAAA,MAChB,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,WAAW,MAAM,YAAY,MAAM;AACvC,QAAI,aAAa,UAAU;AACzB,mBAAa,CAAC,SAAS;AACrB,cAAM,IAAI,IAAI,KAAK,IAAI;AACvB,UAAE,QAAQ,EAAE,QAAQ,IAAI,CAAC;AACzB,eAAO;AAAA,MACT,CAAC;AAAA,IACH,OAAO;AACL,oBAAc,CAAC,SAAS;AACtB,YAAI,SAAS,IAAI;AAAE,uBAAa,CAAC,MAAM,IAAI,CAAC;AAAG,iBAAO;AAAA,QAAE;AACxD,eAAO,OAAO;AAAA,MAChB,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,QAAQ,CAAC;AAEb,QAAM,kBAAkB,MAAM,QAAQ,MAAM;AAC1C,QAAI,aAAa,SAAU,QAAO,gBAAgB,SAAS;AAC3D,WAAO,iBAAiB,WAAW,UAAU;AAAA,EAC/C,GAAG,CAAC,UAAU,WAAW,WAAW,UAAU,CAAC;AAG/C,QAAM,mBAAmB,MAAM,OAAO,IAAI;AAE1C,QAAM,WAAW,MAAM,YAAY,YAAY;AAC7C,QAAI,CAAC,iBAAiB,QAAS,iBAAgB,IAAI;AACnD,QAAI;AACF,YAAM,UAAU,MAAM;AAAA,QACpB;AAAA,QACA;AAAA,QACA,EAAE,cAAc,EAAE,mCAAmC,4BAA4B,GAAG,UAAU,EAAE,QAAQ,KAAK,EAAE;AAAA,MACjH;AACA,YAAM,WAAW,QAAQ,QAAQ,MAAM;AACvC,uBAAiB,QAAQ;AACzB,UAAI,CAAC,UAAU;AACb,8BAAsB,IAAI;AAC1B,oBAAY,CAAC,CAAC;AACd,mBAAW,CAAC,CAAC;AACb,sBAAc,CAAC,CAAC;AAChB,yBAAiB,KAAK;AACtB,wBAAgB,KAAK;AACrB;AAAA,MACF;AACA,4BAAsB,KAAK;AAE3B,YAAM,iBAAiB,MAAM;AAAA,QAC3B;AAAA,QACA;AAAA,QACA,EAAE,cAAc,EAAE,mCAAmC,4BAA4B,GAAG,UAAU,EAAE,OAAO,CAAC,EAAE,EAAE;AAAA,MAC9G;AACA,YAAM,kBAAkB,MAAM,QAAQ,eAAe,KAAK,IAAI,eAAe,QAAQ,CAAC;AACtF,YAAM,qBAAqB,gBACxB,IAAI,CAAC,SAAS,OAAO,KAAK,mBAAmB,KAAK,iBAAiB,EAAE,CAAC,EACtE,OAAO,CAAC,OAAO,GAAG,SAAS,CAAC;AAC/B,YAAM,sBAAsB,IAAI;AAAA,QAC9B,gBACG,OAAO,CAAC,SAAS,KAAK,iBAAiB,QAAQ,KAAK,eAAe,IAAI,EACvE,IAAI,CAAC,SAAS,OAAO,KAAK,mBAAmB,KAAK,iBAAiB,EAAE,CAAC,EACtE,OAAO,CAAC,OAAO,GAAG,SAAS,CAAC;AAAA,MACjC;AAEA,YAAM,gBAAgB,IAAI,gBAAgB,EAAE,UAAU,OAAO,eAAe,SAAS,CAAC;AACtF,UAAI,UAAU,KAAM,eAAc,IAAI,QAAQ,UAAU,IAAI;AAC5D,UAAI,UAAU,GAAI,eAAc,IAAI,MAAM,UAAU,EAAE;AAEtD,YAAM,CAAC,aAAa,UAAU,IAAI,MAAM,QAAQ,IAAI;AAAA,QAClD,mBAAmB,SAAS,IACxB;AAAA,UACE,2CAA2C,mBAAmB,KAAK,GAAG,CAAC;AAAA,UACvE;AAAA,UACA,EAAE,cAAc,EAAE,mCAAmC,4BAA4B,GAAG,UAAU,EAAE,OAAO,CAAC,EAAE,EAAE;AAAA,QAC9G,IACA,QAAQ,QAAQ,EAAE,OAAO,CAAC,EAAoC,CAAC;AAAA,QACnE;AAAA,UACE,sCAAsC,cAAc,SAAS,CAAC;AAAA,UAC9D;AAAA,UACA,EAAE,cAAc,EAAE,mCAAmC,4BAA4B,GAAG,UAAU,EAAE,OAAO,CAAC,EAAE,EAAE;AAAA,QAC9G;AAAA,MACF,CAAC;AAED,YAAM,eAAe,MAAM,QAAQ,YAAY,KAAK,IAAI,YAAY,QAAQ,CAAC;AAC7E,YAAM,iBAAiB,aAAa,IAAI,CAAC,UAAU;AAAA,QACjD,IAAI,OAAO,KAAK,MAAM,EAAE;AAAA,QACxB,MAAM,OAAO,KAAK,QAAQ,EAAE;AAAA,QAC5B,MAAM,OAAO,KAAK,SAAS,WAAW,KAAK,OAAO;AAAA,QAClD,OAAO,OAAO,KAAK,UAAU,WAAW,KAAK,QAAQ;AAAA,MACvD,EAAE;AACF,6BAAuB,cAAc;AACrC,YAAM,kBAAkB,eAAe,OAAO,CAAC,MAAM,oBAAoB,IAAI,EAAE,EAAE,CAAC;AAClF,kBAAY,eAAe;AAE3B,YAAM,aAAa,MAAM,QAAQ,WAAW,KAAK,IAAI,WAAW,QAAQ,CAAC;AACzE,oBAAc,UAAU;AACxB,YAAM,MAAgB,CAAC;AACvB,iBAAW,QAAQ,YAAY;AAC7B,cAAM,YAAY,OAAO,KAAK,mBAAmB,KAAK,iBAAiB,EAAE;AACzE,cAAM,UAAU,OAAO,KAAK,QAAQ,EAAE;AACtC,cAAM,UAAU,QAAQ,MAAM,GAAG,EAAE;AACnC,cAAM,UAAU,OAAO,KAAK,qBAAqB,WAC7C,KAAK,mBACL,OAAO,KAAK,oBAAoB,WAC9B,KAAK,kBACL;AACN,cAAM,UAAU,OAAO,KAAK,MAAM,EAAE;AACpC,YAAI,CAAC,IAAI,SAAS,EAAG,KAAI,SAAS,IAAI,CAAC;AACvC,YAAI,CAAC,IAAI,SAAS,EAAE,OAAO,EAAG,KAAI,SAAS,EAAE,OAAO,IAAI,CAAC;AACzD,YAAI,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,WAAW,QAAW,QAAQ,CAAC;AAAA,MACpE;AACA,iBAAW,GAAG;AACd,eAAS,CAAC,CAAC;AACX,iBAAW,CAAC,CAAC;AAAA,IACf,SAAS,OAAO;AACd,cAAQ,MAAM,4BAA4B,KAAK;AAC/C,YAAM,EAAE,mCAAmC,4BAA4B,GAAG,OAAO;AAAA,IACnF,UAAE;AACA,uBAAiB,UAAU;AAC3B,uBAAiB,KAAK;AACtB,sBAAgB,KAAK;AAAA,IACvB;AAAA,EACF,GAAG,CAAC,UAAU,MAAM,UAAU,IAAI,CAAC,CAAC;AAEpC,QAAM,UAAU,MAAM;AACpB,SAAK,SAAS;AAAA,EAChB,GAAG,CAAC,UAAU,YAAY,CAAC;AAG3B,QAAM,mBAAmB,MAAM,YAAY,CAAC,WAAmB,SAAiB,UAAkB;AAEhG,UAAM,YAAY,MAAM,QAAQ,aAAa,EAAE;AAC/C,eAAW,CAAC,SAAS;AACnB,YAAM,eAAe,EAAE,GAAI,KAAK,SAAS,KAAK,CAAC,EAAG;AAClD,mBAAa,OAAO,IAAI;AACxB,aAAO,EAAE,GAAG,MAAM,CAAC,SAAS,GAAG,aAAa;AAAA,IAC9C,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,QAAM,iBAAiB,MAAM,YAAY,CAAC,WAAmB,YAAoB;AAC/E,UAAM,OAAO,QAAQ,SAAS,IAAI,OAAO;AACzC,QAAI,SAAS,OAAW;AACxB,UAAM,UAAU,iBAAiB,IAAI;AACrC,UAAM,cAAc,QAAQ,SAAS,IAAI,OAAO,KAAK,CAAC;AACtD,UAAM,kBAAkB,YAAY,OAAO,CAAC,KAAK,MAAM,MAAM,EAAE,SAAS,CAAC;AAGzE,QAAI,YAAY,mBAAmB,YAAY,SAAS,GAAG;AACzD,eAAS,CAAC,SAAS;AACjB,cAAM,iBAA4C,EAAE,GAAI,KAAK,SAAS,KAAK,CAAC,EAAG;AAC/E,cAAM,UAAU,YAAY,CAAC,GAAG;AAChC,uBAAe,OAAO,IAAI,EAAE,IAAI,SAAS,QAAQ;AACjD,eAAO,EAAE,GAAG,MAAM,CAAC,SAAS,GAAG,eAAe;AAAA,MAChD,CAAC;AAAA,IACH;AACA,eAAW,CAAC,SAAS;AACnB,YAAM,eAAe,EAAE,GAAI,KAAK,SAAS,KAAK,CAAC,EAAG;AAClD,aAAO,aAAa,OAAO;AAC3B,YAAM,UAAU,OAAO,KAAK,YAAY,EAAE,SAAS;AACnD,UAAI,CAAC,SAAS;AACZ,cAAM,OAAO,EAAE,GAAG,KAAK;AACvB,eAAO,KAAK,SAAS;AACrB,eAAO;AAAA,MACT;AACA,aAAO,EAAE,GAAG,MAAM,CAAC,SAAS,GAAG,aAAa;AAAA,IAC9C,CAAC;AAAA,EACH,GAAG,CAAC,SAAS,OAAO,CAAC;AAErB,QAAM,eAAe,MAAM,YAAY,CAAC,WAAmB,YAA4B;AACrF,UAAM,YAAY,MAAM,SAAS,IAAI,OAAO;AAC5C,QAAI,cAAc,OAAW,QAAO,UAAU;AAC9C,UAAM,cAAc,QAAQ,SAAS,IAAI,OAAO,KAAK,CAAC;AACtD,WAAO,YAAY,OAAO,CAAC,KAAK,MAAM,MAAM,EAAE,SAAS,CAAC;AAAA,EAC1D,GAAG,CAAC,OAAO,OAAO,CAAC;AAGnB,QAAM,aAAa,OAAO,KAAK,KAAK,EAAE,SAAS,KAAK,OAAO,KAAK,OAAO,EAAE,SAAS;AAElF,QAAM,aAAa,MAAM,YAAY,YAAY;AAC/C,QAAI,CAAC,WAAY;AACjB,UAAM,YAAY,MAAM,QAAQ;AAAA,MAC9B,OAAO,EAAE,0CAA0C,eAAe;AAAA,MAClE,MAAM,EAAE,yCAAyC,uCAAuC;AAAA,IAC1F,CAAC;AACD,QAAI,CAAC,UAAW;AAEhB,gBAAY,IAAI;AAChB,QAAI;AACF,YAAM,cAAoG,CAAC;AAC3G,iBAAW,CAAC,WAAW,OAAO,KAAK,OAAO,QAAQ,KAAK,GAAG;AACxD,mBAAW,CAAC,SAAS,SAAS,KAAK,OAAO,QAAQ,OAAO,GAAG;AAC1D,gBAAM,OAAO;AACb,gBAAM,cAAc,QAAQ,SAAS,IAAI,OAAO,KAAK,CAAC;AACtD,gBAAM,UAAU,KAAK,MAAM,YAAY,CAAC,GAAG;AAC3C,sBAAY,KAAK,EAAE,IAAI,SAAS,MAAM,SAAS,eAAe,WAAW,iBAAiB,KAAK,QAAQ,CAAC;AAAA,QAC1G;AAAA,MACF;AACA,UAAI,YAAY,WAAW,EAAG;AAE9B,YAAM,UAAU,EAAE,SAAS,YAAY;AACvC,YAAM,YAAY;AAAA,QAChB,WAAW,MACT,eAAe,2CAA2C;AAAA,UACxD,QAAQ;AAAA,UACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,UAC9C,MAAM,KAAK,UAAU,OAAO;AAAA,QAC9B,CAAC;AAAA,QACH,SAAS;AAAA,UACP,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,YAAY,iBAAiB;AAAA,UAC7B;AAAA,UACA;AAAA,QACF;AAAA,QACA,iBAAiB;AAAA,MACnB,CAAC;AAED,YAAM,EAAE,6BAA6B,kBAAkB,GAAG,SAAS;AACnE,YAAM,SAAS;AAAA,IACjB,SAAS,OAAO;AACd,cAAQ,MAAM,4BAA4B,KAAK;AAC/C,YAAM,EAAE,mCAAmC,4BAA4B,GAAG,OAAO;AAAA,IACnF,UAAE;AACA,kBAAY,KAAK;AAAA,IACnB;AAAA,EACF,GAAG,CAAC,OAAO,SAAS,YAAY,SAAS,GAAG,UAAU,aAAa,mBAAmB,eAAe,iBAAiB,CAAC;AAGvH,QAAM,cAAc,MAAM,YAAY,CAAC,cAA8B;AACnE,QAAI,QAAQ;AACZ,eAAW,OAAO,aAAa;AAC7B,eAAS,aAAa,WAAW,cAAc,GAAG,CAAC;AAAA,IACrD;AACA,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,YAAY,CAAC;AAE9B,QAAM,cAAc,MAAM,YAAY,CAAC,SAAuB;AAC5D,UAAM,UAAU,cAAc,IAAI;AAClC,QAAI,QAAQ;AACZ,eAAW,WAAW,UAAU;AAC9B,eAAS,aAAa,QAAQ,IAAI,OAAO;AAAA,IAC3C;AACA,WAAO;AAAA,EACT,GAAG,CAAC,UAAU,YAAY,CAAC;AAE3B,QAAM,aAAa,MAAM,QAAQ,MAAM;AACrC,QAAI,QAAQ;AACZ,eAAW,WAAW,UAAU;AAC9B,eAAS,YAAY,QAAQ,EAAE;AAAA,IACjC;AACA,WAAO;AAAA,EACT,GAAG,CAAC,UAAU,WAAW,CAAC;AAE1B,QAAM,cAAc,MAAM,QAAQ,MAAM;AACtC,QAAI,QAAQ;AACZ,eAAW,OAAO,aAAa;AAC7B,UAAI,CAAC,aAAa,GAAG,GAAG;AACtB,cAAM,UAAU,cAAc,GAAG;AACjC,mBAAW,WAAW,UAAU;AAC9B,cAAI,aAAa,QAAQ,IAAI,OAAO,IAAI,GAAG;AAAE;AAAS;AAAA,UAAM;AAAA,QAC9D;AAAA,MACF;AAAA,IACF;AACA,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,UAAU,YAAY,CAAC;AAExC,QAAM,eAAe,MAAM,QAAQ,MAAM;AACvC,QAAI,gBAAgB,EAAG,QAAO;AAC9B,WAAO,aAAa;AAAA,EACtB,GAAG,CAAC,YAAY,WAAW,CAAC;AAG5B,QAAM,kBAAkB,MAAM,QAAQ,MAAM;AAC1C,WAAO,WAAW,IAAI,CAAC,UAAU;AAAA,MAC/B,IAAI,OAAO,KAAK,MAAM,EAAE;AAAA,MACxB,MAAM,OAAO,KAAK,QAAQ,EAAE,EAAE,MAAM,GAAG,EAAE;AAAA,MACzC,iBAAiB,OAAO,KAAK,qBAAqB,WAAW,KAAK,mBAC9D,OAAO,KAAK,oBAAoB,WAAW,KAAK,kBAAkB;AAAA,MACtE,WAAW,OAAO,KAAK,mBAAmB,KAAK,iBAAiB,EAAE;AAAA,MAClE,aAAa,SAAS,KAAK,CAAC,MAAM,EAAE,OAAO,OAAO,KAAK,mBAAmB,KAAK,iBAAiB,EAAE,CAAC,GAAG,QAAQ;AAAA,MAC9G,aAAa,SAAS,KAAK,CAAC,MAAM,EAAE,OAAO,OAAO,KAAK,mBAAmB,KAAK,iBAAiB,EAAE,CAAC,GAAG,QAAQ;AAAA,MAC9G,cAAc,SAAS,KAAK,CAAC,MAAM,EAAE,OAAO,OAAO,KAAK,mBAAmB,KAAK,iBAAiB,EAAE,CAAC,GAAG,SAAS;AAAA,MAChH,OAAO,OAAO,KAAK,UAAU,WAAW,KAAK,QAAQ;AAAA,MACrD,QAAQ,OAAO,KAAK,WAAW,WAAW,KAAK,SAAS;AAAA,MACxD,WAAW,OAAO,KAAK,eAAe,WAAW,KAAK,aAAa,OAAO,KAAK,cAAc,WAAW,KAAK,YAAY;AAAA,MACzH,SAAS,OAAO,KAAK,aAAa,WAAW,KAAK,WAAW,OAAO,KAAK,YAAY,WAAW,KAAK,UAAU;AAAA,IACjH,EAAE;AAAA,EACJ,GAAG,CAAC,YAAY,QAAQ,CAAC;AAGzB,QAAM,uBAAuB,MAAM,YAAY,CAAC,SAAmB;AACjE,gBAAY,IAAI;AAChB,QAAI,SAAS,WAAW;AAEtB,YAAM,WAAW,IAAI,KAAK,SAAS;AACnC,eAAS,QAAQ,SAAS,QAAQ,IAAI,CAAC;AACvC,mBAAa,SAAS,YAAY,CAAC;AACnC,oBAAc,SAAS,SAAS,CAAC;AAAA,IACnC,OAAO;AAEL,YAAM,WAAW,IAAI,KAAK,WAAW,YAAY,EAAE;AACnD,mBAAa,UAAU,QAAQ,CAAC;AAAA,IAClC;AAAA,EACF,GAAG,CAAC,WAAW,WAAW,UAAU,CAAC;AAGrC,QAAM,oBAAoB,MAAM,QAAQ,MAAM,IAAI,IAAI,SAAS,IAAI,CAAC,MAAM,EAAE,EAAE,CAAC,GAAG,CAAC,QAAQ,CAAC;AAO5F,QAAM,mBAAmB,MAAM,YAAY,OAAO,YAAwB;AACxE,QAAI;AACF,YAAM,UAAU,EAAE,YAAY,KAAK;AACnC,YAAM,YAAY;AAAA,QAChB,WAAW,MACT,eAAe,qCAAqC,QAAQ,EAAE,IAAI;AAAA,UAChE,QAAQ;AAAA,UACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,UAC9C,MAAM,KAAK,UAAU,OAAO;AAAA,QAC9B,CAAC;AAAA,QACH,SAAS;AAAA,UACP,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,YAAY,QAAQ;AAAA,UACpB;AAAA,UACA;AAAA,QACF;AAAA,QACA,iBAAiB;AAAA,MACnB,CAAC;AACD,kBAAY,CAAC,SAAS;AACpB,YAAI,KAAK,KAAK,CAAC,MAAM,EAAE,OAAO,QAAQ,EAAE,EAAG,QAAO;AAClD,eAAO,CAAC,GAAG,MAAM,OAAO;AAAA,MAC1B,CAAC;AAAA,IACH,SAAS,OAAO;AACd,cAAQ,MAAM,8BAA8B,KAAK;AACjD,YAAM,EAAE,oCAAoC,8CAA8C,GAAG,OAAO;AAAA,IACtG;AAAA,EACF,GAAG,CAAC,GAAG,aAAa,mBAAmB,eAAe,iBAAiB,CAAC;AAExE,QAAM,sBAAsB,MAAM,YAAY,OAAO,YAAwB;AAC3E,UAAM,YAAY,MAAM,QAAQ;AAAA,MAC9B,OAAO,EAAE,iCAAiC,kBAAkB;AAAA,MAC5D,MAAM;AAAA,QACJ;AAAA,QACA;AAAA,MACF,EAAE,QAAQ,iBAAiB,QAAQ,IAAI;AAAA,IACzC,CAAC;AACD,QAAI,CAAC,UAAW;AAEhB,QAAI;AACF,YAAM,UAAU,EAAE,YAAY,MAAM;AACpC,YAAM,YAAY;AAAA,QAChB,WAAW,MACT,eAAe,qCAAqC,QAAQ,EAAE,IAAI;AAAA,UAChE,QAAQ;AAAA,UACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,UAC9C,MAAM,KAAK,UAAU,OAAO;AAAA,QAC9B,CAAC;AAAA,QACH,SAAS;AAAA,UACP,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,YAAY,QAAQ;AAAA,UACpB;AAAA,UACA;AAAA,QACF;AAAA,QACA,iBAAiB;AAAA,MACnB,CAAC;AACD,kBAAY,CAAC,SAAS,KAAK,OAAO,CAAC,MAAM,EAAE,OAAO,QAAQ,EAAE,CAAC;AAC7D,eAAS,CAAC,SAAS;AACjB,YAAI,CAAC,KAAK,QAAQ,EAAE,EAAG,QAAO;AAC9B,cAAM,OAAO,EAAE,GAAG,KAAK;AACvB,eAAO,KAAK,QAAQ,EAAE;AACtB,eAAO;AAAA,MACT,CAAC;AACD,iBAAW,CAAC,SAAS;AACnB,YAAI,CAAC,KAAK,QAAQ,EAAE,EAAG,QAAO;AAC9B,cAAM,OAAO,EAAE,GAAG,KAAK;AACvB,eAAO,KAAK,QAAQ,EAAE;AACtB,eAAO;AAAA,MACT,CAAC;AAAA,IACH,SAAS,OAAO;AACd,cAAQ,MAAM,iCAAiC,KAAK;AACpD,YAAM,EAAE,uCAAuC,iDAAiD,GAAG,OAAO;AAAA,IAC5G;AAAA,EACF,GAAG,CAAC,SAAS,GAAG,aAAa,mBAAmB,eAAe,iBAAiB,CAAC;AAEjF,QAAM,uBAAuB,MAAM,YAAY,OAAO,YAA+D;AACnH,2BAAuB,CAAC,SAAS,CAAC,GAAG,MAAM,OAAO,CAAC;AAEnD,QAAI;AACF,YAAM,UAAU,EAAE,YAAY,KAAK;AACnC,YAAM,YAAY;AAAA,QAChB,WAAW,MACT,eAAe,qCAAqC,QAAQ,EAAE,IAAI;AAAA,UAChE,QAAQ;AAAA,UACR,SAAS,EAAE,gBAAgB,mBAAmB;AAAA,UAC9C,MAAM,KAAK,UAAU,OAAO;AAAA,QAC9B,CAAC;AAAA,QACH,SAAS;AAAA,UACP,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,YAAY,QAAQ;AAAA,UACpB;AAAA,UACA;AAAA,QACF;AAAA,QACA,iBAAiB;AAAA,MACnB,CAAC;AAAA,IACH,SAAS,OAAO;AACd,cAAQ,MAAM,gDAAgD,KAAK;AAAA,IACrE;AACA,gBAAY,CAAC,SAAS,CAAC,GAAG,MAAM,OAAO,CAAC;AACxC,wBAAoB,KAAK;AAAA,EAC3B,GAAG,CAAC,aAAa,mBAAmB,eAAe,iBAAiB,CAAC;AAGrE,MAAI,eAAe;AACjB,WAAO,oBAAC,QAAK,8BAAC,YAAS,8BAAC,kBAAe,OAAO,EAAE,+BAA+B,uBAAuB,GAAG,GAAE,GAAW;AAAA,EACxH;AAGA,MAAI,oBAAoB;AACtB,WACE,oBAAC,QACC,8BAAC,YACC,+BAAC,SAAI,WAAU,qBACb;AAAA,0BAAC,OAAE,WAAU,8BACV,YAAE,uCAAuC,4CAA4C,GACxF;AAAA,MACA,oBAAC,OAAE,WAAU,sCACV,YAAE,iCAAiC,+CAA+C,GACrF;AAAA,MACA,oBAAC,UAAO,SAAO,MACb,8BAAC,QAAK,MAAK,iCACR,YAAE,qCAAqC,mBAAmB,GAC7D,GACF;AAAA,OACF,GACF,GACF;AAAA,EAEJ;AAEA,SACE,qBAAC,QACC;AAAA,yBAAC,YAEC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,UAAU;AAAA,UACV;AAAA,UACA,gBAAgB;AAAA;AAAA,MAClB;AAAA,MAGA,qBAAC,SAAI,WAAU,8CACb;AAAA,6BAAC,SAAI,WAAU,iCACb;AAAA,8BAAC,OAAE,WAAU,iCACV,uBAAa,WACV,EAAE,iCAAiC,YAAY,IAC/C,EAAE,mCAAmC,aAAa,GACxD;AAAA,UACA,oBAAC,OAAE,WAAU,0BAA0B,2BAAiB,UAAU,KAAK,KAAI;AAAA,WAC7E;AAAA,QACA,qBAAC,SAAI,WAAU,iCACb;AAAA,8BAAC,OAAE,WAAU,iCAAiC,YAAE,oCAAoC,cAAc,GAAE;AAAA,UACpG,oBAAC,OAAE,WAAU,0BAA0B,uBAAY;AAAA,WACrD;AAAA,QACA,qBAAC,SAAI,WAAU,iCACb;AAAA,8BAAC,OAAE,WAAU,iCAAiC,YAAE,qCAAqC,eAAe,GAAE;AAAA,UACtG,oBAAC,OAAE,WAAU,0BAA0B,2BAAiB,KAAK,MAAM,YAAY,CAAC,KAAK,KAAI;AAAA,WAC3F;AAAA,QACA,qBAAC,SAAI,WAAU,iCACb;AAAA,8BAAC,OAAE,WAAU,iCAAiC,YAAE,8BAA8B,QAAQ,GAAE;AAAA,UACxF,oBAAC,OAAE,WAAU,0BACX,8BAAC,UAAK,WAAU,uGACb,YAAE,mCAAmC,MAAM,GAC9C,GACF;AAAA,WACF;AAAA,SACF;AAAA,MAGA,qBAAC,SAAI,WAAU,0DACb;AAAA,6BAAC,SAAI,WAAU,2BACb;AAAA,8BAAC,UAAO,SAAQ,WAAU,MAAK,QAAO,MAAK,UAAS,SAAS,UAC3D,8BAAC,eAAY,WAAU,UAAS,GAClC;AAAA,UACA,oBAAC,UAAK,WAAU,mDAAmD,2BAAgB;AAAA,UACnF,oBAAC,UAAO,SAAQ,WAAU,MAAK,QAAO,MAAK,UAAS,SAAS,UAC3D,8BAAC,gBAAa,WAAU,UAAS,GACnC;AAAA,UACC,aAAa,YACZ,oBAAC,kBAAe,mBAAmB,WAAW,cAAc,cAAc;AAAA,WAE9E;AAAA,QAEA,qBAAC,SAAI,WAAU,2BACb;AAAA;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,kBAAkB;AAAA,cAClB;AAAA,cACA,kBAAkB;AAAA;AAAA,UACpB;AAAA,UACA,qBAAC,SAAI,WAAU,2BACZ;AAAA,0BACC,oBAAC,UAAK,WAAU,sCACb,YAAE,+BAA+B,iBAAiB,GACrD;AAAA,YAEF,oBAAC,UAAO,MAAK,MAAK,MAAK,UAAS,SAAS,YAAY,UAAU,CAAC,cAAc,UAC3E,qBAAW,EAAE,8BAA8B,WAAW,IAAI,EAAE,oCAAoC,cAAc,GACjH;AAAA,aACF;AAAA,WACF;AAAA,SACF;AAAA,MAGA,oBAAC,SAAI,WAAW,eAAe,sDAAsD,sBACpF,8BAAoB,WAAW,IAC9B,qBAAC,SAAI,WAAU,qBACb;AAAA,4BAAC,OAAE,WAAU,8BACV,YAAE,wCAAwC,0BAA0B,GACvE;AAAA,QACA,oBAAC,OAAE,WAAU,sCACV,8BACG,EAAE,wCAAwC,8DAA8D,IACxG,EAAE,2CAA2C,8CAA8C,GACjG;AAAA,QACA,qBAAC,SAAI,WAAU,0CACZ;AAAA,+BACC,oBAAC,UAAO,SAAO,MACb,8BAAC,QAAK,MAAK,6CACR,YAAE,gDAAgD,gBAAgB,GACrE,GACF;AAAA,UAEF,oBAAC,UAAO,SAAQ,WAAU,SAAO,MAC/B,8BAAC,QAAK,MAAK,sCACR,YAAE,+CAA+C,eAAe,GACnE,GACF;AAAA,WACF;AAAA,SACF,IACE,aAAa,SACf,oBAAC,YAAS,SAAS,iBAAiB,gBAAgB,UAAU,IAE9D,oBAAC,SAAI,WAAU,qCACb,+BAAC,WAAM,WAAU,8BACf;AAAA,6BAAC,cACC;AAAA,8BAAC,SAAI,WAAW,aAAa,WAAW,YAAY,2BAA2B;AAAA,UAC9E,YAAY,IAAI,CAAC,SAChB,oBAAC,SAA8B,WAAW,aAAa,WAAW,KAAK,2BAA7D,cAAc,IAAI,CAAoE,CACjG;AAAA,UACD,oBAAC,SAAI,WAAW,aAAa,WAAW,aAAa,yBAAyB;AAAA,WAChF;AAAA,QACA,oBAAC,WACC,+BAAC,QAAG,WAAU,wBACZ;AAAA,8BAAC,QAAG,WAAU,+DACX,YAAE,+BAA+B,SAAS,GAC7C;AAAA,UACC,YAAY,IAAI,CAAC,SAAS;AACzB,kBAAM,UAAU,oBAAoB,IAAI;AACxC,kBAAM,UAAU,aAAa,IAAI;AACjC,mBACE;AAAA,cAAC;AAAA;AAAA,gBAEC,WAAW,qCAAqC,UAAU,sCAAsC,EAAE;AAAA,gBAElG;AAAA,sCAAC,SAAI,WAAU,+CAA+C,mBAAQ;AAAA,kBACtE,oBAAC,SAAI,WAAU,WAAW,eAAK,QAAQ,GAAE;AAAA;AAAA;AAAA,cAJpC,cAAc,IAAI;AAAA,YAKzB;AAAA,UAEJ,CAAC;AAAA,UACD,oBAAC,QAAG,WAAU,oCACX,YAAE,6BAA6B,OAAO,GACzC;AAAA,WACF,GACF;AAAA,QACA,qBAAC,WACE;AAAA,mBAAS,IAAI,CAAC,YACb,qBAAC,QAAoB,WAAU,oCAC7B;AAAA,gCAAC,QAAG,WAAU,4EACZ,+BAAC,SAAI,WAAU,2CACb;AAAA,mCAAC,SAAI,WAAU,kBACb;AAAA,qCAAC,SAAI,WAAU,sCAAqC,OAAO,QAAQ,MACjE;AAAA,sCAAC,mBAAgB,UAAU,QAAQ,OAAO,aAAa,QAAQ,MAAM,MAAK,MAAK;AAAA,kBAC/E,oBAAC,UAAK,WAAU,YAAY,kBAAQ,MAAK;AAAA,mBAC3C;AAAA,gBACC,QAAQ,QACP,oBAAC,SAAI,WAAU,qCAAqC,kBAAQ,MAAK;AAAA,iBAErE;AAAA,cACA;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,SAAS,MAAM;AAAE,yBAAK,oBAAoB,OAAO;AAAA,kBAAE;AAAA,kBACnD,cAAY,EAAE,iCAAiC,kBAAkB;AAAA,kBACjE,OAAO,EAAE,iCAAiC,kBAAkB;AAAA,kBAC5D,WAAU;AAAA,kBAEV,8BAAC,KAAE,WAAU,eAAc;AAAA;AAAA,cAC7B;AAAA,eACF,GACF;AAAA,YACC,YAAY,IAAI,CAAC,SAAS;AACzB,oBAAM,UAAU,cAAc,IAAI;AAClC,oBAAM,UAAU,aAAa,IAAI;AACjC,oBAAM,cAAc,aAAa,QAAQ,IAAI,OAAO;AACpD,oBAAM,UAAU,MAAM,QAAQ,EAAE,IAAI,OAAO,MAAM;AACjD,qBACE,oBAAC,QAAiB,WAAW,iBAAiB,UAAU,gBAAgB,EAAE,IACvE,oBACC,oBAAC,SAAI,WAAU,kEAAiE,eAAC,IAEjF;AAAA,gBAAC;AAAA;AAAA,kBACC,MAAK;AAAA,kBACL,WAAU;AAAA,kBACV,WAAW;AAAA,kCACP,aAAa,WAAW,6BAA6B,2BAA2B;AAAA,kCAChF,UAAU,iCAAiC,2CAA2C;AAAA,kCACtF,cAAc,IAAI,kBAAkB,uBAAuB;AAAA;AAAA,kBAE/D,OAAO,QAAQ,QAAQ,EAAE,IAAI,OAAO,KAAK,iBAAiB,WAAW;AAAA,kBACrE,UAAU,CAAC,MAAM,iBAAiB,QAAQ,IAAI,SAAS,EAAE,OAAO,KAAK;AAAA,kBACrE,QAAQ,MAAM,eAAe,QAAQ,IAAI,OAAO;AAAA,kBAChD,aAAa,EAAE,2CAA2C,GAAG;AAAA;AAAA,cAC/D,KAhBK,OAkBT;AAAA,YAEJ,CAAC;AAAA,YACD,oBAAC,QAAG,WAAU,6DACX,2BAAiB,YAAY,QAAQ,EAAE,CAAC,KAAK,KAChD;AAAA,eApDO,QAAQ,EAqDjB,CACD;AAAA,UACD,oBAAC,QAAG,WAAU,YACZ,8BAAC,QAAG,SAAS,YAAY,SAAS,GAAG,WAAU,2CAC7C;AAAA,YAAC;AAAA;AAAA,cACC,kBAAkB;AAAA,cAClB;AAAA,cACA,kBAAkB;AAAA,cAClB,cAAc;AAAA,cACd,iBAAiB,MAAM,oBAAoB,IAAI;AAAA;AAAA,UACjD,GACF,GACF;AAAA,WACF;AAAA,QACA,oBAAC,WACC,+BAAC,QAAG,WAAU,sCACZ;AAAA,8BAAC,QAAG,WAAU,yCACX,YAAE,mCAAmC,aAAa,GACrD;AAAA,UACC,YAAY,IAAI,CAAC,SAAS;AACzB,kBAAM,UAAU,aAAa,IAAI;AACjC,kBAAM,aAAa,YAAY,IAAI;AACnC,mBACE,oBAAC,QAA6B,WAAW,yCAAyC,UAAU,6BAA6B,EAAE,IACxH,oBAAU,MAAO,iBAAiB,UAAU,KAAK,OAD3C,cAAc,IAAI,CAE3B;AAAA,UAEJ,CAAC;AAAA,UACD,oBAAC,QAAG,WAAU,mDAAmD,2BAAiB,UAAU,KAAK,KAAI;AAAA,WACvG,GACF;AAAA,SACF,GACF,GAEF;AAAA,OACF;AAAA,IACC;AAAA,IACD;AAAA,MAAC;AAAA;AAAA,QACC,MAAM;AAAA,QACN,cAAc;AAAA,QACd,kBAAkB;AAAA;AAAA,IACpB;AAAA,KACF;AAEJ;",
|
|
4
|
+
"sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { apiCall, apiCallOrThrow, readApiResultOrThrow } from '@open-mercato/ui/backend/utils/apiCall'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { LoadingMessage } from '@open-mercato/ui/backend/detail'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { ChevronLeft, ChevronRight, X } from 'lucide-react'\nimport Link from 'next/link'\nimport { ViewSwitcher } from '../../../lib/timesheets-ui/ViewSwitcher'\nimport { CalendarPicker } from '../../../lib/timesheets-ui/CalendarPicker'\nimport { ListView } from '../../../lib/timesheets-ui/ListView'\nimport { TimerBar } from '../../../lib/timesheets-ui/TimerBar'\nimport { AddRowDropdown } from '../../../lib/timesheets-ui/AddRowDropdown'\nimport { CreateProjectDialog } from '../../../lib/timesheets-ui/CreateProjectDialog'\nimport { ProjectColorDot } from '../../../lib/timesheets-ui/ProjectColorDot'\n\n// --- Types ---\n\ntype ProjectRow = { id: string; name: string; code: string | null; color?: string | null }\ntype CellEntry = { id?: string; minutes: number }\ntype EntryMap = Record<string, Record<string, CellEntry[]>>\ntype DirtyMap = Record<string, Record<string, CellEntry>>\ntype RawTextMap = Record<string, Record<string, string>>\ntype ViewMode = 'weekly' | 'monthly'\ntype ViewType = 'timesheet' | 'list'\n\ntype RawTimeEntry = Record<string, unknown>\n\n// --- Date Helpers ---\n\nfunction getMonday(date: Date): Date {\n const d = new Date(date)\n const day = d.getDay()\n const diff = day === 0 ? -6 : 1 - day\n d.setDate(d.getDate() + diff)\n d.setHours(0, 0, 0, 0)\n return d\n}\n\nfunction getSunday(monday: Date): Date {\n const d = new Date(monday)\n d.setDate(d.getDate() + 6)\n return d\n}\n\nfunction getWeekNumber(date: Date): number {\n const d = new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()))\n d.setUTCDate(d.getUTCDate() + 4 - (d.getUTCDay() || 7))\n const yearStart = new Date(Date.UTC(d.getUTCFullYear(), 0, 1))\n return Math.ceil(((d.getTime() - yearStart.getTime()) / 86400000 + 1) / 7)\n}\n\nfunction formatDateKey(date: Date): string {\n const y = date.getFullYear()\n const m = String(date.getMonth() + 1).padStart(2, '0')\n const d = String(date.getDate()).padStart(2, '0')\n return `${y}-${m}-${d}`\n}\n\nfunction formatDateKeyFromParts(year: number, month: number, day: number): string {\n const m = String(month + 1).padStart(2, '0')\n const d = String(day).padStart(2, '0')\n return `${year}-${m}-${d}`\n}\n\nfunction getDaysInMonth(year: number, month: number): number {\n return new Date(year, month + 1, 0).getDate()\n}\n\nfunction isWeekendDay(date: Date): boolean {\n const d = date.getDay()\n return d === 0 || d === 6\n}\n\nfunction minutesToDecimal(minutes: number): string {\n if (minutes === 0) return ''\n const hours = minutes / 60\n return hours % 1 === 0 ? String(hours) : hours.toFixed(2).replace(/0+$/, '').replace(/\\.$/, '')\n}\n\nfunction decimalToMinutes(value: string): number {\n const trimmed = value.trim()\n if (!trimmed) return 0\n const num = parseFloat(trimmed.replace(',', '.'))\n if (isNaN(num) || num < 0) return 0\n return Math.min(Math.round(num * 60), 1440)\n}\n\nfunction getLocalizedDayName(date: Date): string {\n return date.toLocaleDateString(undefined, { weekday: 'short' })\n}\n\n// --- Derived date ranges ---\n\nfunction getWeekDays(weekStart: Date): Date[] {\n return Array.from({ length: 7 }, (_, i) => {\n const d = new Date(weekStart)\n d.setDate(d.getDate() + i)\n return d\n })\n}\n\nfunction getMonthDays(year: number, month: number): Date[] {\n const count = getDaysInMonth(year, month)\n return Array.from({ length: count }, (_, i) => new Date(year, month, i + 1))\n}\n\n// --- Week label ---\n\nfunction formatWeekLabel(weekStart: Date): string {\n const weekEnd = getSunday(weekStart)\n const weekNum = getWeekNumber(weekStart)\n const startDay = weekStart.getDate()\n const endDay = weekEnd.getDate()\n const startMonth = weekStart.toLocaleString(undefined, { month: 'short' })\n const endMonth = weekEnd.toLocaleString(undefined, { month: 'short' })\n const year = weekStart.getFullYear()\n\n const dateRange = weekStart.getMonth() === weekEnd.getMonth()\n ? `${startDay} - ${endDay} ${startMonth} ${year}`\n : `${startDay} ${startMonth} - ${endDay} ${endMonth} ${year}`\n\n return `${dateRange} \\u00b7 W${weekNum}`\n}\n\nfunction formatMonthLabel(year: number, month: number): string {\n const date = new Date(year, month, 1)\n return date.toLocaleString(undefined, { month: 'long', year: 'numeric' })\n}\n\n// --- Component ---\n\nexport default function MyTimesheetsPage() {\n const t = useT()\n const scopeVersion = useOrganizationScopeVersion()\n const { confirm, ConfirmDialogElement } = useConfirmDialog()\n\n const now = new Date()\n const [viewMode, setViewMode] = React.useState<ViewMode>('weekly')\n const [viewType, setViewType] = React.useState<ViewType>('timesheet')\n const [weekStart, setWeekStart] = React.useState<Date>(() => getMonday(now))\n const [monthYear, setMonthYear] = React.useState(now.getFullYear())\n const [monthIndex, setMonthIndex] = React.useState(now.getMonth())\n\n const [projects, setProjects] = React.useState<ProjectRow[]>([])\n const [entries, setEntries] = React.useState<EntryMap>({})\n const [rawEntries, setRawEntries] = React.useState<RawTimeEntry[]>([])\n const [dirty, setDirty] = React.useState<DirtyMap>({})\n const [rawText, setRawText] = React.useState<RawTextMap>({})\n const [staffMemberId, setStaffMemberId] = React.useState<string | null>(null)\n const [staffMemberMissing, setStaffMemberMissing] = React.useState(false)\n const [isInitialLoad, setIsInitialLoad] = React.useState(true)\n const [isRefreshing, setIsRefreshing] = React.useState(false)\n const [isSaving, setIsSaving] = React.useState(false)\n const [canManageProjects, setCanManageProjects] = React.useState(false)\n const [createDialogOpen, setCreateDialogOpen] = React.useState(false)\n const [allAssignedProjects, setAllAssignedProjects] = React.useState<ProjectRow[]>([])\n\n const mutationContextId = React.useMemo(\n () => (staffMemberId ? `staff-timesheets:${staffMemberId}` : 'staff-timesheets:pending'),\n [staffMemberId],\n )\n const { runMutation, retryLastMutation } = useGuardedMutation<{\n formId: string\n resourceKind: string\n resourceId?: string\n staffMemberId: string | null\n retryLastMutation: () => Promise<boolean>\n }>({\n contextId: mutationContextId,\n blockedMessage: t('ui.forms.flash.saveBlocked', 'Save blocked by validation'),\n })\n\n // --- Feature check ---\n React.useEffect(() => {\n let cancelled = false\n void (async () => {\n try {\n const res = await apiCall<{ ok: boolean; granted: string[] }>('/api/auth/feature-check', {\n method: 'POST',\n headers: { 'content-type': 'application/json' },\n body: JSON.stringify({ features: ['staff.timesheets.projects.manage'] }),\n })\n if (!cancelled) {\n setCanManageProjects(new Set(res.result?.granted ?? []).has('staff.timesheets.projects.manage'))\n }\n } catch {\n // default: no manage access\n }\n })()\n return () => { cancelled = true }\n }, [])\n\n // --- Computed days for current view ---\n const visibleDays = React.useMemo(() => {\n if (viewMode === 'weekly') return getWeekDays(weekStart)\n return getMonthDays(monthYear, monthIndex)\n }, [viewMode, weekStart, monthYear, monthIndex])\n\n const dateRange = React.useMemo(() => {\n if (viewMode === 'weekly') {\n return { from: formatDateKey(weekStart), to: formatDateKey(getSunday(weekStart)) }\n }\n const daysInMonth = getDaysInMonth(monthYear, monthIndex)\n return {\n from: formatDateKeyFromParts(monthYear, monthIndex, 1),\n to: formatDateKeyFromParts(monthYear, monthIndex, daysInMonth),\n }\n }, [viewMode, weekStart, monthYear, monthIndex])\n\n // --- Navigation ---\n const goToPrev = React.useCallback(() => {\n if (viewMode === 'weekly') {\n setWeekStart((prev) => {\n const d = new Date(prev)\n d.setDate(d.getDate() - 7)\n return d\n })\n } else {\n setMonthIndex((prev) => {\n if (prev === 0) { setMonthYear((y) => y - 1); return 11 }\n return prev - 1\n })\n }\n }, [viewMode])\n\n const goToNext = React.useCallback(() => {\n if (viewMode === 'weekly') {\n setWeekStart((prev) => {\n const d = new Date(prev)\n d.setDate(d.getDate() + 7)\n return d\n })\n } else {\n setMonthIndex((prev) => {\n if (prev === 11) { setMonthYear((y) => y + 1); return 0 }\n return prev + 1\n })\n }\n }, [viewMode])\n\n const navigationLabel = React.useMemo(() => {\n if (viewMode === 'weekly') return formatWeekLabel(weekStart)\n return formatMonthLabel(monthYear, monthIndex)\n }, [viewMode, weekStart, monthYear, monthIndex])\n\n // --- Data loading ---\n const isInitialLoadRef = React.useRef(true)\n\n const loadData = React.useCallback(async () => {\n if (!isInitialLoadRef.current) setIsRefreshing(true)\n try {\n const selfRes = await readApiResultOrThrow<{ member?: { id: string; displayName: string } | null }>(\n '/api/staff/team-members/self',\n undefined,\n { errorMessage: t('staff.timesheets.my.errors.load', 'Failed to load timesheets.'), fallback: { member: null } },\n )\n const memberId = selfRes.member?.id ?? null\n setStaffMemberId(memberId)\n if (!memberId) {\n setStaffMemberMissing(true)\n setProjects([])\n setEntries({})\n setRawEntries([])\n setIsInitialLoad(false)\n setIsRefreshing(false)\n return\n }\n setStaffMemberMissing(false)\n\n const assignmentsRes = await readApiResultOrThrow<{ items?: Array<Record<string, unknown>> }>(\n '/api/staff/timesheets/my-projects?pageSize=100',\n undefined,\n { errorMessage: t('staff.timesheets.my.errors.load', 'Failed to load timesheets.'), fallback: { items: [] } },\n )\n const assignmentItems = Array.isArray(assignmentsRes.items) ? assignmentsRes.items : []\n const assignedProjectIds = assignmentItems\n .map((item) => String(item.time_project_id ?? item.timeProjectId ?? ''))\n .filter((id) => id.length > 0)\n const visibleProjectIdSet = new Set(\n assignmentItems\n .filter((item) => item.show_in_grid === true || item.showInGrid === true)\n .map((item) => String(item.time_project_id ?? item.timeProjectId ?? ''))\n .filter((id) => id.length > 0),\n )\n\n const entriesParams = new URLSearchParams({ pageSize: '100', staffMemberId: memberId })\n if (dateRange.from) entriesParams.set('from', dateRange.from)\n if (dateRange.to) entriesParams.set('to', dateRange.to)\n\n const [projectsRes, entriesRes] = await Promise.all([\n assignedProjectIds.length > 0\n ? readApiResultOrThrow<{ items?: Array<Record<string, unknown>> }>(\n `/api/staff/timesheets/time-projects?ids=${assignedProjectIds.join(',')}&pageSize=100`,\n undefined,\n { errorMessage: t('staff.timesheets.my.errors.load', 'Failed to load timesheets.'), fallback: { items: [] } },\n )\n : Promise.resolve({ items: [] as Array<Record<string, unknown>> }),\n readApiResultOrThrow<{ items?: Array<Record<string, unknown>> }>(\n `/api/staff/timesheets/time-entries?${entriesParams.toString()}`,\n undefined,\n { errorMessage: t('staff.timesheets.my.errors.load', 'Failed to load timesheets.'), fallback: { items: [] } },\n ),\n ])\n\n const projectItems = Array.isArray(projectsRes.items) ? projectsRes.items : []\n const mappedProjects = projectItems.map((item) => ({\n id: String(item.id ?? ''),\n name: String(item.name ?? ''),\n code: typeof item.code === 'string' ? item.code : null,\n color: typeof item.color === 'string' ? item.color : null,\n }))\n setAllAssignedProjects(mappedProjects)\n const visibleProjects = mappedProjects.filter((p) => visibleProjectIdSet.has(p.id))\n setProjects(visibleProjects)\n\n const entryItems = Array.isArray(entriesRes.items) ? entriesRes.items : []\n setRawEntries(entryItems)\n const map: EntryMap = {}\n for (const item of entryItems) {\n const projectId = String(item.time_project_id ?? item.timeProjectId ?? '')\n const rawDate = String(item.date ?? '')\n const dateKey = rawDate.slice(0, 10)\n const minutes = typeof item.duration_minutes === 'number'\n ? item.duration_minutes\n : typeof item.durationMinutes === 'number'\n ? item.durationMinutes\n : 0\n const entryId = String(item.id ?? '')\n if (!map[projectId]) map[projectId] = {}\n if (!map[projectId][dateKey]) map[projectId][dateKey] = []\n map[projectId][dateKey].push({ id: entryId || undefined, minutes })\n }\n setEntries(map)\n setDirty({})\n setRawText({})\n } catch (error) {\n console.error('staff.timesheets.my.load', error)\n flash(t('staff.timesheets.my.errors.load', 'Failed to load timesheets.'), 'error')\n } finally {\n isInitialLoadRef.current = false\n setIsInitialLoad(false)\n setIsRefreshing(false)\n }\n }, [dateRange.from, dateRange.to, t])\n\n React.useEffect(() => {\n void loadData()\n }, [loadData, scopeVersion])\n\n // --- Cell handlers ---\n const handleCellChange = React.useCallback((projectId: string, dateKey: string, value: string) => {\n // Only allow digits, dots, and commas (decimal separators)\n const sanitized = value.replace(/[^0-9.,]/g, '')\n setRawText((prev) => {\n const projectTexts = { ...(prev[projectId] ?? {}) }\n projectTexts[dateKey] = sanitized\n return { ...prev, [projectId]: projectTexts }\n })\n }, [])\n\n const handleCellBlur = React.useCallback((projectId: string, dateKey: string, currentValue: string) => {\n const editedText = rawText[projectId]?.[dateKey]\n const text = editedText ?? currentValue\n if (text === undefined) return\n const minutes = decimalToMinutes(text)\n const cellEntries = entries[projectId]?.[dateKey] ?? []\n const existingMinutes = cellEntries.reduce((sum, e) => sum + e.minutes, 0)\n\n if (minutes !== existingMinutes || (editedText !== undefined && cellEntries.length > 0)) {\n setDirty((prev) => {\n const projectEntries: Record<string, CellEntry> = { ...(prev[projectId] ?? {}) }\n const firstId = cellEntries[0]?.id\n projectEntries[dateKey] = { id: firstId, minutes }\n return { ...prev, [projectId]: projectEntries }\n })\n }\n setRawText((prev) => {\n const projectTexts = { ...(prev[projectId] ?? {}) }\n delete projectTexts[dateKey]\n const hasKeys = Object.keys(projectTexts).length > 0\n if (!hasKeys) {\n const next = { ...prev }\n delete next[projectId]\n return next\n }\n return { ...prev, [projectId]: projectTexts }\n })\n }, [rawText, entries])\n\n const getCellValue = React.useCallback((projectId: string, dateKey: string): number => {\n const dirtyCell = dirty[projectId]?.[dateKey] as CellEntry | undefined\n if (dirtyCell !== undefined) return dirtyCell.minutes\n const cellEntries = entries[projectId]?.[dateKey] ?? []\n return cellEntries.reduce((sum, e) => sum + e.minutes, 0)\n }, [dirty, entries])\n\n // --- Save ---\n const hasChanges = Object.keys(dirty).length > 0 || Object.keys(rawText).length > 0\n\n const handleSave = React.useCallback(async () => {\n if (!hasChanges) return\n const confirmed = await confirm({\n title: t('staff.timesheets.my.confirm_save.title', 'Save changes?'),\n text: t('staff.timesheets.my.confirm_save.body', 'Your timesheet entries will be saved.'),\n })\n if (!confirmed) return\n\n setIsSaving(true)\n try {\n const bulkEntries: Array<{ id?: string; date: string; timeProjectId: string; durationMinutes: number }> = []\n for (const [projectId, dateMap] of Object.entries(dirty)) {\n for (const [dateKey, cellValue] of Object.entries(dateMap)) {\n const cell = cellValue as CellEntry\n const cellEntries = entries[projectId]?.[dateKey] ?? []\n const firstId = cell.id ?? cellEntries[0]?.id\n bulkEntries.push({ id: firstId, date: dateKey, timeProjectId: projectId, durationMinutes: cell.minutes })\n }\n }\n if (bulkEntries.length === 0) return\n\n const payload = { entries: bulkEntries }\n await runMutation({\n operation: () =>\n apiCallOrThrow('/api/staff/timesheets/time-entries/bulk', {\n method: 'POST',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(payload),\n }),\n context: {\n formId: mutationContextId,\n resourceKind: 'staff.timesheets.time_entry',\n resourceId: staffMemberId ?? undefined,\n staffMemberId,\n retryLastMutation,\n },\n mutationPayload: payload as unknown as Record<string, unknown>,\n })\n\n flash(t('staff.timesheets.my.saved', 'Timesheet saved.'), 'success')\n await loadData()\n } catch (error) {\n console.error('staff.timesheets.my.save', error)\n flash(t('staff.timesheets.my.errors.save', 'Failed to save timesheets.'), 'error')\n } finally {\n setIsSaving(false)\n }\n }, [dirty, entries, hasChanges, confirm, t, loadData, runMutation, mutationContextId, staffMemberId, retryLastMutation])\n\n // --- Totals ---\n const getRowTotal = React.useCallback((projectId: string): number => {\n let total = 0\n for (const day of visibleDays) {\n total += getCellValue(projectId, formatDateKey(day))\n }\n return total\n }, [visibleDays, getCellValue])\n\n const getDayTotal = React.useCallback((date: Date): number => {\n const dateKey = formatDateKey(date)\n let total = 0\n for (const project of projects) {\n total += getCellValue(project.id, dateKey)\n }\n return total\n }, [projects, getCellValue])\n\n const grandTotal = React.useMemo(() => {\n let total = 0\n for (const project of projects) {\n total += getRowTotal(project.id)\n }\n return total\n }, [projects, getRowTotal])\n\n const workingDays = React.useMemo(() => {\n let count = 0\n for (const day of visibleDays) {\n if (!isWeekendDay(day)) {\n const dateKey = formatDateKey(day)\n for (const project of projects) {\n if (getCellValue(project.id, dateKey) > 0) { count++; break }\n }\n }\n }\n return count\n }, [visibleDays, projects, getCellValue])\n\n const dailyAverage = React.useMemo(() => {\n if (workingDays === 0) return 0\n return grandTotal / workingDays\n }, [grandTotal, workingDays])\n\n // --- List view entries ---\n const listViewEntries = React.useMemo(() => {\n return rawEntries.map((item) => ({\n id: String(item.id ?? ''),\n date: String(item.date ?? '').slice(0, 10),\n durationMinutes: typeof item.duration_minutes === 'number' ? item.duration_minutes\n : typeof item.durationMinutes === 'number' ? item.durationMinutes : 0,\n projectId: String(item.time_project_id ?? item.timeProjectId ?? ''),\n projectName: projects.find((p) => p.id === String(item.time_project_id ?? item.timeProjectId ?? ''))?.name ?? '',\n projectCode: projects.find((p) => p.id === String(item.time_project_id ?? item.timeProjectId ?? ''))?.code ?? null,\n projectColor: projects.find((p) => p.id === String(item.time_project_id ?? item.timeProjectId ?? ''))?.color ?? null,\n notes: typeof item.notes === 'string' ? item.notes : null,\n source: typeof item.source === 'string' ? item.source : 'manual',\n startedAt: typeof item.started_at === 'string' ? item.started_at : typeof item.startedAt === 'string' ? item.startedAt : null,\n endedAt: typeof item.ended_at === 'string' ? item.ended_at : typeof item.endedAt === 'string' ? item.endedAt : null,\n }))\n }, [rawEntries, projects])\n\n // --- Handle view mode change ---\n const handleViewModeChange = React.useCallback((mode: ViewMode) => {\n setViewMode(mode)\n if (mode === 'monthly') {\n // Use Thursday of the week to determine month (handles cross-month weeks)\n const thursday = new Date(weekStart)\n thursday.setDate(thursday.getDate() + 3)\n setMonthYear(thursday.getFullYear())\n setMonthIndex(thursday.getMonth())\n } else {\n // Find the Monday of the week containing the 15th (mid-month, always stable)\n const midMonth = new Date(monthYear, monthIndex, 15)\n setWeekStart(getMonday(midMonth))\n }\n }, [weekStart, monthYear, monthIndex])\n\n // --- Add row handler ---\n const visibleProjectIds = React.useMemo(() => new Set(projects.map((p) => p.id)), [projects])\n\n // optimistic-lock-exempt: the my-projects PATCH calls below only toggle the\n // caller's own `showInGrid` preference on the staff.timesheets.time_project_member\n // junction (a per-user membership flag). There is no shared, multi-user-editable\n // state to lose, so version-locking the toggle would surface false 409s without\n // protecting any data.\n const handleAddProject = React.useCallback(async (project: ProjectRow) => {\n try {\n const payload = { showInGrid: true }\n await runMutation({\n operation: () =>\n apiCallOrThrow(`/api/staff/timesheets/my-projects/${project.id}`, {\n method: 'PATCH',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(payload),\n }),\n context: {\n formId: mutationContextId,\n resourceKind: 'staff.timesheets.time_project_member',\n resourceId: project.id,\n staffMemberId,\n retryLastMutation,\n },\n mutationPayload: payload,\n })\n setProjects((prev) => {\n if (prev.some((p) => p.id === project.id)) return prev\n return [...prev, project]\n })\n } catch (error) {\n console.error('staff.timesheets.my.addRow', error)\n flash(t('staff.timesheets.my.addRow.error', 'Could not add the project. Please try again.'), 'error')\n }\n }, [t, runMutation, mutationContextId, staffMemberId, retryLastMutation])\n\n const handleRemoveProject = React.useCallback(async (project: ProjectRow) => {\n const confirmed = await confirm({\n title: t('staff.timesheets.my.removeRow', 'Remove from grid'),\n text: t(\n 'staff.timesheets.my.removeRow.confirm',\n 'Remove {projectName} from your timesheet grid? You can re-add it anytime via \"+ Add row\".',\n ).replace('{projectName}', project.name),\n })\n if (!confirmed) return\n\n try {\n const payload = { showInGrid: false }\n await runMutation({\n operation: () =>\n apiCallOrThrow(`/api/staff/timesheets/my-projects/${project.id}`, {\n method: 'PATCH',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(payload),\n }),\n context: {\n formId: mutationContextId,\n resourceKind: 'staff.timesheets.time_project_member',\n resourceId: project.id,\n staffMemberId,\n retryLastMutation,\n },\n mutationPayload: payload,\n })\n setProjects((prev) => prev.filter((p) => p.id !== project.id))\n setDirty((prev) => {\n if (!prev[project.id]) return prev\n const next = { ...prev }\n delete next[project.id]\n return next\n })\n setRawText((prev) => {\n if (!prev[project.id]) return prev\n const next = { ...prev }\n delete next[project.id]\n return next\n })\n } catch (error) {\n console.error('staff.timesheets.my.removeRow', error)\n flash(t('staff.timesheets.my.removeRow.error', 'Could not remove the project. Please try again.'), 'error')\n }\n }, [confirm, t, runMutation, mutationContextId, staffMemberId, retryLastMutation])\n\n const handleProjectCreated = React.useCallback(async (project: { id: string; name: string; code: string | null }) => {\n setAllAssignedProjects((prev) => [...prev, project])\n // New projects start hidden; immediately opt them into the grid for the creator.\n try {\n const payload = { showInGrid: true }\n await runMutation({\n operation: () =>\n apiCallOrThrow(`/api/staff/timesheets/my-projects/${project.id}`, {\n method: 'PATCH',\n headers: { 'Content-Type': 'application/json' },\n body: JSON.stringify(payload),\n }),\n context: {\n formId: mutationContextId,\n resourceKind: 'staff.timesheets.time_project_member',\n resourceId: project.id,\n staffMemberId,\n retryLastMutation,\n },\n mutationPayload: payload,\n })\n } catch (error) {\n console.error('staff.timesheets.my.createProject.visibility', error)\n }\n setProjects((prev) => [...prev, project])\n setCreateDialogOpen(false)\n }, [runMutation, mutationContextId, staffMemberId, retryLastMutation])\n\n // --- Loading ---\n if (isInitialLoad) {\n return <Page><PageBody><LoadingMessage label={t('staff.timesheets.my.loading', 'Loading timesheets...')} /></PageBody></Page>\n }\n\n // --- No profile ---\n if (staffMemberMissing) {\n return (\n <Page>\n <PageBody>\n <div className=\"py-12 text-center\">\n <p className=\"text-lg font-semibold mb-2\">\n {t('staff.timesheets.my.noProfile.title', 'Set up your profile to start tracking time')}\n </p>\n <p className=\"text-sm text-muted-foreground mb-6\">\n {t('staff.timesheets.my.noProfile', 'You need a Team Member profile to track time.')}\n </p>\n <Button asChild>\n <Link href=\"/backend/staff/profile/create\">\n {t('staff.timesheets.my.createProfile', 'Create My Profile')}\n </Link>\n </Button>\n </div>\n </PageBody>\n </Page>\n )\n }\n\n return (\n <Page>\n <PageBody>\n {/* Timer bar */}\n <TimerBar\n projects={allAssignedProjects}\n staffMemberId={staffMemberId}\n onTimerStopped={loadData}\n />\n\n {/* Summary cards */}\n <div className=\"mb-4 grid grid-cols-1 gap-4 sm:grid-cols-4\">\n <div className=\"rounded-lg border bg-card p-4\">\n <p className=\"text-sm text-muted-foreground\">\n {viewMode === 'weekly'\n ? t('staff.timesheets.my.weekTotal', 'Week Total')\n : t('staff.timesheets.my.total_hours', 'Total Hours')}\n </p>\n <p className=\"text-2xl font-semibold\">{minutesToDecimal(grandTotal) || '0'}</p>\n </div>\n <div className=\"rounded-lg border bg-card p-4\">\n <p className=\"text-sm text-muted-foreground\">{t('staff.timesheets.my.working_days', 'Working Days')}</p>\n <p className=\"text-2xl font-semibold\">{workingDays}</p>\n </div>\n <div className=\"rounded-lg border bg-card p-4\">\n <p className=\"text-sm text-muted-foreground\">{t('staff.timesheets.my.daily_average', 'Daily Average')}</p>\n <p className=\"text-2xl font-semibold\">{minutesToDecimal(Math.round(dailyAverage)) || '0'}</p>\n </div>\n <div className=\"rounded-lg border bg-card p-4\">\n <p className=\"text-sm text-muted-foreground\">{t('staff.timesheets.my.status', 'Status')}</p>\n <p className=\"text-2xl font-semibold\">\n <span className=\"inline-flex items-center rounded-full bg-green-100 px-2.5 py-0.5 text-xs font-medium text-green-800\">\n {t('staff.timesheets.my.status_open', 'Open')}\n </span>\n </p>\n </div>\n </div>\n\n {/* Navigation + controls */}\n <div className=\"mb-4 flex flex-wrap items-center justify-between gap-3\">\n <div className=\"flex items-center gap-2\">\n <Button variant=\"outline\" size=\"icon\" type=\"button\" onClick={goToPrev}>\n <ChevronLeft className=\"size-4\" />\n </Button>\n <span className=\"text-sm font-semibold min-w-[220px] text-center\">{navigationLabel}</span>\n <Button variant=\"outline\" size=\"icon\" type=\"button\" onClick={goToNext}>\n <ChevronRight className=\"size-4\" />\n </Button>\n {viewMode === 'weekly' && (\n <CalendarPicker selectedWeekStart={weekStart} onWeekSelect={setWeekStart} />\n )}\n </div>\n\n <div className=\"flex items-center gap-3\">\n <ViewSwitcher\n viewMode={viewMode}\n onViewModeChange={handleViewModeChange}\n viewType={viewType}\n onViewTypeChange={setViewType}\n />\n <div className=\"flex items-center gap-2\">\n {hasChanges && (\n <span className=\"text-xs text-amber-600 font-medium\">\n {t('staff.timesheets.my.unsaved', 'Unsaved changes')}\n </span>\n )}\n <Button size=\"sm\" type=\"button\" onClick={handleSave} disabled={!hasChanges || isSaving}>\n {isSaving ? t('staff.timesheets.my.saving', 'Saving...') : t('staff.timesheets.my.save_changes', 'Save Changes')}\n </Button>\n </div>\n </div>\n </div>\n\n {/* Content: Grid or List */}\n <div className={isRefreshing ? 'opacity-50 pointer-events-none transition-opacity' : 'transition-opacity'}>\n {allAssignedProjects.length === 0 ? (\n <div className=\"py-12 text-center\">\n <p className=\"text-lg font-semibold mb-2\">\n {t('staff.timesheets.my.noProjects.title', 'No projects assigned yet')}\n </p>\n <p className=\"text-sm text-muted-foreground mb-6\">\n {canManageProjects\n ? t('staff.timesheets.my.noProjects.admin', 'Create a project and assign yourself to start tracking time.')\n : t('staff.timesheets.my.noProjects.employee', 'Ask your manager to assign you to a project.')}\n </p>\n <div className=\"flex items-center justify-center gap-3\">\n {canManageProjects && (\n <Button asChild>\n <Link href=\"/backend/staff/timesheets/projects/create\">\n {t('staff.timesheets.my.noProjects.createProject', 'Create Project')}\n </Link>\n </Button>\n )}\n <Button variant=\"outline\" asChild>\n <Link href=\"/backend/staff/timesheets/projects\">\n {t('staff.timesheets.my.noProjects.viewProjects', 'View Projects')}\n </Link>\n </Button>\n </div>\n </div>\n ) : viewType === 'list' ? (\n <ListView entries={listViewEntries} onEntryUpdated={loadData} />\n ) : (\n <div className=\"overflow-x-auto rounded-lg border\">\n <table className=\"w-full text-sm table-fixed\">\n <colgroup>\n <col className={viewMode === 'weekly' ? 'w-[35%]' : 'w-[140px] min-w-[140px]'} />\n {visibleDays.map((date) => (\n <col key={formatDateKey(date)} className={viewMode === 'weekly' ? '' : 'w-[36px] min-w-[36px]'} />\n ))}\n <col className={viewMode === 'weekly' ? 'w-[72px]' : 'w-[56px] min-w-[56px]'} />\n </colgroup>\n <thead>\n <tr className=\"border-b bg-muted/50\">\n <th className=\"sticky left-0 z-10 bg-muted px-3 py-2 text-left font-medium\">\n {t('staff.timesheets.my.project', 'Project')}\n </th>\n {visibleDays.map((date) => {\n const dayName = getLocalizedDayName(date)\n const weekend = isWeekendDay(date)\n return (\n <th\n key={formatDateKey(date)}\n className={`py-2 text-center font-medium px-1 ${weekend ? 'bg-muted/80 text-muted-foreground' : ''}`}\n >\n <div className=\"text-[10px] uppercase text-muted-foreground\">{dayName}</div>\n <div className=\"text-xs\">{date.getDate()}</div>\n </th>\n )\n })}\n <th className=\"px-3 py-2 text-right font-medium\">\n {t('staff.timesheets.my.total', 'Total')}\n </th>\n </tr>\n </thead>\n <tbody>\n {projects.map((project) => (\n <tr key={project.id} className=\"group border-b hover:bg-muted/30\">\n <td className=\"sticky left-0 z-10 bg-background px-3 py-1.5 font-medium text-foreground\">\n <div className=\"flex items-center justify-between gap-2\">\n <div className=\"min-w-0 flex-1\">\n <div className=\"flex items-center gap-1.5 truncate\" title={project.name}>\n <ProjectColorDot colorKey={project.color} projectName={project.name} size=\"sm\" />\n <span className=\"truncate\">{project.name}</span>\n </div>\n {project.code && (\n <div className=\"text-[10px] text-muted-foreground\">{project.code}</div>\n )}\n </div>\n <button\n type=\"button\"\n onClick={() => { void handleRemoveProject(project) }}\n aria-label={t('staff.timesheets.my.removeRow', 'Remove from grid')}\n title={t('staff.timesheets.my.removeRow', 'Remove from grid')}\n className=\"opacity-0 group-hover:opacity-100 focus:opacity-100 inline-flex h-5 w-5 shrink-0 cursor-pointer items-center justify-center rounded text-muted-foreground hover:bg-muted hover:text-foreground transition-opacity\"\n >\n <X className=\"h-3.5 w-3.5\" />\n </button>\n </div>\n </td>\n {visibleDays.map((date) => {\n const dateKey = formatDateKey(date)\n const weekend = isWeekendDay(date)\n const cellMinutes = getCellValue(project.id, dateKey)\n const isDirty = dirty[project.id]?.[dateKey] !== undefined\n return (\n <td key={dateKey} className={`px-0.5 py-0.5 ${weekend ? 'bg-muted/40' : ''}`}>\n {weekend ? (\n <div className=\"rounded px-1 py-1 text-center text-xs text-muted-foreground/50\">-</div>\n ) : (\n <input\n type=\"text\"\n inputMode=\"decimal\"\n className={`mx-auto block rounded border text-center tabular-nums transition-colors\n ${viewMode === 'weekly' ? 'w-12 px-1 py-0.5 text-xs' : 'w-8 px-0 py-1 text-[10px]'}\n ${isDirty ? 'border-amber-400 bg-amber-50' : 'border-muted-foreground/20 bg-transparent'}\n ${cellMinutes > 0 ? 'font-semibold' : 'text-muted-foreground'}\n hover:border-muted-foreground/40 focus:border-primary focus:bg-background focus:outline-none`}\n value={rawText[project.id]?.[dateKey] ?? minutesToDecimal(cellMinutes)}\n onChange={(e) => handleCellChange(project.id, dateKey, e.target.value)}\n onBlur={(event) => handleCellBlur(project.id, dateKey, event.currentTarget.value)}\n placeholder={t('staff.timesheets.my.durationPlaceholder', '0')}\n />\n )}\n </td>\n )\n })}\n <td className=\"px-3 py-1.5 text-right font-semibold text-xs tabular-nums\">\n {minutesToDecimal(getRowTotal(project.id)) || '0'}\n </td>\n </tr>\n ))}\n <tr className=\"border-b\">\n <td colSpan={visibleDays.length + 2} className=\"sticky left-0 bg-background px-1 py-0.5\">\n <AddRowDropdown\n assignedProjects={allAssignedProjects}\n visibleProjectIds={visibleProjectIds}\n canCreateProject={canManageProjects}\n onAddProject={handleAddProject}\n onCreateProject={() => setCreateDialogOpen(true)}\n />\n </td>\n </tr>\n </tbody>\n <tfoot>\n <tr className=\"border-t bg-muted/50 font-semibold\">\n <td className=\"sticky left-0 z-10 bg-muted px-3 py-2\">\n {t('staff.timesheets.my.daily_total', 'Daily Total')}\n </td>\n {visibleDays.map((date) => {\n const weekend = isWeekendDay(date)\n const dayMinutes = getDayTotal(date)\n return (\n <td key={formatDateKey(date)} className={`py-2 text-center text-xs tabular-nums ${weekend ? 'text-muted-foreground/50' : ''}`}>\n {weekend ? '-' : (minutesToDecimal(dayMinutes) || '-')}\n </td>\n )\n })}\n <td className=\"px-3 py-2 text-right tabular-nums font-semibold\">{minutesToDecimal(grandTotal) || '0'}</td>\n </tr>\n </tfoot>\n </table>\n </div>\n )}\n </div>\n </PageBody>\n {ConfirmDialogElement}\n <CreateProjectDialog\n open={createDialogOpen}\n onOpenChange={setCreateDialogOpen}\n onProjectCreated={handleProjectCreated}\n />\n </Page>\n )\n}\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -50,12 +50,11 @@ function TimerBar({ projects, staffMemberId, onTimerStopped }) {
|
|
|
50
50
|
);
|
|
51
51
|
const startElapsedCounter = useCallback((startedAt) => {
|
|
52
52
|
const startTime = new Date(startedAt).getTime();
|
|
53
|
-
const
|
|
54
|
-
|
|
55
|
-
setElapsedSeconds(initialElapsed);
|
|
53
|
+
const calcElapsed = () => Math.max(0, Math.floor((Date.now() - startTime) / 1e3));
|
|
54
|
+
setElapsedSeconds(calcElapsed());
|
|
56
55
|
if (intervalRef.current) clearInterval(intervalRef.current);
|
|
57
56
|
intervalRef.current = setInterval(() => {
|
|
58
|
-
setElapsedSeconds((
|
|
57
|
+
setElapsedSeconds(calcElapsed());
|
|
59
58
|
}, 1e3);
|
|
60
59
|
}, []);
|
|
61
60
|
const stopElapsedCounter = useCallback(() => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../src/modules/staff/lib/timesheets-ui/TimerBar.tsx"],
|
|
4
|
-
"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"],
|
|
5
|
-
"mappings": ";
|
|
4
|
+
"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 calcElapsed = () => Math.max(0, Math.floor((Date.now() - startTime) / 1000))\n setElapsedSeconds(calcElapsed())\n\n if (intervalRef.current) clearInterval(intervalRef.current)\n intervalRef.current = setInterval(() => {\n setElapsedSeconds(calcElapsed())\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"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@open-mercato/core",
|
|
3
|
-
"version": "0.6.6-develop.
|
|
3
|
+
"version": "0.6.6-develop.6377.1.d26fed7324",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -246,16 +246,16 @@
|
|
|
246
246
|
"zod": "^4.4.3"
|
|
247
247
|
},
|
|
248
248
|
"peerDependencies": {
|
|
249
|
-
"@open-mercato/ai-assistant": "0.6.6-develop.
|
|
250
|
-
"@open-mercato/shared": "0.6.6-develop.
|
|
251
|
-
"@open-mercato/ui": "0.6.6-develop.
|
|
249
|
+
"@open-mercato/ai-assistant": "0.6.6-develop.6377.1.d26fed7324",
|
|
250
|
+
"@open-mercato/shared": "0.6.6-develop.6377.1.d26fed7324",
|
|
251
|
+
"@open-mercato/ui": "0.6.6-develop.6377.1.d26fed7324",
|
|
252
252
|
"react": "^19.0.0",
|
|
253
253
|
"react-dom": "^19.0.0"
|
|
254
254
|
},
|
|
255
255
|
"devDependencies": {
|
|
256
|
-
"@open-mercato/ai-assistant": "0.6.6-develop.
|
|
257
|
-
"@open-mercato/shared": "0.6.6-develop.
|
|
258
|
-
"@open-mercato/ui": "0.6.6-develop.
|
|
256
|
+
"@open-mercato/ai-assistant": "0.6.6-develop.6377.1.d26fed7324",
|
|
257
|
+
"@open-mercato/shared": "0.6.6-develop.6377.1.d26fed7324",
|
|
258
|
+
"@open-mercato/ui": "0.6.6-develop.6377.1.d26fed7324",
|
|
259
259
|
"@testing-library/dom": "^10.4.1",
|
|
260
260
|
"@testing-library/jest-dom": "^6.9.1",
|
|
261
261
|
"@testing-library/react": "^16.3.1",
|
|
@@ -87,7 +87,7 @@ function minutesToDecimal(minutes: number): string {
|
|
|
87
87
|
function decimalToMinutes(value: string): number {
|
|
88
88
|
const trimmed = value.trim()
|
|
89
89
|
if (!trimmed) return 0
|
|
90
|
-
const num = parseFloat(trimmed)
|
|
90
|
+
const num = parseFloat(trimmed.replace(',', '.'))
|
|
91
91
|
if (isNaN(num) || num < 0) return 0
|
|
92
92
|
return Math.min(Math.round(num * 60), 1440)
|
|
93
93
|
}
|
|
@@ -365,15 +365,15 @@ export default function MyTimesheetsPage() {
|
|
|
365
365
|
})
|
|
366
366
|
}, [])
|
|
367
367
|
|
|
368
|
-
const handleCellBlur = React.useCallback((projectId: string, dateKey: string) => {
|
|
369
|
-
const
|
|
368
|
+
const handleCellBlur = React.useCallback((projectId: string, dateKey: string, currentValue: string) => {
|
|
369
|
+
const editedText = rawText[projectId]?.[dateKey]
|
|
370
|
+
const text = editedText ?? currentValue
|
|
370
371
|
if (text === undefined) return
|
|
371
372
|
const minutes = decimalToMinutes(text)
|
|
372
373
|
const cellEntries = entries[projectId]?.[dateKey] ?? []
|
|
373
374
|
const existingMinutes = cellEntries.reduce((sum, e) => sum + e.minutes, 0)
|
|
374
375
|
|
|
375
|
-
|
|
376
|
-
if (minutes !== existingMinutes || cellEntries.length > 0) {
|
|
376
|
+
if (minutes !== existingMinutes || (editedText !== undefined && cellEntries.length > 0)) {
|
|
377
377
|
setDirty((prev) => {
|
|
378
378
|
const projectEntries: Record<string, CellEntry> = { ...(prev[projectId] ?? {}) }
|
|
379
379
|
const firstId = cellEntries[0]?.id
|
|
@@ -851,7 +851,7 @@ export default function MyTimesheetsPage() {
|
|
|
851
851
|
hover:border-muted-foreground/40 focus:border-primary focus:bg-background focus:outline-none`}
|
|
852
852
|
value={rawText[project.id]?.[dateKey] ?? minutesToDecimal(cellMinutes)}
|
|
853
853
|
onChange={(e) => handleCellChange(project.id, dateKey, e.target.value)}
|
|
854
|
-
onBlur={() => handleCellBlur(project.id, dateKey)}
|
|
854
|
+
onBlur={(event) => handleCellBlur(project.id, dateKey, event.currentTarget.value)}
|
|
855
855
|
placeholder={t('staff.timesheets.my.durationPlaceholder', '0')}
|
|
856
856
|
/>
|
|
857
857
|
)}
|
|
@@ -82,13 +82,12 @@ export function TimerBar({ projects, staffMemberId, onTimerStopped }: TimerBarPr
|
|
|
82
82
|
|
|
83
83
|
const startElapsedCounter = useCallback((startedAt: string) => {
|
|
84
84
|
const startTime = new Date(startedAt).getTime()
|
|
85
|
-
const
|
|
86
|
-
|
|
87
|
-
setElapsedSeconds(initialElapsed)
|
|
85
|
+
const calcElapsed = () => Math.max(0, Math.floor((Date.now() - startTime) / 1000))
|
|
86
|
+
setElapsedSeconds(calcElapsed())
|
|
88
87
|
|
|
89
88
|
if (intervalRef.current) clearInterval(intervalRef.current)
|
|
90
89
|
intervalRef.current = setInterval(() => {
|
|
91
|
-
setElapsedSeconds((
|
|
90
|
+
setElapsedSeconds(calcElapsed())
|
|
92
91
|
}, 1000)
|
|
93
92
|
}, [])
|
|
94
93
|
|