Update Healer Man server

src/ui/DungeonRaceScreen.tsx

@@ -13,6 +13,7 @@ import { partyRolesForClass, PARTY_ROLE_LABELS, type PartyRole } from "../game/p
 import { specializationById } from "../game/specializationCatalog";
 import { BrandMark, FrontSurface } from "./FrontSurface";
 import "./dungeonRace.css";
+import { BiteSizedBoardFilters, useBiteSizedBoardSelection } from "./BiteSizedBoardFilters";
 
 interface BoardEntry { readonly accountId: string; readonly username: string; readonly rank: number;
   readonly wins?: number; readonly losses?: number; readonly durationMs?: number;
@@ -46,18 +47,20 @@ export function DungeonRaceScreen({ onClose }: { readonly onClose: () => void })
   const bossOptions = boardDungeon?.difficulties.find((entry) => entry.id === boardDungeon.defaultDifficultyId)
     ?.finalBossIds?.map((id) => boardDungeon.bosses.find((boss) => boss.id === id)!) ?? [];
   const selectedBoardBossId = bossOptions.find((boss) => boss.id === boardBossId)?.id ?? bossOptions[0]?.id;
+  const spotBoard = useBiteSizedBoardSelection(boardDungeonId);
   useEffect(() => {
     const controller = new AbortController();
     const query = new URLSearchParams({ view: boardScope === "overall" ? "wins" : boardView,
       period, ...(boardScope === "dungeon" && boardDungeonId ? { dungeon: boardDungeonId,
-        ...(selectedBoardBossId ? { boss: selectedBoardBossId } : {}) } : {}) });
+        ...(selectedBoardBossId ? { boss: selectedBoardBossId } : {}),
+        ...(boardView === "times" && spotBoard.spotId ? { spot: spotBoard.spotId, spotRevision: String(spotBoard.spotRevision) } : {}) } : {}) });
     if (boardScope === "dungeon" && !boardDungeonId) { setBoard(null); return; }
     void requestOnlineJson<BoardResponse>(`/api/dungeon-races/leaderboard?${query}`, { signal: controller.signal })
       .then((value) => { setBoard(value); setBoardError(""); })
       .catch((error: unknown) => { if (!controller.signal.aborted) { setBoard(null);
         setBoardError(error instanceof Error ? error.message : "Leaderboard unavailable."); } });
     return () => controller.abort();
-  }, [boardDungeonId, boardScope, boardView, period, selectedBoardBossId]);
+  }, [boardDungeonId, boardScope, boardView, period, selectedBoardBossId, spotBoard.spotId, spotBoard.spotRevision]);
   const specialization = specializationById(character?.specializationId);
   const roles = character?.categoryId === "rom" ? partyRolesForClass(character.classId)
     : specialization ? [specialization.role] : [];
@@ -121,6 +124,7 @@ export function DungeonRaceScreen({ onClose }: { readonly onClose: () => void })
       </section>
       <section className="dungeon-race-screen__board" aria-label="Dungeon Race leaderboards">
         <h2>Leaderboards</h2>
+        {boardScope === "dungeon" && boardView === "times" && <BiteSizedBoardFilters selection={spotBoard} />}
         <div className="dungeon-race-screen__choices"><button className="front-button" type="button" aria-pressed={boardScope === "overall"} onClick={() => setBoardScope("overall")}>Overall wins</button>
           <button className="front-button" type="button" aria-pressed={boardScope === "dungeon"} onClick={() => setBoardScope("dungeon")}>This dungeon</button></div>
         {boardScope === "dungeon" && <div className="dungeon-race-screen__choices"><button className="front-button" type="button" aria-pressed={boardView === "wins"} onClick={() => setBoardView("wins")}>Wins &amp; losses</button>