fix(files): stop markdown preview auto-scrolling during copilot patch streams

fix(snapshot): use surface-4 background for input/output code blocks in light mode

Author: waleedlatif1

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

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

apps/sim/app/workspace/[workspaceId]/w/components/preview/components/preview-editor/preview-editor.tsx

@@ -1250,7 +1250,7 @@ function PreviewEditorContent({
                   <Code.Viewer
                     code={formatValueAsJson(executionData.input)}
                     language='json'
-                    className='!bg-[var(--surface-3)] max-h-[300px] min-h-0 max-w-full rounded-md border-0 [word-break:break-all]'
+                    className='!bg-[var(--surface-4)] dark:!bg-[var(--surface-3)] max-h-[300px] min-h-0 max-w-full rounded-md border-0 [word-break:break-all]'
                     wrapText={wrapText}
                     searchQuery={isSearchActive ? searchQuery : undefined}
                     currentMatchIndex={currentMatchIndex}
@@ -1320,7 +1320,7 @@ function PreviewEditorContent({
                     code={formatValueAsJson(executionData.output)}
                     language='json'
                     className={cn(
-                      '!bg-[var(--surface-3)] max-h-[300px] min-h-0 max-w-full rounded-md border-0 [word-break:break-all]',
+                      '!bg-[var(--surface-4)] dark:!bg-[var(--surface-3)] max-h-[300px] min-h-0 max-w-full rounded-md border-0 [word-break:break-all]',
                       executionData.status === 'error' && 'text-[var(--text-error)]'
                     )}
                     wrapText={wrapText}