@burdenoff/microfe-planmagnet 2026.925.12 → 2026.925.14

package/dist/planmagnet/pages/TasksTasksPagePage.js

@@ -2,14 +2,15 @@ import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/Pla
 import { PersonName as n } from "../people/People.js";
 import { rowLinkProps as r } from "../utils/rowNavigation.js";
 import { ProjectBoard as i } from "../board/ProjectBoard.js";
-import { useState as a } from "react";
-import { Filter as o } from "lucide-react";
-import { gql as s } from "@apollo/client";
-import { useQuery as c } from "@apollo/client/react";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-import { Card as f, CardContent as p } from "@burdenoff/fe-libs/ui";
+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";
 //#region src/planmagnet/pages/TasksTasksPagePage.tsx
-var m = s`
+var h = c`
   query GetWorkItems(
     $workspaceId: ID!
     $filter: PlanmagnetWorkItemFilter
@@ -40,7 +41,7 @@ var m = s`
       totalCount
     }
   }
-`, h = s`
+`, g = c`
   query GetWorkItemCounts($workspaceId: ID!, $filter: PlanmagnetWorkItemFilter) {
     planmagnetWorkItemCounts(workspaceId: $workspaceId, filter: $filter) {
       total
@@ -50,7 +51,7 @@ var m = s`
       }
     }
   }
