gigaboard 1.4.1 → 1.5.0

package/dist/index.cjs

@@ -1,7 +1,7 @@
 'use strict';
 
-var chunkUBD62NOI_cjs = require('./chunk-UBD62NOI.cjs');
-var chunkD45G3J5E_cjs = require('./chunk-D45G3J5E.cjs');
+var chunkFUP2LDMO_cjs = require('./chunk-FUP2LDMO.cjs');
+var chunkN4WTPXFC_cjs = require('./chunk-N4WTPXFC.cjs');
 require('./chunk-G6ZFOJZR.cjs');
 require('./chunk-AYVQCHSG.cjs');
 require('./chunk-FNRS6YJI.cjs');
@@ -9,6 +9,64 @@ var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
 var _documentCurrentScript = typeof document !== 'undefined' ? document.currentScript : null;
+var FILE_LETTERS = ["a", "b", "c", "d", "e", "f", "g", "h"];
+function Coordinates({ orientation, ranksPosition = "left" }) {
+  const ranksOnRight = ranksPosition === "right";
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "aria-hidden": "true",
+      style: {
+        position: "absolute",
+        inset: 0,
+        pointerEvents: "none",
+        fontSize: "min(1.6vmin, 11px)",
+        fontWeight: 600,
+        fontFamily: "system-ui, -apple-system, sans-serif"
+      },
+      children: [
+        FILE_LETTERS.map((letter, idx) => {
+          const col = orientation === "white" ? idx : 7 - idx;
+          const bottomRank = orientation === "white" ? 0 : 7;
+          const isLightSquare = (col + bottomRank) % 2 === 1;
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              style: {
+                position: "absolute",
+                left: `${col * 12.5 + 10}%`,
+                bottom: "1%",
+                color: `var(${isLightSquare ? chunkN4WTPXFC_cjs.CSS_VARS.COORDINATE_LIGHT : chunkN4WTPXFC_cjs.CSS_VARS.COORDINATE_DARK})`
+              },
+              children: letter
+            },
+            `file-${letter}`
+          );
+        }),
+        FILE_LETTERS.map((_, idx) => {
+          const rank = idx;
+          const row = orientation === "white" ? 7 - rank : rank;
+          const edgeFile = ranksOnRight ? orientation === "white" ? 7 : 0 : orientation === "white" ? 0 : 7;
+          const isLightSquare = (edgeFile + rank) % 2 === 1;
+          const sideStyle = ranksOnRight ? { right: "1%" } : { left: "1%" };
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              style: {
+                position: "absolute",
+                top: `${row * 12.5 + 1}%`,
+                ...sideStyle,
+                color: `var(${isLightSquare ? chunkN4WTPXFC_cjs.CSS_VARS.COORDINATE_LIGHT : chunkN4WTPXFC_cjs.CSS_VARS.COORDINATE_DARK})`
+              },
+              children: rank + 1
+            },
+            `rank-${rank}`
+          );
+        })
+      ]
+    }
+  );
+}
 function useBoardSnapshot(model) {
   return react.useSyncExternalStore(model.subscribe, model.getSnapshot, model.getSnapshot);
 }
@@ -22,12 +80,695 @@ function useSquareCell(model, index) {
     },
     [model, index]
   );
