From 9ad10afca659c5d4239a80401c95af9182e68611 Mon Sep 17 00:00:00 2001
From: ttipo <kysung114y@gmail.com>
Date: Wed, 24 Jun 2026 21:18:13 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=ED=99=94=EC=83=81=ED=9A=8C=EC=9D=98=20?=
 =?UTF-8?q?=EB=AA=A9=EB=A1=9D=20=EC=86=8C=EC=9C=A0=EC=9E=90=20=ED=91=9C?=
 =?UTF-8?q?=EA=B8=B0=EB=A5=BC=20=EC=95=84=EB=B0=94=ED=83=80+=EC=9D=B4?=
 =?UTF-8?q?=EB=A6=84=EC=9C=BC=EB=A1=9C=20=ED=86=B5=EC=9D=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

회의방 목록의 진행자(소유자) 표기를 별 아이콘+이름에서 UserAvatar(프로필
이미지/실루엣)+이름으로 변경 — 프로젝트·업무 화면의 사람 표기 방식과 일치.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 .../src/components/meeting/MeetingLobby.vue    | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/meeting/MeetingLobby.vue b/frontend/src/components/meeting/MeetingLobby.vue
index e227787..b3deb2e 100644
--- a/frontend/src/components/meeting/MeetingLobby.vue
+++ b/frontend/src/components/meeting/MeetingLobby.vue
@@ -4,6 +4,7 @@ import { computed, ref } from 'vue'
 import MeetingIcon from './MeetingIcon.vue'
 import MeetingCreateForm from './MeetingCreateForm.vue'
 import EmptyState from '@/components/common/EmptyState.vue'
+import UserAvatar from '@/components/UserAvatar.vue'
 import { relativeTimeKo, formatDate } from '@/shared/utils/format'
 import type { ApiMeetingRoom } from '@/types/meeting'
 
@@ -118,8 +119,11 @@ function fmtSchedule(iso: string): string {
           <div class="rr-meta">
             <span
               v-if="r.host"
-              class="rr-mi"
-            ><MeetingIcon name="host" />{{ r.host.name }}</span>
+              class="rr-mi rr-host"
+            ><span class="rr-av"><UserAvatar
+              :url="r.host.avatarUrl"
+              :name="r.host.name"
+            /></span>{{ r.host.name }}</span>
             <span
               v-if="r.scheduledAt"
               class="rr-mi"
@@ -303,6 +307,16 @@ function fmtSchedule(iso: string): string {
   width: 0.8125rem;
   height: 0.8125rem;
 }
+/* 소유자(진행자) — 아바타 + 이름 (프로젝트·업무 화면과 동일 표기) */
+.rr-host {
+  gap: 0.375rem;
+  color: var(--text-2);
+}
+.rr-av {
+  width: 1.25rem;
+  height: 1.25rem;
+  flex-shrink: 0;
+}
 .rr-dim {
   color: var(--text-3);
 }