Release Healer Man 0.1.43

src/ui/ActionBar.tsx

@@ -1,5 +1,6 @@
 import { useEffect, useState, type CSSProperties } from "react";
 import type { AbilityTarget } from "../game/abilityCatalog";
+import { AbilityTooltipTarget } from "./AbilityTooltip";
 import { useInputBindingLabels } from "../input/useInputBindingLabels";
 import {
   ACTION_LAYER_LABELS,
@@ -21,6 +22,10 @@ export interface ActionBarItem {
   disabled?: boolean;
   lockedUntilLevel?: number;
   target?: AbilityTarget;
+  cooldownSeconds?: number;
+  castSeconds?: number;
+  range?: number;
+  talentLocked?: boolean;
 }
 
 export type ActionBarItems = Readonly<Record<ActionBindingControl, ActionBarItem | null>>;
@@ -94,6 +99,7 @@ function ActionSlot({
     : "";
 
   return (
+    <AbilityTooltipTarget ability={item} bindingLabel={chord}>
     <button
       type="button"
       className={`action-slot action-slot--${control} ${item ? "" : "action-slot--empty"} ${unavailable ? "action-slot--disabled" : ""} ${item?.target === "friendly" || item?.target === "any" ? "action-slot--friendly" : ""} ${cooldown > 0 ? "action-slot--cooldown" : ""}`}
@@ -124,6 +130,7 @@ function ActionSlot({
         <em>{item!.cooldownRemaining! < 10 ? item!.cooldownRemaining!.toFixed(1) : Math.ceil(item!.cooldownRemaining!)}</em>
       )}
     </button>
+    </AbilityTooltipTarget>
   );
 }