chore: import upstream snapshot with attribution

apps/sim/app/workspace/[workspaceId]/files/[fileId]/page.tsx

@@ -0,0 +1,16 @@
+import { Suspense } from 'react'
+import type { Metadata } from 'next'
+import { Files } from '../files'
+
+export const metadata: Metadata = {
+  title: 'Files',
+  robots: { index: false },
+}
+
+export default function FilesFilePage() {
+  return (
+    <Suspense fallback={null}>
+      <Files />
+    </Suspense>
+  )
+}

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

@@ -0,0 +1,34 @@
+'use client'
+
+import { createLogger } from '@sim/logger'
+import { useParams } from 'next/navigation'
+import { useWorkspaceFileRecord } from '@/hooks/queries/workspace-files'
+
+const logger = createLogger('FileViewer')
+
+export function FileViewer() {
+  const params = useParams()
+  const workspaceId = params?.workspaceId as string
+  const fileId = params?.fileId as string
+
+  const { data: file, isLoading } = useWorkspaceFileRecord(workspaceId, fileId)
+
+  if (isLoading || !file) {
+    return null
+  }
+
+  const serveUrl = `/api/files/serve/${encodeURIComponent(file.key)}?context=workspace&t=${file.size}`
+
+  return (
+    <div className='fixed inset-0 z-50 bg-[var(--bg)]'>
+      <iframe
+        src={serveUrl}
+        className='h-full w-full border-0'
+        title={file.name}
+        onError={() => {
+          logger.error(`Failed to load file: ${file.name}`)
+        }}
+      />
+    </div>
+  )
+}

apps/sim/app/workspace/[workspaceId]/files/[fileId]/view/page.tsx

@@ -0,0 +1,9 @@
+import type { Metadata } from 'next'
+import { FileViewer } from './file-viewer'
+
+export const metadata: Metadata = {
+  title: 'File',
+  robots: { index: false },
+}
+
+export default FileViewer