From 759dcb8b5b88e57b0cb7996939aec8dad84ab65c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andr=C3=A9=20Padez?= <andre.padez@gmail.com>
Date: Mon, 27 Jul 2026 12:17:17 +0000
Subject: [PATCH] music (web): artist heart on non-discography artist pages too
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The artist heart only rendered in the discography view (disco && !album), which
needs a _discography.md — so artists without one (plain grid of album folders)
had no heart. Add an artist header + heart to the grid view when on an artist
folder (crumbs>=2), matching the app's inArtist rule. favKey = artist music-rel.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
---
 .../officerdev/src/apps/Music/MusicDetail.tsx | 21 +++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/workspaces/officerdev/src/apps/Music/MusicDetail.tsx b/src/workspaces/officerdev/src/apps/Music/MusicDetail.tsx
index 682b22d9..8aee160d 100644
--- a/src/workspaces/officerdev/src/apps/Music/MusicDetail.tsx
+++ b/src/workspaces/officerdev/src/apps/Music/MusicDetail.tsx
@@ -261,13 +261,22 @@ export const MusicDetail = () => {
         </div>
       )}
 
-      {/* Grid */}
+      {/* Grid — a library root, or an artist folder (crumbs>=2) whose albums aren't grouped by a
+          discography. Show an artist header + heart on the latter. */}
       {!album && !disco && cwd && !loading && (
-        <div className="grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-5">
-          {folders.map((f) => (
-            <Card key={f} r={childRel(f)} name={f} playable={(manifest[childRel(f)]?.tracks ?? 0) > 0} />
-          ))}
-          {!folders.length && <p className="text-sm text-muted-foreground">Empty</p>}
+        <div className="flex flex-col gap-6">
+          {crumbs.length >= 2 && (
+            <div className="flex items-center gap-3">
+              <h1 className="text-3xl font-bold text-foreground">{crumbs[crumbs.length - 1]}</h1>
+              <MusicHeart kind="artist" favKey={rel} size={22} className="p-1" />
+            </div>
+          )}
+          <div className="grid grid-cols-2 gap-3 sm:grid-cols-3 lg:grid-cols-5">
+            {folders.map((f) => (
+              <Card key={f} r={childRel(f)} name={f} playable={(manifest[childRel(f)]?.tracks ?? 0) > 0} />
+            ))}
+            {!folders.length && <p className="text-sm text-muted-foreground">Empty</p>}
+          </div>
         </div>
       )}
     </div>