Upload 10 files

src/views/InstructorView.js

@@ -1485,6 +1485,13 @@ export function setupInstructorEvents() {
                             const container = document.getElementById('prompt-list-container');
                             const titleEl = document.getElementById('prompt-list-title');
 
+                            // Set Global State for AI Analysis Scope
+                            if (type === 'challenge') {
+                                window.currentViewingChallengeId = id;
+                            } else {
+                                window.currentViewingChallengeId = null;
+                            }
+
                             titleEl.textContent = type === 'student' ? `${title} 的所有提示詞` : `題目：${title} 的所有作品`;
 
                             // Reset Anonymous Toggle in List View
@@ -1773,6 +1780,26 @@ export function setupInstructorEvents() {
                             });
                         }
 
+                        // Direct Heatmap AI Analysis Link
+                        window.analyzeChallenge = (challengeId, challengeTitle) => {
+                            if (!localStorage.getItem('vibecoding_gemini_key')) {
+                                alert("請先設定 Gemini API Key");
+                                return;
+                            }
+                            // 1. Open the list
+                            window.openPromptList('challenge', challengeId, challengeTitle);
+
+                            // 2. Trigger analysis logic automatically after slight delay (to ensure DOM render)
+                            setTimeout(() => {
+                                const btn = document.getElementById('btn-ai-analyze');
+                                if (btn && !btn.disabled) {
+                                    btn.click();
+                                } else {
+                                    console.warn("AI Analyze button not found or disabled");
+                                }
+                            }, 300);
+                        };
+
                         let isAnonymous = false;
 
                         window.toggleAnonymous = (btn) => {
@@ -2149,12 +2176,15 @@ export function setupInstructorEvents() {
             <tr class="hover:bg-gray-800/50 transition-colors">
                 <td class="p-3 sticky left-0 bg-gray-900 z-10 border-r border-b border-gray-700 shadow-md">
                     <div class="flex items-center justify-between">
-                        <div class="flex flex-col">
+                        <div class="flex flex-col flex-1 min-w-0 mr-2">
                             <span class="text-xs text-${color}-400 font-bold uppercase tracking-wider mb-0.5">${c.level}</span>
-                            <button onclick="window.openPromptList('challenge', '${c.id}', '${c.title}')" class="font-bold text-white text-sm truncate max-w-[180px] text-left hover:text-cyan-400 transition-colors" title="查看此題目所有作品">
+                            <button onclick="window.openPromptList('challenge', '${c.id}', '${c.title}')" class="font-bold text-white text-sm truncate w-full text-left hover:text-cyan-400 transition-colors" title="查看此題目所有作品">
                                 ${index + 1}. ${c.title}
                             </button>
                         </div>
+                        <button onclick="window.analyzeChallenge('${c.id}', '${c.title}')" class="w-8 h-8 rounded-full bg-gradient-to-br from-emerald-600 to-teal-600 hover:from-emerald-500 hover:to-teal-500 text-white flex items-center justify-center shadow-lg border border-emerald-400/30 transition-all transform hover:scale-110 shrink-0" title="✨ AI 選粹 (分析所有作品)">
+                            ✨
+                        </button>
                         <!-- Stats (Optional) -->
                         <!-- <span class="text-xs text-gray-500">0%</span> -->
                     </div>