Fixes

Author: Sg312

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

@@ -439,12 +439,22 @@ function ImagePreview({ file }: { file: WorkspaceFileRecord }) {
   )
 }
 
+const PPTX_CACHE_MAX = 5
+
 const pptxSlideCache = new Map<string, string[]>()
 
 function pptxCacheKey(fileId: string, dataUpdatedAt: number): string {
   return `${fileId}:${dataUpdatedAt}`
 }
 
+function pptxCacheSet(key: string, slides: string[]): void {
+  pptxSlideCache.set(key, slides)
+  if (pptxSlideCache.size > PPTX_CACHE_MAX) {
+    const oldest = pptxSlideCache.keys().next().value
+    if (oldest !== undefined) pptxSlideCache.delete(oldest)
+  }
+}
+
 async function renderPptxSlides(
   data: Uint8Array,
   onSlide: (src: string, index: number) => void,
@@ -453,8 +463,9 @@ async function renderPptxSlides(
   const { PPTXViewer } = await import('pptxviewjs')
   if (cancelled()) return
 
-  const W = 1920
-  const H = 1080
+  const dpr = Math.min(window.devicePixelRatio || 1, 2)
+  const W = Math.round(1920 * dpr)
+  const H = Math.round(1080 * dpr)
 
   const canvas = document.createElement('canvas')
   canvas.width = W
@@ -540,7 +551,7 @@ function PptxPreview({
           () => cancelled
         )
         if (!cancelled && images.length > 0) {
-          pptxSlideCache.set(cacheKey, images)
+          pptxCacheSet(cacheKey, images)
         }
       } catch (err) {
         if (!cancelled) {
@@ -557,7 +568,7 @@ function PptxPreview({
     return () => {
       cancelled = true
     }
-  }, [fileData, dataUpdatedAt, streamingContent, cacheKey, cached])
+  }, [fileData, dataUpdatedAt, streamingContent, cacheKey])
 
   const error = fetchError
     ? fetchError instanceof Error

apps/sim/app/workspace/[workspaceId]/home/components/mothership-view/components/resource-registry/resource-registry.tsx

@@ -129,7 +129,7 @@ const RESOURCE_INVALIDATORS: Record<
   },
   file: (qc, wId, id) => {
     qc.invalidateQueries({ queryKey: workspaceFilesKeys.lists() })
-    qc.invalidateQueries({ queryKey: workspaceFilesKeys.content(wId, id) })
+    qc.invalidateQueries({ queryKey: workspaceFilesKeys.contentFile(wId, id) })
     qc.invalidateQueries({ queryKey: workspaceFilesKeys.storageInfo() })
   },
   workflow: (qc, _wId) => {

apps/sim/hooks/queries/workspace-files.ts

@@ -16,11 +16,13 @@ export const workspaceFilesKeys = {
   list: (workspaceId: string, scope: WorkspaceFileQueryScope = 'active') =>
     [...workspaceFilesKeys.lists(), workspaceId, scope] as const,
   contents: () => [...workspaceFilesKeys.all, 'content'] as const,
+  contentFile: (workspaceId: string, fileId: string) =>
+    [...workspaceFilesKeys.contents(), workspaceId, fileId] as const,
   content: (
     workspaceId: string,
     fileId: string,
     mode: 'text' | 'raw' | 'binary' = 'text'
-  ) => [...workspaceFilesKeys.contents(), workspaceId, fileId, mode] as const,
+  ) => [...workspaceFilesKeys.contentFile(workspaceId, fileId), mode] as const,
   storageInfo: () => [...workspaceFilesKeys.all, 'storageInfo'] as const,
 }
 
@@ -122,8 +124,7 @@ export function useWorkspaceFileBinary(workspaceId: string, fileId: string, key:
     queryKey: workspaceFilesKeys.content(workspaceId, fileId, 'binary'),
     queryFn: ({ signal }) => fetchWorkspaceFileBinary(key, signal),
     enabled: !!workspaceId && !!fileId && !!key,
-    staleTime: 5 * 60 * 1000,
-    refetchOnWindowFocus: false,
+    staleTime: 30 * 1000,
   })
 }
 
@@ -239,7 +240,7 @@ export function useUpdateWorkspaceFileContent() {
     },
     onSettled: (_data, _error, variables) => {
       queryClient.invalidateQueries({
-        queryKey: [...workspaceFilesKeys.contents(), variables.workspaceId, variables.fileId],
+        queryKey: workspaceFilesKeys.contentFile(variables.workspaceId, variables.fileId),
       })
       queryClient.invalidateQueries({ queryKey: workspaceFilesKeys.lists() })
       queryClient.invalidateQueries({ queryKey: workspaceFilesKeys.storageInfo() })
@@ -345,7 +346,7 @@ export function useDeleteWorkspaceFile() {
     onSettled: (_data, _error, variables) => {
       queryClient.invalidateQueries({ queryKey: workspaceFilesKeys.lists() })
       queryClient.removeQueries({
-        queryKey: workspaceFilesKeys.content(variables.workspaceId, variables.fileId),
+        queryKey: workspaceFilesKeys.contentFile(variables.workspaceId, variables.fileId),
       })
       queryClient.invalidateQueries({ queryKey: workspaceFilesKeys.storageInfo() })
     },