Release Healer Man 0.1.40

src/ui/PartyFrames.tsx

@@ -1,5 +1,5 @@
 import { useState, type CSSProperties } from "react";
-import { classById, raceById } from "../app/characterCatalog";
+import { classById, isRomClassId, raceById } from "../app/characterCatalog";
 import { useShellStore } from "../app/shellStore";
 import { useCombatStore } from "../game/combatStore";
 import {
@@ -115,6 +115,8 @@ function MemberFrame({ member, selected, onSelect }: {
 }) {
   const characterClass = classById(member.classId);
   const race = raceById(member.raceId);
+  const isRom = isRomClassId(member.classId);
+  const classLabel = `${characterClass.name}${member.secondaryClassId ? `/${classById(member.secondaryClassId).name}` : ""}`;
   const percent = healthPercent(member.health, member.maxHealth);
   const absorb = useCombatStore((state) => state.auras.reduce((total, aura) => (
     aura.targetId === member.id
@@ -138,11 +140,11 @@ function MemberFrame({ member, selected, onSelect }: {
       className={`party-frame ${selected ? "is-selected" : ""} ${dispellableCount ? "is-dispellable" : ""} ${member.health <= 0 ? "is-down" : ""}`}
       onClick={onSelect}
       aria-pressed={selected}
-      aria-label={`Target ${member.name}, ${member.gender} ${race.name}, ${member.specialization} ${characterClass.name}`}
+      aria-label={isRom ? `Target ${member.name}, ${classLabel}` : `Target ${member.name}, ${member.gender} ${race.name}, ${member.specialization} ${characterClass.name}`}
     >
       <span className="party-frame__sigil" style={{ "--party-class-color": characterClass.color } as CSSProperties}>{characterClass.sigil}</span>
       <span className="party-frame__body">
-        <span className="party-frame__identity"><strong>{member.name}</strong><small>{PARTY_ROLE_LABELS[member.role]} · {race.name} · {member.specialization}</small></span>
+        <span className="party-frame__identity"><strong>{member.name}</strong><small style={isRom ? { textTransform: "none" } : undefined}>{isRom ? classLabel : `${PARTY_ROLE_LABELS[member.role]} · ${race.name} · ${member.specialization}`}</small></span>
         {dispellableCount ? <span className="party-frame__dispel" title={dispellableNames}>DISPEL {dispellableCount}</span> : null}
         <span className="party-frame__health" role="progressbar" aria-label={`${member.name} health`} aria-valuemin={0} aria-valuemax={member.maxHealth} aria-valuenow={Math.max(0, member.health)}>
           <i style={{ width: `${percent}%` }} />