story-generator/src/pages/story/StoryPage.tsx

import { AudioRecorder } from '../../components/story/AudioRecorder';
import { supabase } from '../../lib/supabase';

export function StoryPage() {
  // ... outros códigos ...

  const handleAudioUploaded = async (audioUrl: string) => {
    try {
      // Salvar referência do áudio no banco de dados
      const { error } = await supabase
        .from('story_recordings')
        .insert({
          story_id: storyId,
          student_id: studentId,
          audio_url: audioUrl,
          status: 'pending_analysis' // será analisado pela IA posteriormente
        });

      if (error) throw error;

      // Aqui você pode adicionar a lógica para enviar o áudio para análise da IA
      // Por exemplo, chamar uma função que envia o áudio para um endpoint de IA

    } catch (err) {
      console.error('Erro ao salvar gravação:', err);
    }
  };

  return (
    <div>
      {/* ... outros elementos da página ... */}
      
      <AudioRecorder
        storyId={storyId}
        studentId={studentId}
        onAudioUploaded={handleAudioUploaded}
      />
    </div>
  );
}