fix: NCWF-2 bugs and desing fixes (#7)

Co-authored-by: Lala, Shahd <Shahd.Lala@sybit.de>
Reviewed-on: #7

src/app/pages/game/game.facade.ts

@@ -8,11 +8,13 @@ import { GameCompletionService } from '../../services/game-completion.service';
 import { GameImportService } from '../../services/game-import.service';
 import { BoardSelectionService, BoardSelection } from '../../services/board-selection.service';
 import { GameStreamService } from '../../services/game-stream.service';
+import { GameHistoryService } from '../../services/game-history.service';
 
 @Injectable()
 export class GameFacade implements OnDestroy {
   gameId = '';
   game: GameFull | null = null;
+  clockSyncedAt = 0;
   errorMessage = '';
   moveInput = '';
   fenInput = '';
@@ -36,6 +38,7 @@ export class GameFacade implements OnDestroy {
   private readonly importService = inject(GameImportService);
   private readonly boardSelectionService = inject(BoardSelectionService);
   private readonly streamService = inject(GameStreamService);
+  private readonly gameHistory = inject(GameHistoryService);
 
   get state(): GameState | null {
     return this.game?.state ?? null;
@@ -119,6 +122,7 @@ export class GameFacade implements OnDestroy {
         next: (state) => {
           if (this.game) {
             this.game = { ...this.game, state };
+            this.clockSyncedAt = Date.now();
             this.updateGameCompletion();
           }
           this.moveInput = '';
@@ -207,8 +211,10 @@ export class GameFacade implements OnDestroy {
       .subscribe({
         next: (game) => {
           this.game = game;
+          this.clockSyncedAt = Date.now();
           this.loading = false;
           this.updateGameCompletion();
+          this.gameHistory.recordGame(this.gameId);
           this.startStreaming();
           this.tryMakeBotMove();
         },
@@ -223,15 +229,14 @@ export class GameFacade implements OnDestroy {
     this.streamService.startStreaming(
       this.gameId,
       (event) => this.applyStreamEvent(event),
-      () => {
-        this.errorMessage = 'Live stream disconnected. Falling back to polling.';
-      }
+      () => { /* polling fallback — not an error */ }
     );
   }
 
   private applyStreamEvent(event: GameStreamEvent): void {
     if (event.type === 'gameFull') {
       this.game = event.game;
+      this.clockSyncedAt = Date.now();
       this.boardSelection = this.boardSelectionService.clearSelection();
       this.updateGameCompletion();
       this.tryMakeBotMove();
@@ -241,6 +246,7 @@ export class GameFacade implements OnDestroy {
     if (event.type === 'gameState' && this.game) {
       const moveCountBefore = this.game.state.moves.length;
       this.game = { ...this.game, state: event.state };
+      this.clockSyncedAt = Date.now();
       this.updateGameCompletion();
       if (event.state.moves.length !== moveCountBefore) {
         this.boardSelection = this.boardSelectionService.clearSelection();