@burdenoff/microfe-planmagnet 2026.928.3 → 2026.928.5

package/dist/planmagnet/pages/TasksTasksPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"TasksTasksPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/TasksTasksPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Button, Card, CardContent } from '@burdenoff/fe-libs/ui';\nimport { FileUp, Filter } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { rowLinkProps } from '../utils/rowNavigation';\nimport { PersonName } from '../people/People';\nimport { ProjectBoard } from '../board/ProjectBoard';\nimport { ExportWorkItemsButton } from '../export/ExportWorkItemsButton';\n\nconst GET_WORK_ITEMS = gql`\n  query GetWorkItems(\n    $workspaceId: ID!\n    $filter: PlanmagnetWorkItemFilter\n    $pagination: PlanmagnetPaginationInput\n  ) {\n    planmagnetWorkItems(workspaceId: $workspaceId, filter: $filter, pagination: $pagination) {\n      items {\n        id\n        title\n        type\n        status\n        priority\n        key\n        assigneeId\n        reporterId\n        sprintId\n        storyPoints\n        estimateMinutes\n        dueDate\n        labels\n        tags\n        createdAt\n      }\n      pageInfo {\n        hasNextPage\n        endCursor\n      }\n      totalCount\n    }\n  }\n`;\n\n// Server-side counts (QA H2): the list returns at most 100 rows per page, so\n// counting the loaded page undercounted every workspace past 100 items.\nconst GET_WORK_ITEM_COUNTS = gql`\n  query GetWorkItemCounts($workspaceId: ID!, $filter: PlanmagnetWorkItemFilter) {\n    planmagnetWorkItemCounts(workspaceId: $workspaceId, filter: $filter) {\n      total\n      byStatus {\n        status\n        count\n      }\n    }\n  }\n`;\n\nconst PAGE_SIZE = 100;\n\nconst GET_BOARD_PROJECTS = gql`\n  query GetBoardProjects($workspaceId: ID!) {\n    planmagnetProjects(workspaceId: $workspaceId, pagination: { first: 100 }) {\n      items {\n        id\n        name\n      }\n    }\n  }\n`;\n\ninterface WorkItemNode {\n  id: string;\n  title: string;\n  type: string;\n  status: string;\n  priority: string;\n  key: string;\n  assigneeId: string | null;\n  reporterId: string | null;\n  sprintId: string | null;\n  storyPoints: number | null;\n  estimateMinutes: number | null;\n  dueDate: string | null;\n  labels: string[];\n  tags: string[];\n  createdAt: string;\n}\n\nconst columns = [\n  'BACKLOG',\n  'TODO',\n  'IN_PROGRESS',\n  'IN_REVIEW',\n  'TESTING',\n  'DONE',\n  'CANCELLED',\n] as const;\n\nconst colLabel: Record<string, string> = {\n  BACKLOG: 'Backlog',\n  TODO: 'To Do',\n  IN_PROGRESS: 'In Progress',\n  IN_REVIEW: 'In Review',\n  TESTING: 'Testing',\n  DONE: 'Done',\n  CANCELLED: 'Cancelled',\n};\n\nconst colColor: Record<string, string> = {\n  BACKLOG: 'border-t-gray-400',\n  TODO: 'border-t-blue-400',\n  IN_PROGRESS: 'border-t-yellow-400',\n  IN_REVIEW: 'border-t-purple-400',\n  TESTING: 'border-t-teal-400',\n  DONE: 'border-t-green-400',\n  CANCELLED: 'border-t-muted-foreground',\n};\n\nconst priorityColor: Record<string, string> = {\n  LOW: 'bg-gray-100 text-gray-700',\n  MEDIUM: 'bg-blue-100 text-blue-700',\n  HIGH: 'bg-orange-100 text-orange-700',\n  CRITICAL: 'bg-red-100 text-red-700',\n};\n\nconst typeColor: Record<string, string> = {\n  STORY: 'bg-green-100 text-green-700',\n  BUG: 'bg-red-100 text-red-700',\n  TASK: 'bg-blue-100 text-blue-700',\n  EPIC: 'bg-purple-100 text-purple-700',\n  // The API serves SUB_TASK (the stored SUBTASK is mapped by the service), so the old SUBTASK key never matched.\n  SUB_TASK: 'bg-gray-100 text-gray-700',\n};\n\nexport function TasksTasksPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const [priorityFilter, setPriorityFilter] = useState<string>('all');\n  const [typeFilter, setTypeFilter] = useState<string>('all');\n  // P1.2: the Task Board is a project's real board (server-side placement,\n  // drag-and-drop, WIP limits). null = not chosen yet -> the first project;\n  // '' = the cross-project status overview, which is NOT a board.\n  const [boardProject, setBoardProject] = useState<string | null>(null);\n  const { data: projectsData } = useQuery(GET_BOARD_PROJECTS, {\n    variables: { workspaceId },\n    skip: !workspaceId,\n  });\n  const boardProjects = projectsData?.planmagnetProjects?.items ?? [];\n  const selectedProject = boardProject ?? boardProjects[0]?.id ?? '';\n  const selectedProjectName = boardProjects.find((p) => p.id === selectedProject)?.name ?? '';\n\n  // Filters go to the server so the loaded items AND the counts both reflect\n  // every matching item, not just the first page.\n  const filter = {\n    ...(priorityFilter !== 'all' && { priority: priorityFilter.toUpperCase() }),\n    ...(typeFilter !== 'all' && { type: typeFilter.toUpperCase() }),\n  };\n  const [loadingMore, setLoadingMore] = useState(false);\n\n  const { data, loading, error, fetchMore } = useQuery<{\n    planmagnetWorkItems: {\n      items: WorkItemNode[];\n      pageInfo: { hasNextPage: boolean; endCursor: string | null };\n      totalCount: number;\n    };\n  }>(GET_WORK_ITEMS, {\n    variables: { workspaceId, filter, pagination: { first: PAGE_SIZE } },\n    // The list only feeds the cross-project overview; a board loads its own cards.\n    skip: !workspaceId || !!selectedProject,\n  });\n  const { data: countsData } = useQuery<{\n    planmagnetWorkItemCounts: { total: number; byStatus: { status: string; count: number }[] };\n  }>(GET_WORK_ITEM_COUNTS, {\n    // On a project board the header counts THAT project, without the overview's priority/type filters (their\n    // buttons are hidden there, but their state survived and silently narrowed the count). It used to count the\n    // whole workspace above a single project's board (BOFF-7943).\n    variables: { workspaceId, filter: selectedProject ? { projectId: selectedProject } : filter },\n    skip: !workspaceId,\n  });\n\n  const loadMore = async () => {\n    const after = data?.planmagnetWorkItems?.pageInfo?.endCursor;\n    if (!after) return;\n    setLoadingMore(true);\n    try {\n      await fetchMore({\n        variables: { pagination: { first: PAGE_SIZE, after } },\n        updateQuery: (prev, { fetchMoreResult }) => ({\n          planmagnetWorkItems: {\n            ...fetchMoreResult.planmagnetWorkItems,\n            items: [\n              ...prev.planmagnetWorkItems.items,\n              ...fetchMoreResult.planmagnetWorkItems.items,\n            ],\n          },\n        }),\n      });\n    } finally {\n      setLoadingMore(false);\n    }\n  };\n\n  // Only before the first load: a refetch or a filter change must not blank the board.\n  if (loading && !data) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return <div className=\"p-6 text-red-500\">Error: {error.message}</div>;\n  }\n\n  const tasks = data?.planmagnetWorkItems?.items ?? [];\n\n  const counts = countsData?.planmagnetWorkItemCounts;\n  // Never fall back to the loaded page's length: on a board nothing is loaded here, so that read \"0 tasks\".\n  const total: number | undefined =\n    counts?.total ?? (selectedProject ? undefined : data?.planmagnetWorkItems?.totalCount);\n  const countFor = (status: string) =>\n    counts?.byStatus.find((c) => c.status === status)?.count ??\n    tasks.filter((t) => t.status === status).length;\n  const hasMore = data?.planmagnetWorkItems?.pageInfo?.hasNextPage ?? false;\n\n  return (\n    <div className=\"space-y-4 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Task Board</h1>\n          <label className=\"sr-only\" htmlFor=\"task-board-project\">\n            Project\n          </label>\n          <select\n            id=\"task-board-project\"\n            className=\"mt-2 rounded-md border border-input bg-background px-2 py-1 text-sm\"\n            value={selectedProject}\n            onChange={(e) => setBoardProject(e.target.value)}\n          >\n            {boardProjects.map((p) => (\n              <option key={p.id} value={p.id}>\n                {p.name}\n              </option>\n            ))}\n            <option value=\"\">All projects — status overview</option>\n          </select>\n          <div className=\"mt-2 flex flex-wrap gap-2\">\n            <ExportWorkItemsButton projectId={selectedProject || undefined} />\n            {/* BUILD_PLAN P1.4: the Linear importer had no way in. */}\n            <Button\n              size=\"sm\"\n              variant=\"outline\"\n              data-testid=\"import-linear\"\n              onClick={() => navigate('/tasks/import-page')}\n            >\n              <FileUp className=\"mr-1 h-4 w-4\" />\n              Import from Linear\n            </Button>\n          </div>\n          <p className=\"text-sm text-muted-foreground\" data-testid=\"task-board-total\">\n            {total === undefined\n              ? 'Counting tasks…'\n              : selectedProject\n                ? `${total} ${total === 1 ? 'task' : 'tasks'} in ${selectedProjectName}`\n                : `${total} tasks across all projects${tasks.length < total ? ` · showing ${tasks.length}` : ''}`}\n          </p>\n        </div>\n      </div>\n      {selectedProject ? (\n        <ProjectBoard projectId={selectedProject} projectName={selectedProjectName} />\n      ) : (\n        <>\n          <div className=\"flex gap-4 items-center flex-wrap\">\n            <Filter className=\"h-4 w-4 text-muted-foreground\" />\n            <div className=\"flex gap-1\">\n              {/* 'none' included: a NONE-priority task matched no chip (BOFF-7985). */}\n              {['all', 'none', 'low', 'medium', 'high', 'critical'].map((p) => (\n                <button\n                  key={p}\n                  onClick={() => setPriorityFilter(p)}\n                  className={`px-2 py-1 text-xs rounded capitalize ${priorityFilter === p ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n                >\n                  {p}\n                </button>\n              ))}\n            </div>\n            <div className=\"flex gap-1\">\n              {/* sub_task → SUB_TASK: filtering by it works since svc 1f4db8e (it was a masked 500). */}\n              {['all', 'story', 'bug', 'task', 'epic', 'sub_task'].map((t) => (\n                <button\n                  key={t}\n                  onClick={() => setTypeFilter(t)}\n                  className={`px-2 py-1 text-xs rounded capitalize ${typeFilter === t ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n                >\n                  {t === 'sub_task' ? 'sub-task' : t}\n                </button>\n              ))}\n            </div>\n          </div>\n          <div className=\"grid grid-cols-7 gap-3 overflow-x-auto\">\n            {columns.map((col) => {\n              const colTasks = tasks.filter((t) => t.status === col);\n              return (\n                <div key={col} className=\"min-w-[200px]\">\n                  <div className={`border-t-2 ${colColor[col]} rounded-t-md p-2 bg-muted/50`}>\n                    <div className=\"flex justify-between items-center\">\n                      <span className=\"text-sm font-medium\">{colLabel[col]}</span>\n                      <span\n                        className=\"text-xs bg-muted rounded-full px-1.5\"\n                        data-testid={`task-col-count-${col}`}\n                      >\n                        {countFor(col)}\n                      </span>\n                    </div>\n                  </div>\n                  <div className=\"space-y-2 mt-2\">\n                    {colTasks.map((task) => (\n                      <Card\n                        key={task.id}\n                        {...rowLinkProps(\n                          () =>\n                            navigate(\n                              `/tasks/task-detail-page?taskId=${encodeURIComponent(task.id)}`\n                            ),\n                          task.title\n                        )}\n                      >\n                        <CardContent className=\"p-3 space-y-2\">\n                          <p className=\"text-sm font-medium leading-tight\">{task.title}</p>\n                          <p className=\"text-xs text-muted-foreground\">{task.key}</p>\n                          <div className=\"flex gap-1 flex-wrap\">\n                            <span\n                              className={`text-[10px] px-1.5 py-0.5 rounded-full capitalize ${priorityColor[task.priority] ?? ''}`}\n                            >\n                              {task.priority.toLowerCase()}\n                            </span>\n                            <span\n                              className={`text-[10px] px-1.5 py-0.5 rounded-full capitalize ${typeColor[task.type] ?? ''}`}\n                            >\n                              {task.type.toLowerCase()}\n                            </span>\n                          </div>\n                          <div className=\"flex items-center justify-between\">\n                            <div className=\"flex gap-1\">\n                              {(task.labels ?? []).slice(0, 2).map((l) => (\n                                <span key={l} className=\"text-[9px] px-1 py-0.5 rounded bg-muted\">\n                                  {l}\n                                </span>\n                              ))}\n                            </div>\n                            <div className=\"flex items-center gap-1\">\n                              <span className=\"text-[10px] font-medium bg-primary/10 text-primary rounded-full h-5 w-5 flex items-center justify-center\">\n                                {task.storyPoints ?? 0}\n                              </span>\n                            </div>\n                          </div>\n                          <div className=\"flex justify-between text-[10px] text-muted-foreground\">\n                            <span>\n                              {task.assigneeId ? <PersonName id={task.assigneeId} /> : 'Unassigned'}\n                            </span>\n                            <span>\n                              {task.dueDate ? new Date(task.dueDate).toLocaleDateString() : ''}\n                            </span>\n                          </div>\n                        </CardContent>\n                      </Card>\n                    ))}\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n          {hasMore && (\n            <div className=\"flex justify-center\">\n              <button\n                type=\"button\"\n                onClick={loadMore}\n                disabled={loadingMore}\n                className=\"px-3 py-1.5 text-sm rounded-md bg-muted text-foreground hover:bg-muted/80 disabled:opacity-50\"\n                data-testid=\"task-board-load-more\"\n              >\n                {loadingMore ? 'Loading…' : `Load more (${tasks.length} of ${total})`}\n              </button>\n            </div>\n          )}\n        </>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TasksTasksPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/TasksTasksPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Button, Card, CardContent } from '@burdenoff/fe-libs/ui';\nimport { Bot, FileUp, Filter } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { countLabel } from '../hooks/useCounts';\nimport { rowLinkProps } from '../utils/rowNavigation';\nimport { PersonName } from '../people/People';\nimport { ProjectBoard } from '../board/ProjectBoard';\nimport { ExportWorkItemsButton } from '../export/ExportWorkItemsButton';\n\nconst GET_WORK_ITEMS = gql`\n  query GetWorkItems(\n    $workspaceId: ID!\n    $filter: PlanmagnetWorkItemFilter\n    $pagination: PlanmagnetPaginationInput\n  ) {\n    planmagnetWorkItems(workspaceId: $workspaceId, filter: $filter, pagination: $pagination) {\n      items {\n        id\n        title\n        type\n        status\n        priority\n        key\n        assigneeId\n        reporterId\n        sprintId\n        storyPoints\n        estimateMinutes\n        dueDate\n        labels\n        tags\n        createdAt\n      }\n      pageInfo {\n        hasNextPage\n        endCursor\n      }\n      totalCount\n    }\n  }\n`;\n\n// Server-side counts (QA H2): the list returns at most 100 rows per page, so\n// counting the loaded page undercounted every workspace past 100 items.\nconst GET_WORK_ITEM_COUNTS = gql`\n  query GetWorkItemCounts($workspaceId: ID!, $filter: PlanmagnetWorkItemFilter) {\n    planmagnetWorkItemCounts(workspaceId: $workspaceId, filter: $filter) {\n      total\n      byStatus {\n        status\n        count\n      }\n    }\n  }\n`;\n\nconst PAGE_SIZE = 100;\n\nconst GET_BOARD_PROJECTS = gql`\n  query GetBoardProjects($workspaceId: ID!) {\n    planmagnetProjects(workspaceId: $workspaceId, pagination: { first: 100 }) {\n      items {\n        id\n        name\n      }\n    }\n  }\n`;\n\ninterface WorkItemNode {\n  id: string;\n  title: string;\n  type: string;\n  status: string;\n  priority: string;\n  key: string;\n  assigneeId: string | null;\n  reporterId: string | null;\n  sprintId: string | null;\n  storyPoints: number | null;\n  estimateMinutes: number | null;\n  dueDate: string | null;\n  labels: string[];\n  tags: string[];\n  createdAt: string;\n}\n\nconst columns = [\n  'BACKLOG',\n  'TODO',\n  'IN_PROGRESS',\n  'IN_REVIEW',\n  'TESTING',\n  'DONE',\n  'CANCELLED',\n] as const;\n\nconst colLabel: Record<string, string> = {\n  BACKLOG: 'Backlog',\n  TODO: 'To Do',\n  IN_PROGRESS: 'In Progress',\n  IN_REVIEW: 'In Review',\n  TESTING: 'Testing',\n  DONE: 'Done',\n  CANCELLED: 'Cancelled',\n};\n\nconst colColor: Record<string, string> = {\n  BACKLOG: 'border-t-gray-400',\n  TODO: 'border-t-blue-400',\n  IN_PROGRESS: 'border-t-yellow-400',\n  IN_REVIEW: 'border-t-purple-400',\n  TESTING: 'border-t-teal-400',\n  DONE: 'border-t-green-400',\n  CANCELLED: 'border-t-muted-foreground',\n};\n\nconst priorityColor: Record<string, string> = {\n  LOW: 'bg-gray-100 text-gray-700',\n  MEDIUM: 'bg-blue-100 text-blue-700',\n  HIGH: 'bg-orange-100 text-orange-700',\n  CRITICAL: 'bg-red-100 text-red-700',\n};\n\nconst typeColor: Record<string, string> = {\n  STORY: 'bg-green-100 text-green-700',\n  BUG: 'bg-red-100 text-red-700',\n  TASK: 'bg-blue-100 text-blue-700',\n  EPIC: 'bg-purple-100 text-purple-700',\n  // The API serves SUB_TASK (the stored SUBTASK is mapped by the service), so the old SUBTASK key never matched.\n  SUB_TASK: 'bg-gray-100 text-gray-700',\n};\n\nexport function TasksTasksPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const [priorityFilter, setPriorityFilter] = useState<string>('all');\n  const [typeFilter, setTypeFilter] = useState<string>('all');\n  // P1.2: the Task Board is a project's real board (server-side placement,\n  // drag-and-drop, WIP limits). null = not chosen yet -> the first project;\n  // '' = the cross-project status overview, which is NOT a board.\n  const [boardProject, setBoardProject] = useState<string | null>(null);\n  const { data: projectsData } = useQuery(GET_BOARD_PROJECTS, {\n    variables: { workspaceId },\n    skip: !workspaceId,\n  });\n  const boardProjects = projectsData?.planmagnetProjects?.items ?? [];\n  const selectedProject = boardProject ?? boardProjects[0]?.id ?? '';\n  const selectedProjectName = boardProjects.find((p) => p.id === selectedProject)?.name ?? '';\n\n  // Filters go to the server so the loaded items AND the counts both reflect\n  // every matching item, not just the first page.\n  const filter = {\n    ...(priorityFilter !== 'all' && { priority: priorityFilter.toUpperCase() }),\n    ...(typeFilter !== 'all' && { type: typeFilter.toUpperCase() }),\n  };\n  const [loadingMore, setLoadingMore] = useState(false);\n\n  const { data, loading, error, fetchMore } = useQuery<{\n    planmagnetWorkItems: {\n      items: WorkItemNode[];\n      pageInfo: { hasNextPage: boolean; endCursor: string | null };\n      totalCount: number;\n    };\n  }>(GET_WORK_ITEMS, {\n    variables: { workspaceId, filter, pagination: { first: PAGE_SIZE } },\n    // The list only feeds the cross-project overview; a board loads its own cards.\n    skip: !workspaceId || !!selectedProject,\n  });\n  const { data: countsData } = useQuery<{\n    planmagnetWorkItemCounts: { total: number; byStatus: { status: string; count: number }[] };\n  }>(GET_WORK_ITEM_COUNTS, {\n    // On a project board the header counts THAT project, without the overview's priority/type filters (their\n    // buttons are hidden there, but their state survived and silently narrowed the count). It used to count the\n    // whole workspace above a single project's board (BOFF-7943).\n    variables: { workspaceId, filter: selectedProject ? { projectId: selectedProject } : filter },\n    skip: !workspaceId,\n  });\n\n  const loadMore = async () => {\n    const after = data?.planmagnetWorkItems?.pageInfo?.endCursor;\n    if (!after) return;\n    setLoadingMore(true);\n    try {\n      await fetchMore({\n        variables: { pagination: { first: PAGE_SIZE, after } },\n        updateQuery: (prev, { fetchMoreResult }) => ({\n          planmagnetWorkItems: {\n            ...fetchMoreResult.planmagnetWorkItems,\n            items: [\n              ...prev.planmagnetWorkItems.items,\n              ...fetchMoreResult.planmagnetWorkItems.items,\n            ],\n          },\n        }),\n      });\n    } finally {\n      setLoadingMore(false);\n    }\n  };\n\n  // Only before the first load: a refetch or a filter change must not blank the board.\n  if (loading && !data) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return <div className=\"p-6 text-red-500\">Error: {error.message}</div>;\n  }\n\n  const tasks = data?.planmagnetWorkItems?.items ?? [];\n\n  const counts = countsData?.planmagnetWorkItemCounts;\n  // Never fall back to the loaded page's length: on a board nothing is loaded here, so that read \"0 tasks\".\n  const total: number | undefined =\n    counts?.total ?? (selectedProject ? undefined : data?.planmagnetWorkItems?.totalCount);\n  // Never fall back to the loaded page (BOFF-7997): counts.byStatus omits statuses with zero items, so an\n  // absent entry once `counts` HAS loaded really is 0 — but while the counts query is loading or failed,\n  // `counts` itself is undefined and this must show the same unknown state as the header total above,\n  // never a number derived from these <=100 loaded rows.\n  const countFor = (status: string): number | undefined =>\n    counts ? (counts.byStatus.find((c) => c.status === status)?.count ?? 0) : undefined;\n  const hasMore = data?.planmagnetWorkItems?.pageInfo?.hasNextPage ?? false;\n\n  return (\n    <div className=\"space-y-4 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Task Board</h1>\n          <label className=\"sr-only\" htmlFor=\"task-board-project\">\n            Project\n          </label>\n          <select\n            id=\"task-board-project\"\n            className=\"mt-2 rounded-md border border-input bg-background px-2 py-1 text-sm\"\n            value={selectedProject}\n            onChange={(e) => setBoardProject(e.target.value)}\n          >\n            {boardProjects.map((p) => (\n              <option key={p.id} value={p.id}>\n                {p.name}\n              </option>\n            ))}\n            <option value=\"\">All projects — status overview</option>\n          </select>\n          <div className=\"mt-2 flex flex-wrap gap-2\">\n            <ExportWorkItemsButton projectId={selectedProject || undefined} />\n            {/* BUILD_PLAN P1.4: the Linear importer had no way in. */}\n            <Button\n              size=\"sm\"\n              variant=\"outline\"\n              data-testid=\"import-linear\"\n              onClick={() => navigate('/tasks/import-page')}\n            >\n              <FileUp className=\"mr-1 h-4 w-4\" />\n              Import from Linear\n            </Button>\n            {/* BOFF-8047: automation rules act on this board's work items (status/assign/label/priority). */}\n            <Button\n              size=\"sm\"\n              variant=\"outline\"\n              data-testid=\"task-board-automation\"\n              onClick={() => navigate('/automation/automation-rules-page')}\n            >\n              <Bot className=\"mr-1 h-4 w-4\" />\n              Automation rules\n            </Button>\n          </div>\n          <p className=\"text-sm text-muted-foreground\" data-testid=\"task-board-total\">\n            {total === undefined\n              ? 'Counting tasks…'\n              : selectedProject\n                ? `${total} ${total === 1 ? 'task' : 'tasks'} in ${selectedProjectName}`\n                : `${total} tasks across all projects${tasks.length < total ? ` · showing ${tasks.length}` : ''}`}\n          </p>\n        </div>\n      </div>\n      {selectedProject ? (\n        <ProjectBoard projectId={selectedProject} projectName={selectedProjectName} />\n      ) : (\n        <>\n          <div className=\"flex gap-4 items-center flex-wrap\">\n            <Filter className=\"h-4 w-4 text-muted-foreground\" />\n            <div className=\"flex gap-1\">\n              {/* 'none' included: a NONE-priority task matched no chip (BOFF-7985). */}\n              {['all', 'none', 'low', 'medium', 'high', 'critical'].map((p) => (\n                <button\n                  key={p}\n                  onClick={() => setPriorityFilter(p)}\n                  className={`px-2 py-1 text-xs rounded capitalize ${priorityFilter === p ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n                >\n                  {p}\n                </button>\n              ))}\n            </div>\n            <div className=\"flex gap-1\">\n              {/* sub_task → SUB_TASK: filtering by it works since svc 1f4db8e (it was a masked 500). */}\n              {['all', 'story', 'bug', 'task', 'epic', 'sub_task'].map((t) => (\n                <button\n                  key={t}\n                  onClick={() => setTypeFilter(t)}\n                  className={`px-2 py-1 text-xs rounded capitalize ${typeFilter === t ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n                >\n                  {t === 'sub_task' ? 'sub-task' : t}\n                </button>\n              ))}\n            </div>\n          </div>\n          <div className=\"grid grid-cols-7 gap-3 overflow-x-auto\">\n            {columns.map((col) => {\n              const colTasks = tasks.filter((t) => t.status === col);\n              return (\n                <div key={col} className=\"min-w-[200px]\">\n                  <div className={`border-t-2 ${colColor[col]} rounded-t-md p-2 bg-muted/50`}>\n                    <div className=\"flex justify-between items-center\">\n                      <span className=\"text-sm font-medium\">{colLabel[col]}</span>\n                      <span\n                        className=\"text-xs bg-muted rounded-full px-1.5\"\n                        data-testid={`task-col-count-${col}`}\n                      >\n                        {countLabel(countFor(col))}\n                      </span>\n                    </div>\n                  </div>\n                  <div className=\"space-y-2 mt-2\">\n                    {colTasks.map((task) => (\n                      <Card\n                        key={task.id}\n                        {...rowLinkProps(\n                          () =>\n                            navigate(\n                              `/tasks/task-detail-page?taskId=${encodeURIComponent(task.id)}`\n                            ),\n                          task.title\n                        )}\n                      >\n                        <CardContent className=\"p-3 space-y-2\">\n                          <p className=\"text-sm font-medium leading-tight\">{task.title}</p>\n                          <p className=\"text-xs text-muted-foreground\">{task.key}</p>\n                          <div className=\"flex gap-1 flex-wrap\">\n                            <span\n                              className={`text-[10px] px-1.5 py-0.5 rounded-full capitalize ${priorityColor[task.priority] ?? ''}`}\n                            >\n                              {task.priority.toLowerCase()}\n                            </span>\n                            <span\n                              className={`text-[10px] px-1.5 py-0.5 rounded-full capitalize ${typeColor[task.type] ?? ''}`}\n                            >\n                              {task.type.toLowerCase()}\n                            </span>\n                          </div>\n                          <div className=\"flex items-center justify-between\">\n                            <div className=\"flex gap-1\">\n                              {(task.labels ?? []).slice(0, 2).map((l) => (\n                                <span key={l} className=\"text-[9px] px-1 py-0.5 rounded bg-muted\">\n                                  {l}\n                                </span>\n                              ))}\n                            </div>\n                            <div className=\"flex items-center gap-1\">\n                              <span className=\"text-[10px] font-medium bg-primary/10 text-primary rounded-full h-5 w-5 flex items-center justify-center\">\n                                {task.storyPoints ?? 0}\n                              </span>\n                            </div>\n                          </div>\n                          <div className=\"flex justify-between text-[10px] text-muted-foreground\">\n                            <span>\n                              {task.assigneeId ? <PersonName id={task.assigneeId} /> : 'Unassigned'}\n                            </span>\n                            <span>\n                              {task.dueDate ? new Date(task.dueDate).toLocaleDateString() : ''}\n                            </span>\n                          </div>\n                        </CardContent>\n                      </Card>\n                    ))}\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n          {hasMore && (\n            <div className=\"flex justify-center\">\n              <button\n                type=\"button\"\n                onClick={loadMore}\n                disabled={loadingMore}\n                className=\"px-3 py-1.5 text-sm rounded-md bg-muted text-foreground hover:bg-muted/80 disabled:opacity-50\"\n                data-testid=\"task-board-load-more\"\n              >\n                {loadingMore ? 'Loading…' : `Load more (${tasks.length} of ${total})`}\n              </button>\n            </div>\n          )}\n        </>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/pages/TasksTimeEntriesPagePage.d.ts

