Upload 9 files

src/views/InstructorView.js

@@ -133,7 +133,11 @@ export async function renderInstructorView() {
                 <div id="create-room-container" class="flex items-center space-x-2">
                     <input type="text" id="rejoin-room-code" placeholder="代碼" class="bg-gray-900 border border-gray-700 text-white px-3 py-2 rounded-lg w-20 text-center focus:outline-none focus:border-cyan-500">
                     <button id="rejoin-room-btn" class="bg-gray-700 hover:bg-gray-600 text-white px-3 py-2 rounded-lg">重回</button>
+
                     <button id="create-room-btn" class="bg-purple-600 hover:bg-purple-500 text-white font-bold px-4 py-2 rounded-lg shadow-lg">開房</button>
+                    <button id="logout-btn" class="bg-red-800 hover:bg-red-700 text-white font-bold px-4 py-2 rounded-lg shadow-lg border border-red-600/50" title="登出">
+                        🚪
+                    </button>
                 </div>
             </div>
         </header>
@@ -585,6 +589,21 @@ export function setupInstructorEvents() {
         window.open('monster_preview.html', '_blank');
     });
 
+    // Logout Logic
+    document.getElementById('logout-btn').addEventListener('click', () => {
+        if (confirm('確定要登出講師模式嗎？ (將會回到首頁)')) {
+            sessionStorage.removeItem('vibecoding_instructor_auth');
+            sessionStorage.removeItem('vibecoding_instructor_in_room');
+            sessionStorage.removeItem('vibecoding_admin_referer');
+            // We can optionally clear room history or keep it
+            // localStorage.removeItem('vibecoding_instructor_room'); 
+
+            // Clear hash to trigger main router back to Landing or default
+            window.location.hash = '';
+            window.location.reload();
+        }
+    });
+
     createBtn.addEventListener('click', async () => {
         try {
             createBtn.disabled = true;