fix(files): disable CSV import action in read-only preview (public share)

Author: TheodoreSpeaks

apps/sim/app/workspace/[workspaceId]/files/components/file-viewer/csv-import.ts

@@ -19,7 +19,8 @@ export type CsvImportFileDescriptor = Pick<WorkspaceFileRecord, 'key' | 'name'>
 export function useCsvTruncationImport(
   workspaceId: string,
   file: CsvImportFileDescriptor,
-  truncated: boolean
+  truncated: boolean,
+  disableImport = false
 ) {
   const router = useRouter()
   const importFile = useImportFileAsTable()
@@ -58,11 +59,11 @@ export function useCsvTruncationImport(
   // Surface the cap as a warning toast with an import action, once per file.
   const notifiedKeyRef = useRef<string | null>(null)
   useEffect(() => {
-    if (!truncated || notifiedKeyRef.current === file.key) return
+    if (disableImport || !truncated || notifiedKeyRef.current === file.key) return
     notifiedKeyRef.current = file.key
     toast.warning(`Showing the first ${CSV_PREVIEW_MAX_ROWS.toLocaleString()} rows`, {
       description: 'Import this file as a table to view all of its rows.',
       action: { label: 'Import as a table', onClick: importAsTable },
     })
-  }, [truncated, file.key, importAsTable])
+  }, [disableImport, truncated, file.key, importAsTable])
 }

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

@@ -203,6 +203,7 @@ const ReadOnlyTextPreview = memo(function ReadOnlyTextPreview({
           filename={file.name}
           workspaceId={workspaceId}
           fileKey={file.key}
+          disableImport
         />
       </div>
     )

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

@@ -83,6 +83,11 @@ interface PreviewPanelProps {
   isStreaming?: boolean
   disableAutoScroll?: boolean
   onCheckboxToggle?: (checkboxIndex: number, checked: boolean) => void
+  /**
+   * Suppress the CSV "Import as a table" affordance. Set on read-only surfaces
+   * (e.g. the public share page) where there is no authenticated workspace import.
+   */
+  disableImport?: boolean
 }
 
 export const PreviewPanel = memo(function PreviewPanel({
@@ -94,6 +99,7 @@ export const PreviewPanel = memo(function PreviewPanel({
   isStreaming,
   disableAutoScroll,
   onCheckboxToggle,
+  disableImport,
 }: PreviewPanelProps) {
   const previewType = resolvePreviewType(mimeType, filename)
 
@@ -113,6 +119,7 @@ export const PreviewPanel = memo(function PreviewPanel({
         content={content}
         workspaceId={workspaceId}
         file={{ key: fileKey, name: filename }}
+        disableImport={disableImport}
       />
     )
   if (previewType === 'svg') return <SvgPreview content={content} />
@@ -1167,13 +1174,15 @@ const CsvPreview = memo(function CsvPreview({
   content,
   workspaceId,
   file,
+  disableImport,
 }: {
   content: string
   workspaceId: string
   file: CsvImportFileDescriptor
+  disableImport?: boolean
 }) {
   const { headers, rows, truncated } = useMemo(() => parseCsv(content), [content])
-  useCsvTruncationImport(workspaceId, file, truncated)
+  useCsvTruncationImport(workspaceId, file, truncated, disableImport)
 
   if (headers.length === 0) {
     return (