// frontend/components/Avatar.tsx
type Tone = "blue" | "violet" | "green" | "coral" | "amber";
export function Avatar({
  initial,
  tone = "blue",
  label,
}: {
  initial: string;
  tone?: Tone;
  label?: string;
}) {
  return (
    <div className="avatar" data-tone={tone} title={label} aria-label={label}>
      {initial}
    </div>
  );
}