@burdenoff/microfe-planmagnet 2026.927.6 → 2026.928.2

package/dist/planmagnet/board/ProjectBoard.js

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