Upload 8 files

src/views/InstructorView.js

@@ -874,13 +874,51 @@ export function setupInstructorEvents() {
                         data-id="${p.id}" 
                         onchange="handlePromptSelection(this)">
                 </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">${p.prompt}</div>
-                <div class="text-[10px] text-gray-500 text-right mt-1">${p.time}</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}</div>
+                
+                <!-- Footer: Time + Actions -->
+                <div class="flex justify-between items-center text-[10px] text-gray-500 mt-auto">
+                    <span>${p.time}</span>
+                    <div class="flex space-x-2">
+                        <button onclick="window.confirmReset('${p.studentId}', '${p.challengeId}', '${p.title}')" class="px-2 py-1 bg-red-900/30 hover:bg-red-800 text-red-400 rounded transition-colors text-xs border border-red-800/50" title="退回重做">
+                            退回
+                        </button>
+                        <button onclick="window.broadcastPrompt('${p.studentId}', '${p.challengeId}')" class="px-2 py-1 bg-cyan-900/30 hover:bg-cyan-800 text-cyan-400 rounded transition-colors text-xs border border-cyan-800/50" title="投放此作品">
+                            投放
+                        </button>
+                    </div>
+                </div>
              `;
             container.appendChild(card);
         });
     };
 
+    // Helper Actions
+    window.confirmReset = async (userId, challengeId, title) => {
+        if (confirm(`確定要退回 ${title} 嗎？此動作將清除學員目前的進度。`)) {
+            const roomCode = localStorage.getItem('vibecoding_instructor_room');
+            if (userId && challengeId && roomCode) {
+                try {
+                    const { resetProgress } = await import("../services/classroom.js");
+                    await resetProgress(userId, roomCode, challengeId);
+                    // Refresh current list if open? (It will stay open but might not update immediately if realtime check isn't hooked to modal content. But subscriptions update `currentStudents`. We might need to refresh list)
+                    // For now, simple alert or auto-close
+                    alert("已退回");
+                    // close modal to refresh data context
+                    document.getElementById('prompt-list-modal').classList.add('hidden');
+                } catch (e) {
+                    console.error(e);
+                    alert("退回失敗");
+                }
+            }
+        }
+    };
+
+    window.broadcastPrompt = (userId, challengeId) => {
+        window.showBroadcastModal(userId, challengeId);
+    };
+
     // Selection Logic
     let selectedPrompts = []; // Stores IDs
 
@@ -916,7 +954,6 @@ export function setupInstructorEvents() {
             btn.classList.add('opacity-50', 'cursor-not-allowed');
         }
     }
-
     // Comparison Logic
     const compareBtn = document.getElementById('btn-compare-prompts');
     if (compareBtn) {
@@ -945,10 +982,40 @@ export function setupInstructorEvents() {
         });
     }
 
+    let isAnonymous = false;
+
+    window.toggleAnonymous = (btn) => {
+        isAnonymous = !isAnonymous;
+        btn.textContent = isAnonymous ? '🙈 顯示姓名' : '👀 隱藏姓名';
+        btn.classList.toggle('bg-gray-700');
+        btn.classList.toggle('bg-purple-700');
+
+        // Update DOM
+        document.querySelectorAll('.comparison-author').forEach(el => {
+            if (isAnonymous) {
+                el.dataset.original = el.textContent;
+                el.textContent = '學員';
+                el.classList.add('blur-sm'); // Optional Effect
+                setTimeout(() => el.classList.remove('blur-sm'), 300);
+            } else {
+                if (el.dataset.original) el.textContent = el.dataset.original;
+            }
+        });
+    };
+
     window.openComparisonView = (items) => {
         const modal = document.getElementById('comparison-modal');
         const grid = document.getElementById('comparison-grid');
 
+        // Reset Anonymous State
+        isAnonymous = false;
+        const anonBtn = document.getElementById('btn-anonymous-toggle');
+        if (anonBtn) {
+            anonBtn.textContent = '👀 隱藏姓名';
+            anonBtn.classList.remove('bg-purple-700');
+            anonBtn.classList.add('bg-gray-700');
+        }
+
         // Setup Grid Rows (Vertical Stacking)
         let rowClass = 'grid-rows-1';
         if (items.length === 2) rowClass = 'grid-rows-2';
@@ -963,7 +1030,7 @@ export function setupInstructorEvents() {
             col.className = 'flex flex-row h-full bg-gray-900 p-4 overflow-hidden';
             col.innerHTML = `
                 <div class="w-48 flex-shrink-0 border-r border-gray-700 pr-4 mr-4 flex flex-col justify-center">
-                    <h3 class="text-xl font-bold text-cyan-400 mb-1">${item.author}</h3>
+                    <h3 class="text-xl font-bold text-cyan-400 mb-1 comparison-author">${item.author}</h3>
                     <p class="text-md text-gray-400 truncate" title="${item.title}">${item.title}</p>
                 </div>
                 <!-- Prompt Content: Larger Text -->
@@ -1135,10 +1202,10 @@ function renderTransposedHeatmap(students) {
 
             if (p) {
                 if (p.status === 'completed') {
-                    statusClass = 'bg-green-500/20 border-green-500/50 hover:bg-green-500/40 cursor-pointer shadow-[0_0_10px_rgba(34,197,94,0.1)]';
+                    statusClass = 'bg-green-500/20 border-green-500/50 hover:bg-green-500/40 cursor-default shadow-[0_0_10px_rgba(34,197,94,0.1)]';
                     content = '✅';
-                    // Pass only IDs, lookup logic is in the modal function now to avoid escaping issues
-                    action = `onclick = "window.showBroadcastModal('${student.id}', '${c.id}')"`;
+                    // Action removed: Moved to prompt list view
+                    action = `title="完成 - 請點擊標題查看詳情"`;
                 } else if (p.status === 'started') {
                     // Check stuck
                     const startedAt = p.timestamp ? p.timestamp.toDate() : new Date();