Release Healer Man 0.1.43

src/ui/ManastormSelectScreen.tsx

@@ -37,6 +37,7 @@ import {
 import { useMenuController, type MenuAction } from "../input/useMenuController";
 import { LazyLocalCompanionPanel } from "./LazyLocalCompanionPanel";
 import { ControllerButton } from "./ControllerButton";
+import { AbilityTooltipTarget } from "./AbilityTooltip";
 import { BrandMark, ControllerLegend, FrontSurface } from "./FrontSurface";
 import { OnlineGroupPanel } from "./OnlineGroupPanel";
 import { useOnlineGroupStore } from "../app/onlineGroupStore";
@@ -413,6 +414,7 @@ export function ManastormSelectScreen() {
                     const capped = !selected
                       && selectedSpellIds.length >= spellLoadoutModel.maxSelections;
                     return (
+                      <AbilityTooltipTarget key={spell.id} ability={spell}>
                       <ControllerButton
                         key={spell.id}
                         controlId={`manastorm-spell-${spell.id}`}
@@ -420,8 +422,8 @@ export function ManastormSelectScreen() {
                         select={controller.select}
                         className={`manastorm-spell-option ${selected ? "is-active" : ""}`}
                         type="button"
-                        disabled={capped}
-                        onClick={() => toggleSpell(spell.id)}
+                        aria-disabled={capped}
+                        onClick={() => { if (!capped) toggleSpell(spell.id); }}
                         title={`${spell.description} · Client Spell.dbc ID ${spell.dbcSpellId}`}
                       >
                         <img src={spell.icon} alt="" aria-hidden="true" />
@@ -430,6 +432,7 @@ export function ManastormSelectScreen() {
                           <small>Spell {spell.dbcSpellId}</small>
                         </span>
                       </ControllerButton>
+                      </AbilityTooltipTarget>
                     );
                   })}
                   {!spellLoadoutModel?.options.length ? (