Upload 9 files

src/views/InstructorView.js

@@ -338,41 +338,46 @@ export async function renderInstructorView() {
 export function setupInstructorEvents() {
     // Utility for cleaning prompt indentation
     // Utility for cleaning prompt indentation
-    function stripIndent(str) {
+    // Utility for cleaning text for display
+    function cleanText(str, isCode = false) {
         if (!str) return '';
 
         // 1. Normalize line endings
         str = str.replace(/\r\n/g, '\n');
 
-        // 2. Remove initial empty lines
-        while (str.startsWith('\n')) {
-            str = str.slice(1);
-        }
-
-        // 3. Remove trailing whitespaces
-        str = str.trimEnd();
+        if (isCode) {
+            // Smart Dedent for Code (Preserve relative indent)
+            while (str.startsWith('\n')) str = str.slice(1);
+            str = str.trimEnd();
 
-        // 4. Split
-        const lines = str.split('\n');
-        if (lines.length === 0) return '';
+            const lines = str.split('\n');
+            if (lines.length === 0) return '';
 
-        // 5. Find common indent
-        let minIndent = null;
-        for (const line of lines) {
-            if (line.trim().length === 0) continue; // Skip empty lines
-            const currentIndent = line.match(/^\s*/)[0].length;
-            if (minIndent === null || currentIndent < minIndent) {
-                minIndent = currentIndent;
+            let minIndent = null;
+            for (const line of lines) {
+                if (line.trim().length === 0) continue;
+                const currentIndent = line.match(/^\s*/)[0].length;
+                if (minIndent === null || currentIndent < minIndent) {
+                    minIndent = currentIndent;
+                }
             }
+            if (minIndent === null) return str;
+            return lines.map(line => {
+                if (line.trim().length === 0) return '';
+                return line.slice(minIndent);
+            }).join('\n');
+        } else {
+            // Aggressive Flatten for Text Prompts (Force Left Align)
+            return str.split('\n')
+                .map(line => line.trimStart()) // Remove ALL leading space from every line
+                .filter((line, index, arr) => {
+                    // Remove leading/trailing empty lines
+                    if (line.trim() === '' && (index === 0 || index === arr.length - 1)) return false;
+                    return true;
+                })
+                .join('\n')
+                .trim();
         }
-
-        if (minIndent === null) return str; // All lines empty
-
-        // 6. Build result
-        return lines.map(line => {
-            if (line.trim().length === 0) return '';
-            return line.slice(minIndent);
-        }).join('\n');
     }
 
     let roomUnsubscribe = null;
@@ -1278,7 +1283,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 = stripIndent(prompt || '');
+            document.getElementById('stage-prompt').textContent = cleanText(prompt || '');
             document.getElementById('stage-author').textContent = author;
         };
 
@@ -1392,7 +1397,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">${stripIndent(p.prompt)}</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" style="text-align: left;">${cleanText(p.prompt)}</div>
 
             <!-- Footer: Time + Actions -->
             <div class="flex justify-between items-center text-[10px] text-gray-500 mt-auto">
@@ -1570,8 +1575,8 @@ export function setupInstructorEvents() {
                 <p class="text-md text-gray-400 truncate" title="${item.title}">${item.title}</p>
             </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">
-                ${stripIndent(item.prompt)}
+            <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" style="text-align: left !important;">
+                ${cleanText(item.prompt)}
             </div>
             `;
                 grid.appendChild(col);
@@ -1887,7 +1892,10 @@ 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 = stripIndent(p.prompt || p.code || ''); // robust fallback
+        const rawText = p.prompt || p.code || '';
+        const isCode = !p.prompt && !!p.code; // If only code exists, treat as code
+        document.getElementById('broadcast-prompt').textContent = cleanText(rawText, isCode);
+        document.getElementById('broadcast-prompt').style.textAlign = isCode ? 'left' : 'left'; // Always left, but explicit
 
         // Store IDs for actions
         modal.dataset.userId = userId;