@burdenoff/microfe-planmagnet 2026.927.3 → 2026.927.5

package/dist/planmagnet/pages/TasksTasksPagePage.js

@@ -4,13 +4,13 @@ import { rowLinkProps as r } from "../utils/rowNavigation.js";
 import { ProjectBoard as i } from "../board/ProjectBoard.js";
 import { ExportWorkItemsButton as a } from "../export/ExportWorkItemsButton.js";
 import { useState as o } from "react";
-import { Filter as s } from "lucide-react";
-import { gql as c } from "@apollo/client";
-import { useQuery as l } from "@apollo/client/react";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Card as p, CardContent as m } from "@burdenoff/fe-libs/ui";
+import { FileUp as s, Filter as c } from "lucide-react";
+import { gql as l } from "@apollo/client";
+import { useQuery as u } from "@apollo/client/react";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Button as m, Card as h, CardContent as g } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/TasksTasksPagePage.tsx
-var h = c`
+var _ = l`
   query GetWorkItems(
     $workspaceId: ID!
     $filter: PlanmagnetWorkItemFilter
@@ -41,7 +41,7 @@ var h = c`
       totalCount
     }
   }
-`, g = c`
+`, v = l`
   query GetWorkItemCounts($workspaceId: ID!, $filter: PlanmagnetWorkItemFilter) {
     planmagnetWorkItemCounts(workspaceId: $workspaceId, filter: $filter) {
       total
@@ -51,7 +51,7 @@ var h = c`
       }
     }
   }
