bug to feature werewolf

src/components/PlayerDetails.tsx

@@ -9,6 +9,7 @@ import { useSendInput } from '../hooks/sendInput';
 import { Player } from '../../convex/aiTown/player';
 import { GameId } from '../../convex/aiTown/ids';
 import { ServerGame } from '../hooks/serverGame';
+import { LOBBY_SIZE } from '../../convex/constants';
 
 export default function PlayerDetails({
   worldId,
@@ -32,6 +33,8 @@ export default function PlayerDetails({
   const humanTokenIdentifier = useQuery(api.world.userStatus, { worldId, oauthToken });  
 
   const players = [...game.world.players.values()];
+  const humans = [...game.world.playersInit.values()].filter(player => player.human)
+
   const humanPlayer = players.find((p) => p.human === humanTokenIdentifier);
   const humanConversation = humanPlayer ? game.world.playerConversation(humanPlayer) : undefined;
   // Always select the other player if we're in a conversation with them.
@@ -229,6 +232,13 @@ export default function PlayerDetails({
         <p className="leading-tight -m-4 bg-brown-700 text-base sm:text-sm">
           {!isMe && playerDescription?.description}
           {isMe && <i>This is you! You are a {playerDescription?.type}</i>}
+          {!isMe && playerDescription?.type =="werewolf" && game.world.gameCycle.cycleState==="LobbyState" && (
+            <>
+              <br />
+              <br />(<i> You are a werewolf, the game has not started yet, we are missing {humans.length - LOBBY_SIZE} humans to start. Stay on the look and </i>)
+            </>
+          )}
+          
           {!isMe && inConversationWithMe && (
             <>
               <br />