@50arms/ui 0.0.0-stage → 35.2.0

package/dist/components/Board.js

@@ -0,0 +1,292 @@
+import { jsxs as f, jsx as o, Fragment as P } from "react/jsx-runtime";
+import { useState as R, useCallback as E, useMemo as L, useRef as J, useEffect as H } from "react";
+import { cn as B } from "../lib/cn.js";
+import { ListOwnerProvider as Q } from "../lib/paged-window/list-owner.js";
+import { DragDrop as V, DragDropItem as X, DragDropGroup as Y, DragDropSurface as Z, DragDropContainer as ee, DragDropHandle as oe } from "./DragDrop.js";
+import { numberFormat as re } from "../lib/intl-cache.js";
+import { BoardProvider as te, useBoardColumnContext as G, BoardCardProvider as ne, BoardCardSurfaceContext as ae, useBoardContext as U, BoardColumnProvider as ie, useBoardCardContext as de, useBoardCardIsDragSource as se } from "./board/context.js";
+import { useDragDrop as $, useDragDropContainer as le } from "./drag-drop/context.js";
+import { board as w } from "./board/recipe.js";
+import { positionInColumn as ce } from "../lib/board/position.js";
+import { Menu as me, MenuItem as j } from "./Menu.js";
+import { Icon as M } from "./Icon.js";
+import { EmptyState as ue } from "./Surface.js";
+import { RecordCard as z } from "./RecordCard.js";
+import { useBoard as pe } from "../lib/board/use-board.js";
+import { useUiStrings as I, useUiLocale as W } from "../lib/i18n/provider.js";
+import { describeMoveRejection as fe } from "../lib/board/rejection.js";
+import { isLaneDrop as ve, heldOver as F } from "../lib/dnd/cross-drop.js";
+import { useDragState as A } from "../lib/dnd/use-drag.js";
+function Ue({
+  items: e,
+  columns: t,
+  accessors: r,
+  validateMove: i,
+  onMove: m,
+  selection: n,
+  reorderLabels: a,
+  crossLaneDrop: s = "position",
+  autoScroll: g,
+  className: u,
+  columnsClassName: l,
+  renderDragging: v,
+  children: y
+}) {
+  const p = pe({ items: e, columns: t, accessors: r, validateMove: i, onMove: m, selection: n }), N = I(), h = W(), [C, D] = R(null), b = E(
+    (c) => {
+      const x = p.requestMove(c);
+      return x.ok || D(fe(N.moveRejected, h, x.reason)), x;
+    },
+    [p.requestMove, N.moveRejected, h]
+  ), S = E(
+    (c) => {
+      const x = ve(s, c.from.container, c.to.container);
+      b({
+        moves: [
+          {
+            itemId: c.id,
+            from: { columnId: c.from.container, index: c.from.index },
+            to: x ? { columnId: c.to.container, lane: !0 } : { columnId: c.to.container, index: c.to.index }
+          }
+        ],
+        source: c.mode
+      });
+    },
+    [b, s]
+  ), d = L(
+    () => v === void 0 ? void 0 : (c) => {
+      const x = e.find((_) => r.getId(_) === c);
+      return x === void 0 ? null : v(x);
+    },
+    [v, e, r]
+  ), T = I().board, k = a?.toTop ?? T.moveToTop, O = a?.toBottom ?? T.moveToBottom, K = L(
+    () => ({
+      columns: p.columns,
+      requestMove: b,
+      reorderLabels: { toTop: k, toBottom: O },
+      crossLaneDrop: s
+    }),
+    [p.columns, b, k, O, s]
+  );
+  return /* @__PURE__ */ f(
+    V,
+    {
+      onDragEnd: S,
+      autoScroll: g,
+      renderCarried: d,
+      className: B("flex flex-col gap-3", u),
+      children: [
+        /* @__PURE__ */ o(te, { value: K, children: /* @__PURE__ */ o("div", { className: B("flex min-h-0 flex-1 gap-4", l), children: y(p) }) }),
+        C && /* @__PURE__ */ f("div", { role: "status", "aria-live": "polite", className: w().rejection(), children: [
+          /* @__PURE__ */ o(M, { name: "triangle-alert", size: "xs" }),
+          C
+        ] })
+      ]
+    }
+  );
+}
+function $e({ className: e, children: t }) {
+  return /* @__PURE__ */ o(Z, { className: e, children: /* @__PURE__ */ o(ae.Provider, { value: !0, children: t }) });
+}
+function We({
+  column: e,
+  emptyState: t,
+  headerCount: r,
+  className: i,
+  listClassName: m,
+  accent: n,
+  icon: a,
+  actions: s,
+  children: g
+}) {
+  const u = r === void 0 ? e.overWip : r !== null && e.wipLimit !== void 0 && r > e.wipLimit, l = w({ overWip: u, accented: n !== void 0 }), v = e.count === 0 && !e.counting, [y, p] = R(0), N = L(() => ({ reportBusy: (T) => p((k) => k + T) }), []), h = I().board, C = e.id;
+  H(() => {
+    n === void 0 || typeof CSS > "u" || CSS.supports("color", n) || console.warn(`[danxbot] board: column "${String(C)}" got accent "${n}", which is not a CSS colour.`);
+  }, [n, C]);
+  const D = L(
+    () => ({ columnId: e.id, label: e.label }),
+    [e.id, e.label]
+  ), { crossLaneDrop: b } = U("BoardColumn"), S = t ?? /* @__PURE__ */ o(
+    ue,
+    {
+      title: h.emptyTitle,
+      description: h.emptyDescription,
+      className: l.empty()
+    }
+  ), d = /* @__PURE__ */ o(
+    xe,
+    {
+      count: e.counting ? null : r === void 0 ? e.count : r,
+      wipLimit: e.wipLimit,
+      overWip: u,
+      accented: n !== void 0
+    }
+  );
+  return /* @__PURE__ */ f(
+    "div",
+    {
+      className: B(l.column(), i),
+      style: n === void 0 ? void 0 : { "--lane-accent": n },
+      children: [
+        /* @__PURE__ */ f("div", { "data-board-header": "", className: l.header(), children: [
+          a === void 0 ? /* @__PURE__ */ o("span", { className: l.label(), children: e.label }) : /* @__PURE__ */ f("span", { className: l.title(), children: [
+            /* @__PURE__ */ o("span", { className: l.glyph(), "aria-hidden": "true", children: a }),
+            /* @__PURE__ */ o("span", { className: l.label(), children: e.label })
+          ] }),
+          s === void 0 ? d : /* @__PURE__ */ f("span", { "data-board-actions": "", className: l.trailing(), children: [
+            d,
+            s
+          ] })
+        ] }),
+        /* @__PURE__ */ f("div", { className: "relative flex min-h-0 flex-1 flex-col", children: [
+          e.reorderLocked !== void 0 && /* @__PURE__ */ o(ge, { columnId: e.id, message: e.reorderLocked }),
+          b === "lane" && /* @__PURE__ */ o(he, { columnId: e.id }),
+          /* @__PURE__ */ o("div", { "data-board-lane": "", role: v ? "group" : "list", "aria-label": e.label, "aria-busy": y > 0 ? !0 : void 0, className: l.list(), children: /* @__PURE__ */ o(
+            ee,
+            {
+              id: e.id,
+              label: e.label,
+              axis: "y",
+              offset: e.offset,
+              total: e.counting ? void 0 : e.count,
+              crossDrop: b,
+              className: B("min-h-24 flex-1 p-2", m),
+              children: /* @__PURE__ */ o(Q, { value: N, children: /* @__PURE__ */ o(ie, { value: D, children: /* @__PURE__ */ o(
+                be,
+                {
+                  isEmpty: v,
+                  emptyState: S,
+                  children: g
+                }
+              ) }) })
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+}
+function be({
+  isEmpty: e,
+  emptyState: t,
+  children: r
+}) {
+  const { shift: i } = le("BoardColumn");
+  return e ? i && i.markerAt !== null ? null : /* @__PURE__ */ o(P, { children: t }) : /* @__PURE__ */ o(P, { children: r });
+}
+function ge({ columnId: e, message: t }) {
+  const { session: r } = $("BoardColumn"), i = A(r);
+  return F(i, e) !== "own" ? null : /* @__PURE__ */ f("div", { role: "status", "data-board-reorder-locked": "", className: w().reorderLocked(), children: [
+    /* @__PURE__ */ o(M, { name: "info", size: "xs" }),
+    t
+  ] });
+}
+function he({ columnId: e }) {
+  const { session: t } = $("BoardColumn"), r = A(t);
+  return F(r, e) !== "other" ? null : /* @__PURE__ */ o("div", { "aria-hidden": "true", "data-board-lane-drop": "", className: w().laneDrop() });
+}
+const Ce = "–";
+function xe({
+  count: e,
+  wipLimit: t,
+  overWip: r,
+  accented: i
+}) {
+  const m = W(), n = I().board.wipCount, a = re(m, {});
+  return /* @__PURE__ */ f(
+    "span",
+    {
+      "data-board-count": "",
+      className: B(
+        "inline-flex items-center gap-1 font-mono text-2xs",
+        r ? "font-semibold text-danger-text" : i ? "text-primary" : "text-tertiary"
+      ),
+      children: [
+        r && /* @__PURE__ */ o(M, { name: "triangle-alert", size: "xs" }),
+        r && e !== null && t !== void 0 ? n(a.format(e), a.format(t)) : e === null ? Ce : a.format(e)
+      ]
+    }
+  );
+}
+function Fe({ id: e, index: t, label: r, className: i, children: m }) {
+  const { columnId: n } = G("BoardCard"), a = J(!1), s = E(() => (a.current = !0, () => {
+    a.current = !1;
+  }), []);
+  H(() => {
+    a.current || console.warn(
+      `[danxbot] board: card "${String(e)}" rendered without placing the move control it was handed. Every drag outcome must stay reachable by pointer alone without dragging (WCAG 2.2 SC 2.5.7) — a keyboard path does not satisfy it. Render the node \`BoardCard\` passes to its children function.`
+    );
+  }, [e]);
+  const g = L(
+    () => ({ itemId: e, index: t, label: r, registerHandle: s }),
+    [e, t, r, s]
+  );
+  return /* @__PURE__ */ o(X, { id: e, index: t, label: r, className: i, children: /* @__PURE__ */ o(ne, { value: g, children: /* @__PURE__ */ o("div", { role: "listitem", children: m(/* @__PURE__ */ o(Be, { columnId: n })) }) }) });
+}
+function q({ continuesBefore: e, continuesAfter: t }, { padding: r }) {
+  return B(e && "rounded-t-none border-t-0", e && r && "pt-0", t && "rounded-b-none border-b-0", t && r && "pb-0");
+}
+function Ae({ frameClassName: e, className: t, contentClassName: r, continuesBefore: i = !1, continuesAfter: m = !1, ...n }) {
+  G("BoardCardGroup");
+  const a = { continuesBefore: i, continuesAfter: m };
+  return /* @__PURE__ */ o(
+    Y,
+    {
+      ...n,
+      continuesBefore: i,
+      continuesAfter: m,
+      className: t,
+      contentClassName: r,
+      frame: /* @__PURE__ */ o(z, { className: B("size-full", e, q(a, { padding: !1 })) }),
+      render: /* @__PURE__ */ o(z, { className: B("border-transparent bg-transparent", q(a, { padding: !0 })) })
+    }
+  );
+}
+function Be({ columnId: e }) {
+  const t = U("BoardCardHandle"), r = de("BoardCardHandle"), i = se(), [m, n] = R(!1), a = w(), s = I().board, { registerHandle: g } = r;
+  H(() => g(), [g]);
+  const u = t.columns.find((d) => d.id === e), l = t.columns.filter((d) => d.id !== e), v = ce(u, r.index), y = u?.items.length ?? 0;
+  function p(d) {
+    n(!1), t.requestMove({
+      moves: [{ itemId: r.itemId, from: { columnId: e, index: r.index }, to: d }],
+      source: "menu"
+    });
+  }
+  const N = u?.reorderLocked === void 0, h = N && v > 0, C = N && v < (u?.count ?? 0) - 1, D = u?.reorderLabels?.toTop ?? t.reorderLabels.toTop, b = u?.reorderLabels?.toBottom ?? t.reorderLabels.toBottom, S = r.label ?? String(r.itemId);
+  return /* @__PURE__ */ f("span", { className: a.handleCluster(), children: [
+    !i && /* @__PURE__ */ o(oe, {}),
+    /* @__PURE__ */ f(
+      me,
+      {
+        open: m,
+        onOpenChange: n,
+        side: "bottom",
+        align: "start",
+        trigger: /* @__PURE__ */ o("button", { type: "button", className: a.menuTrigger(), "aria-label": s.moveCard(S), children: /* @__PURE__ */ o(M, { name: "more-vertical", size: "sm" }) }),
+        children: [
+          h && /* @__PURE__ */ o(j, { onClick: () => p({ columnId: e, index: 0, edge: "top" }), children: D }),
+          C && /* @__PURE__ */ o(j, { onClick: () => p({ columnId: e, index: y - 1, edge: "bottom" }), children: b }),
+          l.map((d) => /* @__PURE__ */ o(
+            j,
+            {
+              onClick: () => p(
+                t.crossLaneDrop === "lane" ? { columnId: d.id, lane: !0 } : { columnId: d.id, index: d.items.length, edge: "bottom" }
+              ),
+              children: s.moveToColumn(d.label)
+            },
+            d.id
+          )),
+          !h && !C && l.length === 0 && /* @__PURE__ */ o("div", { className: "px-2.5 py-2 text-xs text-tertiary", children: s.nothingToMove })
+        ]
+      }
+    )
+  ] });
+}
+export {
+  Ue as Board,
+  Fe as BoardCard,
+  Ae as BoardCardGroup,
+  $e as BoardCardSurface,
+  We as BoardColumn
+};
+//# sourceMappingURL=Board.js.map

package/dist/components/Board.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Board.js","sources":["../../src/components/Board.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState, type CSSProperties, type ReactNode } from \"react\";\nimport { cn } from \"../lib/cn\";\nimport { ListOwnerProvider } from \"../lib/paged-window/list-owner\";\nimport {\n  DragDrop,\n  DragDropContainer,\n  DragDropGroup,\n  DragDropHandle,\n  DragDropItem,\n  DragDropSurface,\n} from \"./DragDrop\";\nimport { heldOver, isLaneDrop, useDragState } from \"../lib/dnd\";\nimport type { AutoScrollOptions, CrossDrop, DragEndEvent, DragId } from \"../lib/dnd\";\nimport { useUiLocale, useUiStrings } from \"../lib/i18n\";\nimport { numberFormat } from \"../lib/intl-cache\";\nimport { describeMoveRejection, useBoard } from \"../lib/board\";\nimport type {\n  BoardColumnId,\n  BoardColumnModel,\n  BoardItemId,\n  BoardMove,\n  BoardMoveRequest,\n  BoardMoveOutcome,\n  BoardReorderLabels,\n  UseBoardOptions,\n  UseBoardResult,\n} from \"../lib/board\";\nimport {\n  BoardCardProvider,\n  BoardCardSurfaceContext,\n  BoardColumnProvider,\n  BoardProvider,\n  useBoardCardContext,\n  useBoardCardIsDragSource,\n  useBoardColumnContext,\n  useBoardContext,\n} from \"./board/context\";\nimport { useDragDrop, useDragDropContainer } from \"./drag-drop/context\";\nimport { board as boardRecipe } from \"./board/recipe\";\nimport { positionInColumn } from \"../lib/board/position\";\nimport { Menu, MenuItem } from \"./Menu\";\nimport { Icon } from \"./Icon\";\nimport { EmptyState } from \"./Surface\";\nimport { RecordCard } from \"./RecordCard\";\n\n/* ============================================================================\n   BOARD — the React slot layer over `lib/board` (headless) and `DragDrop`\n   (the drag engine). Three exported parts: `Board` (the root — wires the\n   funnel), `BoardColumn` (the header + list, WIP-loud, empty-aware) and\n   `BoardCard` (the required wrapper that hands back the one control WCAG\n   2.2 SC 2.5.7 makes mandatory). Card CONTENT is not this file's problem —\n   every part below renders EITHER structure it owns (a header, a handle) or\n   a `children` slot the consumer fills; nothing here knows what a card\n   contains, same discipline `RecordCard.tsx` and `lib/board/types.ts` both\n   state for their own layers.\n\n   THE FUNNEL, MADE CONCRETE. `lib/board/types.ts` names the rule: pointer\n   drag, keyboard, the menu and bulk all terminate in `useBoard`'s\n   `requestMove`. This file is where that becomes real DOM wiring rather than\n   a paragraph: `<Board>` wraps `<DragDrop onDragEnd={…}>` and translates every\n   `DragEndEvent` — pointer AND keyboard alike, since `DragDrop`'s own\n   keyboard sensor is already attached inside `DragDropHandle` and reports\n   through the SAME `onDragEnd` — into a `BoardMoveRequest` and calls\n   `requestMove`. `BoardCardHandle` below (the menu path) calls the identical\n   function, reached through context rather than a second entry point. There\n   is no second `onMove` call anywhere in this file.\n\n   THE REJECTION LINE, AND WHY IT EXISTS SEPARATELY FROM `DragDrop`'S OWN LIVE\n   REGION. A rejected move (`validateMove` said no) still completes its DRAG —\n   the pointer released, the session committed — before `requestMove` ever\n   gets a chance to refuse it. `DragDrop`'s live region has already announced\n   \"Dropped X. Position N of M\" by the time the refusal is known, and this\n   package exposes no hook to retract or amend that announcement (see the\n   agent report for what would be needed). So `Board` renders its OWN small,\n   VISIBLE — not `sr-only` — status line that speaks the verdict's reason,\n   fed by wrapping `useBoard`'s `requestMove` once at the root: every caller,\n   drag or menu, already has to call this function to move anything, so\n   \"every rejection is surfaced\" is true by construction rather than a rule\n   each new call site has to remember. The DOM position DOES self-correct —\n   a refused move never reached `onMove`, so `items` never changed, and the\n   card's `<DragDropItem index>` re-registers at its real, unchanged slot on\n   the very next render — it is only the SPOKEN record that briefly disagrees,\n   and that is exactly what this line corrects.\n\n   `role=\"list\"`, NOT `role=\"grid\"` — RES-GAME, citing Roselli. `DragDropContainer`\n   and `DragDropItem` render plain, roleless `<div>`s (this package's public\n   API gives no prop to annotate them), so the role is placed on a THIN\n   wrapper around each: one around `DragDropContainer` per column (`list`,\n   labelled), one around each card's own content inside `DragDropItem`\n   (`listitem`). A roleless `<div>` does not break ARIA's owned-element\n   computation for `list`/`listitem` — it is the same \"generic role is\n   transparent to ownership\" behaviour `<ul><div><li>` already relies on\n   elsewhere on the web — and `board.test.tsx` proves the resulting tree is\n   structurally valid with `axe-core`, which parses this statically without\n   needing a real browser. What that test CANNOT prove is how a specific\n   screen reader actually reads it; that is `probe-dnd-a11y`'s job, run\n   centrally, against a real page this round does not build.\n\n   A LONG LANE IS WINDOWED BY ITS CHILDREN, NOT BY THIS FILE (DX-4540).\n   `BoardColumn` takes its cards as ordinary `children`, so a lane of hundreds\n   renders a SUBSET of them: `PagedWindowList` holds a few pages and stands in\n   for the rest with placeholders of the right height. That is safe for this\n   drag engine because of one rule it already has — `DragDrop`'s session\n   measures only the items currently REGISTERED (`session.remeasure()` in\n   `lib/dnd/session.ts`), so a card that is not rendered is not a drop target\n   and a drop over unrendered space resolves against the nearest card that is\n   there. The window freezes for the length of a drag so the carried card's page\n   is never dropped under it.\n\n   What a windowed lane changes, and where it is decided. The column\n   DEFINITION carries the lane's real `total` and the `offset` of its first\n   loaded card; the board model turns them into `count` and `overWip` once, and\n   everything that speaks of the lane reads those: the badge, the empty state,\n   the WIP header, the move menu's \"is there anything above or below\", and the\n   drag announcements (\"position 221 of 500\"). `items` still holds only the\n   loaded cards, so every index a `BoardMoveRequest` carries is a position among\n   the LOADED cards of that lane; what an index cannot say — \"the very top\" or\n   \"the very bottom\" of the lane — is the move's `to.edge`, which the menu sends\n   and `moveAnchor` turns into something a server can place. `PagedWindowList`\n   hands `renderItem` the card's `global` position.\n   ========================================================================= */\n\n/* ----------------------------------------------------------------------------\n   ROOT\n   -------------------------------------------------------------------------- */\n\nexport interface BoardProps<T> extends UseBoardOptions<T> {\n  /**\n   * DX-4575: the words for each card menu's two within-column items. Partial,\n   * so a consumer renames one and keeps the other. Omitted, the provider's\n   * `board.moveToTop` and `board.moveToBottom`.\n   */\n  reorderLabels?: Partial<BoardReorderLabels>;\n  /**\n   * DX-4583: what dropping a card on ANOTHER lane means.\n   *\n   * `\"position\"` (the default) is a drop at a place: the lane's cards part, a\n   * marker shows the slot, and the `BoardMove` carries that `index`.\n   *\n   * `\"lane\"` is a lane change and nothing else, for a board whose lanes are\n   * ordered by something a drop cannot set (a rank the card already has): the\n   * whole lane is highlighted, no marker shows and no card moves, and the\n   * `BoardMove` is `{ columnId, lane: true }` with no position. The card menu's\n   * \"Move to <lane>\" items send the same move, and the live region says the lane\n   * rather than a position. Inside the card's own lane a drag is still a\n   * positional drop either way. Whether a drag is over \"another lane\" is read\n   * from the drag session's own `from.container` and `over.container`, never\n   * from card counts.\n   */\n  crossLaneDrop?: CrossDrop;\n  /** Forwarded to `DragDrop` — see its own doc; cannot be turned off. */\n  autoScroll?: AutoScrollOptions;\n  className?: string;\n  /**\n   * Applied to the row the columns lay out in, NOT to the board root that\n   * `className` targets.\n   *\n   * Two seams rather than one because the two boxes take genuinely different\n   * decisions: the root is where a consumer sets the board's own size and\n   * chrome, and this row is where the columns' overflow behaviour lives —\n   * horizontal scroll on a wide board, wrapping on a narrow one. The first\n   * real consumer of this component hit the gap immediately and had to reach\n   * `overflow-x-auto` onto the root, which is the wrong box: it scrolls the\n   * live region and the instructions along with the columns.\n   */\n  columnsClassName?: string;\n  /**\n   * The card while it is being carried. Defaults to the card's own children.\n   *\n   * The default is the version that cannot drift from the row it stands for,\n   * which is why it is the default. But a carried card is read at a glance\n   * while it moves, and a dense resting card is the wrong thing to read that\n   * way — the two or three fields that identify the record are all anybody\n   * takes off it mid-drag.\n   *\n   * It changes what the carried card SHOWS and nothing else. Whether a card is\n   * carried, and how, is not a board's decision: the engine lifts every dragged\n   * card into a portalled clone either way.\n   */\n  renderDragging?: (item: T) => ReactNode;\n  /** The rendered board, given the live model to map over — same shape\n   *  `DragDropOverlay`'s own `children` already uses in this package for the\n   *  identical reason: `Board` is generic over the consumer's item type, and\n   *  a render prop is how that generic reaches the consumer's JSX without a\n   *  second, parallel context API duplicating what `useBoard` already\n   *  returns. */\n  children: (board: UseBoardResult<T>) => ReactNode;\n}\n\nexport function Board<T>({\n  items,\n  columns,\n  accessors,\n  validateMove,\n  onMove,\n  selection,\n  reorderLabels,\n  crossLaneDrop = \"position\",\n  autoScroll,\n  className,\n  columnsClassName,\n  renderDragging,\n  children,\n}: BoardProps<T>) {\n  const board = useBoard({ items, columns, accessors, validateMove, onMove, selection });\n  const uiStrings = useUiStrings();\n  const locale = useUiLocale();\n  const [rejection, setRejection] = useState<string | null>(null);\n\n  /* THE ONE PLACE A VERDICT'S REJECTION REASON IS READ. Every caller below —\n     the drag translation and `BoardCardHandle`'s menu — goes through this,\n     never `board.requestMove` directly, so neither has its own copy of \"what\n     do I do if this fails\" to keep in sync with the other. */\n  const requestMove = useCallback(\n    (request: BoardMoveRequest): BoardMoveOutcome => {\n      const verdict = board.requestMove(request);\n      if (!verdict.ok) setRejection(describeMoveRejection(uiStrings.moveRejected, locale, verdict.reason));\n      return verdict;\n    },\n    [board.requestMove, uiStrings.moveRejected, locale],\n  );\n\n  const handleDragEnd = useCallback(\n    (e: DragEndEvent) => {\n      /* `e.mode` is `\"pointer\" | \"keyboard\"` — a strict subset of\n         `BoardMoveSource`, passed straight through rather than re-derived.\n         No `e.moved` check here: `resolveMove` already treats a release that\n         lands exactly where it started as a no-op with nothing to commit\n         (`move.ts`'s own header), so re-checking it here would be the same\n         rule stated twice and one of the two eventually drifting. */\n      /* DX-4583: a card dropped on another lane under `crossLaneDrop=\"lane\"` is a\n         lane change, so the move names the lane and no index. Decided from the\n         drop's own `from` and `to`, the same state the highlight reads. */\n      const toAnotherLane = isLaneDrop(crossLaneDrop, e.from.container, e.to.container);\n      requestMove({\n        moves: [\n          {\n            itemId: e.id,\n            from: { columnId: e.from.container, index: e.from.index },\n            to: toAnotherLane\n              ? { columnId: e.to.container, lane: true }\n              : { columnId: e.to.container, index: e.to.index },\n          },\n        ],\n        source: e.mode,\n      });\n    },\n    [requestMove, crossLaneDrop],\n  );\n\n  /* THE ENGINE ASKS BY ID, THE CONSUMER THINKS IN ITEMS. `renderCarried` is\n     handed a `DragId` because the engine has no idea what an item is; the\n     board does, so it resolves the id here rather than making every consumer\n     write the same lookup. Left `undefined` when the consumer passed nothing,\n     so the engine keeps its own default rather than being handed a function\n     that reproduces it. */\n  const renderCarried = useMemo(\n    () =>\n      renderDragging === undefined\n        ? undefined\n        : (id: DragId) => {\n            const item = items.find((candidate) => accessors.getId(candidate) === id);\n            return item === undefined ? null : renderDragging(item);\n          },\n    [renderDragging, items, accessors],\n  );\n\n  const boardStrings = useUiStrings().board;\n  const toTopLabel = reorderLabels?.toTop ?? boardStrings.moveToTop;\n  const toBottomLabel = reorderLabels?.toBottom ?? boardStrings.moveToBottom;\n  const context = useMemo(\n    () => ({\n      columns: board.columns,\n      requestMove,\n      reorderLabels: { toTop: toTopLabel, toBottom: toBottomLabel },\n      crossLaneDrop,\n    }),\n    [board.columns, requestMove, toTopLabel, toBottomLabel, crossLaneDrop],\n  );\n\n  return (\n    <DragDrop\n      onDragEnd={handleDragEnd}\n      autoScroll={autoScroll}\n      renderCarried={renderCarried}\n      /* STACKED VERTICALLY: the columns row, then the rejection line below\n         it. `DragDrop`'s own root slot carries no layout of its own (by\n         design — see its file header, \"a board is a grid, a row… every one\n         belongs to the consumer\"), so BOTH axes here are this file's to set,\n         not something to inherit or assume. */\n      className={cn(\"flex flex-col gap-3\", className)}\n    >\n      {/* No cast needed here: neither `requestMove`'s signature nor a\n         `readonly T[]` in `columns` depends on `T` in a way that blocks\n         assigning to `BoardContextValue<unknown>` — `readonly` arrays are\n         covariant, so this is structurally sound for every `T`. The one cast\n         this generic context needs lives on the READ side, in\n         `useBoardContext` (`board/context.ts`), where `T` is recovered. */}\n      <BoardProvider value={context}>\n        <div className={cn(\"flex min-h-0 flex-1 gap-4\", columnsClassName)}>\n          {children(board)}\n        </div>\n      </BoardProvider>\n      {rejection && (\n        <div role=\"status\" aria-live=\"polite\" className={boardRecipe().rejection()}>\n          <Icon name=\"triangle-alert\" size=\"xs\" />\n          {rejection}\n        </div>\n      )}\n    </DragDrop>\n  );\n}\n\n/* ----------------------------------------------------------------------------\n   CARD SURFACE — the opt-in mode where the whole card drags.\n   -------------------------------------------------------------------------- */\n\nexport interface BoardCardSurfaceProps {\n  className?: string;\n  children?: ReactNode;\n}\n\n/**\n * Makes the WHOLE card a drag source, instead of the grip alone.\n *\n * RENDERING IT IS WHAT TURNS IT ON — there is no `wholeCardDrag` boolean, the\n * same rule the rest of this package follows and `drag-drop.test.tsx` enforces\n * on its own component layer. A board that wants a grip renders no surface; a\n * board that wants the card to drag wraps its content in one.\n *\n * WHY THIS IS SAFE HERE, and it was not safe before. The obvious objection is\n * that a card usually opens something when clicked, and a card that is entirely\n * a drag handle swallows that click. True of a source that starts on\n * `pointerdown`; false of this engine, which holds a press in `pending` until\n * it passes an activation constraint — 5px of travel for a mouse, a 250ms dwell\n * for a finger. A press that does not move is still a click. A press that does\n * becomes a drag, and its trailing click is swallowed. The card can be both,\n * and `audit:dnd` proves it on every run: a 2px wobble never enters a drag and\n * still counts as a click.\n *\n * THE 2.5.7 CONTROL IS NOT AFFECTED. The menu the card hands out is the\n * single-pointer, non-dragging route to every move, and it stays exactly where\n * it was. What the surface removes is the GRIP, which would otherwise be a\n * second drag source for the same card.\n *\n * It also cannot produce a button inside a button: `DragDropSurface` takes a\n * role only when it owns focus — when it contains no focusable of its own —\n * and a card carrying the move menu never does.\n */\nexport function BoardCardSurface({ className, children }: BoardCardSurfaceProps) {\n  return (\n    <DragDropSurface className={className}>\n      <BoardCardSurfaceContext.Provider value={true}>{children}</BoardCardSurfaceContext.Provider>\n    </DragDropSurface>\n  );\n}\n\n/* ----------------------------------------------------------------------------\n   COLUMN — header (label, count, loud WIP) + the droppable list.\n   -------------------------------------------------------------------------- */\n\nexport interface BoardColumnProps<T> {\n  /** `useBoard`'s own computed column — id, label, items, count, wipLimit,\n   *  overWip. Passed straight through; nothing here re-derives it. */\n  column: BoardColumnModel<T>;\n  /**\n   * Rendered in place of `children` when the column has no cards. Content,\n   * not a boolean — supplying THIS is what changes it, matching the\n   * package-wide rule against a `show*`/`with*` switch. Defaults to a\n   * generic message built on `EmptyState` (REUSE: \"An empty list, or a\n   * zero-state screen\"), sized down for a column rather than a full page.\n   *\n   * HIDDEN, NOT REMOVED, while a drag session is over THIS column. An empty\n   * column's placeholder and the engine's own drop marker (drawn by\n   * `DragDropContainer` itself for a container with nothing else to hang the\n   * marker off — see `DragDrop.tsx`'s `restCount === 0` branch) would\n   * otherwise stack in the same box, and the placeholder's own sentence\n   * (\"Drag a card here…\") is exactly what the marker is now doing. The\n   * column's accessible name is untouched — `aria-label={column.label}` sits\n   * on the `role=\"list\"` wrapper below, not on this content — so a\n   * screen-reader user still hears which column they are over even while the\n   * placeholder sentence is not rendered. See `BoardColumnBody`.\n   */\n  emptyState?: ReactNode;\n  /**\n   * DX-5637: the number the header badge draws, in place of the column's own\n   * `count`. `count` is the lane's paging length (it feeds the drag engine and the\n   * move menu); a lane whose paging rows are not all the things a person counts\n   * (a container drawn around its children) passes the number to SHOW here. Display\n   * only for paging and the empty state, which still read the model. `null` is a\n   * count not known yet and draws the unknown mark, never the paging count. When\n   * given, the over-limit verdict compares this number to the WIP limit.\n   */\n  headerCount?: number | null;\n  className?: string;\n  /**\n   * Applied to the droppable list, NOT to the column shell that `className`\n   * targets — this is where a column's own scrolling belongs\n   * (`max-h-… overflow-y-auto`, to cap a column shorter than the space it\n   * would otherwise fill).\n   *\n   * It has to be the inner box: put the scroll on the shell and the header\n   * scrolls away with the cards, so a column whose cards have been scrolled\n   * loses the label and count that say what the column IS. The drag engine\n   * already resolves whichever scroller sits under the pointer, so a column\n   * that scrolls here auto-scrolls during a drag with nothing further wired.\n   *\n   * The box already stretches to fill whatever height its own column has\n   * (`flex-1`, below) and already scrolls its overflow (`overflow-y-auto`\n   * baked into `DragDropContainer`'s own recipe for a `y`-axis container) —\n   * this prop is for the rarer case of PINNING a column shorter than that,\n   * not for turning scrolling on in the first place.\n   */\n  listClassName?: string;\n  /**\n   * DX-3981: tints the lane in this colour. Any CSS colour, passed as DATA — a\n   * list's own hex, say; it is mixed into the theme's sunken surface at a\n   * ratio chosen per theme, so the header label and count (ink tokens, never\n   * the accent as text) stay at 4.5:1 or better and a card's border keeps 3:1\n   * against the lane in light and dark (WCAG 1.4.3 / 1.4.11, proven over the\n   * shipped tokens by `lane-contrast.test.ts`). It also re-points the border\n   * token for everything inside the lane to a lane-aware ink mix — the card\n   * boundary is drawn by that border, since a card fill cannot reach 3:1\n   * against a lane that still reads as a tint. The WIP-exceeded header shift\n   * still wins over the tint. Omitted, the lane renders exactly as it always\n   * has.\n   */\n  accent?: string;\n  /**\n   * DX-3981: drawn before the header label, in the label's own ink colour.\n   * Decorative (`aria-hidden`) — the label already names the column, and\n   * never colour or glyph alone (WCAG 1.4.1).\n   */\n  icon?: ReactNode;\n  /**\n   * DX-4540: controls drawn at the header's end, after the count — a\n   * `SortMenu`, say. A slot of content, not a boolean: supplying it is what\n   * adds it. It sits in the header, outside the scrolling list, so it stays\n   * put while the cards scroll.\n   */\n  actions?: ReactNode;\n  /** The column's cards — a `BoardCard` per item, mapped by the consumer\n   *  exactly as `DragDropContainer`'s own children already are. A windowed\n   *  lane puts a `PagedWindowList` here — see the file header. */\n  children?: ReactNode;\n}\n\nexport function BoardColumn<T>({\n  column,\n  emptyState,\n  headerCount,\n  className,\n  listClassName,\n  accent,\n  icon,\n  actions,\n  children,\n}: BoardColumnProps<T>) {\n  /* DX-4540: nothing here decides a count or a WIP verdict — the model did, once\n     (`buildBoardModel`), from the column definition's `total`. */\n  /* DX-5637: a header count that is given is what a person reads against the limit. */\n  const overWip =\n    headerCount === undefined\n      ? column.overWip\n      : headerCount !== null && column.wipLimit !== undefined && headerCount > column.wipLimit;\n  const s = boardRecipe({ overWip, accented: accent !== undefined });\n  /* DX-5084: a lane with no cards is a labelled group, not a `list`. A `list` must own\n     listitems (axe `aria-required-children`), and an empty lane's only content is the\n     empty-state sentence, so announcing \"list, 0 items\" was also a claim that did not\n     hold. The label, and so the drop target's name, is unchanged. */\n  const listEmpty = column.count === 0 && !column.counting;\n  /* DX-5084: how many paged windows inside this lane are loading. `aria-busy` lives on the\n     lane's list (valid ARIA there); see `lib/paged-window/list-owner.tsx`. */\n  const [windowsLoading, setWindowsLoading] = useState(0);\n  const listOwner = useMemo(() => ({ reportBusy: (d: 1 | -1) => setWindowsLoading((n) => n + d) }), []);\n  const strings = useUiStrings().board;\n  /* DX-3981: a typo'd colour makes `color-mix` invalid and the lane silently\n     transparent — say so where the author can see it. `CSS` is absent outside\n     a browser, where there is nothing to check against. */\n  const columnId = column.id;\n  useEffect(() => {\n    // I18N-ALLOW: CSS.supports property name, a feature probe on the accent colour\n    if (accent === undefined || typeof CSS === \"undefined\" || CSS.supports(\"color\", accent)) return;\n    console.warn(`[danxbot] board: column \"${String(columnId)}\" got accent \"${accent}\", which is not a CSS colour.`);\n  }, [accent, columnId]);\n  const columnContext = useMemo(\n    () => ({ columnId: column.id, label: column.label }),\n    [column.id, column.label],\n  );\n  const { crossLaneDrop } = useBoardContext<T>(\"BoardColumn\");\n\n  /* Resolved once, here, rather than inside `BoardColumnBody` — the default\n     needs `s.empty()`, which is this column's own `overWip`-scoped recipe\n     instance, and recomputing that inside a child component would mean\n     threading `overWip` down as a second prop for no reason `s` doesn't\n     already serve. */\n  const resolvedEmptyState = emptyState ?? (\n    <EmptyState\n      title={strings.emptyTitle}\n      description={strings.emptyDescription}\n      className={s.empty()}\n    />\n  );\n\n  const countBadge = (\n    <CountBadge\n      count={column.counting ? null : headerCount === undefined ? column.count : headerCount}\n      wipLimit={column.wipLimit}\n      overWip={overWip}\n      accented={accent !== undefined}\n    />\n  );\n\n  return (\n    <div\n      className={cn(s.column(), className)}\n      style={accent === undefined ? undefined : ({ \"--lane-accent\": accent } as CSSProperties)}\n    >\n      <div data-board-header=\"\" className={s.header()}>\n        {icon === undefined ? (\n          <span className={s.label()}>{column.label}</span>\n        ) : (\n          <span className={s.title()}>\n            <span className={s.glyph()} aria-hidden=\"true\">\n              {icon}\n            </span>\n            <span className={s.label()}>{column.label}</span>\n          </span>\n        )}\n        {actions === undefined ? (\n          countBadge\n        ) : (\n          <span data-board-actions=\"\" className={s.trailing()}>\n            {countBadge}\n            {actions}\n          </span>\n        )}\n      </div>\n      {/* DX-4575: the plain, role-less box the locked-lane banner overlays. It is\n         the list's own size (`flex-1`, same as the list inside it), so `top-2`\n         is the top of the cards and the header's height is never guessed. The\n         banner is a sibling of the `role=\"list\"` element, not a child, so it is\n         never one of the list's ARIA children. */}\n      <div className=\"relative flex min-h-0 flex-1 flex-col\">\n        {column.reorderLocked !== undefined && (\n          <ReorderLockedBanner columnId={column.id} message={column.reorderLocked} />\n        )}\n        {crossLaneDrop === \"lane\" && <LaneDropHighlight columnId={column.id} />}\n        {/* `role=\"list\"` on THIS element, not on `DragDropContainer`'s own div —\n           see the file header for why the wrapper is necessary and why an\n           extra roleless layer does not break the list/listitem relationship.\n           `BoardColumnProvider` scopes `columnId` to exactly this column's\n           cards, so a `<BoardCard>` never has to be told which column it is\n           in — the same reason `DragDropItem` reads `container` from\n           `DragDropContainer`'s own context instead of a repeated prop.\n\n           `aria-label` lives HERE, independent of whatever renders inside —\n           `BoardColumnBody` swaps the empty-state sentence for nothing mid-drag\n           (see its own header) and this accessible name is exactly why that is\n           safe: the drop target's name never depended on its content. */}\n        {/* DX-5084: `data-board-lane` is the lane's stable handle — its role flips between list and group as cards come and go. */}\n        <div data-board-lane=\"\" role={listEmpty ? \"group\" : \"list\"} aria-label={column.label} aria-busy={windowsLoading > 0 ? true : undefined} className={s.list()}>\n          <DragDropContainer\n            id={column.id}\n            label={column.label}\n            axis=\"y\"\n            offset={column.offset}\n            total={column.counting ? undefined : column.count}\n            crossDrop={crossLaneDrop}\n            /* `flex-1` IS THE FIX FOR TWO SEPARATE SYMPTOMS THAT LOOK LIKE ONE.\n               Without it this box — the actual registered drop target `lib/dnd`\n               hit-tests against (`geometry.ts#containerAt`, `element.\n               getBoundingClientRect()`) — sizes to its OWN content: `min-h-24`\n               for an empty column, or the stacked height of its cards for a\n               short one. Two consequences, not one: (1) a short/empty column\n               visibly stops early, short of the column shell's own bottom edge\n               (the shell stretches via the row's default `align-items: stretch`\n               — see `Board`'s own row — but this inner box never did); and (2)\n               because hit-testing reads THIS element's rect and nothing wider,\n               the dead space below it is not part of the drop target at all —\n               a pointer released there resolves against whatever container (if\n               any) IS registered under it, never this column. `flex-1` makes\n               the registered rect and the visible column body the same box, so\n               \"looks droppable\" and \"is droppable\" stop disagreeing. */\n            className={cn(\"min-h-24 flex-1 p-2\", listClassName)}\n          >\n            <ListOwnerProvider value={listOwner}>\n              <BoardColumnProvider value={columnContext}>\n                <BoardColumnBody\n                  isEmpty={listEmpty}\n                  emptyState={resolvedEmptyState}\n                >\n                  {children}\n                </BoardColumnBody>\n              </BoardColumnProvider>\n            </ListOwnerProvider>\n          </DragDropContainer>\n        </div>\n      </div>\n    </div>\n  );\n}\n\n/**\n * THE EMPTY-STATE / DRAG-MARKER HANDOFF for one column.\n *\n * Reads `shift` off `DragDropContainer`'s OWN context rather than computing a\n * second \"is a drag over me\" boolean — `shift.markerAt` is already exactly\n * that question, answered once, for the identical reason `DragDropContainer`\n * itself only draws its empty-column marker (`DragDrop.tsx`, the\n * `restCount === 0` branch) when `shift.markerAt !== null`. This component\n * fires at the same moment, off the same field, so the placeholder disappears\n * on precisely the render the marker appears — never a frame early or late,\n * and never for some OTHER empty column elsewhere on the board (`shift` is\n * per-container; a column that is not the drag's current target keeps a\n * non-null `shift` with `markerAt: null` for as long as any drag is live, and\n * `null` outright once nothing is).\n *\n * `isEmpty` is the column having a known length of 0 (`count === 0` and not\n * `counting` — a length still being read is not empty; DX-4540) — the same signal `BoardColumn` used to\n * choose `emptyState` before this component existed — not re-derived from the\n * layout snapshot `shift` reads from. The two already have to agree: a lane\n * that is empty renders no `<BoardCard>`s, so `shift.restCount`\n * (items registered under this container, minus whichever is being carried)\n * is `0` by construction whenever `isEmpty` is `true`.\n */\nfunction BoardColumnBody({\n  isEmpty,\n  emptyState,\n  children,\n}: {\n  isEmpty: boolean;\n  emptyState: ReactNode;\n  children: ReactNode;\n}) {\n  const { shift } = useDragDropContainer(\"BoardColumn\");\n  if (!isEmpty) return <>{children}</>;\n  if (shift && shift.markerAt !== null) return null;\n  return <>{emptyState}</>;\n}\n\n/**\n * DX-4575: the `reorderLocked` sentence, shown while a card from THIS column is\n * held over it. Whose card it is comes from the session's own `from.container`\n * (the same state `DragDropItem` reads), never a count compared against what the\n * consumer happened to render. A card arriving from another lane is allowed, so\n * it gets no message.\n *\n * AN OVERLAY, NEVER IN FLOW. The session measures every card at pickup and\n * `drag-drop/shift.ts` only ever TRANSLATES them (\"translate, never layout\"),\n * so anything that takes space inside the column after pickup would leave the\n * measured rects, the marker and the drop index stale. It is therefore\n * absolutely positioned over the `relative` box that wraps the column's list.\n * `pointer-events-none` is not for the drop: drops resolve from the rects the\n * session measured, never from what is under the pointer. It is for\n * `autoscroll.ts`, which finds the scroller to move with\n * `document.elementFromPoint`: a banner that answered that probe would hide the\n * list's scroller from it while the pointer is over the banner.\n */\nfunction ReorderLockedBanner({ columnId, message }: { columnId: BoardColumnId; message: string }) {\n  const { session } = useDragDrop(\"BoardColumn\");\n  const state = useDragState(session);\n  if (heldOver(state, columnId) !== \"own\") return null;\n  return (\n    <div role=\"status\" data-board-reorder-locked=\"\" className={boardRecipe().reorderLocked()}>\n      <Icon name=\"info\" size=\"xs\" />\n      {message}\n    </div>\n  );\n}\n\n/**\n * DX-4583: the whole-lane highlight, shown while a card from ANOTHER lane is held\n * over THIS one under `crossLaneDrop=\"lane\"`. Whose card it is comes from the\n * session's own `from.container` and `over.container`, never a count. The\n * mirror of `ReorderLockedBanner`: that one speaks when the card is from this\n * lane, this one when it is not.\n *\n * AN OVERLAY, NEVER IN FLOW, for the same reason: the session measured every box\n * at pickup, so a highlight that took space (or restyled the registered list's\n * size) would leave the measured rects stale. It sits over the `relative` box\n * wrapping the list and is `pointer-events-none`, which also keeps it from\n * answering `autoscroll.ts`'s `elementFromPoint` probe.\n */\nfunction LaneDropHighlight({ columnId }: { columnId: BoardColumnId }) {\n  const { session } = useDragDrop(\"BoardColumn\");\n  const state = useDragState(session);\n  if (heldOver(state, columnId) !== \"other\") return null;\n  return <div aria-hidden=\"true\" data-board-lane-drop=\"\" className={boardRecipe().laneDrop()} />;\n}\n\n/** What the badge shows while a windowed column's length is still being read (`counting`). */\nconst UNKNOWN_COUNT = \"–\";\n\nfunction CountBadge({\n  count,\n  wipLimit,\n  overWip,\n  accented,\n}: {\n  count: number | null;\n  wipLimit: number | undefined;\n  overWip: boolean;\n  accented: boolean;\n}) {\n  const locale = useUiLocale();\n  const wipCount = useUiStrings().board.wipCount;\n  const numbers = numberFormat(locale, {});\n  /* NEVER COLOUR ALONE (WCAG 1.4.1) — the header background shift is paired\n     with an icon AND a text change (\"N / limit\" instead of a bare \"N\"), so\n     the over-limit signal survives for a user who cannot distinguish the\n     background tint at all. */\n  return (\n    <span\n      data-board-count=\"\"\n      className={cn(\n        \"inline-flex items-center gap-1 font-mono text-2xs\",\n        overWip ? \"font-semibold text-danger-text\" : accented ? \"text-primary\" : \"text-tertiary\",\n      )}\n    >\n      {overWip && <Icon name=\"triangle-alert\" size=\"xs\" />}\n      {overWip && count !== null && wipLimit !== undefined ? wipCount(numbers.format(count), numbers.format(wipLimit)) : count === null ? UNKNOWN_COUNT : numbers.format(count)}\n    </span>\n  );\n}\n\n/* ----------------------------------------------------------------------------\n   CARD — the required wrapper. Carries the item's identity into `DragDropItem`\n   and hands the consumer the ONE dual-purpose control WCAG 2.2 SC 2.5.7 makes\n   mandatory, via a render prop rather than baking a layout around it.\n   -------------------------------------------------------------------------- */\n\nexport interface BoardCardProps {\n  id: BoardItemId;\n  /** Position within its OWN column right now — same contract as\n   *  `DragDropItem.index`: the real index in the consumer's data, never a\n   *  filtered render order. */\n  index: number;\n  /** Spoken by the drag engine's announcements and this card's own \"Move\n   *  <label>\" menu trigger label. Falls back to `id`, which is speakable and\n   *  not great — supply it. */\n  label?: string;\n  className?: string;\n  /**\n   * Card content, 100% consumer-owned — `Board` and `BoardCard` do not know\n   * what is inside. `handle` is the dual-purpose grip-and-menu control (see\n   * the file header); RES-GAME's evidence is that a board renders this\n   * INSIDE its `RecordCardHandle` slot (`RecordCard.tsx` reserves exactly\n   * this region), but nothing here requires that specific composition — it\n   * is a plain `ReactNode`, placeable anywhere the consumer's markup wants a\n   * pointer-operable, non-dragging route to every move this card can make.\n   */\n  children: (handle: ReactNode) => ReactNode;\n}\n\nexport function BoardCard({ id, index, label, className, children }: BoardCardProps) {\n  const { columnId } = useBoardColumnContext(\"BoardCard\");\n\n  /* A ref rather than state: this is read once in an effect and never\n     rendered, so putting it in state would re-render every card on the board\n     to learn something no pixel depends on. */\n  const handlePlaced = useRef(false);\n  const registerHandle = useCallback(() => {\n    handlePlaced.current = true;\n    return () => {\n      handlePlaced.current = false;\n    };\n  }, []);\n\n  /* THE CHECK THAT MAKES THE 2.5.7 CONTROL HARD TO OMIT RATHER THAN MERELY\n     OFFERED. See `BoardCardContextValue.registerHandle`. A consumer is free to\n     put the control anywhere in their own markup — that freedom is the whole\n     point of the render prop — but dropping it on the floor is not a silent\n     outcome. Effect deps are `id` alone: this asks \"did this card end up with\n     its control\", which is a question about the card, not about how many times\n     it re-rendered. */\n  useEffect(() => {\n    if (handlePlaced.current) return;\n    console.warn(\n      `[danxbot] board: card \"${String(id)}\" rendered without placing the move ` +\n        `control it was handed. Every drag outcome must stay reachable by ` +\n        `pointer alone without dragging (WCAG 2.2 SC 2.5.7) — a keyboard path ` +\n        `does not satisfy it. Render the node \\`BoardCard\\` passes to its ` +\n        `children function.`,\n    );\n  }, [id]);\n\n  const cardContext = useMemo(\n    () => ({ itemId: id, index, label, registerHandle }),\n    [id, index, label, registerHandle],\n  );\n\n  return (\n    <DragDropItem id={id} index={index} label={label} className={className}>\n      <BoardCardProvider value={cardContext}>\n        {/* `role=\"listitem\"` — the direct-child half of the `role=\"list\"`\n           pair `BoardColumn` opens. See the file header. */}\n        <div role=\"listitem\">{children(<BoardCardHandle columnId={columnId} />)}</div>\n      </BoardCardProvider>\n    </DragDropItem>\n  );\n}\n\n/* ----------------------------------------------------------------------------\n   CARD GROUP (DX-5522) — a box around the cards of one parent in a lane.\n   -------------------------------------------------------------------------- */\n\nexport interface BoardCardGroupProps {\n  /** Unique among this lane's groups and stable across renders: the parent's id, say. A card of the same parent in another lane uses the same id. */\n  id: string;\n  /** Names the set of cards in the box, for assistive technology. */\n  label?: string;\n  /** What sits above the cards inside the box (the parent's title and marks). It moves with the box. */\n  header?: ReactNode;\n  /** Classes for the box's look (a border and fill in the parent's colour): the box is a `RecordCard`, so its corner, border and padding are a lane tile's own. */\n  frameClassName?: string;\n  /** On the group's outer element: its margin and nothing that changes its size while a card is carried. */\n  className?: string;\n  /** The outer element's `data-testid`. */\n  testId?: string;\n  /** On the content inside the box, between the header and the cards (its `gap`). */\n  contentClassName?: string;\n  /** The group's `BoardCard`s, consecutive in the lane. */\n  children: ReactNode;\n  /**\n   * DX-5521: this is one piece of a box the previous piece goes on from (a box whose cards sit on two pages of a windowed lane:\n   * each page draws its own cards in its own piece). The piece has no top edge, no top corners and no padding above its first\n   * card, so it joins the piece above it as one box. Give the `header` to the first piece only. See `DragDropGroup`.\n   */\n  continuesBefore?: boolean;\n  /** DX-5521: the next piece goes on from this one: no bottom edge, corners, padding or margin. See `continuesBefore`. */\n  continuesAfter?: boolean;\n}\n\n/** DX-5521: which neighbouring pieces a piece of a box joins (see `BoardCardGroupProps.continuesBefore`). */\ninterface PieceJoins {\n  continuesBefore: boolean;\n  continuesAfter: boolean;\n}\n\n/**\n * DX-5521: the edges of a piece's frame or content that a neighbouring piece continues: no border or corner there, and, with\n * `padding` (the content, which holds the cards), no padding either, so the cards across a join are spaced as inside one box.\n */\nfunction joinedEdges({ continuesBefore, continuesAfter }: PieceJoins, { padding }: { padding: boolean }): string {\n  return cn(continuesBefore && \"rounded-t-none border-t-0\", continuesBefore && padding && \"pt-0\", continuesAfter && \"rounded-b-none border-b-0\", continuesAfter && padding && \"pb-0\");\n}\n\n/**\n * A box drawn around consecutive cards of a lane. The cards stay the lane's own `BoardCard`s, at the lane's own indexes: the box only\n * changes how a carried card moves through it. The box's frame shrinks when a card is dragged out, grows when one is dragged in, and the\n * cards and the drop placeholder stay in their own box instead of sliding through its edge (see `DragDropGroup`).\n */\nexport function BoardCardGroup({ frameClassName, className, contentClassName, continuesBefore = false, continuesAfter = false, ...group }: BoardCardGroupProps) {\n  useBoardColumnContext(\"BoardCardGroup\");\n  const joins = { continuesBefore, continuesAfter };\n  return (\n    <DragDropGroup\n      {...group}\n      continuesBefore={continuesBefore}\n      continuesAfter={continuesAfter}\n      className={className}\n      contentClassName={contentClassName}\n      frame={<RecordCard className={cn(\"size-full\", frameClassName, joinedEdges(joins, { padding: false }))} />}\n      /* The content is a RecordCard with no look of its own, so the padding the frame's edge sits at is the one every lane tile has. */\n      render={<RecordCard className={cn(\"border-transparent bg-transparent\", joinedEdges(joins, { padding: true }))} />}\n    />\n  );\n}\n\n/**\n * THE DUAL-PURPOSE CONTROL, AND WHAT IT IS NOT. Atlassian's own pattern (RES-\n * GAME, D-7) is ONE element serving as both the drag handle and the menu\n * trigger — `DragHandleButton`. This is the closest version buildable without\n * editing `DragDropHandle` (not this round's file): a `<DragDropHandle>`\n * (the grip, pointer- and keyboard-draggable) rendered immediately beside a\n * plain `<button>` (the menu trigger), inside ONE cluster `BoardCard` always\n * produces. `DragDropHandle`'s own signature destructures only\n * `{label, className, children}` and does not spread the rest onto its\n * `<span>` — so an `onClick`, an `aria-haspopup`, or an injected `ref` handed\n * to it (which is exactly what `Menu`'s `trigger` prop needs to wire a click-\n * to-open behaviour via `BaseMenu.Trigger`'s `render` clone) is silently\n * dropped, not forwarded. Verifying whether a native `click` even reaches a\n * SHARED element after this package's own pointer-based drag gesture\n * completes is a real-browser question this round is not allowed to probe\n * (`audit:dnd` runs centrally). Two adjacent controls sidesteps that\n * uncertainty entirely — a plain `<button>` next to the grip needs no browser\n * probe to prove its `onClick` fires, only `fireEvent.click` in\n * `board.test.tsx` — and still satisfies WCAG 2.2 SC 2.5.7 to the letter: the\n * criterion requires A pointer-operable, non-dragging route to every drag\n * outcome to exist and be unavoidable, not that it share a pixel with the\n * drag handle. What `DragDropHandle` would need to close the remaining gap\n * to Atlassian's literal single-element pattern is named in the round's\n * report.\n */\nfunction BoardCardHandle({ columnId }: { columnId: BoardColumnId }) {\n  const boardCtx = useBoardContext<unknown>(\"BoardCardHandle\");\n  const item = useBoardCardContext(\"BoardCardHandle\");\n  const cardIsDragSource = useBoardCardIsDragSource();\n  const [open, setOpen] = useState(false);\n  const s = boardRecipe();\n  const strings = useUiStrings().board;\n\n  /* Announce this control's existence to the card that handed it out, so a\n     render prop that was received and never placed cannot pass silently. */\n  const { registerHandle } = item;\n  useEffect(() => registerHandle(), [registerHandle]);\n\n  const currentColumn = boardCtx.columns.find((c) => c.id === columnId);\n  const otherColumns = boardCtx.columns.filter((c) => c.id !== columnId);\n  /* DX-4540: WHERE THIS CARD IS IN THE WHOLE COLUMN, not in the window. In a\n     windowed lane the first loaded card may be the 221st, so \"is there anything\n     above it\" is a question about the column's `offset` and `count`, and the\n     menu offers Move to top/bottom exactly when the answer is yes — not when\n     the card happens to be mid-window. */\n  const position = positionInColumn(currentColumn, item.index);\n  const loaded = currentColumn?.items.length ?? 0;\n\n  function move(to: BoardMove[\"to\"]) {\n    setOpen(false);\n    boardCtx.requestMove({\n      moves: [{ itemId: item.itemId, from: { columnId, index: item.index }, to }],\n      source: \"menu\",\n    });\n  }\n\n  /* DX-4575: a lane with reordering off offers only the moves to other lanes. */\n  const reorderable = currentColumn?.reorderLocked === undefined;\n  const canMoveToTop = reorderable && position > 0;\n  const canMoveToBottom = reorderable && position < (currentColumn?.count ?? 0) - 1;\n  /* DX-4589: this lane's own words, then the Board's pair. */\n  const toTopLabel = currentColumn?.reorderLabels?.toTop ?? boardCtx.reorderLabels.toTop;\n  const toBottomLabel = currentColumn?.reorderLabels?.toBottom ?? boardCtx.reorderLabels.toBottom;\n  const name = item.label ?? String(item.itemId);\n\n  return (\n    <span className={s.handleCluster()}>\n      {/* NO GRIP WHEN THE WHOLE CARD ALREADY DRAGS. Two drag sources for one\n          card is redundant to look at and ambiguous to explain — and the grip\n          is the half that is optional. The menu below is not: it is the\n          single-pointer, non-dragging route SC 2.5.7 requires, and it renders\n          either way. */}\n      {!cardIsDragSource && <DragDropHandle />}\n      <Menu\n        open={open}\n        onOpenChange={setOpen}\n        side=\"bottom\"\n        align=\"start\"\n        trigger={\n          <button type=\"button\" className={s.menuTrigger()} aria-label={strings.moveCard(name)}>\n            <Icon name=\"more-vertical\" size=\"sm\" />\n          </button>\n        }\n      >\n        {canMoveToTop && (\n          <MenuItem onClick={() => move({ columnId, index: 0, edge: \"top\" })}>{toTopLabel}</MenuItem>\n        )}\n        {canMoveToBottom && (\n          <MenuItem onClick={() => move({ columnId, index: loaded - 1, edge: \"bottom\" })}>\n            {toBottomLabel}\n          </MenuItem>\n        )}\n        {otherColumns.map((c) => (\n          <MenuItem\n            key={c.id}\n            onClick={() =>\n              move(\n                boardCtx.crossLaneDrop === \"lane\"\n                  ? { columnId: c.id, lane: true }\n                  : { columnId: c.id, index: c.items.length, edge: \"bottom\" },\n              )\n            }\n          >\n            {strings.moveToColumn(c.label)}\n          </MenuItem>\n        ))}\n        {!canMoveToTop && !canMoveToBottom && otherColumns.length === 0 && (\n          <div className=\"px-2.5 py-2 text-xs text-tertiary\">{strings.nothingToMove}</div>\n        )}\n      </Menu>\n    </span>\n  );\n}\n"],"names":["Board","items","columns","accessors","validateMove","onMove","selection","reorderLabels","crossLaneDrop","autoScroll","className","columnsClassName","renderDragging","children","board","useBoard","uiStrings","useUiStrings","locale","useUiLocale","rejection","setRejection","useState","requestMove","useCallback","request","verdict","describeMoveRejection","handleDragEnd","e","toAnotherLane","isLaneDrop","renderCarried","useMemo","id","item","candidate","boardStrings","toTopLabel","toBottomLabel","context","jsxs","DragDrop","cn","jsx","BoardProvider","boardRecipe","Icon","BoardCardSurface","DragDropSurface","BoardCardSurfaceContext","BoardColumn","column","emptyState","headerCount","listClassName","accent","icon","actions","overWip","s","listEmpty","windowsLoading","setWindowsLoading","listOwner","d","n","strings","columnId","useEffect","columnContext","useBoardContext","resolvedEmptyState","EmptyState","countBadge","CountBadge","ReorderLockedBanner","LaneDropHighlight","DragDropContainer","ListOwnerProvider","BoardColumnProvider","BoardColumnBody","isEmpty","shift","useDragDropContainer","Fragment","message","session","useDragDrop","state","useDragState","heldOver","UNKNOWN_COUNT","count","wipLimit","accented","wipCount","numbers","numberFormat","BoardCard","index","label","useBoardColumnContext","handlePlaced","useRef","registerHandle","cardContext","DragDropItem","BoardCardProvider","BoardCardHandle","joinedEdges","continuesBefore","continuesAfter","padding","BoardCardGroup","frameClassName","contentClassName","group","joins","DragDropGroup","RecordCard","boardCtx","useBoardCardContext","cardIsDragSource","useBoardCardIsDragSource","open","setOpen","currentColumn","c","otherColumns","position","positionInColumn","loaded","move","to","reorderable","canMoveToTop","canMoveToBottom","name","DragDropHandle","Menu","MenuItem"],"mappings":"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"}