From c8e0a2bd7f21c033fd1613c2d9f8a348c9b2377d Mon Sep 17 00:00:00 2001
From: hyunho <hyunho@local>
Date: Wed, 25 Mar 2026 15:23:28 +0900
Subject: [PATCH] =?UTF-8?q?=ED=97=A4=EB=8D=94=20=EC=82=AC=EC=9A=A9?=
 =?UTF-8?q?=EC=9E=90=20=EC=98=81=EC=97=AD=20=EB=A1=9C=EA=B7=B8=EC=95=84?=
 =?UTF-8?q?=EC=9B=83=20=EB=B3=B5=EC=9B=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/public/app.js | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/frontend/public/app.js b/frontend/public/app.js
index fc86aa7..ef0897c 100755
--- a/frontend/public/app.js
+++ b/frontend/public/app.js
@@ -81,7 +81,7 @@ function renderAuth() {
   if (authenticated) {
     const displayName = session.user.display_name || "접속자";
     const rank = "-";
-    userBadge.innerHTML = `<span class="user-chip-icon">◎</span><span class="user-chip-text"><strong>${displayName}</strong><em>${rank}</em></span>`;
+    userBadge.innerHTML = `<span class="user-chip-icon">◎</span><span class="user-chip-text"><strong>${displayName}</strong><em>${rank}</em></span><span class="user-chip-caret" aria-hidden="true">▾</span>`;
     userBadge.title = `${displayName} / -`;
     if (userPopover) {
       userPopover.innerHTML = `
@@ -127,14 +127,6 @@ if (loginForm) {
   });
 }
 
-if (logoutBtn) {
-  logoutBtn.addEventListener("click", () => {
-    clearSession();
-    hideUserPopover();
-    renderAuth();
-  });
-}
-
 if (userBadge) {
   userBadge.addEventListener("click", (event) => {
     event.stopPropagation();
@@ -142,6 +134,15 @@ if (userBadge) {
   });
 }
 
+if (logoutBtn) {
+  logoutBtn.addEventListener("click", (event) => {
+    event.stopPropagation();
+    clearSession();
+    hideUserPopover();
+    renderAuth();
+  });
+}
+
 navButtons.forEach((button) => {
   button.addEventListener("click", () => {
     hideUserPopover();