diff --git a/.eslintrc.js b/.eslintrc.js
index 852411053239..7abb027d019b 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -5,6 +5,7 @@ const { specifiedRules } = require('graphql')
 const graphqlOpts = {
   env: 'literal',
   tagName: 'gql',
+  // eslint-disable-next-line no-restricted-syntax
   schemaString: fs.readFileSync(
     path.join(__dirname, 'packages/graphql/schemas/schema.graphql'),
     'utf8',
@@ -33,6 +34,24 @@ module.exports = {
     'plugin:@cypress/dev/tests',
   ],
   parser: '@typescript-eslint/parser',
+  overrides: [
+    {
+      files: [
+        // ignore in tests and scripts
+        '**/scripts/**',
+        '**/test/**',
+        '**/system-tests/**',
+        'packages/{app,driver,frontend-shared,launchpad}/cypress/**',
+        '*.test.ts',
+        // ignore in packages that don't run in the Cypress process
+        'npm/create-cypress-tests/**',
+      ],
+      rules: {
+        'no-restricted-properties': 'off',
+        'no-restricted-syntax': 'off',
+      },
+    },
+  ],
   rules: {
     'no-duplicate-imports': 'off',
     'import/no-duplicates': 'off',
@@ -55,6 +74,16 @@ module.exports = {
         message: 'os.userInfo() will throw when there is not an `/etc/passwd` entry for the current user (like when running with --user 12345 in Docker). Do not use it unless you catch any potential errors.',
       },
     ],
+    'no-restricted-syntax': [
+      // esquery tool: https://estools.github.io/esquery/
+      'error',
+      {
+        // match sync FS methods except for `existsSync`
+        // examples: fse.readFileSync, fs.readFileSync, this.ctx.fs.readFileSync...
+        selector: `MemberExpression[object.name='fs'][property.name=/^[A-z]+Sync$/]:not(MemberExpression[property.name='existsSync']), MemberExpression[property.name=/^[A-z]+Sync$/]:not(MemberExpression[property.name='existsSync']):has(MemberExpression[property.name='fs'])`,
+        message: 'Synchronous fs calls should not be used in Cypress. Use an async API instead.',
+      },
+    ],
     'graphql/capitalized-type-name': ['warn', graphqlOpts],
     'graphql/no-deprecated-fields': ['error', graphqlOpts],
     'graphql/template-strings': ['error', { ...graphqlOpts, validators }],
diff --git a/circle.yml b/circle.yml
index 0241aa54efaf..ede5ccf5b0fc 100644
--- a/circle.yml
+++ b/circle.yml
@@ -27,8 +27,7 @@ mainBuildFilters: &mainBuildFilters
     branches:
       only:
         - develop
-        - 10.0-release
-        - linux-arm64
+        - issue-22147-nohoist
 
 # usually we don't build Mac app - it takes a long time
 # but sometimes we want to really confirm we are doing the right thing
@@ -129,7 +128,7 @@ commands:
       - run:
           name: Check current branch to persist artifacts
           command: |
-            if [[ "$CIRCLE_BRANCH" != "develop" && "$CIRCLE_BRANCH" != "linux-arm64" ]]; then
+            if [[ "$CIRCLE_BRANCH" != "develop" && "$CIRCLE_BRANCH" != "issue-22147-nohoist" ]]; then
               echo "Not uploading artifacts or posting install comment for this branch."
               circleci-agent step halt
             fi
diff --git a/cli/scripts/build.js b/cli/scripts/build.js
index 7ce6b3d9a8d5..b5fe4fb8c24d 100644
--- a/cli/scripts/build.js
+++ b/cli/scripts/build.js
@@ -31,6 +31,7 @@ function preparePackageForNpmRelease (json) {
   delete json['private']
   // no need to include "nyc" code coverage settings
   delete json.nyc
+  delete json.workspaces
 
   _.extend(json, {
     version,
diff --git a/npm/eslint-plugin-dev/lib/custom-rules/index.js b/npm/eslint-plugin-dev/lib/custom-rules/index.js
index 4acf20ebcac0..8dbc761bc096 100644
--- a/npm/eslint-plugin-dev/lib/custom-rules/index.js
+++ b/npm/eslint-plugin-dev/lib/custom-rules/index.js
@@ -2,6 +2,7 @@ const fs = require('fs')
 const path = require('path')
 
 module.exports =
+  // eslint-disable-next-line no-restricted-syntax
   Object.assign({}, ...fs.readdirSync(__dirname)
   .filter((filename) => filename.endsWith('.js') && filename !== 'index.js')
   .map((filename) => ({ [filename.replace(/\.js$/u, '')]: require(path.resolve(__dirname, filename)) })))
diff --git a/npm/vite-dev-server/cypress/e2e/vite-dev-server.cy.ts b/npm/vite-dev-server/cypress/e2e/vite-dev-server.cy.ts
index 12d59f6da467..f0dac35ea855 100644
--- a/npm/vite-dev-server/cypress/e2e/vite-dev-server.cy.ts
+++ b/npm/vite-dev-server/cypress/e2e/vite-dev-server.cy.ts
@@ -38,7 +38,7 @@ describe('Config options', () => {
     cy.startAppServer('component')
 
     cy.withCtx(async (ctx, { specWithWhitespace }) => {
-      ctx.actions.file.writeFileInProject(
+      await ctx.actions.file.writeFileInProject(
         ctx.path.join('src', specWithWhitespace),
         await ctx.file.readFileInProject(ctx.path.join('src', 'App.cy.jsx')),
       )
diff --git a/npm/vite-dev-server/src/plugins/cypress.ts b/npm/vite-dev-server/src/plugins/cypress.ts
index 1e6fdd5a46b1..4ba23ad3aebc 100644
--- a/npm/vite-dev-server/src/plugins/cypress.ts
+++ b/npm/vite-dev-server/src/plugins/cypress.ts
@@ -38,6 +38,8 @@ export const Cypress = (
   const indexHtmlFile = options.cypressConfig.indexHtmlFile
 
   let specsPathsSet = getSpecsPathsSet(specs)
+  // TODO: use async fs methods here
+  // eslint-disable-next-line no-restricted-syntax
   let loader = fs.readFileSync(INIT_FILEPATH, 'utf8')
 
   devServerEvents.on('dev-server:specs:changed', (specs: Spec[]) => {
diff --git a/npm/webpack-dev-server/src/CypressCTWebpackPlugin.ts b/npm/webpack-dev-server/src/CypressCTWebpackPlugin.ts
index f625d6d2c98a..8cb128b2bbca 100644
--- a/npm/webpack-dev-server/src/CypressCTWebpackPlugin.ts
+++ b/npm/webpack-dev-server/src/CypressCTWebpackPlugin.ts
@@ -99,13 +99,15 @@ export class CypressCTWebpackPlugin {
    * has been "updated on disk", causing a recompliation (and pulling the new specs in as
    * dependencies).
    */
-  private onSpecsChange = (specs: Cypress.Cypress['spec'][]) => {
+  private onSpecsChange = async (specs: Cypress.Cypress['spec'][]) => {
     if (!this.compilation || _.isEqual(specs, this.files)) {
       return
     }
 
     this.files = specs
     const inputFileSystem = this.compilation.inputFileSystem
+    // TODO: don't use a sync fs method here
+    // eslint-disable-next-line no-restricted-syntax
     const utimesSync: UtimesSync = inputFileSystem.fileSystem.utimesSync ?? fs.utimesSync
 
     utimesSync(path.resolve(__dirname, 'browser.js'), new Date(), new Date())
diff --git a/npm/webpack-dev-server/src/helpers/nextHandler.ts b/npm/webpack-dev-server/src/helpers/nextHandler.ts
index 5f73a7ae1b61..ea6fa62bd9da 100644
--- a/npm/webpack-dev-server/src/helpers/nextHandler.ts
+++ b/npm/webpack-dev-server/src/helpers/nextHandler.ts
@@ -69,7 +69,7 @@ async function loadWebpackConfig (devServerConfig: WebpackDevServerConfig): Prom
       buildId: `@cypress/react-${Math.random().toString()}`,
       config: nextConfig,
       dev: true,
-      pagesDir: findPagesDir(devServerConfig.cypressConfig.projectRoot),
+      pagesDir: await findPagesDir(devServerConfig.cypressConfig.projectRoot),
       entrypoints: {},
       rewrites: { fallback: [], afterFiles: [], beforeFiles: [] },
       ...runWebpackSpan,
@@ -106,9 +106,9 @@ function checkSWC (
   return false
 }
 
-const existsSync = (file: string) => {
+const exists = async (file: string) => {
   try {
-    fs.accessSync(file, fs.constants.F_OK)
+    await fs.promises.access(file, fs.constants.F_OK)
 
     return true
   } catch (_) {
@@ -121,16 +121,16 @@ const existsSync = (file: string) => {
  * `${projectRoot}/pages` or `${projectRoot}/src/pages`.
  * If neither is found, return projectRoot
  */
-function findPagesDir (projectRoot: string) {
+async function findPagesDir (projectRoot: string) {
   // prioritize ./pages over ./src/pages
   let pagesDir = path.join(projectRoot, 'pages')
 
-  if (existsSync(pagesDir)) {
+  if (await exists(pagesDir)) {
     return pagesDir
   }
 
   pagesDir = path.join(projectRoot, 'src', 'pages')
-  if (existsSync(pagesDir)) {
+  if (await exists(pagesDir)) {
     return pagesDir
   }
 
diff --git a/npm/webpack-dev-server/src/measureWebpackPerformance.ts b/npm/webpack-dev-server/src/measureWebpackPerformance.ts
index e3630c8104c6..39f871fb2641 100644
--- a/npm/webpack-dev-server/src/measureWebpackPerformance.ts
+++ b/npm/webpack-dev-server/src/measureWebpackPerformance.ts
@@ -1,3 +1,4 @@
+/* eslint-disable no-restricted-syntax */
 /* eslint-disable no-console */
 import path from 'path'
 import fs from 'fs'
diff --git a/npm/webpack-preprocessor/package.json b/npm/webpack-preprocessor/package.json
index 166861106648..465ad7db54a5 100644
--- a/npm/webpack-preprocessor/package.json
+++ b/npm/webpack-preprocessor/package.json
@@ -11,7 +11,7 @@
     "secure": "nsp check",
     "semantic-release": "semantic-release",
     "size": "npm pack --dry",
-    "test": "node ./test-webpack-5.js",
+    "test": "node ./scripts/test-webpack-5.js",
     "test-debug": "node --inspect --debug-brk ./node_modules/.bin/_mocha",
     "test-e2e": "mocha test/e2e/*.spec.*",
     "test-unit": "mocha test/unit/*.spec.*",
diff --git a/npm/webpack-preprocessor/test-webpack-5.js b/npm/webpack-preprocessor/scripts/test-webpack-5.js
similarity index 87%
rename from npm/webpack-preprocessor/test-webpack-5.js
rename to npm/webpack-preprocessor/scripts/test-webpack-5.js
index 4e85c6489303..bb0945ee56a2 100644
--- a/npm/webpack-preprocessor/test-webpack-5.js
+++ b/npm/webpack-preprocessor/scripts/test-webpack-5.js
@@ -1,7 +1,10 @@
 const execa = require('execa')
-const pkg = require('./package.json')
+const path = require('path')
+const pkg = require('../package.json')
 const fs = require('fs')
 
+const pkgJsonPath = path.join(__dirname, '..', 'package.json')
+
 /**
  * This file installs Webpack 5 and runs the unit and e2e tests for the preprocessor.
  * We read package.json, update the webpack version, then re-run yarn install.
@@ -17,7 +20,7 @@ const main = async () => {
   const install = () => execa('yarn', ['install', '--ignore-scripts'], { stdio: 'inherit' })
 
   const resetPkg = async () => {
-    fs.writeFileSync('package.json', originalPkg, 'utf8')
+    fs.writeFileSync(pkgJsonPath, originalPkg, 'utf8')
     await install()
   }
 
@@ -38,7 +41,7 @@ const main = async () => {
   delete pkg.devDependencies['webpack']
   // eslint-disable-next-line no-console
   console.log('[@cypress/webpack-preprocessor]: updating package.json...')
-  fs.writeFileSync('package.json', JSON.stringify(pkg, null, 2))
+  fs.writeFileSync(pkgJsonPath, JSON.stringify(pkg, null, 2))
 
   // eslint-disable-next-line no-console
   console.log('[@cypress/webpack-preprocessor]: install dependencies...')
diff --git a/packages/app/cypress/e2e/cypress-in-cypress-component.cy.ts b/packages/app/cypress/e2e/cypress-in-cypress-component.cy.ts
index ee3110f508d9..d1b480379a04 100644
--- a/packages/app/cypress/e2e/cypress-in-cypress-component.cy.ts
+++ b/packages/app/cypress/e2e/cypress-in-cypress-component.cy.ts
@@ -208,8 +208,8 @@ describe('Cypress In Cypress CT', { viewportWidth: 1500, defaultCommandTimeout:
         }).invoke('connected').should('be.true')
       })
 
-      cy.withCtx((ctx, o) => {
-        ctx.actions.file.writeFileInProject(o.path, `
+      cy.withCtx(async (ctx, o) => {
+        await ctx.actions.file.writeFileInProject(o.path, `
   import React from 'react'
   import { mount } from '@cypress/react'
 
diff --git a/packages/app/cypress/e2e/cypress-in-cypress-e2e.cy.ts b/packages/app/cypress/e2e/cypress-in-cypress-e2e.cy.ts
index 4cf9c55fffec..7da4e7badfcd 100644
--- a/packages/app/cypress/e2e/cypress-in-cypress-e2e.cy.ts
+++ b/packages/app/cypress/e2e/cypress-in-cypress-e2e.cy.ts
@@ -259,8 +259,8 @@ describe('Cypress In Cypress E2E', { viewportWidth: 1500, defaultCommandTimeout:
       }).invoke('connected').should('be.true')
     })
 
-    cy.withCtx((ctx, o) => {
-      ctx.actions.file.writeFileInProject(o.path, `
+    cy.withCtx(async (ctx, o) => {
+      await ctx.actions.file.writeFileInProject(o.path, `
 describe('Dom Content', () => {
   it('renders the new test content', () => {
     cy.visit('cypress/e2e/dom-content.html')
diff --git a/packages/app/cypress/e2e/cypress-in-cypress.cy.ts b/packages/app/cypress/e2e/cypress-in-cypress.cy.ts
index b9af2b6e1db9..b50001331544 100644
--- a/packages/app/cypress/e2e/cypress-in-cypress.cy.ts
+++ b/packages/app/cypress/e2e/cypress-in-cypress.cy.ts
@@ -228,13 +228,13 @@ describe('Cypress in Cypress', { viewportWidth: 1500, defaultCommandTimeout: 100
     startAtSpecsPage('e2e')
     cy.get('[data-cy="spec-item"]')
 
-    cy.withCtx((ctx, o) => {
+    cy.withCtx(async (ctx, o) => {
       ctx.coreData.app.browserStatus = 'open'
 
-      let config = ctx.actions.file.readFileInProject('cypress.config.js')
+      let config = await ctx.actions.file.readFileInProject('cypress.config.js')
 
       config = config.replace(`e2e: {`, `e2e: {\n  chromeWebSecurity: false,\n`)
-      ctx.actions.file.writeFileInProject('cypress.config.js', config)
+      await ctx.actions.file.writeFileInProject('cypress.config.js', config)
 
       o.sinon.stub(ctx.actions.browser, 'closeBrowser')
       o.sinon.stub(ctx.actions.browser, 'relaunchBrowser')
@@ -252,24 +252,24 @@ describe('Cypress in Cypress', { viewportWidth: 1500, defaultCommandTimeout: 100
   it('restarts browser if there is a before:browser:launch task and there is a change on the config', () => {
     startAtSpecsPage('e2e')
 
-    cy.withCtx((ctx, o) => {
+    cy.withCtx(async (ctx, o) => {
       ctx.coreData.app.browserStatus = 'open'
 
-      let config = ctx.actions.file.readFileInProject('cypress.config.js')
+      let config = await ctx.actions.file.readFileInProject('cypress.config.js')
 
       config = config.replace(`e2e: {`, `e2e: {\n  setupNodeEvents(on) {\n on('before:browser:launch', () => {})\n},\n`)
-      ctx.actions.file.writeFileInProject('cypress.config.js', config)
+      await ctx.actions.file.writeFileInProject('cypress.config.js', config)
     })
 
     cy.get('[data-cy="spec-item"]')
 
-    cy.withCtx((ctx, o) => {
+    cy.withCtx(async (ctx, o) => {
       ctx.coreData.app.browserStatus = 'open'
 
-      let config = ctx.actions.file.readFileInProject('cypress.config.js')
+      let config = await ctx.actions.file.readFileInProject('cypress.config.js')
 
       config = config.replace(`e2e: {`, `e2e: {\n  viewportHeight: 600,\n`)
-      ctx.actions.file.writeFileInProject('cypress.config.js', config)
+      await ctx.actions.file.writeFileInProject('cypress.config.js', config)
 
       o.sinon.stub(ctx.actions.browser, 'closeBrowser')
       o.sinon.stub(ctx.actions.browser, 'relaunchBrowser')
@@ -288,14 +288,14 @@ describe('Cypress in Cypress', { viewportWidth: 1500, defaultCommandTimeout: 100
     startAtSpecsPage('e2e')
     cy.get('[data-cy="spec-item"]')
 
-    cy.withCtx((ctx, o) => {
+    cy.withCtx(async (ctx, o) => {
       ctx.coreData.app.browserStatus = 'open'
       o.sinon.stub(ctx.actions.project, 'initializeActiveProject')
 
-      let config = ctx.actions.file.readFileInProject('cypress.config.js')
+      let config = await ctx.actions.file.readFileInProject('cypress.config.js')
 
       config = config.replace(`{`, `{\n  watchForFileChanges: false,\n`)
-      ctx.actions.file.writeFileInProject('cypress.config.js', config)
+      await ctx.actions.file.writeFileInProject('cypress.config.js', config)
     })
 
     cy.get('[data-cy="loading-spinner"]').should('be.visible')
@@ -310,14 +310,14 @@ describe('Cypress in Cypress', { viewportWidth: 1500, defaultCommandTimeout: 100
     startAtSpecsPage('e2e')
     cy.get('[data-cy="spec-item"]')
 
-    cy.withCtx((ctx, o) => {
+    cy.withCtx(async (ctx, o) => {
       ctx.coreData.app.browserStatus = 'open'
       o.sinon.stub(ctx.actions.project, 'initializeActiveProject')
 
-      let config = ctx.actions.file.readFileInProject('cypress.config.js')
+      let config = await ctx.actions.file.readFileInProject('cypress.config.js')
 
       config = config.replace(`  e2e: {`, `  e2e: {\n  baseUrl: 'https://example.cypress.io',\n`)
-      ctx.actions.file.writeFileInProject('cypress.config.js', config)
+      await ctx.actions.file.writeFileInProject('cypress.config.js', config)
     })
 
     cy.get('[data-cy="loading-spinner"]').should('be.visible')
diff --git a/packages/app/cypress/e2e/specs.cy.ts b/packages/app/cypress/e2e/specs.cy.ts
index 062eda47086e..1716658ce2e4 100644
--- a/packages/app/cypress/e2e/specs.cy.ts
+++ b/packages/app/cypress/e2e/specs.cy.ts
@@ -423,7 +423,7 @@ describe('App: Specs', () => {
 
         it('generates spec with file name that does not contain a known spec extension', () => {
           cy.withCtx(async (ctx) => {
-            let config = ctx.actions.file.readFileInProject('cypress.config.js')
+            let config = await ctx.actions.file.readFileInProject('cypress.config.js')
 
             config = config.replace(
                 `specPattern: 'src/**/*.{cy,spec}.{js,jsx}'`,
@@ -700,7 +700,7 @@ describe('App: Specs', () => {
 
       it('generates spec with file name that does not contain a known spec extension', () => {
         cy.withCtx(async (ctx) => {
-          let config = ctx.actions.file.readFileInProject('cypress.config.js')
+          let config = await ctx.actions.file.readFileInProject('cypress.config.js')
 
           config = config.replace(
               `specPattern: 'src/specs-folder/*.cy.{js,jsx}'`,
diff --git a/packages/app/cypress/e2e/subscriptions/configChange-subscription.cy.ts b/packages/app/cypress/e2e/subscriptions/configChange-subscription.cy.ts
index 0e91b3a7f9f9..c2215175c2cc 100644
--- a/packages/app/cypress/e2e/subscriptions/configChange-subscription.cy.ts
+++ b/packages/app/cypress/e2e/subscriptions/configChange-subscription.cy.ts
@@ -1,18 +1,18 @@
 function updateProjectIdInCypressConfig (value: string) {
-  return cy.withCtx((ctx, o) => {
-    let config = ctx.actions.file.readFileInProject('cypress.config.js')
+  return cy.withCtx(async (ctx, o) => {
+    let config = await ctx.actions.file.readFileInProject('cypress.config.js')
 
     config = config.replace(`projectId: 'abc123'`, `projectId: '${o.value}'`)
-    ctx.actions.file.writeFileInProject('cypress.config.js', config)
+    await ctx.actions.file.writeFileInProject('cypress.config.js', config)
   }, { value })
 }
 
 function updateViewportHeightInCypressConfig (value: number) {
-  return cy.withCtx((ctx, o) => {
-    let config = ctx.actions.file.readFileInProject('cypress.config.js')
+  return cy.withCtx(async (ctx, o) => {
+    let config = await ctx.actions.file.readFileInProject('cypress.config.js')
 
     config = config.replace(`e2e: {`, `e2e: {\n  viewportHeight: ${o.value},\n`)
-    ctx.actions.file.writeFileInProject('cypress.config.js', config)
+    await ctx.actions.file.writeFileInProject('cypress.config.js', config)
   }, { value })
 }
 
diff --git a/packages/app/cypress/e2e/subscriptions/specChange-subscription.cy.ts b/packages/app/cypress/e2e/subscriptions/specChange-subscription.cy.ts
index 9f5f9b968687..95e5a37f3b61 100644
--- a/packages/app/cypress/e2e/subscriptions/specChange-subscription.cy.ts
+++ b/packages/app/cypress/e2e/subscriptions/specChange-subscription.cy.ts
@@ -18,8 +18,8 @@ describe('specChange subscription', () => {
       .should('contain', 'dom-content.spec.js')
       .should('contain', 'dom-list.spec.js')
 
-      cy.withCtx((ctx, o) => {
-        ctx.actions.file.writeFileInProject(o.path, '')
+      cy.withCtx(async (ctx, o) => {
+        await ctx.actions.file.writeFileInProject(o.path, '')
       }, { path: getPathForPlatform('cypress/e2e/new-file.spec.js') })
 
       cy.get('[data-cy="spec-item-link"]')
diff --git a/packages/app/src/specs/CreateSpecModal.cy.tsx b/packages/app/src/specs/CreateSpecModal.cy.tsx
index ea0b567c83ae..2b79f7108c3f 100644
--- a/packages/app/src/specs/CreateSpecModal.cy.tsx
+++ b/packages/app/src/specs/CreateSpecModal.cy.tsx
@@ -64,6 +64,94 @@ describe('<CreateSpecModal />', () => {
   })
 })
 
+describe('Modal Text Input', () => {
+  it('focuses text input and selects file name by default', () => {
+    const show = ref(true)
+
+    cy.mount(() => (<div>
+      <CreateSpecModal
+        gql={{
+          currentProject: {
+            id: 'id',
+            currentTestingType: 'component',
+            configFile: 'cypress.config.js',
+            configFileAbsolutePath: '/path/to/cypress.config.js',
+            config: [{
+              field: 'e2e',
+              value: {
+                specPattern: 'cypress/e2e/**/*.cy.{js,jsx,ts,tsx}',
+              },
+            }, {
+              field: 'component',
+              value: {
+                specPattern: '**/*.cy.{js,jsx,ts,tsx}',
+              },
+            }],
+            specs: [],
+            fileExtensionToUse: 'js',
+            defaultSpecFileName: 'cypress/e2e/ComponentName.cy.js',
+          },
+        }}
+        show={show.value}
+        onClose={() => show.value = false}
+      />
+    </div>))
+
+    cy.focused().as('specNameInput')
+
+    // focused should yield the input element since it should be auto-focused
+    cy.get('@specNameInput').invoke('val').should('equal', 'cypress/e2e/ComponentName.cy.js')
+
+    // only the file name should be focused, so backspacing should erase the whole file name
+    cy.get('@specNameInput').type('{backspace}')
+
+    cy.get('@specNameInput').invoke('val').should('equal', 'cypress/e2e/.cy.js')
+  })
+
+  it('focuses text input but does not select if default file name does not match regex', () => {
+    const show = ref(true)
+
+    cy.mount(() => (<div>
+      <CreateSpecModal
+        gql={{
+          currentProject: {
+            id: 'id',
+            currentTestingType: 'component',
+            configFile: 'cypress.config.js',
+            configFileAbsolutePath: '/path/to/cypress.config.js',
+            config: [{
+              field: 'e2e',
+              value: {
+                specPattern: 'cypress/e2e/**/*.cy.{js,jsx,ts,tsx}',
+              },
+            }, {
+              field: 'component',
+              value: {
+                specPattern: '**/*.cy.{js,jsx,ts,tsx}',
+              },
+            }],
+            specs: [],
+            fileExtensionToUse: 'js',
+            defaultSpecFileName: 'this/path/does/not/produce/regex/match-',
+          },
+        }}
+        show={show.value}
+        onClose={() => show.value = false}
+      />
+    </div>))
+
+    cy.focused().as('specNameInput')
+
+    // focused should yield the input element since it should be auto-focused
+    cy.get('@specNameInput').invoke('val').should('equal', 'this/path/does/not/produce/regex/match-')
+
+    // nothing should be selected, so backspacing should only delete the last character in the file path
+    cy.get('@specNameInput').type('{backspace}')
+
+    cy.get('@specNameInput').invoke('val').should('equal', 'this/path/does/not/produce/regex/match')
+  })
+})
+
 describe('playground', () => {
   it('can be opened and closed via the show prop', () => {
     const show = ref(false)
diff --git a/packages/app/src/specs/DirectoryItem.vue b/packages/app/src/specs/DirectoryItem.vue
index 6651c5666e4c..dee4c999e102 100644
--- a/packages/app/src/specs/DirectoryItem.vue
+++ b/packages/app/src/specs/DirectoryItem.vue
@@ -1,5 +1,6 @@
 <template>
   <div
+    :title="props.name"
     class="flex text-sm py-4px items-center"
   >
     <i-cy-chevron-down-small_x16
diff --git a/packages/app/src/specs/RowDirectory.vue b/packages/app/src/specs/RowDirectory.vue
index 20336aec371b..1e111a2fbc89 100644
--- a/packages/app/src/specs/RowDirectory.vue
+++ b/packages/app/src/specs/RowDirectory.vue
@@ -15,12 +15,17 @@
       :is="IconFolder"
       class="icon-dark-white icon-light-gray-200"
     />
-    <HighlightedText
-      :text="props.name"
-      :indexes="props.indexes"
-      class="font-medium text-gray-600"
-      highlight-classes="text-gray-1000"
-    />
+    <div
+      :title="props.name"
+      class="text-gray-600 truncate"
+    >
+      <HighlightedText
+        :text="props.name"
+        :indexes="props.indexes"
+        class="font-medium"
+        highlight-classes="text-gray-1000"
+      />
+    </div>
     <span class="sr-only">{{ expanded ? 'collapse' : 'expand' }}</span>
   </button>
 </template>
diff --git a/packages/app/src/specs/SpecFileItem.cy.tsx b/packages/app/src/specs/SpecFileItem.cy.tsx
index dce2abe40ab6..e02d40d06168 100644
--- a/packages/app/src/specs/SpecFileItem.cy.tsx
+++ b/packages/app/src/specs/SpecFileItem.cy.tsx
@@ -22,4 +22,23 @@ describe('SpecFileItem', () => {
 
     cy.percySnapshot()
   })
+
+  it('truncates spec name if it exceeds container width and provides title for full spec name', () => {
+    const specFileName = `${'Long'.repeat(20)}Name`
+
+    // Shrink viewport width so spec name is truncated
+    cy.viewport(400, 850)
+
+    cy.mount(() => (
+      <div>
+        <SpecFileItem fileName={specFileName} extension=".cy.tsx"></SpecFileItem>
+      </div>))
+
+    // We should be able to see at least the first 20 characters of the spec name
+    // It should have a title attribute that is equal to the full file name
+    cy.contains(specFileName.substring(0, 20)).should('be.visible').parent().should('have.attr', 'title', `${specFileName}.cy.tsx`)
+
+    // The file extension shouldn't be visible because it is past the truncation point
+    cy.contains('.cy.tsx').should('not.be.visible')
+  })
 })
diff --git a/packages/app/src/specs/SpecFileItem.vue b/packages/app/src/specs/SpecFileItem.vue
index 83aa76010638..5b84938cfd96 100644
--- a/packages/app/src/specs/SpecFileItem.vue
+++ b/packages/app/src/specs/SpecFileItem.vue
@@ -9,17 +9,22 @@
       group-hocus:icon-light-indigo-600"
       :class="selected ? 'icon-dark-indigo-300 icon-light-indigo-600' : 'icon-dark-gray-800 icon-light-gray-1000'"
     />
-    <HighlightedText
-      :text="fileName"
-      :indexes="indexes.filter((idx) => idx < fileName.length)"
-      class="font-medium pl-8px whitespace-nowrap"
-      :class="selected ? 'text-white' : 'group-focus:text-indigo-300 text-gray-400 group-hover:text-indigo-300'"
-    />
-    <HighlightedText
-      :text="extension"
-      :indexes="indexes.filter((idx) => idx >= fileName.length).map(idx => idx - fileName.length)"
-      class="text-gray-700"
-    />
+    <div
+      :title="fileName + extension"
+      class="text-gray-400 truncate"
+    >
+      <HighlightedText
+        :text="fileName"
+        :indexes="indexes.filter((idx) => idx < fileName.length)"
+        class="font-medium pl-8px whitespace-nowrap"
+        :class="selected ? 'text-white' : 'group-focus:text-indigo-300 text-gray-400 group-hover:text-indigo-300'"
+      />
+      <HighlightedText
+        :text="extension"
+        :indexes="indexes.filter((idx) => idx >= fileName.length).map(idx => idx - fileName.length)"
+        class="text-gray-700"
+      />
+    </div>
   </div>
 </template>
 <script lang="ts" setup>
diff --git a/packages/app/src/specs/SpecItem.cy.tsx b/packages/app/src/specs/SpecItem.cy.tsx
index fe9eb2862038..1fa303840050 100644
--- a/packages/app/src/specs/SpecItem.cy.tsx
+++ b/packages/app/src/specs/SpecItem.cy.tsx
@@ -40,5 +40,23 @@ describe('SpecItem', () => {
     })
 
     cy.percySnapshot()
+  }),
+  it('truncates spec name if it exceeds container width and provides title for full spec name', () => {
+    const specFileName = `${'Long'.repeat(20)}Name`
+
+    // Shrink viewport width so spec name is truncated
+    cy.viewport(400, 850)
+
+    cy.mount(() => (
+      <div>
+        <SpecItem fileName={specFileName} extension=".cy.tsx"></SpecItem>
+      </div>))
+
+    // We should be able to see at least the first 20 characters of the spec name
+    // It should have a title attribute that is equal to the full file name
+    cy.contains(specFileName.substring(0, 20)).should('be.visible').parent().should('have.attr', 'title', `${specFileName}.cy.tsx`)
+
+    // The file extension shouldn't be visible because it is past the truncation point
+    cy.contains('.cy.tsx').should('not.be.visible')
   })
 })
diff --git a/packages/app/src/specs/SpecItem.vue b/packages/app/src/specs/SpecItem.vue
index 42be3a90c4e8..3a69272ba26f 100644
--- a/packages/app/src/specs/SpecItem.vue
+++ b/packages/app/src/specs/SpecItem.vue
@@ -7,7 +7,10 @@
       class="icon-light-gray-50 icon-dark-gray-200 group-hocus:icon-light-indigo-200 group-hocus:icon-dark-indigo-400"
     />
 
-    <div class="text-gray-400 text-indigo-500 group-hocus:text-indigo-600">
+    <div
+      :title="fileName + extension"
+      class="text-gray-400 text-indigo-500 truncate group-hocus:text-indigo-600"
+    >
       <HighlightedText
         :text="fileName"
         :indexes="indexes.filter((idx) => idx < fileName.length)"
diff --git a/packages/app/src/specs/generators/EmptyGenerator.vue b/packages/app/src/specs/generators/EmptyGenerator.vue
index ff54e2b1bf65..e06ab095568a 100644
--- a/packages/app/src/specs/generators/EmptyGenerator.vue
+++ b/packages/app/src/specs/generators/EmptyGenerator.vue
@@ -4,6 +4,7 @@
       <div class="p-24px w-720px">
         <Input
           v-model="specFile"
+          :input-ref="inputRefFn"
           :placeholder="t('createSpec.e2e.importEmptySpec.inputPlaceholder')"
           :aria-label="t('createSpec.e2e.importEmptySpec.inputPlaceholder')"
           :has-error="hasError"
@@ -123,7 +124,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, watch, computed } from 'vue'
+import { ref, watch, computed, onMounted } from 'vue'
 import { useI18n } from '@packages/frontend-shared/src/locales/i18n'
 import Input from '@packages/frontend-shared/src/components/Input.vue'
 import Button from '@packages/frontend-shared/src/components/Button.vue'
@@ -180,6 +181,10 @@ const emits = defineEmits<{
 
 const { title } = useVModels(props, emits)
 
+const inputRef = ref<HTMLInputElement>()
+
+const inputRefFn = () => inputRef
+
 const specFile = ref(props.specFileName)
 
 const matches = useMutation(EmptyGenerator_MatchSpecFileDocument)
@@ -190,6 +195,28 @@ const hasError = computed(() => !isValidSpecFile.value && !!specFile.value)
 
 const result = ref<GeneratorSuccessFileFragment | null>(null)
 
+onMounted(() => {
+  if (!inputRef?.value) {
+    return
+  }
+
+  // Focus text input and try to pre-select file name
+  inputRef.value.focus()
+
+  // This regex matches a group of word characters, spaces, and '-' characters before a '.' character.
+  // For example 'path/to/spec/spec-name.cy.tsx' ---> 'spec-name'
+  const fileNameRegex = /[ \w-]+(?=\.)/
+  const inputValue = props.specFileName
+  const match = inputValue.match(fileNameRegex)
+
+  if (match) {
+    const startSelectionIndex = match.index || 0
+    const endSelectionIndex = startSelectionIndex + match[0].length
+
+    inputRef.value.setSelectionRange(startSelectionIndex, endSelectionIndex)
+  }
+})
+
 whenever(result, () => {
   title.value = t('createSpec.successPage.header')
   emits('updateTitle', t('createSpec.successPage.header'))
diff --git a/packages/data-context/src/actions/FileActions.ts b/packages/data-context/src/actions/FileActions.ts
index 2e2e29d46b93..86e32e8976b6 100644
--- a/packages/data-context/src/actions/FileActions.ts
+++ b/packages/data-context/src/actions/FileActions.ts
@@ -8,29 +8,29 @@ import assert from 'assert'
 export class FileActions {
   constructor (private ctx: DataContext) {}
 
-  readFileInProject (relativePath: string): string {
+  async readFileInProject (relativePath: string): Promise<string> {
     if (!this.ctx.currentProject) {
       throw new Error(`Cannot write file in project without active project`)
     }
 
     const filePath = path.join(this.ctx.currentProject, relativePath)
 
-    this.ctx.fs.ensureDirSync(path.dirname(filePath))
+    await this.ctx.fs.ensureDir(path.dirname(filePath))
 
-    return this.ctx.fs.readFileSync(filePath, 'utf-8')
+    return this.ctx.fs.readFile(filePath, 'utf-8')
   }
 
-  writeFileInProject (relativePath: string, data: any) {
+  async writeFileInProject (relativePath: string, data: any) {
     if (!this.ctx.currentProject) {
       throw new Error(`Cannot write file in project without active project`)
     }
 
     const filePath = path.join(this.ctx.currentProject, relativePath)
 
-    this.ctx.fs.ensureDirSync(path.dirname(filePath))
+    await this.ctx.fs.ensureDir(path.dirname(filePath))
 
     // Typically used in e2e tests, simpler than forcing async
-    this.ctx.fs.writeFileSync(
+    await this.ctx.fs.writeFile(
       filePath,
       data,
     )
@@ -42,7 +42,7 @@ export class FileActions {
     }
 
     // Typically used in e2e tests, simpler than forcing async
-    this.ctx.fs.removeSync(path.join(this.ctx.currentProject, relativePath))
+    await this.ctx.fs.remove(path.join(this.ctx.currentProject, relativePath))
   }
 
   async moveFileInProject (relativePath: string, toRelativePath: string) {
@@ -51,7 +51,7 @@ export class FileActions {
     }
 
     // Typically used in e2e tests, simpler than forcing async
-    this.ctx.fs.moveSync(
+    await this.ctx.fs.move(
       path.join(this.ctx.currentProject, relativePath),
       path.join(this.ctx.currentProject, toRelativePath),
     )
diff --git a/packages/data-context/src/actions/MigrationActions.ts b/packages/data-context/src/actions/MigrationActions.ts
index d7d42d9f41af..123dfb7814c4 100644
--- a/packages/data-context/src/actions/MigrationActions.ts
+++ b/packages/data-context/src/actions/MigrationActions.ts
@@ -166,7 +166,7 @@ export class MigrationActions {
     }
 
     if (this.ctx.isGlobalMode) {
-      const version = this.locallyInstalledCypressVersion(this.ctx.currentProject)
+      const version = await this.locallyInstalledCypressVersion(this.ctx.currentProject)
 
       if (!version) {
         // Could not resolve Cypress. Unlikely, but they are using a
@@ -197,12 +197,12 @@ export class MigrationActions {
     })
   }
 
-  locallyInstalledCypressVersion (currentProject: string) {
+  async locallyInstalledCypressVersion (currentProject: string) {
     try {
       const localCypressPkgJsonPath = require.resolve(path.join('cypress', 'package.json'), {
         paths: [currentProject],
       })
-      const localCypressPkgJson = fs.readJsonSync(path.join(localCypressPkgJsonPath)) as { version: string }
+      const localCypressPkgJson = await fs.readJson(path.join(localCypressPkgJsonPath)) as { version: string }
 
       return localCypressPkgJson?.version ?? undefined
     } catch (e) {
@@ -365,7 +365,7 @@ export class MigrationActions {
       throw new NonStandardMigrationError('support')
     }
 
-    this.ctx.fs.renameSync(
+    await this.ctx.fs.rename(
       path.join(this.ctx.currentProject, beforeRelative),
       path.join(this.ctx.currentProject, afterRelative),
     )
diff --git a/packages/data-context/src/data/ProjectConfigIpc.ts b/packages/data-context/src/data/ProjectConfigIpc.ts
index ade85bb69a9b..dd53b3070596 100644
--- a/packages/data-context/src/data/ProjectConfigIpc.ts
+++ b/packages/data-context/src/data/ProjectConfigIpc.ts
@@ -246,6 +246,8 @@ export class ProjectConfigIpc extends EventEmitter {
     let isProjectUsingESModules = false
 
     try {
+      // TODO: convert this to async FS methods
+      // eslint-disable-next-line no-restricted-syntax
       const pkgJson = fs.readJsonSync(path.join(this.projectRoot, 'package.json'))
 
       isProjectUsingESModules = pkgJson.type === 'module'
diff --git a/packages/data-context/src/data/ProjectLifecycleManager.ts b/packages/data-context/src/data/ProjectLifecycleManager.ts
index b92aa8f2377c..f0eb1b7190c9 100644
--- a/packages/data-context/src/data/ProjectLifecycleManager.ts
+++ b/packages/data-context/src/data/ProjectLifecycleManager.ts
@@ -469,7 +469,7 @@ export class ProjectLifecycleManager {
       // we run the legacy plugins/index.js in a child process
       // and mutate the config based on the return value for migration
       // only used in open mode (cannot migrate via terminal)
-      const legacyConfig = this.ctx.fs.readJsonSync(legacyConfigPath) as LegacyCypressConfigJson
+      const legacyConfig = await this.ctx.fs.readJson(legacyConfigPath) as LegacyCypressConfigJson
 
       // should never throw, unless there existing pluginsFile errors out,
       // in which case they are attempting to migrate an already broken project.
@@ -619,6 +619,8 @@ export class ProjectLifecycleManager {
     }
 
     try {
+      // TODO: convert to async FS method
+      // eslint-disable-next-line no-restricted-syntax
       const pkgJson = this.ctx.fs.readJsonSync(this._pathToFile('package.json'))
 
       if (pkgJson.type === 'module') {
@@ -701,6 +703,8 @@ export class ProjectLifecycleManager {
 
   private verifyProjectRoot (root: string) {
     try {
+      // TODO: convert to async fs call
+      // eslint-disable-next-line no-restricted-syntax
       if (!fs.statSync(root).isDirectory()) {
         throw new Error('NOT DIRECTORY')
       }
diff --git a/packages/data-context/src/sources/GitDataSource.ts b/packages/data-context/src/sources/GitDataSource.ts
index a11ed4740e2a..a17b2305b042 100644
--- a/packages/data-context/src/sources/GitDataSource.ts
+++ b/packages/data-context/src/sources/GitDataSource.ts
@@ -273,7 +273,7 @@ export class GitDataSource {
 
         let toSet: GitInfo | null = null
 
-        const stat = fs.statSync(file)
+        const stat = await fs.promises.stat(file)
         const ctime = dayjs(stat.ctime)
         const birthtime = dayjs(stat.birthtime)
 
diff --git a/packages/data-context/src/sources/ProjectDataSource.ts b/packages/data-context/src/sources/ProjectDataSource.ts
index 2e39107cf5c7..652c73628a67 100644
--- a/packages/data-context/src/sources/ProjectDataSource.ts
+++ b/packages/data-context/src/sources/ProjectDataSource.ts
@@ -363,6 +363,8 @@ export class ProjectDataSource {
         // chokidar is extremely inconsistent in whether or not it has the stats arg internally
         if (!stats) {
           try {
+            // TODO: find a way to avoid this sync call - might require patching chokidar
+            // eslint-disable-next-line no-restricted-syntax
             stats = fs.statSync(file)
           } catch {
             // If the file/folder is removed do not ignore it, in case it is added
diff --git a/packages/data-context/src/sources/migration/codegen.ts b/packages/data-context/src/sources/migration/codegen.ts
index 6c8b60c6b331..0cddcfb3a68f 100644
--- a/packages/data-context/src/sources/migration/codegen.ts
+++ b/packages/data-context/src/sources/migration/codegen.ts
@@ -148,11 +148,11 @@ async function getPluginRelativePath (cfg: LegacyCypressConfigJson, projectRoot:
   return cfg.pluginsFile ? cfg.pluginsFile : await tryGetDefaultLegacyPluginsFile(projectRoot)
 }
 
-function createCypressConfig (config: ConfigOptions, pluginPath: string | undefined, options: CreateConfigOptions): string {
+async function createCypressConfig (config: ConfigOptions, pluginPath: string | undefined, options: CreateConfigOptions): Promise<string> {
   const globalString = Object.keys(config.global).length > 0 ? `${formatObjectForConfig(config.global)},` : ''
   const componentString = options.hasComponentTesting ? createComponentTemplate(config.component) : ''
   const e2eString = options.hasE2ESpec
-    ? createE2ETemplate(pluginPath, options, config.e2e)
+    ? await createE2ETemplate(pluginPath, options, config.e2e)
     : ''
 
   if (defineConfigAvailable(options.projectRoot)) {
@@ -188,7 +188,7 @@ function formatObjectForConfig (obj: Record<string, unknown>) {
   return JSON.stringify(obj, null, 2).replace(/^[{]|[}]$/g, '') // remove opening and closing {}
 }
 
-function createE2ETemplate (pluginPath: string | undefined, createConfigOptions: CreateConfigOptions, options: Record<string, unknown>) {
+async function createE2ETemplate (pluginPath: string | undefined, createConfigOptions: CreateConfigOptions, options: Record<string, unknown>) {
   if (createConfigOptions.shouldAddCustomE2ESpecPattern && !options.specPattern) {
     options.specPattern = 'cypress/e2e/**/*.{js,jsx,ts,tsx}'
   }
@@ -201,7 +201,7 @@ function createE2ETemplate (pluginPath: string | undefined, createConfigOptions:
     `
   }
 
-  const pluginFile = fs.readFileSync(path.join(createConfigOptions.projectRoot, pluginPath), 'utf8')
+  const pluginFile = await fs.readFile(path.join(createConfigOptions.projectRoot, pluginPath), 'utf8')
   let relPluginsPath
 
   const startsWithDotSlash = new RegExp(/^.\//)
diff --git a/packages/data-context/test/unit/sources/ProjectDataSource.spec.ts b/packages/data-context/test/unit/sources/ProjectDataSource.spec.ts
index a2427ff30518..2ee4589e8095 100644
--- a/packages/data-context/test/unit/sources/ProjectDataSource.spec.ts
+++ b/packages/data-context/test/unit/sources/ProjectDataSource.spec.ts
@@ -477,11 +477,13 @@ describe('_makeSpecWatcher', () => {
   const SPEC_FILE_ABC = path.join('cypress', 'e2e', 'some', 'new', 'folder', 'abc.ts')
 
   const writeFiles = () => {
-    ctx.actions.file.writeFileInProject(SUPPORT_FILE, '// foo')
-    ctx.actions.file.writeFileInProject(SPEC_FILE1, '// foo')
-    ctx.actions.file.writeFileInProject(SPEC_FILE2, '// foo')
-    ctx.actions.file.writeFileInProject(SPEC_FILE3, '// foo')
-    ctx.actions.file.writeFileInProject(SPEC_FILE_ABC, '// foo')
+    return Promise.all([
+      ctx.actions.file.writeFileInProject(SUPPORT_FILE, '// foo'),
+      ctx.actions.file.writeFileInProject(SPEC_FILE1, '// foo'),
+      ctx.actions.file.writeFileInProject(SPEC_FILE2, '// foo'),
+      ctx.actions.file.writeFileInProject(SPEC_FILE3, '// foo'),
+      ctx.actions.file.writeFileInProject(SPEC_FILE_ABC, '// foo'),
+    ])
   }
 
   it('watch for changes on files based on the specPattern', async function () {
@@ -499,7 +501,7 @@ describe('_makeSpecWatcher', () => {
     specWatcher.on('add', (filePath) => allFiles.add(filePath))
     specWatcher.on('change', (filePath) => allFiles.add(filePath))
 
-    writeFiles()
+    await writeFiles()
 
     let attempt = 0
 
@@ -531,7 +533,7 @@ describe('_makeSpecWatcher', () => {
     specWatcher.on('add', (filePath) => allFiles.add(filePath))
     specWatcher.on('change', (filePath) => allFiles.add(filePath))
 
-    writeFiles()
+    await writeFiles()
 
     let attempt = 0
 
@@ -563,16 +565,11 @@ describe('_makeSpecWatcher', () => {
 
     specWatcher.on('add', (filePath) => allFiles.add(filePath))
     specWatcher.on('change', (filePath) => allFiles.add(filePath))
+    specWatcher.on('unlink', (filePath) => allFiles.delete(filePath))
 
-    writeFiles()
-
+    await writeFiles()
     await ctx.actions.file.removeFileInProject(SPEC_FILE1)
-
-    let attempt = 0
-
-    while (allFiles.size < 3 && attempt++ <= 100) {
-      await delay(10)
-    }
+    await delay(1000)
 
     expect(Array.from(allFiles).sort()).to.eql([
       SPEC_FILE_ABC,
diff --git a/packages/frontend-shared/src/locales/en-US.json b/packages/frontend-shared/src/locales/en-US.json
index f084a717025f..b45e29dc04a8 100644
--- a/packages/frontend-shared/src/locales/en-US.json
+++ b/packages/frontend-shared/src/locales/en-US.json
@@ -597,8 +597,8 @@
       "title": "Migration Helper",
       "description": "Complete the steps below to migrate your project to Cypress 10",
       "step1": {
-        "title": "Rename existing specs",
-        "description": "In this step, we'll automatically rename and move your existing spec files.",
+        "title": "Migrate existing specs",
+        "description": "In this step, we'll automatically rename and/or move your existing spec files as needed.",
         "button": "Rename these specs for me",
         "buttonSkip": "Skip renaming specs",
         "buttonRenameFolder": "Rename the folder for me"
@@ -722,4 +722,4 @@
     "alpha": "Alpha",
     "beta": "Beta"
   }
-}
\ No newline at end of file
+}
diff --git a/packages/graphql/src/stitching/remoteSchema.ts b/packages/graphql/src/stitching/remoteSchema.ts
index a1347a741cb7..163c0cb9d381 100644
--- a/packages/graphql/src/stitching/remoteSchema.ts
+++ b/packages/graphql/src/stitching/remoteSchema.ts
@@ -21,6 +21,8 @@ extend type Mutation {
 
 // Get the Remote schema we've sync'ed locally
 export const remoteSchema = buildSchema(
+  // ignoring since this happens on the first tick
+  // eslint-disable-next-line no-restricted-syntax
   fs.readFileSync(path.join(__dirname, '../../schemas', 'cloud.graphql'), 'utf-8') + LOCAL_SCHEMA_EXTENSIONS,
   { assumeValid: true },
 )
diff --git a/packages/icons/package.json b/packages/icons/package.json
index 02feff9fefe4..9f4061ef8c40 100644
--- a/packages/icons/package.json
+++ b/packages/icons/package.json
@@ -6,7 +6,7 @@
   "main": "index.js",
   "scripts": {
     "build-prod": "yarn build",
-    "build": "ts-node ./scripts/build.ts && ts-node ./src/ico.ts",
+    "build": "ts-node ./scripts/build.ts && ts-node ./scripts/ico.ts",
     "test-unit": "NODE_ENV=test mocha -r @packages/ts/register test/*.ts",
     "test": "yarn test-unit"
   },
diff --git a/packages/icons/scripts/build.ts b/packages/icons/scripts/build.ts
index 5c7f6edc1e7c..05fbee295bec 100644
--- a/packages/icons/scripts/build.ts
+++ b/packages/icons/scripts/build.ts
@@ -7,6 +7,7 @@ async function build () {
   const distPath = path.join(__dirname, '../dist')
   const assetsPath = path.join(__dirname, '../assets')
   const iconsPath = path.join(distPath, 'icons')
+
   const iconsetPath = path.join(distPath, 'cypress.iconset')
 
   await fs.remove(distPath)
diff --git a/packages/icons/src/ico.ts b/packages/icons/scripts/ico.ts
similarity index 100%
rename from packages/icons/src/ico.ts
rename to packages/icons/scripts/ico.ts
diff --git a/packages/launchpad/cypress/e2e/config-warning.cy.ts b/packages/launchpad/cypress/e2e/config-warning.cy.ts
index 536d712dfa91..4339aa413bdb 100644
--- a/packages/launchpad/cypress/e2e/config-warning.cy.ts
+++ b/packages/launchpad/cypress/e2e/config-warning.cy.ts
@@ -23,8 +23,8 @@ describe('baseUrl', () => {
     cy.get('[data-cy-testingtype="e2e"]').click()
     cy.get('[data-cy="alert"]').contains('Warning: Cannot Connect Base Url Warning')
 
-    cy.withCtx((ctx) => {
-      ctx.actions.file.writeFileInProject('cypress.config.js', `
+    cy.withCtx(async (ctx) => {
+      await ctx.actions.file.writeFileInProject('cypress.config.js', `
         module.exports = {
           e2e: {
             supportFile: false,
@@ -47,8 +47,8 @@ describe('baseUrl', () => {
     cy.get('h1').should('contain', 'Choose a Browser')
     cy.get('[data-cy="alert"]').should('not.exist')
 
-    cy.withCtx((ctx) => {
-      ctx.actions.file.writeFileInProject('cypress.config.js', `
+    cy.withCtx(async (ctx) => {
+      await ctx.actions.file.writeFileInProject('cypress.config.js', `
         module.exports = {
           pageLoadTimeout: 10000,
           e2e: {
@@ -86,8 +86,8 @@ describe('experimentalStudio', () => {
     cy.get('[data-cy="warning-alert"]').contains('Warning: Experimental Studio Removed')
     cy.findAllByLabelText(cy.i18n.components.modal.dismiss).first().click()
     cy.get('[data-cy="warning-alert"]').should('not.exist')
-    cy.withCtx((ctx) => {
-      ctx.actions.file.writeFileInProject('cypress.config.js', ctx.actions.file.readFileInProject('cypress.config.js'))
+    cy.withCtx(async (ctx) => {
+      await ctx.actions.file.writeFileInProject('cypress.config.js', await ctx.actions.file.readFileInProject('cypress.config.js'))
     })
 
     cy.get('[data-cy="loading-spinner"]')
diff --git a/packages/launchpad/cypress/e2e/error-handling.cy.ts b/packages/launchpad/cypress/e2e/error-handling.cy.ts
index 66e932e0041e..c9ff3c2b9525 100644
--- a/packages/launchpad/cypress/e2e/error-handling.cy.ts
+++ b/packages/launchpad/cypress/e2e/error-handling.cy.ts
@@ -79,8 +79,8 @@ describe('Error handling', () => {
 
       cy.contains('Choose a Browser').should('not.exist')
 
-      cy.withCtx((ctx) => {
-        ctx.actions.file.writeFileInProject('cypress.config.ts', `
+      cy.withCtx(async (ctx) => {
+        await ctx.actions.file.writeFileInProject('cypress.config.ts', `
           import { defineConfig } from 'cypress'
           import { defineConfig as viteConfig } from 'vite'
           export default defineConfig({
diff --git a/packages/launchpad/cypress/e2e/migration.cy.ts b/packages/launchpad/cypress/e2e/migration.cy.ts
index d2b39eb32426..8734427f4092 100644
--- a/packages/launchpad/cypress/e2e/migration.cy.ts
+++ b/packages/launchpad/cypress/e2e/migration.cy.ts
@@ -109,7 +109,7 @@ describe('global mode', () => {
     cy.visitLaunchpad()
 
     cy.withCtx((ctx, o) => {
-      o.sinon.stub(ctx.actions.migration, 'locallyInstalledCypressVersion').returns('10.0.0')
+      o.sinon.stub(ctx.actions.migration, 'locallyInstalledCypressVersion').resolves('10.0.0')
     })
 
     cy.contains('migration-e2e-export-default').click()
diff --git a/packages/network/lib/client-certificates.ts b/packages/network/lib/client-certificates.ts
index ec6fcfac096d..c4fd40c27e8a 100644
--- a/packages/network/lib/client-certificates.ts
+++ b/packages/network/lib/client-certificates.ts
@@ -347,12 +347,16 @@ export function loadClientCertificateConfig (config) {
 function loadBinaryFromFile (filepath: string): Buffer {
   debug(`loadCertificateFile: ${filepath}`)
 
+  // TODO: update to async
+  // eslint-disable-next-line no-restricted-syntax
   return fs.readFileSync(filepath)
 }
 
 function loadTextFromFile (filepath: string): string {
   debug(`loadPassphraseFile: ${filepath}`)
 
+  // TODO: update to async
+  // eslint-disable-next-line no-restricted-syntax
   return fs.readFileSync(filepath, 'utf8').toString()
 }
 
diff --git a/packages/proxy/lib/http/response-middleware.ts b/packages/proxy/lib/http/response-middleware.ts
index 589b3b30e922..efdbe9f2ce32 100644
--- a/packages/proxy/lib/http/response-middleware.ts
+++ b/packages/proxy/lib/http/response-middleware.ts
@@ -509,6 +509,12 @@ const MaybeSendRedirectToClient: ResponseMiddleware = function () {
 
 const CopyResponseStatusCode: ResponseMiddleware = function () {
   this.res.status(Number(this.incomingRes.statusCode))
+  // Set custom status message/reason phrase from http response
+  // https://github.com/cypress-io/cypress/issues/16973
+  if (this.incomingRes.statusMessage) {
+    this.res.statusMessage = this.incomingRes.statusMessage
+  }
+
   this.next()
 }
 
diff --git a/packages/scaffold-config/src/frameworks.ts b/packages/scaffold-config/src/frameworks.ts
index c79daef7826e..faebbca352a8 100644
--- a/packages/scaffold-config/src/frameworks.ts
+++ b/packages/scaffold-config/src/frameworks.ts
@@ -26,6 +26,8 @@ export function inPkgJson (dependency: WizardDependency, projectPath: string): D
     const loc = require.resolve(path.join(dependency.package, 'package.json'), {
       paths: [projectPath],
     })
+    // TODO: convert to async FS method
+    // eslint-disable-next-line no-restricted-syntax
     const pkg = fs.readJsonSync(loc) as PkgJson
     const pkgVersion = semver.coerce(pkg.version)
 
diff --git a/packages/server/index.js b/packages/server/index.js
index c0a1e73b12db..f6863a2d2074 100644
--- a/packages/server/index.js
+++ b/packages/server/index.js
@@ -1,4 +1,14 @@
-//
+// if running in production mode (CYPRESS_INTERNAL_ENV)
+// all transpile should have been done already
+// and these calls should do nothing
+require('@packages/ts/register')
+
+const { patchFs } = require('./lib/util/patch-fs')
+const fs = require('fs')
+
+// prevent EMFILE errors
+patchFs(fs)
+
 // override tty if we're being forced to
 require('./lib/util/tty').override()
 
@@ -17,12 +27,6 @@ require('./lib/unhandled_exceptions')
 
 process.env.UV_THREADPOOL_SIZE = 128
 
-require('graceful-fs').gracefulify(require('fs'))
-// if running in production mode (CYPRESS_INTERNAL_ENV)
-// all transpile should have been done already
-// and these calls should do nothing
-require('@packages/ts/register')
-
 if (isRunningElectron) {
   require('./lib/util/process_profiler').start()
 }
diff --git a/packages/server/lib/cache.js b/packages/server/lib/cache.js
index 2f2ad43df607..f714c591a2e3 100644
--- a/packages/server/lib/cache.js
+++ b/packages/server/lib/cache.js
@@ -188,10 +188,4 @@ module.exports = {
   // for testing purposes
 
   __get: fileUtil.get.bind(fileUtil),
-
-  __removeSync () {
-    fileUtil._cache = {}
-
-    return fs.removeSync(this.path)
-  },
 }
diff --git a/packages/server/lib/controllers/client.js b/packages/server/lib/controllers/client.js
index 8a7c086011a6..9df6da616cef 100644
--- a/packages/server/lib/controllers/client.js
+++ b/packages/server/lib/controllers/client.js
@@ -2,7 +2,7 @@ const debug = require('debug')('cypress:server:controllers:client')
 const socketIo = require('@packages/socket')
 
 // hold onto the client source + version in memory
-const clientSource = socketIo.getClientSource()
+const clientSourcePath = socketIo.getPathToClientSource()
 const clientVersion = socketIo.getClientVersion()
 
 module.exports = {
@@ -19,6 +19,7 @@ module.exports = {
     .type('application/javascript')
     .set('ETag', clientVersion)
     .status(200)
-    .send(clientSource)
+    // TODO: replace this entire file and sendFile call with `express.static`.
+    .sendFile(clientSourcePath)
   },
 }
diff --git a/packages/server/lib/project-base.ts b/packages/server/lib/project-base.ts
index 8c375bad5581..bef0facde13e 100644
--- a/packages/server/lib/project-base.ts
+++ b/packages/server/lib/project-base.ts
@@ -19,7 +19,6 @@ import { SocketCt } from './socket-ct'
 import { SocketE2E } from './socket-e2e'
 import { ensureProp } from './util/class-helpers'
 
-import { fs } from './util/fs'
 import system from './util/system'
 import type { FoundBrowser, FoundSpec, OpenProjectLaunchOptions, ReceivedCypressOptions, TestingType } from '@packages/types'
 import { DataContext, getCtx } from '@packages/data-context'
@@ -521,10 +520,6 @@ export class ProjectBase<TServer extends Server> extends EE {
     return cfg
   }
 
-  writeConfigFile ({ code, configFilename }: { code: string, configFilename: string }) {
-    fs.writeFileSync(path.resolve(this.projectRoot, configFilename), code)
-  }
-
   // These methods are not related to start server/sockets/runners
 
   async getProjectId () {
diff --git a/packages/server/lib/util/fs.ts b/packages/server/lib/util/fs.ts
index 43c1e2b772d9..edee60b5ebb3 100644
--- a/packages/server/lib/util/fs.ts
+++ b/packages/server/lib/util/fs.ts
@@ -13,38 +13,4 @@ interface PromisifiedFsExtra {
   pathExistsAsync: Promisified<typeof fsExtra.pathExistsSync>
 }
 
-// warn users if somehow synchronous file methods are invoked
-// these methods due to "too many files" errors are a huge pain
-const warnOnSyncFileSystem = () => {
-  console.error('WARNING: fs sync methods can fail due to EMFILE errors')
-  console.error('Cypress only works reliably when ALL fs calls are async')
-
-  return console.error('You should modify these sync calls to be async')
-}
-
-const topLines = (from, n, text) => {
-  return text.split('\n').slice(from, n).join('\n')
-}
-
-// just hide this function itself
-// stripping top few lines of the stack
-const getStack = () => {
-  const err = new Error()
-
-  return topLines(3, 10, err.stack)
-}
-
-const addSyncFileSystemWarnings = (fs) => {
-  const oldExistsSync = fs.existsSync
-
-  fs.existsSync = (filename) => {
-    warnOnSyncFileSystem()
-    console.error(getStack())
-
-    return oldExistsSync(filename)
-  }
-}
-
-addSyncFileSystemWarnings(fsExtra)
-
 export const fs = Bluebird.promisifyAll(fsExtra) as PromisifiedFsExtra & typeof fsExtra
diff --git a/packages/server/lib/util/net_profiler.js b/packages/server/lib/util/net_profiler.js
index 6080ad8ab434..5d157d36f0a5 100644
--- a/packages/server/lib/util/net_profiler.js
+++ b/packages/server/lib/util/net_profiler.js
@@ -1,3 +1,4 @@
+/* eslint-disable no-restricted-syntax */
 const fs = require('fs')
 const debug = require('debug')('net-profiler')
 
diff --git a/packages/server/lib/util/patch-fs.ts b/packages/server/lib/util/patch-fs.ts
new file mode 100644
index 000000000000..5bc0e7daa3ce
--- /dev/null
+++ b/packages/server/lib/util/patch-fs.ts
@@ -0,0 +1,7 @@
+import gracefulFs from 'graceful-fs'
+import type fs from 'fs'
+
+export function patchFs (_fs: typeof fs) {
+  // Add gracefulFs for EMFILE queuing.
+  gracefulFs.gracefulify(_fs)
+}
diff --git a/packages/server/test/integration/cypress_spec.js b/packages/server/test/integration/cypress_spec.js
index 79acb6a4c98c..cd91c0b27b19 100644
--- a/packages/server/test/integration/cypress_spec.js
+++ b/packages/server/test/integration/cypress_spec.js
@@ -1,4 +1,3 @@
-/* eslint-disable no-restricted-properties */
 require('../spec_helper')
 const _ = require('lodash')
 const path = require('path')
@@ -105,12 +104,12 @@ let ctx
 describe('lib/cypress', () => {
   require('mocha-banner').register()
 
-  beforeEach(function () {
+  beforeEach(async function () {
     ctx = getCtx()
     process.chdir(previousCwd)
     this.timeout(8000)
 
-    cache.__removeSync()
+    await cache.remove()
 
     Fixtures.scaffold()
     this.todosPath = Fixtures.projectPath('todos')
diff --git a/packages/server/test/integration/http_requests_spec.js b/packages/server/test/integration/http_requests_spec.js
index bef03e552e63..6ed2402096e4 100644
--- a/packages/server/test/integration/http_requests_spec.js
+++ b/packages/server/test/integration/http_requests_spec.js
@@ -3783,6 +3783,65 @@ describe('Routes', () => {
       })
     })
 
+    // Set custom status message/reason phrase from http response
+    // https://github.com/cypress-io/cypress/issues/16973
+    it('set custom status message when reason phrase is set', function () {
+      nock(this.server.remoteStates.current().origin)
+      .post('/companies/validate', {
+        payload: { name: 'Brian' },
+      })
+      .reply(400, function (uri, requestBody) {
+        this.req.response.statusMessage = 'This is the custom status message'
+
+        return {
+          status: 400,
+          message: 'This is the reply body',
+        }
+      })
+
+      return this.rp({
+        method: 'POST',
+        url: 'http://localhost:8000/companies/validate',
+        json: true,
+        body: {
+          payload: { name: 'Brian' },
+        },
+        headers: {
+          'x-cypress-status': '400',
+        },
+      })
+      .then((res) => {
+        expect(res.statusCode).to.eq(400)
+        expect(res.statusMessage).to.eq('This is the custom status message')
+      })
+    })
+
+    // use default status message/reason phrase correspond to status code, from http response
+    // https://github.com/cypress-io/cypress/issues/16973
+    it('uses default status message when reason phrase is not set', function () {
+      nock(this.server.remoteStates.current().origin)
+      .post('/companies/validate', {
+        payload: { name: 'Brian' },
+      })
+      .reply(400)
+
+      return this.rp({
+        method: 'POST',
+        url: 'http://localhost:8000/companies/validate',
+        json: true,
+        body: {
+          payload: { name: 'Brian' },
+        },
+        headers: {
+          'x-cypress-status': '400',
+        },
+      })
+      .then((res) => {
+        expect(res.statusCode).to.eq(400)
+        expect(res.statusMessage).to.eq('Bad Request')
+      })
+    })
+
     it('hands back 201 status codes', function () {
       nock(this.server.remoteStates.current().origin)
       .post('/companies/validate', {
diff --git a/packages/server/test/unit/fs_spec.js b/packages/server/test/unit/fs_spec.js
deleted file mode 100644
index a416e456c7f9..000000000000
--- a/packages/server/test/unit/fs_spec.js
+++ /dev/null
@@ -1,32 +0,0 @@
-require('../spec_helper')
-
-const { fs } = require(`../../lib/util/fs`)
-
-describe('lib/util/fs', () => {
-  beforeEach(() => {
-    return sinon.spy(console, 'error')
-  })
-
-  it('warns when trying to use fs.existsSync', () => {
-    fs.existsSync(__filename)
-    const warning = 'WARNING: fs sync methods can fail due to EMFILE errors'
-
-    expect(console.error).to.be.calledWith(warning)
-  })
-
-  context('fs.pathExists', () => {
-    it('finds this file', () => {
-      return fs.pathExists(__filename)
-      .then((found) => {
-        expect(found).to.be.true
-      })
-    })
-
-    it('does not find non-existent file', () => {
-      return fs.pathExists('does-not-exist')
-      .then((found) => {
-        expect(found).to.be.false
-      })
-    })
-  })
-})
diff --git a/packages/socket/lib/socket.ts b/packages/socket/lib/socket.ts
index 3ca2d6986805..f9a07afaaf95 100644
--- a/packages/socket/lib/socket.ts
+++ b/packages/socket/lib/socket.ts
@@ -1,4 +1,3 @@
-import fs from 'fs'
 import buffer from 'buffer'
 import type http from 'http'
 import server, { Server as SocketIOBaseServer, ServerOptions, Socket, Namespace } from 'socket.io'
@@ -40,7 +39,3 @@ export const getPathToClientSource = () => {
 export const getClientVersion = () => {
   return version
 }
-
-export const getClientSource = () => {
-  return fs.readFileSync(getPathToClientSource(), 'utf8')
-}
diff --git a/packages/socket/test/socket_spec.js b/packages/socket/test/socket_spec.js
index b3ef357cf151..e4e95ec64256 100644
--- a/packages/socket/test/socket_spec.js
+++ b/packages/socket/test/socket_spec.js
@@ -39,19 +39,6 @@ describe('Socket', function () {
     })
   })
 
-  context('.getClientSource', function () {
-    it('returns client source as a string', function (done) {
-      const clientPath = path.join(resolvePkg('socket.io-client'), 'dist', 'socket.io.js')
-
-      fs.readFile(clientPath, 'utf8', function (err, str) {
-        if (err) done(err)
-
-        expect(lib.getClientSource()).to.eq(str)
-        done()
-      })
-    })
-  })
-
   context('blob encoding + decoding', () => {
     it('correctly encodes and decodes binary blob data', (done) => {
       const encoder = new parser.Encoder()
diff --git a/system-tests/projects/read-only-project-root/cypress.config.js b/system-tests/projects/read-only-project-root/cypress.config.js
index f93b8ac8be48..6d0e22b927f6 100644
--- a/system-tests/projects/read-only-project-root/cypress.config.js
+++ b/system-tests/projects/read-only-project-root/cypress.config.js
@@ -1,4 +1,4 @@
-/* eslint-disable no-restricted-properties */
+/* eslint-disable no-restricted-syntax */
 const fs = require('fs')
 const { expect } = require('chai')