feat: show screen thumbnails in pod streams

This commit is contained in:
Yahya Alhinai
2026-06-28 05:33:00 +00:00
parent 1080bfd85f
commit c771e1594c
6 changed files with 39 additions and 8 deletions
+15
View File
@@ -802,6 +802,16 @@ function ActivityItem({ event }: { event: PodActivityEvent }) {
{event.detail}
</p>
)}
{event.imageUrl && (
<div className="mt-2 overflow-hidden rounded-md border bg-muted">
<img
src={event.imageUrl}
alt={activityImageAlt(event)}
loading="lazy"
className="aspect-video w-full object-cover"
/>
</div>
)}
<div className="mt-2 flex min-w-0 flex-wrap items-center gap-1.5">
<SourceChip source={event.source} />
<Badge variant="outline" className="rounded-md px-1.5 py-0 text-[0.68rem] leading-4">
@@ -960,6 +970,11 @@ function activityTitle(event: PodActivityEvent): string {
return event.title.startsWith('Screen') ? event.title : `Screen log: ${event.title}`;
}
function activityImageAlt(event: PodActivityEvent): string {
const actor = event.actor ?? event.actors?.[0] ?? 'teammate';
return `${actor} screen thumbnail`;
}
function activityIcon(kind: PodActivityKind) {
switch (kind) {
case 'git':