-  const getSnapshot = react.useCallback(() => {
-    if (!model) return 0;
-    const snap = model.getSnapshot();
-    return snap.board[index] ?? 0;
-  }, [model, index]);
-  return react.useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+  const getSnapshot = react.useCallback(() => {
+    if (!model) return 0;
+    const snap = model.getSnapshot();
+    return snap.board[index] ?? 0;
+  }, [model, index]);
+  return react.useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+}
+function gridCoord(index, orientation) {
+  const file = index & 7;
+  const rank = index >> 3;
+  const col = orientation === "white" ? file + 1 : 8 - file;
+  const row = orientation === "white" ? 8 - rank : rank + 1;
+  return { col, row };
+}
+function algebraicOf(index) {
+  const file = index & 7;
+  const rank = index >> 3;
+  return `${String.fromCharCode(97 + file)}${rank + 1}`;
+}
+var SLOT_BASE_STYLE = Object.freeze({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  pointerEvents: "none",
+  containerType: "size"
+});
+function PieceSlotImpl({ index, model, orientation, pieces }) {
+  const cell = useSquareCell(model, index);
+  if (cell === 0) return null;
+  const { col, row } = gridCoord(index, orientation);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-piece-square": algebraicOf(index),
+      "data-piece-cell": cell,
+      style: {
+        ...SLOT_BASE_STYLE,
+        gridColumnStart: col,
+        gridRowStart: row,
+        filter: `var(${cell <= 6 ? chunkN4WTPXFC_cjs.CSS_VARS.PIECE_FILTER_WHITE : chunkN4WTPXFC_cjs.CSS_VARS.PIECE_FILTER_BLACK}, none)`
+      },
+      children: pieces({ cell, square: index })
+    }
+  );
+}
+var PieceSlot = react.memo(PieceSlotImpl);
+PieceSlot.displayName = "PieceSlot";
+var CONTAINER_STYLE = Object.freeze({
+  position: "absolute",
+  inset: 0,
+  display: "grid",
+  gridTemplateColumns: "repeat(8, 1fr)",
+  gridTemplateRows: "repeat(8, 1fr)",
+  pointerEvents: "none"
+});
+var PieceLayer = react.memo(function PieceLayer2({
+  model,
+  orientation,
+  pieces
+}) {
+  const slots = [];
+  for (let i = 0; i < 64; i++) {
+    slots.push(
+      /* @__PURE__ */ jsxRuntime.jsx(
+        PieceSlot,
+        {
+          index: i,
+          model,
+          orientation,
+          pieces
+        },
+        i
+      )
+    );
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": "true", style: CONTAINER_STYLE, children: slots });
+});
+
+// src/lib/geometry.ts
+function getSquareAtPoint(container, clientX, clientY, orientation) {
+  const rect = container.getBoundingClientRect();
+  const relX = clientX - rect.left;
+  const relY = clientY - rect.top;
+  if (relX < 0 || relY < 0 || relX >= rect.width || relY >= rect.height) return null;
+  const col = Math.floor(relX / rect.width * 8);
+  const row = Math.floor(relY / rect.height * 8);
+  const file = orientation === "white" ? col : 7 - col;
+  const rank = orientation === "white" ? 7 - row : row;
+  return rank * 8 + file;
+}
+function getPointAtSquareCentre(container, square, orientation) {
+  const rect = container.getBoundingClientRect();
+  const sqW = rect.width / 8;
+  const sqH = rect.height / 8;
+  const file = square & 7;
+  const rank = square >> 3;
+  const col = orientation === "white" ? file : 7 - file;
+  const row = orientation === "white" ? 7 - rank : rank;
+  return {
+    x: rect.left + sqW * col + sqW / 2,
+    y: rect.top + sqH * row + sqH / 2
+  };
+}
+function algebraicOf2(square) {
+  const file = square & 7;
+  const rank = square >> 3;
+  return `${String.fromCharCode(97 + file)}${rank + 1}`;
+}
+function squareOf(algebraic) {
+  if (algebraic.length !== 2) return null;
+  const file = algebraic.charCodeAt(0) - 97;
+  const rank = algebraic.charCodeAt(1) - 49;
+  if (file < 0 || file > 7 || rank < 0 || rank > 7) return null;
+  return rank << 3 | file;
+}
+var PIECE_CHARS = ["", "P", "N", "B", "R", "Q", "K", "p", "n", "b", "r", "q", "k"];
+function formatFenPlacement(board) {
+  const rows = [];
+  for (let r = 7; r >= 0; r--) {
+    let empty = 0;
+    let row = "";
+    for (let f = 0; f < 8; f++) {
+      const cell = board[r * 8 + f] ?? 0;
+      if (cell === 0) {
+        empty++;
+      } else {
+        if (empty > 0) {
+          row += String(empty);
+          empty = 0;
+        }
+        row += PIECE_CHARS[cell] ?? "";
+      }
+    }
+    if (empty > 0) {
+      row += String(empty);
+    }
+    rows.push(row);
+  }
+  return rows.join("/");
+}
+function updateFenPlacement(originalFen, newPlacement) {
+  const tokens = originalFen.trim().split(/\s+/);
+  if (tokens.length <= 1) {
+    return newPlacement;
+  }
+  tokens[0] = newPlacement;
+  return tokens.join(" ");
+}
+function pieceNameFromCell(cell) {
+  if (cell === 0) return "empty";
+  const color = cell > 6 ? "black" : "white";
+  const type = (cell - 1) % 6;
+  const names = ["pawn", "knight", "bishop", "rook", "queen", "king"];
+  return `${color} ${names[type] ?? "piece"}`;
+}
+function defaultSquareLabel(square, cell) {
+  const sq = algebraicOf2(square);
+  if (cell === 0) {
+    return `${sq}, empty`;
+  }
+  return `${sq}, ${pieceNameFromCell(cell)}`;
+}
+function cellFromKey(key) {
+  switch (key) {
+    case "P":
+      return chunkFUP2LDMO_cjs.BOARD_CELL_WP;
+    case "N":
+      return chunkFUP2LDMO_cjs.BOARD_CELL_WN;
+    case "B":
+      return chunkFUP2LDMO_cjs.BOARD_CELL_WB;
+    case "R":
+      return chunkFUP2LDMO_cjs.BOARD_CELL_WR;
+    case "Q":
+      return chunkFUP2LDMO_cjs.BOARD_CELL_WQ;
+    case "K":
+      return chunkFUP2LDMO_cjs.BOARD_CELL_WK;
+    case "p":
+      return chunkFUP2LDMO_cjs.BOARD_CELL_BP;
+    case "n":
+      return chunkFUP2LDMO_cjs.BOARD_CELL_BN;
+    case "b":
+      return chunkFUP2LDMO_cjs.BOARD_CELL_BB;
+    case "r":
+      return chunkFUP2LDMO_cjs.BOARD_CELL_BR;
+    case "q":
+      return chunkFUP2LDMO_cjs.BOARD_CELL_BQ;
+    case "k":
+      return chunkFUP2LDMO_cjs.BOARD_CELL_BK;
+    default:
+      return 0;
+  }
+}
+function cellFromPieceString(piece) {
+  if (!piece || piece === "erase") return 0;
+  if (piece.length === 2) {
+    const c0 = piece[0];
+    const c1 = piece[1];
+    if (c0 && c1) {
+      const color = c0.toLowerCase();
+      const type = c1.toUpperCase();
+      if (color === "w") return cellFromKey(type);
+      if (color === "b") return cellFromKey(type.toLowerCase());
+    }
+  }
+  return cellFromKey(piece);
+}
+function getOppositePieceString(piece) {
+  if (!piece || piece === "erase") return null;
+  if (piece.length === 2) {
+    const c0 = piece[0];
+    const c1 = piece[1];
+    if (c0 && c1) {
+      const color = c0 === "w" ? "b" : "w";
+      return `${color}${c1}`;
+    }
+  }
+  return piece === piece.toUpperCase() ? piece.toLowerCase() : piece.toUpperCase();
+}
+function moveSquare(current, direction, orientation) {
+  const file = current & 7;
+  const rank = current >> 3;
+  const col = orientation === "white" ? file : 7 - file;
+  const row = orientation === "white" ? 7 - rank : rank;
+  let newCol = col;
+  let newRow = row;
+  switch (direction) {
+    case "up":
+      newRow = Math.max(0, row - 1);
+      break;
+    case "down":
+      newRow = Math.min(7, row + 1);
+      break;
+    case "left":
+      newCol = Math.max(0, col - 1);
+      break;
+    case "right":
+      newCol = Math.min(7, col + 1);
+      break;
+  }
+  const newFile = orientation === "white" ? newCol : 7 - newCol;
+  const newRank = orientation === "white" ? 7 - newRow : newRow;
+  return newRank * 8 + newFile & 63;
+}
+function rankEndSquare(current, which, orientation) {
+  const rank = current >> 3;
+  if (orientation === "white") {
+    return rank << 3 | (which === "home" ? 0 : 7);
+  }
+  return rank << 3 | (which === "home" ? 7 : 0);
+}
+function BoardEditor({
+  fen = "8/8/8/8/8/8/8/8 w - - 0 1",
+  onChange,
+  onPieceChange,
+  selectedPiece,
+  onSelectPiece,
+  orientation = "white",
+  theme = chunkN4WTPXFC_cjs.defaultTheme,
+  pieces = chunkN4WTPXFC_cjs.defaultPieces,
+  showCoordinates = false,
+  style,
+  className,
+  ariaLabel = "Board editor",
+  onAnnounce,
+  getSquareAriaLabel,
+  focusedSquare: propFocusedSquare,
+  onSquareFocus,
+  onClear,
+  onSetStartingPosition,
+  onToggleSideToMove
+}) {
+  const containerRef = react.useRef(null);
+  const liveRegionRef = react.useRef(null);
+  const liveCounter = react.useRef(0);
+  const [board, setBoard] = react.useState(() => {
+    try {
+      return chunkN4WTPXFC_cjs.parseFenPlacement(fen);
+    } catch {
+      return new Uint8Array(64);
+    }
+  });
+  const [internalFocusedSquare, setInternalFocusedSquare] = react.useState(
+    () => orientation === "white" ? 28 : 36
+    // e4 or e5
+  );
+  const focusedSquare = propFocusedSquare ?? internalFocusedSquare;
+  const setFocusedSquare = setInternalFocusedSquare;
+  const [hasKeyboardFocus, setHasKeyboardFocus] = react.useState(false);
+  const [dragging, setDragging] = react.useState(null);
+  react.useEffect(() => {
+    try {
+      const nextBoard = chunkN4WTPXFC_cjs.parseFenPlacement(fen);
+      setBoard(nextBoard);
+    } catch {
+    }
+  }, [fen]);
+  const announce = react.useCallback(
+    (message) => {
+      onAnnounce?.(message);
+      const region = liveRegionRef.current;
+      if (region) {
+        liveCounter.current++;
+        region.setAttribute("data-live-id", String(liveCounter.current));
+        region.textContent = "";
+        void region.offsetHeight;
+        region.textContent = message;
+      }
+    },
+    [onAnnounce]
+  );
+  const getSquareDescription = react.useCallback(
+    (square, cell) => {
+      const sq = algebraicOf2(square);
+      if (getSquareAriaLabel) {
+        return getSquareAriaLabel(square, cell, sq);
+      }
+      return defaultSquareLabel(square, cell);
+    },
+    [getSquareAriaLabel]
+  );
+  const announceSquare = react.useCallback(
+    (square) => {
+      const cell = board[square] ?? 0;
+      const desc = getSquareDescription(square, cell);
+      announce(desc);
+      onSquareFocus?.(square, cell, algebraicOf2(square));
+    },
+    [announce, board, getSquareDescription, onSquareFocus]
+  );
+  const commitBoard = react.useCallback(
+    (nextBoard) => {
+      setBoard(nextBoard);
+      const newPlacement = formatFenPlacement(nextBoard);
+      const updatedFen = updateFenPlacement(fen, newPlacement);
+      onChange?.(updatedFen);
+    },
+    [fen, onChange]
+  );
+  const placePieceAt = react.useCallback(
+    (square, cellOrCode) => {
+      const targetCell = typeof cellOrCode === "string" ? cellFromPieceString(cellOrCode) : cellOrCode;
+      const currentCell = board[square] ?? 0;
+      const nextBoard = new Uint8Array(board);
+      if (targetCell !== 0 && currentCell === targetCell) {
+        nextBoard[square] = 0;
+        commitBoard(nextBoard);
+        onPieceChange?.(square, 0, algebraicOf2(square));
+        announce(`Piece removed from ${algebraicOf2(square)}`);
+      } else if (targetCell !== 0) {
+        nextBoard[square] = targetCell;
+        commitBoard(nextBoard);
+        onPieceChange?.(square, targetCell, algebraicOf2(square));
+        const name = pieceNameFromCell(targetCell);
+        announce(`${name} placed on ${algebraicOf2(square)}`);
+        const char = PIECE_CHARS[targetCell] ?? "";
+        const code = targetCell <= 6 ? `w${char}` : `b${char.toUpperCase()}`;
+        onSelectPiece?.(code);
+      } else {
+        nextBoard[square] = 0;
+        commitBoard(nextBoard);
+        onPieceChange?.(square, 0, algebraicOf2(square));
+        announce(`Piece removed from ${algebraicOf2(square)}`);
+      }
+    },
+    [announce, board, commitBoard, onPieceChange, onSelectPiece]
+  );
+  const removePieceAt = react.useCallback(
+    (square) => {
+      const current = board[square] ?? 0;
+      if (current === 0) {
+        announce(`${algebraicOf2(square)} is empty`);
+        return;
+      }
+      const nextBoard = new Uint8Array(board);
+      nextBoard[square] = 0;
+      commitBoard(nextBoard);
+      onPieceChange?.(square, 0, algebraicOf2(square));
+      announce(`Piece removed from ${algebraicOf2(square)}`);
+    },
+    [announce, board, commitBoard, onPieceChange]
+  );
+  const handleKeyDown = react.useCallback(
+    (e) => {
+      if (e.altKey || e.ctrlKey || e.metaKey) return;
+      if (e.key.startsWith("Arrow")) {
+        if (e.shiftKey) return;
+        e.preventDefault();
+        const dir = e.key === "ArrowUp" ? "up" : e.key === "ArrowDown" ? "down" : e.key === "ArrowLeft" ? "left" : "right";
+        const next = moveSquare(focusedSquare, dir, orientation);
+        setFocusedSquare(next);
+        announceSquare(next);
+        return;
+      }
+      if (e.key === "Home" || e.key === "End") {
+        e.preventDefault();
+        const next = rankEndSquare(focusedSquare, e.key === "Home" ? "home" : "end", orientation);
+        setFocusedSquare(next);
+        announceSquare(next);
+        return;
+      }
+      if (e.key === "Backspace" || e.key === "Delete" || e.key === "x" || e.key === "X") {
+        e.preventDefault();
+        removePieceAt(focusedSquare);
+        return;
+      }
+      if (e.key === "c" || e.key === "C") {
+        e.preventDefault();
+        if (onClear) {
+          onClear();
+        } else {
+          commitBoard(new Uint8Array(64));
+          announce("Board cleared");
+        }
+        return;
+      }
+      if (e.key === "s" || e.key === "S") {
+        e.preventDefault();
+        if (onSetStartingPosition) {
+          onSetStartingPosition();
+        } else {
+          commitBoard(chunkN4WTPXFC_cjs.parseFenPlacement(chunkN4WTPXFC_cjs.STARTING_FEN));
+          announce("Starting position");
+        }
+        return;
+      }
+      if (e.key === "t" || e.key === "T") {
+        e.preventDefault();
+        onToggleSideToMove?.();
+        return;
+      }
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        if (selectedPiece) {
+          const piece = e.shiftKey ? getOppositePieceString(selectedPiece) : selectedPiece;
+          if (piece) placePieceAt(focusedSquare, piece);
+        }
+        return;
+      }
+      const pieceCell = cellFromKey(e.key);
+      if (pieceCell !== 0) {
+        e.preventDefault();
+        placePieceAt(focusedSquare, pieceCell);
+      }
+    },
+    [
+      announce,
+      announceSquare,
+      commitBoard,
+      focusedSquare,
+      onClear,
+      onSetStartingPosition,
+      onToggleSideToMove,
+      orientation,
+      placePieceAt,
+      removePieceAt,
+      selectedPiece
+    ]
+  );
+  const handlePointerDown = (e) => {
+    if (e.button !== 0) return;
+    const container = containerRef.current;
+    if (!container) return;
+    const sq = getSquareAtPoint(container, e.clientX, e.clientY, orientation);
+    if (sq === null) return;
+    container.focus();
+    setFocusedSquare(sq);
+    onSquareFocus?.(sq, board[sq] ?? 0, algebraicOf2(sq));
+    const cell = board[sq] ?? 0;
+    if (cell === 0) {
+      if (selectedPiece) {
+        placePieceAt(sq, selectedPiece);
+      }
+      return;
+    }
+    e.currentTarget.setPointerCapture(e.pointerId);
+    setDragging({
+      origin: sq,
+      cell,
+      x: e.clientX,
+      y: e.clientY
+    });
+  };
+  const handlePointerMove = (e) => {
+    if (!dragging) return;
+    setDragging((prev) => prev ? { ...prev, x: e.clientX, y: e.clientY } : null);
+  };
+  const handlePointerUp = (e) => {
+    if (!dragging) return;
+    const container = containerRef.current;
+    const originSq = dragging.origin;
+    const movedCell = dragging.cell;
+    setDragging(null);
+    if (!container) return;
+    const targetSq = getSquareAtPoint(container, e.clientX, e.clientY, orientation);
+    if (targetSq === null) {
+      removePieceAt(originSq);
+      return;
+    }
+    if (targetSq === originSq) {
+      if (selectedPiece) {
+        placePieceAt(originSq, selectedPiece);
+      }
+      return;
+    }
+    const nextBoard = new Uint8Array(board);
+    nextBoard[originSq] = 0;
+    nextBoard[targetSq] = movedCell;
+    commitBoard(nextBoard);
+    announce(`${pieceNameFromCell(movedCell)} moved to ${algebraicOf2(targetSq)}`);
+    setFocusedSquare(targetSq);
+  };
+  const handleContextMenu = (e) => {
+    e.preventDefault();
+    const container = containerRef.current;
+    if (!container) return;
+    const sq = getSquareAtPoint(container, e.clientX, e.clientY, orientation);
+    if (sq === null) return;
+    setFocusedSquare(sq);
+    if (selectedPiece) {
+      const opp = getOppositePieceString(selectedPiece);
+      if (opp) placePieceAt(sq, opp);
+    }
+  };
+  const squareOrder = react.useMemo(() => {
+    const squares = [];
+    if (orientation === "white") {
+      for (let rank = 7; rank >= 0; rank--) {
+        for (let file = 0; file < 8; file++) {
+          squares.push(rank * 8 + file);
+        }
+      }
+    } else {
+      for (let rank = 0; rank < 8; rank++) {
+        for (let file = 7; file >= 0; file--) {
+          squares.push(rank * 8 + file);
+        }
+      }
+    }
+    return squares;
+  }, [orientation]);
+  const containerStyle = {
+    position: "relative",
+    aspectRatio: "1 / 1",
+    width: "100%",
+    touchAction: "none",
+    outline: hasKeyboardFocus ? "3px solid var(--gb-editor-focus, #d97706)" : "none",
+    outlineOffset: "2px",
+    borderRadius: "8px",
+    ...theme,
+    ...style
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref: containerRef,
+      role: "application",
+      tabIndex: 0,
+      "aria-label": ariaLabel,
+      "aria-keyshortcuts": "ArrowUp ArrowDown ArrowLeft ArrowRight Enter Space Backspace Delete p P n N b B r R q Q k K c C s S t T",
+      onKeyDown: handleKeyDown,
+      onFocus: (e) => {
+        if (e.target === e.currentTarget) {
+          setHasKeyboardFocus(true);
+          announceSquare(focusedSquare);
+        }
+      },
+      onBlur: () => setHasKeyboardFocus(false),
+      onPointerDown: handlePointerDown,
+      onPointerMove: handlePointerMove,
+      onPointerUp: handlePointerUp,
+      onPointerCancel: () => setDragging(null),
+      onContextMenu: handleContextMenu,
+      className,
+      style: containerStyle,
+      "data-gb-editor": "true",
+      "data-gb-orientation": orientation,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            "aria-hidden": "true",
+            style: {
+              position: "absolute",
+              inset: 0,
+              display: "grid",
+              gridTemplateColumns: "repeat(8, 1fr)",
+              gridTemplateRows: "repeat(8, 1fr)",
+              pointerEvents: "none"
+            },
+            children: squareOrder.map((sq) => {
+              const file = sq & 7;
+              const rank = sq >> 3;
+              const isLight = (file + rank & 1) !== 0;
+              const isFocused = hasKeyboardFocus && focusedSquare === sq;
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  "data-square": algebraicOf2(sq),
+                  style: {
+                    position: "relative",
+                    backgroundColor: `var(${isLight ? chunkN4WTPXFC_cjs.CSS_VARS.SQ_LIGHT : chunkN4WTPXFC_cjs.CSS_VARS.SQ_DARK})`,
+                    backgroundImage: `var(${isLight ? chunkN4WTPXFC_cjs.CSS_VARS.SQ_LIGHT_IMAGE : chunkN4WTPXFC_cjs.CSS_VARS.SQ_DARK_IMAGE},none)`,
+                    backgroundSize: `var(${chunkN4WTPXFC_cjs.CSS_VARS.SQ_IMAGE_SIZE},cover)`,
+                    boxShadow: isFocused ? "inset 0 0 0 3px rgba(255, 206, 76, 0.95)" : void 0,
+                    userSelect: "none"
+                  }
+                },
+                sq
+              );
+            })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            "aria-hidden": "true",
+            style: {
+              position: "absolute",
+              inset: 0,
+              display: "grid",
+              gridTemplateColumns: "repeat(8, 1fr)",
+              gridTemplateRows: "repeat(8, 1fr)",
+              pointerEvents: "none"
+            },
+            children: squareOrder.map((sq) => {
+              const cell = board[sq] ?? 0;
+              if (cell === 0) return null;
+              const isOrigin = dragging?.origin === sq;
+              const { col, row } = gridCoord(sq, orientation);
+              return /* @__PURE__ */ jsxRuntime.jsx(
+                "div",
+                {
+                  "data-piece-square": algebraicOf2(sq),
+                  style: {
+                    ...SLOT_BASE_STYLE,
+                    gridColumnStart: col,
+                    gridRowStart: row,
+                    opacity: isOrigin ? 0.25 : 1,
+                    filter: `var(${cell <= 6 ? chunkN4WTPXFC_cjs.CSS_VARS.PIECE_FILTER_WHITE : chunkN4WTPXFC_cjs.CSS_VARS.PIECE_FILTER_BLACK}, none)`,
+                    pointerEvents: "none"
+                  },
+                  children: pieces({ cell, square: sq })
+                },
+                sq
+              );
+            })
+          }
+        ),
+        dragging && containerRef.current ? /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            "aria-hidden": "true",
+            style: {
+              position: "fixed",
+              left: dragging.x - 30,
+              top: dragging.y - 30,
+              width: 60,
+              height: 60,
+              pointerEvents: "none",
+              zIndex: 100,
+              filter: `var(${dragging.cell <= 6 ? chunkN4WTPXFC_cjs.CSS_VARS.PIECE_FILTER_WHITE : chunkN4WTPXFC_cjs.CSS_VARS.PIECE_FILTER_BLACK}, none)`
+            },
+            children: pieces({ cell: dragging.cell, square: dragging.origin })
+          }
+        ) : null,
+        showCoordinates ? /* @__PURE__ */ jsxRuntime.jsx(Coordinates, { orientation }) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            ref: liveRegionRef,
+            role: "status",
+            "aria-live": "assertive",
+            "aria-atomic": "true",
+            style: {
+              position: "absolute",
+              width: 1,
+              height: 1,
+              padding: 0,
+              margin: -1,
+              overflow: "hidden",
+              clip: "rect(0, 0, 0, 0)",
+              whiteSpace: "nowrap",
+              border: 0
+            }
+          }
+        )
+      ]
+    }
+  );
 }
 function squareCentrePct(index, orientation) {
   const file = index & 7;
@@ -161,11 +902,12 @@ function computeDynamicAeroGeometry(text, style, fontSize, isTerminal = true) {
   const resolvedStyle = style ?? "aero_chisel";
   const hasText = Boolean(text && text.trim().length > 0);
   if (!hasText) {
-    const tipX = 2.8;
-    const shoulderX = 0.2;
-    const rearX = -1.2;
-    const dockX2 = -1.8;
-    const halfH2 = 2.2;
+    const scale2 = Math.max(1, fontSize / 2.45);
+    const tipX = 2.8 * scale2;
+    const shoulderX = 0.2 * scale2;
+    const rearX = -1.2 * scale2;
+    const dockX2 = -1.8 * scale2;
+    const halfH2 = 2.2 * scale2;
     const path2 = `M ${rearX},${-halfH2} L ${shoulderX},${-halfH2} L ${tipX},0 L ${shoulderX},${halfH2} L ${rearX},${halfH2} C ${dockX2},${halfH2} ${dockX2},${-halfH2} ${rearX},${-halfH2} Z`;
     return {
       path: path2,
@@ -178,16 +920,17 @@ function computeDynamicAeroGeometry(text, style, fontSize, isTerminal = true) {
   const charWidth = fontSize * 0.6;
   const textWidth = text.length * charWidth;
   const halfTextW = textWidth / 2;
-  const padX = 0.75;
-  const cabinW = Math.max(3.2, halfTextW + padX);
+  const scale = Math.max(1, fontSize / 2.45);
+  const padX = 0.75 * scale;
+  const cabinW = Math.max(3.2 * scale, halfTextW + padX);
   const halfH = Math.max(2.3, fontSize * 0.9);
-  const rearInset = 0.65;
+  const rearInset = 0.65 * scale;
   const dockX = -cabinW - rearInset;
   let frontLen = 0;
   let path = "";
   if (resolvedStyle === "aero_chisel") {
     if (isTerminal) {
-      const noseLead = 1.25;
+      const noseLead = 1.25 * scale;
       const tipX = cabinW + noseLead;
       frontLen = tipX;
       path = `M ${-cabinW},${-halfH} L ${cabinW},${-halfH} L ${tipX},0 L ${cabinW},${halfH} L ${-cabinW},${halfH} C ${dockX},${halfH} ${dockX},${-halfH} ${-cabinW},${-halfH} Z`;
@@ -606,7 +1349,7 @@ function injectFocusRingStyles() {
 `;
   document.head.appendChild(style);
 }
-function algebraicOf(index) {
+function algebraicOf3(index) {
   const file = index & 7;
   const rank = index >> 3;
   return `${String.fromCharCode(97 + file)}${rank + 1}`;
@@ -625,7 +1368,7 @@ function SquareImpl({
   const rank = index >> 3;
   const isLight = (file + rank) % 2 === 1;
   const cell = useSquareCell(model, index);
-  const label = getSquareAriaLabel ? getSquareAriaLabel(index, cell) : algebraicOf(index);
+  const label = getSquareAriaLabel ? getSquareAriaLabel(index, cell) : algebraicOf3(index);
   const internalRef = react.useRef(null);
   const lastReportedFocusRef = react.useRef(false);
   const setRef = react.useCallback(
@@ -668,7 +1411,7 @@ function SquareImpl({
       "aria-rowindex": rank + 1,
       "aria-colindex": file + 1,
       tabIndex: isFocused ? 0 : -1,
-      "data-square": algebraicOf(index),
+      "data-square": algebraicOf3(index),
       "data-gb-square": "",
       "data-light": isLight ? "true" : "false",
       onClick: handleClick,
@@ -678,10 +1421,10 @@ function SquareImpl({
         // `backgroundColor` (not the `background` shorthand) so the
         // CSS `background-image` set by `useSelectionController` (or pseudo-elements)
         // can layer on top without clobbering this base colour.
-        backgroundColor: `var(${isLight ? chunkD45G3J5E_cjs.CSS_VARS.SQ_LIGHT : chunkD45G3J5E_cjs.CSS_VARS.SQ_DARK})`,
-        backgroundImage: `var(${isLight ? chunkD45G3J5E_cjs.CSS_VARS.SQ_LIGHT_IMAGE : chunkD45G3J5E_cjs.CSS_VARS.SQ_DARK_IMAGE},none)`,
-        backgroundSize: `var(${chunkD45G3J5E_cjs.CSS_VARS.SQ_IMAGE_SIZE},cover)`,
-        backgroundBlendMode: `var(${chunkD45G3J5E_cjs.CSS_VARS.SQ_BLEND_MODE},normal)`,
+        backgroundColor: `var(${isLight ? chunkN4WTPXFC_cjs.CSS_VARS.SQ_LIGHT : chunkN4WTPXFC_cjs.CSS_VARS.SQ_DARK})`,
+        backgroundImage: `var(${isLight ? chunkN4WTPXFC_cjs.CSS_VARS.SQ_LIGHT_IMAGE : chunkN4WTPXFC_cjs.CSS_VARS.SQ_DARK_IMAGE},none)`,
+        backgroundSize: `var(${chunkN4WTPXFC_cjs.CSS_VARS.SQ_IMAGE_SIZE},cover)`,
+        backgroundBlendMode: `var(${chunkN4WTPXFC_cjs.CSS_VARS.SQ_BLEND_MODE},normal)`,
         // Cursor is managed by `useCursorController` via injected CSS so
         // it can flip between `pointer` / `grab` / `grabbing` without a
         // React re-render per hover.
@@ -799,71 +1542,13 @@ function CheckLayerInner({ model, orientation }) {
         top: `${y}%`,
         width: "12.5%",
         height: "12.5%",
-        background: `var(${chunkD45G3J5E_cjs.CSS_VARS.CHECK})`,
+        background: `var(${chunkN4WTPXFC_cjs.CSS_VARS.CHECK})`,
         pointerEvents: "none",
         zIndex: 2
       }
     }
   );
 }
-var FILE_LETTERS = ["a", "b", "c", "d", "e", "f", "g", "h"];
-function Coordinates({ orientation, ranksPosition = "left" }) {
-  const ranksOnRight = ranksPosition === "right";
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      "aria-hidden": "true",
-      style: {
-        position: "absolute",
-        inset: 0,
-        pointerEvents: "none",
-        fontSize: "min(1.6vmin, 11px)",
-        fontWeight: 600,
-        fontFamily: "system-ui, -apple-system, sans-serif"
-      },
-      children: [
-        FILE_LETTERS.map((letter, idx) => {
-          const col = orientation === "white" ? idx : 7 - idx;
-          const bottomRank = orientation === "white" ? 0 : 7;
-          const isLightSquare = (col + bottomRank) % 2 === 1;
-          return /* @__PURE__ */ jsxRuntime.jsx(
-            "span",
-            {
-              style: {
-                position: "absolute",
-                left: `${col * 12.5 + 10}%`,
-                bottom: "1%",
-                color: `var(${isLightSquare ? chunkD45G3J5E_cjs.CSS_VARS.COORDINATE_LIGHT : chunkD45G3J5E_cjs.CSS_VARS.COORDINATE_DARK})`
-              },
-              children: letter
-            },
-            `file-${letter}`
-          );
-        }),
-        FILE_LETTERS.map((_, idx) => {
-          const rank = idx;
-          const row = orientation === "white" ? 7 - rank : rank;
-          const edgeFile = ranksOnRight ? orientation === "white" ? 7 : 0 : orientation === "white" ? 0 : 7;
-          const isLightSquare = (edgeFile + rank) % 2 === 1;
-          const sideStyle = ranksOnRight ? { right: "1%" } : { left: "1%" };
-          return /* @__PURE__ */ jsxRuntime.jsx(
-            "span",
-            {
-              style: {
-                position: "absolute",
-                top: `${row * 12.5 + 1}%`,
-                ...sideStyle,
-                color: `var(${isLightSquare ? chunkD45G3J5E_cjs.CSS_VARS.COORDINATE_LIGHT : chunkD45G3J5E_cjs.CSS_VARS.COORDINATE_DARK})`
-              },
-              children: rank + 1
-            },
-            `rank-${rank}`
-          );
-        })
-      ]
-    }
-  );
-}
 var WRAPPER_STYLE = Object.freeze({
   position: "absolute",
   top: 0,
@@ -900,7 +1585,7 @@ var DragLayer = react.forwardRef(function DragLayer2({ pieces }, ref) {
             "data-drag-cell": cell,
             style: {
               ...SLOT_STYLE,
-              filter: `var(${cell <= 6 ? chunkD45G3J5E_cjs.CSS_VARS.PIECE_FILTER_WHITE : chunkD45G3J5E_cjs.CSS_VARS.PIECE_FILTER_BLACK}, none)`
+              filter: `var(${cell <= 6 ? chunkN4WTPXFC_cjs.CSS_VARS.PIECE_FILTER_WHITE : chunkN4WTPXFC_cjs.CSS_VARS.PIECE_FILTER_BLACK}, none)`
             },
             children: child
           },
@@ -998,7 +1683,7 @@ function IllegalFlashLayer({ at, orientation }) {
         top: `${y}%`,
         width: "12.5%",
         height: "12.5%",
-        background: chunkD45G3J5E_cjs.DEFAULT_ILLEGAL_FLASH_TINT,
+        background: chunkN4WTPXFC_cjs.DEFAULT_ILLEGAL_FLASH_TINT,
         opacity: 0,
         pointerEvents: "none",
         zIndex: 5
@@ -1006,7 +1691,7 @@ function IllegalFlashLayer({ at, orientation }) {
     }
   );
 }
-function algebraicOf2(index) {
+function algebraicOf4(index) {
   const file = index & 7;
   const rank = index >> 3;
   return `${String.fromCharCode(97 + file)}${rank + 1}`;
@@ -1033,15 +1718,16 @@ function pieceName(cell) {
   }
 }
 function announcementFor(lastMove, board, wasCapture) {
-  const { from, to, kind, promotion } = chunkUBD62NOI_cjs.decodePackedMove(lastMove);
+  const { from, to, kind, promotion } = chunkFUP2LDMO_cjs.decodePackedMove(lastMove);
+  if (kind === "pass") return "Passes.";
   if (kind === "castle") {
     const isKingside = (to & 7) > (from & 7);
     return isKingside ? "Castles kingside." : "Castles queenside.";
   }
   const landed = board[to] ?? 0;
   const name = pieceName(landed);
-  const fromSq = algebraicOf2(from);
-  const toSq = algebraicOf2(to);
+  const fromSq = algebraicOf4(from);
+  const toSq = algebraicOf4(to);
   if (kind === "promotion" && promotion !== null) {
     const promoted = promotion === 1 ? "knight" : promotion === 2 ? "bishop" : promotion === 3 ? "rook" : "queen";
     const action = wasCapture ? "captures and promotes" : "promotes";
@@ -1090,76 +1776,6 @@ function LiveRegion({ model }) {
     }
   );
 }
-function gridCoord(index, orientation) {
-  const file = index & 7;
-  const rank = index >> 3;
-  const col = orientation === "white" ? file + 1 : 8 - file;
-  const row = orientation === "white" ? 8 - rank : rank + 1;
-  return { col, row };
-}
-function algebraicOf3(index) {
-  const file = index & 7;
-  const rank = index >> 3;
-  return `${String.fromCharCode(97 + file)}${rank + 1}`;
-}
-var SLOT_BASE_STYLE = Object.freeze({
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  pointerEvents: "none",
-  containerType: "size"
-});
-function PieceSlotImpl({ index, model, orientation, pieces }) {
-  const cell = useSquareCell(model, index);
-  if (cell === 0) return null;
-  const { col, row } = gridCoord(index, orientation);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-piece-square": algebraicOf3(index),
-      "data-piece-cell": cell,
-      style: {
-        ...SLOT_BASE_STYLE,
-        gridColumnStart: col,
-        gridRowStart: row,
-        filter: `var(${cell <= 6 ? chunkD45G3J5E_cjs.CSS_VARS.PIECE_FILTER_WHITE : chunkD45G3J5E_cjs.CSS_VARS.PIECE_FILTER_BLACK}, none)`
-      },
-      children: pieces({ cell, square: index })
-    }
-  );
-}
-var PieceSlot = react.memo(PieceSlotImpl);
-PieceSlot.displayName = "PieceSlot";
-var CONTAINER_STYLE = Object.freeze({
-  position: "absolute",
-  inset: 0,
-  display: "grid",
-  gridTemplateColumns: "repeat(8, 1fr)",
-  gridTemplateRows: "repeat(8, 1fr)",
-  pointerEvents: "none"
-});
-var PieceLayer = react.memo(function PieceLayer2({
-  model,
-  orientation,
-  pieces
-}) {
-  const slots = [];
-  for (let i = 0; i < 64; i++) {
-    slots.push(
-      /* @__PURE__ */ jsxRuntime.jsx(
-        PieceSlot,
-        {
-          index: i,
-          model,
-          orientation,
-          pieces
-        },
-        i
-      )
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { "aria-hidden": "true", style: CONTAINER_STYLE, children: slots });
-});
 function positionOf3(index, orientation) {
   const file = index & 7;
   const rank = index >> 3;
@@ -1209,7 +1825,7 @@ function PremoveLayerInner({ model, orientation, pieces, from, to }) {
               top: `${origin.y}%`,
               width: "12.5%",
               height: "12.5%",
-              background: chunkD45G3J5E_cjs.DEFAULT_PREMOVE_TINT,
+              background: chunkN4WTPXFC_cjs.DEFAULT_PREMOVE_TINT,
               opacity: 0.5
             }
           }
@@ -1223,7 +1839,7 @@ function PremoveLayerInner({ model, orientation, pieces, from, to }) {
               top: `${target.y}%`,
               width: "12.5%",
               height: "12.5%",
-              background: chunkD45G3J5E_cjs.DEFAULT_PREMOVE_TINT
+              background: chunkN4WTPXFC_cjs.DEFAULT_PREMOVE_TINT
             }
           }
         ),
@@ -1258,20 +1874,20 @@ function positionOf4(index, orientation) {
   return { x: col * 12.5, y: row * 12.5 };
 }
 var CHOICE_ORDER = [
-  chunkUBD62NOI_cjs.PieceType.Queen,
-  chunkUBD62NOI_cjs.PieceType.Knight,
-  chunkUBD62NOI_cjs.PieceType.Rook,
-  chunkUBD62NOI_cjs.PieceType.Bishop
+  chunkFUP2LDMO_cjs.PieceType.Queen,
+  chunkFUP2LDMO_cjs.PieceType.Knight,
+  chunkFUP2LDMO_cjs.PieceType.Rook,
+  chunkFUP2LDMO_cjs.PieceType.Bishop
 ];
 var SHORTCUTS = {
-  q: chunkUBD62NOI_cjs.PieceType.Queen,
-  r: chunkUBD62NOI_cjs.PieceType.Rook,
-  b: chunkUBD62NOI_cjs.PieceType.Bishop,
-  n: chunkUBD62NOI_cjs.PieceType.Knight,
-  Q: chunkUBD62NOI_cjs.PieceType.Queen,
-  R: chunkUBD62NOI_cjs.PieceType.Rook,
-  B: chunkUBD62NOI_cjs.PieceType.Bishop,
-  N: chunkUBD62NOI_cjs.PieceType.Knight
+  q: chunkFUP2LDMO_cjs.PieceType.Queen,
+  r: chunkFUP2LDMO_cjs.PieceType.Rook,
+  b: chunkFUP2LDMO_cjs.PieceType.Bishop,
+  n: chunkFUP2LDMO_cjs.PieceType.Knight,
+  Q: chunkFUP2LDMO_cjs.PieceType.Queen,
+  R: chunkFUP2LDMO_cjs.PieceType.Rook,
+  B: chunkFUP2LDMO_cjs.PieceType.Bishop,
+  N: chunkFUP2LDMO_cjs.PieceType.Knight
 };
 function PromotionOverlay({
   from: _from,
@@ -1289,7 +1905,7 @@ function PromotionOverlay({
     [getPromotionPieceAriaLabel, color]
   );
   const [activeAnnouncement, setActiveAnnouncement] = react.useState(
-    () => getLabel(CHOICE_ORDER[0] ?? chunkUBD62NOI_cjs.PieceType.Queen)
+    () => getLabel(CHOICE_ORDER[0] ?? chunkFUP2LDMO_cjs.PieceType.Queen)
   );
   react.useEffect(() => {
     buttonRefs.current[0]?.focus();
@@ -1371,7 +1987,7 @@ function PromotionOverlay({
           {
             role: "dialog",
             "aria-modal": "true",
-            "aria-label": `Choose promotion piece at ${algebraicOf4(to)}`,
+            "aria-label": `Choose promotion piece at ${algebraicOf5(to)}`,
             onClick: (e) => e.stopPropagation(),
             style: {
               position: "absolute",
@@ -1387,7 +2003,7 @@ function PromotionOverlay({
               overflow: "hidden"
             },
             children: CHOICE_ORDER.map((piece, index) => {
-              const cell = chunkUBD62NOI_cjs.encodeBoardCell(color, piece);
+              const cell = chunkFUP2LDMO_cjs.encodeBoardCell(color, piece);
               const label = getLabel(piece);
               return /* @__PURE__ */ jsxRuntime.jsx(
                 "button",
@@ -1439,19 +2055,19 @@ var srOnlyStyle2 = {
 };
 function pieceName2(t) {
   switch (t) {
-    case chunkUBD62NOI_cjs.PieceType.Queen:
+    case chunkFUP2LDMO_cjs.PieceType.Queen:
       return "Queen";
-    case chunkUBD62NOI_cjs.PieceType.Rook:
+    case chunkFUP2LDMO_cjs.PieceType.Rook:
       return "Rook";
-    case chunkUBD62NOI_cjs.PieceType.Bishop:
+    case chunkFUP2LDMO_cjs.PieceType.Bishop:
       return "Bishop";
-    case chunkUBD62NOI_cjs.PieceType.Knight:
+    case chunkFUP2LDMO_cjs.PieceType.Knight:
       return "Knight";
     default:
       return "Piece";
   }
 }
-function algebraicOf4(index) {
+function algebraicOf5(index) {
   const file = index & 7;
   const rank = index >> 3;
   return `${String.fromCharCode(97 + file)}${rank + 1}`;
@@ -1467,13 +2083,13 @@ function StaticPieceLayer({ board, orientation, pieces }) {
       /* @__PURE__ */ jsxRuntime.jsx(
         "div",
         {
-          "data-piece-square": algebraicOf3(index),
+          "data-piece-square": algebraicOf(index),
           "data-piece-cell": cell,
           style: {
             ...SLOT_BASE_STYLE,
             gridColumnStart: col,
             gridRowStart: row,
-            filter: `var(${cell <= 6 ? chunkD45G3J5E_cjs.CSS_VARS.PIECE_FILTER_WHITE : chunkD45G3J5E_cjs.CSS_VARS.PIECE_FILTER_BLACK}, none)`
+            filter: `var(${cell <= 6 ? chunkN4WTPXFC_cjs.CSS_VARS.PIECE_FILTER_WHITE : chunkN4WTPXFC_cjs.CSS_VARS.PIECE_FILTER_BLACK}, none)`
           },
           children: pieces({ cell, square: index })
         },
@@ -1485,7 +2101,7 @@ function StaticPieceLayer({ board, orientation, pieces }) {
 }
 var DEFAULT_DURATION_MS = 60;
 var DEFAULT_EASING = "cubic-bezier(0.22, 0.61, 0.36, 1)";
-function algebraicOf5(index) {
+function algebraicOf6(index) {
   const file = index & 7;
   const rank = index >> 3;
   return `${String.fromCharCode(97 + file)}${rank + 1}`;
@@ -1533,7 +2149,7 @@ function runAnimations(descriptors, container, orientation, duration, easing) {
       case "en-passant":
       case "promotion": {
         const toEl = container.querySelector(
-          `[data-piece-square="${algebraicOf5(d.to)}"]`
+          `[data-piece-square="${algebraicOf6(d.to)}"]`
         );
         if (toEl === null) break;
         const { dx, dy } = deltaFromTo(d.from, d.to, sqSize, orientation);
@@ -1542,10 +2158,10 @@ function runAnimations(descriptors, container, orientation, duration, easing) {
       }
       case "castle": {
         const kingEl = container.querySelector(
-          `[data-piece-square="${algebraicOf5(d.kingTo)}"]`
+          `[data-piece-square="${algebraicOf6(d.kingTo)}"]`
         );
         const rookEl = container.querySelector(
-          `[data-piece-square="${algebraicOf5(d.rookTo)}"]`
+          `[data-piece-square="${algebraicOf6(d.rookTo)}"]`
         );
         if (kingEl !== null) {
           const { dx, dy } = deltaFromTo(d.kingFrom, d.kingTo, sqSize, orientation);
@@ -1589,39 +2205,6 @@ function AnimationRunner({
   }, [historyPly, model, containerRef, orientation, duration, easing, skipNextRef]);
   return null;
 }
-
-// src/lib/geometry.ts
-function getSquareAtPoint(container, clientX, clientY, orientation) {
-  const rect = container.getBoundingClientRect();
-  const relX = clientX - rect.left;
-  const relY = clientY - rect.top;
-  if (relX < 0 || relY < 0 || relX >= rect.width || relY >= rect.height) return null;
-  const col = Math.floor(relX / rect.width * 8);
-  const row = Math.floor(relY / rect.height * 8);
-  const file = orientation === "white" ? col : 7 - col;
-  const rank = orientation === "white" ? 7 - row : row;
-  return rank * 8 + file;
-}
-function getPointAtSquareCentre(container, square, orientation) {
-  const rect = container.getBoundingClientRect();
-  const sqW = rect.width / 8;
-  const sqH = rect.height / 8;
-  const file = square & 7;
-  const rank = square >> 3;
-  const col = orientation === "white" ? file : 7 - file;
-  const row = orientation === "white" ? 7 - rank : rank;
-  return {
-    x: rect.left + sqW * col + sqW / 2,
-    y: rect.top + sqH * row + sqH / 2
-  };
-}
-function algebraicOf6(square) {
-  const file = square & 7;
-  const rank = square >> 3;
-  return `${String.fromCharCode(97 + file)}${rank + 1}`;
-}
-
-// src/hooks/use-arrow-gesture.ts
 function colorForModifiers(e, palette) {
   if (e.shiftKey) return palette.shift;
   if (e.altKey) return palette.alt;
@@ -1725,7 +2308,7 @@ function useArrowGesture(options) {
 function wouldPromote(fromCell, toIndex) {
   if (fromCell === 0) return false;
   const pieceType = (fromCell - 1) % 6;
-  if (pieceType !== chunkUBD62NOI_cjs.PieceType.Pawn) return false;
+  if (pieceType !== chunkFUP2LDMO_cjs.PieceType.Pawn) return false;
   const toRank = toIndex >> 3;
   return toRank === 0 || toRank === 7;
 }
@@ -1736,7 +2319,7 @@ function useClickToMove(model, onMove, onPromotionNeeded, enabled = true) {
       if (model === null) return;
       const snap = model.getSnapshot();
       const cell = snap.board[index] ?? 0;
-      const pieceColour = cell === 0 ? -1 : cell > 6 ? chunkUBD62NOI_cjs.Color.Black : chunkUBD62NOI_cjs.Color.White;
+      const pieceColour = cell === 0 ? -1 : cell > 6 ? chunkFUP2LDMO_cjs.Color.Black : chunkFUP2LDMO_cjs.Color.White;
       if (snap.selected === null) {
         if (pieceColour === snap.turn) model.selectSquare(index);
         return;
@@ -1752,7 +2335,7 @@ function useClickToMove(model, onMove, onPromotionNeeded, enabled = true) {
             onPromotionNeeded(snap.selected, index);
             return;
           }
-          const played2 = model.tryMove(snap.selected, index, chunkUBD62NOI_cjs.PieceType.Queen);
+          const played2 = model.tryMove(snap.selected, index, chunkFUP2LDMO_cjs.PieceType.Queen);
           if (played2 !== null && onMove !== void 0) onMove(played2);
           return;
         }
@@ -1864,7 +2447,7 @@ function useCursorController(model, containerRef, allowDrag, allowPremove) {
     };
   }, [model, containerRef, allowDrag, allowPremove]);
 }
-var GHOST_OPACITY_VAR = chunkD45G3J5E_cjs.CSS_VARS.DRAG_GHOST_OPACITY;
+var GHOST_OPACITY_VAR = chunkN4WTPXFC_cjs.CSS_VARS.DRAG_GHOST_OPACITY;
 function useDrag(options) {
   const {
     game,
@@ -1886,7 +2469,7 @@ function useDrag(options) {
     if (!enabled) return;
     const container = containerRef.current;
     if (container === null || game === null) return;
-    const controller = chunkUBD62NOI_cjs.createDragController(
+    const controller = chunkFUP2LDMO_cjs.createDragController(
       activationDistance === void 0 ? {} : { activationDistance }
     );
     let originEl = null;
@@ -1936,7 +2519,7 @@ function useDrag(options) {
           controller.cancel();
           return;
         }
-        const originLabel = algebraicOf6(evt.from);
+        const originLabel = algebraicOf2(evt.from);
         originEl = container.querySelector(`[data-piece-square="${originLabel}"]`);
         if (originEl !== null) {
           originEl.style.opacity = `var(${GHOST_OPACITY_VAR}, 0.35)`;
@@ -2185,7 +2768,7 @@ function useLastMoveController(model, squareRefs, enabled) {
       const lastMove = snap.lastMove;
       let from = null;
       let to = null;
-      if (lastMove !== null) {
+      if (lastMove !== null && !chunkFUP2LDMO_cjs.isNullMove(lastMove)) {
         from = lastMove & 63;
         to = lastMove >> 6 & 63;
       }
@@ -2595,6 +3178,9 @@ var ILLEGAL_FLASH_HOLD_MS = 320;
 var DEFAULT_POSITION_SYNC_DURATION_MS = 60;
 var DEFAULT_POSITION_SYNC_EASING = "cubic-bezier(0.22, 0.61, 0.36, 1)";
 var UCI_TRANSITION_RE = /^([a-h][1-8])([a-h][1-8])([nbrq])?$/i;
+function isNullTransition(transition) {
+  return chunkFUP2LDMO_cjs.isNullMoveUci(transition.uci);
+}
 function prefersReducedMotion3() {
   if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
     return false;
@@ -2642,6 +3228,7 @@ function castleRookTransition(from, to) {
   };
 }
 function transitionSquares(transition) {
+  if (isNullTransition(transition)) return [];
   const parsed = UCI_TRANSITION_RE.exec(transition.uci.trim().toLowerCase());
   if (parsed === null) return [];
   const moveFrom = parsed[1] ?? "";
@@ -2652,6 +3239,7 @@ function transitionSquares(transition) {
   return transition.direction === "forward" ? forward : forward.map((item) => ({ from: item.to, to: item.from }));
 }
 function parseTransitionMove(transition) {
+  if (isNullTransition(transition)) return null;
   const parsed = UCI_TRANSITION_RE.exec(transition.uci.trim().toLowerCase());
   if (parsed === null) return null;
   const from = parsed[1];
@@ -2664,7 +3252,7 @@ function parseTransitionMove(transition) {
   };
 }
 function isPawn(cell) {
-  return !chunkUBD62NOI_cjs.isEmptyCell(cell) && chunkUBD62NOI_cjs.pieceTypeOf(cell) === 0;
+  return !chunkFUP2LDMO_cjs.isEmptyCell(cell) && chunkFUP2LDMO_cjs.pieceTypeOf(cell) === 0;
 }
 function controlledFeedbackDescriptors(transition, previousBoard, nextBoard) {
   if (transition === null || transition === void 0) return null;
@@ -2673,25 +3261,25 @@ function controlledFeedbackDescriptors(transition, previousBoard, nextBoard) {
   const before = transition.direction === "forward" ? previousBoard : nextBoard;
   const after = transition.direction === "forward" ? nextBoard : previousBoard;
   const movingPiece = before[parsed.from] ?? 0;
-  if (chunkUBD62NOI_cjs.isEmptyCell(movingPiece)) return null;
+  if (chunkFUP2LDMO_cjs.isEmptyCell(movingPiece)) return null;
   const fromFile = parsed.from & 7;
   const toFile = parsed.to & 7;
   const targetBefore = before[parsed.to] ?? 0;
   const targetAfter = after[parsed.to] ?? 0;
-  if (chunkUBD62NOI_cjs.pieceTypeOf(movingPiece) === 5 && Math.abs(toFile - fromFile) === 2) {
+  if (chunkFUP2LDMO_cjs.pieceTypeOf(movingPiece) === 5 && Math.abs(toFile - fromFile) === 2) {
     return [{ kind: "castle" }];
   }
-  if (parsed.promotion !== null || isPawn(movingPiece) && (parsed.to >> 3 === 0 || parsed.to >> 3 === 7) && !chunkUBD62NOI_cjs.isEmptyCell(targetAfter) && chunkUBD62NOI_cjs.pieceTypeOf(targetAfter) !== 0) {
+  if (parsed.promotion !== null || isPawn(movingPiece) && (parsed.to >> 3 === 0 || parsed.to >> 3 === 7) && !chunkFUP2LDMO_cjs.isEmptyCell(targetAfter) && chunkFUP2LDMO_cjs.pieceTypeOf(targetAfter) !== 0) {
     return [{ kind: "promotion" }];
   }
-  if (!chunkUBD62NOI_cjs.isEmptyCell(targetBefore) && chunkUBD62NOI_cjs.colorOf(targetBefore) !== chunkUBD62NOI_cjs.colorOf(movingPiece)) {
+  if (!chunkFUP2LDMO_cjs.isEmptyCell(targetBefore) && chunkFUP2LDMO_cjs.colorOf(targetBefore) !== chunkFUP2LDMO_cjs.colorOf(movingPiece)) {
     return [{ kind: "capture" }];
   }
-  if (isPawn(movingPiece) && fromFile !== toFile && chunkUBD62NOI_cjs.isEmptyCell(targetBefore)) {
+  if (isPawn(movingPiece) && fromFile !== toFile && chunkFUP2LDMO_cjs.isEmptyCell(targetBefore)) {
     const capturedSquare = parsed.from & -8 | toFile;
     const capturedBefore = before[capturedSquare] ?? 0;
     const capturedAfter = after[capturedSquare] ?? 0;
-    if (!chunkUBD62NOI_cjs.isEmptyCell(capturedBefore) && chunkUBD62NOI_cjs.colorOf(capturedBefore) !== chunkUBD62NOI_cjs.colorOf(movingPiece) && chunkUBD62NOI_cjs.isEmptyCell(capturedAfter)) {
+    if (!chunkFUP2LDMO_cjs.isEmptyCell(capturedBefore) && chunkFUP2LDMO_cjs.colorOf(capturedBefore) !== chunkFUP2LDMO_cjs.colorOf(movingPiece) && chunkFUP2LDMO_cjs.isEmptyCell(capturedAfter)) {
       return [{ kind: "en-passant" }];
     }
   }
@@ -2759,8 +3347,8 @@ function Chessboard(props) {
     managedArrows,
     preserveUserArrowsOnPositionSync,
     orientation = "white",
-    theme = chunkD45G3J5E_cjs.defaultTheme,
-    pieces = chunkD45G3J5E_cjs.defaultPieces,
+    theme = chunkN4WTPXFC_cjs.defaultTheme,
+    pieces = chunkN4WTPXFC_cjs.defaultPieces,
     showCoordinates = true,
     ranksPosition = "left",
     showLegalTargets = "rings",
@@ -2799,7 +3387,7 @@ function Chessboard(props) {
   const fallbackBoard = react.useMemo(() => {
     if (fallbackFen === void 0 || fallbackFen === "") return null;
     try {
-      return chunkD45G3J5E_cjs.parseFenPlacement(fallbackFen);
+      return chunkN4WTPXFC_cjs.parseFenPlacement(fallbackFen);
     } catch {
       return null;
     }
@@ -2877,10 +3465,10 @@ function Chessboard(props) {
   ]);
   const palette = react.useMemo(() => {
     const merged = {
-      default: chunkD45G3J5E_cjs.defaultArrowColors.default,
-      shift: chunkD45G3J5E_cjs.defaultArrowColors.shift,
-      alt: chunkD45G3J5E_cjs.defaultArrowColors.alt,
-      ctrl: chunkD45G3J5E_cjs.defaultArrowColors.ctrl
+      default: chunkN4WTPXFC_cjs.defaultArrowColors.default,
+      shift: chunkN4WTPXFC_cjs.defaultArrowColors.shift,
+      alt: chunkN4WTPXFC_cjs.defaultArrowColors.alt,
+      ctrl: chunkN4WTPXFC_cjs.defaultArrowColors.ctrl
     };
     if (arrowColors !== void 0) {
       for (const k in arrowColors) {
@@ -3198,15 +3786,15 @@ function useChessGame(options = {}) {
   const { fen, ...modelOptions } = options;
   const [initialModelOptions] = react.useState(() => modelOptions);
   const [model, setModel] = react.useState(() => {
-    const adapter = chunkUBD62NOI_cjs.createGigachessAdapter(fen);
-    return chunkUBD62NOI_cjs.createBoardModel(adapter, modelOptions);
+    const adapter = chunkFUP2LDMO_cjs.createGigachessAdapter(fen);
+    return chunkFUP2LDMO_cjs.createBoardModel(adapter, modelOptions);
   });
   const prevFenRef = react.useRef(fen);
   react.useEffect(() => {
     if (prevFenRef.current !== fen) {
       prevFenRef.current = fen;
-      const adapter = chunkUBD62NOI_cjs.createGigachessAdapter(fen);
-      const nextModel = chunkUBD62NOI_cjs.createBoardModel(adapter, initialModelOptions);
+      const adapter = chunkFUP2LDMO_cjs.createGigachessAdapter(fen);
+      const nextModel = chunkFUP2LDMO_cjs.createBoardModel(adapter, initialModelOptions);
       setModel((prev) => {
         prev.dispose();
         return nextModel;
@@ -3222,68 +3810,100 @@ function useChessGame(options = {}) {
 }
 
 // src/index.ts
-var PACKAGE_VERSION = "1.3.3";
+var PACKAGE_VERSION = "1.5.0";
 
 Object.defineProperty(exports, "Color", {
   enumerable: true,
-  get: function () { return chunkUBD62NOI_cjs.Color; }
+  get: function () { return chunkFUP2LDMO_cjs.Color; }
+});
+Object.defineProperty(exports, "NULL_MOVE_SAN", {
+  enumerable: true,
+  get: function () { return chunkFUP2LDMO_cjs.NULL_MOVE_SAN; }
+});
+Object.defineProperty(exports, "NULL_MOVE_SANS", {
+  enumerable: true,
+  get: function () { return chunkFUP2LDMO_cjs.NULL_MOVE_SANS; }
+});
+Object.defineProperty(exports, "NULL_MOVE_UCI", {
+  enumerable: true,
+  get: function () { return chunkFUP2LDMO_cjs.NULL_MOVE_UCI; }
+});
+Object.defineProperty(exports, "NULL_MOVE_WORD", {
+  enumerable: true,
+  get: function () { return chunkFUP2LDMO_cjs.NULL_MOVE_WORD; }
 });
 Object.defineProperty(exports, "PieceType", {
   enumerable: true,
-  get: function () { return chunkUBD62NOI_cjs.PieceType; }
+  get: function () { return chunkFUP2LDMO_cjs.PieceType; }
 });
 Object.defineProperty(exports, "createBoardModel", {
   enumerable: true,
-  get: function () { return chunkUBD62NOI_cjs.createBoardModel; }
+  get: function () { return chunkFUP2LDMO_cjs.createBoardModel; }
 });
 Object.defineProperty(exports, "createGigachessAdapter", {
   enumerable: true,
-  get: function () { return chunkUBD62NOI_cjs.createGigachessAdapter; }
+  get: function () { return chunkFUP2LDMO_cjs.createGigachessAdapter; }
+});
+Object.defineProperty(exports, "isNullMove", {
+  enumerable: true,
+  get: function () { return chunkFUP2LDMO_cjs.isNullMove; }
+});
+Object.defineProperty(exports, "isNullMoveSan", {
+  enumerable: true,
+  get: function () { return chunkFUP2LDMO_cjs.isNullMoveSan; }
+});
+Object.defineProperty(exports, "isNullMoveUci", {
+  enumerable: true,
+  get: function () { return chunkFUP2LDMO_cjs.isNullMoveUci; }
 });
 Object.defineProperty(exports, "packMove", {
   enumerable: true,
-  get: function () { return chunkUBD62NOI_cjs.packMove; }
+  get: function () { return chunkFUP2LDMO_cjs.packMove; }
 });
 Object.defineProperty(exports, "preloadGigachessAdapter", {
   enumerable: true,
-  get: function () { return chunkUBD62NOI_cjs.preloadGigachessAdapter; }
+  get: function () { return chunkFUP2LDMO_cjs.preloadGigachessAdapter; }
 });
 Object.defineProperty(exports, "unpackMove", {
   enumerable: true,
-  get: function () { return chunkUBD62NOI_cjs.unpackMove; }
+  get: function () { return chunkFUP2LDMO_cjs.unpackMove; }
 });
 Object.defineProperty(exports, "CSS_VARS", {
   enumerable: true,
-  get: function () { return chunkD45G3J5E_cjs.CSS_VARS; }
+  get: function () { return chunkN4WTPXFC_cjs.CSS_VARS; }
 });
 Object.defineProperty(exports, "DEFAULT_ILLEGAL_FLASH_TINT", {
   enumerable: true,
-  get: function () { return chunkD45G3J5E_cjs.DEFAULT_ILLEGAL_FLASH_TINT; }
+  get: function () { return chunkN4WTPXFC_cjs.DEFAULT_ILLEGAL_FLASH_TINT; }
 });
 Object.defineProperty(exports, "DEFAULT_PREMOVE_TINT", {
   enumerable: true,
-  get: function () { return chunkD45G3J5E_cjs.DEFAULT_PREMOVE_TINT; }
+  get: function () { return chunkN4WTPXFC_cjs.DEFAULT_PREMOVE_TINT; }
 });
 Object.defineProperty(exports, "defaultArrowColors", {
   enumerable: true,
-  get: function () { return chunkD45G3J5E_cjs.defaultArrowColors; }
+  get: function () { return chunkN4WTPXFC_cjs.defaultArrowColors; }
 });
 Object.defineProperty(exports, "defaultPieces", {
   enumerable: true,
-  get: function () { return chunkD45G3J5E_cjs.defaultPieces; }
+  get: function () { return chunkN4WTPXFC_cjs.defaultPieces; }
 });
 Object.defineProperty(exports, "defaultTheme", {
   enumerable: true,
-  get: function () { return chunkD45G3J5E_cjs.defaultTheme; }
+  get: function () { return chunkN4WTPXFC_cjs.defaultTheme; }
 });
 exports.AnimationRunner = AnimationRunner;
+exports.BoardEditor = BoardEditor;
 exports.Chessboard = Chessboard;
 exports.DEFAULT_MOVE_HAPTIC_PATTERNS = DEFAULT_MOVE_HAPTIC_PATTERNS;
 exports.DEFAULT_MOVE_SOUND_SOURCES = DEFAULT_MOVE_SOUND_SOURCES;
 exports.PACKAGE_VERSION = PACKAGE_VERSION;
+exports.algebraicOf = algebraicOf2;
 exports.classifyMoveFeedback = classifyMoveFeedback;
+exports.formatFenPlacement = formatFenPlacement;
 exports.getPointAtSquareCentre = getPointAtSquareCentre;
 exports.getSquareAtPoint = getSquareAtPoint;
+exports.squareOf = squareOf;
 exports.triggerHaptic = triggerHaptic;
 exports.triggerMoveHaptic = triggerMoveHaptic;
 exports.useArrowGesture = useArrowGesture;