Release Healer Man 0.1.39

src/ui/Hud.tsx

@@ -37,6 +37,8 @@ import { ThreatMeterWidget } from "./ThreatMeterWidget";
 import { BossLootWindow } from "./BossLootWindow";
 import { EditableHudElement } from "./EditableHudElement";
 import { DpsMeter } from "./DpsMeter";
+import { useDungeonRunStore } from "../game/dungeonRunStore";
+import { formatDungeonDuration } from "../game/dungeonRunTypes";
 import { DesktopActionBars } from "./DesktopActionBars";
 import { currentUiDevice, useUiLayoutStore } from "../game/uiLayoutStore";
 import { SummonFrames } from "./SummonFrames";
@@ -140,20 +142,28 @@ export function DefeatedPrompt({
 export function DungeonCompletePrompt({
   dungeonTitle,
   onFinish,
+  onResults,
+  durationMs,
+  finalBossOnly = false,
 }: {
   readonly dungeonTitle: string;
   readonly onFinish: () => void;
+  readonly onResults?: () => void;
+  readonly durationMs?: number | null;
+  readonly finalBossOnly?: boolean;
 }) {
   return (
     <section className="dungeon-complete-banner" role="status" aria-live="polite">
       <span aria-hidden="true">◆</span>
       <p>
         <strong>{dungeonTitle} complete</strong>
-        <small>Every required encounter is defeated. Loot the room or finish the run.</small>
+        <small>{finalBossOnly ? "Final boss defeated." : "Every required encounter is defeated."} Loot the room or finish the run.</small>
+        {durationMs != null ? <small>Time to final boss: {formatDungeonDuration(durationMs)}</small> : null}
       </p>
       <button type="button" className="button button--primary" onClick={onFinish}>
         Finish dungeon
       </button>
+      {onResults ? <button type="button" className="button" onClick={onResults}>Run results</button> : null}
     </section>
   );
 }
@@ -218,8 +228,9 @@ export function Hud() {
     activeDungeonEncounterRevision,
     activeDungeonEncounterRevision,
   );
-  const dungeonComplete = gameMode === "dungeon"
-    && activeDungeonRunIsComplete(activeDungeonId);
+  const runProgress = useDungeonRunStore((state) => state.progress);
+  const finalBossDefeated = runProgress?.dungeonId === activeDungeonId && runProgress.finishedAt !== null;
+  const dungeonComplete = gameMode === "dungeon" && (finalBossDefeated || activeDungeonRunIsComplete(activeDungeonId));
 
   useEffect(() => {
     const timer = window.setInterval(() => setClock(Date.now()), 100);
@@ -384,8 +395,10 @@ export function Hud() {
       <ShelvedHud />
       <DpsMeter />
       <BossLootWindow />
-      <EditableHudElement id="completion">{dungeonComplete && health > 0 ? (
-        <DungeonCompletePrompt dungeonTitle={dungeon.title} onFinish={finishDungeon} />
+      <EditableHudElement id="completion">{dungeonComplete ? (
+        <DungeonCompletePrompt dungeonTitle={dungeon.title} onFinish={finishDungeon}
+          finalBossOnly={!activeDungeonRunIsComplete(activeDungeonId)} durationMs={runProgress?.timed ? runProgress.durationMs : null}
+          onResults={finalBossDefeated ? () => useGameStore.getState().openOverlay("dungeon-results") : undefined} />
       ) : null}</EditableHudElement>
       <EditableHudElement id="loot">{feedback?.kind === "loot" ? (
         <section className="loot-reward" role="status" aria-live="polite">