Release Healer Man 0.1.29

src/ui/Hud.tsx

@@ -1,3 +1,4 @@
+import { useInputBindingLabels } from "../input/useInputBindingLabels";
 import {
   useCallback,
   useEffect,
@@ -142,6 +143,7 @@ export function DungeonCompletePrompt({
 }
 
 export function Hud() {
+  const bindingLabel = useInputBindingLabels();
   const ui = useUiLayoutStore();
   const desktopBars = currentUiDevice() === "pc" && (ui.draft ?? ui.preferences.current.pc).wowBars;
   const character = useShellStore((state) => state.activeCharacter);
@@ -206,15 +208,6 @@ export function Hud() {
     return () => window.clearInterval(timer);
   }, []);
 
-  useEffect(() => {
-    if (!pendingGroundTarget) return;
-    const cancel = (event: KeyboardEvent) => {
-      if (event.key === "Escape") useCombatStore.getState().cancelGroundTarget();
-    };
-    window.addEventListener("keydown", cancel);
-    return () => window.removeEventListener("keydown", cancel);
-  }, [pendingGroundTarget]);
-
   const updateThreatMeterPosition = useCallback((threatMeterPosition: typeof settings.threatMeterPosition) => {
     useCombatStore.getState().updateSettings({ threatMeterPosition });
   }, []);
@@ -388,7 +381,7 @@ export function Hud() {
         <section className="ground-target-reticle" role="status" aria-live="polite">
           <div aria-hidden="true"><i /><b /></div>
           <strong>Place ground effect</strong>
-          <small>Move with WASD / left stick. Confirm with Enter / A; Escape / B cancels.</small>
+          <small>Confirm: {bindingLabel(inputMode === "gamepad" ? "controller" : "pc", "ground-confirm")} · Cancel: {bindingLabel(inputMode === "gamepad" ? "controller" : "pc", "ground-cancel")}</small>
           <span>
             <button
               type="button"
@@ -473,11 +466,8 @@ export function Hud() {
 
         <EditableHudElement id="hints">{!activeCast && (
           <div className={`control-hint ${hasMoved && cameraLookActive ? "control-hint--settled" : ""}`}>
-            {inputMode === "gamepad"
-              ? "Left stick move  |  L1 / L2 layers  |  Face / R1 / R2 / D-pad abilities  |  R3 target  |  Start pause"
-              : cameraLookActive
-                ? "Release right mouse for cursor  |  WASD move  |  Arrow keys look  |  1-8 abilities  |  Shift / Alt layers"
-                : "Right mouse / Arrow keys look  |  Click party frames to target  |  WASD move  |  Tab enemy"}
+            {cameraLookActive ? "Release right mouse for cursor · " : "Hold right mouse to look · "}
+            Forward: {bindingLabel(inputMode === "gamepad" ? "controller" : "pc", "move-forward")} · Target: {bindingLabel(inputMode === "gamepad" ? "controller" : "pc", "target-next")} · Pause: {bindingLabel(inputMode === "gamepad" ? "controller" : "pc", "pause")}
           </div>
         )}</EditableHudElement>