assets

frontend/src/index.jsx

@@ -731,6 +731,8 @@ const DocumentsTable = ({
                     rowClasses.push('dragging');
                   }
 
+                  const thumbnailAsset = doc?.assets?.thumbnail || null;
+
                   return (
                     <tr
                       key={doc.id}
@@ -753,9 +755,9 @@ const DocumentsTable = ({
                       onDragEnd={onDocumentDragEnd}
                     >
                       <td className="thumb-cell">
-                        {doc.thumbnail ? (
+                        {thumbnailAsset ? (
                           <img
-                            src={doc.thumbnail.url}
+                            src={thumbnailAsset.url}
                             alt={`Thumbnail for ${doc.title || doc.original_name}`}
                             className="document-thumbnail"
                           />
@@ -1029,11 +1031,16 @@ const DetailPanel = ({
 
   const makePreviewItem = useCallback((doc, detailEntry, fallbackUrl = null) => {
     if (!doc) return null;
-    const url = doc.thumbnail?.url || detailEntry?.document?.thumbnail?.url || fallbackUrl;
+    const detailDocument = detailEntry?.document || null;
+    const thumbnailAsset =
+      doc?.assets?.thumbnail ||
+      detailDocument?.assets?.thumbnail ||
+      detailEntry?.assets?.find((item) => item.asset_type === 'thumbnail') ||
+      null;
+    const url = thumbnailAsset?.url || fallbackUrl;
     if (!url) return null;
-    const asset = detailEntry?.assets?.find((item) => item.asset_type === 'thumbnail');
-    const width = asset?.width || 0;
-    const height = asset?.height || 0;
+    const width = thumbnailAsset?.width || 0;
+    const height = thumbnailAsset?.height || 0;
     const orientation = width > 0 && height > 0 ? (width >= height ? 'landscape' : 'portrait') : 'landscape';
     return {
       id: doc.id,