From 31fd789b55c419e8bcd63ddd7d20d868b8da0183 Mon Sep 17 00:00:00 2001
From: archipelago <archipelago@localhost>
Date: Fri, 7 Aug 2026 14:36:44 -0400
Subject: [PATCH] =?UTF-8?q?fix(aiui):=20hide=20zero-value=20metadata=20?=
 =?UTF-8?q?=E2=80=94=20no=20more=20'=E2=98=85=200=20=C2=B7=200m'=20(W1.5)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Node-derived cards have no rating/year/runtime/director; rendering the
defaults read as '★ 0 · 0m' beside an empty string. FilmGrid, FilmDetail
and SongGrid now gate those spans on real values (FilmCard, Book and Place
components already did). Panel empty states were made honest in 9abc1623
('Nothing found'), so this closes the rendering-honesty item.

Co-Authored-By: Claude <noreply@anthropic.com>
---
 aiui/packages/app/src/components/content/FilmDetail.vue | 9 +++++----
 aiui/packages/app/src/components/content/FilmGrid.vue   | 5 +++--
 aiui/packages/app/src/components/content/SongGrid.vue   | 3 ++-
 3 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/aiui/packages/app/src/components/content/FilmDetail.vue b/aiui/packages/app/src/components/content/FilmDetail.vue
index 1036d93f..406d03d9 100644
--- a/aiui/packages/app/src/components/content/FilmDetail.vue
+++ b/aiui/packages/app/src/components/content/FilmDetail.vue
@@ -40,10 +40,11 @@
       <div class="absolute bottom-0 left-0 right-0 p-4">
         <h2 class="text-lg font-bold text-white">{{ film.title }}</h2>
         <div class="flex items-center gap-2 mt-1 text-xs text-white/60">
-          <span class="text-accent font-bold">★ {{ film.rating }}</span>
-          <span>{{ film.year }}</span>
-          <span>{{ film.runtime }}m</span>
-          <span>{{ film.director }}</span>
+          <!-- honest rendering: zero/empty metadata is hidden, not "★ 0 · 0m" -->
+          <span v-if="film.rating > 0" class="text-accent font-bold">★ {{ film.rating }}</span>
+          <span v-if="film.year > 0">{{ film.year }}</span>
+          <span v-if="film.runtime > 0">{{ film.runtime }}m</span>
+          <span v-if="film.director">{{ film.director }}</span>
         </div>
       </div>
     </div>
diff --git a/aiui/packages/app/src/components/content/FilmGrid.vue b/aiui/packages/app/src/components/content/FilmGrid.vue
index 7ac00ff6..2752ed34 100644
--- a/aiui/packages/app/src/components/content/FilmGrid.vue
+++ b/aiui/packages/app/src/components/content/FilmGrid.vue
@@ -76,8 +76,9 @@
                   {{ film.title }}
                 </p>
                 <div class="flex items-center gap-1 mt-0.5">
-                  <span class="text-xs text-accent font-bold">★ {{ film.rating }}</span>
-                  <span class="text-xs text-white/40">{{ film.year }}</span>
+                  <!-- hide zero-value metadata: "★ 0" tells the operator nothing -->
+                  <span v-if="film.rating > 0" class="text-xs text-accent font-bold">★ {{ film.rating }}</span>
+                  <span v-if="film.year > 0" class="text-xs text-white/40">{{ film.year }}</span>
                 </div>
               </div>
 
diff --git a/aiui/packages/app/src/components/content/SongGrid.vue b/aiui/packages/app/src/components/content/SongGrid.vue
index 52699cb0..dc332281 100644
--- a/aiui/packages/app/src/components/content/SongGrid.vue
+++ b/aiui/packages/app/src/components/content/SongGrid.vue
@@ -86,7 +86,8 @@
                 <p class="text-xs font-semibold text-white/90 leading-tight truncate">
                   {{ song.title }}
                 </p>
-                <p class="text-xs text-white/40 truncate mt-0.5">{{ song.artist }}</p>
+                <!-- filename-derived songs have no artist — don't spend a blank line on it -->
+                <p v-if="song.artist" class="text-xs text-white/40 truncate mt-0.5">{{ song.artist }}</p>
               </div>
 
               <div class="absolute top-1.5 right-1.5 flex gap-0.5 flex-wrap justify-end max-w-[60%]">