Release Healer Man 0.1.43

src/ui/CompanionPanel.tsx

@@ -34,6 +34,8 @@ import { EditableHudElement } from "./EditableHudElement";
 import { DpsMeterWidget } from "./DpsMeterWidget";
 import { useUiLayoutStore } from "../game/uiLayoutStore";
 import { useDpsMeterStore } from "../game/dpsMeterStore";
+import { currentDisplayLayout } from "../platform/displayLayout";
+import { DungeonCompanionHud } from "./DungeonCompanionHud";
 
 function safePercent(current: number, maximum: number): number {
   if (!Number.isFinite(current) || !Number.isFinite(maximum) || maximum <= 0) return 0;
@@ -166,12 +168,12 @@ export function CompanionPanel({ snapshot, send, preferControllerBinds = false }
           <p className="companion-kicker">Ready on both screens</p>
           <h2>One roster. Two ways to play.</h2>
           <div className="companion-feature-grid">
-            <article><b>01</b><span><strong>Local account</strong><small>Salted password verifier on this device</small></span></article>
+            <article><b>01</b><span><strong>Your roster</strong><small>Choose your adventurer after signing in</small></span></article>
             <article><b>02</b><span><strong>Offline play</strong><small>No sign-in or network required</small></span></article>
             <article><b>03</b><span><strong>PC fallback</strong><small>This panel opens as an overlay</small></span></article>
           </div>
         </main>
-        <footer><span>Top screen owns account entry</span><b>THOR / 620 x 540</b></footer>
+        <footer><span>Sign in on the top screen</span><b>THOR / 3.92 INCHES</b></footer>
       </FrontSurface>
     );
   }
@@ -297,6 +299,19 @@ export function CompanionPanel({ snapshot, send, preferControllerBinds = false }
     return <CompanionDungeonSelection selected={selected} send={send} />;
   }
 
+  if (snapshot.phase === "class-hall") {
+    const definition = selected ? classById(selected.classId) : null;
+    return <FrontSurface bottom className="companion-panel companion-create" ariaLabel="Class Hall companion screen">
+      <header><BrandMark compact /><b>CLASS HALL</b></header>
+      <main><section><p className="companion-kicker">{selected?.name ?? "Your adventurer"}</p>
+        <h2>{definition?.name ?? "Choose your path"}</h2>
+        <p>Choose your specialization on the top screen.</p>
+        <p>Your specialization determines your role and starting equipment.</p>
+      </section></main>
+      <footer className="companion-actions"><button type="button" onClick={() => send({ name: "returnToMainMenu" })}>Back to main menu</button></footer>
+    </FrontSurface>;
+  }
+
   if (snapshot.phase === "manastorms") {
     return <ShelvedCompanionPanel selected={selected} send={send} />;
   }
@@ -510,11 +525,12 @@ export function CompanionPanel({ snapshot, send, preferControllerBinds = false }
 }
 
 export function LocalCompanionPanel() {
-  useShellStore();
+  const shell = useShellStore();
   useGameStore();
   useCombatStore();
   usePartyStore();
   useUiLayoutStore();
   useDpsMeterStore();
+  if (shell.phase === "game" && currentDisplayLayout() !== "single") return <DungeonCompanionHud send={executeCompanionCommand} />;
   return <CompanionPanel snapshot={currentCompanionSnapshot()} send={executeCompanionCommand} />;
 }