5 months ago · e97d697d90
--- a/backend/app/api/routes/archives.py
+++ b/backend/app/api/routes/archives.py
@@ -860,7 +860,17 @@ async def get_thumbnail(archive_id: int, db: AsyncSession = Depends(get_db)):
 
															     if not thumb_path.exists():
														
 
															         raise HTTPException(404, "Thumbnail file not found")
														
 
															-    return FileResponse(path=thumb_path, media_type="image/png")
														
 
															+    # Use file modification time as ETag to bust cache
														
 
															+    mtime = int(thumb_path.stat().st_mtime)
														
 
															+
														
 
															+    return FileResponse(
														
 
															+        path=thumb_path,
														
 
															+        media_type="image/png",
														
 
															+        headers={
														
 
															+            "Cache-Control": "no-cache, must-revalidate",
														
 
															+            "ETag": f'"{mtime}"',
														
 
															+        },
														
 
															+    )
														
 
															 @router.get("/{archive_id}/timelapse")
														
--- a/frontend/src/api/client.ts
+++ b/frontend/src/api/client.ts
@@ -1426,7 +1426,7 @@ export const api = {
 
															     request<{ updated: number; errors: Array<{ id: number; error: string }> }>('/archives/backfill-hashes', {
														
 
															       method: 'POST',
														
 
															     }),
														
 
															-  getArchiveThumbnail: (id: number) => `${API_BASE}/archives/${id}/thumbnail`,
														
 
															+  getArchiveThumbnail: (id: number) => `${API_BASE}/archives/${id}/thumbnail?v=${Date.now()}`,
														
 
															   getArchiveDownload: (id: number) => `${API_BASE}/archives/${id}/download`,
														
 
															   getArchiveGcode: (id: number) => `${API_BASE}/archives/${id}/gcode`,
														
 
															   getArchiveTimelapse: (id: number) => `${API_BASE}/archives/${id}/timelapse?v=${Date.now()}`,
														
--- a/frontend/src/pages/ProjectDetailPage.tsx
+++ b/frontend/src/pages/ProjectDetailPage.tsx
@@ -124,7 +124,7 @@ function ArchiveGrid({ archives }: { archives: Archive[] }) {
 
															         >
														
 
															           {archive.thumbnail_path ? (
														
 
															             <img
														
 
															-              src={`/api/v1/archives/${archive.id}/thumbnail`}
														
 
															+              src={api.getArchiveThumbnail(archive.id)}
														
 
															               alt={archive.print_name || 'Print'}
														
 
															               className="w-full h-full object-cover"
														
 
															             />
														
--- a/frontend/src/pages/ProjectsPage.tsx
+++ b/frontend/src/pages/ProjectsPage.tsx
@@ -416,7 +416,7 @@ function ProjectCard({ project, onClick, onEdit, onDelete }: ProjectCardProps) {
 
															                 >
														
 
															                   {archive.thumbnail_path ? (
														
 
															                     <img
														
 
															-                      src={`/api/v1/archives/${archive.id}/thumbnail`}
														
 
															+                      src={api.getArchiveThumbnail(archive.id)}
														
 
															                       alt={archive.print_name || ''}
														
 
															                       className="w-full h-full object-cover"
														
 
															                     />
														
--- a/static/assets/index-Bh0qWzko.js
+++ b/static/assets/index-Bh0qWzko.js
--- a/static/index.html
+++ b/static/index.html
@@ -23,7 +23,7 @@
 
															     <!-- Splash screens for iOS -->
														
 
															     <link rel="apple-touch-startup-image" href="/img/android-chrome-512x512.png" />
														
 
															-    <script type="module" crossorigin src="/assets/index-BGnYjiV-.js"></script>
														
 
															+    <script type="module" crossorigin src="/assets/index-Bh0qWzko.js"></script>
														
 
															     <link rel="stylesheet" crossorigin href="/assets/index-CiDcmh7W.css">
														
 
															   </head>
														
 
															   <body>