@open-mercato/core 0.7.1-develop.7178.1.ab93fbaf4e → 0.7.1-develop.7180.1.9717fbbb43

package/dist/modules/staff/lib/time-tracking-ui/TaskDrawer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/staff/lib/time-tracking-ui/TaskDrawer.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useRouter } from 'next/navigation'\nimport { useQuery, useQueryClient } from '@tanstack/react-query'\nimport { Plus, X } from 'lucide-react'\nimport {\n  Drawer,\n  DrawerBody,\n  DrawerContent,\n  DrawerDescription,\n  DrawerFooter,\n  DrawerHeader,\n  DrawerTitle,\n} from '@open-mercato/ui/primitives/drawer'\nimport { Avatar } from '@open-mercato/ui/primitives/avatar'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Checkbox } from '@open-mercato/ui/primitives/checkbox'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Progress } from '@open-mercato/ui/primitives/progress'\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@open-mercato/ui/primitives/select'\nimport { ErrorMessage, LoadingMessage } from '@open-mercato/ui/backend/detail'\nimport { apiCall, apiCallOrThrow, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'\nimport { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'\nimport { surfaceRecordConflict } from '@open-mercato/ui/backend/conflicts'\nimport { useBackendChrome } from '@open-mercato/ui/backend/BackendChromeProvider'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { InjectionSpot } from '@open-mercato/ui/backend/injection/InjectionSpot'\nimport { extensionPoints } from '@open-mercato/core/modules/staff/extension-points'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { formatCurrency, formatDate } from '@open-mercato/ui/utils/format'\nimport { hasFeature } from '@open-mercato/shared/security/features'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { createLogger } from '@open-mercato/shared/lib/logger'\nimport { TaskCommentThread } from './TaskCommentThread'\nimport { TaskQuickLog, type QuickLogSubmission } from './TaskQuickLog'\nimport { TagPicker, tagChipStyle } from './TagPicker'\nimport { slugifyProjectName } from '../time-tracking/projectCode'\nimport type { TagOption } from './timeEntryDialogState'\nimport {\n  computeSubtaskProgress,\n  formatBoardMinutes,\n  readItems,\n  readString,\n  readTotal,\n  sortByPosition,\n  toBoardStatus,\n  toBoardTask,\n  type BoardApiRow,\n  type BoardStatus,\n  type BoardTask,\n} from './kanbanBoardData'\nimport {\n  childMinutes,\n  formatElapsed,\n  formatSplitMinutes,\n  resolveDefaultStatusId,\n  resolveDoneStatusId,\n  summarizeEntries,\n  toDrawerComment,\n  toDrawerEntry,\n  todayIsoDate,\n  buildEntryClocks,\n  type DrawerComment,\n  type DrawerEntry,\n} from './taskDrawerData'\n\nconst logger = createLogger('staff').child({ component: 'TaskDrawer' })\n\nconst TASK_ENTITY_ID = 'staff:staff_time_task'\n\ntype TaskDetailInjectionContext = {\n  entityId: string\n  recordId: string\n  taskId: string\n  timeProjectId: string | null\n  retryLastMutation: () => Promise<boolean>\n}\n\nexport const TASK_DRAWER_MUTATION_CONTEXT_ID = 'staff.time_tracking.task_drawer'\nexport const RATES_FEATURE = 'staff.timesheets.rates.view'\nexport const TASKS_MANAGE_FEATURE = 'staff.timesheets.tasks.manage'\nexport const ENTRIES_LIST_PATH = '/backend/staff/time-tracking/entries'\n\nconst DRAWER_QUERY_ROOT = ['staff', 'time-tracking', 'task-drawer'] as const\nconst DIRECTORY_PAGE_SIZE = 100\nconst CHILD_PAGE_SIZE = 100\nconst COMMENT_PAGE_SIZE = 50\nconst ENTRY_PAGE_SIZE = 100\n/** Bounded sweep: the entries route has no `taskId` filter (see the docblock). */\nconst MAX_ENTRY_PAGES = 3\nconst RECENT_ENTRY_COUNT = 5\nconst ELAPSED_TICK_MS = 1000\n\nexport type TaskDrawerProps = {\n  taskId: string\n  open: boolean\n  onOpenChange: (open: boolean) => void\n  /** Shown in the header line next to the created date; the host already knows it. */\n  projectName?: string | null\n  /** `?panel=time` \u2014 \"Add time\" on a board card lands with the quick log focused. */\n  focusPanel?: string | null\n  /** Lets the host (the board) refetch after a write that changed hours or status. */\n  onChanged?: () => void\n}\n\ntype LoadedTask = { task: BoardTask; createdAt: string | null }\n\ntype RunningTimer = { entryId: string | null; taskId: string | null; startedAt: string | null }\n\ntype ProjectEntries = { rows: BoardApiRow[]; partial: boolean }\n\nasync function fetchProjectEntries(projectId: string): Promise<ProjectEntries> {\n  const rows: BoardApiRow[] = []\n  for (let page = 1; page <= MAX_ENTRY_PAGES; page += 1) {\n    const call = await apiCall<Record<string, unknown>>(\n      `/api/staff/timesheets/time-entries?projectId=${encodeURIComponent(projectId)}&page=${page}&pageSize=${ENTRY_PAGE_SIZE}&sortField=date&sortDir=desc`,\n    )\n    if (!call.ok) return { rows, partial: true }\n    const items = readItems(call.result)\n    rows.push(...items)\n    if (items.length < ENTRY_PAGE_SIZE) return { rows, partial: false }\n    if (rows.length >= readTotal(call.result, rows.length)) return { rows, partial: false }\n  }\n  return { rows, partial: true }\n}\n\n/**\n * The task drawer of screen 7 (T3.7, US-C3/C4/C5, US-D4).\n *\n * Four decisions carry the design intent:\n *\n *  1. **Subtasks are child tasks, and ticking one is a status move** (D-2, and\n *     the decision that supersedes the mockup's note 4). There is no boolean on\n *     a task, so the checkbox PATCHes the child to the project's first `is_done`\n *     column and un-ticking returns it to the `is_default` one. Each row carries\n *     its own assignee and its own hours because a subtask holds time like any\n *     other task; the parent's headline is the inclusive rollup that already\n *     contains them.\n *  2. **Depth is capped at one.** A child task's drawer renders no subtask\n *     section at all: the server answers `400 subtask_depth_exceeded`, so an\n *     \"add subtask\" affordance there could only ever fail.\n *  3. **Properties save per field, so each write carries its own version.** A\n *     blur PATCHes with `buildOptimisticLockHeader(versionRef.current)` and then refreshes\n *     the token \u2014 from the status route's `updatedAt` when it returns one, by\n *     refetching the row when it does not (the CRUD update answers `{ok:true}`).\n *     Saves are chained on `saveChainRef` so the second field never leaves with\n *     the version the first one just invalidated.\n *  4. **One timer at a time** (note 2, US-D4). Starting here while a timer runs\n *     on another task asks first, then stops that one before starting this one.\n *\n * Two known gaps, both other tasks' work, are handled honestly rather than faked:\n * the task projection carries no tag ids yet (T3.10), so the tag row can add but\n * cannot list what the server already has; and the entries route has no `taskId`\n * filter, so the recent-entries list and the billable split come from a bounded\n * sweep of the project's entries and say so when the bound is hit.\n */\nexport function TaskDrawer({\n  taskId,\n  open,\n  onOpenChange,\n  projectName,\n  focusPanel,\n  onChanged,\n}: TaskDrawerProps) {\n  const t = useT()\n  const router = useRouter()\n  const queryClient = useQueryClient()\n  const scopeVersion = useOrganizationScopeVersion()\n  const { payload } = useBackendChrome()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n\n  const canSeeMoney = hasFeature(payload?.grantedFeatures, RATES_FEATURE)\n  const canManage = hasFeature(payload?.grantedFeatures, TASKS_MANAGE_FEATURE)\n\n  const [tagIds, setTagIds] = React.useState<string[]>([])\n  const [subtaskDraft, setSubtaskDraft] = React.useState('')\n  const [composingSubtask, setComposingSubtask] = React.useState(false)\n  const [busy, setBusy] = React.useState(false)\n  const [timerBusy, setTimerBusy] = React.useState(false)\n  const [now, setNow] = React.useState(() => Date.now())\n\n  const saveChainRef = React.useRef<Promise<void>>(Promise.resolve())\n  /**\n   * The lock token lives in a ref, not in state: a save queued behind another one\n   * must read the version at the moment it *runs*, not the one its closure was\n   * built with, or a second blur landing before a re-render would still leave\n   * with the token the first blur just invalidated.\n   */\n  const versionRef = React.useRef<string | null>(null)\n\n  const { runMutation, retryLastMutation } = useGuardedMutation<{\n    formId: string\n    resourceKind: string\n    resourceId: string\n    retryLastMutation: () => Promise<boolean>\n  }>({\n    contextId: TASK_DRAWER_MUTATION_CONTEXT_ID,\n    blockedMessage: t('staff.time_tracking.taskDrawer.properties.saveError', 'Could not save the change.'),\n  })\n\n  const taskQuery = useQuery<LoadedTask | null>({\n    queryKey: [...DRAWER_QUERY_ROOT, 'task', `scope:${scopeVersion}`, taskId],\n    enabled: open && taskId.length > 0,\n    staleTime: 5_000,\n    queryFn: async () => {\n      const call = await apiCall<Record<string, unknown>>(\n        `/api/staff/timesheets/tasks?id=${encodeURIComponent(taskId)}&pageSize=1`,\n      )\n      if (!call.ok) throw new Error('[internal] task request failed')\n      const row = readItems(call.result)[0]\n      if (!row) return null\n      const parsed = toBoardTask(row)\n      return parsed ? { task: parsed, createdAt: readString(row, 'created_at', 'createdAt') } : null\n    },\n  })\n\n  const task = taskQuery.data?.task ?? null\n  const createdAt = taskQuery.data?.createdAt ?? null\n  const projectId = task?.timeProjectId ?? null\n\n  const taskInjectionContext = React.useMemo<TaskDetailInjectionContext>(\n    () => ({\n      entityId: TASK_ENTITY_ID,\n      recordId: taskId,\n      taskId,\n      timeProjectId: projectId,\n      retryLastMutation,\n    }),\n    [projectId, retryLastMutation, taskId],\n  )\n  const isChildTask = !!task?.parentTaskId\n\n  React.useEffect(() => {\n    if (!task) return\n    versionRef.current = task.updatedAt\n    setTagIds(task.tagIds)\n  }, [task])\n\n  const statusesQuery = useQuery<BoardStatus[]>({\n    queryKey: [...DRAWER_QUERY_ROOT, 'statuses', `scope:${scopeVersion}`, projectId ?? 'none'],\n    enabled: open && !!projectId,\n    staleTime: 30_000,\n    queryFn: async () => {\n      if (!projectId) return []\n      const call = await apiCall<Record<string, unknown>>(\n        `/api/staff/timesheets/task-statuses?timeProjectId=${encodeURIComponent(projectId)}&page=1&pageSize=${DIRECTORY_PAGE_SIZE}&sortField=position&sortDir=asc`,\n      )\n      if (!call.ok) return []\n      const statuses = readItems(call.result)\n        .map(toBoardStatus)\n        .filter((status): status is BoardStatus => status !== null)\n      return sortByPosition(statuses)\n    },\n  })\n\n  const statuses = React.useMemo(() => statusesQuery.data ?? [], [statusesQuery.data])\n\n  const childrenQuery = useQuery<BoardTask[]>({\n    queryKey: [...DRAWER_QUERY_ROOT, 'children', `scope:${scopeVersion}`, taskId],\n    enabled: open && !isChildTask && !!task,\n    staleTime: 10_000,\n    queryFn: async () => {\n      const call = await apiCall<Record<string, unknown>>(\n        `/api/staff/timesheets/tasks?parentTaskId=${encodeURIComponent(taskId)}&page=1&pageSize=${CHILD_PAGE_SIZE}&sortField=position&sortDir=asc`,\n      )\n      if (!call.ok) return []\n      const rows = readItems(call.result)\n        .map(toBoardTask)\n        .filter((row): row is BoardTask => row !== null)\n      return sortByPosition(rows)\n    },\n  })\n\n  const children = React.useMemo(() => childrenQuery.data ?? [], [childrenQuery.data])\n\n  const commentsQuery = useQuery<DrawerComment[]>({\n    queryKey: [...DRAWER_QUERY_ROOT, 'comments', `scope:${scopeVersion}`, taskId],\n    enabled: open && taskId.length > 0,\n    staleTime: 10_000,\n    queryFn: async () => {\n      const call = await apiCall<Record<string, unknown>>(\n        `/api/staff/timesheets/tasks/${encodeURIComponent(taskId)}/comments?page=1&pageSize=${COMMENT_PAGE_SIZE}`,\n      )\n      if (!call.ok) throw new Error('[internal] comments request failed')\n      return readItems(call.result)\n        .map(toDrawerComment)\n        .filter((comment): comment is DrawerComment => comment !== null)\n    },\n  })\n\n  const entriesQuery = useQuery<ProjectEntries>({\n    queryKey: [...DRAWER_QUERY_ROOT, 'entries', `scope:${scopeVersion}`, projectId ?? 'none'],\n    enabled: open && !!projectId,\n    staleTime: 10_000,\n    queryFn: async () => (projectId ? fetchProjectEntries(projectId) : { rows: [], partial: false }),\n  })\n\n  const selfQuery = useQuery<string | null>({\n    queryKey: [...DRAWER_QUERY_ROOT, 'self', `scope:${scopeVersion}`],\n    enabled: open,\n    staleTime: 300_000,\n    queryFn: async () => {\n      const call = await apiCall<{ member?: { id?: string | null } | null }>('/api/staff/team-members/self')\n      return call.ok ? call.result?.member?.id ?? null : null\n    },\n  })\n\n  const selfStaffMemberId = selfQuery.data ?? null\n\n  const membersQuery = useQuery<{ id: string; name: string }[]>({\n    queryKey: [...DRAWER_QUERY_ROOT, 'members', `scope:${scopeVersion}`],\n    enabled: open,\n    staleTime: 300_000,\n    queryFn: async () => {\n      const call = await apiCall<Record<string, unknown>>(\n        `/api/staff/team-members?page=1&pageSize=${DIRECTORY_PAGE_SIZE}&isActive=true`,\n      )\n      if (!call.ok) return []\n      return readItems(call.result)\n        .map((row) => {\n          const id = readString(row, 'id')\n          if (!id) return null\n          return { id, name: readString(row, 'display_name', 'displayName') ?? id }\n        })\n        .filter((member): member is { id: string; name: string } => member !== null)\n    },\n  })\n\n  const members = React.useMemo(() => membersQuery.data ?? [], [membersQuery.data])\n\n  const memberNames = React.useMemo(() => {\n    const map = new Map<string, string>()\n    for (const member of members) map.set(member.id, member.name)\n    return map\n  }, [members])\n\n  const tagsQuery = useQuery<TagOption[]>({\n    queryKey: [...DRAWER_QUERY_ROOT, 'tags', `scope:${scopeVersion}`],\n    enabled: open,\n    staleTime: 300_000,\n    queryFn: async () => {\n      const call = await apiCall<Record<string, unknown>>(\n        `/api/staff/timesheets/tags?page=1&pageSize=${DIRECTORY_PAGE_SIZE}&sortField=label&sortDir=asc`,\n      )\n      if (!call.ok) return []\n      return readItems(call.result)\n        .map((row) => {\n          const id = readString(row, 'id')\n          if (!id) return null\n          // The colour has to travel with the tag or the drawer's chips render\n          // grey while the entry dialog's render tinted from the same rows.\n          return { id, label: readString(row, 'label') ?? id, color: readString(row, 'color') }\n        })\n        .filter((tag): tag is TagOption => tag !== null)\n    },\n  })\n\n  const tagOptions = React.useMemo(() => tagsQuery.data ?? [], [tagsQuery.data])\n\n  const runningTimerQuery = useQuery<RunningTimer>({\n    queryKey: [...DRAWER_QUERY_ROOT, 'running-timer', `scope:${scopeVersion}`, selfStaffMemberId ?? 'none'],\n    enabled: open && !!selfStaffMemberId,\n    staleTime: 15_000,\n    refetchInterval: 30_000,\n    queryFn: async () => {\n      if (!selfStaffMemberId) return { entryId: null, taskId: null, startedAt: null }\n      const call = await apiCall<Record<string, unknown>>(\n        `/api/staff/timesheets/time-entries?staffMemberId=${encodeURIComponent(selfStaffMemberId)}&running=true&pageSize=${ENTRY_PAGE_SIZE}`,\n      )\n      if (!call.ok) return { entryId: null, taskId: null, startedAt: null }\n      for (const row of readItems(call.result)) {\n        const startedAt = readString(row, 'started_at', 'startedAt')\n        const endedAt = readString(row, 'ended_at', 'endedAt')\n        if (!startedAt || endedAt) continue\n        return {\n          entryId: readString(row, 'id'),\n          taskId: readString(row, 'task_id', 'taskId'),\n          startedAt,\n        }\n      }\n      return { entryId: null, taskId: null, startedAt: null }\n    },\n  })\n\n  const runningTimer = runningTimerQuery.data ?? { entryId: null, taskId: null, startedAt: null }\n  const timerRunningHere = !!runningTimer.entryId && runningTimer.taskId === taskId\n\n  React.useEffect(() => {\n    if (!open || !timerRunningHere) return\n    const handle = setInterval(() => setNow(Date.now()), ELAPSED_TICK_MS)\n    return () => clearInterval(handle)\n  }, [open, timerRunningHere])\n\n  const doneStatusIds = React.useMemo(\n    () => new Set(statuses.filter((status) => status.isDone).map((status) => status.id)),\n    [statuses],\n  )\n\n  // `doneChildCount` does not exist on the API yet, so the drawer derives it the\n  // way the board does \u2014 from the children it already fetched for the list. One\n  // extra page of rows per open, no extra request.\n  const progress = React.useMemo(\n    () => computeSubtaskProgress(children, doneStatusIds).get(taskId) ?? { total: 0, done: 0 },\n    [children, doneStatusIds, taskId],\n  )\n\n  const subtaskTotal = Math.max(progress.total, task?.childCount ?? 0)\n\n  const taskIdsForEntries = React.useMemo(() => {\n    const ids = new Set<string>([taskId])\n    for (const child of children) ids.add(child.id)\n    return ids\n  }, [children, taskId])\n\n  const entries = React.useMemo<DrawerEntry[]>(() => {\n    const rows = entriesQuery.data?.rows ?? []\n    return rows\n      .map(toDrawerEntry)\n      .filter((entry): entry is DrawerEntry => entry !== null && !!entry.taskId && taskIdsForEntries.has(entry.taskId))\n  }, [entriesQuery.data, taskIdsForEntries])\n\n  const totals = React.useMemo(\n    () => summarizeEntries(entries, entriesQuery.data?.partial ?? false),\n    [entries, entriesQuery.data],\n  )\n\n  const invalidate = React.useCallback(\n    (part: 'task' | 'children' | 'entries' | 'comments') => {\n      queryClient.invalidateQueries({ queryKey: [...DRAWER_QUERY_ROOT, part] }).catch(() => {})\n    },\n    [queryClient],\n  )\n\n  const refreshVersion = React.useCallback(async (): Promise<void> => {\n    const refreshed = await taskQuery.refetch()\n    const updatedAt = refreshed.data?.task.updatedAt ?? null\n    if (updatedAt) versionRef.current = updatedAt\n  }, [taskQuery])\n\n  const reportError = React.useCallback(\n    (error: unknown, fallback: string) => {\n      if (surfaceRecordConflict(error, t)) {\n        invalidate('task')\n        invalidate('children')\n        return\n      }\n      logger.error('staff.time_tracking task drawer mutation failed', { err: error })\n      flash(error instanceof Error && error.message ? error.message : fallback, 'error')\n    },\n    [invalidate, t],\n  )\n\n  const handleQuickLog = React.useCallback(\n    async ({ minutes, description, date, isBillable, startClock, endClock }: QuickLogSubmission): Promise<boolean> => {\n      if (!selfStaffMemberId || !projectId) {\n        flash(t('staff.time_tracking.taskDrawer.quickLog.error', 'Could not save the time entry.'), 'error')\n        return false\n      }\n      setBusy(true)\n      try {\n        await runMutation({\n          operation: () =>\n            apiCallOrThrow(\n              '/api/staff/timesheets/time-entries',\n              {\n                method: 'POST',\n                headers: { 'content-type': 'application/json' },\n                body: JSON.stringify({\n                  // US-C5 defaults \u2014 today, me, billable \u2014 unless the Details block\n                  // overrode them. The person is never overridable here: logging\n                  // for somebody else is a different act with different permissions.\n                  staffMemberId: selfStaffMemberId,\n                  date,\n                  durationMinutes: minutes,\n                  taskId,\n                  timeProjectId: projectId,\n                  isBillable,\n                  description,\n                  // The clocks are sent as a pair or not at all. A lone\n                  // `started_at` is indistinguishable from a running timer \u2014\n                  // `started_at IS NOT NULL AND ended_at IS NULL` is exactly how\n                  // the list identifies one \u2014 so an entry with a start and no end\n                  // shows up as a timer running since that moment, and stopping it\n                  // fails because no timer segment was ever opened for it.\n                  //\n                  // The duration is authoritative here, so the missing half is\n                  // derived from it rather than left blank: the same 2-of-3\n                  // arithmetic the full entry form does.\n                  ...buildEntryClocks({ date, startClock, endClock, minutes }),\n                  source: 'manual',\n                }),\n              },\n              { errorMessage: t('staff.time_tracking.taskDrawer.quickLog.error', 'Could not save the time entry.') },\n            ),\n          context: {\n            formId: TASK_DRAWER_MUTATION_CONTEXT_ID,\n            resourceKind: 'staff.timesheets.time_entry',\n            resourceId: taskId,\n            retryLastMutation,\n          },\n        })\n        flash(t('staff.time_tracking.taskDrawer.quickLog.saved', 'Time logged.'), 'success')\n        invalidate('task')\n        invalidate('entries')\n        onChanged?.()\n        return true\n      } catch (error) {\n        reportError(error, t('staff.time_tracking.taskDrawer.quickLog.error', 'Could not save the time entry.'))\n        return false\n      } finally {\n        setBusy(false)\n      }\n    },\n    [invalidate, onChanged, projectId, reportError, retryLastMutation, runMutation, selfStaffMemberId, t, taskId],\n  )\n\n  const stopTimerEntry = React.useCallback(\n    async (entryId: string) => {\n      await runMutation({\n        operation: () =>\n          apiCallOrThrow(\n            `/api/staff/timesheets/time-entries/${encodeURIComponent(entryId)}/timer-stop`,\n            { method: 'POST' },\n            { errorMessage: t('staff.time_tracking.board.timer.stopError', 'Could not stop the timer.') },\n          ),\n        context: {\n          formId: TASK_DRAWER_MUTATION_CONTEXT_ID,\n          resourceKind: 'staff.timesheets.time_entry',\n          resourceId: entryId,\n          retryLastMutation,\n        },\n      })\n    },\n    [retryLastMutation, runMutation, t],\n  )\n\n  const handleStopTimer = React.useCallback(async () => {\n    if (!runningTimer.entryId) return\n    setTimerBusy(true)\n    try {\n      await stopTimerEntry(runningTimer.entryId)\n      await runningTimerQuery.refetch()\n      invalidate('task')\n      invalidate('entries')\n      onChanged?.()\n    } catch (error) {\n      reportError(error, t('staff.time_tracking.board.timer.stopError', 'Could not stop the timer.'))\n    } finally {\n      setTimerBusy(false)\n    }\n  }, [invalidate, onChanged, reportError, runningTimer.entryId, runningTimerQuery, stopTimerEntry, t])\n\n  const handleStartTimer = React.useCallback(async () => {\n    if (!selfStaffMemberId || !projectId) return\n    // Note 2 / US-D4: one timer at a time. A timer running on another task is\n    // stopped only after the person says so \u2014 never silently.\n    if (runningTimer.entryId && runningTimer.taskId !== taskId) {\n      const confirmed = await confirm({\n        title: t('staff.time_tracking.taskDrawer.timer.switchTitle', 'A timer is running on another task'),\n        text: t(\n          'staff.time_tracking.taskDrawer.timer.switchText',\n          'Only one timer can run at a time. Stop the other one and start it here?',\n        ),\n      })\n      if (!confirmed) return\n    }\n    setTimerBusy(true)\n    try {\n      if (runningTimer.entryId && runningTimer.taskId !== taskId) {\n        await stopTimerEntry(runningTimer.entryId)\n      }\n      const started = await runMutation({\n        operation: () =>\n          apiCallOrThrow<Record<string, unknown>>(\n            '/api/staff/timesheets/time-entries/start-timer',\n            {\n              method: 'POST',\n              headers: { 'content-type': 'application/json' },\n              body: JSON.stringify({\n                staffMemberId: selfStaffMemberId,\n                timeProjectId: projectId,\n                date: todayIsoDate(),\n                notes: task?.title ?? null,\n              }),\n            },\n            { errorMessage: t('staff.time_tracking.board.timer.startError', 'Could not start the timer.') },\n          ),\n        context: {\n          formId: TASK_DRAWER_MUTATION_CONTEXT_ID,\n          resourceKind: 'staff.timesheets.time_entry',\n          resourceId: taskId,\n          retryLastMutation,\n        },\n      })\n      const entryId = typeof started?.result?.id === 'string' ? started.result.id : null\n      if (entryId) {\n        // `start-timer` is atomic but takes no task, so the link is a second\n        // write \u2014 the board does the same. A failure leaves a running,\n        // project-level timer rather than no timer at all.\n        const linked = await apiCall('/api/staff/timesheets/time-entries', {\n          method: 'PUT',\n          headers: { 'content-type': 'application/json' },\n          body: JSON.stringify({ id: entryId, taskId }),\n        })\n        if (!linked.ok) {\n          flash(\n            t(\n              'staff.time_tracking.board.timer.linkWarning',\n              'The timer is running but is not linked to this task yet.',\n            ),\n            'warning',\n          )\n        }\n      }\n      await runningTimerQuery.refetch()\n      onChanged?.()\n    } catch (error) {\n      reportError(error, t('staff.time_tracking.board.timer.startError', 'Could not start the timer.'))\n    } finally {\n      setTimerBusy(false)\n    }\n  }, [\n    confirm,\n    onChanged,\n    projectId,\n    reportError,\n    retryLastMutation,\n    runMutation,\n    runningTimer.entryId,\n    runningTimer.taskId,\n    runningTimerQuery,\n    selfStaffMemberId,\n    stopTimerEntry,\n    t,\n    task?.title,\n    taskId,\n  ])\n\n  /**\n   * Property saves are serialized. Each one leaves with the version the previous\n   * one produced, so the second blur cannot 409 against the first.\n   */\n  const runSerialized = React.useCallback(async (job: () => Promise<void>): Promise<void> => {\n    const chained = saveChainRef.current.then(job, job)\n    saveChainRef.current = chained.catch(() => {})\n    return chained\n  }, [])\n\n  const saveTaskField = React.useCallback(\n    async (patch: Record<string, unknown>) => {\n      if (!task) return\n      setBusy(true)\n      try {\n        await runSerialized(async () => {\n          await runMutation({\n            operation: () =>\n              withScopedApiRequestHeaders(buildOptimisticLockHeader(versionRef.current), () =>\n                apiCallOrThrow(\n                  '/api/staff/timesheets/tasks',\n                  {\n                    method: 'PUT',\n                    headers: { 'content-type': 'application/json' },\n                    body: JSON.stringify({ id: taskId, ...patch }),\n                  },\n                  {\n                    errorMessage: t(\n                      'staff.time_tracking.taskDrawer.properties.saveError',\n                      'Could not save the change.',\n                    ),\n                  },\n                ),\n              ),\n            context: {\n              formId: TASK_DRAWER_MUTATION_CONTEXT_ID,\n              resourceKind: 'staff.timesheets.task',\n              resourceId: taskId,\n              retryLastMutation,\n            },\n          })\n          // The CRUD update answers `{ok:true}`, so the new version comes from\n          // the row itself \u2014 and it must land before the next field saves.\n          await refreshVersion()\n        })\n        onChanged?.()\n      } catch (error) {\n        reportError(error, t('staff.time_tracking.taskDrawer.properties.saveError', 'Could not save the change.'))\n      } finally {\n        setBusy(false)\n      }\n    },\n    [onChanged, refreshVersion, reportError, retryLastMutation, runMutation, runSerialized, t, task, taskId],\n  )\n\n  const handleStatusChange = React.useCallback(\n    (statusId: string) => {\n      if (!task || statusId === task.taskStatusId) return\n      setBusy(true)\n      void runSerialized(async () => {\n        try {\n          const moved = await runMutation({\n            operation: () =>\n              withScopedApiRequestHeaders(buildOptimisticLockHeader(versionRef.current), () =>\n                apiCallOrThrow<Record<string, unknown>>(\n                  `/api/staff/timesheets/tasks/${encodeURIComponent(taskId)}/status`,\n                  {\n                    method: 'PATCH',\n                    headers: { 'content-type': 'application/json' },\n                    body: JSON.stringify({ taskStatusId: statusId }),\n                  },\n                  { errorMessage: t('staff.time_tracking.board.move.error', 'Could not move the task.') },\n                ),\n              ),\n            context: {\n              formId: TASK_DRAWER_MUTATION_CONTEXT_ID,\n              resourceKind: 'staff.timesheets.task',\n              resourceId: taskId,\n              retryLastMutation,\n            },\n          })\n          // This route does return the new version, so the token refreshes from\n          // the response instead of costing a refetch.\n          const updatedAt = typeof moved?.result?.updatedAt === 'string' ? moved.result.updatedAt : null\n          if (updatedAt) versionRef.current = updatedAt\n          else await refreshVersion()\n          invalidate('task')\n          onChanged?.()\n        } catch (error) {\n          reportError(error, t('staff.time_tracking.board.move.error', 'Could not move the task.'))\n        } finally {\n          setBusy(false)\n        }\n      })\n    },\n    [\n      invalidate,\n      onChanged,\n      refreshVersion,\n      reportError,\n      retryLastMutation,\n      runMutation,\n      runSerialized,\n      t,\n      task,\n      taskId,\n    ],\n  )\n\n  const handleAssigneeChange = React.useCallback(\n    (value: string) => {\n      void saveTaskField({ assigneeStaffMemberId: value === '' ? null : value })\n    },\n    [saveTaskField],\n  )\n\n  const handleToggleSubtask = React.useCallback(\n    async (child: BoardTask, done: boolean) => {\n      const targetStatusId = done ? resolveDoneStatusId(statuses) : resolveDefaultStatusId(statuses)\n      if (!targetStatusId) return\n      setBusy(true)\n      try {\n        await runMutation({\n          operation: () =>\n            // The child's own version, not the parent's \u2014 this write touches the\n            // child row.\n            withScopedApiRequestHeaders(buildOptimisticLockHeader(child.updatedAt), () =>\n              apiCallOrThrow(\n                `/api/staff/timesheets/tasks/${encodeURIComponent(child.id)}/status`,\n                {\n                  method: 'PATCH',\n                  headers: { 'content-type': 'application/json' },\n                  body: JSON.stringify({ taskStatusId: targetStatusId }),\n                },\n                {\n                  errorMessage: t(\n                    'staff.time_tracking.taskDrawer.subtasks.toggleError',\n                    'Could not change the subtask status.',\n                  ),\n                },\n              ),\n            ),\n          context: {\n            formId: TASK_DRAWER_MUTATION_CONTEXT_ID,\n            resourceKind: 'staff.timesheets.task',\n            resourceId: child.id,\n            retryLastMutation,\n          },\n        })\n        invalidate('children')\n        invalidate('task')\n        onChanged?.()\n      } catch (error) {\n        reportError(\n          error,\n          t('staff.time_tracking.taskDrawer.subtasks.toggleError', 'Could not change the subtask status.'),\n        )\n      } finally {\n        setBusy(false)\n      }\n    },\n    [invalidate, onChanged, reportError, retryLastMutation, runMutation, statuses, t],\n  )\n\n  const handleAddSubtask = React.useCallback(async () => {\n    const title = subtaskDraft.trim()\n    if (!title || !projectId) {\n      setComposingSubtask(false)\n      setSubtaskDraft('')\n      return\n    }\n    setBusy(true)\n    try {\n      await runMutation({\n        operation: () =>\n          apiCallOrThrow(\n            '/api/staff/timesheets/tasks',\n            {\n              method: 'POST',\n              headers: { 'content-type': 'application/json' },\n              body: JSON.stringify({\n                timeProjectId: projectId,\n                parentTaskId: taskId,\n                title,\n                assigneeStaffMemberId: selfStaffMemberId,\n              }),\n            },\n            {\n              errorMessage: t('staff.time_tracking.taskDrawer.subtasks.addError', 'Could not add the subtask.'),\n            },\n          ),\n        context: {\n          formId: TASK_DRAWER_MUTATION_CONTEXT_ID,\n          resourceKind: 'staff.timesheets.task',\n          resourceId: taskId,\n          retryLastMutation,\n        },\n      })\n      setSubtaskDraft('')\n      setComposingSubtask(false)\n      invalidate('children')\n      invalidate('task')\n      onChanged?.()\n    } catch (error) {\n      reportError(error, t('staff.time_tracking.taskDrawer.subtasks.addError', 'Could not add the subtask.'))\n    } finally {\n      setBusy(false)\n    }\n  }, [\n    invalidate,\n    onChanged,\n    projectId,\n    reportError,\n    retryLastMutation,\n    runMutation,\n    selfStaffMemberId,\n    subtaskDraft,\n    t,\n    taskId,\n  ])\n\n  const handlePostComment = React.useCallback(\n    async (body: string): Promise<boolean> => {\n      setBusy(true)\n      try {\n        await runMutation({\n          operation: () =>\n            apiCallOrThrow(\n              `/api/staff/timesheets/tasks/${encodeURIComponent(taskId)}/comments`,\n              {\n                method: 'POST',\n                headers: { 'content-type': 'application/json' },\n                body: JSON.stringify({ body }),\n              },\n              { errorMessage: t('staff.time_tracking.taskDrawer.comments.error', 'Could not post the comment.') },\n            ),\n          context: {\n            formId: TASK_DRAWER_MUTATION_CONTEXT_ID,\n            resourceKind: 'staff.timesheets.task_comment',\n            resourceId: taskId,\n            retryLastMutation,\n          },\n        })\n        invalidate('comments')\n        return true\n      } catch (error) {\n        reportError(error, t('staff.time_tracking.taskDrawer.comments.error', 'Could not post the comment.'))\n        return false\n      } finally {\n        setBusy(false)\n      }\n    },\n    [invalidate, reportError, retryLastMutation, runMutation, t, taskId],\n  )\n\n  const handleTagChange = React.useCallback(\n    async (tagId: string, assign: boolean) => {\n      setBusy(true)\n      const previous = tagIds\n      setTagIds((current) =>\n        assign ? Array.from(new Set([...current, tagId])) : current.filter((id) => id !== tagId),\n      )\n      try {\n        await runMutation({\n          operation: () =>\n            apiCallOrThrow(\n              '/api/staff/timesheets/tags/task-assignments',\n              {\n                method: assign ? 'POST' : 'DELETE',\n                headers: { 'content-type': 'application/json' },\n                body: JSON.stringify({ taskId, tagIds: [tagId] }),\n              },\n              { errorMessage: t('staff.time_tracking.taskDrawer.properties.tagError', 'Could not save the tags.') },\n            ),\n          context: {\n            formId: TASK_DRAWER_MUTATION_CONTEXT_ID,\n            resourceKind: 'staff.timesheets.task_tag',\n            resourceId: taskId,\n            retryLastMutation,\n          },\n        })\n        onChanged?.()\n      } catch (error) {\n        setTagIds(previous)\n        reportError(error, t('staff.time_tracking.taskDrawer.properties.tagError', 'Could not save the tags.'))\n      } finally {\n        setBusy(false)\n      }\n    },\n    [onChanged, reportError, retryLastMutation, runMutation, t, tagIds, taskId],\n  )\n\n  /**\n   * Creates the tag and hands it back so the picker can assign it through the\n   * drawer's own `handleTagChange` \u2014 the task-assignments write is untouched, the\n   * new row simply becomes assignable without leaving the drawer. The list is\n   * invalidated rather than patched so the server-assigned colour arrives with it.\n   */\n  const createTag = React.useCallback(\n    async (label: string): Promise<TagOption | null> => {\n      try {\n        const created = await apiCallOrThrow<Record<string, unknown>>(\n          '/api/staff/timesheets/tags',\n          {\n            method: 'POST',\n            headers: { 'content-type': 'application/json' },\n            body: JSON.stringify({ label, slug: slugifyProjectName(label).toLowerCase() }),\n          },\n          {\n            errorMessage: t(\n              'staff.time_tracking.entryDialog.errors.createTag',\n              'Could not create the tag.',\n            ),\n          },\n        )\n        const id = typeof created?.result?.id === 'string' ? created.result.id : null\n        if (!id) return null\n        await queryClient.invalidateQueries({ queryKey: [...DRAWER_QUERY_ROOT, 'tags'] })\n        return { id, label, color: null }\n      } catch (error) {\n        logger.warn('staff.time_tracking task drawer tag create failed', { err: error })\n        flash(t('staff.time_tracking.entryDialog.errors.createTag', 'Could not create the tag.'), 'error')\n        return null\n      }\n    },\n    [queryClient, t],\n  )\n\n  const status = React.useMemo(\n    () => statuses.find((entry) => entry.id === task?.taskStatusId) ?? null,\n    [statuses, task?.taskStatusId],\n  )\n\n  const statusVariant = status?.isDone ? 'success' : status?.isDefault ? 'neutral' : 'info'\n\n  const recentEntries = React.useMemo(() => entries.slice(0, RECENT_ENTRY_COUNT), [entries])\n\n  const assignedTags = React.useMemo<TagOption[]>(() => {\n    const byId = new Map(tagOptions.map((tag) => [tag.id, tag]))\n    return tagIds.map((id) => byId.get(id) ?? { id, label: id, color: null })\n  }, [tagIds, tagOptions])\n\n  const availableTags = React.useMemo(\n    () => tagOptions.filter((tag) => !tagIds.includes(tag.id)),\n    [tagIds, tagOptions],\n  )\n\n  const doneStatusId = resolveDoneStatusId(statuses)\n\n  const body = (() => {\n    if (taskQuery.isLoading) {\n      return <LoadingMessage label={t('staff.time_tracking.taskDrawer.loading', 'Loading the task\u2026')} />\n    }\n    if (taskQuery.isError) {\n      return <ErrorMessage label={t('staff.time_tracking.taskDrawer.loadError', 'Could not load the task.')} />\n    }\n    if (!task) {\n      return (\n        <ErrorMessage\n          label={t('staff.time_tracking.tasks.errors.notFound', 'Task not found or not accessible.')}\n        />\n      )\n    }\n\n    return (\n      <div className=\"flex flex-col gap-6\">\n        <TaskQuickLog\n          onLog={handleQuickLog}\n          logging={busy}\n          timerRunningHere={timerRunningHere}\n          elapsed={timerRunningHere ? formatElapsed(runningTimer.startedAt, now) : null}\n          timerBusy={timerBusy}\n          onStartTimer={() => { void handleStartTimer() }}\n          onStopTimer={() => { void handleStopTimer() }}\n          autoFocus={focusPanel === 'time'}\n          disabled={!canManage}\n          today={todayIsoDate()}\n        />\n\n        <section className=\"flex flex-col gap-2\" data-testid=\"task-drawer-logged\">\n          <div className=\"flex items-baseline justify-between gap-3\">\n            <h3 className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n              {t('staff.time_tracking.taskDrawer.logged.title', 'Logged time')}\n            </h3>\n            <span className=\"font-mono text-base font-semibold tabular-nums text-foreground\" data-testid=\"task-drawer-logged-total\">\n              {formatBoardMinutes(task.loggedMinutes)}\n            </span>\n          </div>\n          <p className=\"text-xs text-muted-foreground\" data-testid=\"task-drawer-logged-split\">\n            {t('staff.time_tracking.taskDrawer.logged.split', 'own {own} \u00B7 subtasks {children}', {\n              own: formatSplitMinutes(task.ownMinutes),\n              children: formatSplitMinutes(childMinutes(task.loggedMinutes, task.ownMinutes)),\n            })}\n          </p>\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <Badge variant=\"success\">\n              {t('staff.time_tracking.taskDrawer.logged.billable', 'billable {hours}', {\n                hours: formatBoardMinutes(totals.billableMinutes),\n              })}\n            </Badge>\n            <Badge variant=\"neutral\">\n              {t('staff.time_tracking.taskDrawer.logged.nonBillable', 'non-billable {hours}', {\n                hours: formatBoardMinutes(totals.nonBillableMinutes),\n              })}\n            </Badge>\n            {canSeeMoney && totals.cost !== null ? (\n              <Badge variant=\"info\" data-testid=\"task-drawer-cost\">\n                {t('staff.time_tracking.taskDrawer.logged.cost', 'cost {amount}', {\n                  amount: formatCurrency(totals.cost, totals.currencyCode) ?? String(totals.cost),\n                })}\n              </Badge>\n            ) : null}\n          </div>\n          {totals.partial ? (\n            <p className=\"text-xs text-muted-foreground\">\n              {t(\n                'staff.time_tracking.taskDrawer.logged.partialHint',\n                'The split is counted from the most recent entries in this project.',\n              )}\n            </p>\n          ) : null}\n        </section>\n\n        {isChildTask ? null : (\n          <section className=\"flex flex-col gap-3\" data-testid=\"task-drawer-subtasks\">\n            <div className=\"flex items-baseline justify-between gap-3\">\n              <h3 className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n                {t('staff.time_tracking.taskDrawer.subtasks.title', 'Subtasks')}\n              </h3>\n              <span className=\"font-mono text-xs tabular-nums text-muted-foreground\">\n                {t('staff.time_tracking.taskDrawer.subtasks.count', '{done}/{total}', {\n                  done: progress.done,\n                  total: subtaskTotal,\n                })}\n              </span>\n            </div>\n            {subtaskTotal > 0 ? (\n              <Progress value={subtaskTotal > 0 ? (progress.done / subtaskTotal) * 100 : 0} max={100} />\n            ) : null}\n            {children.length === 0 ? (\n              <p className=\"text-xs text-muted-foreground\">\n                {t('staff.time_tracking.taskDrawer.subtasks.empty', 'No subtasks yet.')}\n              </p>\n            ) : (\n              <ul className=\"flex flex-col\">\n                {children.map((child) => {\n                  const done = (child.taskStatusId && doneStatusIds.has(child.taskStatusId)) || !!child.closedAt\n                  const assigneeName = child.assigneeStaffMemberId\n                    ? memberNames.get(child.assigneeStaffMemberId) ?? child.assigneeStaffMemberId\n                    : t('staff.time_tracking.taskDrawer.properties.unassigned', 'Unassigned')\n                  return (\n                    <li\n                      key={child.id}\n                      className=\"flex items-center gap-2.5 border-b border-border py-2 last:border-b-0\"\n                      data-subtask-id={child.id}\n                    >\n                      <Checkbox\n                        checked={done}\n                        disabled={!canManage || busy || !doneStatusId}\n                        aria-label={t('staff.time_tracking.taskDrawer.subtasks.toggle', 'Mark {title} as done', {\n                          title: child.title,\n                        })}\n                        onCheckedChange={(next) => { void handleToggleSubtask(child, next === true) }}\n                      />\n                      <span\n                        className={`min-w-0 flex-1 truncate text-sm ${done ? 'text-muted-foreground line-through' : 'text-foreground'}`}\n                      >\n                        {child.title}\n                      </span>\n                      <Avatar label={assigneeName} size=\"xs\" />\n                      <span className=\"font-mono text-xs tabular-nums text-muted-foreground\">\n                        {formatBoardMinutes(child.loggedMinutes)}\n                      </span>\n                    </li>\n                  )\n                })}\n              </ul>\n            )}\n            {!doneStatusId && children.length > 0 ? (\n              <p className=\"text-xs text-muted-foreground\">\n                {t(\n                  'staff.time_tracking.taskDrawer.subtasks.noDoneColumn',\n                  'This project has no done column, so a subtask has no way to close.',\n                )}\n              </p>\n            ) : null}\n            {canManage ? (\n              composingSubtask ? (\n                <Input\n                  autoFocus\n                  size=\"sm\"\n                  value={subtaskDraft}\n                  disabled={busy}\n                  onChange={(event) => setSubtaskDraft(event.target.value)}\n                  onKeyDown={(event) => {\n                    if (event.key === 'Enter') {\n                      event.preventDefault()\n                      void handleAddSubtask()\n                    }\n                    if (event.key === 'Escape') {\n                      event.preventDefault()\n                      event.stopPropagation()\n                      setComposingSubtask(false)\n                      setSubtaskDraft('')\n                    }\n                  }}\n                  placeholder={t('staff.time_tracking.taskDrawer.subtasks.placeholder', 'Subtask title')}\n                  aria-label={t('staff.time_tracking.taskDrawer.subtasks.add', 'Add subtask')}\n                  data-testid=\"task-drawer-subtask-input\"\n                />\n              ) : (\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  className=\"self-start\"\n                  onClick={() => setComposingSubtask(true)}\n                  data-testid=\"task-drawer-add-subtask\"\n                >\n                  <Plus className=\"size-3.5\" aria-hidden=\"true\" />\n                  {t('staff.time_tracking.taskDrawer.subtasks.add', 'Add subtask')}\n                </Button>\n              )\n            ) : null}\n          </section>\n        )}\n\n        <section className=\"flex flex-col gap-3\" data-testid=\"task-drawer-entries\">\n          <h3 className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n            {t('staff.time_tracking.taskDrawer.entries.title', 'Time entries ({count})', { count: entries.length })}\n          </h3>\n          {recentEntries.length === 0 ? (\n            <p className=\"text-xs text-muted-foreground\">\n              {t('staff.time_tracking.taskDrawer.entries.empty', 'No time entries yet.')}\n            </p>\n          ) : (\n            <ul className=\"flex flex-col\">\n              {recentEntries.map((entry) => (\n                <li\n                  key={entry.id}\n                  className=\"flex items-center gap-3 border-b border-border py-2 text-sm last:border-b-0\"\n                  data-entry-id={entry.id}\n                >\n                  <span className=\"w-20 shrink-0 text-xs text-muted-foreground\">\n                    {formatDate(entry.date) ?? ''}\n                  </span>\n                  <span className=\"min-w-0 flex-1 truncate text-foreground\">\n                    {entry.description\n                      ?? t('staff.time_tracking.taskDrawer.entries.noDescription', 'No description')}\n                  </span>\n                  <span className=\"font-mono text-xs tabular-nums text-muted-foreground\">\n                    {formatBoardMinutes(entry.durationMinutes)}\n                  </span>\n                </li>\n              ))}\n            </ul>\n          )}\n          <Button\n            type=\"button\"\n            variant=\"ghost\"\n            size=\"sm\"\n            className=\"self-start\"\n            onClick={() => router.push(`${ENTRIES_LIST_PATH}?taskId=${encodeURIComponent(taskId)}`)}\n          >\n            {t('staff.time_tracking.taskDrawer.entries.showAll', 'Show all')}\n          </Button>\n        </section>\n\n        <TaskCommentThread\n          comments={commentsQuery.data ?? []}\n          loading={commentsQuery.isLoading}\n          loadError={commentsQuery.isError}\n          posting={busy}\n          canComment={canManage}\n          onPost={handlePostComment}\n        />\n\n        <section className=\"flex flex-col gap-3\" data-testid=\"task-drawer-properties\">\n          <h3 className=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n            {t('staff.time_tracking.taskDrawer.properties.title', 'Properties')}\n          </h3>\n          <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2\">\n            <div className=\"flex flex-col gap-1.5\">\n              <span className=\"text-xs font-medium text-muted-foreground\">\n                {t('staff.time_tracking.taskDrawer.properties.status', 'Status')}\n              </span>\n              <Select\n                value={task.taskStatusId ?? undefined}\n                disabled={!canManage || busy}\n                onValueChange={handleStatusChange}\n              >\n                <SelectTrigger\n                  aria-label={t('staff.time_tracking.taskDrawer.properties.status', 'Status')}\n                  data-testid=\"task-drawer-status-select\"\n                >\n                  <SelectValue />\n                </SelectTrigger>\n                <SelectContent>\n                  {statuses.map((entry) => (\n                    <SelectItem key={entry.id} value={entry.id}>\n                      {entry.name}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n            <div className=\"flex flex-col gap-1.5\">\n              <span className=\"text-xs font-medium text-muted-foreground\">\n                {t('staff.time_tracking.taskDrawer.properties.assignee', 'Assignee')}\n              </span>\n              <Select\n                value={task.assigneeStaffMemberId ?? undefined}\n                disabled={!canManage || busy}\n                onValueChange={handleAssigneeChange}\n              >\n                <SelectTrigger\n                  aria-label={t('staff.time_tracking.taskDrawer.properties.assignee', 'Assignee')}\n                  data-testid=\"task-drawer-assignee-select\"\n                >\n                  <SelectValue\n                    placeholder={t('staff.time_tracking.taskDrawer.properties.unassigned', 'Unassigned')}\n                  />\n                </SelectTrigger>\n                <SelectContent>\n                  {members.map((member) => (\n                    <SelectItem key={member.id} value={member.id}>\n                      {member.name}\n                    </SelectItem>\n                  ))}\n                </SelectContent>\n              </Select>\n            </div>\n          </div>\n\n          <div className=\"flex flex-col gap-1.5\">\n            <span className=\"text-xs font-medium text-muted-foreground\">\n              {t('staff.time_tracking.taskDrawer.properties.tags', 'Tags')}\n            </span>\n            <div className=\"flex flex-wrap items-center gap-2\">\n              {assignedTags.map((tag) => (\n                <Badge key={tag.id} variant=\"neutral\" className=\"gap-1\" style={tagChipStyle(tag)}>\n                  {tag.label}\n                  {canManage ? (\n                    <button\n                      type=\"button\"\n                      aria-label={t('staff.time_tracking.taskDrawer.properties.removeTag', 'Remove tag {label}', {\n                        label: tag.label,\n                      })}\n                      onClick={() => { void handleTagChange(tag.id, false) }}\n                    >\n                      <X className=\"size-3\" aria-hidden=\"true\" />\n                    </button>\n                  ) : null}\n                </Badge>\n              ))}\n              {canManage ? (\n                <TagPicker\n                  available={availableTags}\n                  disabled={busy}\n                  onAssign={(id) => { void handleTagChange(id, true) }}\n                  onCreate={createTag}\n                  labels={{\n                    add: t('staff.time_tracking.taskDrawer.properties.addTag', 'Add tag'),\n                    create: (name) =>\n                      t('staff.time_tracking.entryDialog.createTag', 'Create \"{name}\"', { name }),\n                    empty: t('staff.time_tracking.entryDialog.noTags', 'No matching tag'),\n                  }}\n                  testIdPrefix=\"task-drawer\"\n                />\n              ) : null}\n            </div>\n            <p className=\"text-xs text-muted-foreground\">\n              {t(\n                'staff.time_tracking.taskDrawer.properties.tagsPending',\n                'Tags already saved on this task appear here once the task list returns them.',\n              )}\n            </p>\n          </div>\n          <InjectionSpot\n            spotId={extensionPoints.hosts.taskDetailSidebar.spotId}\n            context={taskInjectionContext}\n            data={task}\n          />\n        </section>\n\n        <InjectionSpot\n          spotId={extensionPoints.hosts.taskDetailTabs.spotId}\n          context={taskInjectionContext}\n          data={task}\n        />\n      </div>\n    )\n  })()\n\n  const createdLabel = formatDate(createdAt)\n  const headerLine = [\n    projectName ?? null,\n    createdLabel\n      ? t('staff.time_tracking.taskDrawer.created', 'created {date}', { date: createdLabel })\n      : null,\n  ]\n    .filter((part): part is string => !!part)\n    .join(' \u00B7 ')\n\n  return (\n    <Drawer open={open} onOpenChange={onOpenChange}>\n      <DrawerContent\n        className=\"sm:max-w-xl\"\n        closeAriaLabel={t('staff.time_tracking.taskDrawer.close', 'Close')}\n        data-testid=\"task-drawer\"\n      >\n        <DrawerHeader>\n          <div className=\"flex min-w-0 flex-1 flex-col gap-1.5\">\n            <div className=\"flex items-center gap-2\">\n              {status ? <Badge variant={statusVariant}>{status.name}</Badge> : null}\n              {task?.reference ? (\n                <span className=\"text-xs text-muted-foreground\">{task.reference}</span>\n              ) : null}\n              <InjectionSpot\n                spotId={extensionPoints.hosts.taskDetailStatusBadges.spotId}\n                context={taskInjectionContext}\n                data={task}\n              />\n            </div>\n            <DrawerTitle className=\"truncate\">{task?.title ?? ''}</DrawerTitle>\n            <DrawerDescription>{headerLine}</DrawerDescription>\n            <InjectionSpot\n              spotId={extensionPoints.hosts.taskDetailHeader.spotId}\n              context={taskInjectionContext}\n              data={task}\n            />\n          </div>\n        </DrawerHeader>\n        <DrawerBody>{body}</DrawerBody>\n        <DrawerFooter\n          leading={\n            <span className=\"text-xs text-muted-foreground\">\n              {t('staff.time_tracking.taskDrawer.autoSave', 'Changes are saved automatically')}\n            </span>\n          }\n        >\n          <InjectionSpot\n            spotId={extensionPoints.hosts.taskDetailFooter.spotId}\n            context={taskInjectionContext}\n            data={task}\n          />\n          <Button type=\"button\" variant=\"outline\" onClick={() => onOpenChange(false)}>\n            {t('staff.time_tracking.taskDrawer.close', 'Close')}\n          </Button>\n        </DrawerFooter>\n        {ConfirmDialogElement}\n      </DrawerContent>\n    </Drawer>\n  )\n}\n\nexport default TaskDrawer\n"],
+  "mappings": "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",
+  "names": ["statuses", "status", "body"]
+}

package/dist/modules/staff/lib/time-tracking-ui/TaskListView.js

@@ -0,0 +1,176 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { useQuery } from "@tanstack/react-query";
+import { Badge } from "@open-mercato/ui/primitives/badge";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { EmptyState } from "@open-mercato/ui/primitives/empty-state";
+import { Spinner } from "@open-mercato/ui/primitives/spinner";
+import { ErrorMessage, LoadingMessage } from "@open-mercato/ui/backend/detail";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { useOrganizationScopeVersion } from "@open-mercato/shared/lib/frontend/useOrganizationScope";
+import { sumTaskLoggedMinutes } from "../timesheets-tasks/taskHoursTotals.js";
+import {
+  BOARD_PAGE_SIZE,
+  BOARD_QUERY_ROOT,
+  fetchTaskPages,
+  useAssigneeNames,
+  useTagLabels
+} from "./boardDirectory.js";
+import {
+  boardServerFilterKey,
+  boardServerFilterParams
+} from "./boardFilters.js";
+import {
+  formatBoardMinutes,
+  sortByPosition,
+  toBoardTask
+} from "./kanbanBoardData.js";
+function TaskListView({
+  timeProjectId,
+  filters,
+  statuses,
+  onOpenTask,
+  onSummaryChange
+}) {
+  const t = useT();
+  const scopeVersion = useOrganizationScopeVersion();
+  const [pages, setPages] = React.useState(1);
+  const filterKey = boardServerFilterKey(filters, { includeStatus: true });
+  React.useEffect(() => {
+    setPages(1);
+  }, [filterKey, timeProjectId]);
+  const tasksQuery = useQuery({
+    queryKey: [
+      ...BOARD_QUERY_ROOT,
+      "list",
+      `scope:${scopeVersion}`,
+      `project:${timeProjectId}`,
+      `pages:${pages}`,
+      `filters:${filterKey}`
+    ],
+    staleTime: 15e3,
+    queryFn: () => fetchTaskPages(
+      (page) => `timeProjectId=${encodeURIComponent(timeProjectId)}&topLevelOnly=true&page=${page}&pageSize=${BOARD_PAGE_SIZE}&sortField=position&sortDir=asc${boardServerFilterParams(
+        filters,
+        { includeStatus: true }
+      )}`,
+      pages
+    )
+  });
+  const loadedTasks = React.useMemo(() => {
+    const rows = (tasksQuery.data?.items ?? []).map(toBoardTask).filter((task) => task !== null);
+    return sortByPosition(rows);
+  }, [tasksQuery.data]);
+  const tasks = loadedTasks;
+  const assigneeIds = React.useMemo(
+    () => tasks.map((task) => task.assigneeStaffMemberId).filter((id) => typeof id === "string"),
+    [tasks]
+  );
+  const tagIds = React.useMemo(() => tasks.flatMap((task) => task.tagIds), [tasks]);
+  const assigneeNames = useAssigneeNames(assigneeIds);
+  const tagLabels = useTagLabels(tagIds);
+  const statusNames = React.useMemo(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const status of statuses) map.set(status.id, status.name);
+    return map;
+  }, [statuses]);
+  const summary = React.useMemo(
+    () => ({
+      taskCount: tasks.length,
+      loggedMinutes: sumTaskLoggedMinutes(tasks)
+    }),
+    [tasks]
+  );
+  React.useEffect(() => {
+    onSummaryChange?.(summary);
+  }, [onSummaryChange, summary]);
+  if (tasksQuery.isLoading) {
+    return /* @__PURE__ */ jsx(LoadingMessage, { label: t("staff.time_tracking.board.loading", "Loading the board\u2026") });
+  }
+  if (tasksQuery.isError) {
+    return /* @__PURE__ */ jsx(
+      ErrorMessage,
+      {
+        label: t("staff.time_tracking.board.loadError", "Could not load the board."),
+        action: /* @__PURE__ */ jsx(Button, { type: "button", variant: "outline", size: "sm", onClick: () => void tasksQuery.refetch(), children: t("staff.time_tracking.board.reload", "Try again") })
+      }
+    );
+  }
+  if (tasks.length === 0) {
+    return /* @__PURE__ */ jsx(
+      EmptyState,
+      {
+        title: t("staff.time_tracking.board.list.empty.title", "No tasks match these filters"),
+        description: t(
+          "staff.time_tracking.board.list.empty.description",
+          "Remove a filter chip to widen the view."
+        )
+      }
+    );
+  }
+  const total = tasksQuery.data?.total ?? loadedTasks.length;
+  const remaining = Math.max(0, total - loadedTasks.length);
+  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3", children: [
+    /* @__PURE__ */ jsx("div", { className: "overflow-x-auto rounded-lg border border-border", children: /* @__PURE__ */ jsxs("table", { className: "w-full border-collapse text-sm", "data-testid": "board-task-list", children: [
+      /* @__PURE__ */ jsx("caption", { className: "sr-only", children: t("staff.time_tracking.board.list.caption", "Tasks") }),
+      /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { className: "border-b border-border bg-muted/40 text-left", children: [
+        /* @__PURE__ */ jsx("th", { scope: "col", className: "px-3 py-2.5 font-semibold text-muted-foreground", children: t("staff.time_tracking.board.list.columns.reference", "Ref.") }),
+        /* @__PURE__ */ jsx("th", { scope: "col", className: "px-3 py-2.5 font-semibold text-muted-foreground", children: t("staff.time_tracking.board.list.columns.title", "Task") }),
+        /* @__PURE__ */ jsx("th", { scope: "col", className: "px-3 py-2.5 font-semibold text-muted-foreground", children: t("staff.time_tracking.board.list.columns.status", "Status") }),
+        /* @__PURE__ */ jsx("th", { scope: "col", className: "px-3 py-2.5 font-semibold text-muted-foreground", children: t("staff.time_tracking.board.list.columns.assignee", "Assignee") }),
+        /* @__PURE__ */ jsx("th", { scope: "col", className: "px-3 py-2.5 font-semibold text-muted-foreground", children: t("staff.time_tracking.board.list.columns.tags", "Tags") }),
+        /* @__PURE__ */ jsx("th", { scope: "col", className: "px-3 py-2.5 text-right font-semibold text-muted-foreground", children: t("staff.time_tracking.board.list.columns.hours", "Logged") })
+      ] }) }),
+      /* @__PURE__ */ jsx("tbody", { children: tasks.map((task) => /* @__PURE__ */ jsxs(
+        "tr",
+        {
+          "data-task-row": task.id,
+          className: "border-b border-border last:border-b-0 hover:bg-muted/40",
+          children: [
+            /* @__PURE__ */ jsx("td", { className: "px-3 py-2.5 text-xs tabular-nums text-muted-foreground", children: task.reference ?? "\u2014" }),
+            /* @__PURE__ */ jsx("td", { className: "px-3 py-2.5", children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "button",
+                variant: "link",
+                size: "2xs",
+                onClick: () => onOpenTask(task.id),
+                className: "h-auto px-0 text-left text-sm font-semibold text-foreground",
+                children: task.title
+              }
+            ) }),
+            /* @__PURE__ */ jsx("td", { className: "px-3 py-2.5 text-muted-foreground", children: task.taskStatusId ? statusNames.get(task.taskStatusId) ?? "\u2014" : "\u2014" }),
+            /* @__PURE__ */ jsx("td", { className: "px-3 py-2.5 text-muted-foreground", children: task.assigneeStaffMemberId ? assigneeNames.data?.get(task.assigneeStaffMemberId) ?? t("staff.time_tracking.board.card.unassigned", "Unassigned") : t("staff.time_tracking.board.card.unassigned", "Unassigned") }),
+            /* @__PURE__ */ jsx("td", { className: "px-3 py-2.5", children: /* @__PURE__ */ jsx("span", { className: "flex flex-wrap gap-1", children: task.tagIds.map((tagId) => {
+              const label = tagLabels.data?.get(tagId);
+              if (!label) return null;
+              return /* @__PURE__ */ jsx(Badge, { variant: "neutral", size: "sm", children: label }, tagId);
+            }) }) }),
+            /* @__PURE__ */ jsx("td", { className: "px-3 py-2.5 text-right font-semibold tabular-nums text-foreground", children: formatBoardMinutes(task.loggedMinutes) })
+          ]
+        },
+        task.id
+      )) })
+    ] }) }),
+    remaining > 0 ? /* @__PURE__ */ jsx(
+      Button,
+      {
+        type: "button",
+        variant: "ghost",
+        size: "sm",
+        disabled: tasksQuery.isFetching,
+        onClick: () => setPages((previous) => previous + 1),
+        "data-testid": "board-task-list-load-more",
+        className: "self-start rounded-lg border border-dashed border-muted-foreground/60 text-muted-foreground",
+        children: tasksQuery.isFetching ? /* @__PURE__ */ jsx(Spinner, { className: "size-4" }) : t("staff.time_tracking.board.loadMore", "Show more ({remaining})", { remaining })
+      }
+    ) : null
+  ] });
+}
+var TaskListView_default = TaskListView;
+export {
+  TaskListView,
+  TaskListView_default as default
+};
+//# sourceMappingURL=TaskListView.js.map

