detailed profiles info

src/components/browser-data/ExtensionsList.vue

@@ -6,12 +6,11 @@ defineProps<{
   extensions: ExtensionSummary[];
   sortKey: ExtensionSortKey;
   extensionMonogram: (name: string) => string;
-  extensionProfilesExpanded: (extensionId: string) => boolean;
 }>();
 
 const emit = defineEmits<{
   "update:sortKey": [value: ExtensionSortKey];
-  toggleProfiles: [extensionId: string];
+  showProfiles: [extensionId: string];
 }>();
 </script>
 
@@ -55,23 +54,11 @@ const emit = defineEmits<{
             <button
               class="disclosure-button"
               type="button"
-              @click="emit('toggleProfiles', extension.id)"
+              @click="emit('showProfiles', extension.id)"
             >
-              <span>Profiles</span>
+              <span>View Profiles</span>
               <span class="badge neutral">{{ extension.profileIds.length }}</span>
             </button>
-            <div
-              v-if="extensionProfilesExpanded(extension.id)"
-              class="disclosure-panel"
-            >
-              <span
-                v-for="profileId in extension.profileIds"
-                :key="`${extension.id}-${profileId}`"
-                class="badge"
-              >
-                {{ profileId }}
-              </span>
-            </div>
           </div>
         </div>
       </article>
@@ -158,13 +145,6 @@ const emit = defineEmits<{
   cursor: pointer;
 }
 
-.disclosure-panel {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-  margin-top: 8px;
-}
-
 @media (max-width: 720px) {
   .extension-card {
     flex-direction: column;