style: size pieces and fen and pgn importer

src/app/pages/game/game.component.ts

@@ -1,7 +1,7 @@
 import { CommonModule } from '@angular/common';
 import { Component, OnDestroy, OnInit } from '@angular/core';
 import { FormsModule } from '@angular/forms';
-import { ActivatedRoute, RouterLink } from '@angular/router';
+import { ActivatedRoute, Router, RouterLink } from '@angular/router';
 import { interval, startWith, Subscription, switchMap } from 'rxjs';
 import { ChessBoardComponent } from '../../components/chess-board/chess-board.component';
 import { GameFull, GameState, GameStreamEvent, LegalMove } from '../../models/game.models';
@@ -19,6 +19,8 @@ export class GameComponent implements OnInit, OnDestroy {
   game: GameFull | null = null;
   errorMessage = '';
   moveInput = '';
+  fenInput = '';
+  pgnInput = '';
   loading = true;
   selectedSquare: string | null = null;
   highlightedSquares: string[] = [];
@@ -30,6 +32,7 @@ export class GameComponent implements OnInit, OnDestroy {
 
   constructor(
     private readonly route: ActivatedRoute,
+    private readonly router: Router,
     private readonly gameApi: GameApiService
   ) {}
 
@@ -112,6 +115,46 @@ export class GameComponent implements OnInit, OnDestroy {
     });
   }
 
+  importFen(): void {
+    const fen = this.fenInput.trim();
+    if (!fen) {
+      this.errorMessage = 'Please provide a FEN string.';
+      return;
+    }
+
+    this.errorMessage = '';
+    this.gameApi.importFen(fen).subscribe({
+      next: (game) => {
+        this.fenInput = '';
+        this.pgnInput = '';
+        void this.router.navigate(['/game', game.gameId]);
+      },
+      error: (error: { error?: { message?: string } }) => {
+        this.errorMessage = error.error?.message ?? 'FEN import failed.';
+      }
+    });
+  }
+
+  importPgn(): void {
+    const pgn = this.pgnInput.trim();
+    if (!pgn) {
+      this.errorMessage = 'Please provide a PGN string.';
+      return;
+    }
+
+    this.errorMessage = '';
+    this.gameApi.importPgn(pgn).subscribe({
+      next: (game) => {
+        this.pgnInput = '';
+        this.fenInput = '';
+        void this.router.navigate(['/game', game.gameId]);
+      },
+      error: (error: { error?: { message?: string } }) => {
+        this.errorMessage = error.error?.message ?? 'PGN import failed.';
+      }
+    });
+  }
+
   private loadGame(): void {
     this.loading = true;
     this.errorMessage = '';