add thumbnail preview for each queued image.

Create and revoke blob URLs on pick and session reset; reset upload session on view unmount.
2026-10-29 22:31:04 +01:00
parent 9cc73e0dc5
commit 938229eeea
7 changed files with 90 additions and 2 deletions
@@ -7,6 +7,18 @@
                :class="isRowSelected(row) ? 'bg-muted/80' : ''"
                @click="emit('select', row.file)"
            >
+                <img
+                    v-if="row.thumbnailUrl"
+                    :src="row.thumbnailUrl"
+                    class="h-10 w-10 shrink-0 rounded border border-border object-cover"
+                    loading="lazy"
+                    decoding="async"
+                />
+                <span
+                    v-else
+                    class="h-10 w-10 shrink-0 rounded border border-border bg-muted/60"
+                    aria-hidden="true"
+                />
                <span class="min-w-0 flex-1 truncate text-sm font-medium">{{ row.file.name }}</span>
                <span class="shrink-0 text-xs text-muted-foreground">
                    {{ prettyBytes(row.file.size, { maximumFractionDigits: 1 }) }}