From 2d7e65da6f8b8410235b536e325eb4d860f662ac Mon Sep 17 00:00:00 2001
From: Momentry Studio <admin@momentry.local>
Date: Sun, 14 Jun 2026 18:57:46 +0800
Subject: [PATCH] debug: PeopleView on-screen debug message

---
 src/views/PeopleView.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/views/PeopleView.vue b/src/views/PeopleView.vue
index a4b6683..41bf5a3 100644
--- a/src/views/PeopleView.vue
+++ b/src/views/PeopleView.vue
@@ -1,5 +1,6 @@
 <template>
   <div class="people-view">
+    <div v-if="debugMsg" class="debug-msg">{{ debugMsg }}</div>
     <div class="ms-ppl-toolbar">
       <h1 class="ms-ppl-section-title">People</h1>
       <div class="ms-ppl-search-wrap">
@@ -115,6 +116,7 @@ import VideoPlayer from '../components/VideoPlayer.vue'
 
 const people = ref<any[]>([])
 const loading = ref(true)
+const debugMsg = ref('')
 const searchQuery = ref('')
 const searchResults = ref<any[]>([])
 const isSearching = ref(false)
@@ -142,14 +144,16 @@ const filteredPeople = computed(() => {
 })
 
 onMounted(async () => {
+  debugMsg.value = 'PeopleView mounted! Loading...'
   try {
     const result: any = await invoke('get_people', { page: 1, per_page: 1000 })
-    console.log('get_people result:', result, Array.isArray(result), result?.length)
+    debugMsg.value = `get_people: ${Array.isArray(result)} length=${result?.length ?? 'N/A'}`
     people.value = Array.isArray(result) ? result : []
-  } catch (e) {
-    console.error('Failed to load people:', e)
+  } catch (e: any) {
+    debugMsg.value = `Error: ${e.message || e}`
   } finally {
     loading.value = false
+    debugMsg.value += `, people=${people.value.length}, loading=false`
   }
 })
 
@@ -249,6 +253,7 @@ watch(showCandidates, (v) => { if (v) loadCandidates() })
 </script>
 
 <style scoped>
+.debug-msg { background: #fef3c7; color: #92400e; padding: 8px 12px; border-radius: 8px; margin-bottom: 12px; font-size: 0.85rem; font-family: monospace; }
 .people-view { max-width: 1200px; }
 h1 { margin: 0; }
 .loading-state, .empty { text-align: center; padding: 60px 0; color: #5f6368; }