From 53dbff219e2cae3fd2e992619133fbf9174b1c10 Mon Sep 17 00:00:00 2001
From: vicrodh <103399283+vicrodh@users.noreply.github.com>
Date: Sun, 25 Jan 2026 20:06:46 -0600
Subject: [PATCH] feat(sidebar): restructure relationships section

- Members: current band members
- Former Members: past members (with muted style)
- Member Of: groups artist belongs to
- Collaborators: collaboration relationships

cc
---
 .../components/views/ArtistDetailView.svelte  | 38 ++++++++++++++++++-
 1 file changed, 37 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/views/ArtistDetailView.svelte b/src/lib/components/views/ArtistDetailView.svelte
index cd9e51bfa..093d44305 100644
--- a/src/lib/components/views/ArtistDetailView.svelte
+++ b/src/lib/components/views/ArtistDetailView.svelte
@@ -1904,7 +1904,7 @@
             {:else if hasRelationships}
               {#if mbRelationships && mbRelationships.members.length > 0}
                 <div class="relationship-group">
-                  <span class="relationship-label">Band Members</span>
+                  <span class="relationship-label">Members</span>
                   {#each mbRelationships.members as member}
                     <button
                       class="sidebar-artist-link"
@@ -1916,6 +1916,20 @@
                   {/each}
                 </div>
               {/if}
+              {#if mbRelationships && mbRelationships.pastMembers.length > 0}
+                <div class="relationship-group">
+                  <span class="relationship-label">Former Members</span>
+                  {#each mbRelationships.pastMembers as member}
+                    <button
+                      class="sidebar-artist-link past-member"
+                      onclick={() => navigateToRelatedArtist(member.name)}
+                    >
+                      <User size={12} />
+                      {member.name}
+                    </button>
+                  {/each}
+                </div>
+              {/if}
               {#if mbRelationships && mbRelationships.groups.length > 0}
                 <div class="relationship-group">
                   <span class="relationship-label">Member Of</span>
@@ -1930,6 +1944,20 @@
                   {/each}
                 </div>
               {/if}
+              {#if mbRelationships && mbRelationships.collaborators.length > 0}
+                <div class="relationship-group">
+                  <span class="relationship-label">Collaborators</span>
+                  {#each mbRelationships.collaborators as collab}
+                    <button
+                      class="sidebar-artist-link"
+                      onclick={() => navigateToRelatedArtist(collab.name)}
+                    >
+                      <User size={12} />
+                      {collab.name}
+                    </button>
+                  {/each}
+                </div>
+              {/if}
             {:else}
               <span class="placeholder-text">No relationships found</span>
             {/if}
@@ -2068,6 +2096,14 @@
     color: var(--text-primary);
   }
 
+  .sidebar-artist-link.past-member {
+    color: var(--text-muted);
+  }
+
+  .sidebar-artist-link.past-member:hover {
+    color: var(--text-primary);
+  }
+
   .relationship-group {
     margin-bottom: 16px;
   }