Add portal check feedback and board-rotation toggle

Author: Swon404

src/components/Board.tsx

@@ -68,7 +68,10 @@ export function Board({ flipped = false }: Props) {
   const wPortals = state.portals?.w ?? [];
   const bPortals = state.portals?.b ?? [];
   const isTeleportMove = !!lastMove?.isPortalEntry;
-  const rotateBlackForFixedBoard = mode.kind === "two-player" && !store.settings.autoFlip;
+  const rotateBlackForFixedBoard =
+    mode.kind === "two-player" &&
+    !store.settings.autoFlip &&
+    store.settings.rotateBlackPiecesFixedBoard;
 
   return (
     <>

src/components/Controls.tsx

@@ -1,4 +1,5 @@
 import { useGame } from "../GameContext";
+import { inCheck } from "../engine/rules";
 
 export function Controls() {
   const {
@@ -14,11 +15,14 @@ export function Controls() {
     togglePause,
     replayLastMove
   } = useGame();
+  const checkNow = result.kind === "ongoing" && inCheck(state, state.turn);
   const statusText =
     result.kind === "ongoing"
       ? paused
         ? "⏸ Paused"
-        : `${state.turn === "w" ? "White" : "Black"} to move`
+        : checkNow
+          ? `Check — ${state.turn === "w" ? "White" : "Black"} to move`
+          : `${state.turn === "w" ? "White" : "Black"} to move`
       : result.kind === "checkmate"
       ? `Checkmate — ${result.winner === "w" ? "White" : "Black"} wins`
       : result.kind === "stalemate"

src/engine/__tests__/portal.test.ts

@@ -1,6 +1,6 @@
 import { describe, it, expect } from "vitest";
 import { GameState, initialState, parseFEN, parseSquare, positionKey, sqEq } from "../board";
-import { allLegalMoves, legalMovesFrom, makeMove, teleportTargets } from "../rules";
+import { allLegalMoves, inCheck, legalMovesFrom, makeMove, teleportTargets } from "../rules";
 
 /** Wrap a state into Portal Chess mode with given creator type. */
 function asPortal(s: GameState, creator: "Q" | "R" | "B" | "N" | "K" = "Q"): GameState {
@@ -136,6 +136,18 @@ describe("Portal Chess: teleport entry", () => {
     expect(moves.length).toBe(1);
   });
 
+  it("Teleport move can immediately give check", () => {
+    const s = asPortal(parseFEN("4k3/4p3/8/8/8/8/8/K7 w - - 0 1"));
+    s.board[3][6] = { type: "N", color: "w" }; // Ng4 on its own portal
+    s.portals = { w: [parseSquare("g4")], b: [], max: 1 };
+    const move = legalMovesFrom(s, parseSquare("g4"))
+      .find((m) => m.isPortalEntry && sqEq(m.to, parseSquare("f6")));
+    expect(move).toBeDefined();
+
+    const ns = makeMove(s, move!);
+    expect(inCheck(ns, "b")).toBe(true);
+  });
+
   it("With adjacency rule OFF (default), targets next to other pieces are allowed", () => {
     const s = asPortal(parseFEN("8/8/8/8/8/1P6/8/8 w - - 0 1"));
     s.board[2][5] = { type: "N", color: "w" }; // Nf3 on its own portal

src/engine/storage.ts

@@ -31,6 +31,7 @@ export interface Settings {
   activeProfileId: string | null;
   timerSeconds: number; // 0 = off
   animationSpeed: AnimationSpeed;
+  rotateBlackPiecesFixedBoard: boolean;
   theme: BoardTheme;
   pieceSet: PieceSet;
   sound: boolean;
@@ -59,6 +60,7 @@ const DEFAULT_SETTINGS: Settings = {
   activeProfileId: null,
   timerSeconds: 30,
   animationSpeed: "slow",
+  rotateBlackPiecesFixedBoard: false,
   theme: "wood",
   pieceSet: "modern",
   sound: true,

src/screens/NewGameScreen.tsx

@@ -213,7 +213,15 @@ export function NewGameScreen() {
             />
             {" "}Auto-turn board after each move
           </label>
-          <p className="hint">Turn this off to keep the board fixed from White's side.</p>
+          <label>
+            <input
+              type="checkbox"
+              checked={store.settings.rotateBlackPiecesFixedBoard}
+              onChange={(e) => updateSetting("rotateBlackPiecesFixedBoard", e.target.checked)}
+            />
+            {" "}Rotate black pieces 180° when board is fixed
+          </label>
+          <p className="hint">Turn off auto-turn to keep the board fixed from White's side. Optional: rotate black pieces for over-the-board seating.</p>
         </section>
       )}
 

src/screens/SettingsScreen.tsx

@@ -75,6 +75,7 @@ export function SettingsScreen() {
         <label><input type="checkbox" checked={s.sound} onChange={(e) => updateSetting("sound", e.target.checked)} /> Sound effects</label>
         <label><input type="checkbox" checked={s.haptics} onChange={(e) => updateSetting("haptics", e.target.checked)} /> Haptics (iPhone)</label>
         <label><input type="checkbox" checked={s.autoFlip} onChange={(e) => updateSetting("autoFlip", e.target.checked)} /> Auto-flip board in 2-player mode</label>
+        <label><input type="checkbox" checked={s.rotateBlackPiecesFixedBoard} onChange={(e) => updateSetting("rotateBlackPiecesFixedBoard", e.target.checked)} /> Rotate black pieces 180° on fixed 2-player board</label>
         <label><input type="checkbox" checked={s.showThreats} onChange={(e) => updateSetting("showThreats", e.target.checked)} /> Show threatened pieces (learn mode)</label>
         <label><input type="checkbox" checked={s.explodeOnCapture} onChange={(e) => updateSetting("explodeOnCapture", e.target.checked)} /> 💥 Explode pieces on capture</label>
       </section>