fix(files): separate auto-scroll gate from streaming render mode in MarkdownPreview

Author: waleedlatif1

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

@@ -63,6 +63,7 @@ interface PreviewPanelProps {
   mimeType: string | null
   filename: string
   isStreaming?: boolean
+  disableAutoScroll?: boolean
   onCheckboxToggle?: (checkboxIndex: number, checked: boolean) => void
 }
 
@@ -71,6 +72,7 @@ export const PreviewPanel = memo(function PreviewPanel({
   mimeType,
   filename,
   isStreaming,
+  disableAutoScroll,
   onCheckboxToggle,
 }: PreviewPanelProps) {
   const previewType = resolvePreviewType(mimeType, filename)
@@ -80,6 +82,7 @@ export const PreviewPanel = memo(function PreviewPanel({
       <MarkdownPreview
         content={content}
         isStreaming={isStreaming}
+        disableAutoScroll={disableAutoScroll}
         onCheckboxToggle={onCheckboxToggle}
       />
     )
@@ -649,14 +652,16 @@ function FrontMatterCard({ data }: { data: Record<string, unknown> }) {
 const MarkdownPreview = memo(function MarkdownPreview({
   content,
   isStreaming = false,
+  disableAutoScroll = false,
   onCheckboxToggle,
 }: {
   content: string
   isStreaming?: boolean
+  disableAutoScroll?: boolean
   onCheckboxToggle?: (checkboxIndex: number, checked: boolean) => void
 }) {
   const { push: navigate } = useRouter()
-  const { ref: autoScrollRef } = useAutoScroll(isStreaming)
+  const { ref: autoScrollRef } = useAutoScroll(isStreaming && !disableAutoScroll)
 
   const contentRef = useRef(content)
   contentRef.current = content

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

@@ -589,7 +589,6 @@ export const TextEditor = memo(function TextEditor({
   )
 
   const isStreaming = isStreamInteractionLocked
-  const isPreviewFollowingStream = isStreaming && !disableStreamingAutoScroll
   const isEditorReadOnly = isStreamInteractionLocked || !canEdit
 
   const previewType = resolvePreviewType(file.type, file.name)
@@ -678,7 +677,8 @@ export const TextEditor = memo(function TextEditor({
               content={content}
               mimeType={file.type}
               filename={file.name}
-              isStreaming={isPreviewFollowingStream}
+              isStreaming={isStreaming}
+              disableAutoScroll={disableStreamingAutoScroll}
               onCheckboxToggle={canEdit && !isStreaming ? handleCheckboxToggle : undefined}
             />
           </div>