detailed profiles info

src/components/browser-data/BookmarksList.vue

@@ -6,12 +6,11 @@ defineProps<{
   bookmarks: BookmarkSummary[];
   sortKey: BookmarkSortKey;
   domainFromUrl: (url: string) => string;
-  bookmarkProfilesExpanded: (url: string) => boolean;
 }>();
 
 const emit = defineEmits<{
   "update:sortKey": [value: BookmarkSortKey];
-  toggleProfiles: [url: string];
+  showProfiles: [url: string];
 }>();
 </script>
 
@@ -41,23 +40,11 @@ const emit = defineEmits<{
             <button
               class="disclosure-button"
               type="button"
-              @click="emit('toggleProfiles', bookmark.url)"
+              @click="emit('showProfiles', bookmark.url)"
             >
-              <span>Profiles</span>
+              <span>View Profiles</span>
               <span class="badge neutral">{{ bookmark.profileIds.length }}</span>
             </button>
-            <div
-              v-if="bookmarkProfilesExpanded(bookmark.url)"
-              class="disclosure-panel"
-            >
-              <span
-                v-for="profileId in bookmark.profileIds"
-                :key="`${bookmark.url}-${profileId}`"
-                class="badge"
-              >
-                {{ profileId }}
-              </span>
-            </div>
           </div>
         </div>
       </article>
@@ -125,13 +112,6 @@ const emit = defineEmits<{
   cursor: pointer;
 }
 
-.disclosure-panel {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-  margin-top: 8px;
-}
-
 @media (max-width: 720px) {
   .bookmark-card {
     flex-direction: column;