Release Healer Man 0.1.38

src/ui/MainMenuScreen.tsx

@@ -10,6 +10,7 @@ import { ContentManagerScreen } from "./ContentManagerScreen";
 import { BrandMark, ControllerLegend, FrontSurface } from "./FrontSurface";
 import { OnlineGroupPanel } from "./OnlineGroupPanel";
 import { sessionCanUseShelvedGmTools, SHELVED_MODES_ENABLED } from "../app/releaseFeatures";
+import { DungeonReportsScreen } from "./DungeonReportsScreen";
 
 const GAME_MODES = [
   {
@@ -64,6 +65,16 @@ const GAME_MODES = [
 
 export function MainMenuScreen() {
   const [contentManagerOpen, setContentManagerOpen] = useState(false);
+  const [reportsOpen, setReportsOpen] = useState(false);
+  if (contentManagerOpen) return <ContentManagerScreen onClose={() => setContentManagerOpen(false)} />;
+  if (reportsOpen) return <DungeonReportsScreen onClose={() => setReportsOpen(false)} />;
+  return <MainMenuDestinations onOpenDownloads={() => setContentManagerOpen(true)} onOpenReports={() => setReportsOpen(true)} />;
+}
+
+function MainMenuDestinations({ onOpenDownloads, onOpenReports }: {
+  readonly onOpenDownloads: () => void;
+  readonly onOpenReports: () => void;
+}) {
   const activeCharacter = useShellStore((state) => state.activeCharacter);
   const rosterCharacter = useShellStore(selectedCharacter);
   const openDungeons = useShellStore((state) => state.openDungeons);
@@ -95,7 +106,7 @@ export function MainMenuScreen() {
     }] : []),
     {
       id: "mode-downloads",
-      run: () => setContentManagerOpen(true),
+      run: onOpenDownloads,
       neighbors: { left: SHELVED_MODES_ENABLED ? "mode-manastorms" : "mode-dungeons", down: "back-to-roster" },
     },
     {
@@ -105,7 +116,8 @@ export function MainMenuScreen() {
     },
     ...(character ? [{ id: "mode-class-hall", run: openClassHall }] : []),
     ...(isGm ? [{ id: "mode-gm-tools", run: openGmAdmin }] : []),
-  ], [character, isGm, openArenas, openClassHall, openDungeons, openGmAdmin, openManastorms, returnToCharacters]);
+    { id: "mode-reports", run: onOpenReports },
+  ], [character, isGm, onOpenDownloads, onOpenReports, openArenas, openClassHall, openDungeons, openGmAdmin, openManastorms, returnToCharacters]);
   const controller = useMenuController(actions, {
     initialId: "mode-dungeons",
     onBack: returnToCharacters,
@@ -114,8 +126,6 @@ export function MainMenuScreen() {
   const race = character ? raceById(character.raceId) : null;
   const characterClass = character ? classById(character.classId) : null;
 
-  if (contentManagerOpen) return <ContentManagerScreen onClose={() => setContentManagerOpen(false)} />;
-
   return (
     <DualDisplayFrame
       contextLabel="Main menu details"
@@ -163,6 +173,12 @@ export function MainMenuScreen() {
             </header>
             <OnlineGroupPanel />
             <nav className="main-menu-mode-grid" aria-label="Game modes">
+              <ControllerButton controlId="mode-reports" selectedId={controller.selectedId} select={controller.select}
+                className="front-button main-menu-mode main-menu-mode--available" type="button" onClick={onOpenReports}>
+                <b aria-hidden="true">!</b>
+                <span><strong>View Reports</strong><small>Browse dungeon issues and follow their status.</small></span>
+                <em>Open</em>
+              </ControllerButton>
               {isGm && (
                 <ControllerButton
                   controlId="mode-gm-tools"
@@ -204,7 +220,7 @@ export function MainMenuScreen() {
                     : mode.id === "arenas"
                       ? openArenas
                     : mode.id === "downloads"
-                      ? () => setContentManagerOpen(true)
+                      ? onOpenDownloads
                       : openDungeons}
                 >
                   <b aria-hidden="true">{mode.number}</b>