Update index.html

index.html

@@ -275,8 +275,97 @@
     }
 
     // --- TODAS AS OUTRAS FUNÇÕES (sem alterações) ---
-    async function generateActivity() { /* ... */ }
-    async function submitActivityResponse() { /* ... */ }
+    async function generateActivity() {
+        const activityType = activityTypeSelector.value;
+        const context = contextSelector.value;
+        const sourceText = textEditor.innerText;
+        generateActivityButton.disabled = true;
+        generateActivityButton.innerHTML = '<div class="spinner mr-2"></div> Generating...';
+        activityChatDisplay.innerHTML = '<p class="text-gray-500 italic">Generating your exercise...</p>';
+        activityResponseArea.classList.add('hidden');
+        let prompt = "";
+        if (activityType === 'translate_pt_en') {
+            prompt = `Based on the '${context}' context, create one single sentence in Portuguese for me to translate into English.`;
+        } else if (activityType === 'email_writing') {
+            prompt = `Create a scenario for me to write a formal email, related to the '${context}' context. Give me clear instructions on what to write.`;
+        } else if (activityType === 'summary_writing') {
+            if (!sourceText) {
+                alert("Please paste text in the main editor to generate a summary activity.");
+                activityChatDisplay.innerHTML = '<p class="text-red-500">Please paste text in the editor in card #1 first.</p>';
+                generateActivityButton.disabled = false;
+                generateActivityButton.textContent = 'Generate Activity';
+                return;
+            }
+            prompt = `Your task is to summarize the following text in 2 or 3 sentences: "${sourceText}"`;
+        } else if (activityType === 'professional_conversation') {
+             prompt = `Start a professional role-playing conversation with me related to '${context}'. Ask me an open-ended question to begin.`;
+        }
+        try {
+            const response = await fetch('/explain-proxy', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({
+                    model: modelSelector.value,
+                    context_focus: context,
+                    custom_prompt: prompt
+                })
+            });
+            if (!response.ok) throw new Error((await response.json()).error);
+            const data = await response.json();
+            currentActivityPrompt = data.explanation;
+            activityChatDisplay.innerHTML = `<div class="ai-prompt"><strong>Your Task:</strong><p>${currentActivityPrompt}</p></div>`;
+            activityResponseArea.classList.remove('hidden');
+        } catch (error) {
+            activityChatDisplay.innerHTML = `<p class="text-red-600 font-semibold">Failed to generate activity: ${error.message}</p>`;
+        } finally {
+            generateActivityButton.disabled = false;
+            generateActivityButton.textContent = 'Generate Activity';
+        }
+    }
+    async function submitActivityResponse() {
+        const userResponse = activityInput.value.trim();
+        if (!userResponse) {
+            alert("Please write a response.");
+            return;
+        }
+        submitActivityBtn.disabled = true;
+        submitActivityBtn.innerHTML = '<div class="spinner mr-2"></div> Getting Feedback...';
+        const oldFeedback = activityChatDisplay.querySelector('.ai-feedback');
+        if(oldFeedback) oldFeedback.remove();
+        const oldResponse = activityChatDisplay.querySelector('.user-response-display');
+        if(oldResponse) oldResponse.remove();
+        const userResponseDiv = document.createElement('div');
+        userResponseDiv.className = 'user-response-display';
+        userResponseDiv.innerHTML = `<strong>Your Response:</strong><p>${userResponse}</p>`;
+        activityChatDisplay.appendChild(userResponseDiv);
+        try {
+            const response = await fetch('/activity-feedback', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({
+                    model: modelSelector.value,
+                    context_focus: contextSelector.value,
+                    original_prompt: currentActivityPrompt,
+                    user_response: userResponse
+                })
+            });
+            if (!response.ok) throw new Error((await response.json()).error);
+            const data = await response.json();
+            const feedbackDiv = document.createElement('div');
+            feedbackDiv.className = 'ai-feedback';
+            feedbackDiv.innerHTML = `<strong>Feedback:</strong><div class="prose prose-sm max-w-none">${marked.parse(data.feedback)}</div>`;
+            activityChatDisplay.appendChild(feedbackDiv);
+            activityInput.value = '';
+        } catch (error) {
+            const errorDiv = document.createElement('div');
+            errorDiv.className = 'ai-feedback';
+            errorDiv.innerHTML = `<p class="text-red-600 font-semibold">Failed to get feedback: ${error.message}</p>`;
+            activityChatDisplay.appendChild(errorDiv);
+        } finally {
+            submitActivityBtn.disabled = false;
+            submitActivityBtn.textContent = 'Submit Answer';
+        }
+    }
     function initializeSpeechRecognition() { /* ... */ }
     function handleVoiceInput() { /* ... */ }
     function handleTextInput() { /* ... */ }