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>