@@ -0,0 +1,2 @@
+export declare function TasksTimeEntriesPagePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TasksTimeEntriesPagePage.d.ts.map

package/dist/planmagnet/pages/TasksTimeEntriesPagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TasksTimeEntriesPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/TasksTimeEntriesPagePage.tsx"],"names":[],"mappings":"AAuEA,wBAAgB,wBAAwB,4CAiPvC"}

package/dist/planmagnet/pages/TasksTimeEntriesPagePage.js

@@ -0,0 +1,263 @@
+import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
+import { PersonName as n } from "../people/People.js";
+import { enumLabel as r } from "../controls/WorkItemControls.js";
+import { detailPath as i } from "../utils/rowNavigation.js";
+import { TIME_ENTRY_STATUSES as a, formatMinutes as o } from "../time/timeShared.js";
+import { DeleteTimeEntryButton as s, EditTimeEntryDialog as c, LogTimeDialog as l } from "../time/TimeEntryControls.js";
+import { useState as u } from "react";
+import { gql as d } from "@apollo/client";
+import { useQuery as f } from "@apollo/client/react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { useI18n as h } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Input as g } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/TasksTimeEntriesPagePage.tsx
+var _ = d`
+  query TimeEntriesList(
+    $workspaceId: ID!
+    $filter: PlanmagnetTimeEntryFilter
+    $pagination: PlanmagnetPaginationInput
+  ) {
+    planmagnetTimeEntries(workspaceId: $workspaceId, filter: $filter, pagination: $pagination) {
+      items {
+        id
+        userId
+        workItemId
+        workItem {
+          id
+          key
+          title
+        }
+        timesheetId
+        description
+        durationMinutes
+        date
+        status
+        billingType
+      }
+      totalCount
+    }
+  }
+`, v = ["ALL", ...a];
+function y() {
+	let { workspaceId: a, currentUser: d } = e(), y = t(), { t: b } = h(), [x, S] = u("mine"), [C, w] = u("ALL"), [T, E] = u(""), [D, O] = u(""), k = {
+		...x === "mine" && d?.id ? { userId: d.id } : {},
+		...C === "ALL" ? {} : { status: C },
+		...T ? { dateFrom: T } : {},
+		...D ? { dateTo: D } : {}
+	}, { data: A, loading: j, error: M } = f(_, {
+		variables: {
+			workspaceId: a ?? "",
+			filter: k,
+			pagination: { first: 100 }
+		},
+		skip: !a
+	}), N = A?.planmagnetTimeEntries.items ?? [], P = A?.planmagnetTimeEntries.totalCount ?? 0, F = N.reduce((e, t) => e + t.durationMinutes, 0), I = ["TimeEntriesList"];
+	return /* @__PURE__ */ m("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ m("div", {
+				className: "flex flex-wrap items-center justify-between gap-3",
+				children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
+					className: "text-2xl font-semibold",
+					children: b("planmagnet.timeEntries.title", "Time Entries")
+				}), /* @__PURE__ */ p("p", {
+					className: "text-sm text-muted-foreground",
+					children: A ? b("planmagnet.timeEntries.subtitle", "{{count}} entries shown · {{total}} logged{{partial}}", {
+						count: N.length,
+						total: o(F),
+						partial: P > N.length ? ` (${P} in total)` : ""
+					}) : b("planmagnet.timeEntries.subtitleFallback", "Log and review time spent on work items")
+				})] }), /* @__PURE__ */ p(l, { refetchQueries: I })]
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "flex flex-wrap items-center gap-3",
+				children: [/* @__PURE__ */ p("div", {
+					className: "flex gap-1",
+					role: "group",
+					"aria-label": b("planmagnet.timeEntries.scope", "Whose entries"),
+					children: ["mine", "all"].map((e) => /* @__PURE__ */ p("button", {
+						type: "button",
+						"aria-pressed": x === e,
+						onClick: () => S(e),
+						className: `px-3 py-1.5 text-sm rounded-md ${x === e ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted"}`,
+						children: e === "mine" ? b("planmagnet.timeEntries.mine", "My entries") : b("planmagnet.timeEntries.all", "Everyone")
+					}, e))
+				}), /* @__PURE__ */ m("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ p("label", {
+							htmlFor: "time-entries-from",
+							className: "text-xs text-muted-foreground",
+							children: b("planmagnet.timeEntries.from", "From")
+						}),
+						/* @__PURE__ */ p(g, {
+							id: "time-entries-from",
+							type: "date",
+							className: "h-8 w-36",
+							value: T,
+							onChange: (e) => E(e.target.value)
+						}),
+						/* @__PURE__ */ p("label", {
+							htmlFor: "time-entries-to",
+							className: "text-xs text-muted-foreground",
+							children: b("planmagnet.timeEntries.to", "To")
+						}),
+						/* @__PURE__ */ p(g, {
+							id: "time-entries-to",
+							type: "date",
+							className: "h-8 w-36",
+							value: D,
+							onChange: (e) => O(e.target.value)
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "flex flex-wrap gap-1",
+				role: "group",
+				"aria-label": b("planmagnet.timeEntries.statusFilter", "Filter by status"),
+				children: v.map((e) => /* @__PURE__ */ p("button", {
+					type: "button",
+					"aria-pressed": C === e,
+					onClick: () => w(e),
+					className: `px-3 py-1.5 text-sm rounded-md ${C === e ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted"}`,
+					children: e === "ALL" ? b("planmagnet.timeEntries.allStatuses", "All") : r(e)
+				}, e))
+			}),
+			M && /* @__PURE__ */ m("p", {
+				role: "alert",
+				className: "text-sm text-destructive",
+				children: [
+					b("planmagnet.timeEntries.errorLoading", "Time entries could not be loaded"),
+					":",
+					" ",
+					M.message
+				]
+			}),
+			j && !A && /* @__PURE__ */ p("div", {
+				className: "flex items-center justify-center p-12",
+				children: /* @__PURE__ */ p("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+			}),
+			A && N.length === 0 && !M && /* @__PURE__ */ p("p", {
+				className: "text-center text-sm text-muted-foreground py-8",
+				children: b("planmagnet.timeEntries.empty", "No time entries match these filters.")
+			}),
+			N.length > 0 && /* @__PURE__ */ p("div", {
+				className: "overflow-x-auto rounded-md border",
+				children: /* @__PURE__ */ m("table", {
+					className: "w-full text-sm",
+					children: [/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", {
+						className: "border-b bg-muted/40 text-left text-xs text-muted-foreground",
+						children: [
+							x === "all" && /* @__PURE__ */ p("th", {
+								className: "px-3 py-2 font-normal",
+								children: b("planmagnet.timeEntries.col.who", "Who")
+							}),
+							/* @__PURE__ */ p("th", {
+								className: "px-3 py-2 font-normal",
+								children: b("planmagnet.timeEntries.col.workItem", "Work item")
+							}),
+							/* @__PURE__ */ p("th", {
+								className: "px-3 py-2 font-normal",
+								children: b("planmagnet.timeEntries.col.date", "Date")
+							}),
+							/* @__PURE__ */ p("th", {
+								className: "px-3 py-2 text-right font-normal",
+								children: b("planmagnet.timeEntries.col.duration", "Duration")
+							}),
+							/* @__PURE__ */ p("th", {
+								className: "px-3 py-2 font-normal",
+								children: b("planmagnet.timeEntries.col.billing", "Billing")
+							}),
+							/* @__PURE__ */ p("th", {
+								className: "px-3 py-2 font-normal",
+								children: b("planmagnet.timeEntries.col.timesheet", "Timesheet")
+							}),
+							/* @__PURE__ */ p("th", {
+								className: "px-3 py-2 font-normal text-right",
+								children: b("planmagnet.timeEntries.col.actions", "Actions")
+							})
+						]
+					}) }), /* @__PURE__ */ p("tbody", { children: N.map((e) => {
+						let t = !e.timesheetId, a = e.workItem;
+						return /* @__PURE__ */ m("tr", {
+							className: "border-b last:border-0",
+							children: [
+								x === "all" && /* @__PURE__ */ p("td", {
+									className: "px-3 py-2",
+									children: /* @__PURE__ */ p(n, { id: e.userId })
+								}),
+								/* @__PURE__ */ m("td", {
+									className: "px-3 py-2 min-w-0",
+									children: [a ? /* @__PURE__ */ m("button", {
+										type: "button",
+										className: "text-left hover:underline",
+										onClick: () => y(`/tasks/task-detail-page?taskId=${encodeURIComponent(a.id)}`),
+										children: [
+											/* @__PURE__ */ p("span", {
+												className: "text-muted-foreground",
+												children: a.key
+											}),
+											" ",
+											a.title
+										]
+									}) : /* @__PURE__ */ p("span", {
+										className: "text-muted-foreground",
+										children: "—"
+									}), e.description && /* @__PURE__ */ p("p", {
+										className: "text-xs text-muted-foreground truncate",
+										children: e.description
+									})]
+								}),
+								/* @__PURE__ */ p("td", {
+									className: "px-3 py-2 whitespace-nowrap",
+									children: new Date(e.date).toLocaleDateString()
+								}),
+								/* @__PURE__ */ p("td", {
+									className: "px-3 py-2 text-right tabular-nums whitespace-nowrap",
+									children: o(e.durationMinutes)
+								}),
+								/* @__PURE__ */ p("td", {
+									className: "px-3 py-2",
+									children: r(e.billingType)
+								}),
+								/* @__PURE__ */ p("td", {
+									className: "px-3 py-2",
+									children: e.timesheetId ? /* @__PURE__ */ p("button", {
+										type: "button",
+										className: "text-primary hover:underline",
+										onClick: () => y(i("/tasks/timesheet-detail-page", e.timesheetId)),
+										children: b("planmagnet.timeEntries.inTimesheet", "View")
+									}) : /* @__PURE__ */ p("span", {
+										className: "text-muted-foreground",
+										children: b("planmagnet.timeEntries.unassigned", "Not yet")
+									})
+								}),
+								/* @__PURE__ */ p("td", {
+									className: "px-3 py-2",
+									children: t ? /* @__PURE__ */ m("div", {
+										className: "flex justify-end gap-1",
+										children: [/* @__PURE__ */ p(c, {
+											entry: e,
+											refetchQueries: I
+										}), /* @__PURE__ */ p(s, {
+											id: e.id,
+											refetchQueries: I
+										})]
+									}) : /* @__PURE__ */ p("span", {
+										className: "block text-right text-xs text-muted-foreground",
+										children: b("planmagnet.timeEntries.frozenHint", "In a timesheet")
+									})
+								})
+							]
+						}, e.id);
+					}) })]
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { y as TasksTimeEntriesPagePage };
+
+//# sourceMappingURL=TasksTimeEntriesPagePage.js.map

package/dist/planmagnet/pages/TasksTimeEntriesPagePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TasksTimeEntriesPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/TasksTimeEntriesPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Input } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { enumLabel } from '../controls/WorkItemControls';\nimport {\n  LogTimeDialog,\n  EditTimeEntryDialog,\n  DeleteTimeEntryButton,\n} from '../time/TimeEntryControls';\nimport { formatMinutes, TIME_ENTRY_STATUSES } from '../time/timeShared';\nimport { PersonName } from '../people/People';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { detailPath } from '../utils/rowNavigation';\n\n/**\n * Time Entries (BOFF-8047): log time, and see what has been logged. Closes the `api-only` gap recorded for\n * \"Time tracking / timesheets\" in `planmagnet-specs/CAPABILITY_REGISTER.md` — the write and read paths were\n * PROD-VERIFIED since 2026-09-24, but there was no screen anywhere.\n *\n * An entry is only editable/deletable HERE when it has no `timesheetId`: once it belongs to a timesheet, the\n * service may refuse the write (`assertEntryNotFrozen`, once that timesheet is SUBMITTED or APPROVED), and\n * `PlanmagnetTimeEntry` exposes no `timesheet { status }` relation to check cheaply from a mixed list of\n * entries across many timesheets. The Timesheet Detail page knows its OWN sheet's status directly and offers\n * edit/delete there for entries that are still safely editable.\n */\n\nconst TIME_ENTRIES = gql`\n  query TimeEntriesList(\n    $workspaceId: ID!\n    $filter: PlanmagnetTimeEntryFilter\n    $pagination: PlanmagnetPaginationInput\n  ) {\n    planmagnetTimeEntries(workspaceId: $workspaceId, filter: $filter, pagination: $pagination) {\n      items {\n        id\n        userId\n        workItemId\n        workItem {\n          id\n          key\n          title\n        }\n        timesheetId\n        description\n        durationMinutes\n        date\n        status\n        billingType\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface EntryRow {\n  id: string;\n  userId: string;\n  workItemId: string;\n  workItem: { id: string; key: string; title: string } | null;\n  timesheetId: string | null;\n  description: string | null;\n  durationMinutes: number;\n  date: string;\n  status: string;\n  billingType: string;\n}\n\nconst STATUS_TABS = ['ALL', ...TIME_ENTRY_STATUSES] as const;\n\nexport function TasksTimeEntriesPagePage() {\n  const { workspaceId, currentUser } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const { t } = useI18n();\n  const [scope, setScope] = useState<'mine' | 'all'>('mine');\n  const [status, setStatus] = useState<(typeof STATUS_TABS)[number]>('ALL');\n  const [dateFrom, setDateFrom] = useState('');\n  const [dateTo, setDateTo] = useState('');\n\n  const filter = {\n    ...(scope === 'mine' && currentUser?.id ? { userId: currentUser.id } : {}),\n    ...(status !== 'ALL' ? { status } : {}),\n    ...(dateFrom ? { dateFrom } : {}),\n    ...(dateTo ? { dateTo } : {}),\n  };\n  const { data, loading, error } = useQuery<{\n    planmagnetTimeEntries: { items: EntryRow[]; totalCount: number };\n  }>(TIME_ENTRIES, {\n    variables: { workspaceId: workspaceId ?? '', filter, pagination: { first: 100 } },\n    skip: !workspaceId,\n  });\n\n  const entries = data?.planmagnetTimeEntries.items ?? [];\n  const totalCount = data?.planmagnetTimeEntries.totalCount ?? 0;\n  const totalMinutes = entries.reduce((sum, e) => sum + e.durationMinutes, 0);\n  const refetchQueries = ['TimeEntriesList'];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex flex-wrap items-center justify-between gap-3\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            {t('planmagnet.timeEntries.title', 'Time Entries')}\n          </h1>\n          <p className=\"text-sm text-muted-foreground\">\n            {data\n              ? t(\n                  'planmagnet.timeEntries.subtitle',\n                  '{{count}} entries shown · {{total}} logged{{partial}}',\n                  {\n                    count: entries.length,\n                    total: formatMinutes(totalMinutes),\n                    partial: totalCount > entries.length ? ` (${totalCount} in total)` : '',\n                  }\n                )\n              : t(\n                  'planmagnet.timeEntries.subtitleFallback',\n                  'Log and review time spent on work items'\n                )}\n          </p>\n        </div>\n        <LogTimeDialog refetchQueries={refetchQueries} />\n      </div>\n\n      <div className=\"flex flex-wrap items-center gap-3\">\n        <div\n          className=\"flex gap-1\"\n          role=\"group\"\n          aria-label={t('planmagnet.timeEntries.scope', 'Whose entries')}\n        >\n          {(['mine', 'all'] as const).map((s) => (\n            <button\n              key={s}\n              type=\"button\"\n              aria-pressed={scope === s}\n              onClick={() => setScope(s)}\n              className={`px-3 py-1.5 text-sm rounded-md ${scope === s ? 'bg-primary text-primary-foreground' : 'text-muted-foreground hover:bg-muted'}`}\n            >\n              {s === 'mine'\n                ? t('planmagnet.timeEntries.mine', 'My entries')\n                : t('planmagnet.timeEntries.all', 'Everyone')}\n            </button>\n          ))}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <label htmlFor=\"time-entries-from\" className=\"text-xs text-muted-foreground\">\n            {t('planmagnet.timeEntries.from', 'From')}\n          </label>\n          <Input\n            id=\"time-entries-from\"\n            type=\"date\"\n            className=\"h-8 w-36\"\n            value={dateFrom}\n            onChange={(e) => setDateFrom(e.target.value)}\n          />\n          <label htmlFor=\"time-entries-to\" className=\"text-xs text-muted-foreground\">\n            {t('planmagnet.timeEntries.to', 'To')}\n          </label>\n          <Input\n            id=\"time-entries-to\"\n            type=\"date\"\n            className=\"h-8 w-36\"\n            value={dateTo}\n            onChange={(e) => setDateTo(e.target.value)}\n          />\n        </div>\n      </div>\n      <div\n        className=\"flex flex-wrap gap-1\"\n        role=\"group\"\n        aria-label={t('planmagnet.timeEntries.statusFilter', 'Filter by status')}\n      >\n        {STATUS_TABS.map((s) => (\n          <button\n            key={s}\n            type=\"button\"\n            aria-pressed={status === s}\n            onClick={() => setStatus(s)}\n            className={`px-3 py-1.5 text-sm rounded-md ${status === s ? 'bg-primary text-primary-foreground' : 'text-muted-foreground hover:bg-muted'}`}\n          >\n            {s === 'ALL' ? t('planmagnet.timeEntries.allStatuses', 'All') : enumLabel(s)}\n          </button>\n        ))}\n      </div>\n\n      {error && (\n        <p role=\"alert\" className=\"text-sm text-destructive\">\n          {t('planmagnet.timeEntries.errorLoading', 'Time entries could not be loaded')}:{' '}\n          {error.message}\n        </p>\n      )}\n      {loading && !data && (\n        <div className=\"flex items-center justify-center p-12\">\n          <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n        </div>\n      )}\n      {data && entries.length === 0 && !error && (\n        <p className=\"text-center text-sm text-muted-foreground py-8\">\n          {t('planmagnet.timeEntries.empty', 'No time entries match these filters.')}\n        </p>\n      )}\n\n      {entries.length > 0 && (\n        <div className=\"overflow-x-auto rounded-md border\">\n          <table className=\"w-full text-sm\">\n            <thead>\n              <tr className=\"border-b bg-muted/40 text-left text-xs text-muted-foreground\">\n                {scope === 'all' && (\n                  <th className=\"px-3 py-2 font-normal\">\n                    {t('planmagnet.timeEntries.col.who', 'Who')}\n                  </th>\n                )}\n                <th className=\"px-3 py-2 font-normal\">\n                  {t('planmagnet.timeEntries.col.workItem', 'Work item')}\n                </th>\n                <th className=\"px-3 py-2 font-normal\">\n                  {t('planmagnet.timeEntries.col.date', 'Date')}\n                </th>\n                <th className=\"px-3 py-2 text-right font-normal\">\n                  {t('planmagnet.timeEntries.col.duration', 'Duration')}\n                </th>\n                <th className=\"px-3 py-2 font-normal\">\n                  {t('planmagnet.timeEntries.col.billing', 'Billing')}\n                </th>\n                <th className=\"px-3 py-2 font-normal\">\n                  {t('planmagnet.timeEntries.col.timesheet', 'Timesheet')}\n                </th>\n                <th className=\"px-3 py-2 font-normal text-right\">\n                  {t('planmagnet.timeEntries.col.actions', 'Actions')}\n                </th>\n              </tr>\n            </thead>\n            <tbody>\n              {entries.map((entry) => {\n                const editable = !entry.timesheetId;\n                const workItem = entry.workItem;\n                return (\n                  <tr key={entry.id} className=\"border-b last:border-0\">\n                    {scope === 'all' && (\n                      <td className=\"px-3 py-2\">\n                        <PersonName id={entry.userId} />\n                      </td>\n                    )}\n                    <td className=\"px-3 py-2 min-w-0\">\n                      {workItem ? (\n                        <button\n                          type=\"button\"\n                          className=\"text-left hover:underline\"\n                          onClick={() =>\n                            navigate(\n                              `/tasks/task-detail-page?taskId=${encodeURIComponent(workItem.id)}`\n                            )\n                          }\n                        >\n                          <span className=\"text-muted-foreground\">{workItem.key}</span>{' '}\n                          {workItem.title}\n                        </button>\n                      ) : (\n                        <span className=\"text-muted-foreground\">—</span>\n                      )}\n                      {entry.description && (\n                        <p className=\"text-xs text-muted-foreground truncate\">\n                          {entry.description}\n                        </p>\n                      )}\n                    </td>\n                    <td className=\"px-3 py-2 whitespace-nowrap\">\n                      {new Date(entry.date).toLocaleDateString()}\n                    </td>\n                    <td className=\"px-3 py-2 text-right tabular-nums whitespace-nowrap\">\n                      {formatMinutes(entry.durationMinutes)}\n                    </td>\n                    <td className=\"px-3 py-2\">{enumLabel(entry.billingType)}</td>\n                    <td className=\"px-3 py-2\">\n                      {entry.timesheetId ? (\n                        <button\n                          type=\"button\"\n                          className=\"text-primary hover:underline\"\n                          onClick={() =>\n                            navigate(detailPath('/tasks/timesheet-detail-page', entry.timesheetId))\n                          }\n                        >\n                          {t('planmagnet.timeEntries.inTimesheet', 'View')}\n                        </button>\n                      ) : (\n                        <span className=\"text-muted-foreground\">\n                          {t('planmagnet.timeEntries.unassigned', 'Not yet')}\n                        </span>\n                      )}\n                    </td>\n                    <td className=\"px-3 py-2\">\n                      {editable ? (\n                        <div className=\"flex justify-end gap-1\">\n                          <EditTimeEntryDialog entry={entry} refetchQueries={refetchQueries} />\n                          <DeleteTimeEntryButton id={entry.id} refetchQueries={refetchQueries} />\n                        </div>\n                      ) : (\n                        <span className=\"block text-right text-xs text-muted-foreground\">\n                          {t('planmagnet.timeEntries.frozenHint', 'In a timesheet')}\n                        </span>\n                      )}\n                    </td>\n                  </tr>\n                );\n              })}\n            </tbody>\n          </table>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/pages/TasksTimesheetDetailPagePage.d.ts

@@ -0,0 +1,2 @@
+export declare function TasksTimesheetDetailPagePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TasksTimesheetDetailPagePage.d.ts.map

package/dist/planmagnet/pages/TasksTimesheetDetailPagePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TasksTimesheetDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/TasksTimesheetDetailPagePage.tsx"],"names":[],"mappings":"AA+EA,wBAAgB,4BAA4B,4CAyL3C"}