Upload 9 files

src/services/auth.js

@@ -84,7 +84,15 @@ export async function checkInstructorPermission(user) {
 
     const email = user.email;
     const instructorRef = doc(db, INSTRUCTORS_COLLECTION, email);
-    const snap = await getDoc(instructorRef);
+    let snap;
+
+    try {
+        snap = await getDoc(instructorRef);
+    } catch (error) {
+        console.warn("Instructor Permission Check Failed (likely not whitelisted):", error.code);
+        // If permission denied, it means they are not allowed to read the doc => likely not in whitelist
+        return null;
+    }
 
     // Bootstrap Super Admin
     if (email === SUPER_ADMIN_EMAIL) {

src/views/InstructorView.js

@@ -336,6 +336,25 @@ export async function renderInstructorView() {
 }
 
 export function setupInstructorEvents() {
+    // Utility for cleaning prompt indentation
+    function stripIndent(str) {
+        if (!str) return '';
+        // Remove first line if empty (common in template literals)
+        const lines = str.replace(/^\n/, '').split('\n');
+
+        // Find min indentation (ignoring empty lines)
+        const minIndent = lines.reduce((min, line) => {
+            if (!line.trim()) return min;
+            const indent = line.match(/^\s*/)[0].length;
+            return Math.min(min, indent);
+        }, Infinity);
+
+        if (minIndent === Infinity) return str.trim(); // No non-empty lines
+
+        // Strip indent
+        return lines.map(line => line.slice(minIndent)).join('\n').trim();
+    }
+
     let roomUnsubscribe = null;
     let currentInstructor = null;
 
@@ -1239,7 +1258,7 @@ export function setupInstructorEvents() {
             document.getElementById('broadcast-content').classList.add('hidden');
             const stage = document.getElementById('stage-view');
             stage.classList.remove('hidden');
-            document.getElementById('stage-prompt').textContent = (prompt || '').trim();
+            document.getElementById('stage-prompt').textContent = stripIndent(prompt || '');
             document.getElementById('stage-author').textContent = author;
         };
 
@@ -1353,7 +1372,7 @@ export function setupInstructorEvents() {
                     onchange="handlePromptSelection(this)">
             </div>
             <!-- Prompt Content -->
-            <div class="bg-black/30 rounded p-2 flex-1 overflow-y-auto font-mono text-green-300 whitespace-pre-wrap custom-scrollbar text-base leading-snug group-hover:text-green-200 transaction-colors mb-2">${(p.prompt || '').trim()}</div>
+            <div class="bg-black/30 rounded p-2 flex-1 overflow-y-auto font-mono text-green-300 whitespace-pre-wrap custom-scrollbar text-base leading-snug group-hover:text-green-200 transaction-colors mb-2">${stripIndent(p.prompt)}</div>
 
             <!-- Footer: Time + Actions -->
             <div class="flex justify-between items-center text-[10px] text-gray-500 mt-auto">
@@ -1532,7 +1551,7 @@ export function setupInstructorEvents() {
             </div>
             <!-- Prompt Content: Larger Text (text-4xl) -->
             <div class="flex-1 overflow-y-auto font-mono text-green-300 text-3xl leading-relaxed whitespace-pre-wrap p-2 hover:bg-white/5 transition-colors rounded custom-scrollbar text-left">
-                ${(item.prompt || '').trim()}
+                ${stripIndent(item.prompt)}
             </div>
             `;
                 grid.appendChild(col);
@@ -1848,7 +1867,7 @@ export function setupInstructorEvents() {
         document.getElementById('broadcast-author').textContent = student.nickname;
         document.getElementById('broadcast-challenge').textContent = title;
         // content is already just text, but let's be safe
-        document.getElementById('broadcast-prompt').textContent = (p.prompt || p.code || '').trim(); // robust fallback
+        document.getElementById('broadcast-prompt').textContent = stripIndent(p.prompt || p.code || ''); // robust fallback
 
         // Store IDs for actions
         modal.dataset.userId = userId;