The rail keeps the last six moves, with who moved and what was taken, so a capture the bot answers at once is not lost

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Jm2auWk6RP71CjaAb4FMoG

src/lib/components/Board.svelte

@@ -165,7 +165,16 @@
 					</li>
 				{/each}
 			</ul>
-			<p class="muted small">Turn {g.moves.length + 1}.{#if last}&nbsp;Last: {label(last.from)} to {label(last.to)}{#if last.captured.length}, taking {last.captured.length}{/if}.{/if}</p>
+			<p class="muted small">Turn {g.moves.length + 1}.</p>
+			{#if g.moves.length}
+				<ol class="record muted small" reversed start={g.moves.length}>
+					{#each g.moves.slice(-6).reverse() as m, i (g.moves.length - i)}
+						{@const ply = g.moves.length - i}
+						{@const side = ply % 2 === 1 ? 'attackers' : 'defenders'}
+						<li class:mine={mySide === side}>{nameOfSide(side)}: {label(m.from)} to {label(m.to)}{#if m.captured.length}, <strong>taking {m.captured.map(label).join(', ')}</strong>{/if}</li>
+					{/each}
+				</ol>
+			{/if}
 		</section>
 		<TableTalk {room} />
 	</aside>
@@ -371,4 +380,18 @@
 		font-size: 0.85rem;
 		margin-top: 0.5rem;
 	}
+
+	.record {
+		margin: 0.3rem 0 0;
+		padding-left: 2rem;
+	}
+
+	.record li.mine {
+		color: var(--bone);
+	}
+
+	.record strong {
+		color: var(--ember);
+		font-weight: 500;
+	}
 </style>