@burdenoff/microfe-planmagnet 2026.928.4 → 2026.928.6

package/dist/planmagnet/board/ProjectBoard.js

@@ -2,14 +2,15 @@ import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/Pla
 import { PersonName as n } from "../people/People.js";
 import { throwOnError as r } from "../utils/mutationResult.js";
 import { allowedTargets as i, useProjectWorkflow as a, workflowLabel as o } from "../hooks/useProjectWorkflow.js";
-import { createContext as s, useContext as c, useState as l } from "react";
-import { ChevronLeft as u, ChevronRight as d, LayoutGrid as f, Pencil as p, Plus as m } from "lucide-react";
-import { gql as h } from "@apollo/client";
-import { useApolloClient as g, useMutation as _, useQuery as v } from "@apollo/client/react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { AlertDialog as x, AlertDialogAction as S, AlertDialogCancel as ee, AlertDialogContent as C, AlertDialogDescription as w, AlertDialogFooter as te, AlertDialogHeader as T, AlertDialogTitle as E, AlertDialogTrigger as D, Button as O, Card as k, CardContent as ne, Input as A, ResponsiveDialog as re, ResponsiveDialogContent as ie, ResponsiveDialogDescription as j, ResponsiveDialogFooter as M, ResponsiveDialogHeader as N, ResponsiveDialogTitle as P, ResponsiveDialogTrigger as F } from "@burdenoff/fe-libs/ui";
+import { BulkActionsBar as s } from "./BulkActions.js";
+import { createContext as c, useContext as l, useState as u } from "react";
+import { ChevronLeft as d, ChevronRight as f, LayoutGrid as p, Pencil as m, Plus as h } from "lucide-react";
+import { gql as g } from "@apollo/client";
+import { useApolloClient as _, useMutation as v, useQuery as y } from "@apollo/client/react";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { AlertDialog as ee, AlertDialogAction as S, AlertDialogCancel as te, AlertDialogContent as C, AlertDialogDescription as w, AlertDialogFooter as T, AlertDialogHeader as E, AlertDialogTitle as D, AlertDialogTrigger as ne, Button as O, Card as k, CardContent as re, Input as A, ResponsiveDialog as j, ResponsiveDialogContent as ie, ResponsiveDialogDescription as M, ResponsiveDialogFooter as N, ResponsiveDialogHeader as P, ResponsiveDialogTitle as ae, ResponsiveDialogTrigger as oe } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/board/ProjectBoard.tsx
-var I = [
+var F = [
 	"BACKLOG",
 	"TODO",
 	"IN_PROGRESS",
@@ -17,10 +18,10 @@ var I = [
 	"TESTING",
 	"DONE",
 	"CANCELLED"
-], L = s(null), R = () => {
-	let e = c(L);
+], I = c(null), L = () => {
+	let e = l(I);
 	return (t) => o(e, t);
-}, z = (e) => e.charAt(0) + e.slice(1).toLowerCase().replace(/_/g, " "), B = 100, V = h`
+}, R = (e) => e.charAt(0) + e.slice(1).toLowerCase().replace(/_/g, " "), z = 100, se = g`
   query ProjectBoards($workspaceId: ID!, $projectId: String) {
     planmagnetBoards(
       workspaceId: $workspaceId
@@ -34,7 +35,7 @@ var I = [
       }
     }
   }
-`, H = h`
+`, B = g`
   query ProjectBoardColumnPage($boardId: ID!, $columnId: ID!, $after: String) {
     planmagnetBoardColumnCards(
       boardId: $boardId
@@ -57,7 +58,7 @@ var I = [
       }
     }
   }
-`, U = h`
+`, V = g`
   query ProjectBoard($id: ID!) {
     planmagnetBoard(id: $id) {
       id
@@ -89,57 +90,57 @@ var I = [
       }
     }
   }
-`, W = h`
+`, H = g`
   mutation ProjectBoardMoveCard($boardId: ID!, $input: PlanmagnetMoveCardInput!) {
     planmagnetMoveCard(boardId: $boardId, input: $input) {
       id
     }
   }
-`, G = h`
+`, U = g`
   mutation ProjectBoardCreate($input: PlanmagnetCreateBoardInput!) {
     planmagnetCreateBoard(input: $input) {
       id
     }
   }
-`, K = h`
+`, W = g`
   mutation ProjectBoardCreateColumn($input: PlanmagnetCreateBoardColumnInput!) {
     planmagnetCreateBoardColumn(input: $input) {
       id
     }
   }
-`, q = h`
+`, G = g`
   mutation ProjectBoardUpdateColumn($id: ID!, $input: PlanmagnetUpdateBoardColumnInput!) {
     planmagnetUpdateBoardColumn(id: $id, input: $input) {
       id
     }
   }
-`, ae = h`
+`, K = g`
   mutation ProjectBoardDeleteColumn($id: ID!) {
     planmagnetDeleteBoardColumn(id: $id)
   }
-`, oe = h`
+`, ce = g`
   mutation ProjectBoardReorder($boardId: ID!, $input: PlanmagnetReorderColumnsInput!) {
     planmagnetReorderColumns(boardId: $boardId, input: $input) {
       id
     }
   }
-`, J = [
+`, q = [
 	"ProjectBoard",
 	"ProjectBoards",
 	"GetWorkItems",
 	"GetWorkItemCounts",
 	"GetDashboardData"
-], Y = [
+], J = [
 	"CRITICAL",
 	"HIGH",
 	"MEDIUM",
 	"LOW",
 	"NONE"
-], se = 864e5;
-function X(e, t) {
-	return e ? Math.max(0, Math.floor((t - new Date(e).getTime()) / se)) : null;
+], Y = 864e5;
+function le(e, t) {
+	return e ? Math.max(0, Math.floor((t - new Date(e).getTime()) / Y)) : null;
 }
-function ce(e) {
+function X(e) {
 	return e >= 14 ? "text-destructive font-medium" : e >= 7 ? "text-status-warning-text" : "text-muted-foreground";
 }
 function Z(e, t) {
@@ -147,52 +148,57 @@ function Z(e, t) {
 }
 var Q = (e, t) => e instanceof Error ? e.message : t;
 function $({ message: e }) {
-	return /* @__PURE__ */ y("p", {
+	return /* @__PURE__ */ b("p", {
 		role: "alert",
 		className: "text-sm text-destructive",
 		children: e
 	});
 }
-function le({ projectId: t, projectName: n }) {
-	let { workspaceId: i } = e(), o = g(), [s, c] = l(null), [u, d] = l(null), [p] = l(() => Date.now()), [h, x] = l("none"), [S, ee] = l({
+function ue({ projectId: t, projectName: n }) {
+	let { workspaceId: i } = e(), o = _(), [c, l] = u(null), [d, f] = u(null), [m] = u(() => Date.now()), [g, ee] = u("none"), [S, te] = u({
 		key: null,
 		byColumn: {}
-	}), [C, w] = l(null), te = a(t), { data: T, loading: E } = v(V, {
+	}), [C, w] = u(null), [T, E] = u(/* @__PURE__ */ new Set()), D = (e) => E((t) => {
+		let n = new Set(t);
+		return n.has(e) ? n.delete(e) : n.add(e), n;
+	}), ne = () => E(/* @__PURE__ */ new Set()), A = a(t), { data: j, loading: ie } = y(se, {
 		variables: {
 			workspaceId: i,
 			projectId: t
 		},
 		skip: !i
-	}), D = T?.planmagnetBoards.items ?? [], A = (s && D.some((e) => e.id === s) ? s : null) ?? D.find((e) => e.isDefault)?.id ?? D[0]?.id ?? null, { data: re, loading: ie } = v(U, {
-		variables: { id: A },
-		skip: !A
-	}), j = re?.planmagnetBoard ?? null, M = S.key === j ? S.byColumn : {}, N = (e) => {
-		let t = M[e.id];
+	}), M = j?.planmagnetBoards.items ?? [], N = (c && M.some((e) => e.id === c) ? c : null) ?? M.find((e) => e.isDefault)?.id ?? M[0]?.id ?? null, [P, ae] = u(N);
+	P !== N && (ae(N), E(/* @__PURE__ */ new Set()));
+	let { data: oe, loading: F } = y(V, {
+		variables: { id: N },
+		skip: !N
+	}), L = oe?.planmagnetBoard ?? null, R = S.key === L ? S.byColumn : {}, z = (e) => {
+		let t = R[e.id];
 		return {
 			items: t ? [...e.cards.items, ...t.items] : e.cards.items,
 			pageInfo: t ? t.pageInfo : e.cards.pageInfo,
 			totalCount: e.cards.totalCount
 		};
-	}, P = async (e) => {
-		let t = N(e).pageInfo.endCursor;
-		if (!(!j || !t)) {
-			d(null), w(e.id);
+	}, W = async (e) => {
+		let t = z(e).pageInfo.endCursor;
+		if (!(!L || !t)) {
+			f(null), w(e.id);
 			try {
 				let n = await o.query({
-					query: H,
+					query: B,
 					variables: {
-						boardId: j.id,
+						boardId: L.id,
 						columnId: e.id,
 						after: t
 					},
 					fetchPolicy: "network-only"
 				}), r = n.data?.planmagnetBoardColumnCards;
 				if (!r) throw Error(n.error?.message ?? "The next cards could not be loaded.");
-				let i = M[e.id]?.items ?? [];
-				ee({
-					key: j,
+				let i = R[e.id]?.items ?? [];
+				te({
+					key: L,
 					byColumn: {
-						...M,
+						...R,
 						[e.id]: {
 							items: [...i, ...r.items],
 							pageInfo: r.pageInfo
@@ -200,216 +206,241 @@ function le({ projectId: t, projectName: n }) {
 					}
 				});
 			} catch (e) {
-				d(Q(e, "The next cards could not be loaded."));
+				f(Q(e, "The next cards could not be loaded."));
 			} finally {
 				w(null);
 			}
 		}
-	}, [F, I] = _(G, {
-		refetchQueries: J,
+	}, [G, K] = v(U, {
+		refetchQueries: q,
 		awaitRefetchQueries: !0
-	}), [R, z] = _(W, {
-		refetchQueries: J,
+	}), [J, Y] = v(H, {
+		refetchQueries: q,
 		awaitRefetchQueries: !0
-	}), [B] = _(oe, {
-		refetchQueries: J,
+	}), [le] = v(ce, {
+		refetchQueries: q,
 		awaitRefetchQueries: !0
-	}), K = async (e, t) => {
-		d(null);
+	}), X = async (e, t) => {
+		f(null);
 		try {
 			await r(e());
 		} catch (e) {
-			d(Q(e, t));
+			f(Q(e, t));
 		}
-	}, q = (e, t) => K(() => R({ variables: {
-		boardId: A,
+	}, Z = (e, t) => X(() => J({ variables: {
+		boardId: N,
 		input: {
 			workItemId: e,
 			targetColumnId: t
 		}
-	} }), "The card could not be moved."), ae = (e, t) => {
-		if (!j) return;
-		let n = j.columns.map((e) => e.id), r = e + t;
-		if (!(r < 0 || r >= n.length)) return [n[e], n[r]] = [n[r], n[e]], K(() => B({ variables: {
-			boardId: A,
+	} }), "The card could not be moved."), ue = (e, t) => {
+		if (!L) return;
+		let n = L.columns.map((e) => e.id), r = e + t;
+		if (!(r < 0 || r >= n.length)) return [n[e], n[r]] = [n[r], n[e]], X(() => le({ variables: {
+			boardId: N,
 			input: { columnIds: n }
 		} }), "The columns could not be reordered.");
 	};
-	return E && !T ? /* @__PURE__ */ y("p", {
+	return ie && !j ? /* @__PURE__ */ b("p", {
 		className: "text-sm text-muted-foreground p-4",
 		children: "Loading board…"
-	}) : A ? /* @__PURE__ */ y(L.Provider, {
-		value: te,
-		children: /* @__PURE__ */ b("div", {
+	}) : N ? /* @__PURE__ */ b(I.Provider, {
+		value: A,
+		children: /* @__PURE__ */ x("div", {
 			className: "space-y-3",
 			"data-testid": "project-board",
 			children: [
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ x("div", {
 					className: "flex flex-wrap items-center gap-3",
 					children: [
-						D.length > 1 && /* @__PURE__ */ y("select", {
+						M.length > 1 && /* @__PURE__ */ b("select", {
 							"aria-label": "Board",
 							className: "rounded-md border border-input bg-background px-2 py-1 text-sm",
-							value: A,
-							onChange: (e) => c(e.target.value),
-							children: D.map((e) => /* @__PURE__ */ y("option", {
+							value: N,
+							onChange: (e) => l(e.target.value),
+							children: M.map((e) => /* @__PURE__ */ b("option", {
 								value: e.id,
 								children: e.name
 							}, e.id))
 						}),
-						j && /* @__PURE__ */ b("label", {
+						L && /* @__PURE__ */ x("label", {
 							className: "flex items-center gap-1 text-sm",
-							children: [/* @__PURE__ */ y("span", {
+							children: [/* @__PURE__ */ b("span", {
 								className: "text-muted-foreground",
 								children: "Swimlanes"
-							}), /* @__PURE__ */ b("select", {
+							}), /* @__PURE__ */ x("select", {
 								"aria-label": "Swimlanes",
 								"data-testid": "board-lanes",
 								className: "rounded-md border border-input bg-background px-2 py-1 text-sm",
-								value: h,
-								onChange: (e) => x(e.target.value),
+								value: g,
+								onChange: (e) => ee(e.target.value),
 								children: [
-									/* @__PURE__ */ y("option", {
+									/* @__PURE__ */ b("option", {
 										value: "none",
 										children: "None"
 									}),
-									/* @__PURE__ */ y("option", {
+									/* @__PURE__ */ b("option", {
 										value: "assignee",
 										children: "By assignee"
 									}),
-									/* @__PURE__ */ y("option", {
+									/* @__PURE__ */ b("option", {
 										value: "priority",
 										children: "By priority"
 									})
 								]
 							})]
 						}),
-						j && j.unplacedCount > 0 && /* @__PURE__ */ b("p", {
+						L && L.unplacedCount > 0 && /* @__PURE__ */ x("p", {
 							className: "text-xs text-muted-foreground",
 							"data-testid": "board-unplaced",
 							children: [
-								j.unplacedCount,
+								L.unplacedCount,
 								" work item",
-								j.unplacedCount === 1 ? " is" : "s are",
+								L.unplacedCount === 1 ? " is" : "s are",
 								" not on this board: ",
-								j.unplacedCount === 1 ? "its status has" : "their status has",
+								L.unplacedCount === 1 ? "its status has" : "their status has",
 								" no column."
 							]
 						}),
-						j && /* @__PURE__ */ y("div", {
+						L && /* @__PURE__ */ b("div", {
 							className: "ml-auto",
-							children: /* @__PURE__ */ y(he, { boardId: j.id })
+							children: /* @__PURE__ */ b(ge, { boardId: L.id })
 						})
 					]
 				}),
-				u && /* @__PURE__ */ y($, { message: u }),
-				ie && !j ? /* @__PURE__ */ y("p", {
+				d && /* @__PURE__ */ b($, { message: d }),
+				L && T.size > 0 && /* @__PURE__ */ b(s, {
+					projectId: t,
+					selectedIds: [...T],
+					workflow: A,
+					onDone: ne
+				}),
+				F && !L ? /* @__PURE__ */ b("p", {
 					className: "text-sm text-muted-foreground p-4",
 					children: "Loading board…"
-				}) : j && h !== "none" ? /* @__PURE__ */ y(pe, {
-					board: j,
-					laneBy: h,
-					cardsOf: N,
-					now: p,
-					busy: z.loading,
+				}) : L && g !== "none" ? /* @__PURE__ */ b(me, {
+					board: L,
+					laneBy: g,
+					cardsOf: z,
+					now: m,
+					busy: Y.loading,
 					loadingMore: C,
-					onLoadMore: (e) => void P(e),
-					onMove: q
-				}) : /* @__PURE__ */ b("div", {
+					selected: T,
+					onToggleSelect: D,
+					onLoadMore: (e) => void W(e),
+					onMove: Z
+				}) : /* @__PURE__ */ x("div", {
 					className: "flex gap-3 overflow-x-auto pb-2",
-					children: [j?.columns.map((e, t) => /* @__PURE__ */ y(me, {
-						boardId: j.id,
+					children: [L?.columns.map((e, t) => /* @__PURE__ */ b(he, {
+						boardId: L.id,
 						column: e,
-						columns: j.columns,
-						cards: N(e),
+						columns: L.columns,
+						cards: z(e),
 						isFirst: t === 0,
-						isLast: t === j.columns.length - 1,
-						busy: z.loading,
-						now: p,
+						isLast: t === L.columns.length - 1,
+						busy: Y.loading,
+						now: m,
 						loadingMore: C === e.id,
-						onLoadMore: () => void P(e),
-						onMove: q,
-						onShift: (e) => ae(t, e)
-					}, e.id)), j && j.columns.length === 0 && /* @__PURE__ */ y("p", {
+						selected: T,
+						onToggleSelect: D,
+						onLoadMore: () => void W(e),
+						onMove: Z,
+						onShift: (e) => ue(t, e)
+					}, e.id)), L && L.columns.length === 0 && /* @__PURE__ */ b("p", {
 						className: "text-sm text-muted-foreground p-4",
 						children: "This board has no columns. Add one to start placing work."
 					})]
 				})
 			]
 		})
-	}) : /* @__PURE__ */ y(k, { children: /* @__PURE__ */ b(ne, {
+	}) : /* @__PURE__ */ b(k, { children: /* @__PURE__ */ x(re, {
 		className: "p-8 text-center space-y-3",
 		"data-testid": "board-empty",
 		children: [
-			/* @__PURE__ */ y(f, { className: "h-8 w-8 mx-auto text-muted-foreground" }),
-			/* @__PURE__ */ b("p", {
+			/* @__PURE__ */ b(p, { className: "h-8 w-8 mx-auto text-muted-foreground" }),
+			/* @__PURE__ */ x("p", {
 				className: "text-sm text-muted-foreground",
 				children: [n, " has no board yet."]
 			}),
-			/* @__PURE__ */ b(O, {
+			/* @__PURE__ */ x(O, {
 				size: "sm",
-				disabled: I.loading,
-				onClick: () => K(() => F({ variables: { input: {
+				disabled: K.loading,
+				onClick: () => X(() => G({ variables: { input: {
 					projectId: t,
 					name: `${n} board`,
 					type: "KANBAN",
 					isDefault: !0,
 					withDefaultColumns: !0
 				} } }), "The board could not be created."),
-				children: [/* @__PURE__ */ y(m, { className: "mr-1 h-4 w-4" }), I.loading ? "Creating…" : "Create board"]
+				children: [/* @__PURE__ */ b(h, { className: "mr-1 h-4 w-4" }), K.loading ? "Creating…" : "Create board"]
 			}),
-			/* @__PURE__ */ y("p", {
+			/* @__PURE__ */ b("p", {
 				className: "text-xs text-muted-foreground",
 				children: "Starts with one column per status: Backlog, To Do, In Progress, In Review, Testing, Done."
 			}),
-			u && /* @__PURE__ */ y($, { message: u })
+			d && /* @__PURE__ */ b($, { message: d })
 		]
 	}) });
 }
-function ue({ card: e, column: r, columns: a, busy: s, now: l, onMove: u }) {
-	let d = t(), f = c(L), p = X(e.statusSince, l), m = i(f, e.status, I), h = a.filter((e) => e.id !== r.id && (!e.mappedStatus || m.includes(e.mappedStatus)));
-	return /* @__PURE__ */ b("li", {
+function de({ card: e, column: r, columns: a, busy: s, now: c, selected: u, onToggleSelect: d, onMove: f }) {
+	let p = t(), m = l(I), h = le(e.statusSince, c), g = i(m, e.status, F), _ = a.filter((e) => e.id !== r.id && (!e.mappedStatus || g.includes(e.mappedStatus)));
+	return /* @__PURE__ */ x("li", {
 		draggable: !0,
 		onDragStart: (t) => {
 			t.dataTransfer.setData("text/plain", e.id), t.dataTransfer.effectAllowed = "move";
 		},
-		className: "rounded-md border bg-background p-2 space-y-1 cursor-grab",
+		className: `rounded-md border bg-background p-2 space-y-1 cursor-grab ${u ? "ring-2 ring-primary" : ""}`,
 		"data-testid": "board-card",
 		children: [
-			/* @__PURE__ */ y("button", {
-				type: "button",
-				className: "text-left text-sm font-medium leading-tight hover:underline",
-				onClick: () => d(`/tasks/task-detail-page?taskId=${encodeURIComponent(e.id)}`),
-				children: e.title
+			/* @__PURE__ */ x("div", {
+				className: "flex items-start gap-1.5",
+				children: [/* @__PURE__ */ b("input", {
+					type: "checkbox",
+					className: "mt-0.5 shrink-0",
+					"aria-label": `Select ${e.key}`,
+					"data-testid": "board-card-select",
+					checked: u,
+					draggable: !1,
+					onMouseDown: (e) => e.stopPropagation(),
+					onPointerDown: (e) => e.stopPropagation(),
+					onDragStart: (e) => e.stopPropagation(),
+					onClick: (e) => e.stopPropagation(),
+					onChange: () => d(e.id)
+				}), /* @__PURE__ */ b("button", {
+					type: "button",
+					className: "text-left text-sm font-medium leading-tight hover:underline",
+					onClick: () => p(`/tasks/task-detail-page?taskId=${encodeURIComponent(e.id)}`),
+					children: e.title
+				})]
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ x("div", {
 				className: "flex items-center justify-between text-[11px] text-muted-foreground",
 				children: [
-					/* @__PURE__ */ y("span", { children: e.key }),
-					p !== null && /* @__PURE__ */ y("span", {
+					/* @__PURE__ */ b("span", { children: e.key }),
+					h !== null && /* @__PURE__ */ b("span", {
 						"data-testid": "card-age",
-						className: ce(p),
-						title: `In ${o(f, e.status)} since ${new Date(e.statusSince ?? "").toLocaleDateString()}`,
-						children: p === 0 ? "today" : `${p}d in status`
+						className: X(h),
+						title: `In ${o(m, e.status)} since ${new Date(e.statusSince ?? "").toLocaleDateString()}`,
+						children: h === 0 ? "today" : `${h}d in status`
 					}),
-					/* @__PURE__ */ b("span", { children: [e.storyPoints ?? 0, " pts"] })
+					/* @__PURE__ */ x("span", { children: [e.storyPoints ?? 0, " pts"] })
 				]
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ x("div", {
 				className: "flex items-center justify-between gap-1 text-[11px] text-muted-foreground",
-				children: [/* @__PURE__ */ y("span", {
+				children: [/* @__PURE__ */ b("span", {
 					className: "truncate",
-					children: e.assigneeId ? /* @__PURE__ */ y(n, { id: e.assigneeId }) : "Unassigned"
-				}), /* @__PURE__ */ b("select", {
+					children: e.assigneeId ? /* @__PURE__ */ b(n, { id: e.assigneeId }) : "Unassigned"
+				}), /* @__PURE__ */ x("select", {
 					"aria-label": `Move ${e.key} to column`,
 					className: "rounded border border-input bg-background px-1 py-0.5 text-[11px]",
 					value: "",
 					disabled: s,
-					onChange: (t) => t.target.value && u(e.id, t.target.value),
-					children: [/* @__PURE__ */ y("option", {
+					onChange: (t) => t.target.value && f(e.id, t.target.value),
+					children: [/* @__PURE__ */ b("option", {
 						value: "",
 						children: "Move…"
-					}), h.map((e) => /* @__PURE__ */ y("option", {
+					}), _.map((e) => /* @__PURE__ */ b("option", {
 						value: e.id,
 						children: e.name
 					}, e.id))]
@@ -418,9 +449,9 @@ function ue({ card: e, column: r, columns: a, busy: s, now: l, onMove: u }) {
 		]
 	});
 }
-function de({ column: e, onMove: t, className: n, children: r, label: i }) {
-	let [a, o] = l(!1);
-	return /* @__PURE__ */ y("section", {
+function fe({ column: e, onMove: t, className: n, children: r, label: i }) {
+	let [a, o] = u(!1);
+	return /* @__PURE__ */ b("section", {
 		"aria-label": i,
 		className: `${n} ${a ? "ring-2 ring-primary" : ""}`,
 		onDragOver: (e) => {
@@ -435,11 +466,11 @@ function de({ column: e, onMove: t, className: n, children: r, label: i }) {
 		children: r
 	});
 }
-function fe({ cards: e, loading: t, onLoadMore: n }) {
+function pe({ cards: e, loading: t, onLoadMore: n }) {
 	let r = e.totalCount - e.items.length;
-	return r <= 0 || !e.pageInfo.hasNextPage ? null : /* @__PURE__ */ b("div", {
+	return r <= 0 || !e.pageInfo.hasNextPage ? null : /* @__PURE__ */ x("div", {
 		className: "px-2 pb-2 space-y-1",
-		children: [/* @__PURE__ */ b("p", {
+		children: [/* @__PURE__ */ x("p", {
 			className: "text-xs text-muted-foreground",
 			children: [
 				"Showing ",
@@ -447,27 +478,27 @@ function fe({ cards: e, loading: t, onLoadMore: n }) {
 				" of ",
 				e.totalCount
 			]
-		}), /* @__PURE__ */ y(O, {
+		}), /* @__PURE__ */ b(O, {
 			size: "sm",
 			variant: "outline",
 			className: "w-full",
 			"data-testid": "board-column-more",
 			disabled: t,
 			onClick: n,
-			children: t ? "Loading…" : `Show ${Math.min(r, B)} more`
+			children: t ? "Loading…" : `Show ${Math.min(r, z)} more`
 		})]
 	});
 }
-function pe({ board: e, laneBy: t, cardsOf: r, now: i, busy: a, loadingMore: o, onLoadMore: s, onMove: c }) {
-	let l = e.columns.map((e) => ({
+function me({ board: e, laneBy: t, cardsOf: r, now: i, busy: a, loadingMore: o, selected: s, onToggleSelect: c, onLoadMore: l, onMove: u }) {
+	let d = e.columns.map((e) => ({
 		column: e,
 		cards: r(e)
-	})), u = [...new Set(l.flatMap(({ cards: e }) => e.items.map((e) => Z(e, t))))].sort((e, n) => t === "priority" ? Y.indexOf(e) - Y.indexOf(n) : e === "" ? 1 : n === "" ? -1 : e.localeCompare(n)), d = (e) => t === "priority" ? z(e) : e ? /* @__PURE__ */ y(n, { id: e }) : "Unassigned";
-	return /* @__PURE__ */ b("div", {
+	})), f = [...new Set(d.flatMap(({ cards: e }) => e.items.map((e) => Z(e, t))))].sort((e, n) => t === "priority" ? J.indexOf(e) - J.indexOf(n) : e === "" ? 1 : n === "" ? -1 : e.localeCompare(n)), p = (e) => t === "priority" ? R(e) : e ? /* @__PURE__ */ b(n, { id: e }) : "Unassigned";
+	return /* @__PURE__ */ x("div", {
 		className: "overflow-x-auto pb-2 space-y-3",
 		"data-testid": "board-swimlanes",
 		children: [
-			/* @__PURE__ */ b("p", {
+			/* @__PURE__ */ x("p", {
 				className: "text-xs text-muted-foreground",
 				children: [
 					"Dragging moves a card between columns. Its lane follows its",
@@ -476,16 +507,16 @@ function pe({ board: e, laneBy: t, cardsOf: r, now: i, busy: a, loadingMore: o,
 					"."
 				]
 			}),
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ b("div", {
 				className: "flex gap-3",
-				children: l.map(({ column: e, cards: t }) => /* @__PURE__ */ y("div", {
+				children: d.map(({ column: e, cards: t }) => /* @__PURE__ */ b("div", {
 					className: "min-w-[240px] w-[240px] shrink-0 px-2",
-					children: /* @__PURE__ */ b("h3", {
+					children: /* @__PURE__ */ x("h3", {
 						className: "text-sm font-medium truncate",
 						children: [
 							e.name,
 							" ",
-							/* @__PURE__ */ y("span", {
+							/* @__PURE__ */ b("span", {
 								className: "text-xs text-muted-foreground",
 								children: e.wipLimit ? `${t.totalCount} / ${e.wipLimit}` : t.totalCount
 							})
@@ -493,112 +524,114 @@ function pe({ board: e, laneBy: t, cardsOf: r, now: i, busy: a, loadingMore: o,
 					})
 				}, e.id))
 			}),
-			u.length === 0 && /* @__PURE__ */ y("p", {
+			f.length === 0 && /* @__PURE__ */ b("p", {
 				className: "text-sm text-muted-foreground p-4",
 				children: "No cards on this board yet."
 			}),
-			u.map((n) => /* @__PURE__ */ b("div", {
+			f.map((n) => /* @__PURE__ */ x("div", {
 				"data-testid": "board-lane",
 				className: "space-y-1",
-				children: [/* @__PURE__ */ b("p", {
+				children: [/* @__PURE__ */ x("p", {
 					className: "text-xs font-medium",
 					children: [
-						d(n),
+						p(n),
 						" ",
-						/* @__PURE__ */ b("span", {
+						/* @__PURE__ */ x("span", {
 							className: "text-muted-foreground",
 							children: [
 								"(",
-								l.reduce((e, { cards: r }) => e + r.items.filter((e) => Z(e, t) === n).length, 0),
+								d.reduce((e, { cards: r }) => e + r.items.filter((e) => Z(e, t) === n).length, 0),
 								")"
 							]
 						})
 					]
-				}), /* @__PURE__ */ y("div", {
+				}), /* @__PURE__ */ b("div", {
 					className: "flex gap-3",
-					children: l.map(({ column: r, cards: o }) => /* @__PURE__ */ y(de, {
+					children: d.map(({ column: r, cards: o }) => /* @__PURE__ */ b(fe, {
 						column: r,
-						onMove: c,
+						onMove: u,
 						label: `${r.name} column`,
 						className: "min-w-[240px] w-[240px] shrink-0 rounded-md border bg-muted/30",
-						children: /* @__PURE__ */ y("ul", {
+						children: /* @__PURE__ */ b("ul", {
 							className: "p-2 space-y-2 min-h-[48px]",
-							children: o.items.filter((e) => Z(e, t) === n).map((t) => /* @__PURE__ */ y(ue, {
+							children: o.items.filter((e) => Z(e, t) === n).map((t) => /* @__PURE__ */ b(de, {
 								card: t,
 								column: r,
 								columns: e.columns,
 								busy: a,
 								now: i,
-								onMove: c
+								selected: s.has(t.id),
+								onToggleSelect: c,
+								onMove: u
 							}, t.id))
 						})
 					}, r.id))
 				})]
 			}, n || "none")),
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ b("div", {
 				className: "flex gap-3",
-				children: l.map(({ column: e, cards: t }) => /* @__PURE__ */ y("div", {
+				children: d.map(({ column: e, cards: t }) => /* @__PURE__ */ b("div", {
 					className: "min-w-[240px] w-[240px] shrink-0",
-					children: /* @__PURE__ */ y(fe, {
+					children: /* @__PURE__ */ b(pe, {
 						cards: t,
 						loading: o === e.id,
-						onLoadMore: () => s(e)
+						onLoadMore: () => l(e)
 					})
 				}, e.id))
 			})
 		]
 	});
 }
-function me({ boardId: e, column: t, columns: n, cards: r, isFirst: i, isLast: a, busy: o, now: s, loadingMore: c, onLoadMore: l, onMove: f, onShift: p }) {
-	let m = r.totalCount, h = t.wipLimit != null && t.wipLimit > 0 && m >= t.wipLimit, g = R();
-	return /* @__PURE__ */ y(de, {
+function he({ boardId: e, column: t, columns: n, cards: r, isFirst: i, isLast: a, busy: o, now: s, loadingMore: c, selected: l, onToggleSelect: u, onLoadMore: p, onMove: m, onShift: h }) {
+	let g = r.totalCount, _ = t.wipLimit != null && t.wipLimit > 0 && g >= t.wipLimit, v = L();
+	return /* @__PURE__ */ b(fe, {
 		column: t,
-		onMove: f,
+		onMove: m,
 		label: `${t.name} column`,
 		className: "min-w-[240px] w-[240px] shrink-0 rounded-md border bg-muted/30",
-		children: /* @__PURE__ */ b("div", {
+		children: /* @__PURE__ */ x("div", {
 			"data-testid": `board-column-${t.name}`,
 			children: [
-				/* @__PURE__ */ b("header", {
+				/* @__PURE__ */ x("header", {
 					className: "p-2 border-b space-y-1",
-					children: [/* @__PURE__ */ b("div", {
+					children: [/* @__PURE__ */ x("div", {
 						className: "flex items-center justify-between gap-1",
-						children: [/* @__PURE__ */ y("h3", {
+						children: [/* @__PURE__ */ b("h3", {
 							className: "text-sm font-medium truncate",
 							children: t.name
-						}), /* @__PURE__ */ y("span", {
+						}), /* @__PURE__ */ b("span", {
 							"data-testid": `board-column-count-${t.name}`,
-							className: `text-xs rounded-full px-1.5 ${h ? "bg-status-warning-subtle text-status-warning" : "bg-muted"}`,
+							className: `text-xs rounded-full px-1.5 ${_ ? "bg-status-warning-subtle text-status-warning" : "bg-muted"}`,
 							title: t.wipLimit ? `WIP limit ${t.wipLimit}` : void 0,
-							children: t.wipLimit ? `${m} / ${t.wipLimit}` : m
+							children: t.wipLimit ? `${g} / ${t.wipLimit}` : g
 						})]
-					}), /* @__PURE__ */ b("div", {
+					}), /* @__PURE__ */ x("div", {
 						className: "flex items-center justify-between gap-1",
-						children: [/* @__PURE__ */ y("span", {
+						children: [/* @__PURE__ */ b("span", {
 							className: "text-[11px] text-muted-foreground",
-							children: t.mappedStatus ? `Sets status: ${g(t.mappedStatus)}` : "No status"
-						}), /* @__PURE__ */ b("span", {
+							children: t.mappedStatus ? `Sets status: ${v(t.mappedStatus)}` : "No status"
+						}), /* @__PURE__ */ x("span", {
 							className: "flex",
 							children: [
-								/* @__PURE__ */ y(O, {
+								/* @__PURE__ */ b(O, {
 									size: "icon",
 									variant: "ghost",
 									className: "h-6 w-6",
 									"aria-label": `Move ${t.name} column left`,
 									disabled: i,
-									onClick: () => p(-1),
-									children: /* @__PURE__ */ y(u, { className: "h-3.5 w-3.5" })
+									onClick: () => h(-1),
+									children: /* @__PURE__ */ b(d, { className: "h-3.5 w-3.5" })
 								}),
-								/* @__PURE__ */ y(O, {
+								/* @__PURE__ */ b(O, {
 									size: "icon",
 									variant: "ghost",
 									className: "h-6 w-6",
 									"aria-label": `Move ${t.name} column right`,
 									disabled: a,
-									onClick: () => p(1),
-									children: /* @__PURE__ */ y(d, { className: "h-3.5 w-3.5" })
+									onClick: () => h(1),
+									children: /* @__PURE__ */ b(f, { className: "h-3.5 w-3.5" })
 								}),
-								/* @__PURE__ */ y(he, {
+								/* @__PURE__ */ b(ge, {
 									boardId: e,
 									column: t
 								})
@@ -606,154 +639,156 @@ function me({ boardId: e, column: t, columns: n, cards: r, isFirst: i, isLast: a
 						})]
 					})]
 				}),
-				/* @__PURE__ */ b("ul", {
+				/* @__PURE__ */ x("ul", {
 					className: "p-2 space-y-2 min-h-[80px]",
-					children: [r.items.map((e) => /* @__PURE__ */ y(ue, {
+					children: [r.items.map((e) => /* @__PURE__ */ b(de, {
 						card: e,
 						column: t,
 						columns: n,
 						busy: o,
 						now: s,
-						onMove: f
-					}, e.id)), m === 0 && /* @__PURE__ */ y("li", {
+						selected: l.has(e.id),
+						onToggleSelect: u,
+						onMove: m
+					}, e.id)), g === 0 && /* @__PURE__ */ b("li", {
 						className: "text-xs text-muted-foreground text-center py-4",
 						children: "Empty"
 					})]
 				}),
-				/* @__PURE__ */ y(fe, {
+				/* @__PURE__ */ b(pe, {
 					cards: r,
 					loading: c,
-					onLoadMore: l
+					onLoadMore: p
 				})
 			]
 		})
 	});
 }
-function he({ boardId: e, column: t }) {
-	let n = t !== void 0, i = R(), [a, o] = l(!1), [s, c] = l(t?.name ?? ""), [u, d] = l(t?.mappedStatus ?? ""), [f, h] = l(t?.wipLimit ? String(t.wipLimit) : ""), [g, v] = l(null), k = {
-		refetchQueries: J,
+function ge({ boardId: e, column: t }) {
+	let n = t !== void 0, i = L(), [a, o] = u(!1), [s, c] = u(t?.name ?? ""), [l, d] = u(t?.mappedStatus ?? ""), [f, p] = u(t?.wipLimit ? String(t.wipLimit) : ""), [g, _] = u(null), y = {
+		refetchQueries: q,
 		awaitRefetchQueries: !0
-	}, [ne, L] = _(K, k), [z, B] = _(q, k), [V, H] = _(ae, k), U = L.loading || B.loading || H.loading, W = f.trim() === "" ? null : Number(f), G = W !== null && (!Number.isInteger(W) || W < 1), oe = s.trim() !== "" && !G && !U, Y = () => {
-		c(t?.name ?? ""), d(t?.mappedStatus ?? ""), h(t?.wipLimit ? String(t.wipLimit) : ""), v(null);
-	}, se = async () => {
-		v(null);
+	}, [k, re] = v(W, y), [I, R] = v(G, y), [z, se] = v(K, y), B = re.loading || R.loading || se.loading, V = f.trim() === "" ? null : Number(f), H = V !== null && (!Number.isInteger(V) || V < 1), U = s.trim() !== "" && !H && !B, ce = () => {
+		c(t?.name ?? ""), d(t?.mappedStatus ?? ""), p(t?.wipLimit ? String(t.wipLimit) : ""), _(null);
+	}, J = async () => {
+		_(null);
 		let i = {
 			name: s.trim(),
-			mappedStatus: u || null,
-			wipLimit: W
+			mappedStatus: l || null,
+			wipLimit: V
 		};
 		try {
-			n ? await r(z({ variables: {
+			n ? await r(I({ variables: {
 				id: t.id,
 				input: i
-			} })) : await r(ne({ variables: { input: {
+			} })) : await r(k({ variables: { input: {
 				boardId: e,
 				type: "CUSTOM",
 				...i
 			} } })), o(!1);
 		} catch (e) {
-			v(Q(e, "The column could not be saved."));
+			_(Q(e, "The column could not be saved."));
 		}
-	}, X = n ? `column-${t.id}` : "new-column";
-	return /* @__PURE__ */ b(re, {
+	}, Y = n ? `column-${t.id}` : "new-column";
+	return /* @__PURE__ */ x(j, {
 		open: a,
 		onOpenChange: (e) => {
-			o(e), e && Y();
+			o(e), e && ce();
 		},
-		children: [/* @__PURE__ */ y(F, {
+		children: [/* @__PURE__ */ b(oe, {
 			asChild: !0,
-			children: n ? /* @__PURE__ */ y(O, {
+			children: n ? /* @__PURE__ */ b(O, {
 				size: "icon",
 				variant: "ghost",
 				className: "h-6 w-6",
 				"aria-label": `Edit ${t.name} column`,
-				children: /* @__PURE__ */ y(p, { className: "h-3.5 w-3.5" })
-			}) : /* @__PURE__ */ b(O, {
+				children: /* @__PURE__ */ b(m, { className: "h-3.5 w-3.5" })
+			}) : /* @__PURE__ */ x(O, {
 				size: "sm",
 				variant: "outline",
-				children: [/* @__PURE__ */ y(m, { className: "mr-1 h-4 w-4" }), "Add column"]
+				children: [/* @__PURE__ */ b(h, { className: "mr-1 h-4 w-4" }), "Add column"]
 			})
-		}), /* @__PURE__ */ b(ie, {
+		}), /* @__PURE__ */ x(ie, {
 			className: "max-w-md",
 			children: [
-				/* @__PURE__ */ b(N, { children: [/* @__PURE__ */ y(P, { children: n ? `Edit ${t.name}` : "Add column" }), /* @__PURE__ */ y(j, { children: "Moving a card into a column that sets a status changes the work item's status." })] }),
-				/* @__PURE__ */ b("div", {
+				/* @__PURE__ */ x(P, { children: [/* @__PURE__ */ b(ae, { children: n ? `Edit ${t.name}` : "Add column" }), /* @__PURE__ */ b(M, { children: "Moving a card into a column that sets a status changes the work item's status." })] }),
+				/* @__PURE__ */ x("div", {
 					className: "space-y-3",
 					children: [
-						/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
-							htmlFor: `${X}-name`,
+						/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+							htmlFor: `${Y}-name`,
 							className: "text-sm font-medium",
 							children: "Name"
-						}), /* @__PURE__ */ y(A, {
-							id: `${X}-name`,
+						}), /* @__PURE__ */ b(A, {
+							id: `${Y}-name`,
 							className: "mt-1",
 							value: s,
 							onChange: (e) => c(e.target.value)
 						})] }),
-						/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("label", {
-							htmlFor: `${X}-status`,
+						/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+							htmlFor: `${Y}-status`,
 							className: "text-sm font-medium",
 							children: "Sets status"
-						}), /* @__PURE__ */ b("select", {
-							id: `${X}-status`,
+						}), /* @__PURE__ */ x("select", {
+							id: `${Y}-status`,
 							className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
-							value: u,
+							value: l,
 							onChange: (e) => d(e.target.value),
-							children: [/* @__PURE__ */ y("option", {
+							children: [/* @__PURE__ */ b("option", {
 								value: "",
 								children: "No status (cards keep theirs)"
-							}), I.map((e) => /* @__PURE__ */ y("option", {
+							}), F.map((e) => /* @__PURE__ */ b("option", {
 								value: e,
 								children: i(e)
 							}, e))]
 						})] }),
-						/* @__PURE__ */ b("div", { children: [
-							/* @__PURE__ */ y("label", {
-								htmlFor: `${X}-wip`,
+						/* @__PURE__ */ x("div", { children: [
+							/* @__PURE__ */ b("label", {
+								htmlFor: `${Y}-wip`,
 								className: "text-sm font-medium",
 								children: "WIP limit (blank for none)"
 							}),
-							/* @__PURE__ */ y(A, {
-								id: `${X}-wip`,
+							/* @__PURE__ */ b(A, {
+								id: `${Y}-wip`,
 								type: "number",
 								min: 1,
 								className: "mt-1",
 								value: f,
-								onChange: (e) => h(e.target.value)
+								onChange: (e) => p(e.target.value)
 							}),
-							G && /* @__PURE__ */ y($, { message: "The WIP limit must be a whole number, 1 or more." })
+							H && /* @__PURE__ */ b($, { message: "The WIP limit must be a whole number, 1 or more." })
 						] })
 					]
 				}),
-				g && /* @__PURE__ */ y($, { message: g }),
-				/* @__PURE__ */ b(M, {
+				g && /* @__PURE__ */ b($, { message: g }),
+				/* @__PURE__ */ x(N, {
 					className: "gap-2",
-					children: [n && /* @__PURE__ */ b(x, { children: [/* @__PURE__ */ y(D, {
+					children: [n && /* @__PURE__ */ x(ee, { children: [/* @__PURE__ */ b(ne, {
 						asChild: !0,
-						children: /* @__PURE__ */ y(O, {
+						children: /* @__PURE__ */ b(O, {
 							variant: "outline",
-							disabled: U,
+							disabled: B,
 							children: "Delete column"
 						})
-					}), /* @__PURE__ */ b(C, { children: [/* @__PURE__ */ b(T, { children: [/* @__PURE__ */ b(E, { children: [
+					}), /* @__PURE__ */ x(C, { children: [/* @__PURE__ */ x(E, { children: [/* @__PURE__ */ x(D, { children: [
 						"Delete ",
 						t.name,
 						"?"
-					] }), /* @__PURE__ */ y(w, { children: "Its cards are not deleted: each goes back to the column for its status, or off the board if no column sets that status." })] }), /* @__PURE__ */ b(te, { children: [/* @__PURE__ */ y(ee, { children: "Keep it" }), /* @__PURE__ */ y(S, {
+					] }), /* @__PURE__ */ b(w, { children: "Its cards are not deleted: each goes back to the column for its status, or off the board if no column sets that status." })] }), /* @__PURE__ */ x(T, { children: [/* @__PURE__ */ b(te, { children: "Keep it" }), /* @__PURE__ */ b(S, {
 						className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
 						onClick: async () => {
 							try {
-								await r(V({ variables: { id: t.id } })), o(!1);
+								await r(z({ variables: { id: t.id } })), o(!1);
 							} catch (e) {
-								v(Q(e, "The column could not be deleted."));
+								_(Q(e, "The column could not be deleted."));
 							}
 						},
 						children: "Delete column"
-					})] })] })] }), /* @__PURE__ */ y(O, {
-						onClick: se,
-						disabled: !oe,
-						"data-testid": `${X}-save`,
-						children: U ? "Saving…" : n ? "Save" : "Add column"
+					})] })] })] }), /* @__PURE__ */ b(O, {
+						onClick: J,
+						disabled: !U,
+						"data-testid": `${Y}-save`,
+						children: B ? "Saving…" : n ? "Save" : "Add column"
 					})]
 				})
 			]
@@ -761,6 +796,6 @@ function he({ boardId: e, column: t }) {
 	});
 }
 //#endregion
-export { le as ProjectBoard };
+export { ue as ProjectBoard };
 
 //# sourceMappingURL=ProjectBoard.js.map