Upload 10 files

src/views/InstructorView.js

@@ -1739,6 +1739,41 @@ export function setupInstructorEvents() {
                                     // Reset previous badges
                                     document.querySelectorAll('.ai-badge').forEach(e => e.remove());
 
+                                    // Build summary for display
+                                    let summaryHtml = '<div class="space-y-3">';
+                                    const categoryOrder = ['creative', 'precise', 'rough', 'gentle', 'parrot', 'spam'];
+
+                                    // Get student names for display
+                                    const getStudentName = (userId) => {
+                                        const student = currentStudents.find(s => s.id === userId);
+                                        return student?.nickname || student?.displayName || userId.slice(0, 6);
+                                    };
+
+                                    categoryOrder.forEach(cat => {
+                                        const idsRaw = results[cat];
+                                        if (!idsRaw || idsRaw.length === 0) return;
+
+                                        // Clean IDs (remove "ID_" prefix if present)
+                                        const ids = idsRaw.map(id => id.replace(/^ID_/, ''));
+
+                                        const badge = BadgeMap[cat];
+                                        if (!badge) return;
+
+                                        const names = ids.map(id => getStudentName(id)).join(', ');
+                                        summaryHtml += `
+                                            <div class="p-3 rounded-lg bg-gray-800 border border-gray-700">
+                                                <div class="flex items-center gap-2 mb-1">
+                                                    <span class="text-xl">${badge.icon}</span>
+                                                    <span class="${badge.color} font-bold">${badge.label}</span>
+                                                    <span class="text-gray-400 text-sm">(${ids.length}人)</span>
+                                                </div>
+                                                <div class="text-gray-300 text-sm">${names}</div>
+                                            </div>
+                                        `;
+                                    });
+                                    summaryHtml += '</div>';
+
+                                    // Apply badges to cards
                                     cards.forEach(card => {
                                         const checkbox = card.querySelector('input[type="checkbox"]');
                                         if (!checkbox) return;
@@ -1749,8 +1784,9 @@ export function setupInstructorEvents() {
 
                                         // Find which category this student falls into
                                         let matchedCategory = null;
-                                        for (const [cat, ids] of Object.entries(results)) {
-                                            if (ids && ids.includes(studentId)) {
+                                        for (const [cat, idsRaw] of Object.entries(results)) {
+                                            const ids = idsRaw?.map(id => id.replace(/^ID_/, '')) || [];
+                                            if (ids.includes(studentId)) {
                                                 matchedCategory = cat;
                                                 break;
                                             }
@@ -1771,7 +1807,29 @@ export function setupInstructorEvents() {
                                         }
                                     });
 
-                                    alert("分析完成！已標記特殊作品。");
+                                    // Show summary modal
+                                    const existingSummaryModal = document.getElementById('ai-summary-modal');
+                                    if (existingSummaryModal) existingSummaryModal.remove();
+
+                                    const summaryModal = document.createElement('div');
+                                    summaryModal.id = 'ai-summary-modal';
+                                    summaryModal.className = 'fixed inset-0 bg-black/80 flex items-center justify-center z-[100] p-4';
+                                    summaryModal.innerHTML = `
+                                        <div class="bg-gray-900 border border-cyan-500/50 rounded-xl p-6 max-w-md w-full shadow-2xl">
+                                            <h3 class="text-xl font-bold text-cyan-400 mb-4 flex items-center gap-2">
+                                                ✨ AI 分析結果
+                                            </h3>
+                                            <div class="max-h-[60vh] overflow-y-auto">
+                                                ${summaryHtml || '<p class="text-gray-400">���有特別的分類結果</p>'}
+                                            </div>
+                                            <button id="close-ai-summary" class="mt-4 w-full py-2 bg-cyan-600 hover:bg-cyan-500 text-white rounded-lg font-bold transition-colors">
+                                                確定
+                                            </button>
+                                        </div>
+                                    `;
+                                    document.body.appendChild(summaryModal);
+
+                                    document.getElementById('close-ai-summary').onclick = () => summaryModal.remove();
 
                                 } catch (e) {
                                     console.error(e);