From 5c85e464657f309f1069a9cb6a9aaf1a181418a1 Mon Sep 17 00:00:00 2001
From: Ashton Anderson <ashton@cs.toronto.edu>
Date: Sat, 28 Mar 2026 09:58:48 -0400
Subject: [PATCH 1/2] fix: human to human-like

---
 src/components/Home/HomeHero.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Home/HomeHero.tsx b/src/components/Home/HomeHero.tsx
index 792ede36..0905c6bc 100644
--- a/src/components/Home/HomeHero.tsx
+++ b/src/components/Home/HomeHero.tsx
@@ -145,7 +145,7 @@ export const HomeHero: React.FC<Props> = ({ scrollHandler }: Props) => {
           <div className="flex w-full flex-col items-start justify-center gap-6 md:w-[45%] md:gap-8">
             <div className="flex flex-col gap-3 md:gap-4">
               <motion.h1 className="whitespace-nowrap text-4xl font-bold leading-tight text-white md:text-5xl">
-                The human chess AI
+                Human-like chess AI
               </motion.h1>
               <motion.p className="text-xl text-white/80 md:text-2xl">
                 Maia is a neural network chess model that captures human style.

From b7141643f9be9eb0e69551dd75e4fa38a60ebe99 Mon Sep 17 00:00:00 2001
From: Ashton Anderson <ashton@cs.toronto.edu>
Date: Sat, 28 Mar 2026 10:59:59 -0400
Subject: [PATCH 2/2] fix: reset play board state between games

---
 src/components/Board/GameBoard.tsx         | 2 ++
 src/components/Board/GameplayInterface.tsx | 8 +++++++-
 src/pages/play/hb.tsx                      | 2 +-
 src/pages/play/maia.tsx                    | 2 +-
 4 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/components/Board/GameBoard.tsx b/src/components/Board/GameBoard.tsx
index f0da2c3a..57f17975 100644
--- a/src/components/Board/GameBoard.tsx
+++ b/src/components/Board/GameBoard.tsx
@@ -69,6 +69,7 @@ export const GameBoard: React.FC<Props> = ({
   destinationBadges = [],
 }: Props) => {
   const { playMoveSound } = useSound()
+  const boardInstanceKey = game?.id ?? 'board'
 
   const after = useCallback(
     (from: string, to: string) => {
@@ -151,6 +152,7 @@ export const GameBoard: React.FC<Props> = ({
   return (
     <div className="relative h-full w-full">
       <Chessground
+        key={boardInstanceKey}
         contained
         config={{
           movable: {
diff --git a/src/components/Board/GameplayInterface.tsx b/src/components/Board/GameplayInterface.tsx
index b4481df9..93b85549 100644
--- a/src/components/Board/GameplayInterface.tsx
+++ b/src/components/Board/GameplayInterface.tsx
@@ -11,7 +11,7 @@ import {
 import Head from 'next/head'
 import { useUnload } from 'src/hooks/useUnload'
 import type { DrawShape } from 'chessground/draw'
-import { useCallback, useContext, useMemo, useState } from 'react'
+import { useCallback, useContext, useEffect, useMemo, useState } from 'react'
 import {
   AuthContext,
   WindowSizeContext,
@@ -57,6 +57,10 @@ export const GameplayInterface: React.FC<React.PropsWithChildren<Props>> = (
     [string, string] | null
   >(null)
 
+  useEffect(() => {
+    setPromotionFromTo(null)
+  }, [game.id])
+
   const onPlayerMakeMove = useCallback(
     (move: [string, string] | null) => {
       if (move) {
@@ -199,6 +203,7 @@ export const GameplayInterface: React.FC<React.PropsWithChildren<Props>> = (
             className="relative flex aspect-square w-full max-w-[75vh] flex-shrink-0"
           >
             <GameBoard
+              key={game.id}
               game={game}
               availableMoves={availableMovesMapped}
               onPlayerMakeMove={onPlayerMakeMove}
@@ -272,6 +277,7 @@ export const GameplayInterface: React.FC<React.PropsWithChildren<Props>> = (
             className="relative mx-auto flex aspect-square w-full max-w-3xl"
           >
             <GameBoard
+              key={game.id}
               game={game}
               availableMoves={availableMovesMapped}
               onPlayerMakeMove={onPlayerMakeMove}
diff --git a/src/pages/play/hb.tsx b/src/pages/play/hb.tsx
index b2e7d086..eab2e067 100644
--- a/src/pages/play/hb.tsx
+++ b/src/pages/play/hb.tsx
@@ -35,7 +35,7 @@ const PlayHandBrain: React.FC<Props> = ({
   )
 
   return (
-    <PlayControllerContext.Provider value={controller}>
+    <PlayControllerContext.Provider key={id} value={controller}>
       <GameplayInterface boardShapes={controller.boardShapes}>
         <HandBrainPlayControls
           game={controller.game}
diff --git a/src/pages/play/maia.tsx b/src/pages/play/maia.tsx
index 07ca4f44..9667ec17 100644
--- a/src/pages/play/maia.tsx
+++ b/src/pages/play/maia.tsx
@@ -53,7 +53,7 @@ const PlayMaia: React.FC<Props> = ({
   }, [controller.playerActive, controller.game.termination])
 
   return (
-    <PlayControllerContext.Provider value={controller}>
+    <PlayControllerContext.Provider key={id} value={controller}>
       <GameplayInterface>
         <div id="play-controls">
           <PlayControls