updated some of things

src/components/generic/AssetPickerSheet.jsx

@@ -9,6 +9,7 @@ import { Spinner } from "@/components/ui/spinner";
 import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
 
 import { useAssets } from "@/contexts/AdminAssetsContext";
+import { formatPlayerTime } from "@/utils/format.util";
 
 const STREAM_BASE = `${import.meta.env.VITE_API_URL}/client/media/stream`;
 const DEBOUNCE_MS = 400;
@@ -26,6 +27,10 @@ const EXT_OPTIONS = {
 function AssetCard({ asset, streamSrc, selected, onSelect }) {
     const directThumb = asset.thumbnail_url ?? asset.file_url;
     const thumb = streamSrc ?? directThumb;
+    // duration comes straight off the asset row (ffprobe-derived at upload) —
+    // shows regardless of whether a thumbnail image loaded, since a missing
+    // preview shouldn't also mean losing the one other useful signal at a glance.
+    const showDuration = (asset.file_type === "video" || asset.file_type === "audio") && !!asset.duration;
 
     return (
         <button
@@ -37,7 +42,7 @@ function AssetCard({ asset, streamSrc, selected, onSelect }) {
                 selected ? "border-primary ring-2 ring-primary/20" : "border-border",
             ].join(" ")}
         >
-            <div className="aspect-video bg-muted w-full overflow-hidden">
+            <div className="relative aspect-video bg-muted w-full overflow-hidden">
                 {thumb ? (
                     <img src={thumb} alt={asset.display_name} className="w-full h-full object-cover" />
                 ) : (
@@ -45,6 +50,11 @@ function AssetCard({ asset, streamSrc, selected, onSelect }) {
                         <span className="text-xs text-muted-foreground">No preview</span>
                     </div>
                 )}
+                {showDuration && (
+                    <span className="absolute bottom-1 right-1 rounded bg-black/70 px-1.5 py-0.5 text-[10px] font-medium text-white tabular-nums">
+                        {formatPlayerTime(asset.duration)}
+                    </span>
+                )}
             </div>
             <div className="p-2">
                 <p className="text-xs font-medium truncate">{asset.display_name}</p>