@burdenoff/microfe-planmagnet 2026.1001.7 → 2026.1002.1

package/dist/planmagnet/roadmaps/RoadmapNowNextLater.js

@@ -2,15 +2,17 @@ import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
 import { isForbidden as t, mutationErrorMessage as n } from "../utils/graphqlErrors.js";
 import { throwOnError as r } from "../utils/mutationResult.js";
 import { enumLabel as i } from "../controls/WorkItemControls.js";
-import { RoadmapItemCommentsButton as a } from "../comments/RoadmapComments.js";
-import { useEffect as o, useMemo as s, useState as c } from "react";
-import { AlertTriangle as l, Calendar as u, Gauge as d, Inbox as f, Loader2 as p, ShieldAlert as m, ShieldCheck as h } from "lucide-react";
-import { gql as g } from "@apollo/client";
-import { useMutation as _, useQuery as v } from "@apollo/client/react";
-import { jsx as y, jsxs as b } from "react/jsx-runtime";
-import { Tooltip as x, TooltipContent as S, TooltipProvider as C, TooltipTrigger as w } from "@burdenoff/fe-libs/ui";
+import { useLiveRefresh as a } from "../hooks/useLiveRefresh.js";
+import { LiveStatus as o } from "../controls/LiveStatus.js";
+import { RoadmapItemCommentsButton as s } from "../comments/RoadmapComments.js";
+import { useEffect as c, useMemo as l, useState as u } from "react";
+import { AlertTriangle as d, Calendar as f, Gauge as p, Inbox as m, Loader2 as h, ShieldAlert as g, ShieldCheck as _ } from "lucide-react";
+import { gql as v } from "@apollo/client";
+import { useMutation as y, useQuery as b } from "@apollo/client/react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+import { Tooltip as C, TooltipContent as w, TooltipProvider as T, TooltipTrigger as E } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/roadmaps/RoadmapNowNextLater.tsx
-var T = "\n  id\n  title\n  status\n  startDate\n  endDate\n  horizon\n  swimlane\n  sortOrder\n  confidence\n  riskLevel\n  riskNote\n  featureRequestDemand {\n    requests\n    votes\n  }\n", E = g`
+var D = ["RoadmapNowNextLaterItems"], O = "\n  id\n  title\n  status\n  startDate\n  endDate\n  horizon\n  swimlane\n  sortOrder\n  confidence\n  riskLevel\n  riskNote\n  featureRequestDemand {\n    requests\n    votes\n  }\n", k = v`
   query RoadmapNowNextLaterItems(
     $workspaceId: ID!
     $filter: PlanmagnetRoadmapItemFilter
@@ -18,7 +20,7 @@ var T = "\n  id\n  title\n  status\n  startDate\n  endDate\n  horizon\n  swimlan
   ) {
     planmagnetRoadmapItems(workspaceId: $workspaceId, filter: $filter, pagination: $pagination) {
       items {
-        ${T}
+        ${O}
       }
       pageInfo {
         hasNextPage
@@ -27,13 +29,13 @@ var T = "\n  id\n  title\n  status\n  startDate\n  endDate\n  horizon\n  swimlan
       totalCount
     }
   }
-`, D = g`
+`, ee = v`
   mutation RoadmapNowNextLaterMove($id: ID!, $input: PlanmagnetMoveRoadmapItemInput!) {
     planmagnetMoveRoadmapItem(id: $id, input: $input) {
-      ${T}
+      ${O}
     }
   }
-`, O = [
+`, A = [
 	{
 		key: "UNPLACED",
 		label: "Not placed",
@@ -54,20 +56,20 @@ var T = "\n  id\n  title\n  status\n  startDate\n  endDate\n  horizon\n  swimlan
 		label: "Later",
 		horizon: "LATER"
 	}
-], k = (e) => e ?? "UNPLACED", A = 200, j = 2e3;
-function M(e, t) {
-	let { data: n, loading: r, error: i, fetchMore: a } = v(E, {
+], j = (e) => e ?? "UNPLACED", M = 200, N = 2e3;
+function P(e, t) {
+	let { data: n, loading: r, error: i, fetchMore: a } = b(k, {
 		variables: {
 			workspaceId: e ?? "",
 			filter: { roadmapId: t },
-			pagination: { first: A }
+			pagination: { first: M }
 		},
 		skip: !e || !t
-	}), s = n?.planmagnetRoadmapItems.items ?? [], c = n?.planmagnetRoadmapItems.pageInfo.hasNextPage ?? !1, l = n?.planmagnetRoadmapItems.pageInfo.endCursor ?? null, u = n?.planmagnetRoadmapItems.totalCount ?? 0;
-	return o(() => {
-		!c || !l || s.length >= j || a({
+	}), o = n?.planmagnetRoadmapItems.items ?? [], s = n?.planmagnetRoadmapItems.pageInfo.hasNextPage ?? !1, l = n?.planmagnetRoadmapItems.pageInfo.endCursor ?? null, d = n?.planmagnetRoadmapItems.totalCount ?? 0;
+	c(() => {
+		!s || !l || o.length >= N || a({
 			variables: { pagination: {
-				first: A,
+				first: M,
 				after: l
 			} },
 			updateQuery: (e, { fetchMoreResult: t }) => ({ planmagnetRoadmapItems: {
@@ -76,70 +78,77 @@ function M(e, t) {
 			} })
 		}).catch(() => {});
 	}, [
-		c,
+		s,
 		l,
-		s.length,
+		o.length,
 		a
-	]), {
-		items: s,
+	]);
+	let f = !!n && (!s || o.length >= N), p = `${e ?? ""}:${t}`, [m, h] = u(null);
+	return m && m.key !== p ? h(null) : f && m?.items !== o && h({
+		key: p,
+		items: o,
+		totalCount: d,
+		truncated: s && o.length >= N
+	}), {
+		items: m && m.key === p ? m.items : o,
 		loading: r && !n,
 		error: i,
-		totalCount: u,
-		truncated: c && s.length >= j
+		totalCount: m && m.key === p ? m.totalCount : d,
+		truncated: m && m.key === p ? m.truncated : !1
 	};
 }
-var N = (e) => e.swimlane ?? "", P = (e) => e || "Uncategorized";
-function F(e, t, n) {
+var F = (e) => e.swimlane ?? "", I = (e) => e || "Uncategorized";
+function L(e, t, n) {
 	let r = e.filter((e) => e.id !== t);
 	if (n === null) return r.length;
 	let i = r.findIndex((e) => e.id === n);
 	return i === -1 ? r.length : i;
 }
-var I = {
+var R = {
 	LOW: {
-		Icon: h,
+		Icon: _,
 		label: "Low risk",
 		className: "text-muted-foreground"
 	},
 	MEDIUM: {
-		Icon: l,
+		Icon: d,
 		label: "Medium risk",
 		className: "text-status-warning-text"
 	},
 	HIGH: {
-		Icon: m,
+		Icon: g,
 		label: "High risk",
 		className: "text-status-error-text"
 	}
 };
-function L({ level: e, note: t }) {
+function z({ level: e, note: t }) {
 	if (!e) return null;
-	let n = I[e], r = /* @__PURE__ */ b("span", {
+	let n = R[e], r = /* @__PURE__ */ S("span", {
 		"data-testid": "nnl-risk",
 		className: `inline-flex items-center gap-1 text-xs ${n.className}`,
-		children: [/* @__PURE__ */ y(n.Icon, {
+		children: [/* @__PURE__ */ x(n.Icon, {
 			className: "h-3.5 w-3.5",
 			"aria-hidden": "true"
 		}), n.label]
 	});
-	return t ? /* @__PURE__ */ y(C, { children: /* @__PURE__ */ b(x, { children: [/* @__PURE__ */ y(w, {
+	return t ? /* @__PURE__ */ x(T, { children: /* @__PURE__ */ S(C, { children: [/* @__PURE__ */ x(E, {
 		asChild: !0,
-		children: /* @__PURE__ */ y("button", {
+		children: /* @__PURE__ */ x("button", {
 			type: "button",
 			className: "rounded focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
 			children: r
 		})
-	}), /* @__PURE__ */ y(S, {
+	}), /* @__PURE__ */ x(w, {
 		className: "max-w-xs",
 		children: t
 	})] }) }) : r;
 }
-function R({ confidence: e }) {
-	return e === null ? null : /* @__PURE__ */ b("span", {
+function B({ confidence: e }) {
+	return e === null ? null : /* @__PURE__ */ S("span", {
 		"data-testid": "nnl-confidence",
 		className: "inline-flex items-center gap-1 text-xs text-muted-foreground",
 		children: [
-			/* @__PURE__ */ y(d, {
+			/* @__PURE__ */ x(p, {
 				className: "h-3.5 w-3.5",
 				"aria-hidden": "true"
 			}),
@@ -148,9 +157,9 @@ function R({ confidence: e }) {
 		]
 	});
 }
-function z({ item: e, columnKey: t, laneItems: n, disabled: r, onMoveTo: i, onShift: a }) {
+function V({ item: e, columnKey: t, laneItems: n, disabled: r, onMoveTo: i, onShift: a }) {
 	let o = n.findIndex((t) => t.id === e.id), s = o > 0, c = o !== -1 && o < n.length - 1;
-	return /* @__PURE__ */ b("select", {
+	return /* @__PURE__ */ S("select", {
 		id: `nnl-move-${e.id}`,
 		"aria-label": `Move ${e.title}`,
 		"data-testid": "nnl-card-move",
@@ -162,20 +171,20 @@ function z({ item: e, columnKey: t, laneItems: n, disabled: r, onMoveTo: i, onSh
 			t === "up" ? a(-1) : t === "down" ? a(1) : t && i(t);
 		},
 		children: [
-			/* @__PURE__ */ y("option", {
+			/* @__PURE__ */ x("option", {
 				value: "",
 				children: "Move…"
 			}),
-			O.filter((e) => e.key !== t).map((e) => /* @__PURE__ */ b("option", {
+			A.filter((e) => e.key !== t).map((e) => /* @__PURE__ */ S("option", {
 				value: e.key,
 				children: ["Move to ", e.label]
 			}, e.key)),
-			/* @__PURE__ */ y("option", {
+			/* @__PURE__ */ x("option", {
 				value: "up",
 				disabled: !s,
 				children: "Move up"
 			}),
-			/* @__PURE__ */ y("option", {
+			/* @__PURE__ */ x("option", {
 				value: "down",
 				disabled: !c,
 				children: "Move down"
@@ -183,35 +192,35 @@ function z({ item: e, columnKey: t, laneItems: n, disabled: r, onMoveTo: i, onSh
 		]
 	});
 }
-function B({ roadmapId: e, item: t, columnKey: n, laneItems: r, draggable: o, dragging: s, dropIndicator: c, moveDisabled: l, onDragStart: d, onDragEnd: f, onDragOverCard: p, onDropOnCard: m, onMoveTo: h, onShift: g }) {
+function H({ roadmapId: e, item: t, columnKey: n, laneItems: r, draggable: a, dragging: o, dropIndicator: c, moveDisabled: l, onDragStart: u, onDragEnd: d, onDragOverCard: p, onDropOnCard: m, onMoveTo: h, onShift: g }) {
 	let _ = t.featureRequestDemand;
-	return /* @__PURE__ */ b("li", {
-		draggable: o,
+	return /* @__PURE__ */ S("li", {
+		draggable: a,
 		onDragStart: (e) => {
-			e.dataTransfer.setData("text/plain", t.id), e.dataTransfer.effectAllowed = "move", d(t.id);
+			e.dataTransfer.setData("text/plain", t.id), e.dataTransfer.effectAllowed = "move", u(t.id);
 		},
-		onDragEnd: f,
+		onDragEnd: d,
 		onDragOver: p,
 		onDrop: m,
 		"data-testid": "nnl-card",
 		className: [
 			"space-y-1.5 rounded-md border bg-background p-2 text-sm",
-			o ? "cursor-grab" : "",
-			s ? "opacity-50" : "",
+			a ? "cursor-grab" : "",
+			o ? "opacity-50" : "",
 			c === "before" ? "border-t-2 border-t-primary" : "",
 			c === "after" ? "border-b-2 border-b-primary" : ""
 		].filter(Boolean).join(" "),
 		children: [
-			/* @__PURE__ */ y("p", {
+			/* @__PURE__ */ x("p", {
 				className: "font-medium leading-tight",
 				children: t.title
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ S("div", {
 				className: "flex flex-wrap items-center gap-x-2 gap-y-1 text-xs text-muted-foreground",
-				children: [/* @__PURE__ */ y("span", { children: i(t.status) }), (t.startDate || t.endDate) && /* @__PURE__ */ b("span", {
+				children: [/* @__PURE__ */ x("span", { children: i(t.status) }), (t.startDate || t.endDate) && /* @__PURE__ */ S("span", {
 					className: "flex items-center gap-1",
 					children: [
-						/* @__PURE__ */ y(u, {
+						/* @__PURE__ */ x(f, {
 							className: "h-3 w-3",
 							"aria-hidden": "true"
 						}),
@@ -221,7 +230,7 @@ function B({ roadmapId: e, item: t, columnKey: n, laneItems: r, draggable: o, dr
 					]
 				})]
 			}),
-			_ && _.requests > 0 && /* @__PURE__ */ b("p", {
+			_ && _.requests > 0 && /* @__PURE__ */ S("p", {
 				className: "text-xs text-muted-foreground",
 				"data-testid": "roadmap-item-demand",
 				children: [
@@ -234,20 +243,20 @@ function B({ roadmapId: e, item: t, columnKey: n, laneItems: r, draggable: o, dr
 					_.votes === 1 ? "" : "s"
 				]
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ S("div", {
 				className: "flex flex-wrap items-center gap-x-3 gap-y-1",
-				children: [/* @__PURE__ */ y(R, { confidence: t.confidence }), /* @__PURE__ */ y(L, {
+				children: [/* @__PURE__ */ x(B, { confidence: t.confidence }), /* @__PURE__ */ x(z, {
 					level: t.riskLevel,
 					note: t.riskNote
 				})]
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ S("div", {
 				className: "flex items-center justify-between gap-1 pt-0.5",
-				children: [/* @__PURE__ */ y(a, {
+				children: [/* @__PURE__ */ x(s, {
 					roadmapId: e,
 					itemId: t.id,
 					itemTitle: t.title
-				}), /* @__PURE__ */ y(z, {
+				}), /* @__PURE__ */ x(V, {
 					item: t,
 					columnKey: n,
 					laneItems: r,
@@ -259,8 +268,8 @@ function B({ roadmapId: e, item: t, columnKey: n, laneItems: r, draggable: o, dr
 		]
 	});
 }
-function V({ roadmapId: i }) {
-	let { workspaceId: a } = e(), { items: l, loading: u, error: d, totalCount: m, truncated: h } = M(a, i), [g, v] = _(D, {
+function U({ roadmapId: i }) {
+	let { workspaceId: s } = e(), { items: d, loading: f, error: p, totalCount: g, truncated: _ } = P(s, i), [v, b] = y(ee, {
 		refetchQueries: [
 			"GetRoadmapDetailPage",
 			"GetRoadmapDetail",
@@ -268,156 +277,165 @@ function V({ roadmapId: i }) {
 			"RoadmapNowNextLaterItems"
 		],
 		awaitRefetchQueries: !0
-	}), [x, S] = c(null), [C, w] = c(!1), [T, E] = c(""), [A, I] = c(null), [L, R] = c(null), [z, V] = c(null), H = s(() => {
+	}), [C, w] = u(null), [T, E] = u(!1), [O, k] = u(""), [M, R] = u(null), [z, B] = u(null), [V, U] = u(null), W = a({
+		kind: "roadmap",
+		roadmapId: i,
+		queries: D,
+		paused: M !== null
+	}), G = l(() => {
 		let e = /* @__PURE__ */ new Set(), t = [];
-		for (let n of l) {
-			let r = N(n);
+		for (let n of d) {
+			let r = F(n);
 			e.has(r) || (e.add(r), t.push(r));
 		}
 		return t;
-	}, [l]), U = H.length > 1, W = s(() => {
+	}, [d]), K = G.length > 1, q = l(() => {
 		let e = {
 			UNPLACED: [],
 			NOW: [],
 			NEXT: [],
 			LATER: []
 		};
-		for (let t of l) e[k(t.horizon)].push(t);
+		for (let t of d) e[j(t.horizon)].push(t);
 		return e;
-	}, [l]), G = s(() => {
+	}, [d]), J = l(() => {
 		let e = {
 			UNPLACED: {},
 			NOW: {},
 			NEXT: {},
 			LATER: {}
 		};
-		for (let t of H) e.UNPLACED[t] = [], e.NOW[t] = [], e.NEXT[t] = [], e.LATER[t] = [];
-		for (let t of l) {
-			let n = k(t.horizon), r = N(t);
+		for (let t of G) e.UNPLACED[t] = [], e.NOW[t] = [], e.NEXT[t] = [], e.LATER[t] = [];
+		for (let t of d) {
+			let n = j(t.horizon), r = F(t);
 			(e[n][r] ??= []).push(t);
 		}
 		return e;
-	}, [l, H]);
-	o(() => {
-		if (!z) return;
-		let e = z, t = requestAnimationFrame(() => {
-			document.getElementById(`nnl-move-${e}`)?.focus(), V(null);
+	}, [d, G]);
+	c(() => {
+		if (!V) return;
+		let e = V, t = requestAnimationFrame(() => {
+			document.getElementById(`nnl-move-${e}`)?.focus(), U(null);
 		});
 		return () => cancelAnimationFrame(t);
-	}, [l]);
-	let K = v.loading, q = !C, J = A ? l.find((e) => e.id === A) ?? null : null, Y = async (e, i, a, o, s) => {
-		S(null), s && V(e.id);
+	}, [d]);
+	let Y = b.loading, X = !T, Z = M ? d.find((e) => e.id === M) ?? null : null, Q = async (e, i, a, o, s) => {
+		w(null), s && U(e.id);
 		try {
-			await r(g({ variables: {
+			await r(v({ variables: {
 				id: e.id,
 				input: {
 					horizon: i,
 					index: a
 				}
-			} })), E(`Moved "${e.title}" to ${o}.`);
+			} })), k(`Moved "${e.title}" to ${o}.`);
 		} catch (e) {
-			if (t(e)) w(!0), S("Your role cannot reorder this roadmap."), E("Move refused: your role cannot reorder this roadmap.");
+			if (t(e)) E(!0), w("Your role cannot reorder this roadmap."), k("Move refused: your role cannot reorder this roadmap.");
 			else {
 				let t = n(e, "The item could not be moved.");
-				S(t), E(`Move failed: ${t}`);
+				w(t), k(`Move failed: ${t}`);
 			}
 		}
-	}, X = (e, t, n, r, i) => {
-		if (!q || K) return;
-		let a = l.find((e) => e.id === r);
-		if (!a || N(a) !== t) return;
-		let o = O.find((t) => t.key === e);
+	}, te = (e, t, n, r, i) => {
+		if (!X || Y) return;
+		let a = d.find((e) => e.id === r);
+		if (!a || F(a) !== t) return;
+		let o = A.find((t) => t.key === e);
 		if (!o) return;
-		let s = F(n, a.id, i);
-		k(a.horizon) === e && n.findIndex((e) => e.id === a.id) === s || Y(a, o.horizon, s, o.label, !1);
-	}, Z = (e, t, n) => (r, i, a) => {
-		if (!q || K || !J || N(J) !== t) return;
+		let s = L(n, a.id, i);
+		j(a.horizon) === e && n.findIndex((e) => e.id === a.id) === s || Q(a, o.horizon, s, o.label, !1);
+	}, ne = (e, t, n) => (r, i, a) => {
+		if (!X || Y || !Z || F(Z) !== t) return;
 		r.preventDefault(), r.stopPropagation(), r.dataTransfer.dropEffect = "move";
 		let o = r.currentTarget.getBoundingClientRect();
-		R({
+		B({
 			columnKey: e,
 			laneKey: t,
 			beforeId: r.clientY < o.top + o.height / 2 ? i.id : n[a + 1]?.id ?? null
 		});
-	}, Q = (e, t, n) => (r) => {
+	}, $ = (e, t, n) => (r) => {
 		r.preventDefault(), r.stopPropagation();
-		let i = r.dataTransfer.getData("text/plain"), a = L?.columnKey === e && L.laneKey === t ? L.beforeId : null;
-		R(null), I(null), i && X(e, t, n, i, a);
+		let i = r.dataTransfer.getData("text/plain"), a = z?.columnKey === e && z.laneKey === t ? z.beforeId : null;
+		B(null), R(null), i && te(e, t, n, i, a);
 	};
-	return u ? /* @__PURE__ */ y("div", {
+	return f ? /* @__PURE__ */ x("div", {
 		className: "flex items-center justify-center p-12",
 		"data-testid": "nnl-board",
-		children: /* @__PURE__ */ y(p, {
+		children: /* @__PURE__ */ x(h, {
 			className: "h-8 w-8 animate-spin text-muted-foreground",
 			"aria-hidden": "true"
 		})
-	}) : d ? /* @__PURE__ */ b("div", {
+	}) : p ? /* @__PURE__ */ S("div", {
 		className: "p-6 text-destructive",
 		"data-testid": "nnl-board",
-		children: ["Failed to load roadmap items: ", d.message]
-	}) : /* @__PURE__ */ b("div", {
+		children: ["Failed to load roadmap items: ", p.message]
+	}) : /* @__PURE__ */ S("div", {
 		className: "space-y-3",
 		"data-testid": "nnl-board",
 		children: [
-			/* @__PURE__ */ y("p", {
+			/* @__PURE__ */ x("p", {
 				className: "sr-only",
 				role: "status",
 				"aria-live": "polite",
-				children: T
+				children: O
 			}),
-			C && /* @__PURE__ */ y("p", {
+			/* @__PURE__ */ x("div", {
+				className: "flex justify-end",
+				children: /* @__PURE__ */ x(o, { mode: W.mode })
+			}),
+			T && /* @__PURE__ */ x("p", {
 				role: "alert",
 				className: "rounded-md border border-destructive/40 p-2 text-sm text-destructive",
 				children: "Your role can view this roadmap but not reorder it. Moves are disabled below."
 			}),
-			!C && x && /* @__PURE__ */ y("p", {
+			!T && C && /* @__PURE__ */ x("p", {
 				role: "alert",
 				className: "rounded-md border border-destructive/40 p-2 text-sm text-destructive",
-				children: x
+				children: C
 			}),
-			h && /* @__PURE__ */ b("p", {
+			_ && /* @__PURE__ */ S("p", {
 				className: "text-xs text-muted-foreground",
 				children: [
 					"Showing the first ",
-					j,
+					N,
 					" of ",
-					m,
+					g,
 					" items."
 				]
 			}),
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ x("div", {
 				className: "grid grid-cols-1 gap-3 md:grid-cols-4",
-				children: O.map((e) => {
-					let t = W[e.key], n = H.map((t) => ({
+				children: A.map((e) => {
+					let t = q[e.key], n = G.map((t) => ({
 						lane: t,
-						laneItems: G[e.key][t] ?? []
-					})).filter(({ lane: e, laneItems: t }) => !U || t.length > 0 || J && N(J) === e);
-					return /* @__PURE__ */ b("section", {
+						laneItems: J[e.key][t] ?? []
+					})).filter(({ lane: e, laneItems: t }) => !K || t.length > 0 || Z && F(Z) === e);
+					return /* @__PURE__ */ S("section", {
 						"aria-label": `${e.label} column`,
 						"data-testid": `nnl-column-${e.key}`,
 						className: "min-h-[120px] rounded-md border bg-muted/30 p-2",
 						onDragOver: (t) => {
-							!q || K || !J || (t.preventDefault(), t.dataTransfer.dropEffect = "move", R({
+							!X || Y || !Z || (t.preventDefault(), t.dataTransfer.dropEffect = "move", B({
 								columnKey: e.key,
-								laneKey: N(J),
+								laneKey: F(Z),
 								beforeId: null
 							}));
 						},
 						onDrop: (t) => {
-							if (!J) return;
-							let n = N(J);
-							Q(e.key, n, G[e.key][n] ?? [])(t);
+							if (!Z) return;
+							let n = F(Z);
+							$(e.key, n, J[e.key][n] ?? [])(t);
 						},
 						children: [
-							/* @__PURE__ */ b("h3", {
+							/* @__PURE__ */ S("h3", {
 								className: "mb-2 flex items-center gap-1.5 text-sm font-medium",
 								children: [
-									e.key === "UNPLACED" && /* @__PURE__ */ y(f, {
+									e.key === "UNPLACED" && /* @__PURE__ */ x(m, {
 										className: "h-3.5 w-3.5 text-muted-foreground",
 										"aria-hidden": "true"
 									}),
 									e.label,
-									/* @__PURE__ */ b("span", {
+									/* @__PURE__ */ S("span", {
 										className: "text-xs text-muted-foreground",
 										children: [
 											"(",
@@ -427,23 +445,23 @@ function V({ roadmapId: i }) {
 									})
 								]
 							}),
-							n.length === 0 && /* @__PURE__ */ y("p", {
+							n.length === 0 && /* @__PURE__ */ x("p", {
 								className: "py-4 text-center text-xs text-muted-foreground",
 								children: "No items"
 							}),
-							/* @__PURE__ */ y("div", {
+							/* @__PURE__ */ x("div", {
 								className: "space-y-3",
 								children: n.map(({ lane: t, laneItems: n }) => {
-									let r = L?.columnKey === e.key && L.laneKey === t;
-									return /* @__PURE__ */ b("div", {
+									let r = z?.columnKey === e.key && z.laneKey === t;
+									return /* @__PURE__ */ S("div", {
 										className: "space-y-1",
-										children: [U && /* @__PURE__ */ b("p", {
+										children: [K && /* @__PURE__ */ S("p", {
 											"data-testid": "nnl-lane-label",
 											className: "text-[11px] font-medium text-muted-foreground",
 											children: [
-												P(t),
+												I(t),
 												" ",
-												/* @__PURE__ */ b("span", {
+												/* @__PURE__ */ S("span", {
 													className: "text-muted-foreground/70",
 													children: [
 														"(",
@@ -452,46 +470,46 @@ function V({ roadmapId: i }) {
 													]
 												})
 											]
-										}), /* @__PURE__ */ b("ul", {
-											className: `min-h-[48px] space-y-2 rounded-sm p-1 ${r && !L.beforeId ? "ring-2 ring-primary" : ""}`,
+										}), /* @__PURE__ */ S("ul", {
+											className: `min-h-[48px] space-y-2 rounded-sm p-1 ${r && !z.beforeId ? "ring-2 ring-primary" : ""}`,
 											onDragOver: (n) => {
-												!q || K || !J || N(J) !== t || (n.preventDefault(), n.dataTransfer.dropEffect = "move", R({
+												!X || Y || !Z || F(Z) !== t || (n.preventDefault(), n.dataTransfer.dropEffect = "move", B({
 													columnKey: e.key,
 													laneKey: t,
 													beforeId: null
 												}));
 											},
-											onDrop: Q(e.key, t, n),
-											children: [n.length === 0 && /* @__PURE__ */ y("li", {
+											onDrop: $(e.key, t, n),
+											children: [n.length === 0 && /* @__PURE__ */ x("li", {
 												className: "py-2 text-center text-[11px] text-muted-foreground",
 												"aria-hidden": "true",
 												children: "Drop here"
 											}), n.map((a, o) => {
-												let s = r ? L.beforeId === a.id ? "before" : L.beforeId === null && o === n.length - 1 ? "after" : null : null;
-												return /* @__PURE__ */ y(B, {
+												let s = r ? z.beforeId === a.id ? "before" : z.beforeId === null && o === n.length - 1 ? "after" : null : null;
+												return /* @__PURE__ */ x(H, {
 													roadmapId: i,
 													item: a,
 													columnKey: e.key,
 													laneItems: n,
-													draggable: q && !K,
-													dragging: A === a.id,
+													draggable: X && !Y,
+													dragging: M === a.id,
 													dropIndicator: s,
-													moveDisabled: !q || K,
-													onDragStart: I,
+													moveDisabled: !X || Y,
+													onDragStart: R,
 													onDragEnd: () => {
-														I(null), R(null);
+														R(null), B(null);
 													},
-													onDragOverCard: (r) => Z(e.key, t, n)(r, a, o),
-													onDropOnCard: Q(e.key, t, n),
+													onDragOverCard: (r) => ne(e.key, t, n)(r, a, o),
+													onDropOnCard: $(e.key, t, n),
 													onMoveTo: (e) => {
-														let t = O.find((t) => t.key === e);
+														let t = A.find((t) => t.key === e);
 														if (!t) return;
-														let n = F(G[e][N(a)] ?? [], a.id, null);
-														Y(a, t.horizon, n, t.label, !0);
+														let n = L(J[e][F(a)] ?? [], a.id, null);
+														Q(a, t.horizon, n, t.label, !0);
 													},
 													onShift: (t) => {
 														let r = n.findIndex((e) => e.id === a.id), i = r + t;
-														r === -1 || i < 0 || i >= n.length || Y(a, a.horizon, i, e.label, !0);
+														r === -1 || i < 0 || i >= n.length || Q(a, a.horizon, i, e.label, !0);
 													}
 												}, a.id);
 											})]
@@ -507,6 +525,6 @@ function V({ roadmapId: i }) {
 	});
 }
 //#endregion
-export { R as ConfidenceBadge, L as RiskIndicator, V as RoadmapNowNextLater };
+export { B as ConfidenceBadge, z as RiskIndicator, U as RoadmapNowNextLater };
 
 //# sourceMappingURL=RoadmapNowNextLater.js.map