Release Healer Man 0.1.23

src/scene/WailingNaralexEvent.tsx

@@ -1,4 +1,3 @@
-import { Html } from "@react-three/drei";
 import { useFrame } from "@react-three/fiber";
 import { useRef } from "react";
 import type { Group } from "three";
@@ -7,6 +6,7 @@ import {
   useWailingEncounterStore,
   wailingDisciplePosition,
 } from "../game/wailingCavernsEncounter";
+import { WorldNpcPrompt } from "./WorldNpcPrompt";
 
 export function WailingNaralexEvent() {
   const activeDungeonId = useGameStore((state) => state.activeDungeonId);
@@ -38,7 +38,7 @@ export function WailingNaralexEvent() {
         <sphereGeometry args={[0.3, 12, 8]} />
         <meshStandardMaterial color="#b9d67a" roughness={0.7} />
       </mesh>
-      <Html center position={[0, 2.45, 0]} zIndexRange={[8, 0]}>
+      <WorldNpcPrompt position={[0, 2.45, 0]}>
         <div className="naralex-event-prompt">
           <strong>Disciple of Naralex</strong>
           {phase === "locked" ? <small>Defeat the four Fanglords</small> : null}
@@ -56,7 +56,7 @@ export function WailingNaralexEvent() {
           {phase === "cleansing" ? <small>Channeling Serpentine Cleansing…</small> : null}
           {phase === "complete" ? <small>Naralex has awakened</small> : null}
         </div>
-      </Html>
+      </WorldNpcPrompt>
     </group>
   );
 }