Implement the 017-combat-conditions feature that adds D&D 5e status conditions to combatants with icon tags, color coding, and a compact toggle picker in the encounter tracker

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

apps/web/src/hooks/use-encounter.ts

@@ -9,8 +9,14 @@ import {
 	setAcUseCase,
 	setHpUseCase,
 	setInitiativeUseCase,
+	toggleConditionUseCase,
 } from "@initiative/application";
-import type { CombatantId, DomainEvent, Encounter } from "@initiative/domain";
+import type {
+	CombatantId,
+	ConditionId,
+	DomainEvent,
+	Encounter,
+} from "@initiative/domain";
 import {
 	combatantId,
 	createEncounter,
@@ -185,6 +191,19 @@ export function useEncounter() {
 		[makeStore],
 	);
 
+	const toggleCondition = useCallback(
+		(id: CombatantId, conditionId: ConditionId) => {
+			const result = toggleConditionUseCase(makeStore(), id, conditionId);
+
+			if (isDomainError(result)) {
+				return;
+			}
+
+			setEvents((prev) => [...prev, ...result]);
+		},
+		[makeStore],
+	);
+
 	return {
 		encounter,
 		events,
@@ -197,5 +216,6 @@ export function useEncounter() {
 		setHp,
 		adjustHp,
 		setAc,
+		toggleCondition,
 	} as const;
 }