package/dist/modules/staff/lib/time-tracking-ui/TaskListView.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/modules/staff/lib/time-tracking-ui/TaskListView.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { useQuery } from '@tanstack/react-query'\nimport { Badge } from '@open-mercato/ui/primitives/badge'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { EmptyState } from '@open-mercato/ui/primitives/empty-state'\nimport { Spinner } from '@open-mercato/ui/primitives/spinner'\nimport { ErrorMessage, LoadingMessage } from '@open-mercato/ui/backend/detail'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { sumTaskLoggedMinutes } from '../timesheets-tasks/taskHoursTotals'\nimport {\n  BOARD_PAGE_SIZE,\n  BOARD_QUERY_ROOT,\n  fetchTaskPages,\n  useAssigneeNames,\n  useTagLabels,\n} from './boardDirectory'\nimport {\n  boardServerFilterKey,\n  boardServerFilterParams,\n  type BoardFilters,\n} from './boardFilters'\nimport {\n  formatBoardMinutes,\n  sortByPosition,\n  toBoardTask,\n  type BoardStatus,\n  type BoardTask,\n} from './kanbanBoardData'\nimport type { BoardSummary } from './boardSummary'\n\n/**\n * \"Lista\" \u2014 the flat half of the screen-6 view switch.\n *\n * It is a real view over the same tasks, not a placeholder: the filter set, the hours\n * arithmetic and the drawer are already built, so the only thing missing was a table to\n * put them in. Unlike the board it asks the server for the status filter (it has no\n * columns to select), which is the one place the two views build their request\n * differently \u2014 see `boardFilters.ts`.\n */\nexport function TaskListView({\n  timeProjectId,\n  filters,\n  statuses,\n  onOpenTask,\n  onSummaryChange,\n}: {\n  timeProjectId: string\n  filters: BoardFilters\n  statuses: readonly BoardStatus[]\n  onOpenTask: (taskId: string) => void\n  onSummaryChange?: (summary: BoardSummary) => void\n}): React.ReactElement {\n  const t = useT()\n  const scopeVersion = useOrganizationScopeVersion()\n  const [pages, setPages] = React.useState(1)\n  const filterKey = boardServerFilterKey(filters, { includeStatus: true })\n\n  React.useEffect(() => {\n    setPages(1)\n  }, [filterKey, timeProjectId])\n\n  const tasksQuery = useQuery({\n    queryKey: [\n      ...BOARD_QUERY_ROOT,\n      'list',\n      `scope:${scopeVersion}`,\n      `project:${timeProjectId}`,\n      `pages:${pages}`,\n      `filters:${filterKey}`,\n    ],\n    staleTime: 15_000,\n    queryFn: () =>\n      fetchTaskPages(\n        (page) =>\n          `timeProjectId=${encodeURIComponent(timeProjectId)}&topLevelOnly=true&page=${page}&pageSize=${BOARD_PAGE_SIZE}&sortField=position&sortDir=asc${boardServerFilterParams(\n            filters,\n            { includeStatus: true },\n          )}`,\n        pages,\n      ),\n  })\n\n  const loadedTasks = React.useMemo(() => {\n    const rows = (tasksQuery.data?.items ?? [])\n      .map(toBoardTask)\n      .filter((task): task is BoardTask => task !== null)\n    return sortByPosition(rows)\n  }, [tasksQuery.data])\n\n  const tasks = loadedTasks\n\n  const assigneeIds = React.useMemo(\n    () =>\n      tasks\n        .map((task) => task.assigneeStaffMemberId)\n        .filter((id): id is string => typeof id === 'string'),\n    [tasks],\n  )\n  const tagIds = React.useMemo(() => tasks.flatMap((task) => task.tagIds), [tasks])\n  const assigneeNames = useAssigneeNames(assigneeIds)\n  const tagLabels = useTagLabels(tagIds)\n\n  const statusNames = React.useMemo(() => {\n    const map = new Map<string, string>()\n    for (const status of statuses) map.set(status.id, status.name)\n    return map\n  }, [statuses])\n\n  const summary = React.useMemo<BoardSummary>(\n    () => ({\n      taskCount: tasks.length,\n      loggedMinutes: sumTaskLoggedMinutes(tasks),\n    }),\n    [tasks],\n  )\n\n  React.useEffect(() => {\n    onSummaryChange?.(summary)\n  }, [onSummaryChange, summary])\n\n  if (tasksQuery.isLoading) {\n    return <LoadingMessage label={t('staff.time_tracking.board.loading', 'Loading the board\u2026')} />\n  }\n\n  if (tasksQuery.isError) {\n    return (\n      <ErrorMessage\n        label={t('staff.time_tracking.board.loadError', 'Could not load the board.')}\n        action={\n          <Button type=\"button\" variant=\"outline\" size=\"sm\" onClick={() => void tasksQuery.refetch()}>\n            {t('staff.time_tracking.board.reload', 'Try again')}\n          </Button>\n        }\n      />\n    )\n  }\n\n  if (tasks.length === 0) {\n    return (\n      <EmptyState\n        title={t('staff.time_tracking.board.list.empty.title', 'No tasks match these filters')}\n        description={t(\n          'staff.time_tracking.board.list.empty.description',\n          'Remove a filter chip to widen the view.',\n        )}\n      />\n    )\n  }\n\n  const total = tasksQuery.data?.total ?? loadedTasks.length\n  const remaining = Math.max(0, total - loadedTasks.length)\n\n  return (\n    <div className=\"flex flex-col gap-3\">\n      <div className=\"overflow-x-auto rounded-lg border border-border\">\n        <table className=\"w-full border-collapse text-sm\" data-testid=\"board-task-list\">\n          <caption className=\"sr-only\">\n            {t('staff.time_tracking.board.list.caption', 'Tasks')}\n          </caption>\n          <thead>\n            <tr className=\"border-b border-border bg-muted/40 text-left\">\n              <th scope=\"col\" className=\"px-3 py-2.5 font-semibold text-muted-foreground\">\n                {t('staff.time_tracking.board.list.columns.reference', 'Ref.')}\n              </th>\n              <th scope=\"col\" className=\"px-3 py-2.5 font-semibold text-muted-foreground\">\n                {t('staff.time_tracking.board.list.columns.title', 'Task')}\n              </th>\n              <th scope=\"col\" className=\"px-3 py-2.5 font-semibold text-muted-foreground\">\n                {t('staff.time_tracking.board.list.columns.status', 'Status')}\n              </th>\n              <th scope=\"col\" className=\"px-3 py-2.5 font-semibold text-muted-foreground\">\n                {t('staff.time_tracking.board.list.columns.assignee', 'Assignee')}\n              </th>\n              <th scope=\"col\" className=\"px-3 py-2.5 font-semibold text-muted-foreground\">\n                {t('staff.time_tracking.board.list.columns.tags', 'Tags')}\n              </th>\n              <th scope=\"col\" className=\"px-3 py-2.5 text-right font-semibold text-muted-foreground\">\n                {t('staff.time_tracking.board.list.columns.hours', 'Logged')}\n              </th>\n            </tr>\n          </thead>\n          <tbody>\n            {tasks.map((task) => (\n              <tr\n                key={task.id}\n                data-task-row={task.id}\n                className=\"border-b border-border last:border-b-0 hover:bg-muted/40\"\n              >\n                <td className=\"px-3 py-2.5 text-xs tabular-nums text-muted-foreground\">\n                  {task.reference ?? '\u2014'}\n                </td>\n                <td className=\"px-3 py-2.5\">\n                  <Button\n                    type=\"button\"\n                    variant=\"link\"\n                    size=\"2xs\"\n                    onClick={() => onOpenTask(task.id)}\n                    className=\"h-auto px-0 text-left text-sm font-semibold text-foreground\"\n                  >\n                    {task.title}\n                  </Button>\n                </td>\n                <td className=\"px-3 py-2.5 text-muted-foreground\">\n                  {task.taskStatusId ? statusNames.get(task.taskStatusId) ?? '\u2014' : '\u2014'}\n                </td>\n                <td className=\"px-3 py-2.5 text-muted-foreground\">\n                  {task.assigneeStaffMemberId\n                    ? assigneeNames.data?.get(task.assigneeStaffMemberId) ??\n                      t('staff.time_tracking.board.card.unassigned', 'Unassigned')\n                    : t('staff.time_tracking.board.card.unassigned', 'Unassigned')}\n                </td>\n                <td className=\"px-3 py-2.5\">\n                  <span className=\"flex flex-wrap gap-1\">\n                    {task.tagIds.map((tagId) => {\n                      // Same rule as the board card: a tag whose label has not\n                      // arrived yet is skipped, never drawn as its raw id.\n                      const label = tagLabels.data?.get(tagId)\n                      if (!label) return null\n                      return (\n                        <Badge key={tagId} variant=\"neutral\" size=\"sm\">\n                          {label}\n                        </Badge>\n                      )\n                    })}\n                  </span>\n                </td>\n                <td className=\"px-3 py-2.5 text-right font-semibold tabular-nums text-foreground\">\n                  {formatBoardMinutes(task.loggedMinutes)}\n                </td>\n              </tr>\n            ))}\n          </tbody>\n        </table>\n      </div>\n\n      {remaining > 0 ? (\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"sm\"\n          disabled={tasksQuery.isFetching}\n          onClick={() => setPages((previous) => previous + 1)}\n          data-testid=\"board-task-list-load-more\"\n          className=\"self-start rounded-lg border border-dashed border-muted-foreground/60 text-muted-foreground\"\n        >\n          {tasksQuery.isFetching ? (\n            <Spinner className=\"size-4\" />\n          ) : (\n            t('staff.time_tracking.board.loadMore', 'Show more ({remaining})', { remaining })\n          )}\n        </Button>\n      ) : null}\n    </div>\n  )\n}\n\nexport default TaskListView\n"],
+  "mappings": "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",
+  "names": []
+}