feat: image variants per image

web/src/components/ActivityCardList.vue

@@ -4,6 +4,7 @@ import { t } from '@/i18n'
 import { computed } from 'vue'
 import ActivityActor from '@/components/ActivityActor.vue'
 import ActivityBadge from '@/components/ActivityBadge.vue'
+import ActivityDetailLine from '@/components/ActivityDetailLine.vue'
 import ActivitySentence from '@/components/ActivitySentence.vue'
 import { ACTIVITY_SKELETON_CARDS } from '@/composables/useActivity'
 import { categoryIcon, outcomeBadge, rowSurface, type ActivityItem } from '@/lib/activity'
@@ -96,10 +97,11 @@ function cardClass(item: ActivityItem) {
 							:name="categoryIcon(item.category)"
 							class="mt-0.5 size-4 shrink-0 text-muted"
 						/>
-						<span
-							class="line-clamp-3 min-w-0 flex-1 text-md wrap-anywhere text-default"
-						>
-							<ActivitySentence :item="item" />
+						<span class="flex min-w-0 flex-1 flex-col">
+							<span class="line-clamp-3 text-md wrap-anywhere text-default">
+								<ActivitySentence :item="item" />
+							</span>
+							<ActivityDetailLine :item="item" wrap />
 						</span>
 					</div>
 					<div class="flex flex-wrap items-center gap-1.5">