-`, _ = 100, v = c`
+`, y = 100, b = l`
   query GetBoardProjects($workspaceId: ID!) {
     planmagnetProjects(workspaceId: $workspaceId, pagination: { first: 100 }) {
       items {
@@ -60,7 +60,7 @@ var h = c`
       }
     }
   }
-`, y = [
+`, x = [
 	"BACKLOG",
 	"TODO",
 	"IN_PROGRESS",
@@ -68,7 +68,7 @@ var h = c`
 	"TESTING",
 	"DONE",
 	"CANCELLED"
-], b = {
+], S = {
 	BACKLOG: "Backlog",
 	TODO: "To Do",
 	IN_PROGRESS: "In Progress",
@@ -76,7 +76,7 @@ var h = c`
 	TESTING: "Testing",
 	DONE: "Done",
 	CANCELLED: "Cancelled"
-}, x = {
+}, C = {
 	BACKLOG: "border-t-gray-400",
 	TODO: "border-t-blue-400",
 	IN_PROGRESS: "border-t-yellow-400",
@@ -84,46 +84,46 @@ var h = c`
 	TESTING: "border-t-teal-400",
 	DONE: "border-t-green-400",
 	CANCELLED: "border-t-muted-foreground"
-}, S = {
+}, w = {
 	LOW: "bg-gray-100 text-gray-700",
 	MEDIUM: "bg-blue-100 text-blue-700",
 	HIGH: "bg-orange-100 text-orange-700",
 	CRITICAL: "bg-red-100 text-red-700"
-}, C = {
+}, T = {
 	STORY: "bg-green-100 text-green-700",
 	BUG: "bg-red-100 text-red-700",
 	TASK: "bg-blue-100 text-blue-700",
 	EPIC: "bg-purple-100 text-purple-700",
 	SUB_TASK: "bg-gray-100 text-gray-700"
 };
-function w() {
-	let { workspaceId: c } = e(), w = t(), [T, E] = o("all"), [D, O] = o("all"), [k, A] = o(null), { data: j } = l(v, {
-		variables: { workspaceId: c },
-		skip: !c
-	}), M = j?.planmagnetProjects?.items ?? [], N = k ?? M[0]?.id ?? "", P = M.find((e) => e.id === N)?.name ?? "", F = {
-		...T !== "all" && { priority: T.toUpperCase() },
-		...D !== "all" && { type: D.toUpperCase() }
-	}, [I, L] = o(!1), { data: R, loading: z, error: B, fetchMore: V } = l(h, {
+function E() {
+	let { workspaceId: l } = e(), E = t(), [D, O] = o("all"), [k, A] = o("all"), [j, M] = o(null), { data: N } = u(b, {
+		variables: { workspaceId: l },
+		skip: !l
+	}), P = N?.planmagnetProjects?.items ?? [], F = j ?? P[0]?.id ?? "", I = P.find((e) => e.id === F)?.name ?? "", L = {
+		...D !== "all" && { priority: D.toUpperCase() },
+		...k !== "all" && { type: k.toUpperCase() }
+	}, [R, z] = o(!1), { data: B, loading: V, error: H, fetchMore: U } = u(_, {
 		variables: {
-			workspaceId: c,
-			filter: F,
-			pagination: { first: _ }
+			workspaceId: l,
+			filter: L,
+			pagination: { first: y }
 		},
-		skip: !c || !!N
-	}), { data: H } = l(g, {
+		skip: !l || !!F
+	}), { data: W } = u(v, {
 		variables: {
-			workspaceId: c,
-			filter: N ? { projectId: N } : F
+			workspaceId: l,
+			filter: F ? { projectId: F } : L
 		},
-		skip: !c
-	}), U = async () => {
-		let e = R?.planmagnetWorkItems?.pageInfo?.endCursor;
+		skip: !l
+	}), G = async () => {
+		let e = B?.planmagnetWorkItems?.pageInfo?.endCursor;
 		if (e) {
-			L(!0);
+			z(!0);
 			try {
-				await V({
+				await U({
 					variables: { pagination: {
-						first: _,
+						first: y,
 						after: e
 					} },
 					updateQuery: (e, { fetchMoreResult: t }) => ({ planmagnetWorkItems: {
@@ -132,79 +132,86 @@ function w() {
 					} })
 				});
 			} finally {
-				L(!1);
+				z(!1);
 			}
 		}
 	};
-	if (z && !R) return /* @__PURE__ */ d("div", {
+	if (V && !B) return /* @__PURE__ */ f("div", {
 		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ d("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+		children: /* @__PURE__ */ f("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
 	});
-	if (B) return /* @__PURE__ */ f("div", {
+	if (H) return /* @__PURE__ */ p("div", {
 		className: "p-6 text-red-500",
-		children: ["Error: ", B.message]
+		children: ["Error: ", H.message]
 	});
-	let W = R?.planmagnetWorkItems?.items ?? [], G = H?.planmagnetWorkItemCounts, K = G?.total ?? (N ? void 0 : R?.planmagnetWorkItems?.totalCount), q = (e) => G?.byStatus.find((t) => t.status === e)?.count ?? W.filter((t) => t.status === e).length, J = R?.planmagnetWorkItems?.pageInfo?.hasNextPage ?? !1;
-	return /* @__PURE__ */ f("div", {
+	let K = B?.planmagnetWorkItems?.items ?? [], q = W?.planmagnetWorkItemCounts, J = q?.total ?? (F ? void 0 : B?.planmagnetWorkItems?.totalCount), Y = (e) => q?.byStatus.find((t) => t.status === e)?.count ?? K.filter((t) => t.status === e).length, X = B?.planmagnetWorkItems?.pageInfo?.hasNextPage ?? !1;
+	return /* @__PURE__ */ p("div", {
 		className: "space-y-4 p-6",
-		children: [/* @__PURE__ */ d("div", {
+		children: [/* @__PURE__ */ f("div", {
 			className: "flex items-center justify-between",
-			children: /* @__PURE__ */ f("div", { children: [
-				/* @__PURE__ */ d("h1", {
+			children: /* @__PURE__ */ p("div", { children: [
+				/* @__PURE__ */ f("h1", {
 					className: "text-2xl font-semibold",
 					children: "Task Board"
 				}),
-				/* @__PURE__ */ d("label", {
+				/* @__PURE__ */ f("label", {
 					className: "sr-only",
 					htmlFor: "task-board-project",
 					children: "Project"
 				}),
-				/* @__PURE__ */ f("select", {
+				/* @__PURE__ */ p("select", {
 					id: "task-board-project",
 					className: "mt-2 rounded-md border border-input bg-background px-2 py-1 text-sm",
-					value: N,
-					onChange: (e) => A(e.target.value),
-					children: [M.map((e) => /* @__PURE__ */ d("option", {
+					value: F,
+					onChange: (e) => M(e.target.value),
+					children: [P.map((e) => /* @__PURE__ */ f("option", {
 						value: e.id,
 						children: e.name
-					}, e.id)), /* @__PURE__ */ d("option", {
+					}, e.id)), /* @__PURE__ */ f("option", {
 						value: "",
 						children: "All projects — status overview"
 					})]
 				}),
-				/* @__PURE__ */ d("div", {
-					className: "mt-2",
-					children: /* @__PURE__ */ d(a, { projectId: N || void 0 })
+				/* @__PURE__ */ p("div", {
+					className: "mt-2 flex flex-wrap gap-2",
+					children: [/* @__PURE__ */ f(a, { projectId: F || void 0 }), /* @__PURE__ */ p(m, {
+						size: "sm",
+						variant: "outline",
+						"data-testid": "import-linear",
+						onClick: () => E("/tasks/import-page"),
+						children: [/* @__PURE__ */ f(s, { className: "mr-1 h-4 w-4" }), "Import from Linear"]
+					})]
 				}),
-				/* @__PURE__ */ d("p", {
+				/* @__PURE__ */ f("p", {
 					className: "text-sm text-muted-foreground",
 					"data-testid": "task-board-total",
-					children: K === void 0 ? "Counting tasks…" : N ? `${K} ${K === 1 ? "task" : "tasks"} in ${P}` : `${K} tasks across all projects${W.length < K ? ` · showing ${W.length}` : ""}`
+					children: J === void 0 ? "Counting tasks…" : F ? `${J} ${J === 1 ? "task" : "tasks"} in ${I}` : `${J} tasks across all projects${K.length < J ? ` · showing ${K.length}` : ""}`
 				})
 			] })
-		}), N ? /* @__PURE__ */ d(i, {
-			projectId: N,
-			projectName: P
-		}) : /* @__PURE__ */ f(u, { children: [
-			/* @__PURE__ */ f("div", {
+		}), F ? /* @__PURE__ */ f(i, {
+			projectId: F,
+			projectName: I
+		}) : /* @__PURE__ */ p(d, { children: [
+			/* @__PURE__ */ p("div", {
 				className: "flex gap-4 items-center flex-wrap",
 				children: [
-					/* @__PURE__ */ d(s, { className: "h-4 w-4 text-muted-foreground" }),
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ f(c, { className: "h-4 w-4 text-muted-foreground" }),
+					/* @__PURE__ */ f("div", {
 						className: "flex gap-1",
 						children: [
 							"all",
+							"none",
 							"low",
 							"medium",
 							"high",
 							"critical"
-						].map((e) => /* @__PURE__ */ d("button", {
-							onClick: () => E(e),
-							className: `px-2 py-1 text-xs rounded capitalize ${T === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
+						].map((e) => /* @__PURE__ */ f("button", {
+							onClick: () => O(e),
+							className: `px-2 py-1 text-xs rounded capitalize ${D === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
 							children: e
 						}, e))
 					}),
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ f("div", {
 						className: "flex gap-1",
 						children: [
 							"all",
@@ -213,77 +220,77 @@ function w() {
 							"task",
 							"epic",
 							"sub_task"
-						].map((e) => /* @__PURE__ */ d("button", {
-							onClick: () => O(e),
-							className: `px-2 py-1 text-xs rounded capitalize ${D === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
+						].map((e) => /* @__PURE__ */ f("button", {
+							onClick: () => A(e),
+							className: `px-2 py-1 text-xs rounded capitalize ${k === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
 							children: e === "sub_task" ? "sub-task" : e
 						}, e))
 					})
 				]
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ f("div", {
 				className: "grid grid-cols-7 gap-3 overflow-x-auto",
-				children: y.map((e) => {
-					let t = W.filter((t) => t.status === e);
-					return /* @__PURE__ */ f("div", {
+				children: x.map((e) => {
+					let t = K.filter((t) => t.status === e);
+					return /* @__PURE__ */ p("div", {
 						className: "min-w-[200px]",
-						children: [/* @__PURE__ */ d("div", {
-							className: `border-t-2 ${x[e]} rounded-t-md p-2 bg-muted/50`,
-							children: /* @__PURE__ */ f("div", {
+						children: [/* @__PURE__ */ f("div", {
+							className: `border-t-2 ${C[e]} rounded-t-md p-2 bg-muted/50`,
+							children: /* @__PURE__ */ p("div", {
 								className: "flex justify-between items-center",
-								children: [/* @__PURE__ */ d("span", {
+								children: [/* @__PURE__ */ f("span", {
 									className: "text-sm font-medium",
-									children: b[e]
-								}), /* @__PURE__ */ d("span", {
+									children: S[e]
+								}), /* @__PURE__ */ f("span", {
 									className: "text-xs bg-muted rounded-full px-1.5",
 									"data-testid": `task-col-count-${e}`,
-									children: q(e)
+									children: Y(e)
 								})]
 							})
-						}), /* @__PURE__ */ d("div", {
+						}), /* @__PURE__ */ f("div", {
 							className: "space-y-2 mt-2",
-							children: t.map((e) => /* @__PURE__ */ d(p, {
-								...r(() => w(`/tasks/task-detail-page?taskId=${encodeURIComponent(e.id)}`), e.title),
-								children: /* @__PURE__ */ f(m, {
+							children: t.map((e) => /* @__PURE__ */ f(h, {
+								...r(() => E(`/tasks/task-detail-page?taskId=${encodeURIComponent(e.id)}`), e.title),
+								children: /* @__PURE__ */ p(g, {
 									className: "p-3 space-y-2",
 									children: [
-										/* @__PURE__ */ d("p", {
+										/* @__PURE__ */ f("p", {
 											className: "text-sm font-medium leading-tight",
 											children: e.title
 										}),
-										/* @__PURE__ */ d("p", {
+										/* @__PURE__ */ f("p", {
 											className: "text-xs text-muted-foreground",
 											children: e.key
 										}),
-										/* @__PURE__ */ f("div", {
+										/* @__PURE__ */ p("div", {
 											className: "flex gap-1 flex-wrap",
-											children: [/* @__PURE__ */ d("span", {
-												className: `text-[10px] px-1.5 py-0.5 rounded-full capitalize ${S[e.priority] ?? ""}`,
+											children: [/* @__PURE__ */ f("span", {
+												className: `text-[10px] px-1.5 py-0.5 rounded-full capitalize ${w[e.priority] ?? ""}`,
 												children: e.priority.toLowerCase()
-											}), /* @__PURE__ */ d("span", {
-												className: `text-[10px] px-1.5 py-0.5 rounded-full capitalize ${C[e.type] ?? ""}`,
+											}), /* @__PURE__ */ f("span", {
+												className: `text-[10px] px-1.5 py-0.5 rounded-full capitalize ${T[e.type] ?? ""}`,
 												children: e.type.toLowerCase()
 											})]
 										}),
-										/* @__PURE__ */ f("div", {
+										/* @__PURE__ */ p("div", {
 											className: "flex items-center justify-between",
-											children: [/* @__PURE__ */ d("div", {
+											children: [/* @__PURE__ */ f("div", {
 												className: "flex gap-1",
-												children: (e.labels ?? []).slice(0, 2).map((e) => /* @__PURE__ */ d("span", {
+												children: (e.labels ?? []).slice(0, 2).map((e) => /* @__PURE__ */ f("span", {
 													className: "text-[9px] px-1 py-0.5 rounded bg-muted",
 													children: e
 												}, e))
-											}), /* @__PURE__ */ d("div", {
+											}), /* @__PURE__ */ f("div", {
 												className: "flex items-center gap-1",
-												children: /* @__PURE__ */ d("span", {
+												children: /* @__PURE__ */ f("span", {
 													className: "text-[10px] font-medium bg-primary/10 text-primary rounded-full h-5 w-5 flex items-center justify-center",
 													children: e.storyPoints ?? 0
 												})
 											})]
 										}),
-										/* @__PURE__ */ f("div", {
+										/* @__PURE__ */ p("div", {
 											className: "flex justify-between text-[10px] text-muted-foreground",
-											children: [/* @__PURE__ */ d("span", { children: e.assigneeId ? /* @__PURE__ */ d(n, { id: e.assigneeId }) : "Unassigned" }), /* @__PURE__ */ d("span", { children: e.dueDate ? new Date(e.dueDate).toLocaleDateString() : "" })]
+											children: [/* @__PURE__ */ f("span", { children: e.assigneeId ? /* @__PURE__ */ f(n, { id: e.assigneeId }) : "Unassigned" }), /* @__PURE__ */ f("span", { children: e.dueDate ? new Date(e.dueDate).toLocaleDateString() : "" })]
 										})
 									]
 								})
@@ -292,21 +299,21 @@ function w() {
 					}, e);
 				})
 			}),
-			J && /* @__PURE__ */ d("div", {
+			X && /* @__PURE__ */ f("div", {
 				className: "flex justify-center",
-				children: /* @__PURE__ */ d("button", {
+				children: /* @__PURE__ */ f("button", {
 					type: "button",
-					onClick: U,
-					disabled: I,
+					onClick: G,
+					disabled: R,
 					className: "px-3 py-1.5 text-sm rounded-md bg-muted text-foreground hover:bg-muted/80 disabled:opacity-50",
 					"data-testid": "task-board-load-more",
-					children: I ? "Loading…" : `Load more (${W.length} of ${K})`
+					children: R ? "Loading…" : `Load more (${K.length} of ${J})`
 				})
 			})
 		] })]
 	});
 }
 //#endregion
-export { w as TasksTasksPagePage };
+export { E as TasksTasksPagePage };
 
 //# sourceMappingURL=TasksTasksPagePage.js.map

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 { Card, CardContent } from '@burdenoff/fe-libs/ui';\nimport { 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\">\n            <ExportWorkItemsButton projectId={selectedProject || undefined} />\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              {['all', '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 { 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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"}

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

@@ -1 +1 @@
-{"version":3,"file":"TeamTeamPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/TeamTeamPagePage.tsx"],"names":[],"mappings":"AAkEA,wBAAgB,gBAAgB,4CAuL/B"}
+{"version":3,"file":"TeamTeamPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/TeamTeamPagePage.tsx"],"names":[],"mappings":"AAqFA,wBAAgB,gBAAgB,4CAkD/B"}