import React, { useState, useRef, useEffect } from 'react';
import { Pet, AnalysisResult } from '../types';
import { audioService } from '../lib/audioService';
import { getAuthHeaders } from '../context/AuthContext';
import { Mic, MicOff, Camera, CameraOff, Check, X, MessageSquare, Sparkles, AlertCircle, RefreshCw, MapPin, Volume2 } from 'lucide-react';