fix(files): preserve generic image previews

Author: waleedlatif1

apps/sim/app/api/workspaces/[id]/files/inline/route.test.ts

@@ -60,6 +60,19 @@ describe('GET /api/workspaces/[id]/files/inline', () => {
     })
   })
 
+  it('derives a renderable image type when storage recorded generic bytes', async () => {
+    mockReadInline.mockResolvedValue({
+      file: { name: 'photo.png', type: 'application/octet-stream', size: PNG.length },
+      stream: new Blob([new Uint8Array(PNG)]).stream(),
+      contentAddressed: true,
+    })
+
+    const res = await GET(req('key=workspace%2Fws-1%2Fphoto.png'), params)
+
+    expect(res.headers.get('Content-Type')).toBe('image/png')
+    expect(res.headers.get('Content-Disposition')).toBe('inline; filename="photo.png"')
+  })
+
   /**
    * A storage key names one object and a content write never rewrites one, so these bytes can never
    * change. Revalidating them meant re-downloading every embedded image on every open — a document is

apps/sim/app/api/workspaces/[id]/files/inline/route.ts

@@ -4,6 +4,7 @@ import {
   internalRateLimits,
   internalSessionAuth,
 } from '@/lib/api/server/routes'
+import { resolveEffectiveMimeType } from '@/lib/uploads/utils/file-utils'
 import { internalFileErrorPolicies } from '@/lib/workspace-files/api'
 import { readWorkspaceInlineFile } from '@/lib/workspace-files/application/read-workspace-inline-file'
 import { encodeFilenameForHeader, getSecureFileHeaders } from '@/app/api/files/utils'
@@ -48,7 +49,7 @@ export const GET = defineInternalBinaryRoute({
   }),
   useCase: readWorkspaceInlineFile,
   present: ({ file, stream, contentAddressed }) => {
-    const secure = getSecureFileHeaders(file.name, file.type)
+    const secure = getSecureFileHeaders(file.name, resolveEffectiveMimeType(file.type, file.name))
     const headers = new Headers({
       'Content-Type': secure.contentType,
       'Content-Disposition': `${secure.disposition}; ${encodeFilenameForHeader(file.name)}`,