@dxos/react-ui-gameboard 0.8.4-main.69d29f4 → 0.8.4-main.6fa680abb7

package/README.md

@@ -1,6 +1,7 @@
 # @dxos/react-ui-gameboard
 
 ## Phase 1
+
 - [x] SVGR pieces.
 - [x] Board.
 - [x] Drag pieces without snapshot.
@@ -14,6 +15,7 @@
 - [ ] Animate only when position changed.
 
 ## Phase 2
+
 - [ ] Touch UX.
 - [ ] Animate rotate board 180' (transform board and pieces).
 - [ ] Generic board (go, shogi, checkers, xianqi, etc).

package/dist/lib/browser/index.mjs

@@ -41,8 +41,9 @@ import { log } from "@dxos/log";
 import { useDynamicRef } from "@dxos/react-ui";
 import { mx } from "@dxos/ui-theme";
 var __dxlog_file = "/__w/dxos/dxos/packages/ui/react-ui-gameboard/src/components/Gameboard/Piece.tsx";
+var PIECE_NAME = "Piece";
 var Piece = /* @__PURE__ */ memo(({ classNames, Component, piece, bounds, label, onClick }) => {
-  const { model, dragging: isDragging, promoting } = useGameboardContext(Piece.displayName);
+  const { model, dragging: isDragging, promoting } = useGameboardContext(PIECE_NAME);
   const promotingRef = useDynamicRef(promoting);
   const [dragging, setDragging] = useState(false);
   const [preview, setPreview] = useState();
@@ -55,7 +56,7 @@ var Piece = /* @__PURE__ */ memo(({ classNames, Component, piece, bounds, label,
     const el = ref.current;
     invariant(el, void 0, {
       F: __dxlog_file,
-      L: 45,
+      L: 47,
       S: void 0,
       A: [
         "el",
@@ -72,7 +73,7 @@ var Piece = /* @__PURE__ */ memo(({ classNames, Component, piece, bounds, label,
           source: source.data
         }, {
           F: __dxlog_file,
-          L: 51,
+          L: 53,
           S: void 0,
           C: (f, a) => f(...a)
         });
@@ -156,7 +157,7 @@ var Piece = /* @__PURE__ */ memo(({ classNames, Component, piece, bounds, label,
     className: "grow"
   })), preview));
 });
-Piece.displayName = "Piece";
+Piece.displayName = PIECE_NAME;
 
 // src/components/Gameboard/Square.tsx
 import { dropTargetForElements } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
@@ -165,15 +166,16 @@ import { invariant as invariant2 } from "@dxos/invariant";
 import { log as log2 } from "@dxos/log";
 import { mx as mx2 } from "@dxos/ui-theme";
 var __dxlog_file2 = "/__w/dxos/dxos/packages/ui/react-ui-gameboard/src/components/Gameboard/Square.tsx";
+var SQUARE_NAME = "Square";
 var Square = /* @__PURE__ */ memo2(({ location, bounds, label, classNames }) => {
   const ref = useRef2(null);
   const [state, setState] = useState2("idle");
-  const { model } = useGameboardContext(Square.displayName);
+  const { model } = useGameboardContext(SQUARE_NAME);
   useEffect2(() => {
     const el = ref.current;
     invariant2(el, void 0, {
       F: __dxlog_file2,
-      L: 32,
+      L: 34,
       S: void 0,
       A: [
         "el",
@@ -190,7 +192,7 @@ var Square = /* @__PURE__ */ memo2(({ location, bounds, label, classNames }) =>
           source: source.data
         }, {
           F: __dxlog_file2,
-          L: 38,
+          L: 40,
           S: void 0,
           C: (f, a) => f(...a)
         });
@@ -201,7 +203,7 @@ var Square = /* @__PURE__ */ memo2(({ location, bounds, label, classNames }) =>
           source: source.data
         }, {
           F: __dxlog_file2,
-          L: 42,
+          L: 44,
           S: void 0,
           C: (f, a) => f(...a)
         });
@@ -234,7 +236,7 @@ var Square = /* @__PURE__ */ memo2(({ location, bounds, label, classNames }) =>
     className: mx2("absolute bottom-1 left-1 text-xs text-neutral-500")
   }, label));
 });
-Square.displayName = "Square";
+Square.displayName = SQUARE_NAME;
 
 // src/components/Gameboard/Gameboard.tsx
 var __dxlog_file3 = "/__w/dxos/dxos/packages/ui/react-ui-gameboard/src/components/Gameboard/Gameboard.tsx";
@@ -242,7 +244,7 @@ var [GameboardContextProvider, useRadixGameboardContext] = createContext("Gamebo
 var useGameboardContext = (consumerName) => {
   return useRadixGameboardContext(consumerName);
 };
-var GameboardRoot = ({ children, model, moveNumber, onDrop }) => {
+var GameboardRoot = ({ children, model, onDrop }) => {
   const [dragging, setDragging] = useState3(false);
   const [promoting, setPromoting] = useState3();
   const handlePromotion = useCallback((move) => {
@@ -250,7 +252,7 @@ var GameboardRoot = ({ children, model, moveNumber, onDrop }) => {
       move
     }, {
       F: __dxlog_file3,
-      L: 53,
+      L: 47,
       S: void 0,
       C: (f, a) => f(...a)
     });
@@ -267,7 +269,7 @@ var GameboardRoot = ({ children, model, moveNumber, onDrop }) => {
           source
         }, {
           F: __dxlog_file3,
-          L: 66,
+          L: 60,
           S: void 0,
           C: (f, a) => f(...a)
         });
@@ -279,7 +281,7 @@ var GameboardRoot = ({ children, model, moveNumber, onDrop }) => {
           location
         }, {
           F: __dxlog_file3,
-          L: 70,
+          L: 64,
           S: void 0,
           C: (f, a) => f(...a)
         });
@@ -324,10 +326,10 @@ GameboardRoot.displayName = "Gameboard.Root";
 var GameboardContent = /* @__PURE__ */ forwardRef(({ children, classNames, grow, contain }, forwardedRef) => {
   return /* @__PURE__ */ React3.createElement("div", {
     role: "none",
-    className: mx3(grow && "grid is-full bs-full size-container place-content-center", classNames),
+    className: mx3(grow && "grid w-full h-full dx-size-container place-content-center", classNames),
     ref: forwardedRef
   }, contain ? /* @__PURE__ */ React3.createElement("div", {
-    className: "is-[min(100cqw,100cqh)] bs-[min(100cqw,100cqh)]"
+    className: "w-[min(100cqw,100cqh)] h-[min(100cqw,100cqh)]"
   }, children) : children);
 });
 GameboardContent.displayName = "Gameboard.Content";
@@ -804,13 +806,14 @@ import { useForwardedRef } from "@dxos/react-ui";
 import { mx as mx4 } from "@dxos/ui-theme";
 import { isNonNullable } from "@dxos/util";
 var EMPTY_PIECES_ATOM = Atom2.make({});
+var CHESSBOARD_NAME = "Chessboard";
 var ChessboardComponent = /* @__PURE__ */ forwardRef2(({ classNames, orientation, showLabels, debug, rows = 8, cols = 8 }, forwardedRef) => {
   const targetRef = useForwardedRef(forwardedRef);
   const { width, height } = useResizeDetector({
     targetRef,
     refreshRate: 200
   });
-  const { model, promoting, onPromotion } = useGameboardContext(Chessboard.displayName);
+  const { model, promoting, onPromotion } = useGameboardContext(CHESSBOARD_NAME);
   const pieces = useAtomValue(model?.pieces ?? EMPTY_PIECES_ATOM);
   const squares = useMemo(() => {
     return Array.from({
@@ -830,7 +833,7 @@ var ChessboardComponent = /* @__PURE__ */ forwardRef2(({ classNames, orientation
     return squares.map((location) => {
       return /* @__PURE__ */ React16.createElement("div", {
         key: locationToString(location),
-        ["data-location"]: locationToString(location)
+        "data-location": locationToString(location)
       });
     });
   }, [
@@ -874,7 +877,7 @@ var ChessboardComponent = /* @__PURE__ */ forwardRef2(({ classNames, orientation
   return /* @__PURE__ */ React16.createElement("div", {
     ref: targetRef,
     tabIndex: 0,
-    className: mx4("relative outline-none", classNames)
+    className: mx4("relative outline-hidden", classNames)
   }, /* @__PURE__ */ React16.createElement("div", {
     ref: gridRef,
     className: "grid grid-rows-8 grid-cols-8 aspect-square select-none"
@@ -906,7 +909,7 @@ var ChessboardComponent = /* @__PURE__ */ forwardRef2(({ classNames, orientation
     }
   }));
 });
-ChessboardComponent.displayName = "Chessboard";
+ChessboardComponent.displayName = CHESSBOARD_NAME;
 var Chessboard = /* @__PURE__ */ memo3(ChessboardComponent);
 var PromotionSelector = ({ grid, piece, onSelect }) => {
   const positions = [

package/dist/lib/browser/index.mjs.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/Gameboard/types.ts", "../../../src/components/Gameboard/util.ts", "../../../src/components/Gameboard/Gameboard.tsx", "../../../src/components/Gameboard/Piece.tsx", "../../../src/components/Gameboard/Square.tsx", "../../../src/components/Chessboard/chess.ts", "../../../src/gen/pieces/chess/alpha/bB.tsx", "../../../src/gen/pieces/chess/alpha/bK.tsx", "../../../src/gen/pieces/chess/alpha/bN.tsx", "../../../src/gen/pieces/chess/alpha/bP.tsx", "../../../src/gen/pieces/chess/alpha/bQ.tsx", "../../../src/gen/pieces/chess/alpha/bR.tsx", "../../../src/gen/pieces/chess/alpha/wB.tsx", "../../../src/gen/pieces/chess/alpha/wK.tsx", "../../../src/gen/pieces/chess/alpha/wN.tsx", "../../../src/gen/pieces/chess/alpha/wP.tsx", "../../../src/gen/pieces/chess/alpha/wQ.tsx", "../../../src/gen/pieces/chess/alpha/wR.tsx", "../../../src/components/Chessboard/Chessboard.tsx"],
-  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Atom } from '@effect-atom/atom-react';\n\n// TODO(burdon): Don't make this assumption.\nexport type Player = 'black' | 'white';\n\nexport type Location = [number, number];\n\nexport type PieceType = string;\n\nexport type PieceRecord<T extends PieceType = PieceType> = {\n  id: string;\n  type: T;\n  side: Player;\n  location: Location;\n};\n\n/**\n * Map of pieces by location.\n */\nexport type PieceMap<T extends PieceType = PieceType> = Record<string, PieceRecord<T>>;\n\nexport type Move = {\n  from: Location;\n  to: Location;\n  piece: PieceType;\n  promotion?: PieceType;\n};\n\nexport const locationToString = (location: Location): string => location.join('-');\nexport const stringToLocation = (str: string): Location => str.split('-').map(Number) as Location;\n\n// Type guard.\nexport const isPiece = (piece: unknown): piece is PieceRecord =>\n  piece != null &&\n  typeof piece === 'object' &&\n  'id' in piece &&\n  'type' in piece &&\n  'location' in piece &&\n  isLocation(piece.location);\n\n// Type guard.\nexport const isLocation = (token: unknown): token is Location =>\n  Array.isArray(token) && token.length === 2 && token.every((val) => typeof val === 'number');\n\nexport const isEqualLocation = (l1: Location, l2: Location): boolean => l1[0] === l2[0] && l1[1] === l2[1];\n\n/**\n * Generic board model.\n */\nexport interface GameboardModel<T extends PieceType = PieceType> {\n  readonly: boolean;\n  turn: Player;\n  pieces: Atom.Atom<PieceMap<T>>;\n  isValidMove: (move: Move) => boolean;\n  canPromote?: (move: Move) => boolean;\n}\n", "//\n// Copyright 2025 DXOS.org\n//\n\nexport type DOMRectBounds = Pick<DOMRect, 'top' | 'left' | 'width' | 'height'>;\n\nexport const getRelativeBounds = (container: HTMLElement, element: HTMLElement): DOMRectBounds => {\n  const containerRect = container.getBoundingClientRect();\n  const elementRect = element.getBoundingClientRect();\n  return {\n    top: elementRect.top - containerRect.top,\n    left: elementRect.left - containerRect.left,\n    width: elementRect.width,\n    height: elementRect.height,\n  };\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\nimport { createContext } from '@radix-ui/react-context';\nimport React, { type PropsWithChildren, forwardRef, useCallback, useEffect, useState } from 'react';\n\nimport { log } from '@dxos/log';\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/ui-theme';\n\nimport { Piece, type PieceProps } from './Piece';\nimport { Square, type SquareProps } from './Square';\nimport { type GameboardModel, type Move, type PieceRecord, isLocation, isPiece } from './types';\n\nexport type GameboardContextValue<M extends GameboardModel<any>> = {\n  model: M;\n  dragging?: boolean; // TODO(burdon): Change to PieceRecord.\n  promoting?: PieceRecord;\n  onPromotion: (move: Move) => void;\n};\n\nconst [GameboardContextProvider, useRadixGameboardContext] = createContext<GameboardContextValue<any>>('Gameboard');\n\nconst useGameboardContext = <M extends GameboardModel<any>>(consumerName: string): GameboardContextValue<M> => {\n  return useRadixGameboardContext(consumerName);\n};\n\n//\n// Root\n//\n\ntype GameboardRootProps<M extends GameboardModel<any>> = PropsWithChildren<{\n  model?: M;\n  moveNumber?: number;\n  onDrop?: (move: Move) => boolean;\n}>;\n\n/**\n * Generic board container.\n */\nconst GameboardRoot = <M extends GameboardModel<any>>({\n  children,\n  model,\n  moveNumber,\n  onDrop,\n}: GameboardRootProps<M>) => {\n  const [dragging, setDragging] = useState(false);\n  const [promoting, setPromoting] = useState<PieceRecord | undefined>();\n\n  const handlePromotion = useCallback<GameboardContextValue<GameboardModel<any>>['onPromotion']>((move) => {\n    log('onPromotion', { move });\n    setPromoting(undefined);\n    onDrop?.(move);\n  }, []);\n\n  useEffect(() => {\n    if (!model) {\n      return;\n    }\n\n    // TODO(burdon): Should target specific container.\n    return monitorForElements({\n      onDragStart: ({ source }) => {\n        log('onDragStart', { source });\n        setDragging(true);\n      },\n      onDrop: ({ source, location }) => {\n        log('onDrop', { source, location });\n        const target = location.current.dropTargets[0];\n        if (!target) {\n          return;\n        }\n\n        const targetLocation = target.data.location;\n        const piece = source.data.piece;\n        if (!isLocation(targetLocation) || !isPiece(piece)) {\n          return;\n        }\n\n        const move: Move = { from: piece.location, to: targetLocation, piece: piece.type };\n        if (model.isValidMove(move)) {\n          if (model.canPromote?.(move)) {\n            setPromoting({ ...piece, location: targetLocation });\n          } else {\n            onDrop?.(move);\n          }\n        }\n\n        setDragging(false);\n      },\n    });\n  }, [model]);\n\n  return (\n    <GameboardContextProvider model={model} dragging={dragging} promoting={promoting} onPromotion={handlePromotion}>\n      {children}\n    </GameboardContextProvider>\n  );\n};\n\nGameboardRoot.displayName = 'Gameboard.Root';\n\n//\n// Content\n//\n\ntype GameboardContentProps = ThemedClassName<PropsWithChildren<{ grow?: boolean; contain?: boolean }>>;\n\nconst GameboardContent = forwardRef<HTMLDivElement, GameboardContentProps>(\n  ({ children, classNames, grow, contain }, forwardedRef) => {\n    return (\n      <div\n        role='none'\n        className={mx(grow && 'grid is-full bs-full size-container place-content-center', classNames)}\n        ref={forwardedRef}\n      >\n        {contain ? <div className='is-[min(100cqw,100cqh)] bs-[min(100cqw,100cqh)]'>{children}</div> : children}\n      </div>\n    );\n  },\n);\n\nGameboardContent.displayName = 'Gameboard.Content';\n\n//\n// Gameboard\n//\n\nexport const Gameboard = {\n  Root: GameboardRoot,\n  Content: GameboardContent,\n  Piece,\n  Square,\n};\n\nexport { useGameboardContext };\n\nexport type {\n  GameboardRootProps,\n  GameboardContentProps,\n  PieceProps as GameboardPieceProps,\n  SquareProps as GameboardSquareProps,\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { draggable } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\nimport { centerUnderPointer } from '@atlaskit/pragmatic-drag-and-drop/element/center-under-pointer';\nimport { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview';\nimport React, { type FC, type SVGProps, memo, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { invariant } from '@dxos/invariant';\nimport { log } from '@dxos/log';\nimport { type ThemedClassName, useDynamicRef } from '@dxos/react-ui';\nimport { mx } from '@dxos/ui-theme';\n\nimport { useGameboardContext } from './Gameboard';\nimport { type Location, type PieceRecord, type Player, isEqualLocation, isLocation } from './types';\nimport { type DOMRectBounds } from './util';\n\nexport type PieceProps = ThemedClassName<{\n  Component: FC<SVGProps<SVGSVGElement>>;\n  piece: PieceRecord;\n  bounds: DOMRectBounds;\n  label?: string;\n  orientation?: Player;\n  onClick?: () => void;\n}>;\n\nexport const Piece = memo(({ classNames, Component, piece, bounds, label, onClick }: PieceProps) => {\n  const { model, dragging: isDragging, promoting } = useGameboardContext(Piece.displayName!);\n  const promotingRef = useDynamicRef(promoting);\n  const [dragging, setDragging] = useState(false);\n  const [preview, setPreview] = useState<HTMLElement>();\n\n  // Current position.\n  const [current, setCurrent] = useState<{ location?: Location; bounds?: DOMRectBounds }>({});\n\n  const ref = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (!model) {\n      return;\n    }\n\n    const el = ref.current;\n    invariant(el);\n\n    return draggable({\n      element: el,\n      getInitialData: () => ({ piece }),\n      onGenerateDragPreview: ({ nativeSetDragImage, source }) => {\n        log('onGenerateDragPreview', { source: source.data });\n        setCustomNativeDragPreview({\n          getOffset: centerUnderPointer,\n          render: ({ container }) => {\n            setPreview(container);\n            const { width, height } = el.getBoundingClientRect();\n            container.style.width = width + 'px';\n            container.style.height = height + 'px';\n            return () => {\n              setPreview(undefined);\n            };\n          },\n          nativeSetDragImage,\n        });\n      },\n      canDrag: () => !promotingRef.current && !model.readonly && model.turn === piece.side,\n      onDragStart: () => setDragging(true),\n      onDrop: ({ location: { current } }) => {\n        // TODO(burdon): Create wrapper function to catch errors.\n        try {\n          const location = current.dropTargets[0]?.data.location;\n          if (isLocation(location)) {\n            setCurrent((current) => ({ ...current, location }));\n          }\n        } catch {\n          // Ignore.\n        }\n\n        setDragging(false);\n      },\n    });\n  }, [model, piece]);\n\n  // Must update position independently of render cycle (otherwise animation is interrupted).\n  useEffect(() => {\n    requestAnimationFrame(() => {\n      if (!ref.current || !bounds) {\n        return;\n      }\n\n      // Check if piece moved.\n      if (!current.location || !isEqualLocation(current.location, piece.location)) {\n        ref.current.style.transition = 'top 250ms ease-out, left 250ms ease-out';\n        ref.current.style.top = bounds.top + 'px';\n        ref.current.style.left = bounds.left + 'px';\n        setCurrent({ location: piece.location, bounds });\n      } else if (current.bounds !== bounds) {\n        ref.current.style.transition = 'none';\n        ref.current.style.top = bounds.top + 'px';\n        ref.current.style.left = bounds.left + 'px';\n        setCurrent({ location: piece.location, bounds });\n      }\n    });\n  }, [current, piece.location, bounds]);\n\n  return (\n    <>\n      <div\n        ref={ref}\n        style={{\n          width: bounds?.width,\n          height: bounds?.height,\n        }}\n        className={mx(\n          'absolute',\n          classNames,\n          dragging && 'opacity-20', // Must not unmount component while dragging.\n          isDragging && 'pointer-events-none', // Don't block the square's drop target.\n        )}\n        onClick={onClick}\n      >\n        <Component className='grow' />\n        {label && <div className='absolute inset-1 text-xs text-black'>{label}</div>}\n      </div>\n\n      {preview &&\n        createPortal(\n          <div className={mx(classNames)}>\n            <Component className='grow' />\n          </div>,\n          preview,\n        )}\n    </>\n  );\n});\n\nPiece.displayName = 'Piece';\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\nimport React, { memo, useEffect, useRef, useState } from 'react';\n\nimport { invariant } from '@dxos/invariant';\nimport { log } from '@dxos/log';\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/ui-theme';\n\nimport { useGameboardContext } from './Gameboard';\nimport { type Location, isPiece } from './types';\nimport { type DOMRectBounds } from './util';\n\ntype HoveredState = 'idle' | 'validMove' | 'invalidMove';\n\nexport type SquareProps = ThemedClassName<{\n  location: Location;\n  bounds: DOMRectBounds;\n  label?: string;\n}>;\n\nexport const Square = memo(({ location, bounds, label, classNames }: SquareProps) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const [state, setState] = useState<HoveredState>('idle');\n  const { model } = useGameboardContext(Square.displayName!);\n\n  useEffect(() => {\n    const el = ref.current;\n    invariant(el);\n\n    return dropTargetForElements({\n      element: el,\n      getData: () => ({ location }),\n      canDrop: ({ source }) => {\n        log('canDrop', { source: source.data });\n        return true;\n      },\n      onDragEnter: ({ source }) => {\n        log('onDragEnter', { source: source.data });\n        const piece = source.data.piece;\n        if (!isPiece(piece)) {\n          return;\n        }\n\n        if (model?.isValidMove({ from: piece.location, to: location, piece: piece.type })) {\n          setState('validMove');\n        } else {\n          setState('invalidMove');\n        }\n      },\n      onDragLeave: () => setState('idle'),\n      onDrop: () => setState('idle'),\n    });\n  }, [model, location]);\n\n  return (\n    <div\n      ref={ref}\n      style={bounds}\n      className={mx(\n        'absolute flex justify-center items-center border-2 box-border select-none',\n        classNames,\n        state === 'validMove' ? 'border-neutral-800' : 'border-transparent',\n      )}\n    >\n      {label && <div className={mx('absolute bottom-1 left-1 text-xs text-neutral-500')}>{label}</div>}\n    </div>\n  );\n});\n\nSquare.displayName = 'Square';\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Atom, type Registry } from '@effect-atom/atom-react';\nimport { Chess as ChessJS } from 'chess.js';\nimport { type FC, type SVGProps } from 'react';\n\nimport { invariant } from '@dxos/invariant';\nimport { log } from '@dxos/log';\n\nimport * as Alpha from '../../gen/pieces/chess/alpha';\nimport {\n  type GameboardModel,\n  type Location,\n  type Move,\n  type PieceMap,\n  type PieceType,\n  type Player,\n  locationToString,\n} from '../Gameboard';\n\nexport type ChessPiece = 'BK' | 'BQ' | 'BR' | 'BB' | 'BN' | 'BP' | 'WK' | 'WQ' | 'WR' | 'WB' | 'WN' | 'WP';\n\nexport const ChessPieces: Record<ChessPiece, FC<SVGProps<SVGSVGElement>>> = Alpha;\n\nexport const posToLocation = (pos: string): Location => {\n  const col = pos.charCodeAt(0) - 'a'.charCodeAt(0);\n  const row = parseInt(pos[1]) - 1;\n  return [row, col];\n};\n\nexport const locationToPos = ([row, col]: Location): string => {\n  return String.fromCharCode(col + 'a'.charCodeAt(0)) + (row + 1);\n};\n\nexport const getRawPgn = (pgn: string) => {\n  return pgn.replace(/\\[.*?\\]/g, '').trim();\n};\n\nconst styles = {\n  neutral: {\n    black: 'bg-neutral-50',\n    white: 'bg-neutral-200',\n    promotion: 'bg-neutral-200 hover:bg-neutral-300 opacity-70 hover:opacity-100',\n  },\n  original: {\n    black: 'bg-[#6C95B9]',\n    white: 'bg-[#CCD3DB]',\n    promotion: 'duration-500 bg-[#CCD3DB] opacity-70 hover:opacity-100',\n  },\n  blue: {\n    black: 'bg-[#608BC1]',\n    white: 'bg-[#CBDCEB]',\n    promotion: 'duration-500 bg-[#CBDCEB] opacity-70 hover:opacity-100',\n  },\n  green: {\n    black: 'bg-[#8EB486]',\n    white: 'bg-[#FDF7F4]',\n    promotion: 'duration-500 bg-[#FDF7F4] opacity-70 hover:opacity-100',\n  },\n};\n\nexport const boardStyles = styles.original;\n\nexport const getSquareColor = ([row, col]: Location) => {\n  return (col + row) % 2 === 0 ? boardStyles.black : boardStyles.white;\n};\n\nexport const createChess = (pgn?: string): ChessJS => {\n  const chess = new ChessJS();\n  if (pgn) {\n    try {\n      chess.loadPgn(pgn);\n    } catch {\n      log.warn(pgn);\n    }\n  }\n\n  return chess;\n};\n\n/**\n * Chess model.\n */\nexport class ChessModel implements GameboardModel<ChessPiece> {\n  private readonly _chess = new ChessJS();\n  private readonly _pieces = Atom.make<PieceMap<ChessPiece>>({});\n  private readonly _moveIndex = Atom.make(0);\n\n  constructor(\n    private readonly _registry: Registry.Registry,\n    pgn?: string,\n  ) {\n    this.update(pgn);\n  }\n\n  get readonly(): boolean {\n    return this._registry.get(this._moveIndex) !== this._chess.history().length;\n  }\n\n  get turn(): Player {\n    return this._chess.turn() === 'w' ? 'white' : 'black';\n  }\n\n  get game(): ChessJS {\n    return this._chess;\n  }\n\n  get pieces(): Atom.Atom<PieceMap<ChessPiece>> {\n    return this._pieces;\n  }\n\n  get moveIndex(): Atom.Atom<number> {\n    return this._moveIndex;\n  }\n\n  get fen() {\n    return this._chess.fen();\n  }\n\n  /**\n   * PGN with headers.\n   *\n   * [Event \"?\"]\n   * [Site \"?\"]\n   * [Date \"2025.08.05\"]\n   * [Round \"?\"]\n   * [White \"?\"]\n   * [Black \"?\"]\n   * [Result \"*\"]\n   */\n  // TODO(burdon): Update headers.\n  get pgn(): string {\n    return getRawPgn(this._chess.pgn());\n  }\n\n  setMoveIndex(index: number) {\n    const temp = new ChessJS();\n    const history = this._chess.history({ verbose: true });\n    for (let i = 0; i < index && i < history.length; i++) {\n      temp.move(history[i]);\n    }\n    this._updateBoard(temp);\n  }\n\n  update(pgn = ''): void {\n    const previous = this._chess.history();\n    try {\n      this._chess.loadPgn(pgn);\n      // TODO(burdon): Get from TS.\n      // TODO(burdon): Update if not set.\n      this._chess.setHeader('Date', createDate());\n      this._chess.setHeader('Site', 'dxos.org');\n      // TODO(burdon): Update player keys.\n      // this._chess.setHeader('White', 'White');\n      // this._chess.setHeader('Black', 'Black');\n    } catch {\n      // Ignore.\n    }\n\n    const current = this._chess.history();\n    if (!isValidNextMove(previous, current)) {\n      this._registry.set(this._pieces, {});\n    }\n\n    this._updateBoard(this._chess);\n  }\n\n  isValidMove(move: Move): boolean {\n    return tryMove(new ChessJS(this._chess.fen()), move) !== null;\n  }\n\n  canPromote(move: Move): boolean {\n    const isPawnMove = move.piece === 'BP' || move.piece === 'WP';\n    const isToLastRank = move.to[0] === 0 || move.to[0] === 7;\n    return isPawnMove && isToLastRank;\n  }\n\n  makeMove(move: Move): boolean {\n    const game = tryMove(this._chess, move);\n    if (!game) {\n      return false;\n    }\n\n    this._updateBoard(this._chess);\n    return true;\n  }\n\n  makeRandomMove(): boolean {\n    const moves = this._chess.moves();\n    if (!moves.length) {\n      return false;\n    }\n\n    const move = moves[Math.floor(Math.random() * moves.length)];\n    this._chess.move(move);\n\n    this._updateBoard(this._chess);\n    return true;\n  }\n\n  /**\n   * Update pieces preserving identity.\n   */\n  private _updateBoard(chess: ChessJS): void {\n    this._registry.set(this._pieces, createPieceMap(chess));\n    this._registry.set(this._moveIndex, chess.history().length);\n  }\n}\n\n/**\n * Attempt move.\n */\nconst tryMove = (chess: ChessJS, move: Move): ChessJS | null => {\n  const from = locationToPos(move.from);\n  const to = locationToPos(move.to);\n  try {\n    const promotion = move.promotion ? move.promotion[1].toLowerCase() : 'q';\n    chess.move({ from, to, promotion }, { strict: false });\n    return chess;\n  } catch {\n    return null;\n  }\n};\n\nconst isValidNextMove = (previous: string[], current: string[]) => {\n  if (current.length > previous.length + 1) {\n    return false;\n  }\n\n  for (let i = 0; i < previous.length; i++) {\n    if (previous[i] !== current[i]) {\n      return false;\n    }\n  }\n\n  return true;\n};\n\n/**\n * Starting from a new game, assign piece IDs based on their starting position.\n * Then iterate through the history of the provided game and update the piece map.\n */\nexport const createPieceMap = (chess: ChessJS): PieceMap<ChessPiece> => {\n  const temp = new ChessJS();\n  let pieces = _createPieceMap(temp);\n  const history = chess.history({ verbose: true });\n  for (let i = 0; i < history.length; i++) {\n    const move = history[i];\n    temp.move(move);\n    pieces = _diffPieces(pieces, _createPieceMap(temp));\n    const test = new Set();\n    Object.values(pieces).forEach((piece) => {\n      invariant(!test.has(piece.id), 'Duplicate: ' + piece.id);\n      test.add(piece.id);\n    });\n  }\n\n  return pieces;\n};\n\n/**\n * Create a map of pieces from the board positions; assign each piece the ID of the current square.\n */\nconst _createPieceMap = (chess: ChessJS): PieceMap<ChessPiece> => {\n  const pieces: PieceMap<ChessPiece> = {};\n  chess.board().flatMap((row) =>\n    row.forEach((record) => {\n      if (!record) {\n        return;\n      }\n\n      const { square, type, color } = record;\n      const pieceType = `${color.toUpperCase()}${type.toUpperCase()}` as ChessPiece;\n      const location = posToLocation(square);\n      pieces[locationToString(location)] = {\n        id: `${square}-${pieceType}`,\n        type: pieceType,\n        side: color === 'w' ? 'white' : 'black',\n        location,\n      };\n    }),\n  );\n\n  return pieces;\n};\n\n/**\n * Preserve the original piece objects (and IDs).\n */\nconst _diffPieces = <T extends PieceType>(before: PieceMap<T>, after: PieceMap<T>): PieceMap<T> => {\n  const difference: { added: PieceMap; removed: PieceMap } = {\n    removed: {},\n    added: {},\n  };\n\n  // Removed.\n  (Object.keys(before) as Array<keyof typeof before>).forEach((square) => {\n    if (after[square]?.type !== before[square]?.type) {\n      difference.removed[square] = before[square];\n    }\n  });\n\n  // Added.\n  (Object.keys(after) as Array<keyof typeof after>).forEach((square) => {\n    if (before[square]?.type !== after[square]?.type) {\n      difference.added[square] = after[square];\n    } else {\n      after[square] = before[square];\n    }\n  });\n\n  // Preserve IDs.\n  for (const piece of Object.values(difference.added)) {\n    const previous = Object.values(difference.removed).find((p) => p.type === piece.type);\n    if (previous) {\n      piece.id = previous.id;\n    }\n  }\n\n  return after;\n};\n\nconst createDate = (date = new Date()) => date.toISOString().slice(0, 10).replace(/-/g, '.'); // e.g., \"2025.08.05\"\n", "import * as React from 'react';\nimport type { SVGProps } from 'react';\nconst SvgBB = (props: SVGProps<SVGSVGElement>) => (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048' {...props}>\n    <path fill='#f9f9f9' d='M732 1290 628 993l386-417 421 375-132 380 49 152-658-9z' />\n    <path\n      fill='#101010'\n      d='M768 1365q-5 39-26 82h564q-18-36-26-82zm495-73 46-73q-142-49-285-47-144-2-285 47l46 73q118-40 239-38 120-2 239 38m-432 227H624q67-116 72-229-114-119-162-223t-6-224q33-96 118-189t312-247q-17-11-46-36t-29-79q0-58 41-96t100-38q58 0 100 38t41 96q0 54-29 79t-46 36q226 153 311 247t119 189q42 119-6 224t-162 223q4 113 72 229h-207l10 16q33 53 70 60t89 7h250q76 0 142 62t65 179h-495q-123 0-223-84t-101-199q0 114-101 199t-223 84H205q0-117 65-179t142-62h250q51 0 88-7t71-60zm146-701h-95v89h95v165h94V907h95v-89h-95V714h-94z'\n    />\n  </svg>\n);\nexport default SvgBB;\n", "import * as React from 'react';\nimport type { SVGProps } from 'react';\nconst SvgBK = (props: SVGProps<SVGSVGElement>) => (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048' {...props}>\n    <path\n      fill='#f9f9f9'\n      d='m553 1485-55 320 1048 5-48-335s324-313 330-467c7-153-35-331-241-406-183-67-372 121-372 121l-182-161-190 160S658 586 587 592a373 373 0 0 0-362 333c10 331 328 560 328 560'\n    />\n    <path\n      fill='#101010'\n      d='M1024 1769h489l-12-73H547l-12 73zm0-921q-25-60-62-111 31-48 62-65 30 17 62 65-38 51-62 111m-97 454q-154 11-303 58-123-108-200-213t-77-202q0-89 74-159t148-70q67 0 135 63t102 130q30 54 75 175t46 218m-350 217-26 156 145-84zm447-907q-47 0-136 121-31-36-50-55 93-140 186-140 92 0 186 140-20 19-50 55-90-121-136-121m0 775q-1-126-42-267t-84-227l-14-27-12-23q-28-43-48-69-51-63-120-105t-134-42q-103 0-208 93T257 949q0 120 99 255t249 259q201-74 419-76m0 456H448l61-365q-325-280-326-535-1-159 125-274t267-116q78 0 159 47t142 119q61 74 99 165t49 150q12-60 49-150t99-165q61-72 142-119t159-47q140 0 266 116t126 274q-2 255-326 535l61 365zm97-541q0-97 45-218t76-175q34-68 102-130t135-63q74 0 148 70t74 159q0 96-77 202t-200 213q-150-47-303-58m350 217-119 72 145 84zm-447-132q217 2 419 76 150-125 249-259t99-255q0-136-105-229t-208-93q-66 0-135 42t-119 105q-21 26-48 69l-12 23-14 27q-44 85-85 227t-41 267m-139 159 139 86 139-84-139-86zm92-1248v-95h94v95h107v95h-107v153q-48-16-94 0V393H870v-95z'\n    />\n  </svg>\n);\nexport default SvgBK;\n", "import * as React from 'react';\nimport type { SVGProps } from 'react';\nconst SvgBN = (props: SVGProps<SVGSVGElement>) => (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048' {...props}>\n    <path\n      fill='#f9f9f9'\n      d='M1658 1806c-408-301-71-920-452-1343l60-16s296 167 320 257c182 468 41 691 135 1077zM972 523l120 176-312-3zM498 981l-93-41 42-93 127 28z'\n    />\n    <path\n      fill='#101010'\n      d='m502 868-52 1-26 64 69 21 46-55zm536-187q34 1-16-68t-80-42L826 680zm-338-98q6-39 116-107t220-144l115-154 96 217q342 172 433 418t47 603q-18 128 5 236t57 190l-1242 1q-9-178 39-301t183-238q50-11 83-39t53-59l63-1 138-29 139-97 66-207q0-17-8-34t-12-37q-62 228-161 289t-191 58q-236-42-292 60l-56 102-217-121 115-82-51-50-122 86-12-297zm981 1192q-102-130-85-308t27-363-50-351-316-276q220 164 253 342t16 351-12 329 167 276'\n    />\n  </svg>\n);\nexport default SvgBN;\n", "import * as React from 'react';\nimport type { SVGProps } from 'react';\nconst SvgBP = (props: SVGProps<SVGSVGElement>) => (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048' {...props}>\n    <path\n      fill='#101010'\n      d='M1024 1843H446v-74q-4-80 42-137t125-108q117-91 172-217t78-268H576l284-239q-86-74-86-188 0-103 73-177t177-74q103 0 177 74t73 177q0 114-86 188l284 239h-287q23 141 78 268t172 217q79 51 125 108t42 137v74z'\n    />\n  </svg>\n);\nexport default SvgBP;\n", "import * as React from 'react';\nimport type { SVGProps } from 'react';\nconst SvgBQ = (props: SVGProps<SVGSVGElement>) => (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048' {...props}>\n    <path fill='#f9f9f9' d='m520 1801.8 41.5-448.7 474-128.9 458 133.5 34.4 446.4z' />\n    <path\n      fill='#101010'\n      d='M590 1519q4 72-15 158l134-86zm434 324H441q114-231 57.5-456.5T296 937q-12 2-19 2-54 0-92.5-38.5T146 808t38.5-92.5T277 677t92.5 38.5T408 808q0 20-6 38-4 14-15 33l196 139 100-486q-64-31-72-103-5-44 29-91t88-53q54-5 96 29t48 88q7 68-46 114l198 412 198-412q-54-46-46-114 6-54 48-88t96-29q54 6 87.5 53t29.5 91q-9 72-72 103l100 486 196-139q-12-19-15-33-6-18-6-38 0-54 38.5-92.5T1771 677t92.5 38.5T1902 808t-38.5 92.5T1771 939q-7 0-19-2-147 224-203 449.5t58 456.5zm0-450q109 0 222 28.5t213 67.5q2-41 11-89-108-42-221.5-68t-224.5-26-225 26-221 68q8 48 11 89 99-39 212-67.5t223-28.5m0 376h478q-15-34-24-73H570q-10 39-24 73zm434-250-119 72 134 86q-20-86-15-158m-573 47 139 87 139-84-139-86z'\n    />\n  </svg>\n);\nexport default SvgBQ;\n", "import * as React from 'react';\nimport type { SVGProps } from 'react';\nconst SvgBR = (props: SVGProps<SVGSVGElement>) => (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048' {...props}>\n    <path fill='#f9f9f9' d='m674 732-76 807 851 14-75-833z' />\n    <path\n      fill='#101010'\n      d='M1024 1843H383l29-264 159-118 50-659-149-107-17-341h289v147h137V354h286v147h137V354h289l-17 341-149 107 50 659 159 118 29 264zm0-989h333l-6-88H697l-6 88zm0 647h381l-6-87H649l-6 87z'\n    />\n  </svg>\n);\nexport default SvgBR;\n", "import * as React from 'react';\nimport type { SVGProps } from 'react';\nconst SvgWB = (props: SVGProps<SVGSVGElement>) => (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048' {...props}>\n    <path\n      fill='#f9f9f9'\n      d='m948 366 1-139 148-7 1 147zM564 860c114-267 456-443 456-443s392 176 476 502c-9 209-183 332-183 332l27 221-653 6 46-233s-230-171-169-385m-101 790c175 6 355 23 425-142h92s0 190-88 246c-163 103-625 38-625 38s-15-146 196-142m631 37-36-185 102 5s22 153 315 131c381-17 318 153 318 153l-483 5z'\n    />\n    <path\n      fill='#101010'\n      d='M1024 356q66 0 64-66 1-55-64-55-66 0-64 55-3 66 64 66m0 1204q0 114-101 199t-223 84H205q0-117 65-179t142-62h250q51 0 88-7t71-60l10-16h76q-7 21-3 13-45 105-109 125t-146 19H409q-52 0-86 40t-34 53h424q66 0 159-65t93-185H624q67-116 72-229-114-119-162-223t-6-224q33-96 118-189t312-247q-17-11-46-36t-29-79q0-58 41-96t100-38q58 0 100 38t41 96q0 54-29 79t-46 36q226 153 311 247t119 189q42 119-6 224t-162 223q4 113 72 229h-341q0 120 93 185t159 65h424q0-13-34-53t-86-40h-240q-83 0-146-19t-109-125q4 8-3-13h76l10 16q33 53 70 60t89 7h250q76 0 142 62t65 179h-495q-123 0-223-84t-101-199m0-114h283q-28-84-29-154-120-41-254-38-135-3-254 38-2 70-29 154zm0-267q159-1 285 42 189-180 142-346-60-193-427-431-368 238-427 431-48 166 142 346 125-43 285-42m-47-361V714h94v104h95v89h-95v165h-94V907h-95v-89z'\n    />\n  </svg>\n);\nexport default SvgWB;\n", "import * as React from 'react';\nimport type { SVGProps } from 'react';\nconst SvgWK = (props: SVGProps<SVGSVGElement>) => (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048' {...props}>\n    <path\n      fill='#f9f9f9'\n      d='m501.6 1811 48.4-354.4-260-269.2s-166.4-288.2 29.9-481C582.2 448.7 826 727.2 826 727.2l195.6-165.7 184 165.7s216.4-232.5 430.4-76 255.4 317.6 117.4 531.6c-138.1 214-250.9 280.7-250.9 280.7L1558 1811z'\n    />\n    <path\n      fill='#101010'\n      d='M977 298v-95h94v95h107v95h-107v153q-48-16-94 0V393H870v-95zm47 314q-47 0-136 121-31-36-50-55 93-140 186-140 92 0 186 140-20 19-50 55-90-121-136-121m-447 907-26 156 145-84zm410-206q-1-147-36.5-274.5T870 845q-45-88-131.5-153T570 627q-103 0-208 93T257 949q0 109 86.5 236T546 1408q212-88 441-95m37 530H448l61-365q-325-280-326-535-1-159 125-274.5T575 553q78 0 158.5 47T876 719q61 74 98.5 164.5T1024 1034q12-60 49-150.5t99-164.5q61-72 142-119t159-47q140 0 266 115.5T1865 943q-2 255-326 535l61 365zm0-74h489l-50-298q-216-84-439-84t-439 84l-50 298zm447-250 26 156-145-84zm-410-206q229 7 441 95 115-96 202-223t87-236q0-136-105.5-229T1478 627q-83 0-169.5 65T1178 845q-46 66-81.5 193.5T1061 1313m-176 233 141-84 137 86-141 84z'\n    />\n  </svg>\n);\nexport default SvgWK;\n", "import * as React from 'react';\nimport type { SVGProps } from 'react';\nconst SvgWN = (props: SVGProps<SVGSVGElement>) => (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048' {...props}>\n    <path\n      fill='#f9f9f9'\n      d='m352 861 787-569 94 148s336 103 398 388c63 286 51 974 51 974l-1088 9s-37-290 184-460c221-171 221-212 221-212s-226-71-295-16-117 138-117 138l-129-67 74-85-88-97-94 56z'\n    />\n    <path\n      fill='#101010'\n      d='m1151 178-115 154c-74 50-147 98-220 144-73 45-112 81-116 107L304 846l12 297 122-86 51 50-115 82 217 121 56-102c37-68 135-88 292-60l-55 85c-25 37-63 60-115 71a608 608 0 0 0-183 238c-32 82-45 182-39 301h1242c-23-55-42-118-57-190-15-73-17-152-5-237 29-239 13-440-47-603-61-164-205-303-433-418zm-17 145 59 133a664 664 0 0 1 262 188c55 72 100 150 134 234 27 97 40 181 41 253 0 71-3 140-9 205-7 65-11 131-13 199-2 67 9 145 32 234H621c-4-84 12-158 48-223s85-124 146-177c78-22 129-56 152-102s53-90 90-131c13-10 27-15 38-15 10-1 21 0 33-2 52-7 95-36 129-85 33-49 51-104 52-165l-19-67c-37 159-99 245-188 257l-45 6c-16 1-33 10-52 26-41-25-87-35-138-31q-111 9-165 27l-108 73-39 45-47-28 78-65-138-144-64 41-4-125 366-241c15-34 58-74 131-120l208-131zM960 564c-6 0-12 2-18 7L826 671l212 2c23 0 17-21-16-63-24-31-44-46-62-46M502 868l-33 4-33 56 57 26 46-55z'\n    />\n  </svg>\n);\nexport default SvgWN;\n", "import * as React from 'react';\nimport type { SVGProps } from 'react';\nconst SvgWP = (props: SVGProps<SVGSVGElement>) => (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048' {...props}>\n    <path\n      fill='#f9f9f9'\n      d='m734 981 196-193s-189-82-79-288c79-149 303-114 361 50 63 179-113 240-113 240l226 197Zm-235 799s-8-107 50-154c196-173 338-386 371-599l210 2c33 206 182 447 321 561 101 59 99 199 99 199z'\n    />\n    <path\n      fill='#101010'\n      d='M520 1769h1008q8-97-132-182-132-101-196-239t-80-309H928q-15 170-79 309t-197 239q-141 85-132 182m504 74H446v-74q-4-80 42-137t125-108q117-91 172-217t78-268H576l284-239q-86-74-86-188 0-103 73-177t177-74q103 0 177 74t73 177q0 114-86 188l284 239h-287q23 141 78 268t172 217q79 51 125 108t42 137v74zM756 974h536l-225-191q134-31 134-171 0-76-52-126t-125-51q-73 0-125 51t-52 126q0 140 134 171z'\n    />\n  </svg>\n);\nexport default SvgWP;\n", "import * as React from 'react';\nimport type { SVGProps } from 'react';\nconst SvgWQ = (props: SVGProps<SVGSVGElement>) => (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048' {...props}>\n    <path\n      fill='#f9f9f9'\n      d='m508.5 1815.6 48.4-356.7-216.3-554.6-135.8-20.7-16.1-126.5 112.7-43.8 78.3 73.7-18.4 99 246.2 197.8 112.8-568.3L635 428l78.3-108 112.8 43.7-23 161 223.2 474 244-490-66.8-105.9 92-92 105.9 73.6L1337 534l103.5 529.2 260-161-16-142.7 131-46 57.6 131.1-207 103.6-175 529.2 48.4 308.4z'\n    />\n    <path\n      fill='#101010'\n      d='M1024 1769h478q-53-130-43-280-100-39-213-67.5t-222-28.5q-110 0-223 28.5T589 1489q9 150-43 280zm0-450q111 0 223.5 26.5T1468 1413q17-105 60.5-212.5T1634 988l-220 155-123-601-267 555-267-555-123 601-220-155q61 105 104.5 212.5T580 1413q108-41 220.5-67.5T1024 1319m0 524H441q114-231 57.5-456.5T296 937q-12 2-19 2-54 0-92.5-38.5T146 808t38.5-92.5T277 677t92.5 38.5T408 808q0 20-6 38-4 14-15 33l196 139 100-486q-64-31-72-103-5-44 29-91t88-53q54-5 96 29t48 88q7 68-46 114l198 412 198-412q-54-46-46-114 6-54 48-88t96-29q54 6 87.5 53t29.5 91q-9 72-72 103l100 486 196-139q-12-19-15-33-6-18-6-38 0-54 38.5-92.5T1771 677t92.5 38.5T1902 808t-38.5 92.5T1771 939q-7 0-19-2-147 224-203 449.5t58 456.5zM276 746q-62 0-62 62t62 62q63 0 63-62t-63-62m466-394q-62 0-62 62t62 62 62-62-62-62M590 1519l119 72-134 86q19-86 15-158m1182-773q-63 0-63 62t63 62q62 0 62-62t-62-62m-466-394q-62 0-62 62t62 62 62-62-62-62m152 1167-119 72 134 86q-20-86-15-158m-573 47 139-83 139 86-139 84z'\n    />\n  </svg>\n);\nexport default SvgWQ;\n", "import * as React from 'react';\nimport type { SVGProps } from 'react';\nconst SvgWR = (props: SVGProps<SVGSVGElement>) => (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048' {...props}>\n    <path\n      fill='#f9f9f9'\n      d='m435 1804 16-212 152-115 51-688-148-115-7-276 210-2 4 138 198 2 7-140 212-3 14 145 193-4 5-138h204l-7 285-145 106 42 693 172 124 19 207z'\n    />\n    <path\n      fill='#101010'\n      d='M1024 1501H643l5-74h752l5 74zm0-661H692l5-74h654l5 74zm0 1003H383l29-264 159-118 50-659-149-107-17-341h289v147h137V354h286v147h137V354h289l-17 341-149 107 50 659 159 118 29 264zm0-74h557l-15-149-161-119-54-735 152-109 13-230h-138v148h-285V427H955v148H670V427H532l13 230 152 109-54 735-161 119-15 149z'\n    />\n  </svg>\n);\nexport default SvgWR;\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Atom, useAtomValue } from '@effect-atom/atom-react';\nimport React, { type PropsWithChildren, forwardRef, memo, useEffect, useMemo, useRef, useState } from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\n\nimport { type ThemedClassName, useForwardedRef } from '@dxos/react-ui';\nimport { mx } from '@dxos/ui-theme';\nimport { isNonNullable } from '@dxos/util';\n\nimport {\n  type DOMRectBounds,\n  Gameboard,\n  type Location,\n  type PieceMap,\n  type PieceRecord,\n  type Player,\n  getRelativeBounds,\n  locationToString,\n  useGameboardContext,\n} from '../Gameboard';\n\nimport { type ChessModel, type ChessPiece, ChessPieces, boardStyles, getSquareColor, locationToPos } from './chess';\n\n/** Fallback atom for when model is undefined. */\nconst EMPTY_PIECES_ATOM = Atom.make<PieceMap<ChessPiece>>({});\n\nexport type ChessboardProps = ThemedClassName<\n  PropsWithChildren<{\n    orientation?: Player;\n    showLabels?: boolean;\n    debug?: boolean;\n    rows?: number;\n    cols?: number;\n  }>\n>;\n\n/**\n * Chessboard layout.\n */\nconst ChessboardComponent = forwardRef<HTMLDivElement, ChessboardProps>(\n  ({ classNames, orientation, showLabels, debug, rows = 8, cols = 8 }, forwardedRef) => {\n    const targetRef = useForwardedRef(forwardedRef);\n    const { width, height } = useResizeDetector({ targetRef, refreshRate: 200 });\n    const { model, promoting, onPromotion } = useGameboardContext<ChessModel>(Chessboard.displayName!);\n    const pieces = useAtomValue(model?.pieces ?? EMPTY_PIECES_ATOM);\n\n    // Board squares.\n    const squares = useMemo<Location[]>(() => {\n      return Array.from({ length: rows }, (_, i) => (orientation === 'black' ? i : rows - 1 - i)).flatMap((row) =>\n        Array.from({ length: cols }).map((_, col) => [row, col] as Location),\n      );\n    }, [orientation, rows, cols]);\n\n    // Use DOM grid layout to position squares.\n    const layout = useMemo(() => {\n      return squares.map((location) => {\n        return (\n          <div\n            key={locationToString(location)}\n            {...{\n              ['data-location' as const]: locationToString(location),\n            }}\n          />\n        );\n      });\n    }, [squares]);\n\n    // Build map of square locations to bounds.\n    const [grid, setGrid] = useState<Record<string, DOMRectBounds>>({});\n    const gridRef = useRef<HTMLDivElement>(null);\n    useEffect(() => {\n      setGrid(\n        squares.reduce(\n          (acc, location) => {\n            const square = getSquareLocation(gridRef.current!, location)!;\n            const bounds = getRelativeBounds(gridRef.current!, square);\n            return { ...acc, [locationToString(location)]: bounds };\n          },\n          {} as Record<string, DOMRectBounds>,\n        ),\n      );\n    }, [squares, width, height]);\n\n    // Get the bounds of each square and piece.\n    const positions = useMemo<{ piece: PieceRecord; bounds: DOMRectBounds }[]>(() => {\n      if (!gridRef.current) {\n        return [];\n      }\n\n      return Object.values(pieces)\n        .map((piece) => {\n          if (piece.id === promoting?.id) {\n            return null;\n          }\n\n          const bounds = grid[locationToString(piece.location)];\n          return { piece, bounds };\n        })\n        .filter(isNonNullable);\n    }, [grid, pieces, promoting]);\n\n    return (\n      <div ref={targetRef} tabIndex={0} className={mx('relative outline-none', classNames)}>\n        {/* DOM Layout. */}\n        <div ref={gridRef} className='grid grid-rows-8 grid-cols-8 aspect-square select-none'>\n          {layout}\n        </div>\n        {/* Squares. */}\n        <div>\n          {squares.map((location) => (\n            <Gameboard.Square\n              key={locationToString(location)}\n              location={location}\n              label={showLabels ? locationToPos(location) : undefined}\n              bounds={grid[locationToString(location)]}\n              classNames={getSquareColor(location)}\n            />\n          ))}\n        </div>\n        {/* Pieces. */}\n        <div className={mx(promoting && 'opacity-50')}>\n          {positions.map(({ bounds, piece }) => (\n            <Gameboard.Piece\n              key={piece.id}\n              piece={piece}\n              bounds={bounds}\n              label={debug ? piece.id : undefined}\n              orientation={orientation}\n              Component={ChessPieces[piece.type as ChessPiece]}\n            />\n          ))}\n        </div>\n        {/* Promotion selector. */}\n        {promoting && (\n          <PromotionSelector\n            grid={grid}\n            piece={promoting}\n            onSelect={(piece) => {\n              onPromotion({\n                from: Object.values(pieces).find((p) => p.id === promoting.id)!.location,\n                to: piece.location,\n                piece: promoting.type,\n                promotion: piece.type,\n              });\n            }}\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nChessboardComponent.displayName = 'Chessboard';\n\nexport const Chessboard = memo(ChessboardComponent);\n\nconst PromotionSelector = ({\n  grid,\n  piece,\n  onSelect,\n}: {\n  grid: Record<string, DOMRectBounds>;\n  piece: PieceRecord;\n  onSelect: (piece: PieceRecord) => void;\n}) => {\n  const positions = ['Q', 'N', 'R', 'B'].map((pieceType, i) => {\n    const location = [piece.location[0] + (piece.location[0] === 0 ? i : -i), piece.location[1]] as Location;\n    return {\n      piece: {\n        id: `promotion-${pieceType}`,\n        type: (piece.side === 'black' ? 'B' : 'W') + pieceType,\n        side: piece.side,\n        location,\n      },\n      bounds: grid[locationToString(location)],\n    };\n  });\n\n  const handleSelect = (selected: PieceRecord) => {\n    onSelect({ ...piece, type: selected.type });\n  };\n\n  return (\n    <>\n      {positions.map(({ piece, bounds }) => (\n        <Gameboard.Piece\n          key={piece.id}\n          classNames={mx('border-2 border-neutral-700 rounded-full', boardStyles.promotion)}\n          piece={piece}\n          bounds={bounds}\n          Component={ChessPieces[piece.type as ChessPiece]}\n          onClick={() => handleSelect(piece)}\n        />\n      ))}\n    </>\n  );\n};\n\nconst getSquareLocation = (container: HTMLElement, location: Location): HTMLElement | null => {\n  return container.querySelector(`[data-location=\"${locationToString(location)}\"]`);\n};\n"],
-  "mappings": ";;;;;;;AAgCO,IAAMA,mBAAmB,CAACC,aAA+BA,SAASC,KAAK,GAAA;AACvE,IAAMC,mBAAmB,CAACC,QAA0BA,IAAIC,MAAM,GAAA,EAAKC,IAAIC,MAAAA;AAGvE,IAAMC,UAAU,CAACC,UACtBA,SAAS,QACT,OAAOA,UAAU,YACjB,QAAQA,SACR,UAAUA,SACV,cAAcA,SACdC,WAAWD,MAAMR,QAAQ;AAGpB,IAAMS,aAAa,CAACC,UACzBC,MAAMC,QAAQF,KAAAA,KAAUA,MAAMG,WAAW,KAAKH,MAAMI,MAAM,CAACC,QAAQ,OAAOA,QAAQ,QAAA;AAE7E,IAAMC,kBAAkB,CAACC,IAAcC,OAA0BD,GAAG,CAAA,MAAOC,GAAG,CAAA,KAAMD,GAAG,CAAA,MAAOC,GAAG,CAAA;;;AC1CjG,IAAMC,oBAAoB,CAACC,WAAwBC,YAAAA;AACxD,QAAMC,gBAAgBF,UAAUG,sBAAqB;AACrD,QAAMC,cAAcH,QAAQE,sBAAqB;AACjD,SAAO;IACLE,KAAKD,YAAYC,MAAMH,cAAcG;IACrCC,MAAMF,YAAYE,OAAOJ,cAAcI;IACvCC,OAAOH,YAAYG;IACnBC,QAAQJ,YAAYI;EACtB;AACF;;;ACXA,SAASC,0BAA0B;AACnC,SAASC,qBAAqB;AAC9B,OAAOC,UAAiCC,YAAYC,aAAaC,aAAAA,YAAWC,YAAAA,iBAAgB;AAE5F,SAASC,OAAAA,YAAW;AAEpB,SAASC,MAAAA,WAAU;;;ACNnB,SAASC,iBAAiB;AAC1B,SAASC,0BAA0B;AACnC,SAASC,kCAAkC;AAC3C,OAAOC,SAAiCC,MAAMC,WAAWC,QAAQC,gBAAgB;AACjF,SAASC,oBAAoB;AAE7B,SAASC,iBAAiB;AAC1B,SAASC,WAAW;AACpB,SAA+BC,qBAAqB;AACpD,SAASC,UAAU;;AAeZ,IAAMC,QAAQC,qBAAK,CAAC,EAAEC,YAAYC,WAAWC,OAAOC,QAAQC,OAAOC,QAAO,MAAc;AAC7F,QAAM,EAAEC,OAAOC,UAAUC,YAAYC,UAAS,IAAKC,oBAAoBZ,MAAMa,WAAW;AACxF,QAAMC,eAAeC,cAAcJ,SAAAA;AACnC,QAAM,CAACF,UAAUO,WAAAA,IAAeC,SAAS,KAAA;AACzC,QAAM,CAACC,SAASC,UAAAA,IAAcF,SAAAA;AAG9B,QAAM,CAACG,SAASC,UAAAA,IAAcJ,SAA0D,CAAC,CAAA;AAEzF,QAAMK,MAAMC,OAAuB,IAAA;AACnCC,YAAU,MAAA;AACR,QAAI,CAAChB,OAAO;AACV;IACF;AAEA,UAAMiB,KAAKH,IAAIF;AACfM,cAAUD,IAAAA,QAAAA;;;;;;;;;AAEV,WAAOE,UAAU;MACfC,SAASH;MACTI,gBAAgB,OAAO;QAAEzB;MAAM;MAC/B0B,uBAAuB,CAAC,EAAEC,oBAAoBC,OAAM,MAAE;AACpDC,YAAI,yBAAyB;UAAED,QAAQA,OAAOE;QAAK,GAAA;;;;;;AACnDC,mCAA2B;UACzBC,WAAWC;UACXC,QAAQ,CAAC,EAAEC,UAAS,MAAE;AACpBpB,uBAAWoB,SAAAA;AACX,kBAAM,EAAEC,OAAOC,OAAM,IAAKhB,GAAGiB,sBAAqB;AAClDH,sBAAUI,MAAMH,QAAQA,QAAQ;AAChCD,sBAAUI,MAAMF,SAASA,SAAS;AAClC,mBAAO,MAAA;AACLtB,yBAAWyB,MAAAA;YACb;UACF;UACAb;QACF,CAAA;MACF;MACAc,SAAS,MAAM,CAAC/B,aAAaM,WAAW,CAACZ,MAAMsC,YAAYtC,MAAMuC,SAAS3C,MAAM4C;MAChFC,aAAa,MAAMjC,YAAY,IAAA;MAC/BkC,QAAQ,CAAC,EAAEC,UAAU,EAAE/B,SAAAA,SAAO,EAAE,MAAE;AAEhC,YAAI;AACF,gBAAM+B,WAAW/B,SAAQgC,YAAY,CAAA,GAAIlB,KAAKiB;AAC9C,cAAIE,WAAWF,QAAAA,GAAW;AACxB9B,uBAAW,CAACD,cAAa;cAAE,GAAGA;cAAS+B;YAAS,EAAA;UAClD;QACF,QAAQ;QAER;AAEAnC,oBAAY,KAAA;MACd;IACF,CAAA;EACF,GAAG;IAACR;IAAOJ;GAAM;AAGjBoB,YAAU,MAAA;AACR8B,0BAAsB,MAAA;AACpB,UAAI,CAAChC,IAAIF,WAAW,CAACf,QAAQ;AAC3B;MACF;AAGA,UAAI,CAACe,QAAQ+B,YAAY,CAACI,gBAAgBnC,QAAQ+B,UAAU/C,MAAM+C,QAAQ,GAAG;AAC3E7B,YAAIF,QAAQuB,MAAMa,aAAa;AAC/BlC,YAAIF,QAAQuB,MAAMc,MAAMpD,OAAOoD,MAAM;AACrCnC,YAAIF,QAAQuB,MAAMe,OAAOrD,OAAOqD,OAAO;AACvCrC,mBAAW;UAAE8B,UAAU/C,MAAM+C;UAAU9C;QAAO,CAAA;MAChD,WAAWe,QAAQf,WAAWA,QAAQ;AACpCiB,YAAIF,QAAQuB,MAAMa,aAAa;AAC/BlC,YAAIF,QAAQuB,MAAMc,MAAMpD,OAAOoD,MAAM;AACrCnC,YAAIF,QAAQuB,MAAMe,OAAOrD,OAAOqD,OAAO;AACvCrC,mBAAW;UAAE8B,UAAU/C,MAAM+C;UAAU9C;QAAO,CAAA;MAChD;IACF,CAAA;EACF,GAAG;IAACe;IAAShB,MAAM+C;IAAU9C;GAAO;AAEpC,SACE,sBAAA,cAAA,MAAA,UAAA,MACE,sBAAA,cAACsD,OAAAA;IACCrC;IACAqB,OAAO;MACLH,OAAOnC,QAAQmC;MACfC,QAAQpC,QAAQoC;IAClB;IACAmB,WAAWC,GACT,YACA3D,YACAO,YAAY,cACZC,cAAc,qBAAA;IAEhBH;KAEA,sBAAA,cAACJ,WAAAA;IAAUyD,WAAU;MACpBtD,SAAS,sBAAA,cAACqD,OAAAA;IAAIC,WAAU;KAAuCtD,KAAAA,CAAAA,GAGjEY,WACC4C,6BACE,sBAAA,cAACH,OAAAA;IAAIC,WAAWC,GAAG3D,UAAAA;KACjB,sBAAA,cAACC,WAAAA;IAAUyD,WAAU;OAEvB1C,OAAAA,CAAAA;AAIV,CAAA;AAEAlB,MAAMa,cAAc;;;ACpIpB,SAASkD,6BAA6B;AACtC,OAAOC,UAASC,QAAAA,OAAMC,aAAAA,YAAWC,UAAAA,SAAQC,YAAAA,iBAAgB;AAEzD,SAASC,aAAAA,kBAAiB;AAC1B,SAASC,OAAAA,YAAW;AAEpB,SAASC,MAAAA,WAAU;;AAcZ,IAAMC,SAASC,gBAAAA,MAAK,CAAC,EAAEC,UAAUC,QAAQC,OAAOC,WAAU,MAAe;AAC9E,QAAMC,MAAMC,QAAuB,IAAA;AACnC,QAAM,CAACC,OAAOC,QAAAA,IAAYC,UAAuB,MAAA;AACjD,QAAM,EAAEC,MAAK,IAAKC,oBAAoBZ,OAAOa,WAAW;AAExDC,EAAAA,WAAU,MAAA;AACR,UAAMC,KAAKT,IAAIU;AACfC,IAAAA,WAAUF,IAAAA,QAAAA;;;;;;;;;AAEV,WAAOG,sBAAsB;MAC3BC,SAASJ;MACTK,SAAS,OAAO;QAAElB;MAAS;MAC3BmB,SAAS,CAAC,EAAEC,OAAM,MAAE;AAClBC,QAAAA,KAAI,WAAW;UAAED,QAAQA,OAAOE;QAAK,GAAA;;;;;;AACrC,eAAO;MACT;MACAC,aAAa,CAAC,EAAEH,OAAM,MAAE;AACtBC,QAAAA,KAAI,eAAe;UAAED,QAAQA,OAAOE;QAAK,GAAA;;;;;;AACzC,cAAME,QAAQJ,OAAOE,KAAKE;AAC1B,YAAI,CAACC,QAAQD,KAAAA,GAAQ;AACnB;QACF;AAEA,YAAIf,OAAOiB,YAAY;UAAEC,MAAMH,MAAMxB;UAAU4B,IAAI5B;UAAUwB,OAAOA,MAAMK;QAAK,CAAA,GAAI;AACjFtB,mBAAS,WAAA;QACX,OAAO;AACLA,mBAAS,aAAA;QACX;MACF;MACAuB,aAAa,MAAMvB,SAAS,MAAA;MAC5BwB,QAAQ,MAAMxB,SAAS,MAAA;IACzB,CAAA;EACF,GAAG;IAACE;IAAOT;GAAS;AAEpB,SACE,gBAAAgC,OAAA,cAACC,OAAAA;IACC7B;IACA8B,OAAOjC;IACPkC,WAAWC,IACT,6EACAjC,YACAG,UAAU,cAAc,uBAAuB,oBAAA;KAGhDJ,SAAS,gBAAA8B,OAAA,cAACC,OAAAA;IAAIE,WAAWC,IAAG,mDAAA;KAAuDlC,KAAAA,CAAAA;AAG1F,CAAA;AAEAJ,OAAOa,cAAc;;;;AFlDrB,IAAM,CAAC0B,0BAA0BC,wBAAAA,IAA4BC,cAA0C,WAAA;AAEvG,IAAMC,sBAAsB,CAAgCC,iBAAAA;AAC1D,SAAOH,yBAAyBG,YAAAA;AAClC;AAeA,IAAMC,gBAAgB,CAAgC,EACpDC,UACAC,OACAC,YACAC,OAAM,MACgB;AACtB,QAAM,CAACC,UAAUC,WAAAA,IAAeC,UAAS,KAAA;AACzC,QAAM,CAACC,WAAWC,YAAAA,IAAgBF,UAAAA;AAElC,QAAMG,kBAAkBC,YAAuE,CAACC,SAAAA;AAC9FC,IAAAA,KAAI,eAAe;MAAED;IAAK,GAAA;;;;;;AAC1BH,iBAAaK,MAAAA;AACbV,aAASQ,IAAAA;EACX,GAAG,CAAA,CAAE;AAELG,EAAAA,WAAU,MAAA;AACR,QAAI,CAACb,OAAO;AACV;IACF;AAGA,WAAOc,mBAAmB;MACxBC,aAAa,CAAC,EAAEC,OAAM,MAAE;AACtBL,QAAAA,KAAI,eAAe;UAAEK;QAAO,GAAA;;;;;;AAC5BZ,oBAAY,IAAA;MACd;MACAF,QAAQ,CAAC,EAAEc,QAAQC,SAAQ,MAAE;AAC3BN,QAAAA,KAAI,UAAU;UAAEK;UAAQC;QAAS,GAAA;;;;;;AACjC,cAAMC,SAASD,SAASE,QAAQC,YAAY,CAAA;AAC5C,YAAI,CAACF,QAAQ;AACX;QACF;AAEA,cAAMG,iBAAiBH,OAAOI,KAAKL;AACnC,cAAMM,QAAQP,OAAOM,KAAKC;AAC1B,YAAI,CAACC,WAAWH,cAAAA,KAAmB,CAACI,QAAQF,KAAAA,GAAQ;AAClD;QACF;AAEA,cAAMb,OAAa;UAAEgB,MAAMH,MAAMN;UAAUU,IAAIN;UAAgBE,OAAOA,MAAMK;QAAK;AACjF,YAAI5B,MAAM6B,YAAYnB,IAAAA,GAAO;AAC3B,cAAIV,MAAM8B,aAAapB,IAAAA,GAAO;AAC5BH,yBAAa;cAAE,GAAGgB;cAAON,UAAUI;YAAe,CAAA;UACpD,OAAO;AACLnB,qBAASQ,IAAAA;UACX;QACF;AAEAN,oBAAY,KAAA;MACd;IACF,CAAA;EACF,GAAG;IAACJ;GAAM;AAEV,SACE,gBAAA+B,OAAA,cAACtC,0BAAAA;IAAyBO;IAAcG;IAAoBG;IAAsB0B,aAAaxB;KAC5FT,QAAAA;AAGP;AAEAD,cAAcmC,cAAc;AAQ5B,IAAMC,mBAAmBC,2BACvB,CAAC,EAAEpC,UAAUqC,YAAYC,MAAMC,QAAO,GAAIC,iBAAAA;AACxC,SACE,gBAAAR,OAAA,cAACS,OAAAA;IACCC,MAAK;IACLC,WAAWC,IAAGN,QAAQ,4DAA4DD,UAAAA;IAClFQ,KAAKL;KAEJD,UAAU,gBAAAP,OAAA,cAACS,OAAAA;IAAIE,WAAU;KAAmD3C,QAAAA,IAAkBA,QAAAA;AAGrG,CAAA;AAGFmC,iBAAiBD,cAAc;AAMxB,IAAMY,YAAY;EACvBC,MAAMhD;EACNiD,SAASb;EACTc;EACAC;AACF;;;AGnIA,SAASC,YAA2B;AACpC,SAASC,SAASC,eAAe;AAGjC,SAASC,aAAAA,kBAAiB;AAC1B,SAASC,OAAAA,YAAW;A;;;;;;;;;;;;;;;;;;;ACTpB,YAAYC,YAAW;AAEvB,IAAMC,QAAQ,CAACC,UACb,gBAAA,qBAACC,OAAAA;EAAIC,OAAM;EAA6BC,SAAQ;EAAiB,GAAGH;GAClE,gBAAA,qBAACI,QAAAA;EAAKC,MAAK;EAAUC,GAAE;IACvB,gBAAA,qBAACF,QAAAA;EACCC,MAAK;EACLC,GAAE;;AAIR,IAAA,aAAeP;;;ACXf,YAAYQ,YAAW;AAEvB,IAAMC,QAAQ,CAACC,UACb,gBAAA,qBAACC,OAAAA;EAAIC,OAAM;EAA6BC,SAAQ;EAAiB,GAAGH;GAClE,gBAAA,qBAACI,QAAAA;EACCC,MAAK;EACLC,GAAE;IAEJ,gBAAA,qBAACF,QAAAA;EACCC,MAAK;EACLC,GAAE;;AAIR,IAAA,aAAeP;;;ACdf,YAAYQ,YAAW;AAEvB,IAAMC,QAAQ,CAACC,UACb,gBAAA,qBAACC,OAAAA;EAAIC,OAAM;EAA6BC,SAAQ;EAAiB,GAAGH;GAClE,gBAAA,qBAACI,QAAAA;EACCC,MAAK;EACLC,GAAE;IAEJ,gBAAA,qBAACF,QAAAA;EACCC,MAAK;EACLC,GAAE;;AAIR,IAAA,aAAeP;;;ACdf,YAAYQ,YAAW;AAEvB,IAAMC,QAAQ,CAACC,UACb,gBAAA,qBAACC,OAAAA;EAAIC,OAAM;EAA6BC,SAAQ;EAAiB,GAAGH;GAClE,gBAAA,qBAACI,QAAAA;EACCC,MAAK;EACLC,GAAE;;AAIR,IAAA,aAAeP;;;ACVf,YAAYQ,YAAW;AAEvB,IAAMC,QAAQ,CAACC,UACb,gBAAA,qBAACC,OAAAA;EAAIC,OAAM;EAA6BC,SAAQ;EAAiB,GAAGH;GAClE,gBAAA,qBAACI,QAAAA;EAAKC,MAAK;EAAUC,GAAE;IACvB,gBAAA,qBAACF,QAAAA;EACCC,MAAK;EACLC,GAAE;;AAIR,IAAA,aAAeP;;;ACXf,YAAYQ,YAAW;AAEvB,IAAMC,QAAQ,CAACC,UACb,gBAAA,qBAACC,OAAAA;EAAIC,OAAM;EAA6BC,SAAQ;EAAiB,GAAGH;GAClE,gBAAA,qBAACI,QAAAA;EAAKC,MAAK;EAAUC,GAAE;IACvB,gBAAA,qBAACF,QAAAA;EACCC,MAAK;EACLC,GAAE;;AAIR,IAAA,aAAeP;;;ACXf,YAAYQ,aAAW;AAEvB,IAAMC,QAAQ,CAACC,UACb,gBAAA,sBAACC,OAAAA;EAAIC,OAAM;EAA6BC,SAAQ;EAAiB,GAAGH;GAClE,gBAAA,sBAACI,QAAAA;EACCC,MAAK;EACLC,GAAE;IAEJ,gBAAA,sBAACF,QAAAA;EACCC,MAAK;EACLC,GAAE;;AAIR,IAAA,aAAeP;;;ACdf,YAAYQ,aAAW;AAEvB,IAAMC,QAAQ,CAACC,UACb,gBAAA,sBAACC,OAAAA;EAAIC,OAAM;EAA6BC,SAAQ;EAAiB,GAAGH;GAClE,gBAAA,sBAACI,QAAAA;EACCC,MAAK;EACLC,GAAE;IAEJ,gBAAA,sBAACF,QAAAA;EACCC,MAAK;EACLC,GAAE;;AAIR,IAAA,aAAeP;;;ACdf,YAAYQ,aAAW;AAEvB,IAAMC,QAAQ,CAACC,UACb,gBAAA,sBAACC,OAAAA;EAAIC,OAAM;EAA6BC,SAAQ;EAAiB,GAAGH;GAClE,gBAAA,sBAACI,QAAAA;EACCC,MAAK;EACLC,GAAE;IAEJ,gBAAA,sBAACF,QAAAA;EACCC,MAAK;EACLC,GAAE;;AAIR,IAAA,aAAeP;;;ACdf,YAAYQ,aAAW;AAEvB,IAAMC,QAAQ,CAACC,UACb,gBAAA,sBAACC,OAAAA;EAAIC,OAAM;EAA6BC,SAAQ;EAAiB,GAAGH;GAClE,gBAAA,sBAACI,QAAAA;EACCC,MAAK;EACLC,GAAE;IAEJ,gBAAA,sBAACF,QAAAA;EACCC,MAAK;EACLC,GAAE;;AAIR,IAAA,aAAeP;;;ACdf,YAAYQ,aAAW;AAEvB,IAAMC,QAAQ,CAACC,UACb,gBAAA,sBAACC,OAAAA;EAAIC,OAAM;EAA6BC,SAAQ;EAAiB,GAAGH;GAClE,gBAAA,sBAACI,QAAAA;EACCC,MAAK;EACLC,GAAE;IAEJ,gBAAA,sBAACF,QAAAA;EACCC,MAAK;EACLC,GAAE;;AAIR,IAAA,aAAeP;;;ACdf,YAAYQ,aAAW;AAEvB,IAAMC,QAAQ,CAACC,UACb,gBAAA,sBAACC,OAAAA;EAAIC,OAAM;EAA6BC,SAAQ;EAAiB,GAAGH;GAClE,gBAAA,sBAACI,QAAAA;EACCC,MAAK;EACLC,GAAE;IAEJ,gBAAA,sBAACF,QAAAA;EACCC,MAAK;EACLC,GAAE;;AAIR,IAAA,aAAeP;;;;AZUR,IAAMQ,cAA+DC;AAErE,IAAMC,gBAAgB,CAACC,QAAAA;AAC5B,QAAMC,MAAMD,IAAIE,WAAW,CAAA,IAAK,IAAIA,WAAW,CAAA;AAC/C,QAAMC,MAAMC,SAASJ,IAAI,CAAA,CAAE,IAAI;AAC/B,SAAO;IAACG;IAAKF;;AACf;AAEO,IAAMI,gBAAgB,CAAC,CAACF,KAAKF,GAAAA,MAAc;AAChD,SAAOK,OAAOC,aAAaN,MAAM,IAAIC,WAAW,CAAA,CAAA,KAAOC,MAAM;AAC/D;AAEO,IAAMK,YAAY,CAACC,QAAAA;AACxB,SAAOA,IAAIC,QAAQ,YAAY,EAAA,EAAIC,KAAI;AACzC;AAEA,IAAMC,SAAS;EACbC,SAAS;IACPC,OAAO;IACPC,OAAO;IACPC,WAAW;EACb;EACAC,UAAU;IACRH,OAAO;IACPC,OAAO;IACPC,WAAW;EACb;EACAE,MAAM;IACJJ,OAAO;IACPC,OAAO;IACPC,WAAW;EACb;EACAG,OAAO;IACLL,OAAO;IACPC,OAAO;IACPC,WAAW;EACb;AACF;AAEO,IAAMI,cAAcR,OAAOK;AAE3B,IAAMI,iBAAiB,CAAC,CAAClB,KAAKF,GAAAA,MAAc;AACjD,UAAQA,MAAME,OAAO,MAAM,IAAIiB,YAAYN,QAAQM,YAAYL;AACjE;AAEO,IAAMO,cAAc,CAACb,QAAAA;AAC1B,QAAMc,QAAQ,IAAIC,QAAAA;AAClB,MAAIf,KAAK;AACP,QAAI;AACFc,YAAME,QAAQhB,GAAAA;IAChB,QAAQ;AACNiB,MAAAA,KAAIC,KAAKlB,KAAAA,QAAAA;;;;;;IACX;EACF;AAEA,SAAOc;AACT;AAKO,IAAMK,aAAN,MAAMA;;EACMC,SAAS,IAAIL,QAAAA;EACbM,UAAUC,KAAKC,KAA2B,CAAC,CAAA;EAC3CC,aAAaF,KAAKC,KAAK,CAAA;EAExC,YACmBE,WACjBzB,KACA;SAFiByB,YAAAA;AAGjB,SAAKC,OAAO1B,GAAAA;EACd;EAEA,IAAI2B,WAAoB;AACtB,WAAO,KAAKF,UAAUG,IAAI,KAAKJ,UAAU,MAAM,KAAKJ,OAAOS,QAAO,EAAGC;EACvE;EAEA,IAAIC,OAAe;AACjB,WAAO,KAAKX,OAAOW,KAAI,MAAO,MAAM,UAAU;EAChD;EAEA,IAAIC,OAAgB;AAClB,WAAO,KAAKZ;EACd;EAEA,IAAIa,SAA0C;AAC5C,WAAO,KAAKZ;EACd;EAEA,IAAIa,YAA+B;AACjC,WAAO,KAAKV;EACd;EAEA,IAAIW,MAAM;AACR,WAAO,KAAKf,OAAOe,IAAG;EACxB;;;;;;;;;;;;;EAcA,IAAInC,MAAc;AAChB,WAAOD,UAAU,KAAKqB,OAAOpB,IAAG,CAAA;EAClC;EAEAoC,aAAaC,OAAe;AAC1B,UAAMC,OAAO,IAAIvB,QAAAA;AACjB,UAAMc,UAAU,KAAKT,OAAOS,QAAQ;MAAEU,SAAS;IAAK,CAAA;AACpD,aAASC,IAAI,GAAGA,IAAIH,SAASG,IAAIX,QAAQC,QAAQU,KAAK;AACpDF,WAAKG,KAAKZ,QAAQW,CAAAA,CAAE;IACtB;AACA,SAAKE,aAAaJ,IAAAA;EACpB;EAEAZ,OAAO1B,MAAM,IAAU;AACrB,UAAM2C,WAAW,KAAKvB,OAAOS,QAAO;AACpC,QAAI;AACF,WAAKT,OAAOJ,QAAQhB,GAAAA;AAGpB,WAAKoB,OAAOwB,UAAU,QAAQC,WAAAA,CAAAA;AAC9B,WAAKzB,OAAOwB,UAAU,QAAQ,UAAA;IAIhC,QAAQ;IAER;AAEA,UAAME,UAAU,KAAK1B,OAAOS,QAAO;AACnC,QAAI,CAACkB,gBAAgBJ,UAAUG,OAAAA,GAAU;AACvC,WAAKrB,UAAUuB,IAAI,KAAK3B,SAAS,CAAC,CAAA;IACpC;AAEA,SAAKqB,aAAa,KAAKtB,MAAM;EAC/B;EAEA6B,YAAYR,MAAqB;AAC/B,WAAOS,QAAQ,IAAInC,QAAQ,KAAKK,OAAOe,IAAG,CAAA,GAAKM,IAAAA,MAAU;EAC3D;EAEAU,WAAWV,MAAqB;AAC9B,UAAMW,aAAaX,KAAKY,UAAU,QAAQZ,KAAKY,UAAU;AACzD,UAAMC,eAAeb,KAAKc,GAAG,CAAA,MAAO,KAAKd,KAAKc,GAAG,CAAA,MAAO;AACxD,WAAOH,cAAcE;EACvB;EAEAE,SAASf,MAAqB;AAC5B,UAAMT,OAAOkB,QAAQ,KAAK9B,QAAQqB,IAAAA;AAClC,QAAI,CAACT,MAAM;AACT,aAAO;IACT;AAEA,SAAKU,aAAa,KAAKtB,MAAM;AAC7B,WAAO;EACT;EAEAqC,iBAA0B;AACxB,UAAMC,QAAQ,KAAKtC,OAAOsC,MAAK;AAC/B,QAAI,CAACA,MAAM5B,QAAQ;AACjB,aAAO;IACT;AAEA,UAAMW,OAAOiB,MAAMC,KAAKC,MAAMD,KAAKE,OAAM,IAAKH,MAAM5B,MAAM,CAAA;AAC1D,SAAKV,OAAOqB,KAAKA,IAAAA;AAEjB,SAAKC,aAAa,KAAKtB,MAAM;AAC7B,WAAO;EACT;;;;EAKQsB,aAAa5B,OAAsB;AACzC,SAAKW,UAAUuB,IAAI,KAAK3B,SAASyC,eAAehD,KAAAA,CAAAA;AAChD,SAAKW,UAAUuB,IAAI,KAAKxB,YAAYV,MAAMe,QAAO,EAAGC,MAAM;EAC5D;AACF;AAKA,IAAMoB,UAAU,CAACpC,OAAgB2B,SAAAA;AAC/B,QAAMsB,OAAOnE,cAAc6C,KAAKsB,IAAI;AACpC,QAAMR,KAAK3D,cAAc6C,KAAKc,EAAE;AAChC,MAAI;AACF,UAAMhD,YAAYkC,KAAKlC,YAAYkC,KAAKlC,UAAU,CAAA,EAAGyD,YAAW,IAAK;AACrElD,UAAM2B,KAAK;MAAEsB;MAAMR;MAAIhD;IAAU,GAAG;MAAE0D,QAAQ;IAAM,CAAA;AACpD,WAAOnD;EACT,QAAQ;AACN,WAAO;EACT;AACF;AAEA,IAAMiC,kBAAkB,CAACJ,UAAoBG,YAAAA;AAC3C,MAAIA,QAAQhB,SAASa,SAASb,SAAS,GAAG;AACxC,WAAO;EACT;AAEA,WAASU,IAAI,GAAGA,IAAIG,SAASb,QAAQU,KAAK;AACxC,QAAIG,SAASH,CAAAA,MAAOM,QAAQN,CAAAA,GAAI;AAC9B,aAAO;IACT;EACF;AAEA,SAAO;AACT;AAMO,IAAMsB,iBAAiB,CAAChD,UAAAA;AAC7B,QAAMwB,OAAO,IAAIvB,QAAAA;AACjB,MAAIkB,SAASiC,gBAAgB5B,IAAAA;AAC7B,QAAMT,UAAUf,MAAMe,QAAQ;IAAEU,SAAS;EAAK,CAAA;AAC9C,WAASC,IAAI,GAAGA,IAAIX,QAAQC,QAAQU,KAAK;AACvC,UAAMC,OAAOZ,QAAQW,CAAAA;AACrBF,SAAKG,KAAKA,IAAAA;AACVR,aAASkC,YAAYlC,QAAQiC,gBAAgB5B,IAAAA,CAAAA;AAC7C,UAAM8B,OAAO,oBAAIC,IAAAA;AACjBC,WAAOC,OAAOtC,MAAAA,EAAQuC,QAAQ,CAACnB,UAAAA;AAC7BoB,MAAAA,WAAU,CAACL,KAAKM,IAAIrB,MAAMsB,EAAE,GAAG,gBAAgBtB,MAAMsB,IAAE;;;;;;;;;AACvDP,WAAKQ,IAAIvB,MAAMsB,EAAE;IACnB,CAAA;EACF;AAEA,SAAO1C;AACT;AAKA,IAAMiC,kBAAkB,CAACpD,UAAAA;AACvB,QAAMmB,SAA+B,CAAC;AACtCnB,QAAM+D,MAAK,EAAGC,QAAQ,CAACpF,QACrBA,IAAI8E,QAAQ,CAACO,WAAAA;AACX,QAAI,CAACA,QAAQ;AACX;IACF;AAEA,UAAM,EAAEC,QAAQC,MAAMC,MAAK,IAAKH;AAChC,UAAMI,YAAY,GAAGD,MAAME,YAAW,CAAA,GAAKH,KAAKG,YAAW,CAAA;AAC3D,UAAMC,WAAW/F,cAAc0F,MAAAA;AAC/B/C,WAAOqD,iBAAiBD,QAAAA,CAAAA,IAAa;MACnCV,IAAI,GAAGK,MAAAA,IAAUG,SAAAA;MACjBF,MAAME;MACNI,MAAML,UAAU,MAAM,UAAU;MAChCG;IACF;EACF,CAAA,CAAA;AAGF,SAAOpD;AACT;AAKA,IAAMkC,cAAc,CAAsBqB,QAAqBC,UAAAA;AAC7D,QAAMC,aAAqD;IACzDC,SAAS,CAAC;IACVC,OAAO,CAAC;EACV;AAGCtB,SAAOuB,KAAKL,MAAAA,EAAuChB,QAAQ,CAACQ,WAAAA;AAC3D,QAAIS,MAAMT,MAAAA,GAASC,SAASO,OAAOR,MAAAA,GAASC,MAAM;AAChDS,iBAAWC,QAAQX,MAAAA,IAAUQ,OAAOR,MAAAA;IACtC;EACF,CAAA;AAGCV,SAAOuB,KAAKJ,KAAAA,EAAqCjB,QAAQ,CAACQ,WAAAA;AACzD,QAAIQ,OAAOR,MAAAA,GAASC,SAASQ,MAAMT,MAAAA,GAASC,MAAM;AAChDS,iBAAWE,MAAMZ,MAAAA,IAAUS,MAAMT,MAAAA;IACnC,OAAO;AACLS,YAAMT,MAAAA,IAAUQ,OAAOR,MAAAA;IACzB;EACF,CAAA;AAGA,aAAW3B,SAASiB,OAAOC,OAAOmB,WAAWE,KAAK,GAAG;AACnD,UAAMjD,WAAW2B,OAAOC,OAAOmB,WAAWC,OAAO,EAAEG,KAAK,CAACC,MAAMA,EAAEd,SAAS5B,MAAM4B,IAAI;AACpF,QAAItC,UAAU;AACZU,YAAMsB,KAAKhC,SAASgC;IACtB;EACF;AAEA,SAAOc;AACT;AAEA,IAAM5C,aAAa,CAACmD,OAAO,oBAAIC,KAAAA,MAAWD,KAAKE,YAAW,EAAGC,MAAM,GAAG,EAAA,EAAIlG,QAAQ,MAAM,GAAA;;;AahUxF,SAASmG,QAAAA,OAAMC,oBAAoB;AACnC,OAAOC,WAAiCC,cAAAA,aAAYC,QAAAA,OAAMC,aAAAA,YAAWC,SAASC,UAAAA,SAAQC,YAAAA,iBAAgB;AACtG,SAASC,yBAAyB;AAElC,SAA+BC,uBAAuB;AACtD,SAASC,MAAAA,WAAU;AACnB,SAASC,qBAAqB;AAiB9B,IAAMC,oBAAoBC,MAAKC,KAA2B,CAAC,CAAA;AAe3D,IAAMC,sBAAsBC,gBAAAA,YAC1B,CAAC,EAAEC,YAAYC,aAAaC,YAAYC,OAAOC,OAAO,GAAGC,OAAO,EAAC,GAAIC,iBAAAA;AACnE,QAAMC,YAAYC,gBAAgBF,YAAAA;AAClC,QAAM,EAAEG,OAAOC,OAAM,IAAKC,kBAAkB;IAAEJ;IAAWK,aAAa;EAAI,CAAA;AAC1E,QAAM,EAAEC,OAAOC,WAAWC,YAAW,IAAKC,oBAAgCC,WAAWC,WAAW;AAChG,QAAMC,SAASC,aAAaP,OAAOM,UAAUxB,iBAAAA;AAG7C,QAAM0B,UAAUC,QAAoB,MAAA;AAClC,WAAOC,MAAMC,KAAK;MAAEC,QAAQrB;IAAK,GAAG,CAACsB,GAAGC,MAAO1B,gBAAgB,UAAU0B,IAAIvB,OAAO,IAAIuB,CAAAA,EAAIC,QAAQ,CAACC,QACnGN,MAAMC,KAAK;MAAEC,QAAQpB;IAAK,CAAA,EAAGyB,IAAI,CAACJ,GAAGK,QAAQ;MAACF;MAAKE;KAAI,CAAA;EAE3D,GAAG;IAAC9B;IAAaG;IAAMC;GAAK;AAG5B,QAAM2B,SAASV,QAAQ,MAAA;AACrB,WAAOD,QAAQS,IAAI,CAACG,aAAAA;AAClB,aACE,gBAAAC,QAAA,cAACC,OAAAA;QACCC,KAAKC,iBAAiBJ,QAAAA;QAEpB,CAAC,eAAA,GAA2BI,iBAAiBJ,QAAAA;;IAIrD,CAAA;EACF,GAAG;IAACZ;GAAQ;AAGZ,QAAM,CAACiB,MAAMC,OAAAA,IAAWC,UAAwC,CAAC,CAAA;AACjE,QAAMC,UAAUC,QAAuB,IAAA;AACvCC,EAAAA,WAAU,MAAA;AACRJ,YACElB,QAAQuB,OACN,CAACC,KAAKZ,aAAAA;AACJ,YAAMa,SAASC,kBAAkBN,QAAQO,SAAUf,QAAAA;AACnD,YAAMgB,SAASC,kBAAkBT,QAAQO,SAAUF,MAAAA;AACnD,aAAO;QAAE,GAAGD;QAAK,CAACR,iBAAiBJ,QAAAA,CAAAA,GAAYgB;MAAO;IACxD,GACA,CAAC,CAAA,CAAA;EAGP,GAAG;IAAC5B;IAASZ;IAAOC;GAAO;AAG3B,QAAMyC,YAAY7B,QAAyD,MAAA;AACzE,QAAI,CAACmB,QAAQO,SAAS;AACpB,aAAO,CAAA;IACT;AAEA,WAAOI,OAAOC,OAAOlC,MAAAA,EAClBW,IAAI,CAACwB,UAAAA;AACJ,UAAIA,MAAMC,OAAOzC,WAAWyC,IAAI;AAC9B,eAAO;MACT;AAEA,YAAMN,SAASX,KAAKD,iBAAiBiB,MAAMrB,QAAQ,CAAA;AACnD,aAAO;QAAEqB;QAAOL;MAAO;IACzB,CAAA,EACCO,OAAOC,aAAAA;EACZ,GAAG;IAACnB;IAAMnB;IAAQL;GAAU;AAE5B,SACE,gBAAAoB,QAAA,cAACC,OAAAA;IAAIuB,KAAKnD;IAAWoD,UAAU;IAAGC,WAAWC,IAAG,yBAAyB7D,UAAAA;KAEvE,gBAAAkC,QAAA,cAACC,OAAAA;IAAIuB,KAAKjB;IAASmB,WAAU;KAC1B5B,MAAAA,GAGH,gBAAAE,QAAA,cAACC,OAAAA,MACEd,QAAQS,IAAI,CAACG,aACZ,gBAAAC,QAAA,cAAC4B,UAAUC,QAAM;IACf3B,KAAKC,iBAAiBJ,QAAAA;IACtBA;IACA+B,OAAO9D,aAAa+D,cAAchC,QAAAA,IAAYiC;IAC9CjB,QAAQX,KAAKD,iBAAiBJ,QAAAA,CAAAA;IAC9BjC,YAAYmE,eAAelC,QAAAA;QAKjC,gBAAAC,QAAA,cAACC,OAAAA;IAAIyB,WAAWC,IAAG/C,aAAa,YAAA;KAC7BqC,UAAUrB,IAAI,CAAC,EAAEmB,QAAQK,MAAK,MAC7B,gBAAApB,QAAA,cAAC4B,UAAUM,OAAK;IACdhC,KAAKkB,MAAMC;IACXD;IACAL;IACAe,OAAO7D,QAAQmD,MAAMC,KAAKW;IAC1BjE;IACAoE,WAAWC,YAAYhB,MAAMiB,IAAI;QAKtCzD,aACC,gBAAAoB,QAAA,cAACsC,mBAAAA;IACClC;IACAgB,OAAOxC;IACP2D,UAAU,CAACnB,UAAAA;AACTvC,kBAAY;QACVS,MAAM4B,OAAOC,OAAOlC,MAAAA,EAAQuD,KAAK,CAACC,MAAMA,EAAEpB,OAAOzC,UAAUyC,EAAE,EAAGtB;QAChE2C,IAAItB,MAAMrB;QACVqB,OAAOxC,UAAUyD;QACjBM,WAAWvB,MAAMiB;MACnB,CAAA;IACF;;AAKV,CAAA;AAGFzE,oBAAoBoB,cAAc;AAE3B,IAAMD,aAAa6D,gBAAAA,MAAKhF,mBAAAA;AAE/B,IAAM0E,oBAAoB,CAAC,EACzBlC,MACAgB,OACAmB,SAAQ,MAKT;AACC,QAAMtB,YAAY;IAAC;IAAK;IAAK;IAAK;IAAKrB,IAAI,CAACiD,WAAWpD,MAAAA;AACrD,UAAMM,WAAW;MAACqB,MAAMrB,SAAS,CAAA,KAAMqB,MAAMrB,SAAS,CAAA,MAAO,IAAIN,IAAI,CAACA;MAAI2B,MAAMrB,SAAS,CAAA;;AACzF,WAAO;MACLqB,OAAO;QACLC,IAAI,aAAawB,SAAAA;QACjBR,OAAOjB,MAAM0B,SAAS,UAAU,MAAM,OAAOD;QAC7CC,MAAM1B,MAAM0B;QACZ/C;MACF;MACAgB,QAAQX,KAAKD,iBAAiBJ,QAAAA,CAAAA;IAChC;EACF,CAAA;AAEA,QAAMgD,eAAe,CAACC,aAAAA;AACpBT,aAAS;MAAE,GAAGnB;MAAOiB,MAAMW,SAASX;IAAK,CAAA;EAC3C;AAEA,SACE,gBAAArC,QAAA,cAAAA,QAAA,UAAA,MACGiB,UAAUrB,IAAI,CAAC,EAAEwB,OAAAA,QAAOL,OAAM,MAC7B,gBAAAf,QAAA,cAAC4B,UAAUM,OAAK;IACdhC,KAAKkB,OAAMC;IACXvD,YAAY6D,IAAG,4CAA4CsB,YAAYN,SAAS;IAChFvB,OAAOA;IACPL;IACAoB,WAAWC,YAAYhB,OAAMiB,IAAI;IACjCa,SAAS,MAAMH,aAAa3B,MAAAA;;AAKtC;AAEA,IAAMP,oBAAoB,CAACsC,WAAwBpD,aAAAA;AACjD,SAAOoD,UAAUC,cAAc,mBAAmBjD,iBAAiBJ,QAAAA,CAAAA,IAAa;AAClF;",
-  "names": ["locationToString", "location", "join", "stringToLocation", "str", "split", "map", "Number", "isPiece", "piece", "isLocation", "token", "Array", "isArray", "length", "every", "val", "isEqualLocation", "l1", "l2", "getRelativeBounds", "container", "element", "containerRect", "getBoundingClientRect", "elementRect", "top", "left", "width", "height", "monitorForElements", "createContext", "React", "forwardRef", "useCallback", "useEffect", "useState", "log", "mx", "draggable", "centerUnderPointer", "setCustomNativeDragPreview", "React", "memo", "useEffect", "useRef", "useState", "createPortal", "invariant", "log", "useDynamicRef", "mx", "Piece", "memo", "classNames", "Component", "piece", "bounds", "label", "onClick", "model", "dragging", "isDragging", "promoting", "useGameboardContext", "displayName", "promotingRef", "useDynamicRef", "setDragging", "useState", "preview", "setPreview", "current", "setCurrent", "ref", "useRef", "useEffect", "el", "invariant", "draggable", "element", "getInitialData", "onGenerateDragPreview", "nativeSetDragImage", "source", "log", "data", "setCustomNativeDragPreview", "getOffset", "centerUnderPointer", "render", "container", "width", "height", "getBoundingClientRect", "style", "undefined", "canDrag", "readonly", "turn", "side", "onDragStart", "onDrop", "location", "dropTargets", "isLocation", "requestAnimationFrame", "isEqualLocation", "transition", "top", "left", "div", "className", "mx", "createPortal", "dropTargetForElements", "React", "memo", "useEffect", "useRef", "useState", "invariant", "log", "mx", "Square", "memo", "location", "bounds", "label", "classNames", "ref", "useRef", "state", "setState", "useState", "model", "useGameboardContext", "displayName", "useEffect", "el", "current", "invariant", "dropTargetForElements", "element", "getData", "canDrop", "source", "log", "data", "onDragEnter", "piece", "isPiece", "isValidMove", "from", "to", "type", "onDragLeave", "onDrop", "React", "div", "style", "className", "mx", "GameboardContextProvider", "useRadixGameboardContext", "createContext", "useGameboardContext", "consumerName", "GameboardRoot", "children", "model", "moveNumber", "onDrop", "dragging", "setDragging", "useState", "promoting", "setPromoting", "handlePromotion", "useCallback", "move", "log", "undefined", "useEffect", "monitorForElements", "onDragStart", "source", "location", "target", "current", "dropTargets", "targetLocation", "data", "piece", "isLocation", "isPiece", "from", "to", "type", "isValidMove", "canPromote", "React", "onPromotion", "displayName", "GameboardContent", "forwardRef", "classNames", "grow", "contain", "forwardedRef", "div", "role", "className", "mx", "ref", "Gameboard", "Root", "Content", "Piece", "Square", "Atom", "Chess", "ChessJS", "invariant", "log", "React", "SvgBB", "props", "svg", "xmlns", "viewBox", "path", "fill", "d", "React", "SvgBK", "props", "svg", "xmlns", "viewBox", "path", "fill", "d", "React", "SvgBN", "props", "svg", "xmlns", "viewBox", "path", "fill", "d", "React", "SvgBP", "props", "svg", "xmlns", "viewBox", "path", "fill", "d", "React", "SvgBQ", "props", "svg", "xmlns", "viewBox", "path", "fill", "d", "React", "SvgBR", "props", "svg", "xmlns", "viewBox", "path", "fill", "d", "React", "SvgWB", "props", "svg", "xmlns", "viewBox", "path", "fill", "d", "React", "SvgWK", "props", "svg", "xmlns", "viewBox", "path", "fill", "d", "React", "SvgWN", "props", "svg", "xmlns", "viewBox", "path", "fill", "d", "React", "SvgWP", "props", "svg", "xmlns", "viewBox", "path", "fill", "d", "React", "SvgWQ", "props", "svg", "xmlns", "viewBox", "path", "fill", "d", "React", "SvgWR", "props", "svg", "xmlns", "viewBox", "path", "fill", "d", "ChessPieces", "Alpha", "posToLocation", "pos", "col", "charCodeAt", "row", "parseInt", "locationToPos", "String", "fromCharCode", "getRawPgn", "pgn", "replace", "trim", "styles", "neutral", "black", "white", "promotion", "original", "blue", "green", "boardStyles", "getSquareColor", "createChess", "chess", "ChessJS", "loadPgn", "log", "warn", "ChessModel", "_chess", "_pieces", "Atom", "make", "_moveIndex", "_registry", "update", "readonly", "get", "history", "length", "turn", "game", "pieces", "moveIndex", "fen", "setMoveIndex", "index", "temp", "verbose", "i", "move", "_updateBoard", "previous", "setHeader", "createDate", "current", "isValidNextMove", "set", "isValidMove", "tryMove", "canPromote", "isPawnMove", "piece", "isToLastRank", "to", "makeMove", "makeRandomMove", "moves", "Math", "floor", "random", "createPieceMap", "from", "toLowerCase", "strict", "_createPieceMap", "_diffPieces", "test", "Set", "Object", "values", "forEach", "invariant", "has", "id", "add", "board", "flatMap", "record", "square", "type", "color", "pieceType", "toUpperCase", "location", "locationToString", "side", "before", "after", "difference", "removed", "added", "keys", "find", "p", "date", "Date", "toISOString", "slice", "Atom", "useAtomValue", "React", "forwardRef", "memo", "useEffect", "useMemo", "useRef", "useState", "useResizeDetector", "useForwardedRef", "mx", "isNonNullable", "EMPTY_PIECES_ATOM", "Atom", "make", "ChessboardComponent", "forwardRef", "classNames", "orientation", "showLabels", "debug", "rows", "cols", "forwardedRef", "targetRef", "useForwardedRef", "width", "height", "useResizeDetector", "refreshRate", "model", "promoting", "onPromotion", "useGameboardContext", "Chessboard", "displayName", "pieces", "useAtomValue", "squares", "useMemo", "Array", "from", "length", "_", "i", "flatMap", "row", "map", "col", "layout", "location", "React", "div", "key", "locationToString", "grid", "setGrid", "useState", "gridRef", "useRef", "useEffect", "reduce", "acc", "square", "getSquareLocation", "current", "bounds", "getRelativeBounds", "positions", "Object", "values", "piece", "id", "filter", "isNonNullable", "ref", "tabIndex", "className", "mx", "Gameboard", "Square", "label", "locationToPos", "undefined", "getSquareColor", "Piece", "Component", "ChessPieces", "type", "PromotionSelector", "onSelect", "find", "p", "to", "promotion", "memo", "pieceType", "side", "handleSelect", "selected", "boardStyles", "onClick", "container", "querySelector"]
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { type Atom } from '@effect-atom/atom-react';\n\n// TODO(burdon): Don't make this assumption.\nexport type Player = 'black' | 'white';\n\nexport type Location = [number, number];\n\nexport type PieceType = string;\n\nexport type PieceRecord<T extends PieceType = PieceType> = {\n  id: string;\n  type: T;\n  side: Player;\n  location: Location;\n};\n\n/**\n * Map of pieces by location.\n */\nexport type PieceMap<T extends PieceType = PieceType> = Record<string, PieceRecord<T>>;\n\nexport type Move = {\n  from: Location;\n  to: Location;\n  piece: PieceType;\n  promotion?: PieceType;\n};\n\nexport const locationToString = (location: Location): string => location.join('-');\nexport const stringToLocation = (str: string): Location => str.split('-').map(Number) as Location;\n\n// Type guard.\nexport const isPiece = (piece: unknown): piece is PieceRecord =>\n  piece != null &&\n  typeof piece === 'object' &&\n  'id' in piece &&\n  'type' in piece &&\n  'location' in piece &&\n  isLocation(piece.location);\n\n// Type guard.\nexport const isLocation = (token: unknown): token is Location =>\n  Array.isArray(token) && token.length === 2 && token.every((val) => typeof val === 'number');\n\nexport const isEqualLocation = (l1: Location, l2: Location): boolean => l1[0] === l2[0] && l1[1] === l2[1];\n\n/**\n * Generic board model.\n */\nexport interface GameboardModel<T extends PieceType = PieceType> {\n  readonly: boolean;\n  turn: Player;\n  pieces: Atom.Atom<PieceMap<T>>;\n  isValidMove: (move: Move) => boolean;\n  canPromote?: (move: Move) => boolean;\n}\n", "//\n// Copyright 2025 DXOS.org\n//\n\nexport type DOMRectBounds = Pick<DOMRect, 'top' | 'left' | 'width' | 'height'>;\n\nexport const getRelativeBounds = (container: HTMLElement, element: HTMLElement): DOMRectBounds => {\n  const containerRect = container.getBoundingClientRect();\n  const elementRect = element.getBoundingClientRect();\n  return {\n    top: elementRect.top - containerRect.top,\n    left: elementRect.left - containerRect.left,\n    width: elementRect.width,\n    height: elementRect.height,\n  };\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\nimport { createContext } from '@radix-ui/react-context';\nimport React, { type PropsWithChildren, forwardRef, useCallback, useEffect, useState } from 'react';\n\nimport { log } from '@dxos/log';\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/ui-theme';\n\nimport { Piece, type PieceProps } from './Piece';\nimport { Square, type SquareProps } from './Square';\nimport { type GameboardModel, type Move, type PieceRecord, isLocation, isPiece } from './types';\n\nexport type GameboardContextValue<M extends GameboardModel<any>> = {\n  model: M;\n  dragging?: boolean; // TODO(burdon): Change to PieceRecord.\n  promoting?: PieceRecord;\n  onPromotion: (move: Move) => void;\n};\n\nconst [GameboardContextProvider, useRadixGameboardContext] = createContext<GameboardContextValue<any>>('Gameboard');\n\nconst useGameboardContext = <M extends GameboardModel<any>>(consumerName: string): GameboardContextValue<M> => {\n  return useRadixGameboardContext(consumerName);\n};\n\n//\n// Root\n//\n\ntype GameboardRootProps<M extends GameboardModel<any>> = PropsWithChildren<{\n  model?: M;\n  onDrop?: (move: Move) => boolean;\n}>;\n\n/**\n * Generic board container.\n */\nconst GameboardRoot = <M extends GameboardModel<any>>({ children, model, onDrop }: GameboardRootProps<M>) => {\n  const [dragging, setDragging] = useState(false);\n  const [promoting, setPromoting] = useState<PieceRecord | undefined>();\n\n  const handlePromotion = useCallback<GameboardContextValue<GameboardModel<any>>['onPromotion']>((move) => {\n    log('onPromotion', { move });\n    setPromoting(undefined);\n    onDrop?.(move);\n  }, []);\n\n  useEffect(() => {\n    if (!model) {\n      return;\n    }\n\n    // TODO(burdon): Should target specific container.\n    return monitorForElements({\n      onDragStart: ({ source }) => {\n        log('onDragStart', { source });\n        setDragging(true);\n      },\n      onDrop: ({ source, location }) => {\n        log('onDrop', { source, location });\n        const target = location.current.dropTargets[0];\n        if (!target) {\n          return;\n        }\n\n        const targetLocation = target.data.location;\n        const piece = source.data.piece;\n        if (!isLocation(targetLocation) || !isPiece(piece)) {\n          return;\n        }\n\n        const move: Move = { from: piece.location, to: targetLocation, piece: piece.type };\n        if (model.isValidMove(move)) {\n          if (model.canPromote?.(move)) {\n            setPromoting({ ...piece, location: targetLocation });\n          } else {\n            onDrop?.(move);\n          }\n        }\n\n        setDragging(false);\n      },\n    });\n  }, [model]);\n\n  return (\n    <GameboardContextProvider model={model} dragging={dragging} promoting={promoting} onPromotion={handlePromotion}>\n      {children}\n    </GameboardContextProvider>\n  );\n};\n\nGameboardRoot.displayName = 'Gameboard.Root';\n\n//\n// Content\n//\n\ntype GameboardContentProps = ThemedClassName<PropsWithChildren<{ grow?: boolean; contain?: boolean }>>;\n\nconst GameboardContent = forwardRef<HTMLDivElement, GameboardContentProps>(\n  ({ children, classNames, grow, contain }, forwardedRef) => {\n    return (\n      <div\n        role='none'\n        className={mx(grow && 'grid w-full h-full dx-size-container place-content-center', classNames)}\n        ref={forwardedRef}\n      >\n        {contain ? <div className='w-[min(100cqw,100cqh)] h-[min(100cqw,100cqh)]'>{children}</div> : children}\n      </div>\n    );\n  },\n);\n\nGameboardContent.displayName = 'Gameboard.Content';\n\n//\n// Gameboard\n//\n\nexport const Gameboard = {\n  Root: GameboardRoot,\n  Content: GameboardContent,\n  Piece,\n  Square,\n};\n\nexport { useGameboardContext };\n\nexport type {\n  GameboardRootProps,\n  GameboardContentProps,\n  PieceProps as GameboardPieceProps,\n  SquareProps as GameboardSquareProps,\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { draggable } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\nimport { centerUnderPointer } from '@atlaskit/pragmatic-drag-and-drop/element/center-under-pointer';\nimport { setCustomNativeDragPreview } from '@atlaskit/pragmatic-drag-and-drop/element/set-custom-native-drag-preview';\nimport React, { type FC, type SVGProps, memo, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { invariant } from '@dxos/invariant';\nimport { log } from '@dxos/log';\nimport { type ThemedClassName, useDynamicRef } from '@dxos/react-ui';\nimport { mx } from '@dxos/ui-theme';\n\nimport { useGameboardContext } from './Gameboard';\nimport { type Location, type PieceRecord, type Player, isEqualLocation, isLocation } from './types';\nimport { type DOMRectBounds } from './util';\n\nexport type PieceProps = ThemedClassName<{\n  Component: FC<SVGProps<SVGSVGElement>>;\n  piece: PieceRecord;\n  bounds: DOMRectBounds;\n  label?: string;\n  orientation?: Player;\n  onClick?: () => void;\n}>;\n\nconst PIECE_NAME = 'Piece';\n\nexport const Piece = memo(({ classNames, Component, piece, bounds, label, onClick }: PieceProps) => {\n  const { model, dragging: isDragging, promoting } = useGameboardContext(PIECE_NAME);\n  const promotingRef = useDynamicRef(promoting);\n  const [dragging, setDragging] = useState(false);\n  const [preview, setPreview] = useState<HTMLElement>();\n\n  // Current position.\n  const [current, setCurrent] = useState<{ location?: Location; bounds?: DOMRectBounds }>({});\n\n  const ref = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (!model) {\n      return;\n    }\n\n    const el = ref.current;\n    invariant(el);\n\n    return draggable({\n      element: el,\n      getInitialData: () => ({ piece }),\n      onGenerateDragPreview: ({ nativeSetDragImage, source }) => {\n        log('onGenerateDragPreview', { source: source.data });\n        setCustomNativeDragPreview({\n          getOffset: centerUnderPointer,\n          render: ({ container }) => {\n            setPreview(container);\n            const { width, height } = el.getBoundingClientRect();\n            container.style.width = width + 'px';\n            container.style.height = height + 'px';\n            return () => {\n              setPreview(undefined);\n            };\n          },\n          nativeSetDragImage,\n        });\n      },\n      canDrag: () => !promotingRef.current && !model.readonly && model.turn === piece.side,\n      onDragStart: () => setDragging(true),\n      onDrop: ({ location: { current } }) => {\n        // TODO(burdon): Create wrapper function to catch errors.\n        try {\n          const location = current.dropTargets[0]?.data.location;\n          if (isLocation(location)) {\n            setCurrent((current) => ({ ...current, location }));\n          }\n        } catch {\n          // Ignore.\n        }\n\n        setDragging(false);\n      },\n    });\n  }, [model, piece]);\n\n  // Must update position independently of render cycle (otherwise animation is interrupted).\n  useEffect(() => {\n    requestAnimationFrame(() => {\n      if (!ref.current || !bounds) {\n        return;\n      }\n\n      // Check if piece moved.\n      if (!current.location || !isEqualLocation(current.location, piece.location)) {\n        ref.current.style.transition = 'top 250ms ease-out, left 250ms ease-out';\n        ref.current.style.top = bounds.top + 'px';\n        ref.current.style.left = bounds.left + 'px';\n        setCurrent({ location: piece.location, bounds });\n      } else if (current.bounds !== bounds) {\n        ref.current.style.transition = 'none';\n        ref.current.style.top = bounds.top + 'px';\n        ref.current.style.left = bounds.left + 'px';\n        setCurrent({ location: piece.location, bounds });\n      }\n    });\n  }, [current, piece.location, bounds]);\n\n  return (\n    <>\n      <div\n        ref={ref}\n        style={{\n          width: bounds?.width,\n          height: bounds?.height,\n        }}\n        className={mx(\n          'absolute',\n          classNames,\n          dragging && 'opacity-20', // Must not unmount component while dragging.\n          isDragging && 'pointer-events-none', // Don't block the square's drop target.\n        )}\n        onClick={onClick}\n      >\n        <Component className='grow' />\n        {label && <div className='absolute inset-1 text-xs text-black'>{label}</div>}\n      </div>\n\n      {preview &&\n        createPortal(\n          <div className={mx(classNames)}>\n            <Component className='grow' />\n          </div>,\n          preview,\n        )}\n    </>\n  );\n});\n\nPiece.displayName = PIECE_NAME;\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { dropTargetForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';\nimport React, { memo, useEffect, useRef, useState } from 'react';\n\nimport { invariant } from '@dxos/invariant';\nimport { log } from '@dxos/log';\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { mx } from '@dxos/ui-theme';\n\nimport { useGameboardContext } from './Gameboard';\nimport { type Location, isPiece } from './types';\nimport { type DOMRectBounds } from './util';\n\ntype HoveredState = 'idle' | 'validMove' | 'invalidMove';\n\nexport type SquareProps = ThemedClassName<{\n  location: Location;\n  bounds: DOMRectBounds;\n  label?: string;\n}>;\n\nconst SQUARE_NAME = 'Square';\n\nexport const Square = memo(({ location, bounds, label, classNames }: SquareProps) => {\n  const ref = useRef<HTMLDivElement>(null);\n  const [state, setState] = useState<HoveredState>('idle');\n  const { model } = useGameboardContext(SQUARE_NAME);\n\n  useEffect(() => {\n    const el = ref.current;\n    invariant(el);\n\n    return dropTargetForElements({\n      element: el,\n      getData: () => ({ location }),\n      canDrop: ({ source }) => {\n        log('canDrop', { source: source.data });\n        return true;\n      },\n      onDragEnter: ({ source }) => {\n        log('onDragEnter', { source: source.data });\n        const piece = source.data.piece;\n        if (!isPiece(piece)) {\n          return;\n        }\n\n        if (model?.isValidMove({ from: piece.location, to: location, piece: piece.type })) {\n          setState('validMove');\n        } else {\n          setState('invalidMove');\n        }\n      },\n      onDragLeave: () => setState('idle'),\n      onDrop: () => setState('idle'),\n    });\n  }, [model, location]);\n\n  return (\n    <div\n      ref={ref}\n      style={bounds}\n      className={mx(\n        'absolute flex justify-center items-center border-2 box-border select-none',\n        classNames,\n        state === 'validMove' ? 'border-neutral-800' : 'border-transparent',\n      )}\n    >\n      {label && <div className={mx('absolute bottom-1 left-1 text-xs text-neutral-500')}>{label}</div>}\n    </div>\n  );\n});\n\nSquare.displayName = SQUARE_NAME;\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Atom, type Registry } from '@effect-atom/atom-react';\nimport { Chess as ChessJS } from 'chess.js';\nimport { type FC, type SVGProps } from 'react';\n\nimport { invariant } from '@dxos/invariant';\nimport { log } from '@dxos/log';\n\nimport * as Alpha from '../../gen/pieces/chess/alpha';\nimport {\n  type GameboardModel,\n  type Location,\n  type Move,\n  type PieceMap,\n  type PieceType,\n  type Player,\n  locationToString,\n} from '../Gameboard';\n\nexport type ChessPiece = 'BK' | 'BQ' | 'BR' | 'BB' | 'BN' | 'BP' | 'WK' | 'WQ' | 'WR' | 'WB' | 'WN' | 'WP';\n\nexport const ChessPieces: Record<ChessPiece, FC<SVGProps<SVGSVGElement>>> = Alpha;\n\nexport const posToLocation = (pos: string): Location => {\n  const col = pos.charCodeAt(0) - 'a'.charCodeAt(0);\n  const row = parseInt(pos[1]) - 1;\n  return [row, col];\n};\n\nexport const locationToPos = ([row, col]: Location): string => {\n  return String.fromCharCode(col + 'a'.charCodeAt(0)) + (row + 1);\n};\n\nexport const getRawPgn = (pgn: string) => {\n  return pgn.replace(/\\[.*?\\]/g, '').trim();\n};\n\nconst styles = {\n  neutral: {\n    black: 'bg-neutral-50',\n    white: 'bg-neutral-200',\n    promotion: 'bg-neutral-200 hover:bg-neutral-300 opacity-70 hover:opacity-100',\n  },\n  original: {\n    black: 'bg-[#6C95B9]',\n    white: 'bg-[#CCD3DB]',\n    promotion: 'duration-500 bg-[#CCD3DB] opacity-70 hover:opacity-100',\n  },\n  blue: {\n    black: 'bg-[#608BC1]',\n    white: 'bg-[#CBDCEB]',\n    promotion: 'duration-500 bg-[#CBDCEB] opacity-70 hover:opacity-100',\n  },\n  green: {\n    black: 'bg-[#8EB486]',\n    white: 'bg-[#FDF7F4]',\n    promotion: 'duration-500 bg-[#FDF7F4] opacity-70 hover:opacity-100',\n  },\n};\n\nexport const boardStyles = styles.original;\n\nexport const getSquareColor = ([row, col]: Location) => {\n  return (col + row) % 2 === 0 ? boardStyles.black : boardStyles.white;\n};\n\nexport const createChess = (pgn?: string): ChessJS => {\n  const chess = new ChessJS();\n  if (pgn) {\n    try {\n      chess.loadPgn(pgn);\n    } catch {\n      log.warn(pgn);\n    }\n  }\n\n  return chess;\n};\n\n/**\n * Chess model.\n */\nexport class ChessModel implements GameboardModel<ChessPiece> {\n  private readonly _chess = new ChessJS();\n  private readonly _pieces = Atom.make<PieceMap<ChessPiece>>({});\n  private readonly _moveIndex = Atom.make(0);\n\n  constructor(\n    private readonly _registry: Registry.Registry,\n    pgn?: string,\n  ) {\n    this.update(pgn);\n  }\n\n  get readonly(): boolean {\n    return this._registry.get(this._moveIndex) !== this._chess.history().length;\n  }\n\n  get turn(): Player {\n    return this._chess.turn() === 'w' ? 'white' : 'black';\n  }\n\n  get game(): ChessJS {\n    return this._chess;\n  }\n\n  get pieces(): Atom.Atom<PieceMap<ChessPiece>> {\n    return this._pieces;\n  }\n\n  get moveIndex(): Atom.Atom<number> {\n    return this._moveIndex;\n  }\n\n  get fen() {\n    return this._chess.fen();\n  }\n\n  /**\n   * PGN with headers.\n   *\n   * [Event \"?\"]\n   * [Site \"?\"]\n   * [Date \"2025.08.05\"]\n   * [Round \"?\"]\n   * [White \"?\"]\n   * [Black \"?\"]\n   * [Result \"*\"]\n   */\n  // TODO(burdon): Update headers.\n  get pgn(): string {\n    return getRawPgn(this._chess.pgn());\n  }\n\n  setMoveIndex(index: number) {\n    const temp = new ChessJS();\n    const history = this._chess.history({ verbose: true });\n    for (let i = 0; i < index && i < history.length; i++) {\n      temp.move(history[i]);\n    }\n    this._updateBoard(temp);\n  }\n\n  update(pgn = ''): void {\n    const previous = this._chess.history();\n    try {\n      this._chess.loadPgn(pgn);\n      // TODO(burdon): Get from TS.\n      // TODO(burdon): Update if not set.\n      this._chess.setHeader('Date', createDate());\n      this._chess.setHeader('Site', 'dxos.org');\n      // TODO(burdon): Update player keys.\n      // this._chess.setHeader('White', 'White');\n      // this._chess.setHeader('Black', 'Black');\n    } catch {\n      // Ignore.\n    }\n\n    const current = this._chess.history();\n    if (!isValidNextMove(previous, current)) {\n      this._registry.set(this._pieces, {});\n    }\n\n    this._updateBoard(this._chess);\n  }\n\n  isValidMove(move: Move): boolean {\n    return tryMove(new ChessJS(this._chess.fen()), move) !== null;\n  }\n\n  canPromote(move: Move): boolean {\n    const isPawnMove = move.piece === 'BP' || move.piece === 'WP';\n    const isToLastRank = move.to[0] === 0 || move.to[0] === 7;\n    return isPawnMove && isToLastRank;\n  }\n\n  makeMove(move: Move): boolean {\n    const game = tryMove(this._chess, move);\n    if (!game) {\n      return false;\n    }\n\n    this._updateBoard(this._chess);\n    return true;\n  }\n\n  makeRandomMove(): boolean {\n    const moves = this._chess.moves();\n    if (!moves.length) {\n      return false;\n    }\n\n    const move = moves[Math.floor(Math.random() * moves.length)];\n    this._chess.move(move);\n\n    this._updateBoard(this._chess);\n    return true;\n  }\n\n  /**\n   * Update pieces preserving identity.\n   */\n  private _updateBoard(chess: ChessJS): void {\n    this._registry.set(this._pieces, createPieceMap(chess));\n    this._registry.set(this._moveIndex, chess.history().length);\n  }\n}\n\n/**\n * Attempt move.\n */\nconst tryMove = (chess: ChessJS, move: Move): ChessJS | null => {\n  const from = locationToPos(move.from);\n  const to = locationToPos(move.to);\n  try {\n    const promotion = move.promotion ? move.promotion[1].toLowerCase() : 'q';\n    chess.move({ from, to, promotion }, { strict: false });\n    return chess;\n  } catch {\n    return null;\n  }\n};\n\nconst isValidNextMove = (previous: string[], current: string[]) => {\n  if (current.length > previous.length + 1) {\n    return false;\n  }\n\n  for (let i = 0; i < previous.length; i++) {\n    if (previous[i] !== current[i]) {\n      return false;\n    }\n  }\n\n  return true;\n};\n\n/**\n * Starting from a new game, assign piece IDs based on their starting position.\n * Then iterate through the history of the provided game and update the piece map.\n */\nexport const createPieceMap = (chess: ChessJS): PieceMap<ChessPiece> => {\n  const temp = new ChessJS();\n  let pieces = _createPieceMap(temp);\n  const history = chess.history({ verbose: true });\n  for (let i = 0; i < history.length; i++) {\n    const move = history[i];\n    temp.move(move);\n    pieces = _diffPieces(pieces, _createPieceMap(temp));\n    const test = new Set();\n    Object.values(pieces).forEach((piece) => {\n      invariant(!test.has(piece.id), 'Duplicate: ' + piece.id);\n      test.add(piece.id);\n    });\n  }\n\n  return pieces;\n};\n\n/**\n * Create a map of pieces from the board positions; assign each piece the ID of the current square.\n */\nconst _createPieceMap = (chess: ChessJS): PieceMap<ChessPiece> => {\n  const pieces: PieceMap<ChessPiece> = {};\n  chess.board().flatMap((row) =>\n    row.forEach((record) => {\n      if (!record) {\n        return;\n      }\n\n      const { square, type, color } = record;\n      const pieceType = `${color.toUpperCase()}${type.toUpperCase()}` as ChessPiece;\n      const location = posToLocation(square);\n      pieces[locationToString(location)] = {\n        id: `${square}-${pieceType}`,\n        type: pieceType,\n        side: color === 'w' ? 'white' : 'black',\n        location,\n      };\n    }),\n  );\n\n  return pieces;\n};\n\n/**\n * Preserve the original piece objects (and IDs).\n */\nconst _diffPieces = <T extends PieceType>(before: PieceMap<T>, after: PieceMap<T>): PieceMap<T> => {\n  const difference: { added: PieceMap; removed: PieceMap } = {\n    removed: {},\n    added: {},\n  };\n\n  // Removed.\n  (Object.keys(before) as Array<keyof typeof before>).forEach((square) => {\n    if (after[square]?.type !== before[square]?.type) {\n      difference.removed[square] = before[square];\n    }\n  });\n\n  // Added.\n  (Object.keys(after) as Array<keyof typeof after>).forEach((square) => {\n    if (before[square]?.type !== after[square]?.type) {\n      difference.added[square] = after[square];\n    } else {\n      after[square] = before[square];\n    }\n  });\n\n  // Preserve IDs.\n  for (const piece of Object.values(difference.added)) {\n    const previous = Object.values(difference.removed).find((p) => p.type === piece.type);\n    if (previous) {\n      piece.id = previous.id;\n    }\n  }\n\n  return after;\n};\n\nconst createDate = (date = new Date()) => date.toISOString().slice(0, 10).replace(/-/g, '.'); // e.g., \"2025.08.05\"\n", "import * as React from 'react';\nimport type { SVGProps } from 'react';\nconst SvgBB = (props: SVGProps<SVGSVGElement>) => (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048' {...props}>\n    <path fill='#f9f9f9' d='M732 1290 628 993l386-417 421 375-132 380 49 152-658-9z' />\n    <path\n      fill='#101010'\n      d='M768 1365q-5 39-26 82h564q-18-36-26-82zm495-73 46-73q-142-49-285-47-144-2-285 47l46 73q118-40 239-38 120-2 239 38m-432 227H624q67-116 72-229-114-119-162-223t-6-224q33-96 118-189t312-247q-17-11-46-36t-29-79q0-58 41-96t100-38q58 0 100 38t41 96q0 54-29 79t-46 36q226 153 311 247t119 189q42 119-6 224t-162 223q4 113 72 229h-207l10 16q33 53 70 60t89 7h250q76 0 142 62t65 179h-495q-123 0-223-84t-101-199q0 114-101 199t-223 84H205q0-117 65-179t142-62h250q51 0 88-7t71-60zm146-701h-95v89h95v165h94V907h95v-89h-95V714h-94z'\n    />\n  </svg>\n);\nexport default SvgBB;\n", "import * as React from 'react';\nimport type { SVGProps } from 'react';\nconst SvgBK = (props: SVGProps<SVGSVGElement>) => (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048' {...props}>\n    <path\n      fill='#f9f9f9'\n      d='m553 1485-55 320 1048 5-48-335s324-313 330-467c7-153-35-331-241-406-183-67-372 121-372 121l-182-161-190 160S658 586 587 592a373 373 0 0 0-362 333c10 331 328 560 328 560'\n    />\n    <path\n      fill='#101010'\n      d='M1024 1769h489l-12-73H547l-12 73zm0-921q-25-60-62-111 31-48 62-65 30 17 62 65-38 51-62 111m-97 454q-154 11-303 58-123-108-200-213t-77-202q0-89 74-159t148-70q67 0 135 63t102 130q30 54 75 175t46 218m-350 217-26 156 145-84zm447-907q-47 0-136 121-31-36-50-55 93-140 186-140 92 0 186 140-20 19-50 55-90-121-136-121m0 775q-1-126-42-267t-84-227l-14-27-12-23q-28-43-48-69-51-63-120-105t-134-42q-103 0-208 93T257 949q0 120 99 255t249 259q201-74 419-76m0 456H448l61-365q-325-280-326-535-1-159 125-274t267-116q78 0 159 47t142 119q61 74 99 165t49 150q12-60 49-150t99-165q61-72 142-119t159-47q140 0 266 116t126 274q-2 255-326 535l61 365zm97-541q0-97 45-218t76-175q34-68 102-130t135-63q74 0 148 70t74 159q0 96-77 202t-200 213q-150-47-303-58m350 217-119 72 145 84zm-447-132q217 2 419 76 150-125 249-259t99-255q0-136-105-229t-208-93q-66 0-135 42t-119 105q-21 26-48 69l-12 23-14 27q-44 85-85 227t-41 267m-139 159 139 86 139-84-139-86zm92-1248v-95h94v95h107v95h-107v153q-48-16-94 0V393H870v-95z'\n    />\n  </svg>\n);\nexport default SvgBK;\n", "import * as React from 'react';\nimport type { SVGProps } from 'react';\nconst SvgBN = (props: SVGProps<SVGSVGElement>) => (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048' {...props}>\n    <path\n      fill='#f9f9f9'\n      d='M1658 1806c-408-301-71-920-452-1343l60-16s296 167 320 257c182 468 41 691 135 1077zM972 523l120 176-312-3zM498 981l-93-41 42-93 127 28z'\n    />\n    <path\n      fill='#101010'\n      d='m502 868-52 1-26 64 69 21 46-55zm536-187q34 1-16-68t-80-42L826 680zm-338-98q6-39 116-107t220-144l115-154 96 217q342 172 433 418t47 603q-18 128 5 236t57 190l-1242 1q-9-178 39-301t183-238q50-11 83-39t53-59l63-1 138-29 139-97 66-207q0-17-8-34t-12-37q-62 228-161 289t-191 58q-236-42-292 60l-56 102-217-121 115-82-51-50-122 86-12-297zm981 1192q-102-130-85-308t27-363-50-351-316-276q220 164 253 342t16 351-12 329 167 276'\n    />\n  </svg>\n);\nexport default SvgBN;\n", "import * as React from 'react';\nimport type { SVGProps } from 'react';\nconst SvgBP = (props: SVGProps<SVGSVGElement>) => (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048' {...props}>\n    <path\n      fill='#101010'\n      d='M1024 1843H446v-74q-4-80 42-137t125-108q117-91 172-217t78-268H576l284-239q-86-74-86-188 0-103 73-177t177-74q103 0 177 74t73 177q0 114-86 188l284 239h-287q23 141 78 268t172 217q79 51 125 108t42 137v74z'\n    />\n  </svg>\n);\nexport default SvgBP;\n", "import * as React from 'react';\nimport type { SVGProps } from 'react';\nconst SvgBQ = (props: SVGProps<SVGSVGElement>) => (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048' {...props}>\n    <path fill='#f9f9f9' d='m520 1801.8 41.5-448.7 474-128.9 458 133.5 34.4 446.4z' />\n    <path\n      fill='#101010'\n      d='M590 1519q4 72-15 158l134-86zm434 324H441q114-231 57.5-456.5T296 937q-12 2-19 2-54 0-92.5-38.5T146 808t38.5-92.5T277 677t92.5 38.5T408 808q0 20-6 38-4 14-15 33l196 139 100-486q-64-31-72-103-5-44 29-91t88-53q54-5 96 29t48 88q7 68-46 114l198 412 198-412q-54-46-46-114 6-54 48-88t96-29q54 6 87.5 53t29.5 91q-9 72-72 103l100 486 196-139q-12-19-15-33-6-18-6-38 0-54 38.5-92.5T1771 677t92.5 38.5T1902 808t-38.5 92.5T1771 939q-7 0-19-2-147 224-203 449.5t58 456.5zm0-450q109 0 222 28.5t213 67.5q2-41 11-89-108-42-221.5-68t-224.5-26-225 26-221 68q8 48 11 89 99-39 212-67.5t223-28.5m0 376h478q-15-34-24-73H570q-10 39-24 73zm434-250-119 72 134 86q-20-86-15-158m-573 47 139 87 139-84-139-86z'\n    />\n  </svg>\n);\nexport default SvgBQ;\n", "import * as React from 'react';\nimport type { SVGProps } from 'react';\nconst SvgBR = (props: SVGProps<SVGSVGElement>) => (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048' {...props}>\n    <path fill='#f9f9f9' d='m674 732-76 807 851 14-75-833z' />\n    <path\n      fill='#101010'\n      d='M1024 1843H383l29-264 159-118 50-659-149-107-17-341h289v147h137V354h286v147h137V354h289l-17 341-149 107 50 659 159 118 29 264zm0-989h333l-6-88H697l-6 88zm0 647h381l-6-87H649l-6 87z'\n    />\n  </svg>\n);\nexport default SvgBR;\n", "import * as React from 'react';\nimport type { SVGProps } from 'react';\nconst SvgWB = (props: SVGProps<SVGSVGElement>) => (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048' {...props}>\n    <path\n      fill='#f9f9f9'\n      d='m948 366 1-139 148-7 1 147zM564 860c114-267 456-443 456-443s392 176 476 502c-9 209-183 332-183 332l27 221-653 6 46-233s-230-171-169-385m-101 790c175 6 355 23 425-142h92s0 190-88 246c-163 103-625 38-625 38s-15-146 196-142m631 37-36-185 102 5s22 153 315 131c381-17 318 153 318 153l-483 5z'\n    />\n    <path\n      fill='#101010'\n      d='M1024 356q66 0 64-66 1-55-64-55-66 0-64 55-3 66 64 66m0 1204q0 114-101 199t-223 84H205q0-117 65-179t142-62h250q51 0 88-7t71-60l10-16h76q-7 21-3 13-45 105-109 125t-146 19H409q-52 0-86 40t-34 53h424q66 0 159-65t93-185H624q67-116 72-229-114-119-162-223t-6-224q33-96 118-189t312-247q-17-11-46-36t-29-79q0-58 41-96t100-38q58 0 100 38t41 96q0 54-29 79t-46 36q226 153 311 247t119 189q42 119-6 224t-162 223q4 113 72 229h-341q0 120 93 185t159 65h424q0-13-34-53t-86-40h-240q-83 0-146-19t-109-125q4 8-3-13h76l10 16q33 53 70 60t89 7h250q76 0 142 62t65 179h-495q-123 0-223-84t-101-199m0-114h283q-28-84-29-154-120-41-254-38-135-3-254 38-2 70-29 154zm0-267q159-1 285 42 189-180 142-346-60-193-427-431-368 238-427 431-48 166 142 346 125-43 285-42m-47-361V714h94v104h95v89h-95v165h-94V907h-95v-89z'\n    />\n  </svg>\n);\nexport default SvgWB;\n", "import * as React from 'react';\nimport type { SVGProps } from 'react';\nconst SvgWK = (props: SVGProps<SVGSVGElement>) => (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048' {...props}>\n    <path\n      fill='#f9f9f9'\n      d='m501.6 1811 48.4-354.4-260-269.2s-166.4-288.2 29.9-481C582.2 448.7 826 727.2 826 727.2l195.6-165.7 184 165.7s216.4-232.5 430.4-76 255.4 317.6 117.4 531.6c-138.1 214-250.9 280.7-250.9 280.7L1558 1811z'\n    />\n    <path\n      fill='#101010'\n      d='M977 298v-95h94v95h107v95h-107v153q-48-16-94 0V393H870v-95zm47 314q-47 0-136 121-31-36-50-55 93-140 186-140 92 0 186 140-20 19-50 55-90-121-136-121m-447 907-26 156 145-84zm410-206q-1-147-36.5-274.5T870 845q-45-88-131.5-153T570 627q-103 0-208 93T257 949q0 109 86.5 236T546 1408q212-88 441-95m37 530H448l61-365q-325-280-326-535-1-159 125-274.5T575 553q78 0 158.5 47T876 719q61 74 98.5 164.5T1024 1034q12-60 49-150.5t99-164.5q61-72 142-119t159-47q140 0 266 115.5T1865 943q-2 255-326 535l61 365zm0-74h489l-50-298q-216-84-439-84t-439 84l-50 298zm447-250 26 156-145-84zm-410-206q229 7 441 95 115-96 202-223t87-236q0-136-105.5-229T1478 627q-83 0-169.5 65T1178 845q-46 66-81.5 193.5T1061 1313m-176 233 141-84 137 86-141 84z'\n    />\n  </svg>\n);\nexport default SvgWK;\n", "import * as React from 'react';\nimport type { SVGProps } from 'react';\nconst SvgWN = (props: SVGProps<SVGSVGElement>) => (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048' {...props}>\n    <path\n      fill='#f9f9f9'\n      d='m352 861 787-569 94 148s336 103 398 388c63 286 51 974 51 974l-1088 9s-37-290 184-460c221-171 221-212 221-212s-226-71-295-16-117 138-117 138l-129-67 74-85-88-97-94 56z'\n    />\n    <path\n      fill='#101010'\n      d='m1151 178-115 154c-74 50-147 98-220 144-73 45-112 81-116 107L304 846l12 297 122-86 51 50-115 82 217 121 56-102c37-68 135-88 292-60l-55 85c-25 37-63 60-115 71a608 608 0 0 0-183 238c-32 82-45 182-39 301h1242c-23-55-42-118-57-190-15-73-17-152-5-237 29-239 13-440-47-603-61-164-205-303-433-418zm-17 145 59 133a664 664 0 0 1 262 188c55 72 100 150 134 234 27 97 40 181 41 253 0 71-3 140-9 205-7 65-11 131-13 199-2 67 9 145 32 234H621c-4-84 12-158 48-223s85-124 146-177c78-22 129-56 152-102s53-90 90-131c13-10 27-15 38-15 10-1 21 0 33-2 52-7 95-36 129-85 33-49 51-104 52-165l-19-67c-37 159-99 245-188 257l-45 6c-16 1-33 10-52 26-41-25-87-35-138-31q-111 9-165 27l-108 73-39 45-47-28 78-65-138-144-64 41-4-125 366-241c15-34 58-74 131-120l208-131zM960 564c-6 0-12 2-18 7L826 671l212 2c23 0 17-21-16-63-24-31-44-46-62-46M502 868l-33 4-33 56 57 26 46-55z'\n    />\n  </svg>\n);\nexport default SvgWN;\n", "import * as React from 'react';\nimport type { SVGProps } from 'react';\nconst SvgWP = (props: SVGProps<SVGSVGElement>) => (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048' {...props}>\n    <path\n      fill='#f9f9f9'\n      d='m734 981 196-193s-189-82-79-288c79-149 303-114 361 50 63 179-113 240-113 240l226 197Zm-235 799s-8-107 50-154c196-173 338-386 371-599l210 2c33 206 182 447 321 561 101 59 99 199 99 199z'\n    />\n    <path\n      fill='#101010'\n      d='M520 1769h1008q8-97-132-182-132-101-196-239t-80-309H928q-15 170-79 309t-197 239q-141 85-132 182m504 74H446v-74q-4-80 42-137t125-108q117-91 172-217t78-268H576l284-239q-86-74-86-188 0-103 73-177t177-74q103 0 177 74t73 177q0 114-86 188l284 239h-287q23 141 78 268t172 217q79 51 125 108t42 137v74zM756 974h536l-225-191q134-31 134-171 0-76-52-126t-125-51q-73 0-125 51t-52 126q0 140 134 171z'\n    />\n  </svg>\n);\nexport default SvgWP;\n", "import * as React from 'react';\nimport type { SVGProps } from 'react';\nconst SvgWQ = (props: SVGProps<SVGSVGElement>) => (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048' {...props}>\n    <path\n      fill='#f9f9f9'\n      d='m508.5 1815.6 48.4-356.7-216.3-554.6-135.8-20.7-16.1-126.5 112.7-43.8 78.3 73.7-18.4 99 246.2 197.8 112.8-568.3L635 428l78.3-108 112.8 43.7-23 161 223.2 474 244-490-66.8-105.9 92-92 105.9 73.6L1337 534l103.5 529.2 260-161-16-142.7 131-46 57.6 131.1-207 103.6-175 529.2 48.4 308.4z'\n    />\n    <path\n      fill='#101010'\n      d='M1024 1769h478q-53-130-43-280-100-39-213-67.5t-222-28.5q-110 0-223 28.5T589 1489q9 150-43 280zm0-450q111 0 223.5 26.5T1468 1413q17-105 60.5-212.5T1634 988l-220 155-123-601-267 555-267-555-123 601-220-155q61 105 104.5 212.5T580 1413q108-41 220.5-67.5T1024 1319m0 524H441q114-231 57.5-456.5T296 937q-12 2-19 2-54 0-92.5-38.5T146 808t38.5-92.5T277 677t92.5 38.5T408 808q0 20-6 38-4 14-15 33l196 139 100-486q-64-31-72-103-5-44 29-91t88-53q54-5 96 29t48 88q7 68-46 114l198 412 198-412q-54-46-46-114 6-54 48-88t96-29q54 6 87.5 53t29.5 91q-9 72-72 103l100 486 196-139q-12-19-15-33-6-18-6-38 0-54 38.5-92.5T1771 677t92.5 38.5T1902 808t-38.5 92.5T1771 939q-7 0-19-2-147 224-203 449.5t58 456.5zM276 746q-62 0-62 62t62 62q63 0 63-62t-63-62m466-394q-62 0-62 62t62 62 62-62-62-62M590 1519l119 72-134 86q19-86 15-158m1182-773q-63 0-63 62t63 62q62 0 62-62t-62-62m-466-394q-62 0-62 62t62 62 62-62-62-62m152 1167-119 72 134 86q-20-86-15-158m-573 47 139-83 139 86-139 84z'\n    />\n  </svg>\n);\nexport default SvgWQ;\n", "import * as React from 'react';\nimport type { SVGProps } from 'react';\nconst SvgWR = (props: SVGProps<SVGSVGElement>) => (\n  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2048 2048' {...props}>\n    <path\n      fill='#f9f9f9'\n      d='m435 1804 16-212 152-115 51-688-148-115-7-276 210-2 4 138 198 2 7-140 212-3 14 145 193-4 5-138h204l-7 285-145 106 42 693 172 124 19 207z'\n    />\n    <path\n      fill='#101010'\n      d='M1024 1501H643l5-74h752l5 74zm0-661H692l5-74h654l5 74zm0 1003H383l29-264 159-118 50-659-149-107-17-341h289v147h137V354h286v147h137V354h289l-17 341-149 107 50 659 159 118 29 264zm0-74h557l-15-149-161-119-54-735 152-109 13-230h-138v148h-285V427H955v148H670V427H532l13 230 152 109-54 735-161 119-15 149z'\n    />\n  </svg>\n);\nexport default SvgWR;\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { Atom, useAtomValue } from '@effect-atom/atom-react';\nimport React, { type PropsWithChildren, forwardRef, memo, useEffect, useMemo, useRef, useState } from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\n\nimport { type ThemedClassName, useForwardedRef } from '@dxos/react-ui';\nimport { mx } from '@dxos/ui-theme';\nimport { isNonNullable } from '@dxos/util';\n\nimport {\n  type DOMRectBounds,\n  Gameboard,\n  type Location,\n  type PieceMap,\n  type PieceRecord,\n  type Player,\n  getRelativeBounds,\n  locationToString,\n  useGameboardContext,\n} from '../Gameboard';\n\nimport { type ChessModel, type ChessPiece, ChessPieces, boardStyles, getSquareColor, locationToPos } from './chess';\n\n/** Fallback atom for when model is undefined. */\nconst EMPTY_PIECES_ATOM = Atom.make<PieceMap<ChessPiece>>({});\n\n/**\n * Chessboard layout.\n */\nconst CHESSBOARD_NAME = 'Chessboard';\n\nexport type ChessboardProps = ThemedClassName<\n  PropsWithChildren<{\n    orientation?: Player;\n    showLabels?: boolean;\n    debug?: boolean;\n    rows?: number;\n    cols?: number;\n  }>\n>;\n\nconst ChessboardComponent = forwardRef<HTMLDivElement, ChessboardProps>(\n  ({ classNames, orientation, showLabels, debug, rows = 8, cols = 8 }, forwardedRef) => {\n    const targetRef = useForwardedRef(forwardedRef);\n    const { width, height } = useResizeDetector({ targetRef, refreshRate: 200 });\n    const { model, promoting, onPromotion } = useGameboardContext<ChessModel>(CHESSBOARD_NAME);\n    const pieces = useAtomValue(model?.pieces ?? EMPTY_PIECES_ATOM);\n\n    // Board squares.\n    const squares = useMemo<Location[]>(() => {\n      return Array.from({ length: rows }, (_, i) => (orientation === 'black' ? i : rows - 1 - i)).flatMap((row) =>\n        Array.from({ length: cols }).map((_, col) => [row, col] as Location),\n      );\n    }, [orientation, rows, cols]);\n\n    // Use DOM grid layout to position squares.\n    const layout = useMemo(() => {\n      return squares.map((location) => {\n        return (\n          <div\n            key={locationToString(location)}\n            {...{\n              'data-location': locationToString(location),\n            }}\n          />\n        );\n      });\n    }, [squares]);\n\n    // Build map of square locations to bounds.\n    const [grid, setGrid] = useState<Record<string, DOMRectBounds>>({});\n    const gridRef = useRef<HTMLDivElement>(null);\n    useEffect(() => {\n      setGrid(\n        squares.reduce(\n          (acc, location) => {\n            const square = getSquareLocation(gridRef.current!, location)!;\n            const bounds = getRelativeBounds(gridRef.current!, square);\n            return { ...acc, [locationToString(location)]: bounds };\n          },\n          {} as Record<string, DOMRectBounds>,\n        ),\n      );\n    }, [squares, width, height]);\n\n    // Get the bounds of each square and piece.\n    const positions = useMemo<{ piece: PieceRecord; bounds: DOMRectBounds }[]>(() => {\n      if (!gridRef.current) {\n        return [];\n      }\n\n      return Object.values(pieces)\n        .map((piece) => {\n          if (piece.id === promoting?.id) {\n            return null;\n          }\n\n          const bounds = grid[locationToString(piece.location)];\n          return { piece, bounds };\n        })\n        .filter(isNonNullable);\n    }, [grid, pieces, promoting]);\n\n    return (\n      <div ref={targetRef} tabIndex={0} className={mx('relative outline-hidden', classNames)}>\n        {/* DOM Layout. */}\n        <div ref={gridRef} className='grid grid-rows-8 grid-cols-8 aspect-square select-none'>\n          {layout}\n        </div>\n        {/* Squares. */}\n        <div>\n          {squares.map((location) => (\n            <Gameboard.Square\n              key={locationToString(location)}\n              location={location}\n              label={showLabels ? locationToPos(location) : undefined}\n              bounds={grid[locationToString(location)]}\n              classNames={getSquareColor(location)}\n            />\n          ))}\n        </div>\n        {/* Pieces. */}\n        <div className={mx(promoting && 'opacity-50')}>\n          {positions.map(({ bounds, piece }) => (\n            <Gameboard.Piece\n              key={piece.id}\n              piece={piece}\n              bounds={bounds}\n              label={debug ? piece.id : undefined}\n              orientation={orientation}\n              Component={ChessPieces[piece.type as ChessPiece]}\n            />\n          ))}\n        </div>\n        {/* Promotion selector. */}\n        {promoting && (\n          <PromotionSelector\n            grid={grid}\n            piece={promoting}\n            onSelect={(piece) => {\n              onPromotion({\n                from: Object.values(pieces).find((p) => p.id === promoting.id)!.location,\n                to: piece.location,\n                piece: promoting.type,\n                promotion: piece.type,\n              });\n            }}\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nChessboardComponent.displayName = CHESSBOARD_NAME;\n\nexport const Chessboard = memo(ChessboardComponent);\n\nconst PromotionSelector = ({\n  grid,\n  piece,\n  onSelect,\n}: {\n  grid: Record<string, DOMRectBounds>;\n  piece: PieceRecord;\n  onSelect: (piece: PieceRecord) => void;\n}) => {\n  const positions = ['Q', 'N', 'R', 'B'].map((pieceType, i) => {\n    const location = [piece.location[0] + (piece.location[0] === 0 ? i : -i), piece.location[1]] as Location;\n    return {\n      piece: {\n        id: `promotion-${pieceType}`,\n        type: (piece.side === 'black' ? 'B' : 'W') + pieceType,\n        side: piece.side,\n        location,\n      },\n      bounds: grid[locationToString(location)],\n    };\n  });\n\n  const handleSelect = (selected: PieceRecord) => {\n    onSelect({ ...piece, type: selected.type });\n  };\n\n  return (\n    <>\n      {positions.map(({ piece, bounds }) => (\n        <Gameboard.Piece\n          key={piece.id}\n          classNames={mx('border-2 border-neutral-700 rounded-full', boardStyles.promotion)}\n          piece={piece}\n          bounds={bounds}\n          Component={ChessPieces[piece.type as ChessPiece]}\n          onClick={() => handleSelect(piece)}\n        />\n      ))}\n    </>\n  );\n};\n\nconst getSquareLocation = (container: HTMLElement, location: Location): HTMLElement | null => {\n  return container.querySelector(`[data-location=\"${locationToString(location)}\"]`);\n};\n"],
+  "mappings": "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",
+  "names": ["locationToString", "location", "join", "stringToLocation", "str", "split", "map", "Number", "isPiece", "piece", "isLocation", "token", "Array", "isArray", "length", "every", "val", "isEqualLocation", "l1", "l2", "getRelativeBounds", "container", "element", "containerRect", "getBoundingClientRect", "elementRect", "top", "left", "width", "height", "monitorForElements", "createContext", "React", "forwardRef", "useCallback", "useEffect", "useState", "log", "mx", "draggable", "centerUnderPointer", "setCustomNativeDragPreview", "React", "memo", "useEffect", "useRef", "useState", "createPortal", "invariant", "log", "useDynamicRef", "mx", "PIECE_NAME", "Piece", "memo", "classNames", "Component", "piece", "bounds", "label", "onClick", "model", "dragging", "isDragging", "promoting", "useGameboardContext", "promotingRef", "useDynamicRef", "setDragging", "useState", "preview", "setPreview", "current", "setCurrent", "ref", "useRef", "useEffect", "el", "invariant", "draggable", "element", "getInitialData", "onGenerateDragPreview", "nativeSetDragImage", "source", "log", "data", "setCustomNativeDragPreview", "getOffset", "centerUnderPointer", "render", "container", "width", "height", "getBoundingClientRect", "style", "undefined", "canDrag", "readonly", "turn", "side", "onDragStart", "onDrop", "location", "dropTargets", "isLocation", "requestAnimationFrame", "isEqualLocation", "transition", "top", "left", "div", "className", "mx", "createPortal", "displayName", "dropTargetForElements", "React", "memo", "useEffect", "useRef", "useState", "invariant", "log", "mx", "SQUARE_NAME", "Square", "memo", "location", "bounds", "label", "classNames", "ref", "useRef", "state", "setState", "useState", "model", "useGameboardContext", "useEffect", "el", "current", "invariant", "dropTargetForElements", "element", "getData", "canDrop", "source", "log", "data", "onDragEnter", "piece", "isPiece", "isValidMove", "from", "to", "type", "onDragLeave", "onDrop", "React", "div", "style", "className", "mx", "displayName", "GameboardContextProvider", "useRadixGameboardContext", "createContext", "useGameboardContext", "consumerName", "GameboardRoot", "children", "model", "onDrop", "dragging", "setDragging", "useState", "promoting", "setPromoting", "handlePromotion", "useCallback", "move", "log", "undefined", "useEffect", "monitorForElements", "onDragStart", "source", "location", "target", "current", "dropTargets", "targetLocation", "data", "piece", "isLocation", "isPiece", "from", "to", "type", "isValidMove", "canPromote", "React", "onPromotion", "displayName", "GameboardContent", "forwardRef", "classNames", "grow", "contain", "forwardedRef", "div", "role", "className", "mx", "ref", "Gameboard", "Root", "Content", "Piece", "Square", "Atom", "Chess", "ChessJS", "invariant", "log", "React", "SvgBB", "props", "svg", "xmlns", "viewBox", "path", "fill", "d", "React", "SvgBK", "props", "svg", "xmlns", "viewBox", "path", "fill", "d", "React", "SvgBN", "props", "svg", "xmlns", "viewBox", "path", "fill", "d", "React", "SvgBP", "props", "svg", "xmlns", "viewBox", "path", "fill", "d", "React", "SvgBQ", "props", "svg", "xmlns", "viewBox", "path", "fill", "d", "React", "SvgBR", "props", "svg", "xmlns", "viewBox", "path", "fill", "d", "React", "SvgWB", "props", "svg", "xmlns", "viewBox", "path", "fill", "d", "React", "SvgWK", "props", "svg", "xmlns", "viewBox", "path", "fill", "d", "React", "SvgWN", "props", "svg", "xmlns", "viewBox", "path", "fill", "d", "React", "SvgWP", "props", "svg", "xmlns", "viewBox", "path", "fill", "d", "React", "SvgWQ", "props", "svg", "xmlns", "viewBox", "path", "fill", "d", "React", "SvgWR", "props", "svg", "xmlns", "viewBox", "path", "fill", "d", "ChessPieces", "Alpha", "posToLocation", "pos", "col", "charCodeAt", "row", "parseInt", "locationToPos", "String", "fromCharCode", "getRawPgn", "pgn", "replace", "trim", "styles", "neutral", "black", "white", "promotion", "original", "blue", "green", "boardStyles", "getSquareColor", "createChess", "chess", "ChessJS", "loadPgn", "log", "warn", "ChessModel", "_chess", "_pieces", "Atom", "make", "_moveIndex", "_registry", "update", "readonly", "get", "history", "length", "turn", "game", "pieces", "moveIndex", "fen", "setMoveIndex", "index", "temp", "verbose", "i", "move", "_updateBoard", "previous", "setHeader", "createDate", "current", "isValidNextMove", "set", "isValidMove", "tryMove", "canPromote", "isPawnMove", "piece", "isToLastRank", "to", "makeMove", "makeRandomMove", "moves", "Math", "floor", "random", "createPieceMap", "from", "toLowerCase", "strict", "_createPieceMap", "_diffPieces", "test", "Set", "Object", "values", "forEach", "invariant", "has", "id", "add", "board", "flatMap", "record", "square", "type", "color", "pieceType", "toUpperCase", "location", "locationToString", "side", "before", "after", "difference", "removed", "added", "keys", "find", "p", "date", "Date", "toISOString", "slice", "Atom", "useAtomValue", "React", "forwardRef", "memo", "useEffect", "useMemo", "useRef", "useState", "useResizeDetector", "useForwardedRef", "mx", "isNonNullable", "EMPTY_PIECES_ATOM", "Atom", "make", "CHESSBOARD_NAME", "ChessboardComponent", "forwardRef", "classNames", "orientation", "showLabels", "debug", "rows", "cols", "forwardedRef", "targetRef", "useForwardedRef", "width", "height", "useResizeDetector", "refreshRate", "model", "promoting", "onPromotion", "useGameboardContext", "pieces", "useAtomValue", "squares", "useMemo", "Array", "from", "length", "_", "i", "flatMap", "row", "map", "col", "layout", "location", "React", "div", "key", "locationToString", "grid", "setGrid", "useState", "gridRef", "useRef", "useEffect", "reduce", "acc", "square", "getSquareLocation", "current", "bounds", "getRelativeBounds", "positions", "Object", "values", "piece", "id", "filter", "isNonNullable", "ref", "tabIndex", "className", "mx", "Gameboard", "Square", "label", "locationToPos", "undefined", "getSquareColor", "Piece", "Component", "ChessPieces", "type", "PromotionSelector", "onSelect", "find", "p", "to", "promotion", "displayName", "Chessboard", "memo", "pieceType", "side", "handleSelect", "selected", "boardStyles", "onClick", "container", "querySelector"]
 }