현재 접속자 열린 페이지 목록 표시

pages/admin/index.vue

@@ -344,6 +344,27 @@ const getSessionViewingTitle = (session) => {
   return session.path || '알 수 없음'
 }
 
+/**
+ * 현재 접속자가 열어둔 페이지명을 반환한다.
+ * @param {Object} page - 접속 페이지
+ * @returns {string} 페이지명
+ */
+const getActivePageTitle = (page) => {
+  if (page.postTitle) {
+    return page.postTitle
+  }
+
+  if (page.pageTitle) {
+    return page.pageTitle
+  }
+
+  if (page.path === '/') {
+    return '홈'
+  }
+
+  return page.path || '알 수 없음'
+}
+
 /**
  * 통계 목록의 날짜를 짧은 문자열로 변환한다.
  * @param {string | null | undefined} value - ISO 날짜
@@ -883,6 +904,18 @@ watch(trendRows, () => {
               <p class="admin-dashboard__live-path mt-0.5 truncate text-xs text-muted">
                 {{ getSessionViewingTitle(session) }}
               </p>
+              <ul
+                v-if="Number(session.pageCount || 0) > 1"
+                class="admin-dashboard__live-pages mt-1 space-y-0.5 text-[11px] leading-snug text-muted"
+              >
+                <li
+                  v-for="page in session.pages"
+                  :key="page.key"
+                  class="admin-dashboard__live-page truncate"
+                >
+                  {{ getActivePageTitle(page) }}
+                </li>
+              </ul>
             </div>
             <div class="admin-dashboard__live-meta shrink-0 text-right text-xs text-muted">
               <p class="font-medium text-ink">