Upload 10 files

src/views/InstructorView.js

@@ -452,6 +452,13 @@ export function setupInstructorEvents() {
     const snapshotBtn = document.getElementById('snapshot-btn');
     let isSnapshotting = false;
 
+    // AI Settings UI
+    const setupAiBtn = document.getElementById('setup-ai-btn');
+    const aiSettingsModal = document.getElementById('ai-settings-modal');
+    const geminiKeyInput = document.getElementById('gemini-api-key');
+    const toggleStudentAi = document.getElementById('toggle-student-ai');
+    const saveAiSettingsBtn = document.getElementById('save-ai-settings');
+
     // Permission Check Helper
     const checkPermissions = (instructor) => {
         if (!instructor) return;
@@ -662,7 +669,64 @@ export function setupInstructorEvents() {
             });
         }
 
+        // AI Settings Logic
+        if (setupAiBtn) {
+            setupAiBtn.addEventListener('click', () => {
+                const key = localStorage.getItem('vibecoding_gemini_key') || '';
+                const studentEnabled = localStorage.getItem('vibecoding_student_ai_enabled') === 'true';
+
+                if (geminiKeyInput) geminiKeyInput.value = key;
+                if (toggleStudentAi) toggleStudentAi.checked = studentEnabled;
+
+                if (aiSettingsModal) aiSettingsModal.classList.remove('hidden');
+            });
+        }
+
+        if (saveAiSettingsBtn) {
+            saveAiSettingsBtn.addEventListener('click', async () => {
+                const key = geminiKeyInput ? geminiKeyInput.value.trim() : '';
+                const studentEnabled = toggleStudentAi ? toggleStudentAi.checked : false;
+
+                if (key) {
+                    localStorage.setItem('vibecoding_gemini_key', key);
+                } else {
+                    localStorage.removeItem('vibecoding_gemini_key');
+                }
+
+                localStorage.setItem('vibecoding_student_ai_enabled', studentEnabled);
+
+                // Update Firestore if in a room
+                const roomCode = localStorage.getItem('vibecoding_instructor_room');
 
+                if (roomCode) {
+                    try {
+                        const { getFirestore, doc, updateDoc } = await import("https://www.gstatic.com/firebasejs/10.7.1/firebase-firestore.js");
+                        const db = getFirestore();
+                        await updateDoc(doc(db, "classrooms", roomCode), { ai_active: studentEnabled });
+                    } catch (e) {
+                        console.error("Failed to sync AI setting to room:", e);
+                    }
+                }
+
+                // Initialize Gemini (if key exists)
+                if (key) {
+                    try {
+                        const { initGemini } = await import("../services/gemini.js");
+                        await initGemini(key);
+                        geminiEnabled = true; // Update module-level var
+                        alert("AI 設定已儲存並啟動！");
+                    } catch (e) {
+                        console.error(e);
+                        alert("AI 啟動失敗: " + e.message);
+                    }
+                } else {
+                    geminiEnabled = false;
+                    alert("AI 設定已儲存 (停用)");
+                }
+
+                if (aiSettingsModal) aiSettingsModal.classList.add('hidden');
+            });
+        }
 
         // Rejoin Room
         const rejoinBtn = document.getElementById('rejoin-room-btn');