fix(images): fix stale images

Author: Sg312

apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/image-preview.tsx

@@ -7,7 +7,11 @@ import { ZoomablePreview } from './zoomable-preview'
 
 export const ImagePreview = memo(function ImagePreview({ file }: { file: WorkspaceFileRecord }) {
   const source = useFileContentSource()
-  const serveUrl = source.buildUrl(file.key)
+  // Version the URL on updatedAt: overwrites keep the same storage key, so an unversioned
+  // URL would resolve to a previously cached copy instead of the rewritten bytes.
+  const serveUrl = source.buildUrl(file.key, {
+    version: Number(new Date(file.updatedAt)) || file.size,
+  })
 
   return (
     <ZoomablePreview className='flex flex-1' contentClassName='h-full w-full'>

apps/sim/next.config.ts

@@ -177,7 +177,12 @@ const nextConfig: NextConfig = {
   async headers() {
     return [
       {
-        source: '/:all*(svg|jpg|jpeg|png|gif|ico|webp|avif|woff|woff2|ttf|eot)',
+        // Static assets only — the (?!api/) guard keeps this off API routes. Without it,
+        // /api/files/serve/<key>.png matched too, and Next drops a route handler's own
+        // Cache-Control when the config rule already set one, so in-place file overwrites
+        // (same storage key, e.g. copilot image/chart regeneration) served day-stale bytes
+        // from the browser cache.
+        source: '/((?!api/).*\\.(?:svg|jpg|jpeg|png|gif|ico|webp|avif|woff|woff2|ttf|eot))',
         headers: [
           {
             key: 'Cache-Control',