Release Healer Man 0.1.28

src/ui/ManastormStatus.tsx

@@ -13,6 +13,7 @@ import {
 import { useManastormStore } from "../game/manastormStore";
 import { useGameStore } from "../game/store";
 import { ManastormClientOverlay } from "./ManastormClientOverlay";
+import { EditableHudElement } from "./EditableHudElement";
 
 export function ManastormStatus() {
   const gameMode = useGameStore((state) => state.gameMode);
@@ -56,7 +57,9 @@ export function ManastormStatus() {
     return () => window.clearInterval(interval);
   }, [encounter?.id, level, waveActive]);
 
-  if (gameMode !== "manastorm" || !encounter || status === "idle" || status === "failed") return null;
+  if (gameMode !== "manastorm" || !encounter || status === "idle" || status === "failed") return <>
+    <EditableHudElement id="manastorm" /><EditableHudElement id="objective" /><EditableHudElement id="messages" /><EditableHudElement id="cache" />
+  </>;
 
   const dungeon = requireDungeonDefinition(activeDungeonId);
   const stageLocation = encounter.location ?? dungeon.title;
@@ -85,7 +88,7 @@ export function ManastormStatus() {
 
   return (
     <>
-      <section className="manastorm-status" aria-label={`Manastorm level ${level}`}>
+      <EditableHudElement id="manastorm"><section className="manastorm-status" aria-label={`Manastorm level ${level}`}>
         <div>
           <span>{milestone ? "Milestone" : modeLabel}</span>
           <strong>{level}</strong>
@@ -120,9 +123,9 @@ export function ManastormStatus() {
             </span>
           ) : null}
         </p>
-      </section>
-      <ManastormClientOverlay />
-      {phase === "loot" ? (
+      </section></EditableHudElement>
+      <EditableHudElement id="messages"><ManastormClientOverlay /></EditableHudElement>
+      <EditableHudElement id="objective">{phase === "loot" ? (
         <button
           type="button"
           className={`manastorm-objective manastorm-objective--${status}`}
@@ -137,8 +140,8 @@ export function ManastormStatus() {
           <span aria-hidden="true">{phase === "portal" ? "✦" : "⚔"}</span>
           <strong>{objective}</strong>
         </div>
-      )}
-      {rewardCache[0] ? (
+      )}</EditableHudElement>
+      <EditableHudElement id="cache">{rewardCache[0] ? (
         <button
           type="button"
           className="manastorm-cache-open"
@@ -147,7 +150,7 @@ export function ManastormStatus() {
         >
           Open {rewardCache[0].cacheId.replace(/-/g, " ")}
         </button>
-      ) : null}
+      ) : null}</EditableHudElement>
     </>
   );
 }