-`, g = 100, _ = s`
+`, _ = 100, v = c`
   query GetBoardProjects($workspaceId: ID!) {
     planmagnetProjects(workspaceId: $workspaceId, pagination: { first: 100 }) {
       items {
@@ -59,7 +60,7 @@ var m = s`
       }
     }
   }
-`, v = [
+`, y = [
 	"BACKLOG",
 	"TODO",
 	"IN_PROGRESS",
@@ -67,7 +68,7 @@ var m = s`
 	"TESTING",
 	"DONE",
 	"CANCELLED"
-], y = {
+], b = {
 	BACKLOG: "Backlog",
 	TODO: "To Do",
 	IN_PROGRESS: "In Progress",
@@ -75,7 +76,7 @@ var m = s`
 	TESTING: "Testing",
 	DONE: "Done",
 	CANCELLED: "Cancelled"
-}, b = {
+}, x = {
 	BACKLOG: "border-t-gray-400",
 	TODO: "border-t-blue-400",
 	IN_PROGRESS: "border-t-yellow-400",
@@ -83,46 +84,46 @@ var m = s`
 	TESTING: "border-t-teal-400",
 	DONE: "border-t-green-400",
 	CANCELLED: "border-t-muted-foreground"
-}, x = {
+}, S = {
 	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"
-}, S = {
+}, C = {
 	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",
 	SUBTASK: "bg-gray-100 text-gray-700"
 };
-function C() {
-	let { workspaceId: s } = e(), C = t(), [w, T] = a("all"), [E, D] = a("all"), [O, k] = a(null), { data: A } = c(_, {
-		variables: { workspaceId: s },
-		skip: !s
-	}), j = A?.planmagnetProjects?.items ?? [], M = O ?? j[0]?.id ?? "", N = j.find((e) => e.id === M)?.name ?? "", P = {
-		...w !== "all" && { priority: w.toUpperCase() },
-		...E !== "all" && { type: E.toUpperCase() }
-	}, [F, I] = a(!1), { data: L, loading: R, error: z, fetchMore: B } = c(m, {
+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, {
 		variables: {
-			workspaceId: s,
-			filter: P,
-			pagination: { first: g }
+			workspaceId: c,
+			filter: F,
+			pagination: { first: _ }
 		},
-		skip: !s || !!M
-	}), { data: V } = c(h, {
+		skip: !c || !!N
+	}), { data: H } = l(g, {
 		variables: {
-			workspaceId: s,
-			filter: P
+			workspaceId: c,
+			filter: F
 		},
-		skip: !s
-	}), H = async () => {
-		let e = L?.planmagnetWorkItems?.pageInfo?.endCursor;
+		skip: !c
+	}), U = async () => {
+		let e = R?.planmagnetWorkItems?.pageInfo?.endCursor;
 		if (e) {
-			I(!0);
+			L(!0);
 			try {
-				await B({
+				await V({
 					variables: { pagination: {
-						first: g,
+						first: _,
 						after: e
 					} },
 					updateQuery: (e, { fetchMoreResult: t }) => ({ planmagnetWorkItems: {
@@ -131,65 +132,69 @@ function C() {
 					} })
 				});
 			} finally {
-				I(!1);
+				L(!1);
 			}
 		}
 	};
-	if (R && !L) return /* @__PURE__ */ u("div", {
+	if (z && !R) return /* @__PURE__ */ d("div", {
 		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ u("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+		children: /* @__PURE__ */ d("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
 	});
-	if (z) return /* @__PURE__ */ d("div", {
+	if (B) return /* @__PURE__ */ f("div", {
 		className: "p-6 text-red-500",
-		children: ["Error: ", z.message]
+		children: ["Error: ", B.message]
 	});
-	let U = L?.planmagnetWorkItems?.items ?? [], W = V?.planmagnetWorkItemCounts, G = W?.total ?? L?.planmagnetWorkItems?.totalCount ?? U.length, K = (e) => W?.byStatus.find((t) => t.status === e)?.count ?? U.filter((t) => t.status === e).length, q = L?.planmagnetWorkItems?.pageInfo?.hasNextPage ?? !1;
-	return /* @__PURE__ */ d("div", {
+	let W = R?.planmagnetWorkItems?.items ?? [], G = H?.planmagnetWorkItemCounts, K = G?.total ?? R?.planmagnetWorkItems?.totalCount ?? W.length, 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", {
 		className: "space-y-4 p-6",
-		children: [/* @__PURE__ */ u("div", {
+		children: [/* @__PURE__ */ d("div", {
 			className: "flex items-center justify-between",
-			children: /* @__PURE__ */ d("div", { children: [
-				/* @__PURE__ */ u("h1", {
+			children: /* @__PURE__ */ f("div", { children: [
+				/* @__PURE__ */ d("h1", {
 					className: "text-2xl font-semibold",
 					children: "Task Board"
 				}),
-				/* @__PURE__ */ u("label", {
+				/* @__PURE__ */ d("label", {
 					className: "sr-only",
 					htmlFor: "task-board-project",
 					children: "Project"
 				}),
-				/* @__PURE__ */ d("select", {
+				/* @__PURE__ */ f("select", {
 					id: "task-board-project",
 					className: "mt-2 rounded-md border border-input bg-background px-2 py-1 text-sm",
-					value: M,
-					onChange: (e) => k(e.target.value),
-					children: [j.map((e) => /* @__PURE__ */ u("option", {
+					value: N,
+					onChange: (e) => A(e.target.value),
+					children: [M.map((e) => /* @__PURE__ */ d("option", {
 						value: e.id,
 						children: e.name
-					}, e.id)), /* @__PURE__ */ u("option", {
+					}, e.id)), /* @__PURE__ */ d("option", {
 						value: "",
 						children: "All projects — status overview"
 					})]
 				}),
-				/* @__PURE__ */ d("p", {
+				/* @__PURE__ */ d("div", {
+					className: "mt-2",
+					children: /* @__PURE__ */ d(a, { projectId: N || void 0 })
+				}),
+				/* @__PURE__ */ f("p", {
 					className: "text-sm text-muted-foreground",
 					"data-testid": "task-board-total",
 					children: [
-						G,
+						K,
 						" tasks across all projects",
-						U.length < G && ` · showing ${U.length}`
+						W.length < K && ` · showing ${W.length}`
 					]
 				})
 			] })
-		}), M ? /* @__PURE__ */ u(i, {
-			projectId: M,
-			projectName: N
-		}) : /* @__PURE__ */ d(l, { children: [
-			/* @__PURE__ */ d("div", {
+		}), N ? /* @__PURE__ */ d(i, {
+			projectId: N,
+			projectName: P
+		}) : /* @__PURE__ */ f(u, { children: [
+			/* @__PURE__ */ f("div", {
 				className: "flex gap-4 items-center flex-wrap",
 				children: [
-					/* @__PURE__ */ u(o, { className: "h-4 w-4 text-muted-foreground" }),
-					/* @__PURE__ */ u("div", {
+					/* @__PURE__ */ d(s, { className: "h-4 w-4 text-muted-foreground" }),
+					/* @__PURE__ */ d("div", {
 						className: "flex gap-1",
 						children: [
 							"all",
@@ -197,13 +202,13 @@ function C() {
 							"medium",
 							"high",
 							"critical"
-						].map((e) => /* @__PURE__ */ u("button", {
-							onClick: () => T(e),
-							className: `px-2 py-1 text-xs rounded capitalize ${w === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
+						].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"}`,
 							children: e
 						}, e))
 					}),
-					/* @__PURE__ */ u("div", {
+					/* @__PURE__ */ d("div", {
 						className: "flex gap-1",
 						children: [
 							"all",
@@ -211,77 +216,77 @@ function C() {
 							"bug",
 							"task",
 							"epic"
-						].map((e) => /* @__PURE__ */ u("button", {
-							onClick: () => D(e),
-							className: `px-2 py-1 text-xs rounded capitalize ${E === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
+						].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"}`,
 							children: e
 						}, e))
 					})
 				]
 			}),
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ d("div", {
 				className: "grid grid-cols-7 gap-3 overflow-x-auto",
-				children: v.map((e) => {
-					let t = U.filter((t) => t.status === e);
-					return /* @__PURE__ */ d("div", {
+				children: y.map((e) => {
+					let t = W.filter((t) => t.status === e);
+					return /* @__PURE__ */ f("div", {
 						className: "min-w-[200px]",
-						children: [/* @__PURE__ */ u("div", {
-							className: `border-t-2 ${b[e]} rounded-t-md p-2 bg-muted/50`,
-							children: /* @__PURE__ */ d("div", {
+						children: [/* @__PURE__ */ d("div", {
+							className: `border-t-2 ${x[e]} rounded-t-md p-2 bg-muted/50`,
+							children: /* @__PURE__ */ f("div", {
 								className: "flex justify-between items-center",
-								children: [/* @__PURE__ */ u("span", {
+								children: [/* @__PURE__ */ d("span", {
 									className: "text-sm font-medium",
-									children: y[e]
-								}), /* @__PURE__ */ u("span", {
+									children: b[e]
+								}), /* @__PURE__ */ d("span", {
 									className: "text-xs bg-muted rounded-full px-1.5",
 									"data-testid": `task-col-count-${e}`,
-									children: K(e)
+									children: q(e)
 								})]
 							})
-						}), /* @__PURE__ */ u("div", {
+						}), /* @__PURE__ */ d("div", {
 							className: "space-y-2 mt-2",
-							children: t.map((e) => /* @__PURE__ */ u(f, {
-								...r(() => C(`/tasks/task-detail-page?taskId=${encodeURIComponent(e.id)}`), e.title),
-								children: /* @__PURE__ */ d(p, {
+							children: t.map((e) => /* @__PURE__ */ d(p, {
+								...r(() => w(`/tasks/task-detail-page?taskId=${encodeURIComponent(e.id)}`), e.title),
+								children: /* @__PURE__ */ f(m, {
 									className: "p-3 space-y-2",
 									children: [
-										/* @__PURE__ */ u("p", {
+										/* @__PURE__ */ d("p", {
 											className: "text-sm font-medium leading-tight",
 											children: e.title
 										}),
-										/* @__PURE__ */ u("p", {
+										/* @__PURE__ */ d("p", {
 											className: "text-xs text-muted-foreground",
 											children: e.key
 										}),
-										/* @__PURE__ */ d("div", {
+										/* @__PURE__ */ f("div", {
 											className: "flex gap-1 flex-wrap",
-											children: [/* @__PURE__ */ u("span", {
-												className: `text-[10px] px-1.5 py-0.5 rounded-full capitalize ${x[e.priority] ?? ""}`,
+											children: [/* @__PURE__ */ d("span", {
+												className: `text-[10px] px-1.5 py-0.5 rounded-full capitalize ${S[e.priority] ?? ""}`,
 												children: e.priority.toLowerCase()
-											}), /* @__PURE__ */ u("span", {
-												className: `text-[10px] px-1.5 py-0.5 rounded-full capitalize ${S[e.type] ?? ""}`,
+											}), /* @__PURE__ */ d("span", {
+												className: `text-[10px] px-1.5 py-0.5 rounded-full capitalize ${C[e.type] ?? ""}`,
 												children: e.type.toLowerCase()
 											})]
 										}),
-										/* @__PURE__ */ d("div", {
+										/* @__PURE__ */ f("div", {
 											className: "flex items-center justify-between",
-											children: [/* @__PURE__ */ u("div", {
+											children: [/* @__PURE__ */ d("div", {
 												className: "flex gap-1",
-												children: (e.labels ?? []).slice(0, 2).map((e) => /* @__PURE__ */ u("span", {
+												children: (e.labels ?? []).slice(0, 2).map((e) => /* @__PURE__ */ d("span", {
 													className: "text-[9px] px-1 py-0.5 rounded bg-muted",
 													children: e
 												}, e))
-											}), /* @__PURE__ */ u("div", {
+											}), /* @__PURE__ */ d("div", {
 												className: "flex items-center gap-1",
-												children: /* @__PURE__ */ u("span", {
+												children: /* @__PURE__ */ d("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__ */ d("div", {
+										/* @__PURE__ */ f("div", {
 											className: "flex justify-between text-[10px] text-muted-foreground",
-											children: [/* @__PURE__ */ u("span", { children: e.assigneeId ? /* @__PURE__ */ u(n, { id: e.assigneeId }) : "Unassigned" }), /* @__PURE__ */ u("span", { children: e.dueDate ? new Date(e.dueDate).toLocaleDateString() : "" })]
+											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() : "" })]
 										})
 									]
 								})
@@ -290,21 +295,21 @@ function C() {
 					}, e);
 				})
 			}),
-			q && /* @__PURE__ */ u("div", {
+			J && /* @__PURE__ */ d("div", {
 				className: "flex justify-center",
-				children: /* @__PURE__ */ u("button", {
+				children: /* @__PURE__ */ d("button", {
 					type: "button",
-					onClick: H,
-					disabled: F,
+					onClick: U,
+					disabled: I,
 					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: F ? "Loading…" : `Load more (${U.length} of ${G})`
+					children: I ? "Loading…" : `Load more (${W.length} of ${K})`
 				})
 			})
 		] })]
 	});
 }
 //#endregion
-export { C as TasksTasksPagePage };
+export { w 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';\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  SUBTASK: '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, { variables: { workspaceId, filter }, skip: !workspaceId });\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  const total = counts?.total ?? data?.planmagnetWorkItems?.totalCount ?? tasks.length;\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          <p className=\"text-sm text-muted-foreground\" data-testid=\"task-board-total\">\n            {total} tasks across all projects\n            {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              {['all', 'story', 'bug', 'task', 'epic'].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}\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 { 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  SUBTASK: '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, { variables: { workspaceId, filter }, skip: !workspaceId });\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  const total = counts?.total ?? data?.planmagnetWorkItems?.totalCount ?? tasks.length;\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} tasks across all projects\n            {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              {['all', 'story', 'bug', 'task', 'epic'].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}\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/TeamCreateTeamPagePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TeamCreateTeamPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/TeamCreateTeamPagePage.tsx"],"names":[],"mappings":"AAkCA,wBAAgB,sBAAsB,4CAiHrC"}
+{"version":3,"file":"TeamCreateTeamPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/TeamCreateTeamPagePage.tsx"],"names":[],"mappings":"AAkCA,wBAAgB,sBAAsB,4CAqHrC"}

package/dist/planmagnet/pages/TeamCreateTeamPagePage.js

@@ -32,7 +32,7 @@ function _() {
 		},
 		skip: !o
 	}), C = b?.planmagnetProjects?.items ?? [];
-	return x ? /* @__PURE__ */ c("div", {
+	return x && !b ? /* @__PURE__ */ c("div", {
 		className: "flex items-center justify-center p-12",
 		children: /* @__PURE__ */ c("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
 	}) : S ? /* @__PURE__ */ l("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"TeamCreateTeamPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/TeamCreateTeamPagePage.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, CardHeader, CardTitle, Button, Input } from '@burdenoff/fe-libs/ui';\nimport { Save, X, Users } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\n\nconst GET_PROJECTS_FOR_TEAM = gql`\n  query GetProjectsForTeamCreation($workspaceId: ID!, $pagination: PlanmagnetPaginationInput) {\n    planmagnetProjects(workspaceId: $workspaceId, pagination: $pagination) {\n      items {\n        id\n        name\n        key\n        ownerId\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface ProjectNode {\n  id: string;\n  name: string;\n  key: string;\n  ownerId: string | null;\n}\n\ninterface ProjectsData {\n  projects: { items: ProjectNode[]; totalCount: number };\n}\n\nexport function TeamCreateTeamPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const [form, setForm] = useState({ name: '', description: '', lead: '', projectId: '' });\n\n  const { data, loading, error } = useQuery<ProjectsData>(GET_PROJECTS_FOR_TEAM, {\n    variables: {\n      workspaceId,\n      pagination: { first: 100 },\n    },\n    skip: !workspaceId,\n  });\n\n  const projects = data?.planmagnetProjects?.items ?? [];\n\n  // NOTE: there is no Team model in wspace-planmagnet-svc, so this form has nothing\n  // to save to. It previously had a handler that navigated to '/team' on submit,\n  // which read as a successful save — the user filled the form, was redirected, and\n  // nothing was persisted. The submit control is disabled until the model exists\n  // (BOFF-7822); the notice above the form says so.\n\n  if (loading) {\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  return (\n    <div className=\"space-y-6 p-6 max-w-4xl\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Create Team</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Set up a new team with members and a lead.\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\" onClick={() => navigate('/team/team-page')}>\n            <X className=\"mr-1 h-4 w-4\" />\n            Cancel\n          </Button>\n          <Button size=\"sm\" disabled title=\"Not available yet — see the notice below\">\n            <Save className=\"mr-1 h-4 w-4\" />\n            Create Team\n          </Button>\n        </div>\n      </div>\n      <div className=\"rounded-md border border-border bg-muted p-4 text-sm text-muted-foreground\">\n        <strong className=\"text-foreground\">Not available yet.</strong> Teams cannot be saved —\n        there is no team model behind this form. It is shown so the fields and options are visible,\n        but nothing entered here is stored. This page previously returned you to the list on submit,\n        which looked like it had saved.\n      </div>\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <Users className=\"h-4 w-4\" />\n            Team Details\n          </CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div>\n            <label className=\"text-sm font-medium\">Team Name</label>\n            <Input\n              value={form.name}\n              onChange={(e) => setForm({ ...form, name: e.target.value })}\n              className=\"mt-1\"\n              placeholder=\"e.g. Platform Engineering\"\n            />\n          </div>\n          <div>\n            <label className=\"text-sm font-medium\">Description</label>\n            <textarea\n              className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[80px]\"\n              value={form.description}\n              onChange={(e) => setForm({ ...form, description: e.target.value })}\n              placeholder=\"Describe the team's mission and responsibilities...\"\n            />\n          </div>\n          <div>\n            <label className=\"text-sm font-medium\">Team Lead</label>\n            <Input\n              value={form.lead}\n              onChange={(e) => setForm({ ...form, lead: e.target.value })}\n              className=\"mt-1\"\n              placeholder=\"Team lead name or email\"\n            />\n          </div>\n          <div>\n            <label className=\"text-sm font-medium\">Associated Project (optional)</label>\n            <select\n              className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm\"\n              value={form.projectId}\n              onChange={(e) => setForm({ ...form, projectId: e.target.value })}\n            >\n              <option value=\"\">No project</option>\n              {projects.map((p) => (\n                <option key={p.id} value={p.id}>\n                  {p.name} ({p.key})\n                </option>\n              ))}\n            </select>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TeamCreateTeamPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/TeamCreateTeamPagePage.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, CardHeader, CardTitle, Button, Input } from '@burdenoff/fe-libs/ui';\nimport { Save, X, Users } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\n\nconst GET_PROJECTS_FOR_TEAM = gql`\n  query GetProjectsForTeamCreation($workspaceId: ID!, $pagination: PlanmagnetPaginationInput) {\n    planmagnetProjects(workspaceId: $workspaceId, pagination: $pagination) {\n      items {\n        id\n        name\n        key\n        ownerId\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface ProjectNode {\n  id: string;\n  name: string;\n  key: string;\n  ownerId: string | null;\n}\n\ninterface ProjectsData {\n  projects: { items: ProjectNode[]; totalCount: number };\n}\n\nexport function TeamCreateTeamPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const [form, setForm] = useState({ name: '', description: '', lead: '', projectId: '' });\n\n  const { data, loading, error } = useQuery<ProjectsData>(GET_PROJECTS_FOR_TEAM, {\n    variables: {\n      workspaceId,\n      pagination: { first: 100 },\n    },\n    skip: !workspaceId,\n  });\n\n  const projects = data?.planmagnetProjects?.items ?? [];\n\n  // NOTE: there is no Team model in wspace-planmagnet-svc, so this form has nothing\n  // to save to. It previously had a handler that navigated to '/team' on submit,\n  // which read as a successful save — the user filled the form, was redirected, and\n  // nothing was persisted. The submit control is disabled until the model exists\n  // (BOFF-7822); the notice above the form says so.\n\n  // Only before the first load: a refetch must not blank the page (it\n\n  // unmounts every component on it and loses their state).\n\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  return (\n    <div className=\"space-y-6 p-6 max-w-4xl\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Create Team</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Set up a new team with members and a lead.\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\" onClick={() => navigate('/team/team-page')}>\n            <X className=\"mr-1 h-4 w-4\" />\n            Cancel\n          </Button>\n          <Button size=\"sm\" disabled title=\"Not available yet — see the notice below\">\n            <Save className=\"mr-1 h-4 w-4\" />\n            Create Team\n          </Button>\n        </div>\n      </div>\n      <div className=\"rounded-md border border-border bg-muted p-4 text-sm text-muted-foreground\">\n        <strong className=\"text-foreground\">Not available yet.</strong> Teams cannot be saved —\n        there is no team model behind this form. It is shown so the fields and options are visible,\n        but nothing entered here is stored. This page previously returned you to the list on submit,\n        which looked like it had saved.\n      </div>\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <Users className=\"h-4 w-4\" />\n            Team Details\n          </CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div>\n            <label className=\"text-sm font-medium\">Team Name</label>\n            <Input\n              value={form.name}\n              onChange={(e) => setForm({ ...form, name: e.target.value })}\n              className=\"mt-1\"\n              placeholder=\"e.g. Platform Engineering\"\n            />\n          </div>\n          <div>\n            <label className=\"text-sm font-medium\">Description</label>\n            <textarea\n              className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[80px]\"\n              value={form.description}\n              onChange={(e) => setForm({ ...form, description: e.target.value })}\n              placeholder=\"Describe the team's mission and responsibilities...\"\n            />\n          </div>\n          <div>\n            <label className=\"text-sm font-medium\">Team Lead</label>\n            <Input\n              value={form.lead}\n              onChange={(e) => setForm({ ...form, lead: e.target.value })}\n              className=\"mt-1\"\n              placeholder=\"Team lead name or email\"\n            />\n          </div>\n          <div>\n            <label className=\"text-sm font-medium\">Associated Project (optional)</label>\n            <select\n              className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm\"\n              value={form.projectId}\n              onChange={(e) => setForm({ ...form, projectId: e.target.value })}\n            >\n              <option value=\"\">No project</option>\n              {projects.map((p) => (\n                <option key={p.id} value={p.id}>\n                  {p.name} ({p.key})\n                </option>\n              ))}\n            </select>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"TeamInviteMemberPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/TeamInviteMemberPagePage.tsx"],"names":[],"mappings":"AAkCA,wBAAgB,wBAAwB,4CA0JvC"}
+{"version":3,"file":"TeamInviteMemberPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/TeamInviteMemberPagePage.tsx"],"names":[],"mappings":"AAkCA,wBAAgB,wBAAwB,4CA8JvC"}

package/dist/planmagnet/pages/TeamInviteMemberPagePage.js

@@ -51,7 +51,7 @@ function _() {
 			name: `${n.charAt(0).toUpperCase()}${n.slice(1)} Team`
 		}), e;
 	}, []);
-	return y ? /* @__PURE__ */ c("div", {
+	return y && !v ? /* @__PURE__ */ c("div", {
 		className: "flex items-center justify-center p-12",
 		children: /* @__PURE__ */ c("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
 	}) : b ? /* @__PURE__ */ l("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"TeamInviteMemberPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/TeamInviteMemberPagePage.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, CardHeader, CardTitle, Button, Input } from '@burdenoff/fe-libs/ui';\nimport { Save, X, UserPlus } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\n\nconst GET_PROJECTS_FOR_INVITE = gql`\n  query GetProjectsForInvite($workspaceId: ID!, $pagination: PlanmagnetPaginationInput) {\n    planmagnetProjects(workspaceId: $workspaceId, pagination: $pagination) {\n      items {\n        id\n        name\n        key\n        methodology\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface ProjectNode {\n  id: string;\n  name: string;\n  key: string;\n  methodology: string | null;\n}\n\ninterface ProjectsData {\n  projects: { items: ProjectNode[]; totalCount: number };\n}\n\nexport function TeamInviteMemberPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n\n  const { data, loading, error } = useQuery<ProjectsData>(GET_PROJECTS_FOR_INVITE, {\n    variables: {\n      workspaceId,\n      pagination: { first: 100 },\n    },\n    skip: !workspaceId,\n  });\n\n  const [form, setForm] = useState({\n    email: '',\n    role: 'developer',\n    projectId: '',\n    department: 'Engineering',\n  });\n  const roles = [\n    'developer',\n    'designer',\n    'product manager',\n    'qa engineer',\n    'engineering manager',\n    'data engineer',\n  ] as const;\n  const departments = ['Engineering', 'Product', 'Design', 'Quality', 'Data'] as const;\n\n  const projects = data?.planmagnetProjects?.items ?? [];\n\n  const teams = projects.reduce(\n    (acc, p) => {\n      const method = p.methodology ?? 'general';\n      if (!acc.some((t) => t.id === method)) {\n        acc.push({\n          id: method,\n          name: `${method.charAt(0).toUpperCase()}${method.slice(1)} Team`,\n        });\n      }\n      return acc;\n    },\n    [] as Array<{ id: string; name: string }>\n  );\n\n  // NOTE: nothing here can send an invitation. wspace-planmagnet-svc has no Team or\n  // membership model, and this MFE only talks to the workspaces gateway, which exposes\n  // no invite mutation — the \"teams\" on the Team page are derived from project\n  // methodologies, not real teams. The previous handler only called navigate('/team/team-page'),\n  // so a user filled in an email, clicked Send Invite, was redirected, and no invitation\n  // existed — indistinguishable from success. The submit control is disabled until there\n  // is something to invite into (BOFF-7822); the notice above the form says so.\n\n  if (loading) {\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  return (\n    <div className=\"space-y-6 p-6 max-w-4xl\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Invite Team Member</h1>\n          <p className=\"text-sm text-muted-foreground\">Add a new member to your workspace.</p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\" onClick={() => navigate('/team/team-page')}>\n            <X className=\"mr-1 h-4 w-4\" />\n            Cancel\n          </Button>\n          <Button size=\"sm\" disabled title=\"Not available yet — see the notice below\">\n            <Save className=\"mr-1 h-4 w-4\" />\n            Send Invite\n          </Button>\n        </div>\n      </div>\n      <div className=\"rounded-md border border-border bg-muted p-4 text-sm text-muted-foreground\">\n        <strong className=\"text-foreground\">Not available yet.</strong> Invitations cannot be sent —\n        there is no team or membership model behind this form, so nothing entered here is stored and\n        no email is sent. The form is shown so the fields and options are visible.\n      </div>\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <UserPlus className=\"h-4 w-4\" />\n            Invitation Details\n          </CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div>\n            <label className=\"text-sm font-medium\">Email Address</label>\n            <Input\n              type=\"email\"\n              value={form.email}\n              onChange={(e) => setForm({ ...form, email: e.target.value })}\n              className=\"mt-1\"\n              placeholder=\"colleague@company.com\"\n            />\n          </div>\n          <div className=\"grid grid-cols-3 gap-4\">\n            <div>\n              <label className=\"text-sm font-medium\">Role</label>\n              <select\n                className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm capitalize\"\n                value={form.role}\n                onChange={(e) => setForm({ ...form, role: e.target.value })}\n              >\n                {roles.map((r) => (\n                  <option key={r} value={r}>\n                    {r}\n                  </option>\n                ))}\n              </select>\n            </div>\n            <div>\n              <label className=\"text-sm font-medium\">Department</label>\n              <select\n                className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm\"\n                value={form.department}\n                onChange={(e) => setForm({ ...form, department: e.target.value })}\n              >\n                {departments.map((d) => (\n                  <option key={d} value={d}>\n                    {d}\n                  </option>\n                ))}\n              </select>\n            </div>\n            <div>\n              <label className=\"text-sm font-medium\">Team</label>\n              <select\n                className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm\"\n                value={form.projectId}\n                onChange={(e) => setForm({ ...form, projectId: e.target.value })}\n              >\n                <option value=\"\">No team</option>\n                {teams.map((t) => (\n                  <option key={t.id} value={t.id}>\n                    {t.name}\n                  </option>\n                ))}\n              </select>\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TeamInviteMemberPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/TeamInviteMemberPagePage.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, CardHeader, CardTitle, Button, Input } from '@burdenoff/fe-libs/ui';\nimport { Save, X, UserPlus } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\n\nconst GET_PROJECTS_FOR_INVITE = gql`\n  query GetProjectsForInvite($workspaceId: ID!, $pagination: PlanmagnetPaginationInput) {\n    planmagnetProjects(workspaceId: $workspaceId, pagination: $pagination) {\n      items {\n        id\n        name\n        key\n        methodology\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface ProjectNode {\n  id: string;\n  name: string;\n  key: string;\n  methodology: string | null;\n}\n\ninterface ProjectsData {\n  projects: { items: ProjectNode[]; totalCount: number };\n}\n\nexport function TeamInviteMemberPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n\n  const { data, loading, error } = useQuery<ProjectsData>(GET_PROJECTS_FOR_INVITE, {\n    variables: {\n      workspaceId,\n      pagination: { first: 100 },\n    },\n    skip: !workspaceId,\n  });\n\n  const [form, setForm] = useState({\n    email: '',\n    role: 'developer',\n    projectId: '',\n    department: 'Engineering',\n  });\n  const roles = [\n    'developer',\n    'designer',\n    'product manager',\n    'qa engineer',\n    'engineering manager',\n    'data engineer',\n  ] as const;\n  const departments = ['Engineering', 'Product', 'Design', 'Quality', 'Data'] as const;\n\n  const projects = data?.planmagnetProjects?.items ?? [];\n\n  const teams = projects.reduce(\n    (acc, p) => {\n      const method = p.methodology ?? 'general';\n      if (!acc.some((t) => t.id === method)) {\n        acc.push({\n          id: method,\n          name: `${method.charAt(0).toUpperCase()}${method.slice(1)} Team`,\n        });\n      }\n      return acc;\n    },\n    [] as Array<{ id: string; name: string }>\n  );\n\n  // NOTE: nothing here can send an invitation. wspace-planmagnet-svc has no Team or\n  // membership model, and this MFE only talks to the workspaces gateway, which exposes\n  // no invite mutation — the \"teams\" on the Team page are derived from project\n  // methodologies, not real teams. The previous handler only called navigate('/team/team-page'),\n  // so a user filled in an email, clicked Send Invite, was redirected, and no invitation\n  // existed — indistinguishable from success. The submit control is disabled until there\n  // is something to invite into (BOFF-7822); the notice above the form says so.\n\n  // Only before the first load: a refetch must not blank the page (it\n\n  // unmounts every component on it and loses their state).\n\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  return (\n    <div className=\"space-y-6 p-6 max-w-4xl\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Invite Team Member</h1>\n          <p className=\"text-sm text-muted-foreground\">Add a new member to your workspace.</p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\" onClick={() => navigate('/team/team-page')}>\n            <X className=\"mr-1 h-4 w-4\" />\n            Cancel\n          </Button>\n          <Button size=\"sm\" disabled title=\"Not available yet — see the notice below\">\n            <Save className=\"mr-1 h-4 w-4\" />\n            Send Invite\n          </Button>\n        </div>\n      </div>\n      <div className=\"rounded-md border border-border bg-muted p-4 text-sm text-muted-foreground\">\n        <strong className=\"text-foreground\">Not available yet.</strong> Invitations cannot be sent —\n        there is no team or membership model behind this form, so nothing entered here is stored and\n        no email is sent. The form is shown so the fields and options are visible.\n      </div>\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <UserPlus className=\"h-4 w-4\" />\n            Invitation Details\n          </CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div>\n            <label className=\"text-sm font-medium\">Email Address</label>\n            <Input\n              type=\"email\"\n              value={form.email}\n              onChange={(e) => setForm({ ...form, email: e.target.value })}\n              className=\"mt-1\"\n              placeholder=\"colleague@company.com\"\n            />\n          </div>\n          <div className=\"grid grid-cols-3 gap-4\">\n            <div>\n              <label className=\"text-sm font-medium\">Role</label>\n              <select\n                className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm capitalize\"\n                value={form.role}\n                onChange={(e) => setForm({ ...form, role: e.target.value })}\n              >\n                {roles.map((r) => (\n                  <option key={r} value={r}>\n                    {r}\n                  </option>\n                ))}\n              </select>\n            </div>\n            <div>\n              <label className=\"text-sm font-medium\">Department</label>\n              <select\n                className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm\"\n                value={form.department}\n                onChange={(e) => setForm({ ...form, department: e.target.value })}\n              >\n                {departments.map((d) => (\n                  <option key={d} value={d}>\n                    {d}\n                  </option>\n                ))}\n              </select>\n            </div>\n            <div>\n              <label className=\"text-sm font-medium\">Team</label>\n              <select\n                className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm\"\n                value={form.projectId}\n                onChange={(e) => setForm({ ...form, projectId: e.target.value })}\n              >\n                <option value=\"\">No team</option>\n                {teams.map((t) => (\n                  <option key={t.id} value={t.id}>\n                    {t.name}\n                  </option>\n                ))}\n              </select>\n            </div>\n          </div>\n        </CardContent>\n      </Card>\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,4CAqK/B"}
+{"version":3,"file":"TeamTeamPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/TeamTeamPagePage.tsx"],"names":[],"mappings":"AAkEA,wBAAgB,gBAAgB,4CAyK/B"}