Implement the 026-roll-initiative feature that adds d20 roll buttons for bestiary combatants' initiative using a click-to-edit pattern (d20 icon when empty, plain text when set), plus a Roll All button in the top bar that batch-rolls for all unrolled bestiary combatants, with randomness confined to the adapter layer and the domain receiving pre-resolved dice values

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

apps/web/src/components/turn-navigation.tsx

@@ -1,5 +1,6 @@
 import type { Encounter } from "@initiative/domain";
 import { ChevronLeft, ChevronRight, Trash2 } from "lucide-react";
+import { D20Icon } from "./d20-icon";
 import { Button } from "./ui/button";
 
 interface TurnNavigationProps {
@@ -7,6 +8,7 @@ interface TurnNavigationProps {
 	onAdvanceTurn: () => void;
 	onRetreatTurn: () => void;
 	onClearEncounter: () => void;
+	onRollAllInitiative: () => void;
 }
 
 export function TurnNavigation({
@@ -14,6 +16,7 @@ export function TurnNavigation({
 	onAdvanceTurn,
 	onRetreatTurn,
 	onClearEncounter,
+	onRollAllInitiative,
 }: TurnNavigationProps) {
 	const hasCombatants = encounter.combatants.length > 0;
 	const isAtStart = encounter.roundNumber === 1 && encounter.activeIndex === 0;
@@ -57,6 +60,16 @@ export function TurnNavigation({
 					Next
 					<ChevronRight className="h-4 w-4" />
 				</Button>
+				<Button
+					variant="ghost"
+					size="icon"
+					className="h-8 w-8 text-muted-foreground hover:text-primary"
+					onClick={onRollAllInitiative}
+					title="Roll all initiative"
+					aria-label="Roll all initiative"
+				>
+					<D20Icon className="h-5 w-5" />
+				</Button>
 				<Button
 					variant="ghost"
 					size="icon"