style(webui): blob preview labels

webui/src/lib/components/display/BlobPreview.svelte

@@ -15,6 +15,7 @@
 
 	export let address: string;
 	export let recurse = 3;
+	export let labels = false;
 
 	$: ({ entity, entityInfo } = useEntity(address));
 	$: types = $entity && $entityInfo && getTypes($entity, $entityInfo);
@@ -64,6 +65,7 @@
 						<li>
 							<svelte:self
 								{address}
+								labels
 								recurse={recurse - 1}
 								on:handled={(ev) => {
 									if (!ev.detail && !failedChildren.includes(address))
@@ -119,6 +121,13 @@
 			<HashBadge {address} />
 		</div>
 	{/if}
+	{#if labels}
+		<div class="labels">
+			{#each $entity?.identify() || [] as label}
+				<span>{label}</span>
+			{/each}
+		</div>
+	{/if}
 </div>
 
 <style lang="scss">
@@ -189,4 +198,10 @@
 			min-width: 0;
 		}
 	}
+
+	.labels {
+		font-size: 0.66rem;
+		text-align: center;
+		opacity: 0.6;
+	}
 </style>