123

public/index.html

@@ -35,6 +35,7 @@
         <div class="lobby-tabs">
           <button type="button" class="tab active" data-tab="host">Создать игру</button>
           <button type="button" class="tab" data-tab="join">Подключиться</button>
+          <button type="button" class="tab" data-tab="browse">Лобби</button>
         </div>
 
         <div id="host-panel" class="panel active">
@@ -87,6 +88,15 @@
           <button type="button" id="btn-leave-join" class="btn btn-ghost">Выйти</button>
         </div>
 
+        <div id="browse-panel" class="panel hidden">
+          <label>Ваше имя</label>
+          <input type="text" id="browse-name" placeholder="Игрок" maxlength="20" />
+          <button type="button" id="btn-refresh-rooms" class="btn btn-ghost" style="margin-top: 0.5rem;">🔄 Обновить список</button>
+          <div id="rooms-list" class="rooms-list" style="margin-top: 1rem; max-height: 400px; overflow-y: auto;">
+            <p class="hint" style="text-align: center; padding: 2rem; color: #94a3b8;">Нажмите "Обновить список" для поиска игр</p>
+          </div>
+        </div>
+
         <p id="lobby-error" class="error hidden"></p>
       </div>
     </section>
@@ -241,7 +251,10 @@
         <div class="modal">
           <h2 id="modal-title">Результат</h2>
           <p id="modal-body"></p>
-          <button type="button" id="btn-modal-close" class="btn btn-primary">OK</button>
+          <div class="modal-actions" style="display: flex; gap: 0.5rem; margin-top: 1rem; justify-content: center;">
+            <button type="button" id="btn-new-game" class="btn btn-primary" style="display: none;">🔄 Новая игра</button>
+            <button type="button" id="btn-modal-close" class="btn btn-ghost">Закрыть</button>
+          </div>
         </div>
       </div>