diff --git a/src/components/three/XRHudInWorld.tsx b/src/components/three/XRHudInWorld.tsx
index 7b5edce..52d0e88 100644
--- a/src/components/three/XRHudInWorld.tsx
+++ b/src/components/three/XRHudInWorld.tsx
@@ -6,8 +6,12 @@ import { Text } from '@react-three/drei';
 import { XR3DButton, XR3DPanel } from './XRPanel3D';
 import { useModelStore, SCALE_PRESETS } from '@/stores/useModelStore';
 import { getBroadcastSource } from '@/lib/webrtc/broadcastSource';
+import {
+  useCanvasRecorder, startRecording, pauseRecording, resumeRecording,
+  stopRecording, captureScreenshot, formatElapsed,
+} from '@/hooks/useCanvasRecorder';
 
-type Tab = 'scene' | 'tools' | 'inspection' | 'share' | 'webxr';
+type Tab = 'scene' | 'tools' | 'inspection' | 'share' | 'capture' | 'webxr';
 
 interface XRHudInWorldProps {
   freeMove: boolean;