diff --git a/packages/playwright-core/src/server/recorder.ts b/packages/playwright-core/src/server/recorder.ts
index 24a14b3f2b..0e56dbb047 100644
--- a/packages/playwright-core/src/server/recorder.ts
+++ b/packages/playwright-core/src/server/recorder.ts
@@ -127,7 +127,7 @@ export class Recorder implements InstrumentationListener {
     this._contextRecorder.on(ContextRecorder.Events.Change, (data: { sources: Source[], primaryFileName: string }) => {
       this._recorderSources = data.sources;
       this._pushAllSources();
-      this._recorderApp?.setFile(data.primaryFileName);
+      this._recorderApp?.setFileIfNeeded(data.primaryFileName);
     });
 
     await this._context.exposeBinding('_playwrightRecorderState', false, source => {
@@ -229,7 +229,7 @@ export class Recorder implements InstrumentationListener {
       const { file, line } = metadata.stack[0];
       let source = this._userSources.get(file);
       if (!source) {
-        source = { file, text: this._readSource(file), highlight: [], language: languageForFile(file) };
+        source = { isRecorded: false, file, text: this._readSource(file), highlight: [], language: languageForFile(file) };
         this._userSources.set(file, source);
       }
       if (line) {
@@ -241,7 +241,7 @@ export class Recorder implements InstrumentationListener {
     }
     this._pushAllSources();
     if (fileToSelect)
-      this._recorderApp?.setFile(fileToSelect);
+      this._recorderApp?.setFileIfNeeded(fileToSelect);
   }
 
   private _pushAllSources() {
@@ -325,6 +325,7 @@ class ContextRecorder extends EventEmitter {
       this._recorderSources = [];
       for (const languageGenerator of orderedLanguages) {
         const source: Source = {
+          isRecorded: true,
           file: languageGenerator.fileName,
           text: generator.generateText(languageGenerator),
           language: languageGenerator.highlighter,
diff --git a/packages/playwright-core/src/server/recorder/recorderApp.ts b/packages/playwright-core/src/server/recorder/recorderApp.ts
index 4f8fa39ba8..4f1f9c232b 100644
--- a/packages/playwright-core/src/server/recorder/recorderApp.ts
+++ b/packages/playwright-core/src/server/recorder/recorderApp.ts
@@ -28,7 +28,7 @@ import { findChromiumChannel } from '../registry';
 
 declare global {
   interface Window {
-    playwrightSetFile: (file: string) => void;
+    playwrightSetFileIfNeeded: (file: string) => void;
     playwrightSetMode: (mode: Mode) => void;
     playwrightSetPaused: (paused: boolean) => void;
     playwrightSetSources: (sources: Source[]) => void;
@@ -42,7 +42,7 @@ export interface IRecorderApp extends EventEmitter {
   close(): Promise<void>;
   setPaused(paused: boolean): Promise<void>;
   setMode(mode: 'none' | 'recording' | 'inspecting'): Promise<void>;
-  setFile(file: string): Promise<void>;
+  setFileIfNeeded(file: string): Promise<void>;
   setSelector(selector: string, focus?: boolean): Promise<void>;
   updateCallLogs(callLogs: CallLog[]): Promise<void>;
   bringToFront(): void;
@@ -133,9 +133,9 @@ export class RecorderApp extends EventEmitter implements IRecorderApp {
     }).toString(), true, mode, 'main').catch(() => {});
   }
 
-  async setFile(file: string): Promise<void> {
+  async setFileIfNeeded(file: string): Promise<void> {
     await this._page.mainFrame().evaluateExpression(((file: string) => {
-      window.playwrightSetFile(file);
+      window.playwrightSetFileIfNeeded(file);
     }).toString(), true, file, 'main').catch(() => {});
   }
 
@@ -181,7 +181,7 @@ class HeadlessRecorderApp extends EventEmitter implements IRecorderApp {
   async close(): Promise<void> {}
   async setPaused(paused: boolean): Promise<void> {}
   async setMode(mode: 'none' | 'recording' | 'inspecting'): Promise<void> {}
-  async setFile(file: string): Promise<void> {}
+  async setFileIfNeeded(file: string): Promise<void> {}
   async setSelector(selector: string, focus?: boolean): Promise<void> {}
   async updateCallLogs(callLogs: CallLog[]): Promise<void> {}
   bringToFront(): void {}
diff --git a/packages/playwright-core/src/server/recorder/recorderTypes.ts b/packages/playwright-core/src/server/recorder/recorderTypes.ts
index 46bec63b6a..6e3e3931ec 100644
--- a/packages/playwright-core/src/server/recorder/recorderTypes.ts
+++ b/packages/playwright-core/src/server/recorder/recorderTypes.ts
@@ -52,6 +52,7 @@ export type SourceHighlight = {
 };
 
 export type Source = {
+  isRecorded: boolean;
   file: string;
   text: string;
   language: string;
diff --git a/packages/recorder/src/recorder.tsx b/packages/recorder/src/recorder.tsx
index 17b566958e..d40cf16a56 100644
--- a/packages/recorder/src/recorder.tsx
+++ b/packages/recorder/src/recorder.tsx
@@ -25,7 +25,7 @@ import './recorder.css';
 
 declare global {
   interface Window {
-    playwrightSetFile: (file: string) => void;
+    playwrightSetFileIfNeeded: (file: string) => void;
     playwrightSetSelector: (selector: string, focus?: boolean) => void;
     dispatch(data: any): Promise<void>;
   }
@@ -54,15 +54,22 @@ export const Recorder: React.FC<RecorderProps> = ({
   };
 
   const [f, setFile] = React.useState<string | undefined>();
-  window.playwrightSetFile = setFile;
   const file = f || sources[0]?.file;
 
   const source = sources.find(s => s.file === file) || {
+    isRecorded: false,
     text: '',
     language: 'javascript',
     file: '',
     highlight: []
   };
+  window.playwrightSetFileIfNeeded = (value: string) => {
+    const newSource = sources.find(s => s.file === value);
+    // Do not forcefully switch between two recorded sources, because
+    // user did explicitly choose one.
+    if (newSource && !newSource.isRecorded || !source.isRecorded)
+      setFile(value);
+  };
 
   const messagesEndRef = React.createRef<HTMLDivElement>();
   React.useLayoutEffect(() => {