From 5d4c9b6d49b623c08d3fd69f19fcc5c1440a581e Mon Sep 17 00:00:00 2001
From: Lucas Santana <lucasrcsantana@gmail.com>
Date: Sat, 18 Jan 2025 12:15:46 -0300
Subject: [PATCH] fix: corrigindo image_url na functions generate-story

---
 CHANGELOG.md                                  |   5 -
 src/components/phonics/AudioPlayer.tsx        |   1 -
 src/components/phonics/ExerciseCard.tsx       |   9 +-
 src/components/phonics/ExerciseGrid.tsx       |   2 +-
 src/components/phonics/ExercisePlayer.tsx     |  45 +++-----
 .../exercises/AlliterationExercise.tsx        |   1 -
 .../phonics/exercises/ExerciseFactory.tsx     |   4 +-
 .../phonics/exercises/RhymeExercise.tsx       |   1 -
 .../phonics/exercises/SoundMatchExercise.tsx  |   1 -
 .../phonics/exercises/SyllablesExercise.tsx   |   2 -
 src/hooks/phonics/useExerciseAttempt.ts       |  74 ++++--------
 src/hooks/phonics/usePhonicsExercises.ts      |  15 ++-
 src/hooks/phonics/usePhonicsProgress.ts       |  61 ++++++----
 src/lib/imageUtils.ts                         |  35 ------
 .../student-dashboard/PhonicsProgressPage.tsx |   6 +-
 src/pages/student-dashboard/StoryPage.tsx     |  20 +---
 .../StudentDashboardPage.tsx                  |   9 +-
 .../student-dashboard/StudentStoriesPage.tsx  |  10 +-
 supabase/config.toml                          | 105 ++----------------
 supabase/functions/generate-story/index.ts    |  16 +--
 20 files changed, 119 insertions(+), 303 deletions(-)
 delete mode 100644 src/lib/imageUtils.ts

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 04c94a3..41a7927 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -48,11 +48,6 @@ e este projeto adere ao [Semantic Versioning](https://semver.org/lang/pt-BR/).
 - Criação de índices para otimização de consultas
 - Implementação de políticas de segurança RLS
 - Estrutura de dados normalizada com relacionamentos apropriados
-- Corrigido tipo de retorno em `useExerciseWords` para garantir formato correto de palavra e opções
-- Ajustado `usePhonicsExercises` para aceitar filtro por categoria
-- Atualizada query de palavras do exercício para usar inner join e ordenação
-- Adicionadas interfaces `AttemptParams` e `ExerciseWord` para melhor tipagem
-- Corrigidos nomes de propriedades para seguir convenção snake_case em todos os hooks
 
 ### Modificado
 - N/A (primeira versão)
diff --git a/src/components/phonics/AudioPlayer.tsx b/src/components/phonics/AudioPlayer.tsx
index f7c5c2a..09efbf7 100644
--- a/src/components/phonics/AudioPlayer.tsx
+++ b/src/components/phonics/AudioPlayer.tsx
@@ -45,7 +45,6 @@ export function AudioPlayer({ word, disabled }: AudioPlayerProps) {
   return (
     <div>
       <Button
-        trackingId="play-word-audio"
         variant="ghost"
         size="lg"
         className="gap-2"
diff --git a/src/components/phonics/ExerciseCard.tsx b/src/components/phonics/ExerciseCard.tsx
index 2ac550b..143ce9a 100644
--- a/src/components/phonics/ExerciseCard.tsx
+++ b/src/components/phonics/ExerciseCard.tsx
@@ -3,18 +3,18 @@ import { Badge } from "@/components/ui/badge";
 import { Button } from "@/components/ui/button";
 import { Progress } from "@/components/ui/progress";
 import { Clock, Star } from "lucide-react";
-import type { PhonicsExercise, StudentPhonicsProgress } from "@/types/phonics";
+import type { PhonicsExercise, PhonicsProgress } from "@/types/phonics";
 
 interface ExerciseCardProps {
   exercise: PhonicsExercise;
-  progress?: StudentPhonicsProgress;
+  progress?: PhonicsProgress;
   onStart: (exerciseId: string) => void;
 }
 
 export function ExerciseCard({ exercise, progress, onStart }: ExerciseCardProps) {
   const isCompleted = progress?.completed;
   const stars = progress?.stars || 0;
-  const progressValue = progress ? (progress.best_score * 100) : 0;
+  const progressValue = progress ? (progress.bestScore * 100) : 0;
 
   return (
     <Card className="w-full hover:shadow-lg transition-shadow">
@@ -34,7 +34,7 @@ export function ExerciseCard({ exercise, progress, onStart }: ExerciseCardProps)
           <div className="flex items-center justify-between text-sm text-muted-foreground">
             <div className="flex items-center gap-2">
               <Clock className="w-4 h-4" />
-              <span>{Math.ceil((exercise.estimated_time_seconds ?? 0) / 60)} min</span>
+              <span>{Math.ceil(exercise.estimatedTimeSeconds / 60)} min</span>
             </div>
             <div className="flex items-center gap-1">
               {Array.from({ length: 3 }).map((_, i) => (
@@ -57,7 +57,6 @@ export function ExerciseCard({ exercise, progress, onStart }: ExerciseCardProps)
           )}
 
           <Button 
-            trackingId="start-exercise"
             className="w-full" 
             onClick={() => onStart(exercise.id)}
             variant={isCompleted ? "secondary" : "default"}
diff --git a/src/components/phonics/ExerciseGrid.tsx b/src/components/phonics/ExerciseGrid.tsx
index 4e3b068..6c16d70 100644
--- a/src/components/phonics/ExerciseGrid.tsx
+++ b/src/components/phonics/ExerciseGrid.tsx
@@ -39,7 +39,7 @@ export function ExerciseGrid({ categoryId, studentId, onSelectExercise }: Exerci
         <ExerciseCard
           key={exercise.id}
           exercise={exercise}
-          progress={progress?.find((p) => p.exercise_id === exercise.id)}
+          progress={progress?.find((p) => p.exerciseId === exercise.id)}
           onStart={onSelectExercise}
         />
       ))}
diff --git a/src/components/phonics/ExercisePlayer.tsx b/src/components/phonics/ExercisePlayer.tsx
index 5b1d334..a215564 100644
--- a/src/components/phonics/ExercisePlayer.tsx
+++ b/src/components/phonics/ExercisePlayer.tsx
@@ -2,17 +2,15 @@ import { useState, useEffect } from "react";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
 import { Progress } from "@/components/ui/progress";
-import { useExerciseWords, useExerciseAttempt } from "@/hooks/phonics/useExerciseAttempt";
+import { useExerciseWords } from "@/hooks/phonics/useExerciseAttempt";
 import { useUpdatePhonicsProgress } from "@/hooks/phonics/usePhonicsProgress";
 import { ExerciseFactory } from "./exercises/ExerciseFactory";
 import { Timer } from "lucide-react";
-import type { PhonicsExercise, PhonicsWord, PhonicsExerciseType } from "@/types/phonics";
+import type { PhonicsExercise, PhonicsWord } from "@/types/phonics";
 import { cn } from "@/lib/utils";
 
 interface ExercisePlayerProps {
-  exercise: PhonicsExercise & {
-    type: PhonicsExerciseType;
-  };
+  exercise: PhonicsExercise;
   studentId: string;
   onComplete: () => void;
   onExit: () => void;
@@ -34,7 +32,6 @@ export function ExercisePlayer({
 
   const { data: exerciseWords, isLoading } = useExerciseWords(exercise.id);
   const updateProgress = useUpdatePhonicsProgress();
-  const exerciseAttempt = useExerciseAttempt();
 
   useEffect(() => {
     const timer = setInterval(() => {
@@ -68,21 +65,17 @@ export function ExercisePlayer({
 
   const handleComplete = async () => {
     const finalScore = score / (exerciseWords?.length || 1);
+    const stars = Math.ceil(finalScore * 3);
 
-    // Primeiro registra a tentativa
-    await exerciseAttempt.mutateAsync({
-      student_id: studentId,
-      exercise_id: exercise.id,
-      score: finalScore,
-      time_spent_seconds: timeSpent
-    });
-
-    // Depois atualiza o progresso
     await updateProgress.mutateAsync({
-      student_id: studentId,
-      exercise_id: exercise.id,
-      score: finalScore,
-      time_spent_seconds: timeSpent
+      studentId,
+      exerciseId: exercise.id,
+      attempts: 1,
+      bestScore: finalScore,
+      lastScore: finalScore,
+      completed: finalScore >= exercise.requiredScore,
+      stars,
+      xpEarned: Math.round(finalScore * exercise.points)
     });
 
     onComplete();
@@ -101,8 +94,7 @@ export function ExercisePlayer({
   }
 
   const progress = ((currentStep + 1) / exerciseWords.length) * 100;
-  const currentWord = exerciseWords[currentStep].word;
-  const options = exerciseWords[currentStep].options;
+  const currentWord = exerciseWords[currentStep].word as unknown as PhonicsWord;
 
   return (
     <Card className={cn(
@@ -118,12 +110,7 @@ export function ExercisePlayer({
               <Timer className="w-4 h-4" />
               <span>{Math.floor(timeSpent / 60)}:{(timeSpent % 60).toString().padStart(2, '0')}</span>
             </div>
-            <Button 
-              trackingId="exit-exercise"
-              variant="outline" 
-              size="sm" 
-              onClick={onExit}
-            >
+            <Button variant="outline" size="sm" onClick={onExit}>
               Sair
             </Button>
           </div>
@@ -138,9 +125,9 @@ export function ExercisePlayer({
           </div>
 
           <ExerciseFactory
-            type={exercise.type}
+            type={exercise.exerciseType}
             currentWord={currentWord}
-            options={options}
+            options={exerciseWords[currentStep].options}
             onAnswer={handleAnswer}
             disabled={showFeedback}
           />
diff --git a/src/components/phonics/exercises/AlliterationExercise.tsx b/src/components/phonics/exercises/AlliterationExercise.tsx
index 60385f9..06a4175 100644
--- a/src/components/phonics/exercises/AlliterationExercise.tsx
+++ b/src/components/phonics/exercises/AlliterationExercise.tsx
@@ -27,7 +27,6 @@ export function AlliterationExercise({
         <div className="grid grid-cols-2 gap-4">
           {options.map((option) => (
             <Button
-              trackingId={`alliteration-option-${option.word}`}
               key={option.word}
               onClick={() => onAnswer(option.word, option.hasSameInitialSound)}
               disabled={disabled}
diff --git a/src/components/phonics/exercises/ExerciseFactory.tsx b/src/components/phonics/exercises/ExerciseFactory.tsx
index 0ac2599..420dfaf 100644
--- a/src/components/phonics/exercises/ExerciseFactory.tsx
+++ b/src/components/phonics/exercises/ExerciseFactory.tsx
@@ -13,7 +13,7 @@ interface ExerciseFactoryProps {
 }
 
 export function ExerciseFactory({ type, currentWord, options, onAnswer, disabled }: ExerciseFactoryProps) {
-  switch (type.name) {
+  switch (type) {
     case 'rhyme':
       return (
         <RhymeExercise
@@ -70,7 +70,7 @@ export function ExerciseFactory({ type, currentWord, options, onAnswer, disabled
     default:
       return (
         <div className="text-center text-red-500">
-          Tipo de exercício não implementado: {type.name}
+          Tipo de exercício não implementado: {type}
         </div>
       );
   }
diff --git a/src/components/phonics/exercises/RhymeExercise.tsx b/src/components/phonics/exercises/RhymeExercise.tsx
index e473442..d0ed69d 100644
--- a/src/components/phonics/exercises/RhymeExercise.tsx
+++ b/src/components/phonics/exercises/RhymeExercise.tsx
@@ -22,7 +22,6 @@ export function RhymeExercise({ currentWord, onAnswer, options, disabled }: Rhym
         <div className="grid grid-cols-2 gap-4">
           {options.map((option) => (
             <Button
-              trackingId={`rhyme-option-${option.word}`}
               key={option.word}
               onClick={() => onAnswer(option.word, option.isRhyme)}
               disabled={disabled}
diff --git a/src/components/phonics/exercises/SoundMatchExercise.tsx b/src/components/phonics/exercises/SoundMatchExercise.tsx
index f80943b..8e6728b 100644
--- a/src/components/phonics/exercises/SoundMatchExercise.tsx
+++ b/src/components/phonics/exercises/SoundMatchExercise.tsx
@@ -33,7 +33,6 @@ export function SoundMatchExercise({
         <div className="grid grid-cols-2 gap-4">
           {options.map((option) => (
             <Button
-              trackingId={`sound-match-option-${option.word}`}
               key={option.word}
               onClick={() => onAnswer(option.word, option.hasMatchingSound)}
               disabled={disabled}
diff --git a/src/components/phonics/exercises/SyllablesExercise.tsx b/src/components/phonics/exercises/SyllablesExercise.tsx
index 3cab7c1..b05d85c 100644
--- a/src/components/phonics/exercises/SyllablesExercise.tsx
+++ b/src/components/phonics/exercises/SyllablesExercise.tsx
@@ -44,7 +44,6 @@ export function SyllablesExercise({
         <div className="flex flex-wrap justify-center gap-2">
           {syllables.map((syllable, index) => (
             <Button
-              trackingId={`syllable-option-${index}`}
               key={index}
               onClick={() => handleSyllableClick(index)}
               disabled={disabled}
@@ -63,7 +62,6 @@ export function SyllablesExercise({
         {selectedSyllables.length > 0 && !disabled && (
           <div className="flex justify-center">
             <Button 
-              trackingId="check-syllables"
               onClick={handleCheck}
               className="mt-4"
             >
diff --git a/src/hooks/phonics/useExerciseAttempt.ts b/src/hooks/phonics/useExerciseAttempt.ts
index 7b6629d..c875f95 100644
--- a/src/hooks/phonics/useExerciseAttempt.ts
+++ b/src/hooks/phonics/useExerciseAttempt.ts
@@ -1,17 +1,27 @@
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import { supabase } from '@/lib/supabase';
-import type { StudentPhonicsAttempt, PhonicsWord } from '@/types/phonics';
+import type { PhonicsAttempt } from '@/types/phonics';
 
-interface AttemptParams {
-  student_id: string;
-  exercise_id: string;
-  score: number;
-  time_spent_seconds: number;
-}
+export function useExerciseAttempt() {
+  const queryClient = useQueryClient();
 
-interface ExerciseWord {
-  word: PhonicsWord;
-  options: PhonicsWord[];
+  return useMutation({
+    mutationFn: async (attempt: Omit<PhonicsAttempt, 'id'>) => {
+      const { data, error } = await supabase
+        .from('phonics_student_attempts')
+        .insert(attempt)
+        .select()
+        .single();
+
+      if (error) throw error;
+      return data;
+    },
+    onSuccess: (data, variables) => {
+      queryClient.invalidateQueries({
+        queryKey: ['phonics-progress', variables.studentId]
+      });
+    }
+  });
 }
 
 export function useExerciseWords(exerciseId: string) {
@@ -21,54 +31,14 @@ export function useExerciseWords(exerciseId: string) {
       const { data, error } = await supabase
         .from('phonics_exercise_words')
         .select(`
-          word:phonics_words!inner (
-            id,
-            word,
-            audio_url,
-            phonetic_transcription,
-            syllables_count,
-            created_at
-          ),
-          options:phonics_words!inner (
-            id,
-            word,
-            audio_url,
-            phonetic_transcription,
-            syllables_count,
-            created_at
-          )
+          *,
+          word:phonics_words(*)
         `)
         .eq('exercise_id', exerciseId)
         .order('order_index', { ascending: true });
 
-      if (error) throw error;
-
-      // Transformar os dados para o formato correto
-      return (data || []).map(item => ({
-        word: item.word[0],
-        options: item.options
-      })) as ExerciseWord[];
-    },
-    enabled: !!exerciseId
-  });
-}
-
-export function useExerciseAttempt() {
-  const queryClient = useQueryClient();
-
-  return useMutation({
-    mutationFn: async (params: AttemptParams) => {
-      const { data, error } = await supabase
-        .from('student_phonics_attempts')
-        .insert(params)
-        .select()
-        .single();
-
       if (error) throw error;
       return data;
-    },
-    onSuccess: (_, { student_id }) => {
-      queryClient.invalidateQueries({ queryKey: ['phonics-progress', student_id] });
     }
   });
 } 
\ No newline at end of file
diff --git a/src/hooks/phonics/usePhonicsExercises.ts b/src/hooks/phonics/usePhonicsExercises.ts
index a114b1c..f03c72d 100644
--- a/src/hooks/phonics/usePhonicsExercises.ts
+++ b/src/hooks/phonics/usePhonicsExercises.ts
@@ -1,6 +1,6 @@
 import { useQuery } from '@tanstack/react-query';
 import { supabase } from '@/lib/supabase';
-import type { PhonicsExercise, PhonicsExerciseType, PhonicsExerciseCategory } from '@/types/phonics';
+import type { PhonicsExercise, PhonicsExerciseCategory } from '@/types/phonics';
 
 export function usePhonicsExercises(categoryId?: string) {
   return useQuery({
@@ -10,20 +10,23 @@ export function usePhonicsExercises(categoryId?: string) {
         .from('phonics_exercises')
         .select(`
           *,
-          type:phonics_exercise_types (*),
-          category:phonics_exercise_categories (*)
+          category:phonics_exercise_categories(name),
+          type:phonics_exercise_types(name),
+          words:phonics_exercise_words(
+            word:phonics_words(*)
+          )
         `)
         .eq('is_active', true)
-        .order('order_index', { ascending: true });
+        .order('difficulty_level', { ascending: true });
 
       if (categoryId) {
         query.eq('category_id', categoryId);
       }
 
       const { data, error } = await query;
-
       if (error) throw error;
-      return data as (PhonicsExercise & { type: PhonicsExerciseType })[];
+      
+      return data as PhonicsExercise[];
     }
   });
 }
diff --git a/src/hooks/phonics/usePhonicsProgress.ts b/src/hooks/phonics/usePhonicsProgress.ts
index 3f94884..2101dc7 100644
--- a/src/hooks/phonics/usePhonicsProgress.ts
+++ b/src/hooks/phonics/usePhonicsProgress.ts
@@ -2,13 +2,6 @@ import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query';
 import { supabase } from '@/lib/supabase';
 import type { StudentPhonicsProgress } from '@/types/phonics';
 
-interface UpdateProgressParams {
-  student_id: string;
-  exercise_id: string;
-  score: number;
-  time_spent_seconds: number;
-}
-
 export function usePhonicsProgress(studentId: string) {
   return useQuery({
     queryKey: ['phonics-progress', studentId],
@@ -29,19 +22,44 @@ export function useUpdatePhonicsProgress() {
   const queryClient = useQueryClient();
 
   return useMutation({
-    mutationFn: async (params: UpdateProgressParams) => {
-      const { data, error } = await supabase
+    mutationFn: async ({
+      studentId,
+      exerciseId,
+      score,
+      timeSpent
+    }: {
+      studentId: string;
+      exerciseId: string;
+      score: number;
+      timeSpent: number;
+    }) => {
+      // Primeiro, registra a tentativa
+      const { data: attemptData, error: attemptError } = await supabase
+        .from('student_phonics_attempts')
+        .insert({
+          student_id: studentId,
+          exercise_id: exerciseId,
+          score,
+          time_spent_seconds: timeSpent
+        })
+        .select()
+        .single();
+
+      if (attemptError) throw attemptError;
+
+      // Depois, atualiza ou cria o progresso
+      const { data: progressData, error: progressError } = await supabase
         .from('student_phonics_progress')
         .upsert({
-          student_id: params.student_id,
-          exercise_id: params.exercise_id,
+          student_id: studentId,
+          exercise_id: exerciseId,
           attempts: 1,
-          best_score: params.score,
-          last_score: params.score,
-          completed: params.score >= 0.7,
-          completed_at: params.score >= 0.7 ? new Date().toISOString() : null,
-          stars: Math.ceil(params.score * 3),
-          xp_earned: Math.ceil(params.score * 100)
+          best_score: score,
+          last_score: score,
+          completed: score >= 0.7,
+          completed_at: score >= 0.7 ? new Date().toISOString() : null,
+          stars: Math.ceil(score * 3),
+          xp_earned: Math.ceil(score * 100)
         }, {
           onConflict: 'student_id,exercise_id',
           ignoreDuplicates: false
@@ -49,11 +67,12 @@ export function useUpdatePhonicsProgress() {
         .select()
         .single();
 
-      if (error) throw error;
-      return data;
+      if (progressError) throw progressError;
+
+      return progressData;
     },
-    onSuccess: (_, { student_id }) => {
-      queryClient.invalidateQueries({ queryKey: ['phonics-progress', student_id] });
+    onSuccess: (_, { studentId }) => {
+      queryClient.invalidateQueries({ queryKey: ['phonics-progress', studentId] });
     }
   });
 } 
\ No newline at end of file
diff --git a/src/lib/imageUtils.ts b/src/lib/imageUtils.ts
deleted file mode 100644
index f040555..0000000
--- a/src/lib/imageUtils.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-interface ImageOptions {
-  width?: number;
-  height?: number;
-  quality?: number;
-}
-
-export function getOptimizedImageUrl(url: string | undefined, options: ImageOptions = {}): string {
-  // Retorna uma imagem padrão ou vazia se a URL for undefined
-  if (!url) {
-    return '/placeholder-image.jpg'; // ou retorne uma imagem padrão apropriada
-  }
-
-  const {
-    width = 800,
-    height = undefined,
-    quality = 80
-  } = options;
-
-  // Se for URL do Supabase Storage
-  if (url.includes('storage.googleapis.com')) {
-    const params = new URLSearchParams({
-      width: width.toString(),
-      quality: quality.toString(),
-      format: 'webp'
-    });
-
-    if (height) {
-      params.append('height', height.toString());
-    }
-
-    return `${url}?${params.toString()}`;
-  }
-
-  return url;
-} 
\ No newline at end of file
diff --git a/src/pages/student-dashboard/PhonicsProgressPage.tsx b/src/pages/student-dashboard/PhonicsProgressPage.tsx
index 7a7c7db..8df42a6 100644
--- a/src/pages/student-dashboard/PhonicsProgressPage.tsx
+++ b/src/pages/student-dashboard/PhonicsProgressPage.tsx
@@ -15,7 +15,7 @@ export function PhonicsProgressPage() {
   const totalExercises = exercises.length;
   const completedExercises = progress.filter(p => p.completed).length;
   const totalStars = progress.reduce((acc, p) => acc + p.stars, 0);
-  const totalXP = progress.reduce((acc, p) => acc + p.xp_earned, 0);
+  const totalXP = progress.reduce((acc, p) => acc + p.xpEarned, 0);
   const completionRate = (completedExercises / totalExercises) * 100;
 
   return (
@@ -74,8 +74,8 @@ export function PhonicsProgressPage() {
         <CardContent>
           <div className="space-y-4">
             {exercises.map((exercise) => {
-              const exerciseProgress = progress.find(p => p.exercise_id === exercise.id);
-              const progressValue = exerciseProgress ? exerciseProgress.best_score * 100 : 0;
+              const exerciseProgress = progress.find(p => p.exerciseId === exercise.id);
+              const progressValue = exerciseProgress ? exerciseProgress.bestScore * 100 : 0;
 
               return (
                 <div key={exercise.id} className="flex items-center gap-4">
diff --git a/src/pages/student-dashboard/StoryPage.tsx b/src/pages/student-dashboard/StoryPage.tsx
index 5f90610..3917d87 100644
--- a/src/pages/student-dashboard/StoryPage.tsx
+++ b/src/pages/student-dashboard/StoryPage.tsx
@@ -1,12 +1,10 @@
-import React, { useState, useEffect, useCallback } from 'react';
-import { ArrowLeft, ArrowRight, Mic, Volume2, Share2, Save, ChevronDown, ChevronUp, Loader2, Pause, Play, Download, RefreshCw, Trash2 } from 'lucide-react';
+import React, { useState, useEffect } from 'react';
+import { ArrowLeft, ArrowRight, Volume2, Share2, ChevronDown, ChevronUp, Loader2, Pause, Play, Download, RefreshCw, Trash2 } from 'lucide-react';
 import { useParams, useNavigate } from 'react-router-dom';
 import { supabase } from '../../lib/supabase';
 import { AudioRecorder } from '../../components/story/AudioRecorder';
 import type { Story } from '../../types/database';
 import { StoryMetrics } from '../../components/story/StoryMetrics';
-import type { MetricsData } from '../../components/story/StoryMetrics';
-import { getOptimizedImageUrl } from '../../lib/imageUtils';
 import { convertWebmToMp3 } from '../../utils/audioConverter';
 import * as Dialog from '@radix-ui/react-dialog';
 import { ExerciseSuggestions } from '../../components/learning/ExerciseSuggestions';
@@ -385,8 +383,6 @@ export function StoryPage() {
   const [isPlaying, setIsPlaying] = React.useState(false);
   const [recordings, setRecordings] = React.useState<StoryRecording[]>([]);
   const [loadingRecordings, setLoadingRecordings] = React.useState(true);
-  const [metrics, setMetrics] = React.useState<MetricsData | null>(null);
-  const [loadingMetrics, setLoadingMetrics] = React.useState(true);
   const [showDeleteModal, setShowDeleteModal] = useState(false);
   const [isDeleting, setIsDeleting] = useState(false);
 
@@ -504,15 +500,12 @@ export function StoryPage() {
     }
   });
 
-  // Pré-carregar próxima imagem
+  // Atualizar o useEffect para pré-carregar imagens
   useEffect(() => {
     const nextImageUrl = story?.content?.pages?.[currentPage + 1]?.image;
     if (nextImageUrl) {
       const nextImage = new Image();
-      nextImage.src = getOptimizedImageUrl(nextImageUrl, {
-        width: 1200,
-        quality: 85
-      });
+      nextImage.src = nextImageUrl;
     }
   }, [currentPage, story]);
 
@@ -635,10 +628,7 @@ export function StoryPage() {
         {/* Imagem da página atual */}
         {story?.content?.pages?.[currentPage]?.image && (
           <ImageWithLoading
-            src={getOptimizedImageUrl(story.content.pages[currentPage].image, {
-              width: 1200,
-              quality: 85
-            })}
+            src={story.content.pages[currentPage].image}
             alt={`Página ${currentPage + 1}`}
             className="w-full h-full object-cover"
           />
diff --git a/src/pages/student-dashboard/StudentDashboardPage.tsx b/src/pages/student-dashboard/StudentDashboardPage.tsx
index da05e8b..b0fea81 100644
--- a/src/pages/student-dashboard/StudentDashboardPage.tsx
+++ b/src/pages/student-dashboard/StudentDashboardPage.tsx
@@ -3,7 +3,6 @@ import { Plus, BookOpen, Clock, TrendingUp, Award } from 'lucide-react';
 import { useNavigate } from 'react-router-dom';
 import { supabase } from '../../lib/supabase';
 import type { Story, Student } from '../../types/database';
-import { getOptimizedImageUrl } from '../../lib/imageUtils';
 
 interface DashboardMetrics {
   totalStories: number;
@@ -253,10 +252,10 @@ export function StudentDashboardPage() {
                 {story.cover && (
                   <div className="relative aspect-video">
                     <img
-                      src={getOptimizedImageUrl(story.cover.image_url, {
-                        width: 400,
-                        height: 300
-                      })}
+                      src={supabase.storage
+                        .from('story-images')
+                        .getPublicUrl(story.cover.image_url).data.publicUrl + 
+                        `?width=400&height=300&quality=80&format=webp`}
                       alt={story.title}
                       className="w-full h-48 object-cover"
                       loading="lazy"
diff --git a/src/pages/student-dashboard/StudentStoriesPage.tsx b/src/pages/student-dashboard/StudentStoriesPage.tsx
index 8dd47b6..3c96bcb 100644
--- a/src/pages/student-dashboard/StudentStoriesPage.tsx
+++ b/src/pages/student-dashboard/StudentStoriesPage.tsx
@@ -3,7 +3,6 @@ import { Plus, Search, Filter, BookOpen, ArrowUpDown } from 'lucide-react';
 import { useNavigate } from 'react-router-dom';
 import { supabase } from '../../lib/supabase';
 import type { Story } from '../../types/database';
-import { getOptimizedImageUrl } from '../../lib/imageUtils';
 
 type StoryStatus = 'all' | 'draft' | 'published';
 type SortOption = 'recent' | 'oldest' | 'title' | 'performance';
@@ -201,11 +200,10 @@ export function StudentStoriesPage() {
                 {story.cover && (
                   <div className="relative aspect-video">
                     <img
-                      src={getOptimizedImageUrl(story.cover.image_url, {
-                        width: 400,
-                        height: 300,
-                        quality: 80
-                      })}
+                      src={supabase.storage
+                        .from('story-images')
+                        .getPublicUrl(story.cover.image_url).data.publicUrl + 
+                        `?width=400&height=300&quality=80&format=webp`}
                       alt={story.title}
                       className="w-full h-48 object-cover"
                       loading="lazy"
diff --git a/supabase/config.toml b/supabase/config.toml
index 2788542..583de32 100644
--- a/supabase/config.toml
+++ b/supabase/config.toml
@@ -1,35 +1,15 @@
-[project]
-id = "bsjlbnyslxzsdwxvkaap"
-name = "Leiturama"
+project_id = "bsjlbnyslxzsdwxvkaap"
 
 [auth]
 enabled = true
 site_url = "https://leiturama.ai"
-additional_redirect_urls = [
-  "https://leiturama.ai/*",
-  "http://localhost:5173/*",
-  "http://localhost:3000/*"
-]
+additional_redirect_urls = ["https://leiturama.ai/*", "http://localhost:5173/*", "http://localhost:3000/*"]
 jwt_expiry = 3600
-enable_refresh_token_rotation = true
-refresh_token_reuse_interval = 10
-
-[auth.mfa.totp]
-enroll_enabled = true
-verify_enabled = true
 
 [auth.email]
 enable_signup = true
 double_confirm_changes = true
 enable_confirmations = true
-secure_password_change = true
-max_frequency = "1m0s"
-otp_length = 6
-otp_expiry = 86400
-
-[auth.external]
-enabled = true
-providers = ["google"]
 
 [auth.external.google]
 enabled = true
@@ -37,86 +17,15 @@ client_id = "your-client-id"
 secret = "your-client-secret"
 redirect_uri = "https://leiturama.ai/auth/callback"
 
-[storage]
-enabled = true
-file_size_limit = "50MB"
-
-[storage.cors]
-allowed_origins = [
-  "https://leiturama.ai",
-  "http://localhost:5173",
-  "http://localhost:3000"
-]
-allowed_methods = ["GET", "POST", "PUT", "DELETE", "OPTIONS"]
-allowed_headers = [
-  "Authorization",
-  "Content-Type",
-  "Accept",
-  "Origin",
-  "User-Agent",
-  "DNT",
-  "Cache-Control",
-  "X-Mx-ReqToken",
-  "Keep-Alive",
-  "X-Requested-With",
-  "If-Modified-Since"
-]
-exposed_headers = ["Content-Range", "Range"]
-max_age = 3600
-
 [api]
 enabled = true
 port = 54321
 schemas = ["public", "storage", "auth"]
-extra_search_path = ["public", "extensions"]
-max_rows = 1000
 
-[api.cors]
+[storage]
 enabled = true
-allowed_origins = [
-  "https://leiturama.ai",
-  "http://localhost:5173",
-  "http://localhost:3000"
-]
-allowed_methods = ["GET", "POST", "PUT", "DELETE", "OPTIONS"]
-allowed_headers = [
-  "Authorization",
-  "Content-Type",
-  "Accept",
-  "Origin",
-  "User-Agent",
-  "DNT",
-  "Cache-Control",
-  "X-Mx-ReqToken",
-  "Keep-Alive",
-  "X-Requested-With",
-  "If-Modified-Since"
-]
-exposed_headers = ["Content-Range", "Range"]
-max_age = 3600
+file_size_limit = "50MB"
 
-[db]
-port = 54322
-shadow_port = 54320
-major_version = 15
-
-[db.pooler]
-enabled = false
-port = 54329
-pool_mode = "transaction"
-default_pool_size = 15
-max_client_conn = 100
-
-[studio]
-enabled = true
-port = 54323
-api_url = "https://leiturama.ai"
-
-[inbucket]
-enabled = true
-port = 54324
-smtp_port = 54325
-pop3_port = 54326
-
-[storage.backend]
-enabled = true
+[functions]
+[functions.generate-story]
+verify_jwt = true
diff --git a/supabase/functions/generate-story/index.ts b/supabase/functions/generate-story/index.ts
index 8af3439..f0fea1d 100644
--- a/supabase/functions/generate-story/index.ts
+++ b/supabase/functions/generate-story/index.ts
@@ -21,15 +21,6 @@ const ALLOWED_ORIGINS = [
   'https://leiturama.ai'  // Produção
 ];
 
-// Função para otimizar URL da imagem
-function getOptimizedImageUrl(originalUrl: string, width = 800): string {
-  // Se já for uma URL do Supabase Storage, adicionar transformações
-  if (originalUrl.includes('storage.googleapis.com')) {
-    return `${originalUrl}?width=${width}&quality=80&format=webp`;
-  }
-  return originalUrl;
-}
-
 interface StoryResponse {
   title: string;
   content: {
@@ -236,7 +227,7 @@ serve(async (req) => {
           throw new Error(`Erro ao salvar imagem ${index + 1} no storage: ${storageError.message}`)
         }
 
-        // Gerar URL público da imagem
+        // Gerar URL público da imagem sem transformações
         const { data: publicUrl } = supabase
           .storage
           .from('story-images')
@@ -244,12 +235,9 @@ serve(async (req) => {
 
         console.log(`[Storage] Imagem ${index + 1} salva com sucesso`)
 
-        // Otimizar URL antes de salvar
-        const optimizedUrl = getOptimizedImageUrl(imageResponse.data[0].url);
-
         return {
           text: page.text,
-          image: optimizedUrl,
+          image: publicUrl.publicUrl, // Salvar apenas o caminho do arquivo
           image_path: fileName
         }
       })