refactor(files): drive CSV preview import affordance off readOnly, not disableImport

Author: TheodoreSpeaks

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

@@ -20,7 +20,7 @@ export function useCsvTruncationImport(
   workspaceId: string,
   file: CsvImportFileDescriptor,
   truncated: boolean,
-  disableImport = false
+  readOnly = false
 ) {
   const router = useRouter()
   const importFile = useImportFileAsTable()
@@ -59,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 (disableImport || !truncated || notifiedKeyRef.current === file.key) return
+    if (readOnly || !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 },
     })
-  }, [disableImport, truncated, file.key, importAsTable])
+  }, [readOnly, truncated, file.key, importAsTable])
 }

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

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

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

@@ -84,10 +84,11 @@ interface PreviewPanelProps {
   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.
+   * Read-only surface (e.g. the public share page) — disables interactive
+   * affordances such as the CSV "Import as a table" action, which needs an
+   * authenticated workspace import.
    */
-  disableImport?: boolean
+  readOnly?: boolean
 }
 
 export const PreviewPanel = memo(function PreviewPanel({
@@ -99,7 +100,7 @@ export const PreviewPanel = memo(function PreviewPanel({
   isStreaming,
   disableAutoScroll,
   onCheckboxToggle,
-  disableImport,
+  readOnly,
 }: PreviewPanelProps) {
   const previewType = resolvePreviewType(mimeType, filename)
 
@@ -119,7 +120,7 @@ export const PreviewPanel = memo(function PreviewPanel({
         content={content}
         workspaceId={workspaceId}
         file={{ key: fileKey, name: filename }}
-        disableImport={disableImport}
+        readOnly={readOnly}
       />
     )
   if (previewType === 'svg') return <SvgPreview content={content} />
@@ -1174,15 +1175,15 @@ const CsvPreview = memo(function CsvPreview({
   content,
   workspaceId,
   file,
-  disableImport,
+  readOnly,
 }: {
   content: string
   workspaceId: string
   file: CsvImportFileDescriptor
-  disableImport?: boolean
+  readOnly?: boolean
 }) {
   const { headers, rows, truncated } = useMemo(() => parseCsv(content), [content])
-  useCsvTruncationImport(workspaceId, file, truncated, disableImport)
+  useCsvTruncationImport(workspaceId, file, truncated, readOnly)
 
   if (headers.length === 0) {
     return (