@burdenoff/microfe-planmagnet 2026.925.7 → 2026.925.9

package/dist/planmagnet/board/ProjectBoard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectBoard.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/board/ProjectBoard.tsx"],"names":[],"mappings":"AAuLA,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,WAAW,GACZ,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;CACrB,2CAiKA"}
+{"version":3,"file":"ProjectBoard.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/board/ProjectBoard.tsx"],"names":[],"mappings":"AAwLA,wBAAgB,YAAY,CAAC,EAC3B,SAAS,EACT,WAAW,GACZ,EAAE;IACD,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;CACrB,2CAiKA"}

package/dist/planmagnet/board/ProjectBoard.js

@@ -1,13 +1,14 @@
 import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
 import { PersonName as n } from "../people/People.js";
-import { useState as r } from "react";
-import { ChevronLeft as i, ChevronRight as a, LayoutGrid as o, Pencil as s, Plus as c } from "lucide-react";
-import { gql as l } from "@apollo/client";
-import { useMutation as u, useQuery as d } from "@apollo/client/react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { AlertDialog as m, AlertDialogAction as h, AlertDialogCancel as g, AlertDialogContent as _, AlertDialogDescription as v, AlertDialogFooter as y, AlertDialogHeader as b, AlertDialogTitle as x, AlertDialogTrigger as S, Button as C, Card as w, CardContent as T, Input as E, ResponsiveDialog as D, ResponsiveDialogContent as O, ResponsiveDialogDescription as k, ResponsiveDialogFooter as A, ResponsiveDialogHeader as j, ResponsiveDialogTitle as M, ResponsiveDialogTrigger as N } from "@burdenoff/fe-libs/ui";
+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 { useMutation as d, useQuery as f } from "@apollo/client/react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { AlertDialog as h, AlertDialogAction as g, AlertDialogCancel as _, AlertDialogContent as v, AlertDialogDescription as y, AlertDialogFooter as b, AlertDialogHeader as x, AlertDialogTitle as S, AlertDialogTrigger as C, Button as w, Card as T, CardContent as E, Input as D, ResponsiveDialog as O, ResponsiveDialogContent as k, ResponsiveDialogDescription as A, ResponsiveDialogFooter as j, ResponsiveDialogHeader as M, ResponsiveDialogTitle as N, ResponsiveDialogTrigger as ee } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/board/ProjectBoard.tsx
-var ee = [
+var te = [
 	"BACKLOG",
 	"TODO",
 	"IN_PROGRESS",
@@ -15,7 +16,7 @@ var ee = [
 	"TESTING",
 	"DONE",
 	"CANCELLED"
-], P = (e) => e.charAt(0) + e.slice(1).toLowerCase().replace(/_/g, " "), F = 100, I = l`
+], P = (e) => e.charAt(0) + e.slice(1).toLowerCase().replace(/_/g, " "), F = 100, I = u`
   query ProjectBoards($workspaceId: ID!, $projectId: String) {
     planmagnetBoards(
       workspaceId: $workspaceId
@@ -29,7 +30,7 @@ var ee = [
       }
     }
   }
-`, L = l`
+`, L = u`
   query ProjectBoard($id: ID!) {
     planmagnetBoard(id: $id) {
       id
@@ -56,35 +57,35 @@ var ee = [
       }
     }
   }
-`, R = l`
+`, R = u`
   mutation ProjectBoardMoveCard($boardId: ID!, $input: PlanmagnetMoveCardInput!) {
     planmagnetMoveCard(boardId: $boardId, input: $input) {
       id
     }
   }
-`, z = l`
+`, z = u`
   mutation ProjectBoardCreate($input: PlanmagnetCreateBoardInput!) {
     planmagnetCreateBoard(input: $input) {
       id
     }
   }
-`, B = l`
+`, B = u`
   mutation ProjectBoardCreateColumn($input: PlanmagnetCreateBoardColumnInput!) {
     planmagnetCreateBoardColumn(input: $input) {
       id
     }
   }
-`, V = l`
+`, V = u`
   mutation ProjectBoardUpdateColumn($id: ID!, $input: PlanmagnetUpdateBoardColumnInput!) {
     planmagnetUpdateBoardColumn(id: $id, input: $input) {
       id
     }
   }
-`, H = l`
+`, H = u`
   mutation ProjectBoardDeleteColumn($id: ID!) {
     planmagnetDeleteBoardColumn(id: $id)
   }
-`, U = l`
+`, U = u`
   mutation ProjectBoardReorder($boardId: ID!, $input: PlanmagnetReorderColumnsInput!) {
     planmagnetReorderColumns(boardId: $boardId, input: $input) {
       id
@@ -98,145 +99,145 @@ var ee = [
 	"GetDashboardData"
 ], G = (e, t) => e instanceof Error ? e.message : t;
 function K({ message: e }) {
-	return /* @__PURE__ */ f("p", {
+	return /* @__PURE__ */ p("p", {
 		role: "alert",
 		className: "text-sm text-destructive",
 		children: e
 	});
 }
 function q({ projectId: t, projectName: n }) {
-	let { workspaceId: i } = e(), [a, s] = r(null), [l, m] = r(null), { data: h, loading: g } = d(I, {
+	let { workspaceId: a } = e(), [o, c] = i(null), [u, h] = i(null), { data: g, loading: _ } = f(I, {
 		variables: {
-			workspaceId: i,
+			workspaceId: a,
 			projectId: t
 		},
-		skip: !i
-	}), _ = h?.planmagnetBoards.items ?? [], v = (a && _.some((e) => e.id === a) ? a : null) ?? _.find((e) => e.isDefault)?.id ?? _[0]?.id ?? null, { data: y, loading: b } = d(L, {
-		variables: { id: v },
-		skip: !v
-	}), x = y?.planmagnetBoard ?? null, [S, E] = u(z, {
+		skip: !a
+	}), v = g?.planmagnetBoards.items ?? [], y = (o && v.some((e) => e.id === o) ? o : null) ?? v.find((e) => e.isDefault)?.id ?? v[0]?.id ?? null, { data: b, loading: x } = f(L, {
+		variables: { id: y },
+		skip: !y
+	}), S = b?.planmagnetBoard ?? null, [C, D] = d(z, {
 		refetchQueries: W,
 		awaitRefetchQueries: !0
-	}), [D, O] = u(R, {
+	}), [O, k] = d(R, {
 		refetchQueries: W,
 		awaitRefetchQueries: !0
-	}), [k] = u(U, {
+	}), [A] = d(U, {
 		refetchQueries: W,
 		awaitRefetchQueries: !0
-	}), A = async (e, t) => {
-		m(null);
+	}), j = async (e, t) => {
+		h(null);
 		try {
-			await e();
+			await r(e());
 		} catch (e) {
-			m(G(e, t));
+			h(G(e, t));
 		}
-	}, j = (e, t) => A(() => D({ variables: {
-		boardId: v,
+	}, M = (e, t) => j(() => O({ variables: {
+		boardId: y,
 		input: {
 			workItemId: e,
 			targetColumnId: t
 		}
-	} }), "The card could not be moved."), M = (e, t) => {
-		if (!x) return;
-		let n = x.columns.map((e) => e.id), r = e + t;
-		if (!(r < 0 || r >= n.length)) return [n[e], n[r]] = [n[r], n[e]], A(() => k({ variables: {
-			boardId: v,
+	} }), "The card could not be moved."), N = (e, t) => {
+		if (!S) return;
+		let n = S.columns.map((e) => e.id), r = e + t;
+		if (!(r < 0 || r >= n.length)) return [n[e], n[r]] = [n[r], n[e]], j(() => A({ variables: {
+			boardId: y,
 			input: { columnIds: n }
 		} }), "The columns could not be reordered.");
 	};
-	return g && !h ? /* @__PURE__ */ f("p", {
+	return _ && !g ? /* @__PURE__ */ p("p", {
 		className: "text-sm text-muted-foreground p-4",
 		children: "Loading board…"
-	}) : v ? /* @__PURE__ */ p("div", {
+	}) : y ? /* @__PURE__ */ m("div", {
 		className: "space-y-3",
 		"data-testid": "project-board",
 		children: [
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ m("div", {
 				className: "flex flex-wrap items-center gap-3",
 				children: [
-					_.length > 1 && /* @__PURE__ */ f("select", {
+					v.length > 1 && /* @__PURE__ */ p("select", {
 						"aria-label": "Board",
 						className: "rounded-md border border-input bg-background px-2 py-1 text-sm",
-						value: v,
-						onChange: (e) => s(e.target.value),
-						children: _.map((e) => /* @__PURE__ */ f("option", {
+						value: y,
+						onChange: (e) => c(e.target.value),
+						children: v.map((e) => /* @__PURE__ */ p("option", {
 							value: e.id,
 							children: e.name
 						}, e.id))
 					}),
-					x && x.unplacedCount > 0 && /* @__PURE__ */ p("p", {
+					S && S.unplacedCount > 0 && /* @__PURE__ */ m("p", {
 						className: "text-xs text-muted-foreground",
 						"data-testid": "board-unplaced",
 						children: [
-							x.unplacedCount,
+							S.unplacedCount,
 							" work item",
-							x.unplacedCount === 1 ? " is" : "s are",
+							S.unplacedCount === 1 ? " is" : "s are",
 							" not on this board: ",
-							x.unplacedCount === 1 ? "its status has" : "their status has",
+							S.unplacedCount === 1 ? "its status has" : "their status has",
 							" no column."
 						]
 					}),
-					x && /* @__PURE__ */ f("div", {
+					S && /* @__PURE__ */ p("div", {
 						className: "ml-auto",
-						children: /* @__PURE__ */ f(Y, { boardId: x.id })
+						children: /* @__PURE__ */ p(Y, { boardId: S.id })
 					})
 				]
 			}),
-			l && /* @__PURE__ */ f(K, { message: l }),
-			b && !x ? /* @__PURE__ */ f("p", {
+			u && /* @__PURE__ */ p(K, { message: u }),
+			x && !S ? /* @__PURE__ */ p("p", {
 				className: "text-sm text-muted-foreground p-4",
 				children: "Loading board…"
-			}) : /* @__PURE__ */ p("div", {
+			}) : /* @__PURE__ */ m("div", {
 				className: "flex gap-3 overflow-x-auto pb-2",
-				children: [x?.columns.map((e, t) => /* @__PURE__ */ f(J, {
-					boardId: x.id,
+				children: [S?.columns.map((e, t) => /* @__PURE__ */ p(J, {
+					boardId: S.id,
 					column: e,
-					columns: x.columns,
+					columns: S.columns,
 					isFirst: t === 0,
-					isLast: t === x.columns.length - 1,
-					busy: O.loading,
-					onMove: j,
-					onShift: (e) => M(t, e)
-				}, e.id)), x && x.columns.length === 0 && /* @__PURE__ */ f("p", {
+					isLast: t === S.columns.length - 1,
+					busy: k.loading,
+					onMove: M,
+					onShift: (e) => N(t, e)
+				}, e.id)), S && S.columns.length === 0 && /* @__PURE__ */ p("p", {
 					className: "text-sm text-muted-foreground p-4",
 					children: "This board has no columns. Add one to start placing work."
 				})]
 			})
 		]
-	}) : /* @__PURE__ */ f(w, { children: /* @__PURE__ */ p(T, {
+	}) : /* @__PURE__ */ p(T, { children: /* @__PURE__ */ m(E, {
 		className: "p-8 text-center space-y-3",
 		"data-testid": "board-empty",
 		children: [
-			/* @__PURE__ */ f(o, { className: "h-8 w-8 mx-auto text-muted-foreground" }),
-			/* @__PURE__ */ p("p", {
+			/* @__PURE__ */ p(s, { className: "h-8 w-8 mx-auto text-muted-foreground" }),
+			/* @__PURE__ */ m("p", {
 				className: "text-sm text-muted-foreground",
 				children: [n, " has no board yet."]
 			}),
-			/* @__PURE__ */ p(C, {
+			/* @__PURE__ */ m(w, {
 				size: "sm",
-				disabled: E.loading,
-				onClick: () => A(() => S({ variables: { input: {
+				disabled: D.loading,
+				onClick: () => j(() => C({ variables: { input: {
 					projectId: t,
 					name: `${n} board`,
 					type: "KANBAN",
 					isDefault: !0,
 					withDefaultColumns: !0
 				} } }), "The board could not be created."),
-				children: [/* @__PURE__ */ f(c, { className: "mr-1 h-4 w-4" }), E.loading ? "Creating…" : "Create board"]
+				children: [/* @__PURE__ */ p(l, { className: "mr-1 h-4 w-4" }), D.loading ? "Creating…" : "Create board"]
 			}),
-			/* @__PURE__ */ f("p", {
+			/* @__PURE__ */ p("p", {
 				className: "text-xs text-muted-foreground",
 				children: "Starts with one column per status: Backlog, To Do, In Progress, In Review, Testing, Done."
 			}),
-			l && /* @__PURE__ */ f(K, { message: l })
+			u && /* @__PURE__ */ p(K, { message: u })
 		]
 	}) });
 }
-function J({ boardId: e, column: o, columns: s, isFirst: c, isLast: l, busy: u, onMove: d, onShift: m }) {
-	let h = t(), [g, _] = r(!1), v = o.cards.totalCount, y = o.wipLimit != null && o.wipLimit > 0 && v >= o.wipLimit, b = v - o.cards.items.length;
-	return /* @__PURE__ */ p("section", {
-		"aria-label": `${o.name} column`,
-		"data-testid": `board-column-${o.name}`,
+function J({ boardId: e, column: r, columns: s, isFirst: c, isLast: l, busy: u, onMove: d, onShift: f }) {
+	let h = t(), [g, _] = i(!1), v = r.cards.totalCount, y = r.wipLimit != null && r.wipLimit > 0 && v >= r.wipLimit, b = v - r.cards.items.length;
+	return /* @__PURE__ */ m("section", {
+		"aria-label": `${r.name} column`,
+		"data-testid": `board-column-${r.name}`,
 		className: `min-w-[240px] w-[240px] shrink-0 rounded-md border bg-muted/30 ${g ? "ring-2 ring-primary" : ""}`,
 		onDragOver: (e) => {
 			e.preventDefault(), _(!0);
@@ -245,59 +246,59 @@ function J({ boardId: e, column: o, columns: s, isFirst: c, isLast: l, busy: u,
 		onDrop: (e) => {
 			e.preventDefault(), _(!1);
 			let t = e.dataTransfer.getData("text/plain");
-			t && d(t, o.id);
+			t && d(t, r.id);
 		},
 		children: [
-			/* @__PURE__ */ p("header", {
+			/* @__PURE__ */ m("header", {
 				className: "p-2 border-b space-y-1",
-				children: [/* @__PURE__ */ p("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: "flex items-center justify-between gap-1",
-					children: [/* @__PURE__ */ f("h3", {
+					children: [/* @__PURE__ */ p("h3", {
 						className: "text-sm font-medium truncate",
-						children: o.name
-					}), /* @__PURE__ */ f("span", {
-						"data-testid": `board-column-count-${o.name}`,
+						children: r.name
+					}), /* @__PURE__ */ p("span", {
+						"data-testid": `board-column-count-${r.name}`,
 						className: `text-xs rounded-full px-1.5 ${y ? "bg-status-warning-subtle text-status-warning" : "bg-muted"}`,
-						title: o.wipLimit ? `WIP limit ${o.wipLimit}` : void 0,
-						children: o.wipLimit ? `${v} / ${o.wipLimit}` : v
+						title: r.wipLimit ? `WIP limit ${r.wipLimit}` : void 0,
+						children: r.wipLimit ? `${v} / ${r.wipLimit}` : v
 					})]
-				}), /* @__PURE__ */ p("div", {
+				}), /* @__PURE__ */ m("div", {
 					className: "flex items-center justify-between gap-1",
-					children: [/* @__PURE__ */ f("span", {
+					children: [/* @__PURE__ */ p("span", {
 						className: "text-[11px] text-muted-foreground",
-						children: o.mappedStatus ? `Sets status: ${P(o.mappedStatus)}` : "No status"
-					}), /* @__PURE__ */ p("span", {
+						children: r.mappedStatus ? `Sets status: ${P(r.mappedStatus)}` : "No status"
+					}), /* @__PURE__ */ m("span", {
 						className: "flex",
 						children: [
-							/* @__PURE__ */ f(C, {
+							/* @__PURE__ */ p(w, {
 								size: "icon",
 								variant: "ghost",
 								className: "h-6 w-6",
-								"aria-label": `Move ${o.name} column left`,
+								"aria-label": `Move ${r.name} column left`,
 								disabled: c,
-								onClick: () => m(-1),
-								children: /* @__PURE__ */ f(i, { className: "h-3.5 w-3.5" })
+								onClick: () => f(-1),
+								children: /* @__PURE__ */ p(a, { className: "h-3.5 w-3.5" })
 							}),
-							/* @__PURE__ */ f(C, {
+							/* @__PURE__ */ p(w, {
 								size: "icon",
 								variant: "ghost",
 								className: "h-6 w-6",
-								"aria-label": `Move ${o.name} column right`,
+								"aria-label": `Move ${r.name} column right`,
 								disabled: l,
-								onClick: () => m(1),
-								children: /* @__PURE__ */ f(a, { className: "h-3.5 w-3.5" })
+								onClick: () => f(1),
+								children: /* @__PURE__ */ p(o, { className: "h-3.5 w-3.5" })
 							}),
-							/* @__PURE__ */ f(Y, {
+							/* @__PURE__ */ p(Y, {
 								boardId: e,
-								column: o
+								column: r
 							})
 						]
 					})]
 				})]
 			}),
-			/* @__PURE__ */ p("ul", {
+			/* @__PURE__ */ m("ul", {
 				className: "p-2 space-y-2 min-h-[80px]",
-				children: [o.cards.items.map((e) => /* @__PURE__ */ p("li", {
+				children: [r.cards.items.map((e) => /* @__PURE__ */ m("li", {
 					draggable: !0,
 					onDragStart: (t) => {
 						t.dataTransfer.setData("text/plain", e.id), t.dataTransfer.effectAllowed = "move";
@@ -305,43 +306,43 @@ function J({ boardId: e, column: o, columns: s, isFirst: c, isLast: l, busy: u,
 					className: "rounded-md border bg-background p-2 space-y-1 cursor-grab",
 					"data-testid": "board-card",
 					children: [
-						/* @__PURE__ */ f("button", {
+						/* @__PURE__ */ p("button", {
 							type: "button",
 							className: "text-left text-sm font-medium leading-tight hover:underline",
 							onClick: () => h(`/tasks/task-detail-page?taskId=${encodeURIComponent(e.id)}`),
 							children: e.title
 						}),
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ m("div", {
 							className: "flex items-center justify-between text-[11px] text-muted-foreground",
-							children: [/* @__PURE__ */ f("span", { children: e.key }), /* @__PURE__ */ p("span", { children: [e.storyPoints ?? 0, " pts"] })]
+							children: [/* @__PURE__ */ p("span", { children: e.key }), /* @__PURE__ */ m("span", { children: [e.storyPoints ?? 0, " pts"] })]
 						}),
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ m("div", {
 							className: "flex items-center justify-between gap-1 text-[11px] text-muted-foreground",
-							children: [/* @__PURE__ */ f("span", {
+							children: [/* @__PURE__ */ p("span", {
 								className: "truncate",
-								children: e.assigneeId ? /* @__PURE__ */ f(n, { id: e.assigneeId }) : "Unassigned"
-							}), /* @__PURE__ */ p("select", {
+								children: e.assigneeId ? /* @__PURE__ */ p(n, { id: e.assigneeId }) : "Unassigned"
+							}), /* @__PURE__ */ m("select", {
 								"aria-label": `Move ${e.key} to column`,
 								className: "rounded border border-input bg-background px-1 py-0.5 text-[11px]",
 								value: "",
 								disabled: u,
 								onChange: (t) => t.target.value && d(e.id, t.target.value),
-								children: [/* @__PURE__ */ f("option", {
+								children: [/* @__PURE__ */ p("option", {
 									value: "",
 									children: "Move…"
-								}), s.filter((e) => e.id !== o.id).map((e) => /* @__PURE__ */ f("option", {
+								}), s.filter((e) => e.id !== r.id).map((e) => /* @__PURE__ */ p("option", {
 									value: e.id,
 									children: e.name
 								}, e.id))]
 							})]
 						})
 					]
-				}, e.id)), v === 0 && /* @__PURE__ */ f("li", {
+				}, e.id)), v === 0 && /* @__PURE__ */ p("li", {
 					className: "text-xs text-muted-foreground text-center py-4",
 					children: "Empty"
 				})]
 			}),
-			b > 0 && /* @__PURE__ */ p("p", {
+			b > 0 && /* @__PURE__ */ m("p", {
 				className: "px-2 pb-2 text-xs text-muted-foreground",
 				children: [
 					"+",
@@ -355,128 +356,128 @@ function J({ boardId: e, column: o, columns: s, isFirst: c, isLast: l, busy: u,
 	});
 }
 function Y({ boardId: e, column: t }) {
-	let n = t !== void 0, [i, a] = r(!1), [o, l] = r(t?.name ?? ""), [d, w] = r(t?.mappedStatus ?? ""), [T, F] = r(t?.wipLimit ? String(t.wipLimit) : ""), [I, L] = r(null), R = {
+	let n = t !== void 0, [a, o] = i(!1), [s, u] = i(t?.name ?? ""), [f, T] = i(t?.mappedStatus ?? ""), [E, F] = i(t?.wipLimit ? String(t.wipLimit) : ""), [I, L] = i(null), R = {
 		refetchQueries: W,
 		awaitRefetchQueries: !0
-	}, [z, U] = u(B, R), [q, J] = u(V, R), [Y, te] = u(H, R), X = U.loading || J.loading || te.loading, Z = T.trim() === "" ? null : Number(T), Q = Z !== null && (!Number.isInteger(Z) || Z < 1), ne = o.trim() !== "" && !Q && !X, re = () => {
-		l(t?.name ?? ""), w(t?.mappedStatus ?? ""), F(t?.wipLimit ? String(t.wipLimit) : ""), L(null);
-	}, ie = async () => {
+	}, [z, U] = d(B, R), [q, J] = d(V, R), [Y, ne] = d(H, R), X = U.loading || J.loading || ne.loading, Z = E.trim() === "" ? null : Number(E), Q = Z !== null && (!Number.isInteger(Z) || Z < 1), re = s.trim() !== "" && !Q && !X, ie = () => {
+		u(t?.name ?? ""), T(t?.mappedStatus ?? ""), F(t?.wipLimit ? String(t.wipLimit) : ""), L(null);
+	}, ae = async () => {
 		L(null);
-		let r = {
-			name: o.trim(),
-			mappedStatus: d || null,
+		let i = {
+			name: s.trim(),
+			mappedStatus: f || null,
 			wipLimit: Z
 		};
 		try {
-			n ? await q({ variables: {
+			n ? await r(q({ variables: {
 				id: t.id,
-				input: r
-			} }) : await z({ variables: { input: {
+				input: i
+			} })) : await r(z({ variables: { input: {
 				boardId: e,
 				type: "CUSTOM",
-				...r
-			} } }), a(!1);
+				...i
+			} } })), o(!1);
 		} catch (e) {
 			L(G(e, "The column could not be saved."));
 		}
 	}, $ = n ? `column-${t.id}` : "new-column";
-	return /* @__PURE__ */ p(D, {
-		open: i,
+	return /* @__PURE__ */ m(O, {
+		open: a,
 		onOpenChange: (e) => {
-			a(e), e && re();
+			o(e), e && ie();
 		},
-		children: [/* @__PURE__ */ f(N, {
+		children: [/* @__PURE__ */ p(ee, {
 			asChild: !0,
-			children: n ? /* @__PURE__ */ f(C, {
+			children: n ? /* @__PURE__ */ p(w, {
 				size: "icon",
 				variant: "ghost",
 				className: "h-6 w-6",
 				"aria-label": `Edit ${t.name} column`,
-				children: /* @__PURE__ */ f(s, { className: "h-3.5 w-3.5" })
-			}) : /* @__PURE__ */ p(C, {
+				children: /* @__PURE__ */ p(c, { className: "h-3.5 w-3.5" })
+			}) : /* @__PURE__ */ m(w, {
 				size: "sm",
 				variant: "outline",
-				children: [/* @__PURE__ */ f(c, { className: "mr-1 h-4 w-4" }), "Add column"]
+				children: [/* @__PURE__ */ p(l, { className: "mr-1 h-4 w-4" }), "Add column"]
 			})
-		}), /* @__PURE__ */ p(O, {
+		}), /* @__PURE__ */ m(k, {
 			className: "max-w-md",
 			children: [
-				/* @__PURE__ */ p(j, { children: [/* @__PURE__ */ f(M, { children: n ? `Edit ${t.name}` : "Add column" }), /* @__PURE__ */ f(k, { children: "Moving a card into a column that sets a status changes the work item's status." })] }),
-				/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ m(M, { children: [/* @__PURE__ */ p(N, { children: n ? `Edit ${t.name}` : "Add column" }), /* @__PURE__ */ p(A, { children: "Moving a card into a column that sets a status changes the work item's status." })] }),
+				/* @__PURE__ */ m("div", {
 					className: "space-y-3",
 					children: [
-						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 							htmlFor: `${$}-name`,
 							className: "text-sm font-medium",
 							children: "Name"
-						}), /* @__PURE__ */ f(E, {
+						}), /* @__PURE__ */ p(D, {
 							id: `${$}-name`,
 							className: "mt-1",
-							value: o,
-							onChange: (e) => l(e.target.value)
+							value: s,
+							onChange: (e) => u(e.target.value)
 						})] }),
-						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 							htmlFor: `${$}-status`,
 							className: "text-sm font-medium",
 							children: "Sets status"
-						}), /* @__PURE__ */ p("select", {
+						}), /* @__PURE__ */ m("select", {
 							id: `${$}-status`,
 							className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
-							value: d,
-							onChange: (e) => w(e.target.value),
-							children: [/* @__PURE__ */ f("option", {
+							value: f,
+							onChange: (e) => T(e.target.value),
+							children: [/* @__PURE__ */ p("option", {
 								value: "",
 								children: "No status (cards keep theirs)"
-							}), ee.map((e) => /* @__PURE__ */ f("option", {
+							}), te.map((e) => /* @__PURE__ */ p("option", {
 								value: e,
 								children: P(e)
 							}, e))]
 						})] }),
-						/* @__PURE__ */ p("div", { children: [
-							/* @__PURE__ */ f("label", {
+						/* @__PURE__ */ m("div", { children: [
+							/* @__PURE__ */ p("label", {
 								htmlFor: `${$}-wip`,
 								className: "text-sm font-medium",
 								children: "WIP limit (blank for none)"
 							}),
-							/* @__PURE__ */ f(E, {
+							/* @__PURE__ */ p(D, {
 								id: `${$}-wip`,
 								type: "number",
 								min: 1,
 								className: "mt-1",
-								value: T,
+								value: E,
 								onChange: (e) => F(e.target.value)
 							}),
-							Q && /* @__PURE__ */ f(K, { message: "The WIP limit must be a whole number, 1 or more." })
+							Q && /* @__PURE__ */ p(K, { message: "The WIP limit must be a whole number, 1 or more." })
 						] })
 					]
 				}),
-				I && /* @__PURE__ */ f(K, { message: I }),
-				/* @__PURE__ */ p(A, {
+				I && /* @__PURE__ */ p(K, { message: I }),
+				/* @__PURE__ */ m(j, {
 					className: "gap-2",
-					children: [n && /* @__PURE__ */ p(m, { children: [/* @__PURE__ */ f(S, {
+					children: [n && /* @__PURE__ */ m(h, { children: [/* @__PURE__ */ p(C, {
 						asChild: !0,
-						children: /* @__PURE__ */ f(C, {
+						children: /* @__PURE__ */ p(w, {
 							variant: "outline",
 							disabled: X,
 							children: "Delete column"
 						})
-					}), /* @__PURE__ */ p(_, { children: [/* @__PURE__ */ p(b, { children: [/* @__PURE__ */ p(x, { children: [
+					}), /* @__PURE__ */ m(v, { children: [/* @__PURE__ */ m(x, { children: [/* @__PURE__ */ m(S, { children: [
 						"Delete ",
 						t.name,
 						"?"
-					] }), /* @__PURE__ */ f(v, { 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__ */ p(y, { children: [/* @__PURE__ */ f(g, { children: "Keep it" }), /* @__PURE__ */ f(h, {
+					] }), /* @__PURE__ */ p(y, { 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__ */ m(b, { children: [/* @__PURE__ */ p(_, { children: "Keep it" }), /* @__PURE__ */ p(g, {
 						className: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
 						onClick: async () => {
 							try {
-								await Y({ variables: { id: t.id } }), a(!1);
+								await r(Y({ variables: { id: t.id } })), o(!1);
 							} catch (e) {
 								L(G(e, "The column could not be deleted."));
 							}
 						},
 						children: "Delete column"
-					})] })] })] }), /* @__PURE__ */ f(C, {
-						onClick: ie,
-						disabled: !ne,
+					})] })] })] }), /* @__PURE__ */ p(w, {
+						onClick: ae,
+						disabled: !re,
 						"data-testid": `${$}-save`,
 						children: X ? "Saving…" : n ? "Save" : "Add column"
 					})]