diff --git a/src/client/client.js b/src/client/client.js
index e5176b802..00a80c96f 100644
--- a/src/client/client.js
+++ b/src/client/client.js
@@ -395,6 +395,7 @@ class _ClientImpl {
   updateCredentials(credentials) {
     this.credentials = credentials;
     this.createDispatchers();
+    this.notifySubscribers();
   }
 }
 
diff --git a/src/client/debug/main/Main.svelte b/src/client/debug/main/Main.svelte
index bf181fd76..61bcad8a6 100644
--- a/src/client/debug/main/Main.svelte
+++ b/src/client/debug/main/Main.svelte
@@ -17,6 +17,17 @@
     }
     return r;
   }
+
+  let playerID = client.playerID;
+  let ctx = {};
+  let G = {};
+  client.subscribe((state) => {
+    if (state) {
+      G = state.G;
+      ctx = state.ctx;
+    }
+    playerID = client.playerID;
+  });
 </script>
 
 <style>
@@ -53,7 +64,11 @@
 
 <section>
   <h3>Players</h3>
-  <PlayerInfo ctx={$client ? $client.ctx : {}} playerID={client.playerID} />
+  <PlayerInfo
+    on:change={(e) => client.updatePlayerID(e.detail.playerID)}
+    ctx={ctx}
+    playerID={playerID}
+  />
 </section>
 
 <section>
@@ -76,12 +91,12 @@
 
 <section>
   <label>G</label>
-  <pre class="json">{JSON.stringify($client ? $client.G : {}, null, 2)}</pre>
+  <pre class="json">{JSON.stringify(G, null, 2)}</pre>
 </section>
 
 <section>
   <label>ctx</label>
   <pre class="json">
-    {JSON.stringify(SanitizeCtx($client ? $client.ctx : {}), null, 2)}
+    {JSON.stringify(SanitizeCtx(ctx), null, 2)}
   </pre>
 </section>
diff --git a/src/client/debug/main/PlayerInfo.svelte b/src/client/debug/main/PlayerInfo.svelte
index 66ca76c74..e49f1986b 100644
--- a/src/client/debug/main/PlayerInfo.svelte
+++ b/src/client/debug/main/PlayerInfo.svelte
@@ -3,7 +3,19 @@
   export let playerID;
   export let onClick = () => {};
 
-  const players = ctx ? [...Array(ctx.numPlayers).keys()] : [];
+  import { createEventDispatcher } from 'svelte';
+
+  const dispatch = createEventDispatcher();
+  function OnClick(player) {
+    if (player == playerID) {
+      dispatch("change", { playerID: null });
+    } else {
+      dispatch("change", { playerID: player });
+    }
+  }
+
+  let players;
+  $: players = ctx ? [...Array(ctx.numPlayers).keys()].map(i => i.toString()) : [];
 </script>
 
 <style>
@@ -40,7 +52,7 @@
       class="player"
       class:current={player == ctx.currentPlayer}
       class:active={player == playerID}
-      on:click={() => onClick(playerID)}>
+      on:click={() => OnClick(player)}>
       {player}
     </div>
   {/each}
diff --git a/src/client/transport/local.js b/src/client/transport/local.js
index b0378fd2e..754854d52 100644
--- a/src/client/transport/local.js
+++ b/src/client/transport/local.js
@@ -133,7 +133,7 @@ export class LocalTransport extends Transport {
     this.gameID = this.gameName + ':' + id;
     const action = ActionCreators.reset(null);
     this.store.dispatch(action);
-    this.master.onSync(this.gameID, this.playerID, this.numPlayers);
+    this.connect();
   }
 
   /**
@@ -144,7 +144,7 @@ export class LocalTransport extends Transport {
     this.playerID = id;
     const action = ActionCreators.reset(null);
     this.store.dispatch(action);
-    this.master.onSync(this.gameID, this.playerID, this.numPlayers);
+    this.connect();
   }
 }
 
diff --git a/src/client/transport/local.test.js b/src/client/transport/local.test.js
index 726784781..5ea5fe19c 100644
--- a/src/client/transport/local.test.js
+++ b/src/client/transport/local.test.js
@@ -72,20 +72,24 @@ describe('LocalMaster', () => {
 
 describe('LocalTransport', () => {
   describe('update gameID / playerID', () => {
-    const master = { onSync: jest.fn() };
+    const master = { connect: jest.fn(), onSync: jest.fn() };
     const store = { dispatch: () => {} };
     const m = new LocalTransport({ master, store });
 
+    beforeEach(() => {
+      jest.resetAllMocks();
+    });
+
     test('gameID', () => {
       m.updateGameID('test');
       expect(m.gameID).toBe('default:test');
-      expect(master.onSync).lastCalledWith('default:test', null, 2);
+      expect(master.connect).toBeCalled();
     });
 
     test('playerID', () => {
       m.updatePlayerID('player');
       expect(m.playerID).toBe('player');
-      expect(master.onSync).lastCalledWith('default:test', 'player', 2);
+      expect(master.connect).toBeCalled();
     });
   });