diff --git a/.circleci/workflows.yml b/.circleci/workflows.yml
index 6d100d6e6828..6d90ad8674a4 100644
--- a/.circleci/workflows.yml
+++ b/.circleci/workflows.yml
@@ -39,6 +39,7 @@ mainBuildFilters: &mainBuildFilters
         # use the following branch as well to ensure that v8 snapshot cache updates are fully tested
         - 'update-v8-snapshot-cache-on-develop'
         - 'update-chrome-stable-from-136.0.7103.113-beta-from-137.0.7151.40'
+        - 'feat/cy-prompt'
 
 # 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
@@ -49,6 +50,7 @@ macWorkflowFilters: &darwin-workflow-filters
       - equal: [ develop, << pipeline.git.branch >> ]
       # use the following branch as well to ensure that v8 snapshot cache updates are fully tested
       - equal: [ 'update-v8-snapshot-cache-on-develop', << pipeline.git.branch >> ]
+      - equal: [ 'feat/cy-prompt', << pipeline.git.branch >> ]
       - equal:
           [
             'update-chrome-stable-from-136.0.7103.113-beta-from-137.0.7151.40',
@@ -64,6 +66,7 @@ linuxArm64WorkflowFilters: &linux-arm64-workflow-filters
       - equal: [ develop, << pipeline.git.branch >> ]
       # use the following branch as well to ensure that v8 snapshot cache updates are fully tested
       - equal: [ 'update-v8-snapshot-cache-on-develop', << pipeline.git.branch >> ]
+      - equal: [ 'feat/cy-prompt', << pipeline.git.branch >> ]
       - equal:
           [
             'update-chrome-stable-from-136.0.7103.113-beta-from-137.0.7151.40',
@@ -91,6 +94,7 @@ windowsWorkflowFilters: &windows-workflow-filters
       - equal: [ develop, << pipeline.git.branch >> ]
       # use the following branch as well to ensure that v8 snapshot cache updates are fully tested
       - equal: [ 'update-v8-snapshot-cache-on-develop', << pipeline.git.branch >> ]
+      - equal: [ 'feat/cy-prompt', << pipeline.git.branch >> ]
       - equal:
           [
             'update-chrome-stable-from-136.0.7103.113-beta-from-137.0.7151.40',
@@ -169,7 +173,7 @@ commands:
           name: Set environment variable to determine whether or not to persist artifacts
           command: |
             echo "Setting SHOULD_PERSIST_ARTIFACTS variable"
-            echo 'if ! [[ "$CIRCLE_BRANCH" != "develop" && "$CIRCLE_BRANCH" != "release/"* && "$CIRCLE_BRANCH" != "update-chrome-stable-from-136.0.7103.113-beta-from-137.0.7151.40" ]]; then
+            echo 'if ! [[ "$CIRCLE_BRANCH" != "develop" && "$CIRCLE_BRANCH" != "release/"* && "$CIRCLE_BRANCH" != "update-chrome-stable-from-136.0.7103.113-beta-from-137.0.7151.40" && "$CIRCLE_BRANCH" != "feat/cy-prompt" ]]; then
                 export SHOULD_PERSIST_ARTIFACTS=true
             fi' >> "$BASH_ENV"
   # You must run `setup_should_persist_artifacts` command and be using bash before running this command
diff --git a/guides/cy-prompt-development.md b/guides/cy-prompt-development.md
new file mode 100644
index 000000000000..1eebbb52be62
--- /dev/null
+++ b/guides/cy-prompt-development.md
@@ -0,0 +1,53 @@
+# `cy.prompt` Development
+
+In production, the code used to facilitate the prompt command will be retrieved from the Cloud. While `cy.prompt` is still in its early stages it is hidden behind an environment variable: `CYPRESS_ENABLE_CY_PROMPT` but can also be run against local cloud prompt code via the environment variable: `CYPRESS_LOCAL_CY_PROMPT_PATH`.
+
+To run against locally developed `cy.prompt`:
+
+- Clone the `cypress-services` repo
+  - Run `yarn`
+  - Run `yarn watch` in `app/packages/cy-prompt`
+- Set:
+  - `CYPRESS_INTERNAL_ENV=<environment>` (e.g. `staging` or `production` if you want to hit those deployments of `cypress-services` or `development` if you want to hit a locally running version of `cypress-services`)
+  - `CYPRESS_LOCAL_CY_PROMPT_PATH` to the path to the `cypress-services/app/packages/cy-prompt/dist/development` directory
+
+To run against a deployed version of `cy.prompt`:
+
+- Set:
+  - `CYPRESS_INTERNAL_ENV=<environment>` (e.g. `staging` or `production` if you want to hit those deployments of `cypress-services` or `development` if you want to hit a locally running version of `cypress-services`)
+  - `CYPRESS_ENABLE_CY_PROMPT=true`
+
+Regardless of running against local or deployed `cy.prompt`:
+
+- Clone the `cypress` repo
+  - Run `yarn`
+  - Run `yarn cypress:open`
+  - Log In to the Cloud via the App
+  - Open a project that has `experimentalPromptCommand: true` set in the `e2e` config of the `cypress.config.js|ts` file.
+ 
+To run against a deployed version of `cy.prompt`:
+
+- Set:
+  - `CYPRESS_INTERNAL_ENV=<environment>` (e.g. `staging` or `production` if you want to hit those deployments of `cypress-services` or `development` if you want to hit a locally running version of `cypress-services`)
+
+## Types
+
+The prompt bundle provides the types for the `app`, `driver`, and `server` interfaces that are used within the Cypress code. To incorporate the types into the code base, run:
+
+```sh
+yarn gulp downloadPromptTypes
+```
+
+or to reference a local `cypress_services` repo:
+
+```sh
+CYPRESS_LOCAL_CY_PROMPT_PATH=<path-to-cypress-services/app/cy-prompt/dist/development-directory> yarn gulp downloadPromptTypes
+```
+
+## Testing
+
+### Unit/Component Testing
+
+The code that supports cloud `cy.prompt` and lives in the `cypress` monorepo is unit, integration, and e2e tested in a similar fashion to the rest of the code in the repo. See the [contributing guide](https://github.com/cypress-io/cypress/blob/ad353fcc0f7fdc51b8e624a2a1ef4e76ef9400a0/CONTRIBUTING.md?plain=1#L366) for more specifics.
+
+The code that supports cloud `cy.prompt` and lives in the `cypress-services` monorepo has unit tests that live alongside the code in that monorepo.
diff --git a/packages/app/src/prompt/PromptGetCodeModal.vue b/packages/app/src/prompt/PromptGetCodeModal.vue
new file mode 100644
index 000000000000..7c53f561909c
--- /dev/null
+++ b/packages/app/src/prompt/PromptGetCodeModal.vue
@@ -0,0 +1,124 @@
+<template>
+  <Dialog
+    :open="isOpen"
+    class="inset-0 z-10 fixed overflow-y-auto"
+    variant="bare"
+    :initial-focus="container"
+    @close="closeModal()"
+  >
+    <!-- TODO: we need to validate the styles here-->
+    <div class="flex min-h-screen items-center justify-center">
+      <DialogOverlay class="bg-gray-800 opacity-90 fixed sm:inset-0" />
+      <div ref="container" />
+    </div>
+  </Dialog>
+</template>
+
+<script setup lang="ts">
+import { Dialog, DialogOverlay } from '@headlessui/vue'
+import { init, loadRemote } from '@module-federation/runtime'
+import { ref, onMounted, onBeforeUnmount } from 'vue'
+import type { CyPromptAppDefaultShape, GetCodeModalContentsShape } from './prompt-app-types'
+import { usePromptStore } from '../store/prompt-store'
+
+interface CyPromptApp { default: CyPromptAppDefaultShape }
+
+// Mirrors the ReactDOM.Root type since incorporating those types
+// messes up vue typing elsewhere
+interface Root {
+  render: (element: JSX.Element) => void
+  unmount: () => void
+}
+
+const emit = defineEmits<{
+  (e: 'close'): void
+}>()
+
+withDefaults(defineProps<{
+  isOpen: boolean
+}>(), {
+  isOpen: false,
+})
+
+const closeModal = () => {
+  emit('close')
+}
+
+const container = ref<HTMLDivElement | null>(null)
+const error = ref<string | null>(null)
+const ReactGetCodeModalContents = ref<GetCodeModalContentsShape | null>(null)
+const reactRoot = ref<Root | null>(null)
+const promptStore = usePromptStore()
+
+const maybeRenderReactComponent = () => {
+  if (!ReactGetCodeModalContents.value || !!error.value) {
+    return
+  }
+
+  const panel = window.UnifiedRunner.React.createElement(ReactGetCodeModalContents.value, {
+    Cypress,
+    testId: promptStore.currentGetCodeModalInfo?.testId,
+    logId: promptStore.currentGetCodeModalInfo?.logId,
+    onClose: () => {
+      closeModal()
+    },
+  })
+
+  if (!reactRoot.value) {
+    reactRoot.value = window.UnifiedRunner.ReactDOM.createRoot(container.value)
+  }
+
+  reactRoot.value?.render(panel)
+}
+
+const unmountReactComponent = () => {
+  if (!ReactGetCodeModalContents.value || !container.value) {
+    return
+  }
+
+  reactRoot.value?.unmount()
+}
+
+onMounted(maybeRenderReactComponent)
+onBeforeUnmount(unmountReactComponent)
+
+init({
+  remotes: [{
+    alias: 'cy-prompt',
+    type: 'module',
+    name: 'cy-prompt',
+    entryGlobalName: 'cy-prompt',
+    entry: '/__cypress-cy-prompt/app/cy-prompt.js',
+    shareScope: 'default',
+  }],
+  name: 'app',
+  shared: {
+    react: {
+      scope: 'default',
+      version: '18.3.1',
+      lib: () => window.UnifiedRunner.React,
+      shareConfig: {
+        singleton: true,
+        requiredVersion: '^18.3.1',
+      },
+    },
+  },
+})
+
+// We are not using any kind of loading state, because when we get
+// to this point, prompt should have already executed, which
+// means that the bundle has been downloaded
+loadRemote<CyPromptApp>('cy-prompt').then((module) => {
+  if (!module?.default) {
+    error.value = 'The panel was not loaded successfully'
+
+    return
+  }
+
+  ReactGetCodeModalContents.value = module.default.GetCodeModalContents
+  maybeRenderReactComponent()
+}).catch((e) => {
+  error.value = e.message
+})
+
+</script>
diff --git a/packages/app/src/prompt/prompt-app-types.ts b/packages/app/src/prompt/prompt-app-types.ts
new file mode 100644
index 000000000000..09014fc44d99
--- /dev/null
+++ b/packages/app/src/prompt/prompt-app-types.ts
@@ -0,0 +1,28 @@
+// Note: This file is owned by the cloud delivered
+// cy prompt bundle. It is downloaded and copied here.
+// It should not be modified directly here.
+
+export interface CypressInternal extends Cypress.Cypress {
+  backendRequestHandler: (
+    backendRequestNamespace: string,
+    eventName: string,
+    ...args: any[]
+  ) => Promise<any>
+}
+
+export interface GetCodeModalContentsProps {
+  Cypress: CypressInternal
+  testId: string
+  logId: string
+  onClose: () => void
+}
+
+export type GetCodeModalContentsShape = (
+  props: GetCodeModalContentsProps
+) => JSX.Element
+
+export interface CyPromptAppDefaultShape {
+  // Purposefully do not use React in this signature to avoid conflicts when this type gets
+  // transferred to the Cypress app
+  GetCodeModalContents: GetCodeModalContentsShape
+}
diff --git a/packages/app/src/runner/SpecRunnerOpenMode.vue b/packages/app/src/runner/SpecRunnerOpenMode.vue
index 89f720f76651..a5dfc452157d 100644
--- a/packages/app/src/runner/SpecRunnerOpenMode.vue
+++ b/packages/app/src/runner/SpecRunnerOpenMode.vue
@@ -1,4 +1,9 @@
 <template>
+  <PromptGetCodeModal
+    v-if="promptStore.getCodeModalIsOpen"
+    :open="promptStore.getCodeModalIsOpen"
+    @close="promptStore.closeGetCodeModal"
+  />
   <StudioInstructionsModal
     v-if="studioStore.instructionModalIsOpen"
     :open="studioStore.instructionModalIsOpen"
@@ -146,6 +151,8 @@ import StudioSaveModal from './studio/StudioSaveModal.vue'
 import { useStudioStore } from '../store/studio-store'
 import StudioPanel from '../studio/StudioPanel.vue'
 import { useSubscription } from '../graphql'
+import PromptGetCodeModal from '../prompt/PromptGetCodeModal.vue'
+import { usePromptStore } from '../store/prompt-store'
 
 const {
   preferredMinimumPanelWidth,
@@ -236,7 +243,7 @@ const {
 } = useEventManager()
 
 const studioStore = useStudioStore()
-
+const promptStore = usePromptStore()
 const handleStudioPanelClose = () => {
   eventManager.emit('studio:cancel', undefined)
 }
diff --git a/packages/app/src/runner/event-manager.ts b/packages/app/src/runner/event-manager.ts
index 942f548e1c55..d0e0758de56d 100644
--- a/packages/app/src/runner/event-manager.ts
+++ b/packages/app/src/runner/event-manager.ts
@@ -17,6 +17,7 @@ import { addTelemetryListeners } from './events/telemetry'
 import { telemetry } from '@packages/telemetry/src/browser'
 import { addCaptureProtocolListeners } from './events/capture-protocol'
 import { getRunnerConfigFromWindow } from './get-runner-config-from-window'
+import { usePromptStore } from '../store/prompt-store'
 
 export type CypressInCypressMochaEvent = Array<Array<string | Record<string, any>>>
 
@@ -61,6 +62,7 @@ export class EventManager {
   ws: SocketShape
   specStore: ReturnType<typeof useSpecStore>
   studioStore: ReturnType<typeof useStudioStore>
+  promptStore: ReturnType<typeof usePromptStore>
 
   constructor (
     // import '@packages/driver'
@@ -75,6 +77,7 @@ export class EventManager {
     this.ws = ws
     this.specStore = useSpecStore()
     this.studioStore = useStudioStore()
+    this.promptStore = usePromptStore()
   }
 
   getCypress () {
@@ -418,6 +421,8 @@ export class EventManager {
       this._clearAllCookies()
       this._setUnload()
     })
+
+    this.addPromptListeners()
   }
 
   start (config) {
@@ -467,6 +472,12 @@ export class EventManager {
       Cypress.state('isProtocolEnabled', isDefaultProtocolEnabled)
     }
 
+    if (Cypress.config('experimentalPromptCommand')) {
+      await new Promise((resolve) => {
+        this.ws.emit('prompt:reset', resolve)
+      })
+    }
+
     this._addListeners()
   }
 
@@ -800,21 +811,7 @@ export class EventManager {
       },
     )
 
-    /**
-     * Call a backend request for the requesting spec bridge since we cannot have websockets in the spec bridges.
-     * Return it's response.
-     */
-    Cypress.primaryOriginCommunicator.on('backend:request', async ({ args }, { source, responseEvent }) => {
-      let response
-
-      try {
-        response = await Cypress.backend(...args)
-      } catch (error) {
-        response = { error }
-      }
-
-      Cypress.primaryOriginCommunicator.toSource(source, responseEvent, response)
-    })
+    Cypress.handlePrimaryOriginSocketEvent(Cypress, 'backend:request')
 
     /**
      * Call an automation request for the requesting spec bridge since we cannot have websockets in the spec bridges.
@@ -970,6 +967,10 @@ export class EventManager {
     this.localBus.off(event, listener)
   }
 
+  removeAllListeners (event: string) {
+    this.localBus.removeAllListeners(event)
+  }
+
   notifyRunningSpec (specFile) {
     this.ws.emit('spec:changed', specFile)
   }
@@ -1020,4 +1021,13 @@ export class EventManager {
   _testingOnlySetCypress (cypress: any) {
     Cypress = cypress
   }
+
+  private addPromptListeners () {
+    this.reporterBus.on('prompt:get-code', ({ testId, logId }) => {
+      this.promptStore.openGetCodeModal({
+        testId,
+        logId,
+      })
+    })
+  }
 }
diff --git a/packages/app/src/store/prompt-store.ts b/packages/app/src/store/prompt-store.ts
new file mode 100644
index 000000000000..2af97f6252f9
--- /dev/null
+++ b/packages/app/src/store/prompt-store.ts
@@ -0,0 +1,32 @@
+import { defineStore } from 'pinia'
+
+// TODO: Share this
+interface GetCodeModalInfo {
+  testId: string
+  logId: string
+}
+
+interface PromptState {
+  getCodeModalIsOpen: boolean
+  currentGetCodeModalInfo: GetCodeModalInfo | null
+}
+
+export const usePromptStore = defineStore('prompt', {
+  state: (): PromptState => {
+    return {
+      getCodeModalIsOpen: false,
+      currentGetCodeModalInfo: null,
+    }
+  },
+  actions: {
+    openGetCodeModal (getCodeModalInfo: GetCodeModalInfo) {
+      this.getCodeModalIsOpen = true
+      this.currentGetCodeModalInfo = getCodeModalInfo
+    },
+
+    closeGetCodeModal () {
+      this.getCodeModalIsOpen = false
+      this.currentGetCodeModalInfo = null
+    },
+  },
+})
diff --git a/packages/app/src/studio/studio-app-types.ts b/packages/app/src/studio/studio-app-types.ts
index eeb859abe294..7a3fdbf49a04 100644
--- a/packages/app/src/studio/studio-app-types.ts
+++ b/packages/app/src/studio/studio-app-types.ts
@@ -1,10 +1,11 @@
+export type RecordingState = 'recording' | 'paused' | 'disabled'
+
 export interface StudioPanelProps {
   canAccessStudioAI: boolean
   onStudioPanelClose?: () => void
   studioSessionId?: string
   useRunnerStatus?: RunnerStatusShape
   useTestContentRetriever?: TestContentRetrieverShape
-  useStudioAIStream?: StudioAIStreamShape
   useCypress?: CypressShape
 }
 
@@ -53,6 +54,7 @@ export interface StudioAIStreamProps {
   runnerStatus: RunnerStatus
   testCode?: string
   isCreatingNewTest: boolean
+  Cypress: CypressInternal
 }
 
 export interface StudioAIStream {
@@ -72,17 +74,3 @@ export type TestContentRetrieverShape = (props: TestContentRetrieverProps) => {
   testBlock: TestBlock | null
   isCreatingNewTest: boolean
 }
-
-export interface Command {
-  selector?: string
-  name: string
-  message?: string | string[]
-  isAssertion?: boolean
-}
-
-export interface SaveDetails {
-  absoluteFile: string
-  runnableTitle: string
-  contents: string
-  testName?: string
-}
diff --git a/packages/config/__snapshots__/index.spec.ts.js b/packages/config/__snapshots__/index.spec.ts.js
index bece4725456e..852c5c13027f 100644
--- a/packages/config/__snapshots__/index.spec.ts.js
+++ b/packages/config/__snapshots__/index.spec.ts.js
@@ -46,6 +46,7 @@ exports['config/src/index .getDefaultValues returns list of public config keys 1
   'experimentalSourceRewriting': false,
   'experimentalSingleTabRunMode': false,
   'experimentalStudio': false,
+  'experimentalPromptCommand': false,
   'experimentalWebKitSupport': false,
   'fileServerFolder': '',
   'fixturesFolder': 'cypress/fixtures',
@@ -137,6 +138,7 @@ exports['config/src/index .getDefaultValues returns list of public config keys f
   'experimentalSourceRewriting': false,
   'experimentalSingleTabRunMode': false,
   'experimentalStudio': false,
+  'experimentalPromptCommand': false,
   'experimentalWebKitSupport': false,
   'fileServerFolder': '',
   'fixturesFolder': 'cypress/fixtures',
@@ -224,6 +226,7 @@ exports['config/src/index .getPublicConfigKeys returns list of public config key
   'experimentalSourceRewriting',
   'experimentalSingleTabRunMode',
   'experimentalStudio',
+  'experimentalPromptCommand',
   'experimentalWebKitSupport',
   'fileServerFolder',
   'fixturesFolder',
diff --git a/packages/config/src/options.ts b/packages/config/src/options.ts
index e86be8c01354..6b91d4ec7540 100644
--- a/packages/config/src/options.ts
+++ b/packages/config/src/options.ts
@@ -259,6 +259,12 @@ const driverConfigOptions: Array<DriverConfigOption> = [
     validation: validate.isBoolean,
     isExperimental: true,
     requireRestartOnChange: 'browser',
+  }, {
+    name: 'experimentalPromptCommand',
+    defaultValue: false,
+    validation: validate.isBoolean,
+    isExperimental: true,
+    requireRestartOnChange: 'server',
   }, {
     name: 'experimentalWebKitSupport',
     defaultValue: false,
diff --git a/packages/config/test/project/utils.spec.ts b/packages/config/test/project/utils.spec.ts
index ab47b455d667..85a23858bda3 100644
--- a/packages/config/test/project/utils.spec.ts
+++ b/packages/config/test/project/utils.spec.ts
@@ -1078,6 +1078,7 @@ describe('config/src/project/utils', () => {
             experimentalRunAllSpecs: { value: false, from: 'default' },
             experimentalSingleTabRunMode: { value: false, from: 'default' },
             experimentalStudio: { value: false, from: 'default' },
+            experimentalPromptCommand: { value: false, from: 'default' },
             experimentalSourceRewriting: { value: false, from: 'default' },
             experimentalWebKitSupport: { value: false, from: 'default' },
             fileServerFolder: { value: '', from: 'default' },
@@ -1197,6 +1198,7 @@ describe('config/src/project/utils', () => {
             experimentalRunAllSpecs: { value: false, from: 'default' },
             experimentalSingleTabRunMode: { value: false, from: 'default' },
             experimentalStudio: { value: false, from: 'default' },
+            experimentalPromptCommand: { value: false, from: 'default' },
             experimentalSourceRewriting: { value: false, from: 'default' },
             experimentalWebKitSupport: { value: false, from: 'default' },
             fileServerFolder: { value: '', from: 'default' },
diff --git a/packages/data-context/src/data/coreDataShape.ts b/packages/data-context/src/data/coreDataShape.ts
index 73613a8233f1..1c6a2b993000 100644
--- a/packages/data-context/src/data/coreDataShape.ts
+++ b/packages/data-context/src/data/coreDataShape.ts
@@ -1,4 +1,4 @@
-import { FoundBrowser, Editor, AllowedState, AllModeOptions, TestingType, BrowserStatus, PACKAGE_MANAGERS, AuthStateName, MIGRATION_STEPS, MigrationStep, StudioLifecycleManagerShape } from '@packages/types'
+import { FoundBrowser, Editor, AllowedState, AllModeOptions, TestingType, BrowserStatus, PACKAGE_MANAGERS, AuthStateName, MIGRATION_STEPS, MigrationStep, StudioLifecycleManagerShape, CyPromptLifecycleManagerShape } from '@packages/types'
 import { WizardBundler, CT_FRAMEWORKS, resolveComponentFrameworkDefinition, ErroredFramework } from '@packages/scaffold-config'
 import type { NexusGenObjects } from '@packages/graphql/src/gen/nxs.gen'
 // tslint:disable-next-line no-implicit-dependencies - electron dep needs to be defined
@@ -165,6 +165,7 @@ export interface CoreDataShape {
   eventCollectorSource: EventCollectorSource | null
   didBrowserPreviouslyHaveUnexpectedExit: boolean
   studioLifecycleManager?: StudioLifecycleManagerShape
+  cyPromptLifecycleManager?: CyPromptLifecycleManagerShape
 }
 
 /**
diff --git a/packages/driver/cypress.config.ts b/packages/driver/cypress.config.ts
index 13c8b45dcf83..09165fa6b26c 100644
--- a/packages/driver/cypress.config.ts
+++ b/packages/driver/cypress.config.ts
@@ -7,6 +7,8 @@ export const baseConfig: Cypress.ConfigOptions = {
   experimentalStudio: true,
   experimentalMemoryManagement: true,
   experimentalWebKitSupport: true,
+  // @ts-expect-error - this will not error when we actually release the experimentalPromptCommand flag
+  experimentalPromptCommand: true,
   hosts: {
     'foobar.com': '127.0.0.1',
     '*.foobar.com': '127.0.0.1',
@@ -38,7 +40,7 @@ export const baseConfig: Cypress.ConfigOptions = {
   },
   component: {
     experimentalSingleTabRunMode: true,
-    specPattern: 'cypress/component/**/*.cy.js',
+    specPattern: 'cypress/component/**/*.cy.{js,ts}',
     supportFile: false,
     devServer: (devServerOptions) => {
       return cypressWebpackDevServer({
diff --git a/packages/driver/cypress/component/spec.cy.ts b/packages/driver/cypress/component/spec.cy.ts
index 2c34b76336cc..d3997f4ef9bc 100644
--- a/packages/driver/cypress/component/spec.cy.ts
+++ b/packages/driver/cypress/component/spec.cy.ts
@@ -54,4 +54,17 @@ describe('component testing', () => {
       expect(Cypress.log).to.be.calledWithMatch(sinon.match({ 'message': `Error: "Promise rejected with a string!"`, name: 'uncaught exception' }))
     })
   })
+
+  it('fails when trying to use cy.prompt in component tests', (done) => {
+    cy.spy(Cypress, 'log').log(false)
+
+    cy.on('fail', (err) => {
+      expect(err.message).to.include('`cy.prompt` is currently only supported in end-to-end tests.')
+
+      done()
+    })
+
+    // @ts-expect-error - this will not error when we actually release the experimentalPromptCommand flag
+    cy.prompt('Hello, world!')
+  })
 })
diff --git a/packages/driver/cypress/e2e/commands/prompt/prompt-initialization-error.cy.ts b/packages/driver/cypress/e2e/commands/prompt/prompt-initialization-error.cy.ts
new file mode 100644
index 000000000000..da0b40f0dc40
--- /dev/null
+++ b/packages/driver/cypress/e2e/commands/prompt/prompt-initialization-error.cy.ts
@@ -0,0 +1,49 @@
+describe('src/cy/commands/prompt', () => {
+  it('errors if wait for ready does not return success and error is ENOSPC', (done) => {
+    const backendStub = cy.stub(Cypress, 'backend').log(false)
+
+    const error = new Error(`no space left on device, open '<stripped-path>bundle.tar`)
+
+    error.name = 'ENOSPC'
+
+    backendStub.callThrough()
+    backendStub.withArgs('wait:for:prompt:ready').resolves({ success: false, error })
+
+    cy.on('fail', (err) => {
+      expect(err.message).to.include('Failed to download cy.prompt Cloud code')
+      expect(err.message).to.include(`no space left on device, open '<stripped-path>bundle.tar`)
+
+      done()
+    })
+
+    cy.visit('http://www.foobar.com:3500/fixtures/dom.html')
+
+    cy['commandFns']['prompt'].__reset()
+    // @ts-expect-error - this will not error when we actually release the experimentalPromptCommand flag
+    cy.prompt('Hello, world!')
+  })
+
+  it('errors if wait for ready does not return success and error is ECONNREFUSED', (done) => {
+    const backendStub = cy.stub(Cypress, 'backend').log(false)
+
+    const error = new Error(`'<stripped-path>bundle.tar' timed out after 10000s`)
+
+    error.name = 'ECONNREFUSED'
+
+    backendStub.callThrough()
+    backendStub.withArgs('wait:for:prompt:ready').resolves({ success: false, error })
+
+    cy.on('fail', (err) => {
+      expect(err.message).to.include('Timed out waiting for cy.prompt Cloud code:')
+      expect(err.message).to.include(`'<stripped-path>bundle.tar' timed out after 10000s`)
+
+      done()
+    })
+
+    cy.visit('http://www.foobar.com:3500/fixtures/dom.html')
+
+    cy['commandFns']['prompt'].__reset()
+    // @ts-expect-error - this will not error when we actually release the experimentalPromptCommand flag
+    cy.prompt('Hello, world!')
+  })
+})
diff --git a/packages/driver/cypress/e2e/commands/prompt/prompt.cy.ts b/packages/driver/cypress/e2e/commands/prompt/prompt.cy.ts
new file mode 100644
index 000000000000..83ef624492ab
--- /dev/null
+++ b/packages/driver/cypress/e2e/commands/prompt/prompt.cy.ts
@@ -0,0 +1,42 @@
+describe('src/cy/commands/prompt', () => {
+  it('executes the prompt command', () => {
+    // TODO: (cy.prompt) We will look into supporting other browsers
+    // as this is rolled out. We will add error messages for other browsers
+    // and add tests if necessary
+    if (Cypress.isBrowser('webkit') || Cypress.isBrowser('firefox')) {
+      return
+    }
+
+    cy.visit('http://www.foobar.com:3500/fixtures/dom.html')
+
+    // TODO: add more tests when cy.prompt is built out, but for now this just
+    // verifies that the command executes without throwing an error
+    // @ts-expect-error - this will not error when we actually release the experimentalPromptCommand flag
+    cy.prompt('Hello, world!')
+
+    cy.visit('http://www.barbaz.com:3500/fixtures/dom.html')
+
+    cy.origin('http://www.barbaz.com:3500', () => {
+      // @ts-expect-error - this will not error when we actually release the experimentalPromptCommand flag
+      cy.prompt('Hello, world!')
+    })
+  })
+
+  it('fails when trying to use cy.prompt in a browser that is not supported', (done) => {
+    if (Cypress.isBrowser({ family: 'chromium' })) {
+      done()
+
+      return
+    }
+
+    cy.on('fail', (err) => {
+      expect(err.message).to.include('`cy.prompt` is only supported in Chromium-based browsers.')
+
+      done()
+    })
+
+    cy.visit('http://www.foobar.com:3500/fixtures/dom.html')
+    // @ts-expect-error - this will not error when we actually release the experimentalPromptCommand flag
+    cy.prompt('Hello, world!')
+  })
+})
diff --git a/packages/driver/cypress/e2e/cypress/error_utils.cy.ts b/packages/driver/cypress/e2e/cypress/error_utils.cy.ts
index 609ea324eb5b..7eb2ab0a0ce1 100644
--- a/packages/driver/cypress/e2e/cypress/error_utils.cy.ts
+++ b/packages/driver/cypress/e2e/cypress/error_utils.cy.ts
@@ -624,6 +624,27 @@ describe('driver/src/cypress/error_utils', () => {
     })
   })
 
+  context('.extendErrorMessages', () => {
+    it('extends error messages', () => {
+      $errUtils.extendErrorMessages({
+        testErrors: {
+          test: 'test error message',
+        },
+      })
+
+      const fn = () => {
+        $errUtils.throwErrByPath('testErrors.test')
+      }
+
+      expect(fn).to.throw().and.satisfy((err) => {
+        expect(err.message).to.equal('test error message')
+        expect(err.name).to.eq('CypressError')
+
+        return true
+      })
+    })
+  })
+
   context('.getUnsupportedPlugin', () => {
     it('returns unsupported plugin if the error msg is the expected one', () => {
       const unsupportedPlugin = $errUtils.getUnsupportedPlugin({
diff --git a/packages/driver/cypress/e2e/e2e/origin/commands/misc.cy.ts b/packages/driver/cypress/e2e/e2e/origin/commands/misc.cy.ts
index a58e07bda1e2..9d9765720482 100644
--- a/packages/driver/cypress/e2e/e2e/origin/commands/misc.cy.ts
+++ b/packages/driver/cypress/e2e/e2e/origin/commands/misc.cy.ts
@@ -224,7 +224,7 @@ it('verifies number of cy commands', () => {
     'writeFile', 'fixture', 'clearLocalStorage', 'url', 'hash', 'location', 'end', 'noop', 'log', 'wrap', 'reload', 'go', 'visit',
     'focused', 'get', 'contains', 'shadow', 'within', 'request', 'session', 'screenshot', 'task', 'find', 'filter', 'not',
     'children', 'eq', 'closest', 'first', 'last', 'next', 'nextAll', 'nextUntil', 'parent', 'parents', 'parentsUntil', 'prev', 'press',
-    'prevAll', 'prevUntil', 'siblings', 'wait', 'title', 'window', 'document', 'viewport', 'server', 'route', 'intercept', 'origin',
+    'prevAll', 'prevUntil', 'prompt', 'siblings', 'wait', 'title', 'window', 'document', 'viewport', 'server', 'route', 'intercept', 'origin',
     'mount', 'as', 'root', 'getAllLocalStorage', 'clearAllLocalStorage', 'getAllSessionStorage', 'clearAllSessionStorage',
     'getAllCookies', 'clearAllCookies',
   ]
diff --git a/packages/driver/cypress/e2e/e2e/origin/patches.cy.ts b/packages/driver/cypress/e2e/e2e/origin/patches.cy.ts
index 2bdc0fbdb6b3..f1d62636dc91 100644
--- a/packages/driver/cypress/e2e/e2e/origin/patches.cy.ts
+++ b/packages/driver/cypress/e2e/e2e/origin/patches.cy.ts
@@ -63,7 +63,7 @@ describe('src/cross-origin/patches', { browser: '!webkit', defaultCommandTimeout
     describe('from the AUT', () => {
       beforeEach(() => {
         cy.intercept('/test-request').as('testRequest')
-        cy.stub(Cypress, 'backend').log(false).callThrough()
+        cy.stub(Cypress, 'backendRequestHandler').log(false).callThrough()
 
         cy.visit('/fixtures/primary-origin.html')
         cy.get('a[data-cy="xhr-fetch-requests"]').click()
@@ -87,7 +87,7 @@ describe('src/cross-origin/patches', { browser: '!webkit', defaultCommandTimeout
 
               cy.wait('@testRequest')
               cy.then(() => {
-                expect(Cypress.backend).to.have.been.calledWith('request:sent:with:credentials', {
+                expect(Cypress.backendRequestHandler).to.have.been.calledWith('backend:request', 'request:sent:with:credentials', {
                   url: 'http://www.foobar.com:3500/test-request',
                   resourceType: 'fetch',
                   credentialStatus: assertCredentialStatus,
@@ -107,7 +107,7 @@ describe('src/cross-origin/patches', { browser: '!webkit', defaultCommandTimeout
 
               cy.wait('@testRequest')
               cy.then(() => {
-                expect(Cypress.backend).to.have.been.calledWith('request:sent:with:credentials', {
+                expect(Cypress.backendRequestHandler).to.have.been.calledWith('backend:request', 'request:sent:with:credentials', {
                   url: 'http://www.foobar.com:3500/test-request',
                   resourceType: 'fetch',
                   credentialStatus: assertCredentialStatus,
@@ -127,7 +127,7 @@ describe('src/cross-origin/patches', { browser: '!webkit', defaultCommandTimeout
 
               cy.wait('@testRequest')
               cy.then(() => {
-                expect(Cypress.backend).to.have.been.calledWith('request:sent:with:credentials', {
+                expect(Cypress.backendRequestHandler).to.have.been.calledWith('backend:request', 'request:sent:with:credentials', {
                   url: 'http://www.foobar.com:3500/test-request',
                   resourceType: 'fetch',
                   credentialStatus: assertCredentialStatus,
@@ -152,7 +152,7 @@ describe('src/cross-origin/patches', { browser: '!webkit', defaultCommandTimeout
           )
 
           cy.then(() => {
-            expect(Cypress.backend).not.to.have.been.calledWithMatch('request:sent:with:credentials')
+            expect(Cypress.backendRequestHandler).not.to.have.been.calledWithMatch('backend:request', 'request:sent:with:credentials')
           })
         })
 
@@ -171,7 +171,7 @@ describe('src/cross-origin/patches', { browser: '!webkit', defaultCommandTimeout
           )
 
           cy.then(() => {
-            expect(Cypress.backend).to.have.been.calledWith('request:sent:with:credentials', {
+            expect(Cypress.backendRequestHandler).to.have.been.calledWith('backend:request', 'request:sent:with:credentials', {
               url: 'http://app.foobar.com:3500/test-request',
               resourceType: 'fetch',
               credentialStatus: 'include',
@@ -184,7 +184,7 @@ describe('src/cross-origin/patches', { browser: '!webkit', defaultCommandTimeout
     describe('from the spec bridge', () => {
       beforeEach(() => {
         cy.intercept('/test-request').as('testRequest')
-        cy.stub(Cypress, 'backend').log(false).callThrough()
+        cy.stub(Cypress, 'backendRequestHandler').log(false).callThrough()
 
         cy.visit('/fixtures/primary-origin.html')
         cy.get('a[data-cy="xhr-fetch-requests"]').click()
@@ -216,7 +216,7 @@ describe('src/cross-origin/patches', { browser: '!webkit', defaultCommandTimeout
               })
 
               cy.then(() => {
-                expect(Cypress.backend).to.have.been.calledWith('request:sent:with:credentials', {
+                expect(Cypress.backendRequestHandler).to.have.been.calledWith('backend:request', 'request:sent:with:credentials', {
                   url: 'http://www.foobar.com:3500/test-request-credentials',
                   resourceType: 'fetch',
                   credentialStatus: assertCredentialStatus,
@@ -246,7 +246,7 @@ describe('src/cross-origin/patches', { browser: '!webkit', defaultCommandTimeout
               })
 
               cy.then(() => {
-                expect(Cypress.backend).to.have.been.calledWith('request:sent:with:credentials', {
+                expect(Cypress.backendRequestHandler).to.have.been.calledWith('backend:request', 'request:sent:with:credentials', {
                   url: 'http://www.foobar.com:3500/test-request-credentials',
                   resourceType: 'fetch',
                   credentialStatus: assertCredentialStatus,
@@ -274,7 +274,7 @@ describe('src/cross-origin/patches', { browser: '!webkit', defaultCommandTimeout
               })
 
               cy.then(() => {
-                expect(Cypress.backend).to.have.been.calledWith('request:sent:with:credentials', {
+                expect(Cypress.backendRequestHandler).to.have.been.calledWith('backend:request', 'request:sent:with:credentials', {
                   url: 'http://www.foobar.com:3500/test-request-credentials',
                   resourceType: 'fetch',
                   credentialStatus: assertCredentialStatus,
@@ -297,7 +297,7 @@ describe('src/cross-origin/patches', { browser: '!webkit', defaultCommandTimeout
             })
 
           cy.then(() => {
-            expect(Cypress.backend).not.to.have.been.calledWithMatch('request:sent:with:credentials')
+            expect(Cypress.backendRequestHandler).not.to.have.been.calledWithMatch('backend:request', 'request:sent:with:credentials')
           })
         })
       })
@@ -326,7 +326,7 @@ describe('src/cross-origin/patches', { browser: '!webkit', defaultCommandTimeout
           })
 
         cy.then(() => {
-          expect(Cypress.backend).to.have.been.calledWith('request:sent:with:credentials', {
+          expect(Cypress.backendRequestHandler).to.have.been.calledWith('backend:request', 'request:sent:with:credentials', {
             url: 'http://app.foobar.com:3500/test-request',
             resourceType: 'fetch',
             credentialStatus: 'include',
@@ -339,13 +339,13 @@ describe('src/cross-origin/patches', { browser: '!webkit', defaultCommandTimeout
       // manually remove the spec bridge iframe to ensure Cypress.state('window') is not already set
       window.top?.document.getElementById('Spec\ Bridge:\ foobar.com')?.remove()
 
-      cy.stub(Cypress, 'backend').log(false).callThrough()
+      cy.stub(Cypress, 'backendRequestHandler').log(false).callThrough()
 
       cy.visit('/fixtures/primary-origin.html')
       cy.get('a[data-cy="xhr-fetch-requests-onload"]').click()
 
       cy.then(() => {
-        expect(Cypress.backend).to.have.been.calledWith('request:sent:with:credentials', {
+        expect(Cypress.backendRequestHandler).to.have.been.calledWith('backend:request', 'request:sent:with:credentials', {
           url: 'http://localhost:3500/foo.bar.baz.json',
           resourceType: 'fetch',
           credentialStatus: 'same-origin',
@@ -354,7 +354,7 @@ describe('src/cross-origin/patches', { browser: '!webkit', defaultCommandTimeout
     })
 
     it('does not patch fetch in the spec window or the AUT if the AUT is on the primary', () => {
-      cy.stub(Cypress, 'backend').log(false).callThrough()
+      cy.stub(Cypress, 'backendRequestHandler').log(false).callThrough()
       cy.visit('fixtures/xhr-fetch-requests.html')
 
       cy.window().then((win) => {
@@ -371,14 +371,14 @@ describe('src/cross-origin/patches', { browser: '!webkit', defaultCommandTimeout
       cy.then(async () => {
         await fetch('/test-request')
 
-        expect(Cypress.backend).not.to.have.been.calledWithMatch('request:sent:with:credentials')
+        expect(Cypress.backendRequestHandler).not.to.have.been.calledWithMatch('request:sent:with:credentials')
       })
 
       // expect AUT to NOT be patched in primary
       cy.window().then(async (win) => {
         await win.fetch('/test-request')
 
-        expect(Cypress.backend).not.to.have.been.calledWithMatch('request:sent:with:credentials')
+        expect(Cypress.backendRequestHandler).not.to.have.been.calledWithMatch('request:sent:with:credentials')
       })
     })
   })
@@ -387,7 +387,7 @@ describe('src/cross-origin/patches', { browser: '!webkit', defaultCommandTimeout
     describe('from the AUT', () => {
       beforeEach(() => {
         cy.intercept('/test-request').as('testRequest')
-        cy.stub(Cypress, 'backend').log(false).callThrough()
+        cy.stub(Cypress, 'backendRequestHandler').log(false).callThrough()
 
         cy.visit('/fixtures/primary-origin.html')
         cy.get('a[data-cy="xhr-fetch-requests"]').click()
@@ -409,7 +409,7 @@ describe('src/cross-origin/patches', { browser: '!webkit', defaultCommandTimeout
 
             cy.wait('@testRequest')
             cy.then(() => {
-              expect(Cypress.backend).to.have.been.calledWith('request:sent:with:credentials', {
+              expect(Cypress.backendRequestHandler).to.have.been.calledWith('backend:request', 'request:sent:with:credentials', {
                 url: 'http://www.foobar.com:3500/test-request',
                 resourceType: 'xhr',
                 credentialStatus: withCredentials,
@@ -431,7 +431,7 @@ describe('src/cross-origin/patches', { browser: '!webkit', defaultCommandTimeout
             })
 
           cy.then(() => {
-            expect(Cypress.backend).to.have.been.calledWithMatch('request:sent:with:credentials')
+            expect(Cypress.backendRequestHandler).to.have.been.calledWithMatch('backend:request', 'request:sent:with:credentials')
           })
         })
       })
@@ -449,7 +449,7 @@ describe('src/cross-origin/patches', { browser: '!webkit', defaultCommandTimeout
           })
 
         cy.then(() => {
-          expect(Cypress.backend).to.have.been.calledWith('request:sent:with:credentials', {
+          expect(Cypress.backendRequestHandler).to.have.been.calledWith('backend:request', 'request:sent:with:credentials', {
             url: 'http://app.foobar.com:3500/test-request',
             resourceType: 'xhr',
             credentialStatus: true,
@@ -461,9 +461,9 @@ describe('src/cross-origin/patches', { browser: '!webkit', defaultCommandTimeout
     describe('from the spec bridge', () => {
       beforeEach(() => {
         cy.intercept('/test-request').as('testRequest')
-        cy.stub(Cypress, 'backend').log(false).callThrough()
+        cy.stub(Cypress, 'backendRequestHandler').log(false).callThrough()
         cy.origin('http://www.foobar.com:3500', () => {
-          cy.stub(Cypress, 'backend').log(false).callThrough()
+          cy.stub(Cypress, 'backendRequestHandler').log(false).callThrough()
         })
 
         cy.visit('/fixtures/primary-origin.html')
@@ -501,7 +501,7 @@ describe('src/cross-origin/patches', { browser: '!webkit', defaultCommandTimeout
             })
 
             cy.then(() => {
-              expect(Cypress.backend).to.have.been.calledWith('request:sent:with:credentials', {
+              expect(Cypress.backendRequestHandler).to.have.been.calledWith('backend:request', 'request:sent:with:credentials', {
                 url: 'http://www.foobar.com:3500/test-request-credentials',
                 resourceType: 'xhr',
                 credentialStatus: withCredentials,
@@ -523,7 +523,7 @@ describe('src/cross-origin/patches', { browser: '!webkit', defaultCommandTimeout
             })
 
           cy.then(() => {
-            expect(Cypress.backend).to.have.been.calledWithMatch('request:sent:with:credentials')
+            expect(Cypress.backendRequestHandler).to.have.been.calledWithMatch('backend:request', 'request:sent:with:credentials')
           })
         })
 
@@ -553,7 +553,7 @@ describe('src/cross-origin/patches', { browser: '!webkit', defaultCommandTimeout
             })
 
           cy.then(() => {
-            expect(Cypress.backend).to.have.been.calledWith('request:sent:with:credentials', {
+            expect(Cypress.backendRequestHandler).to.have.been.calledWith('backend:request', 'request:sent:with:credentials', {
               url: 'http://app.foobar.com:3500/test-request',
               resourceType: 'xhr',
               credentialStatus: true,
@@ -567,13 +567,13 @@ describe('src/cross-origin/patches', { browser: '!webkit', defaultCommandTimeout
       // manually remove the spec bridge iframe to ensure Cypress.state('window') is not already set
       window.top?.document.getElementById('Spec\ Bridge:\ foobar.com')?.remove()
 
-      cy.stub(Cypress, 'backend').log(false).callThrough()
+      cy.stub(Cypress, 'backendRequestHandler').log(false).callThrough()
 
       cy.visit('/fixtures/primary-origin.html')
       cy.get('a[data-cy="xhr-fetch-requests-onload"]').click()
 
       cy.then(() => {
-        expect(Cypress.backend).to.have.been.calledWith('request:sent:with:credentials', {
+        expect(Cypress.backendRequestHandler).to.have.been.calledWith('backend:request', 'request:sent:with:credentials', {
           url: 'http://localhost:3500/foo.bar.baz.json',
           resourceType: 'xhr',
           credentialStatus: false,
@@ -582,7 +582,7 @@ describe('src/cross-origin/patches', { browser: '!webkit', defaultCommandTimeout
     })
 
     it('does not patch xmlHttpRequest in the spec window or the AUT if the AUT is on the primary', () => {
-      cy.stub(Cypress, 'backend').log(false).callThrough()
+      cy.stub(Cypress, 'backendRequestHandler').log(false).callThrough()
       cy.visit('fixtures/xhr-fetch-requests.html')
 
       cy.window().then((win) => {
@@ -614,7 +614,7 @@ describe('src/cross-origin/patches', { browser: '!webkit', defaultCommandTimeout
           xhr.send()
         })
 
-        expect(Cypress.backend).not.to.have.been.calledWithMatch('request:sent:with:credentials')
+        expect(Cypress.backendRequestHandler).not.to.have.been.calledWithMatch('backend:request', 'request:sent:with:credentials')
       })
 
       // expect AUT to NOT be patched in primary
@@ -636,7 +636,7 @@ describe('src/cross-origin/patches', { browser: '!webkit', defaultCommandTimeout
           xhr.send()
         })
 
-        expect(Cypress.backend).not.to.have.been.calledWithMatch('request:sent:with:credentials')
+        expect(Cypress.backendRequestHandler).not.to.have.been.calledWithMatch('backend:request', 'request:sent:with:credentials')
       })
     })
   })
diff --git a/packages/driver/package.json b/packages/driver/package.json
index a033a1eb5e91..1f764d7701cd 100644
--- a/packages/driver/package.json
+++ b/packages/driver/package.json
@@ -22,6 +22,7 @@
     "@cypress/unique-selector": "0.0.5",
     "@cypress/webpack-dev-server": "0.0.0-development",
     "@cypress/webpack-preprocessor": "0.0.0-development",
+    "@module-federation/runtime": "^0.8.11",
     "@packages/config": "0.0.0-development",
     "@packages/errors": "0.0.0-development",
     "@packages/net-stubbing": "0.0.0-development",
@@ -52,6 +53,7 @@
     "chai-subset": "1.6.0",
     "clone": "2.1.2",
     "common-tags": "1.8.0",
+    "component-emitter": "1.3.0",
     "compression": "1.8.0",
     "cookie-parser": "1.4.5",
     "core-js-pure": "3.21.0",
diff --git a/packages/driver/src/cross-origin/communicator.ts b/packages/driver/src/cross-origin/communicator.ts
index 550a6955f79c..32564b8c2234 100644
--- a/packages/driver/src/cross-origin/communicator.ts
+++ b/packages/driver/src/cross-origin/communicator.ts
@@ -336,7 +336,7 @@ export class SpecBridgeCommunicator extends EventEmitter {
   }: {
     event: string
     data?: Cypress.ObjectLike
-    options: {syncGlobals: boolean}
+    options?: {syncGlobals: boolean}
     timeout: number
   }) {
     return new Promise<T>((resolve, reject) => {
diff --git a/packages/driver/src/cross-origin/cypress.ts b/packages/driver/src/cross-origin/cypress.ts
index c6af33aad03c..64a0aca56c9f 100644
--- a/packages/driver/src/cross-origin/cypress.ts
+++ b/packages/driver/src/cross-origin/cypress.ts
@@ -14,7 +14,7 @@ import { bindToListeners } from '../cy/listeners'
 import { handleOriginFn } from './origin_fn'
 import { FINAL_SNAPSHOT_NAME } from '../cy/snapshots'
 import { handleLogs } from './events/logs'
-import { handleSocketEvents } from './events/socket'
+import { handleCrossOriginSocketEvent, handleDefaultCrossOriginSocketEvents } from './events/socket'
 import { handleSpecWindowEvents } from './events/spec_window'
 import { handleErrorEvent } from './events/errors'
 import { handleScreenshots } from './events/screenshots'
@@ -120,6 +120,12 @@ const setup = ({ cypressConfig, env, isProtocolEnabled }: { cypressConfig: Cypre
 
   const { state, config } = Cypress
 
+  // These need to happen before the commands are created so that commands can
+  // use things like Cypress.backend during their creation.
+  handleDefaultCrossOriginSocketEvents(Cypress)
+
+  Cypress.handleCrossOriginSocketEvent = handleCrossOriginSocketEvent
+
   // @ts-ignore
   Cypress.Commands = $Commands.create(Cypress, cy, state, config)
   // @ts-ignore
@@ -141,7 +147,6 @@ const setup = ({ cypressConfig, env, isProtocolEnabled }: { cypressConfig: Cypre
 
   handleOriginFn(Cypress, cy)
   handleLogs(Cypress)
-  handleSocketEvents(Cypress)
   handleSpecWindowEvents(cy)
   handleMiscEvents(Cypress, cy)
   handleScreenshots(Cypress)
diff --git a/packages/driver/src/cross-origin/events/socket.ts b/packages/driver/src/cross-origin/events/socket.ts
index a159e1ea5554..3cc996a71e54 100644
--- a/packages/driver/src/cross-origin/events/socket.ts
+++ b/packages/driver/src/cross-origin/events/socket.ts
@@ -1,20 +1,24 @@
-export const handleSocketEvents = (Cypress) => {
-  const onRequest = async (event, args) => {
-    // The last argument is the callback, pop that off before messaging primary and call it with the response.
-    const callback = args.pop()
-    const response = await Cypress.specBridgeCommunicator.toPrimaryPromise({
-      event,
-      data: { args },
-      timeout: Cypress.config().defaultCommandTimeout,
-    })
+const onRequest = async (event, args) => {
+  // The last argument is the callback, pop that off before messaging primary and call it with the response.
+  const callback = args.pop()
+  const response = await Cypress.specBridgeCommunicator.toPrimaryPromise<{ error?: string, response?: any }>({
+    event,
+    data: { args },
+    timeout: Cypress.config().defaultCommandTimeout,
+  })
 
-    if (response && response.error) {
-      return callback({ error: response.error })
-    }
-
-    callback({ response })
+  if (response && response.error) {
+    return callback({ error: response.error })
   }
 
-  Cypress.on('backend:request', (...args) => onRequest('backend:request', args))
-  Cypress.on('automation:request', (...args) => onRequest('automation:request', args))
+  callback({ response })
+}
+
+export const handleCrossOriginSocketEvent = (Cypress, eventName: string) => {
+  Cypress.on(eventName, (...args) => onRequest(eventName, args))
+}
+
+export const handleDefaultCrossOriginSocketEvents = (Cypress) => {
+  handleCrossOriginSocketEvent(Cypress, 'backend:request')
+  handleCrossOriginSocketEvent(Cypress, 'automation:request')
 }
diff --git a/packages/driver/src/cy/commands/index.ts b/packages/driver/src/cy/commands/index.ts
index 8131a1648570..cae64dad1aae 100644
--- a/packages/driver/src/cy/commands/index.ts
+++ b/packages/driver/src/cy/commands/index.ts
@@ -52,6 +52,8 @@ import Window from './window'
 
 import * as Xhr from './xhr'
 
+import * as Prompt from './prompt'
+
 export const allCommands = {
   ...Actions,
   Agents,
@@ -70,6 +72,7 @@ export const allCommands = {
   Misc,
   Origin,
   Popups,
+  Prompt,
   Navigation,
   ...Querying,
   Request,
diff --git a/packages/driver/src/cy/commands/prompt/index.ts b/packages/driver/src/cy/commands/prompt/index.ts
new file mode 100644
index 000000000000..fbb2f20a8e79
--- /dev/null
+++ b/packages/driver/src/cy/commands/prompt/index.ts
@@ -0,0 +1,147 @@
+import { init, loadRemote } from '@module-federation/runtime'
+import type { CypressInternal, CyPromptDriverDefaultShape } from './prompt-driver-types'
+import type Emitter from 'component-emitter'
+import $errUtils from '../../../cypress/error_utils'
+import $stackUtils from '../../../cypress/stack_utils'
+
+interface CyPromptDriver { default: CyPromptDriverDefaultShape }
+
+declare global {
+  interface Window {
+    getEventManager?: () => {
+      ws: Emitter
+    }
+  }
+}
+
+let initializedModule: CyPromptDriverDefaultShape | null = null
+const initializeModule = async (Cypress: Cypress.Cypress): Promise<CyPromptDriverDefaultShape> => {
+  // Wait for the cy prompt bundle to be downloaded and ready
+  const { success, error } = await Cypress.backend('wait:for:prompt:ready')
+
+  if (error) {
+    if (error.name === 'ENOSPC') {
+      $errUtils.throwErrByPath('prompt.promptDownloadError', {
+        args: {
+          error,
+        },
+      })
+    } else {
+      $errUtils.throwErrByPath('prompt.promptDownloadTimedOut', {
+        args: {
+          error,
+        },
+      })
+    }
+  }
+
+  if (!success && !error) {
+    // TODO: Generic error message
+    throw new Error('error waiting for cy prompt bundle to be downloaded and ready')
+  }
+
+  // Once the cy prompt bundle is downloaded and ready,
+  // we can initialize it via the module federation runtime
+  init({
+    remotes: [{
+      alias: 'cy-prompt',
+      type: 'module',
+      name: 'cy-prompt',
+      entryGlobalName: 'cy-prompt',
+      entry: '/__cypress-cy-prompt/driver/cy-prompt.js',
+      shareScope: 'default',
+    }],
+    name: 'driver',
+  })
+
+  // This cy-prompt.js file and any subsequent files are
+  // served from the cy prompt bundle.
+  const module = await loadRemote<CyPromptDriver>('cy-prompt')
+
+  if (!module?.default) {
+    // TODO: Generic error message
+    throw new Error('error loading cy prompt driver')
+  }
+
+  initializedModule = module.default
+
+  return initializedModule
+}
+
+const initializeCloudCyPrompt = async (Cypress: Cypress.Cypress, cy: Cypress.Cypress['cy']): Promise<ReturnType<CyPromptDriverDefaultShape['createCyPrompt']> | Error> => {
+  try {
+    let cloudModule = initializedModule
+
+    if (!cloudModule) {
+      cloudModule = await initializeModule(Cypress)
+    }
+
+    return await cloudModule.createCyPrompt({
+      Cypress: Cypress as CypressInternal,
+      cy,
+      eventManager: window.getEventManager ? window.getEventManager() : undefined,
+      errorUtils: {
+        extendErrorMessages: $errUtils.extendErrorMessages,
+        throwErrByPath: $errUtils.throwErrByPath,
+      },
+      getSourceDetailsForFirstLine: $stackUtils.getSourceDetailsForFirstLine,
+    })
+  } catch (error) {
+    return error
+  }
+}
+
+export default (Commands: Cypress.Cypress['Commands'], Cypress: Cypress.Cypress, cy: Cypress.Cypress['cy']) => {
+  // @ts-expect-error - these types are not yet implemented until the prompt command is rolled out
+  if (Cypress.config('experimentalPromptCommand')) {
+    let initializeCloudCyPromptPromise: Promise<ReturnType<CyPromptDriverDefaultShape['createCyPrompt']> | Error> | undefined
+
+    if (Cypress.browser.family === 'chromium' || Cypress.browser.name === 'electron') {
+      initializeCloudCyPromptPromise = initializeCloudCyPrompt(Cypress, cy)
+    }
+
+    const prompt = (steps: string | string[], commandOptions: object = {}) => {
+      const promptCmd = cy.state('current')
+
+      if (Cypress.testingType === 'component') {
+        $errUtils.throwErrByPath('prompt.promptTestingTypeError')
+
+        return
+      }
+
+      if (!initializeCloudCyPromptPromise) {
+        // TODO: (cy.prompt) We will look into supporting other browsers (and testing them)
+        // as this is rolled out
+        $errUtils.throwErrByPath('prompt.promptSupportedBrowser')
+
+        return
+      }
+
+      // TODO: figure out how to handle timeout more generally
+      return cy.wrap(initializeCloudCyPromptPromise, { log: false, timeout: 45000 }).then((bundleResult: ReturnType<CyPromptDriverDefaultShape['createCyPrompt']> | Error) => {
+        if (bundleResult instanceof Error) {
+          throw bundleResult
+        }
+
+        const cyPrompt = bundleResult
+
+        return cyPrompt({
+          steps,
+          commandOptions,
+          promptCmd,
+        })
+      })
+    }
+
+    // For testing purposes, we can reset the prompt command initialization
+    // by calling the __reset method.
+    prompt.__reset = () => {
+      initializedModule = null
+      initializeCloudCyPromptPromise = initializeCloudCyPrompt(Cypress, cy)
+    }
+
+    Commands.addAll({
+      prompt,
+    })
+  }
+}
diff --git a/packages/driver/src/cy/commands/prompt/prompt-driver-types.ts b/packages/driver/src/cy/commands/prompt/prompt-driver-types.ts
new file mode 100644
index 000000000000..11673ffb5104
--- /dev/null
+++ b/packages/driver/src/cy/commands/prompt/prompt-driver-types.ts
@@ -0,0 +1,83 @@
+// Note: This file is owned by the cloud delivered
+// cy prompt bundle. It is downloaded and copied here.
+// It should not be modified directly here.
+
+import type Emitter from 'component-emitter'
+
+interface InternalActions extends Cypress.Actions {
+  (
+    eventName: 'prompt:backend:request',
+    listener: (...args: any[]) => void
+  ): Cypress.Cypress
+}
+
+export interface CypressInternalBase extends Cypress.Cypress {
+  backendRequestHandler: (
+    backendRequestNamespace: string,
+    eventName: string,
+    ...args: any[]
+  ) => Promise<any>
+  on: InternalActions
+}
+
+interface CrossOriginCypressInternal extends CypressInternalBase {
+  isCrossOriginSpecBridge: true
+  handleCrossOriginSocketEvent: (
+    Cypress: CypressInternal,
+    eventName: string
+  ) => void
+}
+
+interface SameOriginCypressInternal extends CypressInternalBase {
+  isCrossOriginSpecBridge: false
+  handlePrimaryOriginSocketEvent: (
+    Cypress: CypressInternal,
+    eventName: string
+  ) => void
+}
+
+export type CypressInternal =
+  | CrossOriginCypressInternal
+  | SameOriginCypressInternal
+
+export interface CyPromptEventManager {
+  ws: Emitter
+}
+
+export interface CyPromptErrorUtils {
+  extendErrorMessages: (errorMessages: any) => void
+  throwErrByPath: (errPath: any, options?: any) => never
+}
+
+export interface CyPromptStackLineDetail {
+  function: string
+  fileUrl: string
+  originalFile: string
+  relativeFile: string
+  absoluteFile: string
+  line: number
+  column: number
+}
+
+export interface CyPromptOptions {
+  Cypress: CypressInternal
+  cy: Cypress.cy & { state: (key: string) => any }
+  // Note that the eventManager is present in same origin AUTs, but not cross origin
+  // so we need to check for it's presence before using it
+  eventManager?: CyPromptEventManager
+  errorUtils: CyPromptErrorUtils
+  getSourceDetailsForFirstLine: (
+    stack: string,
+    projectRoot?: string
+  ) => CyPromptStackLineDetail | undefined
+}
+
+export interface CyPromptDriverDefaultShape {
+  createCyPrompt: (
+    options: CyPromptOptions
+  ) => (args: {
+    steps: string | string[]
+    commandOptions?: object
+    promptCmd: any
+  }) => Promise<void>
+}
diff --git a/packages/driver/src/cypress.ts b/packages/driver/src/cypress.ts
index c8657904fae7..dd7e47d887d9 100644
--- a/packages/driver/src/cypress.ts
+++ b/packages/driver/src/cypress.ts
@@ -88,6 +88,31 @@ interface AutomationError extends Error {
 // Are we running Cypress in Cypress? (Used for E2E Testing for Cypress in Cypress only)
 const isCypressInCypress = document.defaultView !== top
 
+const handlePrimaryOriginSocketEvent = (Cypress, backendRequestNamespace: string) => {
+  Cypress.primaryOriginCommunicator.on(
+    backendRequestNamespace,
+    async ({ args: [eventName, ...args] }: { args: [string, any[]] }, { source, responseEvent }) => {
+      let response
+
+      try {
+        response = await Cypress.backendRequestHandler(
+          backendRequestNamespace,
+          eventName,
+          ...args,
+        )
+      } catch (error) {
+        response = { error }
+      }
+
+      Cypress.primaryOriginCommunicator.toSource(
+        source,
+        responseEvent,
+        response,
+      )
+    },
+  )
+}
+
 class $Cypress {
   cy: any
   chai: any
@@ -161,6 +186,8 @@ class $Cypress {
   sinon = sinon
   lolex = fakeTimers
 
+  handlePrimaryOriginSocketEvent = handlePrimaryOriginSocketEvent
+
   static $: any
   static utils: any
 
@@ -764,7 +791,7 @@ class $Cypress {
     }
   }
 
-  backend (eventName, ...args) {
+  backendRequestHandler (backendRequestNamespace: string, eventName, ...args) {
     return new Promise((resolve, reject) => {
       const fn = function (reply) {
         const e = reply.error
@@ -787,10 +814,14 @@ class $Cypress {
         return resolve(reply.response)
       }
 
-      return this.emit('backend:request', eventName, ...args, fn)
+      return this.emit(backendRequestNamespace, eventName, ...args, fn)
     })
   }
 
+  backend (eventName, ...args) {
+    return this.backendRequestHandler('backend:request', eventName, ...args)
+  }
+
   automation (eventName, ...args) {
     // wrap action in promise
     return new Promise((resolve, reject) => {
diff --git a/packages/driver/src/cypress/error_messages.ts b/packages/driver/src/cypress/error_messages.ts
index a82d7a419084..9287733b8cd7 100644
--- a/packages/driver/src/cypress/error_messages.ts
+++ b/packages/driver/src/cypress/error_messages.ts
@@ -1322,6 +1322,41 @@ export default {
     `,
   },
 
+  prompt: {
+    promptDownloadError (obj) {
+      return {
+        message: stripIndent`\
+        Failed to download cy.prompt Cloud code:
+
+        - ${obj.error.code}: ${obj.error.message}
+
+         Check your network connection and file settings to ensure download is not interrupted.
+      `,
+        docsUrl: 'https://on.cypress.io/prompt-download-error',
+      }
+    },
+    promptDownloadTimedOut (obj) {
+      return {
+        message: stripIndent`\
+        Timed out waiting for cy.prompt Cloud code:
+
+        - ${obj.error.code}: ${obj.error.message}
+
+         Check your network connection and system configuration.
+      `,
+        docsUrl: 'https://on.cypress.io/prompt-download-error',
+      }
+    },
+    promptSupportedBrowser: stripIndent`\
+        \`cy.prompt\` is only supported in Chromium-based browsers.
+
+        Use Chrome, Electron, Chromium, or Chrome for Testing.
+      `,
+    promptTestingTypeError: stripIndent`\
+      \`cy.prompt\` is currently only supported in end-to-end tests.
+    `,
+  },
+
   proxy: {
     js_rewriting_failed: stripIndent`\
       An error occurred in the Cypress proxy layer while rewriting your source code. This is a bug in Cypress. Open an issue if you see this message.
diff --git a/packages/driver/src/cypress/error_utils.ts b/packages/driver/src/cypress/error_utils.ts
index aef91fdc5014..f71959142525 100644
--- a/packages/driver/src/cypress/error_utils.ts
+++ b/packages/driver/src/cypress/error_utils.ts
@@ -22,6 +22,8 @@ const ERR_PREPARED_FOR_SERIALIZATION = Symbol('ERR_PREPARED_FOR_SERIALIZATION')
 
 const crossOriginScriptRe = /^script error/i
 
+let allErrorMessages = $errorMessages
+
 if (!Error.captureStackTrace) {
   Error.captureStackTrace = (err, fn) => {
     const stack = (new Error()).stack
@@ -396,7 +398,7 @@ const docsUrlByParents = (msgPath) => {
     return // reached root
   }
 
-  const obj = _.get($errorMessages, msgPath)
+  const obj = _.get(allErrorMessages, msgPath)
 
   if (obj.hasOwnProperty('docsUrl')) {
     return obj.docsUrl
@@ -406,7 +408,7 @@ const docsUrlByParents = (msgPath) => {
 }
 
 const errByPath = (msgPath, args?) => {
-  let msgValue = _.get($errorMessages, msgPath)
+  let msgValue = _.get(allErrorMessages, msgPath)
 
   if (!msgValue) {
     return internalErr({ message: `Error message path '${msgPath}' does not exist` })
@@ -655,6 +657,13 @@ const getUnsupportedPlugin = (runnable) => {
   return null
 }
 
+const extendErrorMessages = (errorMessages: any) => {
+  allErrorMessages = {
+    ...allErrorMessages,
+    ...errorMessages,
+  }
+}
+
 export default {
   stackWithReplacedProps,
   appendErrMsg,
@@ -679,4 +688,5 @@ export default {
   throwErrByPath,
   warnByPath,
   wrapErr,
+  extendErrorMessages,
 }
diff --git a/packages/driver/types/internal-types-lite.d.ts b/packages/driver/types/internal-types-lite.d.ts
index 5229aaee0b3a..14e3d7b952b6 100644
--- a/packages/driver/types/internal-types-lite.d.ts
+++ b/packages/driver/types/internal-types-lite.d.ts
@@ -1,6 +1,5 @@
 /// <reference path="./cy/logGroup.d.ts" />
 /// <reference path="./cypress/log.d.ts" />
-
 // All of the types needed by packages/app, without any of the additional APIs used in the driver only
 
 declare namespace Cypress {
@@ -12,7 +11,9 @@ declare namespace Cypress {
     primaryOriginCommunicator: import('eventemitter2').EventEmitter2 & {
       toSpecBridge: (origin: string, event: string, data?: any, responseEvent?: string) => void
       userInvocationStack?: string
+      toSource: (source: string, responseEvent: string, response: any) => void
     }
+    backendRequestHandler: (backendRequestNamespace: string, emitter: Emitter, eventName: string, ...args: any[]) => Promise<any>
   }
 
   interface Actions {
@@ -41,6 +42,7 @@ declare namespace Cypress {
     (task: 'protocol:test:before:after:run:async', attributes: any, options: any): Promise<void>
     (task: 'protocol:url:changed', input: any): Promise<void>
     (task: 'protocol:page:loading', input: any): Promise<void>
+    (task: 'wait:for:prompt:ready'): Promise<{ success: boolean, error?: Error }>
   }
 
   interface Devices {
diff --git a/packages/driver/types/internal-types.d.ts b/packages/driver/types/internal-types.d.ts
index bc632521e2b2..4794fca9cfbe 100644
--- a/packages/driver/types/internal-types.d.ts
+++ b/packages/driver/types/internal-types.d.ts
@@ -53,6 +53,7 @@ declare namespace Cypress {
     utils: CypressUtils
     events: Events
     specBridgeCommunicator: import('../src/cross-origin/communicator').SpecBridgeCommunicator
+    handleCrossOriginSocketEvent?: typeof handleCrossOriginSocketEvent
     mocha: $Mocha
     configure: (config: Cypress.ObjectLike) => void
     isCrossOriginSpecBridge: boolean
diff --git a/packages/frontend-shared/src/assets/icons/technology-angle-brackets_x16.svg b/packages/frontend-shared/src/assets/icons/technology-angle-brackets_x16.svg
new file mode 100644
index 000000000000..055be4155c2a
--- /dev/null
+++ b/packages/frontend-shared/src/assets/icons/technology-angle-brackets_x16.svg
@@ -0,0 +1,10 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M11 13L15 8L11 3M5 13L1 8L5 3"
+    stroke="currentColor"
+    stroke-width="2"
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    class="icon-dark"
+  />
+</svg>
diff --git a/packages/frontend-shared/src/locales/en-US.json b/packages/frontend-shared/src/locales/en-US.json
index 15f7658290ec..3f009cb586a8 100644
--- a/packages/frontend-shared/src/locales/en-US.json
+++ b/packages/frontend-shared/src/locales/en-US.json
@@ -613,6 +613,10 @@
         "name": "Studio",
         "description": "Generate and save commands directly to your test suite by interacting with your app as an end user would."
       },
+      "experimentalPromptCommand": {
+        "name": "Prompt command",
+        "description": "Enables support for the prompt command."
+      },
       "experimentalWebKitSupport": {
         "name": "WebKit Support",
         "description": "Adds support for testing in the WebKit browser engine used by Safari. See https://on.cypress.io/webkit-experiment for more information."
diff --git a/packages/reporter/src/commands/command-model.ts b/packages/reporter/src/commands/command-model.ts
index c56f50408008..e02d297f2070 100644
--- a/packages/reporter/src/commands/command-model.ts
+++ b/packages/reporter/src/commands/command-model.ts
@@ -128,6 +128,12 @@ export default class Command extends Instrument {
     return this.err?.isRecovered
   }
 
+  get isCyPrompt () {
+    // @ts-expect-error - experimentalPromptCommand is not typed until we
+    // release the feature
+    return Cypress.config('experimentalPromptCommand') && !Cypress.config('isTextTerminal') && this.name === 'prompt'
+  }
+
   constructor (props: CommandProps) {
     super(props)
 
diff --git a/packages/reporter/src/commands/command.cy.tsx b/packages/reporter/src/commands/command.cy.tsx
index 0958fc74be0b..1b841a8f7ad3 100644
--- a/packages/reporter/src/commands/command.cy.tsx
+++ b/packages/reporter/src/commands/command.cy.tsx
@@ -30,6 +30,7 @@ describe('commands', () => {
               })
             }
             scrollIntoView={() => {}}
+            aliasesWithDuplicates={[]}
           />
         </div>,
       )
@@ -98,6 +99,7 @@ describe('commands', () => {
                 })
               }
               scrollIntoView={() => {}}
+              aliasesWithDuplicates={[]}
             />
           ))}
         </div>,
@@ -106,4 +108,94 @@ describe('commands', () => {
       cy.percySnapshot()
     })
   })
+
+  describe('prompt', () => {
+    let config
+
+    beforeEach(() => {
+      config = cy.stub(Cypress, 'config').log(false).callThrough()
+    })
+
+    it('should render prompt get code button when state is passed', () => {
+      config.withArgs('experimentalPromptCommand').returns(true)
+      config.withArgs('isTextTerminal').returns(false)
+      cy.mount(
+        <div>
+          <Command
+            model={
+              new CommandModel({
+                name: 'prompt',
+                state: 'passed',
+                numElements: 1,
+                hookId: '1',
+                id: 1,
+                testId: '1',
+              })
+            }
+            scrollIntoView={() => {}}
+            aliasesWithDuplicates={[]}
+          />
+        </div>,
+      )
+
+      cy.get('.command-prompt-get-code').should('be.visible').should('have.text', 'Get code')
+      cy.get('.command-prompt-get-code-indicator').should('be.visible')
+
+      cy.percySnapshot()
+    })
+
+    it('should not render prompt get code button when state is not passed', () => {
+      config.withArgs('experimentalPromptCommand').returns(true)
+      config.withArgs('isTextTerminal').returns(false)
+      cy.mount(
+        <div>
+          <Command
+            model={
+              new CommandModel({
+                name: 'prompt',
+                state: 'pending',
+                numElements: 1,
+                hookId: '1',
+                id: 1,
+                testId: '1',
+              })
+            }
+            scrollIntoView={() => {}}
+            aliasesWithDuplicates={[]}
+          />
+        </div>,
+      )
+
+      cy.get('.command-prompt-get-code').should('not.exist')
+      cy.get('.command-prompt-get-code-indicator').should('not.exist')
+    })
+
+    it('should not render prompt if experimentalPromptCommand is false', () => {
+      config.withArgs('experimentalPromptCommand').returns(false)
+      config.withArgs('isTextTerminal').returns(false)
+
+      cy.mount(
+        <div>
+          <Command model={new CommandModel({ name: 'prompt', state: 'passed', numElements: 1, hookId: '1', id: 1, testId: '1' })} scrollIntoView={() => {}} aliasesWithDuplicates={[]} />
+        </div>,
+      )
+
+      cy.get('.command-prompt-get-code').should('not.exist')
+      cy.get('.command-prompt-get-code-indicator').should('not.exist')
+    })
+
+    it('should not render prompt if isTextTerminal is true', () => {
+      config.withArgs('experimentalPromptCommand').returns(true)
+      config.withArgs('isTextTerminal').returns(true)
+
+      cy.mount(
+        <div>
+          <Command model={new CommandModel({ name: 'prompt', state: 'passed', numElements: 1, hookId: '1', id: 1, testId: '1' })} scrollIntoView={() => {}} aliasesWithDuplicates={[]} />
+        </div>,
+      )
+
+      cy.get('.command-prompt-get-code').should('not.exist')
+      cy.get('.command-prompt-get-code-indicator').should('not.exist')
+    })
+  })
 })
diff --git a/packages/reporter/src/commands/command.tsx b/packages/reporter/src/commands/command.tsx
index 83d813126a53..4ee7711d41d8 100644
--- a/packages/reporter/src/commands/command.tsx
+++ b/packages/reporter/src/commands/command.tsx
@@ -23,6 +23,7 @@ import ChevronIcon from '@packages/frontend-shared/src/assets/icons/chevron-down
 import HiddenIcon from '@packages/frontend-shared/src/assets/icons/general-eye-closed_x16.svg'
 import PinIcon from '@packages/frontend-shared/src/assets/icons/object-pin_x16.svg'
 import RunningIcon from '@packages/frontend-shared/src/assets/icons/status-running_x16.svg'
+import AngleBracketsIcon from '@packages/frontend-shared/src/assets/icons/technology-angle-brackets_x16.svg'
 
 const displayName = (model: CommandModel) => model.displayName || model.name
 const nameClassName = (name: string) => name.replace(/(\s+)/g, '-')
@@ -525,26 +526,37 @@ const Command: React.FC<CommandProps> = observer(({ model, aliasesWithDuplicates
             shouldShowMessage={_shouldShowClickMessage}
             wrapperClassName={cs('command-pin-target', { 'command-group': !!groupId, 'command-group-no-children': !model.hasChildren && model.group })}
           >
-            <div
-              className={cs('command-wrapper-text', {
-                'command-wrapper-text-group': model.hasChildren && groupId,
-                'command-wrapper-text-group-parent': model.hasChildren && !groupId,
-              })}
-              onMouseEnter={() => _snapshot(true)}
-              onMouseLeave={() => _snapshot(false)}
-            >
-              {groupPlaceholder}
-
-              {model.hasChildren && groupId && (
-                <div className={cs('command-expander-column-group', { 'nested-group-expander': model.groupLevel })} onClick={(e) => {
+            <div className='command-wrapper-container'>
+              <div
+                className={cs('command-wrapper-text', {
+                  'command-wrapper-text-group': model.hasChildren && groupId,
+                  'command-wrapper-text-group-parent': model.hasChildren && !groupId,
+                })}
+                onMouseEnter={() => _snapshot(true)}
+                onMouseLeave={() => _snapshot(false)}
+              >
+                {groupPlaceholder}
+
+                {model.hasChildren && groupId && (
+                  <div className={cs('command-expander-column-group', { 'nested-group-expander': model.groupLevel })} onClick={(e) => {
+                    e.stopPropagation()
+                    model.toggleOpen()
+                  }}>
+                    <ChevronIcon className={cs('command-expander', { 'command-expander-is-open': model.hasChildren && !!model.isOpen })} />
+                  </div>
+                )}
+                <CommandDetails model={model} groupId={groupId} aliasesWithDuplicates={aliasesWithDuplicates} />
+                <CommandControls model={model} commandName={commandName} events={events} />
+              </div>
+              {model.isCyPrompt && model.state === 'passed' && (
+                <div className='command-prompt-get-code' onClick={(e) => {
                   e.stopPropagation()
-                  model.toggleOpen()
+                  events.emit('prompt:get-code', { testId: model.testId, logId: model.id })
                 }}>
-                  <ChevronIcon className={cs('command-expander', { 'command-expander-is-open': model.hasChildren && !!model.isOpen })} />
+                  <AngleBracketsIcon className='command-prompt-get-code-indicator' width={12} height={12} />
+                  <span>Get code</span>
                 </div>
               )}
-              <CommandDetails model={model} groupId={groupId} aliasesWithDuplicates={aliasesWithDuplicates} />
-              <CommandControls model={model} commandName={commandName} events={events} />
             </div>
           </FlashOnClick>
         </div>
diff --git a/packages/reporter/src/commands/commands.scss b/packages/reporter/src/commands/commands.scss
index 290869c55e0f..52593a6f125c 100644
--- a/packages/reporter/src/commands/commands.scss
+++ b/packages/reporter/src/commands/commands.scss
@@ -76,11 +76,22 @@
       .command-expander > path {
         stroke: $gray-700;
       }
+
+      .command-prompt-get-code {
+        background: $gray-900;
+        border: 1px solid $gray-700;
+        color: $gray-200;
+
+        svg {
+          color: $gray-200;
+        }
+      }
     }
 
     .command-wrapper-text {
       display: flex;
       flex-wrap: nowrap;
+      width: 100%;
     }
 
     .command-interceptions {
@@ -105,6 +116,31 @@
         margin-left: 0;
       }
     }
+
+    .command-wrapper-container {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      width: 100%;
+
+      .command-prompt-get-code {
+        min-width: 85px;
+        margin-top: 1px;
+        align-self: flex-start;
+        display: flex;
+        padding: 2px 4px;
+        gap: 4px;
+        align-items: center;
+        cursor: pointer;
+        border-radius: 4px;
+        border: 1px solid $gray-900;
+        color: $gray-300;
+      
+        svg {
+          color: $gray-500;
+        }       
+      }
+    }
   }
 
   .command-number-column {
diff --git a/packages/reporter/src/lib/events.ts b/packages/reporter/src/lib/events.ts
index 1d25f9aca4bc..78e1f7a3ea8a 100644
--- a/packages/reporter/src/lib/events.ts
+++ b/packages/reporter/src/lib/events.ts
@@ -237,6 +237,10 @@ const events: Events = {
     localBus.on('studio:copy:to:clipboard', (cb) => {
       runner.emit('studio:copy:to:clipboard', cb)
     })
+
+    localBus.on('prompt:get-code', (args: { testId: string, logId: string }) => {
+      runner.emit('prompt:get-code', args)
+    })
   },
 
   emit (event, ...args) {
diff --git a/packages/server/lib/browsers/browser-cri-client.ts b/packages/server/lib/browsers/browser-cri-client.ts
index fe6aa66851a0..db53b515950e 100644
--- a/packages/server/lib/browsers/browser-cri-client.ts
+++ b/packages/server/lib/browsers/browser-cri-client.ts
@@ -8,7 +8,7 @@ import * as errors from '../errors'
 import type { CypressError } from '@packages/errors'
 import { CriClient, DEFAULT_NETWORK_ENABLE_OPTIONS } from './cri-client'
 import { serviceWorkerClientEventHandler, serviceWorkerClientEventHandlerName } from '@packages/proxy/lib/http/util/service-worker-manager'
-import type { ProtocolManagerShape } from '@packages/types'
+import type { CyPromptManagerShape, ProtocolManagerShape } from '@packages/types'
 import type { ServiceWorkerEventHandler } from '@packages/proxy/lib/http/util/service-worker-manager'
 
 const debug = Debug('cypress:server:browsers:browser-cri-client')
@@ -38,6 +38,7 @@ type BrowserCriClientCreateOptions = {
   onReconnect?: (client: CriClient) => void
   port: number
   protocolManager?: ProtocolManagerShape
+  cyPromptManager?: CyPromptManagerShape
   onServiceWorkerClientEvent: ServiceWorkerEventHandler
 }
 
@@ -184,10 +185,12 @@ export class BrowserCriClient {
   private browserName: string
   private onAsynchronousError: (err: CypressError) => void
   private protocolManager?: ProtocolManagerShape
+  private cyPromptManager?: CyPromptManagerShape
   private fullyManageTabs?: boolean
   onServiceWorkerClientEvent: ServiceWorkerEventHandler
   currentlyAttachedTarget: CriClient | undefined
   currentlyAttachedProtocolTarget: CriClient | undefined
+  currentlyAttachedCyPromptTarget: CriClient | undefined
   // whenever we instantiate the instance we're already connected bc
   // we receive an underlying CRI connection
   // TODO: remove "connected" in favor of closing/closed or disconnected
@@ -466,8 +469,9 @@ export class BrowserCriClient {
     // otherwise it means the the browser itself was closed
 
     // always close the connection to the page target because it was destroyed
-    browserCriClient.currentlyAttachedTarget.close().catch(() => { }),
-    browserCriClient.currentlyAttachedProtocolTarget?.close().catch(() => {})
+    browserCriClient.currentlyAttachedTarget.close().catch(() => { })
+    browserCriClient.currentlyAttachedProtocolTarget?.close().catch(() => { })
+    browserCriClient.currentlyAttachedCyPromptTarget?.close().catch(() => { })
 
     new Bluebird((resolve) => {
       // this event could fire either expectedly or unexpectedly
@@ -565,9 +569,10 @@ export class BrowserCriClient {
       // which we do when we exit out of studio in open mode.
       if (!this.currentlyAttachedProtocolTarget) {
         this.currentlyAttachedProtocolTarget = await this.currentlyAttachedTarget.clone()
-        await this.protocolManager?.connectToBrowser(this.currentlyAttachedProtocolTarget)
       }
 
+      await this.protocolManager?.connectToBrowser(this.currentlyAttachedProtocolTarget)
+
       return this.currentlyAttachedTarget
     }, this.browserName, this.port)
   }
@@ -606,8 +611,11 @@ export class BrowserCriClient {
 
       debug('target closed', this.currentlyAttachedTarget.targetId)
 
-      await this.currentlyAttachedTarget.close().catch(() => {})
-      await this.currentlyAttachedProtocolTarget?.close().catch(() => {})
+      await Promise.all([
+        this.currentlyAttachedTarget.close().catch(() => {}),
+        this.currentlyAttachedProtocolTarget?.close().catch(() => {}),
+        this.currentlyAttachedCyPromptTarget?.close().catch(() => {}),
+      ])
 
       debug('target client closed', this.currentlyAttachedTarget.targetId)
     }
@@ -620,6 +628,10 @@ export class BrowserCriClient {
       this.browserClient.off(subscription.eventName, subscription.cb as any)
     })
 
+    this.currentlyAttachedCyPromptTarget?.queue.subscriptions.forEach((subscription) => {
+      this.browserClient.off(subscription.eventName, subscription.cb as any)
+    })
+
     if (target) {
       this.currentlyAttachedTarget = await CriClient.create({
         target: target.targetId,
@@ -631,13 +643,24 @@ export class BrowserCriClient {
         browserClient: this.browserClient,
       })
 
-      // Clone the target here so that we separate the protocol client and the main client.
-      // This allows us to close the protocol client independently of the main client
-      // which we do when we exit out of studio in open mode.
-      this.currentlyAttachedProtocolTarget = await this.currentlyAttachedTarget.clone()
+      const currentTarget = this.currentlyAttachedTarget
+
+      const createProtocolTarget = async () => {
+        this.currentlyAttachedProtocolTarget = await currentTarget.clone()
+      }
+
+      const createCyPromptTarget = async () => {
+        this.currentlyAttachedCyPromptTarget = await currentTarget.clone()
+      }
+
+      await Promise.all([
+        createProtocolTarget(),
+        createCyPromptTarget(),
+      ])
     } else {
       this.currentlyAttachedTarget = undefined
       this.currentlyAttachedProtocolTarget = undefined
+      this.currentlyAttachedCyPromptTarget = undefined
     }
 
     this.resettingBrowserTargets = false
@@ -696,8 +719,11 @@ export class BrowserCriClient {
     this.connected = false
 
     if (this.currentlyAttachedTarget) {
-      await this.currentlyAttachedTarget.close()
-      await this.currentlyAttachedProtocolTarget?.close()
+      await Promise.all([
+        this.currentlyAttachedTarget.close(),
+        this.currentlyAttachedProtocolTarget?.close(),
+        this.currentlyAttachedCyPromptTarget?.close(),
+      ])
     }
 
     await this.browserClient.close()
diff --git a/packages/server/lib/browsers/chrome.ts b/packages/server/lib/browsers/chrome.ts
index c2d969d3b73b..ea00e5401049 100644
--- a/packages/server/lib/browsers/chrome.ts
+++ b/packages/server/lib/browsers/chrome.ts
@@ -21,7 +21,7 @@ import type { CriClient } from './cri-client'
 import type { Automation } from '../automation'
 import memory from './memory'
 
-import type { BrowserLaunchOpts, BrowserNewTabOpts, ProtocolManagerShape, RunModeVideoApi } from '@packages/types'
+import type { BrowserLaunchOpts, BrowserNewTabOpts, ProtocolManagerShape, CyPromptManagerShape, RunModeVideoApi } from '@packages/types'
 import type { CDPSocketServer } from '@packages/socket/lib/cdp-socket'
 import { DEFAULT_CHROME_FLAGS } from '../util/chromium_flags'
 
@@ -412,6 +412,18 @@ export = {
     await options.protocolManager?.connectToBrowser(browserCriClient.currentlyAttachedProtocolTarget)
   },
 
+  async connectCyPromptToBrowser (options: { cyPromptManager?: CyPromptManagerShape }) {
+    const browserCriClient = this._getBrowserCriClient()
+
+    if (!browserCriClient?.currentlyAttachedTarget) throw new Error('Missing pageCriClient in connectCyPromptToBrowser')
+
+    if (!browserCriClient.currentlyAttachedCyPromptTarget) {
+      browserCriClient.currentlyAttachedCyPromptTarget = await browserCriClient.currentlyAttachedTarget.clone()
+    }
+
+    await options.cyPromptManager?.connectToBrowser(browserCriClient.currentlyAttachedCyPromptTarget)
+  },
+
   async closeProtocolConnection () {
     const browserCriClient = this._getBrowserCriClient()
 
diff --git a/packages/server/lib/browsers/electron.ts b/packages/server/lib/browsers/electron.ts
index 07762ae2b7c7..fb75f9d7593e 100644
--- a/packages/server/lib/browsers/electron.ts
+++ b/packages/server/lib/browsers/electron.ts
@@ -12,7 +12,7 @@ import type { Browser, BrowserInstance, GracefulShutdownOptions } from './types'
 // tslint:disable-next-line no-implicit-dependencies - electron dep needs to be defined
 import type { BrowserWindow } from 'electron'
 import type { Automation } from '../automation'
-import type { BrowserLaunchOpts, Preferences, ProtocolManagerShape, RunModeVideoApi } from '@packages/types'
+import type { BrowserLaunchOpts, Preferences, ProtocolManagerShape, CyPromptManagerShape, RunModeVideoApi } from '@packages/types'
 import type { CDPSocketServer } from '@packages/socket/lib/cdp-socket'
 import memory from './memory'
 import { BrowserCriClient } from './browser-cri-client'
@@ -500,6 +500,19 @@ export = {
     await options.protocolManager?.connectToBrowser(browserCriClient.currentlyAttachedProtocolTarget)
   },
 
+  async connectCyPromptToBrowser (options: { cyPromptManager?: CyPromptManagerShape }) {
+    const browserCriClient = this._getBrowserCriClient()
+
+    if (!browserCriClient?.currentlyAttachedTarget) throw new Error('Missing pageCriClient in connectCyPromptToBrowser')
+
+    // Clone the target here so that we separate the cy prompt client and the main client.
+    if (!browserCriClient.currentlyAttachedCyPromptTarget) {
+      browserCriClient.currentlyAttachedCyPromptTarget = await browserCriClient.currentlyAttachedTarget.clone()
+    }
+
+    await options.cyPromptManager?.connectToBrowser(browserCriClient.currentlyAttachedCyPromptTarget)
+  },
+
   async closeProtocolConnection () {
     const browserCriClient = this._getBrowserCriClient()
 
diff --git a/packages/server/lib/browsers/firefox.ts b/packages/server/lib/browsers/firefox.ts
index 9cdc2c4e4c9e..34850fc0e3de 100644
--- a/packages/server/lib/browsers/firefox.ts
+++ b/packages/server/lib/browsers/firefox.ts
@@ -439,6 +439,10 @@ export function connectProtocolToBrowser (): Promise<void> {
   throw new Error('Protocol is not yet supported in firefox.')
 }
 
+export function connectCyPromptToBrowser (): Promise<void> {
+  throw new Error('CyPrompt is not yet supported in firefox.')
+}
+
 export function closeProtocolConnection (): Promise<void> {
   throw new Error('Protocol is not yet supported in firefox.')
 }
diff --git a/packages/server/lib/browsers/index.ts b/packages/server/lib/browsers/index.ts
index b492d76b823a..ed09ac4c0799 100644
--- a/packages/server/lib/browsers/index.ts
+++ b/packages/server/lib/browsers/index.ts
@@ -7,7 +7,7 @@ import check from 'check-more-types'
 import { exec } from 'child_process'
 import util from 'util'
 import os from 'os'
-import { BROWSER_FAMILY, BrowserLaunchOpts, BrowserNewTabOpts, FoundBrowser, ProtocolManagerShape } from '@packages/types'
+import { BROWSER_FAMILY, BrowserLaunchOpts, BrowserNewTabOpts, FoundBrowser, ProtocolManagerShape, CyPromptManagerShape } from '@packages/types'
 import type { Browser, BrowserInstance, BrowserLauncher } from './types'
 import type { Automation } from '../automation'
 import type { DataContext } from '@packages/data-context'
@@ -147,6 +147,12 @@ export = {
     await browserLauncher.connectProtocolToBrowser(options)
   },
 
+  async connectCyPromptToBrowser (options: { browser: Browser, foundBrowsers?: FoundBrowser[], cyPromptManager?: CyPromptManagerShape }) {
+    const browserLauncher = await getBrowserLauncher(options.browser, options.foundBrowsers || [])
+
+    await browserLauncher.connectCyPromptToBrowser(options)
+  },
+
   async closeProtocolConnection (options: { browser: Browser, foundBrowsers?: FoundBrowser[] }) {
     const browserLauncher = await getBrowserLauncher(options.browser, options.foundBrowsers || [])
 
diff --git a/packages/server/lib/browsers/types.ts b/packages/server/lib/browsers/types.ts
index d0579439d622..59668bd41915 100644
--- a/packages/server/lib/browsers/types.ts
+++ b/packages/server/lib/browsers/types.ts
@@ -1,4 +1,4 @@
-import type { FoundBrowser, BrowserLaunchOpts, BrowserNewTabOpts, ProtocolManagerShape } from '@packages/types'
+import type { FoundBrowser, BrowserLaunchOpts, BrowserNewTabOpts, ProtocolManagerShape, CyPromptManagerShape } from '@packages/types'
 import type { EventEmitter } from 'events'
 import type { Automation } from '../automation'
 import type { CDPSocketServer } from '@packages/socket/lib/cdp-socket'
@@ -45,6 +45,10 @@ export type BrowserLauncher = {
    * Used to connect the protocol to an existing browser.
    */
   connectProtocolToBrowser: (options: { protocolManager?: ProtocolManagerShape }) => Promise<void>
+  /**
+   * Used to connect the cy prompt to an existing browser.
+   */
+  connectCyPromptToBrowser: (options: { cyPromptManager?: CyPromptManagerShape }) => Promise<void>
   /**
    * Closes the protocol connection to the browser.
    */
diff --git a/packages/server/lib/browsers/webkit.ts b/packages/server/lib/browsers/webkit.ts
index 794990cedccc..22ccf58a3302 100644
--- a/packages/server/lib/browsers/webkit.ts
+++ b/packages/server/lib/browsers/webkit.ts
@@ -40,6 +40,10 @@ export function connectProtocolToBrowser (): Promise<void> {
   throw new Error('Protocol is not yet supported in WebKit.')
 }
 
+export function connectCyPromptToBrowser (): Promise<void> {
+  throw new Error('CyPrompt is not yet supported in WebKit.')
+}
+
 export function closeProtocolConnection (): Promise<void> {
   throw new Error('Protocol is not yet supported in WebKit.')
 }
diff --git a/packages/server/lib/cloud/api/cy-prompt/get_cy_prompt_bundle.ts b/packages/server/lib/cloud/api/cy-prompt/get_cy_prompt_bundle.ts
new file mode 100644
index 000000000000..0eb3f3879afa
--- /dev/null
+++ b/packages/server/lib/cloud/api/cy-prompt/get_cy_prompt_bundle.ts
@@ -0,0 +1,64 @@
+import { asyncRetry, linearDelay } from '../../../util/async_retry'
+import { isRetryableError } from '../../network/is_retryable_error'
+import fetch from 'cross-fetch'
+import os from 'os'
+import { agent } from '@packages/network'
+import { PUBLIC_KEY_VERSION } from '../../constants'
+import { createWriteStream } from 'fs'
+import { verifySignatureFromFile } from '../../encryption'
+
+const pkg = require('@packages/root')
+const _delay = linearDelay(500)
+
+export const getCyPromptBundle = async ({ cyPromptUrl, projectId, bundlePath }: { cyPromptUrl: string, projectId?: string, bundlePath: string }) => {
+  let responseSignature: string | null = null
+
+  await (asyncRetry(async () => {
+    const response = await fetch(cyPromptUrl, {
+      // @ts-expect-error - this is supported
+      agent,
+      method: 'GET',
+      headers: {
+        'x-route-version': '1',
+        'x-cypress-signature': PUBLIC_KEY_VERSION,
+        ...(projectId ? { 'x-cypress-project-slug': projectId } : {}),
+        'x-cypress-cy-prompt-mount-version': '1',
+        'x-os-name': os.platform(),
+        'x-cypress-version': pkg.version,
+      },
+      encrypt: 'signed',
+    })
+
+    if (!response.ok) {
+      throw new Error(`Failed to download cy-prompt bundle: ${response.statusText}`)
+    }
+
+    responseSignature = response.headers.get('x-cypress-signature')
+
+    await new Promise<void>((resolve, reject) => {
+      const writeStream = createWriteStream(bundlePath)
+
+      writeStream.on('error', reject)
+      writeStream.on('finish', () => {
+        resolve()
+      })
+
+      // @ts-expect-error - this is supported
+      response.body?.pipe(writeStream)
+    })
+  }, {
+    maxAttempts: 3,
+    retryDelay: _delay,
+    shouldRetry: isRetryableError,
+  }))()
+
+  if (!responseSignature) {
+    throw new Error('Unable to get cy-prompt signature')
+  }
+
+  const verified = await verifySignatureFromFile(bundlePath, responseSignature)
+
+  if (!verified) {
+    throw new Error('Unable to verify cy-prompt signature')
+  }
+}
diff --git a/packages/server/lib/cloud/api/cy-prompt/post_cy_prompt_session.ts b/packages/server/lib/cloud/api/cy-prompt/post_cy_prompt_session.ts
new file mode 100644
index 000000000000..44c13fea4c8a
--- /dev/null
+++ b/packages/server/lib/cloud/api/cy-prompt/post_cy_prompt_session.ts
@@ -0,0 +1,44 @@
+import { asyncRetry, linearDelay } from '../../../util/async_retry'
+import { isRetryableError } from '../../network/is_retryable_error'
+import fetch from 'cross-fetch'
+import os from 'os'
+import { agent } from '@packages/network'
+
+const pkg = require('@packages/root')
+const routes = require('../../routes') as typeof import('../../routes')
+
+interface PostCyPromptSessionOptions {
+  projectId?: string
+}
+
+const _delay = linearDelay(500)
+
+export const postCyPromptSession = async ({ projectId }: PostCyPromptSessionOptions) => {
+  return await (asyncRetry(async () => {
+    const response = await fetch(routes.apiRoutes.cyPromptSession(), {
+      // @ts-expect-error - this is supported
+      agent,
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'x-os-name': os.platform(),
+        'x-cypress-version': pkg.version,
+      },
+      body: JSON.stringify({ projectSlug: projectId, cyPromptMountVersion: 1 }),
+    })
+
+    if (!response.ok) {
+      throw new Error(`Failed to create cy-prompt session: ${response.statusText}`)
+    }
+
+    const data = await response.json()
+
+    return {
+      cyPromptUrl: data.cyPromptUrl,
+    }
+  }, {
+    maxAttempts: 3,
+    retryDelay: _delay,
+    shouldRetry: isRetryableError,
+  }))()
+}
diff --git a/packages/server/lib/cloud/cy-prompt/CyPromptLifecycleManager.ts b/packages/server/lib/cloud/cy-prompt/CyPromptLifecycleManager.ts
new file mode 100644
index 000000000000..2809e815d7f0
--- /dev/null
+++ b/packages/server/lib/cloud/cy-prompt/CyPromptLifecycleManager.ts
@@ -0,0 +1,266 @@
+import { CyPromptManager } from './CyPromptManager'
+import Debug from 'debug'
+import type { CloudDataSource } from '@packages/data-context/src/sources'
+import type { DataContext } from '@packages/data-context'
+import { CloudRequest } from '../api/cloud_request'
+import { isRetryableError } from '../network/is_retryable_error'
+import { asyncRetry } from '../../util/async_retry'
+import { postCyPromptSession } from '../api/cy-prompt/post_cy_prompt_session'
+import path from 'path'
+import os from 'os'
+import { readFile } from 'fs-extra'
+import { ensureCyPromptBundle } from './ensure_cy_prompt_bundle'
+import chokidar from 'chokidar'
+import { getCloudMetadata } from '../get_cloud_metadata'
+import type { CyPromptAuthenticatedUserShape } from '@packages/types'
+
+const debug = Debug('cypress:server:cy-prompt-lifecycle-manager')
+
+export class CyPromptLifecycleManager {
+  private static hashLoadingMap: Map<string, Promise<void>> = new Map()
+  private static watcher: chokidar.FSWatcher | null = null
+  private cyPromptManagerPromise?: Promise<{
+    cyPromptManager?: CyPromptManager
+    error?: Error
+  }>
+  private cyPromptManager?: CyPromptManager
+  private listeners: ((cyPromptManager: CyPromptManager) => void)[] = []
+
+  /**
+   * Initialize the cy prompt manager.
+   * Also registers this instance in the data context.
+   * @param projectId The project ID
+   * @param cloudDataSource The cloud data source
+   * @param ctx Data context to register this instance with
+   */
+  initializeCyPromptManager ({
+    cloudDataSource,
+    ctx,
+    record,
+    key,
+  }: {
+    cloudDataSource: CloudDataSource
+    ctx: DataContext
+    record?: boolean
+    key?: string
+  }): void {
+    // Register this instance in the data context
+    ctx.update((data) => {
+      data.cyPromptLifecycleManager = this
+    })
+
+    const getProjectOptions = async () => {
+      return {
+        user: await ctx.actions.auth.authApi.getUser(),
+        projectSlug: (await ctx.project.getConfig()).projectId || undefined,
+        record,
+        key,
+        isOpenMode: ctx.isOpenMode,
+      }
+    }
+
+    const cyPromptManagerPromise = this.createCyPromptManager({
+      cloudDataSource,
+      getProjectOptions,
+    }).catch(async (error) => {
+      debug('Error during cy prompt manager setup: %o', error)
+
+      // const cloudEnv = (process.env.CYPRESS_CONFIG_ENV || process.env.CYPRESS_INTERNAL_ENV || 'production') as 'development' | 'staging' | 'production'
+      // const cloudUrl = ctx.cloud.getCloudUrl(cloudEnv)
+      // const cloudHeaders = await ctx.cloud.additionalHeaders()
+
+      // TODO: reportCyPromptError
+      // reportCyPromptError({
+      //   cloudApi: {
+      //     cloudUrl,
+      //     cloudHeaders,
+      //     CloudRequest,
+      //     isRetryableError,
+      //     asyncRetry,
+      //   },
+      //   cyPromptHash: projectId,
+      //   projectSlug: cfg.projectId,
+      //   error,
+      //   cyPromptMethod: 'initializeCyPromptManager',
+      //   cyPromptMethodArgs: [],
+      // })
+
+      // Clean up any registered listeners
+      this.listeners = []
+
+      return { error }
+    })
+
+    this.cyPromptManagerPromise = cyPromptManagerPromise
+
+    this.setupWatcher({
+      cloudDataSource,
+      getProjectOptions,
+    })
+  }
+
+  async getCyPrompt () {
+    if (!this.cyPromptManagerPromise) {
+      throw new Error('cy prompt manager has not been initialized')
+    }
+
+    const cyPromptManager = await this.cyPromptManagerPromise
+
+    return cyPromptManager
+  }
+
+  private async createCyPromptManager ({
+    cloudDataSource,
+    getProjectOptions,
+  }: {
+    projectId?: string
+    cloudDataSource: CloudDataSource
+    getProjectOptions: () => Promise<{
+      user?: CyPromptAuthenticatedUserShape
+      projectSlug?: string
+      record?: boolean
+      key?: string
+    }>
+  }): Promise<{ cyPromptManager?: CyPromptManager, error?: Error }> {
+    let cyPromptHash: string
+    let cyPromptPath: string
+
+    const currentProjectOptions = await getProjectOptions()
+    const projectId = currentProjectOptions.projectSlug
+    const cyPromptSession = await postCyPromptSession({
+      projectId: currentProjectOptions.projectSlug,
+    })
+
+    if (!process.env.CYPRESS_LOCAL_CY_PROMPT_PATH) {
+      // The cy prompt hash is the last part of the cy prompt URL, after the last slash and before the extension
+      cyPromptHash = cyPromptSession.cyPromptUrl.split('/').pop()?.split('.')[0]
+      cyPromptPath = path.join(os.tmpdir(), 'cypress', 'cy-prompt', cyPromptHash)
+
+      let hashLoadingPromise = CyPromptLifecycleManager.hashLoadingMap.get(cyPromptHash)
+
+      if (!hashLoadingPromise) {
+        hashLoadingPromise = ensureCyPromptBundle({
+          cyPromptUrl: cyPromptSession.cyPromptUrl,
+          projectId,
+          cyPromptPath,
+        })
+
+        CyPromptLifecycleManager.hashLoadingMap.set(cyPromptHash, hashLoadingPromise)
+      }
+
+      await hashLoadingPromise
+    } else {
+      cyPromptPath = process.env.CYPRESS_LOCAL_CY_PROMPT_PATH
+      cyPromptHash = 'local'
+    }
+
+    const serverFilePath = path.join(cyPromptPath, 'server', 'index.js')
+
+    const script = await readFile(serverFilePath, 'utf8')
+    const cyPromptManager = new CyPromptManager()
+
+    const { cloudUrl } = await getCloudMetadata(cloudDataSource)
+
+    await cyPromptManager.setup({
+      script,
+      cyPromptPath,
+      cyPromptHash,
+      cloudApi: {
+        cloudUrl,
+        CloudRequest,
+        isRetryableError,
+        asyncRetry,
+      },
+      getProjectOptions,
+    })
+
+    debug('cy prompt is ready')
+    this.cyPromptManager = cyPromptManager
+    this.callRegisteredListeners()
+
+    return { cyPromptManager }
+  }
+
+  private callRegisteredListeners () {
+    if (!this.cyPromptManager) {
+      throw new Error('cy prompt manager has not been initialized')
+    }
+
+    const cyPromptManager = this.cyPromptManager
+
+    debug('Calling all cy prompt ready listeners')
+    this.listeners.forEach((listener) => {
+      listener(cyPromptManager)
+    })
+
+    if (!process.env.CYPRESS_LOCAL_CY_PROMPT_PATH) {
+      this.listeners = []
+    }
+  }
+
+  private setupWatcher ({
+    projectId,
+    cloudDataSource,
+    getProjectOptions,
+  }: {
+    projectId?: string
+    cloudDataSource: CloudDataSource
+    getProjectOptions: () => Promise<{
+      user?: CyPromptAuthenticatedUserShape
+      projectSlug?: string
+      record?: boolean
+      key?: string
+    }>
+  }) {
+    // Don't setup a watcher if the cy prompt bundle is NOT local
+    if (!process.env.CYPRESS_LOCAL_CY_PROMPT_PATH) {
+      return
+    }
+
+    // Close the watcher if a previous watcher exists
+    if (CyPromptLifecycleManager.watcher) {
+      CyPromptLifecycleManager.watcher.removeAllListeners()
+      CyPromptLifecycleManager.watcher.close().catch(() => {})
+    }
+
+    // Watch for changes to the cy prompt bundle
+    CyPromptLifecycleManager.watcher = chokidar.watch(path.join(process.env.CYPRESS_LOCAL_CY_PROMPT_PATH, 'server', 'index.js'), {
+      awaitWriteFinish: true,
+    }).on('change', async () => {
+      this.cyPromptManager = undefined
+      this.cyPromptManagerPromise = this.createCyPromptManager({
+        projectId,
+        cloudDataSource,
+        getProjectOptions,
+      }).catch((error) => {
+        debug('Error during reload of cy prompt manager: %o', error)
+
+        return {
+          cyPromptManager: undefined,
+          error: new Error('Error during reload of cy prompt manager'),
+        }
+      })
+    })
+  }
+
+  /**
+   * Register a listener that will be called when the cy prompt manager is ready
+   * @param listener Function to call when cy prompt manager is ready
+   */
+  registerCyPromptReadyListener (listener: (cyPromptManager: CyPromptManager) => void): void {
+    // if there is already a cy prompt manager, call the listener immediately
+    if (this.cyPromptManager) {
+      debug('cy prompt ready - calling listener immediately')
+      listener(this.cyPromptManager)
+
+      // If the cy prompt bundle is local, we need to register the listener
+      // so that we can reload the cy prompt when the bundle changes
+      if (process.env.CYPRESS_LOCAL_CY_PROMPT_PATH) {
+        this.listeners.push(listener)
+      }
+    } else {
+      debug('cy prompt not ready - registering cy prompt ready listener')
+      this.listeners.push(listener)
+    }
+  }
+}
diff --git a/packages/server/lib/cloud/cy-prompt/CyPromptManager.ts b/packages/server/lib/cloud/cy-prompt/CyPromptManager.ts
new file mode 100644
index 000000000000..7b72d466f7a7
--- /dev/null
+++ b/packages/server/lib/cloud/cy-prompt/CyPromptManager.ts
@@ -0,0 +1,136 @@
+import type { CyPromptManagerShape, CyPromptStatus, CyPromptServerDefaultShape, CyPromptServerShape, CyPromptCloudApi, CyPromptCDPClient, CyPromptAuthenticatedUserShape } from '@packages/types'
+import type { Router } from 'express'
+import Debug from 'debug'
+import { requireScript } from '../require_script'
+import type { Socket } from 'socket.io'
+
+interface CyPromptServer { default: CyPromptServerDefaultShape }
+
+interface SetupOptions {
+  script: string
+  cyPromptPath: string
+  cyPromptHash?: string
+  projectSlug?: string
+  cloudApi: CyPromptCloudApi
+  getProjectOptions: () => Promise<{
+    user?: CyPromptAuthenticatedUserShape
+    projectSlug?: string
+    record?: boolean
+    key?: string
+  }>
+}
+
+const debug = Debug('cypress:server:cy-prompt')
+
+export class CyPromptManager implements CyPromptManagerShape {
+  status: CyPromptStatus = 'NOT_INITIALIZED'
+  private _cyPromptServer: CyPromptServerShape | undefined
+
+  async setup ({ script, cyPromptPath, cyPromptHash, getProjectOptions, cloudApi }: SetupOptions): Promise<void> {
+    const { createCyPromptServer } = requireScript<CyPromptServer>(script).default
+
+    this._cyPromptServer = await createCyPromptServer({
+      cyPromptHash,
+      cyPromptPath,
+      cloudApi,
+      getProjectOptions,
+    })
+
+    this.status = 'INITIALIZED'
+  }
+
+  initializeRoutes (router: Router): void {
+    if (this._cyPromptServer) {
+      this.invokeSync('initializeRoutes', { isEssential: true }, router)
+    }
+  }
+
+  addSocketListeners (socket: Socket): void {
+    if (this._cyPromptServer) {
+      this.invokeSync('addSocketListeners', { isEssential: true }, socket)
+    }
+  }
+
+  connectToBrowser (target: CyPromptCDPClient): void {
+    if (this._cyPromptServer) {
+      return this.invokeSync('connectToBrowser', { isEssential: true }, target)
+    }
+  }
+
+  reset (testId?: string): void {
+    if (this._cyPromptServer) {
+      return this.invokeSync('reset', { isEssential: true }, testId)
+    }
+  }
+
+  /**
+   * Abstracts invoking a synchronous method on the CyPromptServer instance, so we can handle
+   * errors in a uniform way
+   */
+  private invokeSync<K extends CyPromptServerSyncMethods> (method: K, { isEssential }: { isEssential: boolean }, ...args: Parameters<CyPromptServerShape[K]>): any | void {
+    if (!this._cyPromptServer) {
+      return
+    }
+
+    try {
+      // @ts-expect-error - TS not associating the method & args properly, even though we know it's correct
+      return this._cyPromptServer[method].apply(this._cyPromptServer, args)
+    } catch (error: unknown) {
+      let actualError: Error
+
+      if (!(error instanceof Error)) {
+        actualError = new Error(String(error))
+      } else {
+        actualError = error
+      }
+
+      if (isEssential) {
+        this.status = 'IN_ERROR'
+      }
+
+      // TODO: report error
+      debug('Error invoking cy prompt server method %s: %o', method, actualError)
+    }
+  }
+  /**
+   * Abstracts invoking an asynchronous method on the CyPromptServer instance, so we can handle
+   * errors in a uniform way
+   */
+  private async invokeAsync <K extends CyPromptServerAsyncMethods> (method: K, { isEssential }: { isEssential: boolean }, ...args: Parameters<CyPromptServerShape[K]>): Promise<ReturnType<CyPromptServerShape[K]> | undefined> {
+    if (!this._cyPromptServer) {
+      return undefined
+    }
+
+    try {
+      // @ts-expect-error - TS not associating the method & args properly, even though we know it's correct
+      return await this._cyPromptServer[method].apply(this._cyPromptServer, args)
+    } catch (error: unknown) {
+      let actualError: Error
+
+      if (!(error instanceof Error)) {
+        actualError = new Error(String(error))
+      } else {
+        actualError = error
+      }
+
+      // only set error state if this request is essential
+      if (isEssential) {
+        this.status = 'IN_ERROR'
+      }
+
+      // TODO: report error
+      debug('Error invoking cy prompt server method %s: %o', method, actualError)
+
+      return undefined
+    }
+  }
+}
+
+// Helper types for invokeSync / invokeAsync
+type CyPromptServerSyncMethods = {
+  [K in keyof CyPromptServerShape]: ReturnType<CyPromptServerShape[K]> extends Promise<any> ? never : K
+}[keyof CyPromptServerShape]
+
+type CyPromptServerAsyncMethods = {
+  [K in keyof CyPromptServerShape]: ReturnType<CyPromptServerShape[K]> extends Promise<any> ? K : never
+}[keyof CyPromptServerShape]
diff --git a/packages/server/lib/cloud/cy-prompt/ensure_cy_prompt_bundle.ts b/packages/server/lib/cloud/cy-prompt/ensure_cy_prompt_bundle.ts
new file mode 100644
index 000000000000..8691fbea863d
--- /dev/null
+++ b/packages/server/lib/cloud/cy-prompt/ensure_cy_prompt_bundle.ts
@@ -0,0 +1,52 @@
+import { remove, ensureDir } from 'fs-extra'
+
+import tar from 'tar'
+import { getCyPromptBundle } from '../api/cy-prompt/get_cy_prompt_bundle'
+import path from 'path'
+
+const DOWNLOAD_TIMEOUT = 30000
+
+interface EnsureCyPromptBundleOptions {
+  cyPromptPath: string
+  cyPromptUrl: string
+  projectId?: string
+  downloadTimeoutMs?: number
+}
+
+/**
+ * Ensures that the cy prompt bundle is downloaded and extracted into the given path
+ * @param options - The options for the ensure cy prompt bundle operation
+ * @param options.cyPromptPath - The path to extract the cy prompt bundle to
+ * @param options.cyPromptUrl - The URL of the cy prompt bundle
+ * @param options.projectId - The project ID of the cy prompt bundle
+ * @param options.downloadTimeoutMs - The timeout for the cy prompt bundle download
+ */
+export const ensureCyPromptBundle = async ({ cyPromptPath, cyPromptUrl, projectId, downloadTimeoutMs = DOWNLOAD_TIMEOUT }: EnsureCyPromptBundleOptions) => {
+  const bundlePath = path.join(cyPromptPath, 'bundle.tar')
+
+  // First remove cyPromptPath to ensure we have a clean slate
+  await remove(cyPromptPath)
+  await ensureDir(cyPromptPath)
+
+  let timeoutId: NodeJS.Timeout
+
+  await Promise.race([
+    getCyPromptBundle({
+      cyPromptUrl,
+      projectId,
+      bundlePath,
+    }),
+    new Promise((_, reject) => {
+      timeoutId = setTimeout(() => {
+        reject(new Error('Cy prompt bundle download timed out'))
+      }, downloadTimeoutMs)
+    }),
+  ]).finally(() => {
+    clearTimeout(timeoutId)
+  })
+
+  await tar.extract({
+    file: bundlePath,
+    cwd: cyPromptPath,
+  })
+}
diff --git a/packages/server/lib/cloud/routes.ts b/packages/server/lib/cloud/routes.ts
index e675cde7b4a6..eb4a73e8cebb 100644
--- a/packages/server/lib/cloud/routes.ts
+++ b/packages/server/lib/cloud/routes.ts
@@ -18,6 +18,8 @@ const CLOUD_ENDPOINTS = {
   captureProtocolErrors: 'capture-protocol/errors',
   studioSession: 'studio/session',
   studioErrors: 'studio/errors',
+  cyPromptSession: 'cy-prompt/session',
+  cyPromptErrors: 'cy-prompt/errors',
   exceptions: 'exceptions',
   telemetry: 'telemetry',
 } as const
diff --git a/packages/server/lib/experiments.ts b/packages/server/lib/experiments.ts
index b043ec1ef068..555bbca5c9db 100644
--- a/packages/server/lib/experiments.ts
+++ b/packages/server/lib/experiments.ts
@@ -60,6 +60,7 @@ const _summaries: StringValues = {
   experimentalRunAllSpecs: 'Enables the "Run All Specs" UI feature, allowing the execution of multiple specs sequentially',
   experimentalOriginDependencies: 'Enables support for `Cypress.require()` for including dependencies within the `cy.origin()` callback.',
   experimentalMemoryManagement: 'Enables support for improved memory management within Chromium-based browsers.',
+  experimentalPromptCommand: 'Enables support for the prompt command.',
 }
 
 /**
@@ -82,6 +83,7 @@ const _names: StringValues = {
   experimentalRunAllSpecs: 'Run All Specs',
   experimentalOriginDependencies: 'Origin Dependencies',
   experimentalMemoryManagement: 'Memory Management',
+  experimentalPromptCommand: 'Prompt Command',
 }
 
 /**
diff --git a/packages/server/lib/modes/run.ts b/packages/server/lib/modes/run.ts
index 1e668ddb0fd2..390226216a9e 100644
--- a/packages/server/lib/modes/run.ts
+++ b/packages/server/lib/modes/run.ts
@@ -160,6 +160,8 @@ const openProjectCreate = (projectRoot, socketId, args) => {
     onWarning,
     spec: args.spec,
     onError: args.onError,
+    record: args.record,
+    key: args.key,
   }
 
   return openProject.create(projectRoot, args, options)
diff --git a/packages/server/lib/open_project.ts b/packages/server/lib/open_project.ts
index 797eeac8f590..0f60e82c5189 100644
--- a/packages/server/lib/open_project.ts
+++ b/packages/server/lib/open_project.ts
@@ -235,6 +235,10 @@ export class OpenProject {
     await browsers.connectProtocolToBrowser(options)
   }
 
+  async connectCyPromptToBrowser (options) {
+    await browsers.connectCyPromptToBrowser(options)
+  }
+
   changeUrlToSpec (spec: Cypress.Spec) {
     if (!this.projectBase) {
       debug('No projectBase, cannot change url')
diff --git a/packages/server/lib/project-base.ts b/packages/server/lib/project-base.ts
index c46a7ace3c2e..e36899becf1b 100644
--- a/packages/server/lib/project-base.ts
+++ b/packages/server/lib/project-base.ts
@@ -17,7 +17,7 @@ import { SocketCt } from './socket-ct'
 import { SocketE2E } from './socket-e2e'
 import { ensureProp } from './util/class-helpers'
 import system from './util/system'
-import { BannersState, FoundBrowser, FoundSpec, OpenProjectLaunchOptions, ProtocolManagerShape, ReceivedCypressOptions, ResolvedConfigurationOptions, TestingType, VideoRecording, AutomationCommands, StudioMetricsTypes } from '@packages/types'
+import { BannersState, FoundBrowser, FoundSpec, OpenProjectLaunchOptions, ProtocolManagerShape, CyPromptManagerShape, ReceivedCypressOptions, ResolvedConfigurationOptions, TestingType, VideoRecording, AutomationCommands, StudioMetricsTypes } from '@packages/types'
 import { DataContext, getCtx } from '@packages/data-context'
 import { createHmac } from 'crypto'
 import { ServerBase } from './server-base'
@@ -29,6 +29,7 @@ import { reportStudioError } from './cloud/api/studio/report_studio_error'
 import { CloudRequest } from './cloud/api/cloud_request'
 import { isRetryableError } from './cloud/network/is_retryable_error'
 import { asyncRetry } from './util/async_retry'
+import { CyPromptLifecycleManager } from './cloud/cy-prompt/CyPromptLifecycleManager'
 import { getCloudMetadata } from './cloud/get_cloud_metadata'
 import { telemetryManager } from './cloud/studio/telemetry/TelemetryManager'
 import { INITIALIZATION_MARK_NAMES, INITIALIZATION_TELEMETRY_GROUP_NAMES } from './cloud/studio/telemetry/constants/initialization'
@@ -160,6 +161,17 @@ export class ProjectBase extends EE {
     process.chdir(this.projectRoot)
 
     this._server = new ServerBase(cfg)
+    // @ts-expect-error - this will not error when we actually release the experimentalPromptCommand flag
+    if (process.env.CYPRESS_ENABLE_CY_PROMPT || cfg.experimentalPromptCommand) {
+      const cyPromptLifecycleManager = new CyPromptLifecycleManager()
+
+      cyPromptLifecycleManager.initializeCyPromptManager({
+        cloudDataSource: this.ctx.cloud,
+        ctx: this.ctx,
+        record: this.options.record,
+        key: this.options.key,
+      })
+    }
 
     if (!cfg.isTextTerminal) {
       const studioLifecycleManager = new StudioLifecycleManager()
@@ -544,6 +556,10 @@ export class ProjectBase extends EE {
         }
       },
 
+      onCyPromptReady: async (cyPromptManager: CyPromptManagerShape) => {
+        await browsers.connectCyPromptToBrowser({ browser: this.browser, foundBrowsers: this.options.browsers, cyPromptManager })
+      },
+
       onCaptureVideoFrames: (data: any) => {
         // TODO: move this to browser automation middleware
         this.emit('capture:video:frames', data)
diff --git a/packages/server/lib/routes.ts b/packages/server/lib/routes.ts
index bdf4d8f1f1b5..1c7f9fdfd487 100644
--- a/packages/server/lib/routes.ts
+++ b/packages/server/lib/routes.ts
@@ -103,22 +103,33 @@ export const createCommonRoutes = ({
     next()
   })
 
-  // If we are in cypress in cypress we need to pass along the studio routes
+  // If we are in cypress in cypress we need to pass along the studio and cy-prompt routes
   // to the child project.
   if (process.env.CYPRESS_INTERNAL_E2E_TESTING_SELF_PARENT_PROJECT) {
     router.get('/__cypress-studio/*', async (req, res) => {
       await networkProxy.handleHttpRequest(req, res)
     })
+
+    router.get('/__cypress-cy-prompt/*', async (req, res) => {
+      await networkProxy.handleHttpRequest(req, res)
+    })
   } else {
     // express matches routes in order. since this callback executes after the
     // router has already been defined, we need to create a new router to use
-    // for the studio routes
+    // for the studio and cy-prompt routes
     const studioRouter = Router()
 
     router.use('/', studioRouter)
     getCtx().coreData.studioLifecycleManager?.registerStudioReadyListener((studio) => {
       studio.initializeRoutes(studioRouter)
     })
+
+    const cyPromptRouter = Router()
+
+    router.use('/', cyPromptRouter)
+    getCtx().coreData.cyPromptLifecycleManager?.registerCyPromptReadyListener((cyPrompt) => {
+      cyPrompt.initializeRoutes(cyPromptRouter)
+    })
   }
 
   router.get(`/${config.namespace}/tests`, (req, res, next) => {
diff --git a/packages/server/lib/socket-base.ts b/packages/server/lib/socket-base.ts
index c59117a996d2..72c71dbb4e58 100644
--- a/packages/server/lib/socket-base.ts
+++ b/packages/server/lib/socket-base.ts
@@ -154,6 +154,7 @@ export class SocketBase {
       onCaptureVideoFrames () {},
       onStudioInit () {},
       onStudioDestroy () {},
+      onCyPromptReady () {},
     })
 
     let automationClient
@@ -411,6 +412,10 @@ export class SocketBase {
           studio.addSocketListeners(socket)
         })
 
+        getCtx().coreData.cyPromptLifecycleManager?.registerCyPromptReadyListener((cyPrompt) => {
+          cyPrompt.addSocketListeners(socket)
+        })
+
         socket.on('studio:init', async (cb) => {
           try {
             const { canAccessStudioAI, cloudStudioSessionId } = await options.onStudioInit()
@@ -448,6 +453,21 @@ export class SocketBase {
           }
         })
 
+        socket.on('prompt:reset', async (cb) => {
+          try {
+            const cyPrompt = await getCtx().coreData.cyPromptLifecycleManager?.getCyPrompt()
+
+            // If we have runState, then we shouldn't reset the full prompt manager because
+            // we are just changing top. We will clear the prompt manager for a specific test
+            // later.
+            if (!runState) {
+              cyPrompt?.cyPromptManager?.reset()
+            }
+          } finally {
+            cb()
+          }
+        })
+
         socket.on('backend:request', (eventName: string, ...args) => {
           const userAgent = socket.request?.headers['user-agent'] || getCtx().coreData.app.browserUserAgent
 
@@ -534,6 +554,17 @@ export class SocketBase {
                 })
               case 'close:extra:targets':
                 return options.closeExtraTargets()
+              case 'wait:for:prompt:ready':
+                return getCtx().coreData.cyPromptLifecycleManager?.getCyPrompt().then(async (cyPrompt) => {
+                  if (cyPrompt.cyPromptManager) {
+                    await options.onCyPromptReady(cyPrompt.cyPromptManager)
+                  }
+
+                  return {
+                    success: cyPrompt.cyPromptManager && cyPrompt.cyPromptManager.status === 'INITIALIZED',
+                    error: cyPrompt.error ? errors.cloneErr(cyPrompt.error) : undefined,
+                  }
+                })
               default:
                 throw new Error(`You requested a backend event we cannot handle: ${eventName}`)
             }
@@ -547,7 +578,7 @@ export class SocketBase {
           })
         })
 
-        socket.on('get:cached:test:state', (cb: (runState: RunState | null, testState: CachedTestState) => void) => {
+        socket.on('get:cached:test:state', async (cb: (runState: RunState | null, testState: CachedTestState) => void) => {
           const s = runState
 
           const cachedTestState: CachedTestState = {
@@ -558,9 +589,21 @@ export class SocketBase {
             runState = undefined
 
             // if we have cached test state, then we need to reset
-            // the test state on the protocol manager
+            // the test state on the protocol manager and prompt manager
             if (s.currentId) {
-              this._protocolManager?.resetTest(s.currentId)
+              const testId = s.currentId
+
+              this._protocolManager?.resetTest(testId)
+
+              try {
+                const cyPrompt = await getCtx().coreData.cyPromptLifecycleManager?.getCyPrompt()
+
+                // reset the prompt manager for the current test to clear any
+                // cached state when top changes for the current test
+                cyPrompt?.cyPromptManager?.reset(testId)
+              } catch (error) {
+                debug('error resetting prompt manager', error)
+              }
             }
           }
 
diff --git a/packages/server/test/support/fixtures/cloud/cy-prompt/test-cy-prompt.ts b/packages/server/test/support/fixtures/cloud/cy-prompt/test-cy-prompt.ts
new file mode 100644
index 000000000000..121e5d83ca91
--- /dev/null
+++ b/packages/server/test/support/fixtures/cloud/cy-prompt/test-cy-prompt.ts
@@ -0,0 +1,32 @@
+/// <reference types="cypress" />
+
+import type { CyPromptServerShape, CyPromptServerDefaultShape, CyPromptCDPClient } from '@packages/types'
+import type { Router } from 'express'
+import type { Socket } from 'socket.io'
+
+class CyPromptServer implements CyPromptServerShape {
+  initializeRoutes (router: Router): void {
+    // This is a test implementation that does nothing
+  }
+
+  addSocketListeners (socket: Socket): void {
+    // This is a test implementation that does nothing
+  }
+
+  connectToBrowser (criClient: CyPromptCDPClient): void {
+    // This is a test implementation that does nothing
+  }
+
+  reset (testId?: string): void {
+    // This is a test implementation that does nothing
+  }
+}
+
+const cyPromptServerDefault: CyPromptServerDefaultShape = {
+  createCyPromptServer (): Promise<CyPromptServer> {
+    return Promise.resolve(new CyPromptServer())
+  },
+  MOUNT_VERSION: 1,
+}
+
+export default cyPromptServerDefault
diff --git a/packages/server/test/support/fixtures/cloud/studio/test-studio.ts b/packages/server/test/support/fixtures/cloud/studio/test-studio.ts
index 6b76dc89b55e..cc65ec353f2f 100644
--- a/packages/server/test/support/fixtures/cloud/studio/test-studio.ts
+++ b/packages/server/test/support/fixtures/cloud/studio/test-studio.ts
@@ -1,6 +1,6 @@
 /// <reference types="cypress" />
 
-import type { StudioServerShape, StudioServerDefaultShape } from '@packages/types'
+import type { StudioServerShape, StudioServerDefaultShape, StudioEvent } from '@packages/types'
 import type { Router } from 'express'
 import type { Socket } from '@packages/socket'
 
diff --git a/packages/server/test/unit/browsers/browser-cri-client_spec.ts b/packages/server/test/unit/browsers/browser-cri-client_spec.ts
index 39e18c66ad1a..5647f1179a13 100644
--- a/packages/server/test/unit/browsers/browser-cri-client_spec.ts
+++ b/packages/server/test/unit/browsers/browser-cri-client_spec.ts
@@ -4,7 +4,7 @@ import { expect, proxyquire, sinon } from '../../spec_helper'
 import * as protocol from '../../../lib/browsers/protocol'
 import { stripAnsi } from '@packages/errors'
 import net from 'net'
-import { ProtocolManagerShape } from '@packages/types'
+import { ProtocolManagerShape, CyPromptManagerShape } from '@packages/types'
 import type { Protocol } from 'devtools-protocol'
 import { serviceWorkerClientEventHandlerName } from '@packages/proxy/lib/http/util/service-worker-manager'
 
@@ -14,6 +14,7 @@ const THROWS_PORT = 65535
 
 type GetClientParams = {
   protocolManager?: ProtocolManagerShape
+  cyPromptManager?: CyPromptManagerShape
   fullyManageTabs?: boolean
 }
 
@@ -370,6 +371,9 @@ describe('lib/browsers/browser-cri-client', function () {
             currentlyAttachedProtocolTarget: {
               close: sinon.stub().resolves(),
             },
+            currentlyAttachedCyPromptTarget: {
+              close: sinon.stub().resolves(),
+            },
             resettingBrowserTargets: false,
           },
           event: {
@@ -386,6 +390,7 @@ describe('lib/browsers/browser-cri-client', function () {
         expect(options.browserCriClient.getExtraTargetClient).not.to.be.called
         expect(options.browserCriClient.currentlyAttachedTarget.close).not.to.be.called
         expect(options.browserCriClient.currentlyAttachedProtocolTarget.close).not.to.be.called
+        expect(options.browserCriClient.currentlyAttachedCyPromptTarget.close).not.to.be.called
       })
 
       it('closes the extra target client', () => {
@@ -451,7 +456,7 @@ describe('lib/browsers/browser-cri-client', function () {
     it('creates a page client when the passed in url is found', async function () {
       const mockProtocolClient = {}
       const mockPageClient = {
-        clone: sinon.stub().returns(mockProtocolClient),
+        clone: sinon.stub().onFirstCall().returns(mockProtocolClient),
       }
 
       send.withArgs('Target.getTargets').resolves({ targetInfos: [{ targetId: '1', url: 'http://foo.com' }, { targetId: '2', url: 'http://bar.com' }] })
@@ -468,7 +473,7 @@ describe('lib/browsers/browser-cri-client', function () {
     it('creates a page client when the passed in url is found and notifies the protocol manager and fully managed tabs', async function () {
       const mockProtocolClient = {}
       const mockPageClient = {
-        clone: sinon.stub().returns(mockProtocolClient),
+        clone: sinon.stub().onFirstCall().returns(mockProtocolClient),
       }
       const protocolManager: any = {
         connectToBrowser: sinon.stub().resolves(),
@@ -491,7 +496,7 @@ describe('lib/browsers/browser-cri-client', function () {
     it('creates a page client when the passed in url is found and notifies the protocol manager and fully managed tabs and attaching to target throws', async function () {
       const mockProtocolClient = {}
       const mockPageClient = {
-        clone: sinon.stub().returns(mockProtocolClient),
+        clone: sinon.stub().onFirstCall().returns(mockProtocolClient),
       }
       const protocolManager: any = {
         connectToBrowser: sinon.stub().resolves(),
@@ -582,13 +587,28 @@ describe('lib/browsers/browser-cri-client', function () {
         },
       }
 
+      const mockCurrentlyAttachedCyPromptTarget = {
+        targetId: '100',
+        close: sinon.stub().resolves(sinon.stub().resolves()),
+        queue: {
+          subscriptions: [{
+            eventName: 'Network.requestWillBeSent',
+            cb: sinon.stub(),
+          }],
+        },
+      }
+
       const mockUpdatedCurrentlyAttachedProtocolTarget = {
         targetId: '101',
       }
 
+      const mockUpdatedCurrentlyAttachedCyPromptTarget = {
+        targetId: '101',
+      }
+
       const mockUpdatedCurrentlyAttachedTarget = {
         targetId: '101',
-        clone: sinon.stub().returns(mockUpdatedCurrentlyAttachedProtocolTarget),
+        clone: sinon.stub().onFirstCall().returns(mockUpdatedCurrentlyAttachedProtocolTarget).onSecondCall().returns(mockUpdatedCurrentlyAttachedCyPromptTarget),
       }
 
       send.withArgs('Target.createTarget', { url: 'about:blank' }).resolves(mockUpdatedCurrentlyAttachedTarget)
@@ -600,6 +620,7 @@ describe('lib/browsers/browser-cri-client', function () {
 
       browserClient.currentlyAttachedTarget = mockCurrentlyAttachedTarget
       browserClient.currentlyAttachedProtocolTarget = mockCurrentlyAttachedProtocolTarget
+      browserClient.currentlyAttachedCyPromptTarget = mockCurrentlyAttachedCyPromptTarget
       browserClient.browserClient.off = sinon.stub()
 
       await browserClient.resetBrowserTargets(true)
@@ -607,8 +628,10 @@ describe('lib/browsers/browser-cri-client', function () {
       expect(mockCurrentlyAttachedTarget.close).to.be.called
       expect(browserClient.currentlyAttachedTarget).to.eql(mockUpdatedCurrentlyAttachedTarget)
       expect(browserClient.currentlyAttachedProtocolTarget).to.eql(mockUpdatedCurrentlyAttachedProtocolTarget)
+      expect(browserClient.currentlyAttachedCyPromptTarget).to.eql(mockUpdatedCurrentlyAttachedCyPromptTarget)
       expect(browserClient.browserClient.off).to.be.calledWith('Network.requestWillBeSent', mockCurrentlyAttachedTarget.queue.subscriptions[0].cb)
       expect(browserClient.browserClient.off).to.be.calledWith('Network.requestWillBeSent', mockCurrentlyAttachedProtocolTarget.queue.subscriptions[0].cb)
+      expect(browserClient.browserClient.off).to.be.calledWith('Network.requestWillBeSent', mockCurrentlyAttachedCyPromptTarget.queue.subscriptions[0].cb)
     })
 
     it('closes the currently attached target without keeping a tab open', async function () {
@@ -628,19 +651,30 @@ describe('lib/browsers/browser-cri-client', function () {
         },
       }
 
+      const mockCurrentlyAttachedCyPromptTarget = {
+        targetId: '100',
+        close: sinon.stub().resolves(sinon.stub().resolves()),
+        queue: {
+          subscriptions: [],
+        },
+      }
+
       send.withArgs('Target.closeTarget', { targetId: '100' }).resolves()
 
       const browserClient = await getClient() as any
 
       browserClient.currentlyAttachedTarget = mockCurrentlyAttachedTarget
       browserClient.currentlyAttachedProtocolTarget = mockCurrentlyAttachedProtocolTarget
+      browserClient.currentlyAttachedCyPromptTarget = mockCurrentlyAttachedCyPromptTarget
 
       await browserClient.resetBrowserTargets(false)
 
       expect(mockCurrentlyAttachedTarget.close).to.be.called
       expect(mockCurrentlyAttachedProtocolTarget.close).to.be.called
+      expect(mockCurrentlyAttachedCyPromptTarget.close).to.be.called
       expect(browserClient.currentlyAttachedTarget).to.be.undefined
       expect(browserClient.currentlyAttachedProtocolTarget).to.be.undefined
+      expect(browserClient.currentlyAttachedCyPromptTarget).to.be.undefined
     })
 
     it('throws when there is no currently attached target', async function () {
@@ -688,14 +722,25 @@ describe('lib/browsers/browser-cri-client', function () {
         close: sinon.stub().resolves(),
       }
 
+      const mockCurrentlyAttachedProtocolTarget = {
+        close: sinon.stub().resolves(),
+      }
+
+      const mockCurrentlyAttachedCyPromptTarget = {
+        close: sinon.stub().resolves(),
+      }
+
       const browserClient = await getClient() as any
 
       browserClient.currentlyAttachedTarget = mockCurrentlyAttachedTarget
+      browserClient.currentlyAttachedProtocolTarget = mockCurrentlyAttachedProtocolTarget
+      browserClient.currentlyAttachedCyPromptTarget = mockCurrentlyAttachedCyPromptTarget
 
       await browserClient.close()
 
       expect(mockCurrentlyAttachedTarget.close).to.be.called
-      expect(close).to.be.called
+      expect(mockCurrentlyAttachedProtocolTarget.close).to.be.called
+      expect(mockCurrentlyAttachedCyPromptTarget.close).to.be.called
     })
 
     it('just the browser client with no currently attached target', async function () {
diff --git a/packages/server/test/unit/browsers/browsers_spec.js b/packages/server/test/unit/browsers/browsers_spec.js
index a7ec2835070b..811e7d266434 100644
--- a/packages/server/test/unit/browsers/browsers_spec.js
+++ b/packages/server/test/unit/browsers/browsers_spec.js
@@ -118,6 +118,19 @@ describe('lib/browsers/index', () => {
     })
   })
 
+  context('.connectCyPromptToBrowser', () => {
+    it('connects browser to cy prompt', async () => {
+      sinon.stub(chrome, 'connectCyPromptToBrowser').resolves()
+      await browsers.connectCyPromptToBrowser({
+        browser: {
+          family: 'chromium',
+        },
+      })
+
+      expect(chrome.connectCyPromptToBrowser).to.be.called
+    })
+  })
+
   context('.closeProtocolConnection', () => {
     it('calls close on instance', async () => {
       sinon.stub(chrome, 'closeProtocolConnection').resolves()
diff --git a/packages/server/test/unit/browsers/chrome_spec.js b/packages/server/test/unit/browsers/chrome_spec.js
index 62436c7a4670..fa4bfb73a569 100644
--- a/packages/server/test/unit/browsers/chrome_spec.js
+++ b/packages/server/test/unit/browsers/chrome_spec.js
@@ -665,6 +665,82 @@ describe('lib/browsers/chrome', () => {
     })
   })
 
+  context('#connectCyPromptToBrowser', () => {
+    it('connects to the browser cri client', async function () {
+      const cyPromptManager = {
+        connectToBrowser: sinon.stub().resolves(),
+      }
+
+      const mockCurrentlyAttachedCyPromptTarget = {}
+
+      const pageCriClient = {
+        clone: sinon.stub().returns(mockCurrentlyAttachedCyPromptTarget),
+      }
+
+      const browserCriClient = {
+        currentlyAttachedTarget: pageCriClient,
+        currentlyAttachedCyPromptTarget: mockCurrentlyAttachedCyPromptTarget,
+      }
+
+      sinon.stub(chrome, '_getBrowserCriClient').returns(browserCriClient)
+
+      await chrome.connectCyPromptToBrowser({ cyPromptManager })
+
+      expect(pageCriClient.clone).not.to.be.called
+      expect(cyPromptManager.connectToBrowser).to.be.calledWith(mockCurrentlyAttachedCyPromptTarget)
+    })
+
+    it('connects to the browser cri client when the cy prompt target has not been created', async function () {
+      const cyPromptManager = {
+        connectToBrowser: sinon.stub().resolves(),
+      }
+
+      const mockCurrentlyAttachedCyPromptTarget = {}
+
+      const pageCriClient = {
+        clone: sinon.stub().resolves(mockCurrentlyAttachedCyPromptTarget),
+      }
+
+      const browserCriClient = {
+        currentlyAttachedTarget: pageCriClient,
+      }
+
+      sinon.stub(chrome, '_getBrowserCriClient').returns(browserCriClient)
+
+      await chrome.connectCyPromptToBrowser({ cyPromptManager })
+
+      expect(pageCriClient.clone).to.be.called
+      expect(cyPromptManager.connectToBrowser).to.be.calledWith(mockCurrentlyAttachedCyPromptTarget)
+      expect(browserCriClient.currentlyAttachedCyPromptTarget).to.eq(mockCurrentlyAttachedCyPromptTarget)
+    })
+
+    it('throws error if there is no browser cri client', function () {
+      const cyPromptManager = {
+        connectToBrowser: sinon.stub().resolves(),
+      }
+
+      sinon.stub(chrome, '_getBrowserCriClient').returns(null)
+
+      expect(chrome.connectCyPromptToBrowser({ cyPromptManager })).to.be.rejectedWith('Missing pageCriClient in connectCyPromptToBrowser')
+      expect(cyPromptManager.connectToBrowser).not.to.be.called
+    })
+
+    it('throws error if there is no page cri client', function () {
+      const cyPromptManager = {
+        connectToBrowser: sinon.stub().resolves(),
+      }
+
+      const browserCriClient = {
+        currentlyAttachedTarget: null,
+      }
+
+      sinon.stub(chrome, '_getBrowserCriClient').returns(browserCriClient)
+
+      expect(chrome.connectCyPromptToBrowser({ cyPromptManager })).to.be.rejectedWith('Missing pageCriClient in connectCyPromptToBrowser')
+      expect(cyPromptManager.connectToBrowser).not.to.be.called
+    })
+  })
+
   context('#closeProtocolConnection', () => {
     it('closes the protocol connection', async function () {
       const mockCurrentlyAttachedProtocolTarget = {
diff --git a/packages/server/test/unit/browsers/electron_spec.js b/packages/server/test/unit/browsers/electron_spec.js
index 338db60b46d8..5c679f250d82 100644
--- a/packages/server/test/unit/browsers/electron_spec.js
+++ b/packages/server/test/unit/browsers/electron_spec.js
@@ -24,6 +24,10 @@ describe('lib/browsers/electron', () => {
       connectToBrowser: sinon.stub().resolves(),
     }
 
+    this.cyPromptManager = {
+      connectToBrowser: sinon.stub().resolves(),
+    }
+
     this.url = 'https://foo.com'
     this.state = {}
     this.options = {
@@ -280,6 +284,47 @@ describe('lib/browsers/electron', () => {
     })
   })
 
+  context('.connectCyPromptToBrowser', () => {
+    it('connects to the browser cri client', async function () {
+      const mockCurrentlyAttachedCyPromptTarget = {}
+
+      this.browserCriClient.currentlyAttachedCyPromptTarget = mockCurrentlyAttachedCyPromptTarget
+      sinon.stub(electron, '_getBrowserCriClient').returns(this.browserCriClient)
+
+      await electron.connectCyPromptToBrowser({ cyPromptManager: this.cyPromptManager })
+      expect(this.pageCriClient.clone).not.to.be.called
+      expect(this.cyPromptManager.connectToBrowser).to.be.calledWith(mockCurrentlyAttachedCyPromptTarget)
+    })
+
+    it('connects to the browser cri client when the cy prompt target has not been created', async function () {
+      const mockCurrentlyAttachedCyPromptTarget = {}
+
+      this.pageCriClient.clone.resolves(mockCurrentlyAttachedCyPromptTarget)
+      sinon.stub(electron, '_getBrowserCriClient').returns(this.browserCriClient)
+
+      await electron.connectCyPromptToBrowser({ cyPromptManager: this.cyPromptManager })
+      expect(this.pageCriClient.clone).to.be.called
+      expect(this.cyPromptManager.connectToBrowser).to.be.calledWith(mockCurrentlyAttachedCyPromptTarget)
+      expect(this.browserCriClient.currentlyAttachedCyPromptTarget).to.eq(mockCurrentlyAttachedCyPromptTarget)
+    })
+
+    it('throws error if there is no browser cri client', function () {
+      sinon.stub(electron, '_getBrowserCriClient').returns(null)
+
+      expect(electron.connectCyPromptToBrowser({ cyPromptManager: this.cyPromptManager })).to.be.rejectedWith('Missing pageCriClient in connectCyPromptToBrowser')
+      expect(this.cyPromptManager.connectToBrowser).not.to.be.called
+    })
+
+    it('throws error if there is no page cri client', async function () {
+      this.browserCriClient.currentlyAttachedTarget = null
+
+      sinon.stub(electron, '_getBrowserCriClient').returns(this.browserCriClient)
+
+      expect(electron.connectCyPromptToBrowser({ cyPromptManager: this.cyPromptManager })).to.be.rejectedWith('Missing pageCriClient in connectCyPromptToBrowser')
+      expect(this.cyPromptManager.connectToBrowser).not.to.be.called
+    })
+  })
+
   context('#closeProtocolConnection', () => {
     it('closes the protocol connection', async function () {
       const mockCurrentlyAttachedProtocolTarget = {
@@ -515,7 +560,7 @@ describe('lib/browsers/electron', () => {
     it('registers onRequest automation middleware and calls show when requesting to be focused', function () {
       sinon.spy(this.automation, 'use')
 
-      return electron._launch(this.win, this.url, this.automation, this.options, undefined, undefined, { attachCDPClient: sinon.stub() }, undefined, undefined, { attachCDPClient: sinon.stub() })
+      return electron._launch(this.win, this.url, this.automation, this.options, undefined, undefined, { attachCDPClient: sinon.stub() })
       .then(() => {
         expect(this.automation.use).to.be.called
         expect(this.automation.use.lastCall.args[0].onRequest).to.be.a('function')
diff --git a/packages/server/test/unit/browsers/firefox_spec.ts b/packages/server/test/unit/browsers/firefox_spec.ts
index a7d1b76c65cc..f89a46112129 100644
--- a/packages/server/test/unit/browsers/firefox_spec.ts
+++ b/packages/server/test/unit/browsers/firefox_spec.ts
@@ -684,6 +684,12 @@ describe('lib/browsers/firefox', () => {
     })
   })
 
+  context('#connectCyPromptToBrowser', () => {
+    it('throws error', () => {
+      expect(firefox.connectCyPromptToBrowser).to.throw('CyPrompt is not yet supported in firefox.')
+    })
+  })
+
   context('#closeProtocolConnection', () => {
     it('throws error', () => {
       expect(firefox.closeProtocolConnection).to.throw('Protocol is not yet supported in firefox.')
diff --git a/packages/server/test/unit/browsers/webkit_spec.ts b/packages/server/test/unit/browsers/webkit_spec.ts
index bff4d0f7d490..97a9f9e7994c 100644
--- a/packages/server/test/unit/browsers/webkit_spec.ts
+++ b/packages/server/test/unit/browsers/webkit_spec.ts
@@ -78,6 +78,14 @@ describe('lib/browsers/webkit', () => {
     })
   })
 
+  context('#connectCyPromptToBrowser', () => {
+    it('throws error', () => {
+      const webkit = getWebkit()
+
+      expect(webkit.connectCyPromptToBrowser).to.throw('CyPrompt is not yet supported in WebKit.')
+    })
+  })
+
   context('#closeProtocolConnection', () => {
     it('throws error', async () => {
       const webkit = getWebkit()
diff --git a/packages/server/test/unit/cloud/api/cy-prompt/get_cy_prompt_bundle_spec.ts b/packages/server/test/unit/cloud/api/cy-prompt/get_cy_prompt_bundle_spec.ts
new file mode 100644
index 000000000000..35fe19437b07
--- /dev/null
+++ b/packages/server/test/unit/cloud/api/cy-prompt/get_cy_prompt_bundle_spec.ts
@@ -0,0 +1,244 @@
+import { sinon, proxyquire } from '../../../../spec_helper'
+import { Readable, Writable } from 'stream'
+import { HttpError } from '../../../../../lib/cloud/network/http_error'
+
+describe('getCyPromptBundle', () => {
+  let writeResult: string
+  let readStream: Readable
+  let createWriteStreamStub: sinon.SinonStub
+  let crossFetchStub: sinon.SinonStub
+  let verifySignatureFromFileStub: sinon.SinonStub
+  let getCyPromptBundle: typeof import('../../../../../lib/cloud/api/cy-prompt/get_cy_prompt_bundle').getCyPromptBundle
+
+  beforeEach(() => {
+    createWriteStreamStub = sinon.stub()
+    crossFetchStub = sinon.stub()
+    verifySignatureFromFileStub = sinon.stub()
+    readStream = Readable.from('console.log("cy-prompt script")')
+
+    writeResult = ''
+    const writeStream = new Writable({
+      write: (chunk, encoding, callback) => {
+        writeResult += chunk.toString()
+        callback()
+      },
+    })
+
+    createWriteStreamStub.returns(writeStream)
+
+    getCyPromptBundle = proxyquire('../lib/cloud/api/cy-prompt/get_cy_prompt_bundle', {
+      'fs': {
+        createWriteStream: createWriteStreamStub,
+      },
+      'cross-fetch': crossFetchStub,
+      '../../encryption': {
+        verifySignatureFromFile: verifySignatureFromFileStub,
+      },
+      'os': {
+        platform: () => 'linux',
+      },
+      '@packages/root': {
+        version: '1.2.3',
+      },
+    }).getCyPromptBundle
+  })
+
+  it('downloads the cy-prompt bundle and extracts it', async () => {
+    crossFetchStub.resolves({
+      ok: true,
+      statusText: 'OK',
+      body: readStream,
+      headers: {
+        get: (header) => {
+          if (header === 'x-cypress-signature') {
+            return '159'
+          }
+        },
+      },
+    })
+
+    verifySignatureFromFileStub.resolves(true)
+
+    const projectId = '12345'
+
+    await getCyPromptBundle({ cyPromptUrl: 'http://localhost:1234/cy-prompt/bundle/abc.tgz', projectId, bundlePath: '/tmp/cypress/cy-prompt/abc/bundle.tar' })
+
+    expect(crossFetchStub).to.be.calledWith('http://localhost:1234/cy-prompt/bundle/abc.tgz', {
+      agent: sinon.match.any,
+      method: 'GET',
+      headers: {
+        'x-route-version': '1',
+        'x-cypress-signature': '1',
+        'x-cypress-project-slug': '12345',
+        'x-cypress-cy-prompt-mount-version': '1',
+        'x-os-name': 'linux',
+        'x-cypress-version': '1.2.3',
+      },
+      encrypt: 'signed',
+    })
+
+    expect(writeResult).to.eq('console.log("cy-prompt script")')
+
+    expect(verifySignatureFromFileStub).to.be.calledWith('/tmp/cypress/cy-prompt/abc/bundle.tar', '159')
+  })
+
+  it('downloads the cy-prompt bundle and extracts it after 1 fetch failure', async () => {
+    crossFetchStub.onFirstCall().rejects(new HttpError('Failed to fetch', 'url', 502, 'Bad Gateway', 'Bad Gateway', sinon.stub()))
+    crossFetchStub.onSecondCall().resolves({
+      ok: true,
+      statusText: 'OK',
+      body: readStream,
+      headers: {
+        get: (header) => {
+          if (header === 'x-cypress-signature') {
+            return '159'
+          }
+        },
+      },
+    })
+
+    verifySignatureFromFileStub.resolves(true)
+
+    const projectId = '12345'
+
+    await getCyPromptBundle({ cyPromptUrl: 'http://localhost:1234/cy-prompt/bundle/abc.tgz', projectId, bundlePath: '/tmp/cypress/cy-prompt/abc/bundle.tar' })
+
+    expect(crossFetchStub).to.be.calledWith('http://localhost:1234/cy-prompt/bundle/abc.tgz', {
+      agent: sinon.match.any,
+      method: 'GET',
+      headers: {
+        'x-route-version': '1',
+        'x-cypress-signature': '1',
+        'x-cypress-project-slug': '12345',
+        'x-cypress-cy-prompt-mount-version': '1',
+        'x-os-name': 'linux',
+        'x-cypress-version': '1.2.3',
+      },
+      encrypt: 'signed',
+    })
+
+    expect(writeResult).to.eq('console.log("cy-prompt script")')
+
+    expect(verifySignatureFromFileStub).to.be.calledWith('/tmp/cypress/cy-prompt/abc/bundle.tar', '159')
+  })
+
+  it('throws an error and returns a cy-prompt manager in error state if the fetch fails more than twice', async () => {
+    const error = new HttpError('Failed to fetch', 'url', 502, 'Bad Gateway', 'Bad Gateway', sinon.stub())
+
+    crossFetchStub.rejects(error)
+
+    const projectId = '12345'
+
+    await expect(getCyPromptBundle({ cyPromptUrl: 'http://localhost:1234/cy-prompt/bundle/abc.tgz', projectId, bundlePath: '/tmp/cypress/cy-prompt/abc/bundle.tar' })).to.be.rejected
+
+    expect(crossFetchStub).to.be.calledThrice
+    expect(crossFetchStub).to.be.calledWith('http://localhost:1234/cy-prompt/bundle/abc.tgz', {
+      agent: sinon.match.any,
+      method: 'GET',
+      headers: {
+        'x-route-version': '1',
+        'x-cypress-signature': '1',
+        'x-cypress-project-slug': '12345',
+        'x-cypress-cy-prompt-mount-version': '1',
+        'x-os-name': 'linux',
+        'x-cypress-version': '1.2.3',
+      },
+      encrypt: 'signed',
+    })
+  })
+
+  it('throws an error and returns a cy-prompt manager in error state if the response status is not ok', async () => {
+    crossFetchStub.resolves({
+      ok: false,
+      statusText: 'Some failure',
+    })
+
+    const projectId = '12345'
+
+    await expect(getCyPromptBundle({ cyPromptUrl: 'http://localhost:1234/cy-prompt/bundle/abc.tgz', projectId, bundlePath: '/tmp/cypress/cy-prompt/abc/bundle.tar' })).to.be.rejected
+
+    expect(crossFetchStub).to.be.calledWith('http://localhost:1234/cy-prompt/bundle/abc.tgz', {
+      agent: sinon.match.any,
+      method: 'GET',
+      headers: {
+        'x-route-version': '1',
+        'x-cypress-signature': '1',
+        'x-cypress-project-slug': '12345',
+        'x-cypress-cy-prompt-mount-version': '1',
+        'x-os-name': 'linux',
+        'x-cypress-version': '1.2.3',
+      },
+      encrypt: 'signed',
+    })
+  })
+
+  it('throws an error and returns a cy-prompt manager in error state if the signature verification fails', async () => {
+    verifySignatureFromFileStub.resolves(false)
+
+    crossFetchStub.resolves({
+      ok: true,
+      statusText: 'OK',
+      body: readStream,
+      headers: {
+        get: (header) => {
+          if (header === 'x-cypress-signature') {
+            return '159'
+          }
+        },
+      },
+    })
+
+    verifySignatureFromFileStub.resolves(false)
+
+    const projectId = '12345'
+
+    await expect(getCyPromptBundle({ cyPromptUrl: 'http://localhost:1234/cy-prompt/bundle/abc.tgz', projectId, bundlePath: '/tmp/cypress/cy-prompt/abc/bundle.tar' })).to.be.rejected
+
+    expect(writeResult).to.eq('console.log("cy-prompt script")')
+
+    expect(crossFetchStub).to.be.calledWith('http://localhost:1234/cy-prompt/bundle/abc.tgz', {
+      agent: sinon.match.any,
+      method: 'GET',
+      headers: {
+        'x-route-version': '1',
+        'x-cypress-signature': '1',
+        'x-cypress-project-slug': '12345',
+        'x-cypress-cy-prompt-mount-version': '1',
+        'x-os-name': 'linux',
+        'x-cypress-version': '1.2.3',
+      },
+      encrypt: 'signed',
+    })
+
+    expect(verifySignatureFromFileStub).to.be.calledWith('/tmp/cypress/cy-prompt/abc/bundle.tar', '159')
+  })
+
+  it('throws an error if there is no signature in the response headers', async () => {
+    crossFetchStub.resolves({
+      ok: true,
+      statusText: 'OK',
+      body: readStream,
+      headers: {
+        get: () => null,
+      },
+    })
+
+    const projectId = '12345'
+
+    await expect(getCyPromptBundle({ cyPromptUrl: 'http://localhost:1234/cy-prompt/bundle/abc.tgz', projectId, bundlePath: '/tmp/cypress/cy-prompt/abc/bundle.tar' })).to.be.rejected
+
+    expect(crossFetchStub).to.be.calledWith('http://localhost:1234/cy-prompt/bundle/abc.tgz', {
+      agent: sinon.match.any,
+      method: 'GET',
+      headers: {
+        'x-route-version': '1',
+        'x-cypress-signature': '1',
+        'x-cypress-project-slug': '12345',
+        'x-cypress-cy-prompt-mount-version': '1',
+        'x-os-name': 'linux',
+        'x-cypress-version': '1.2.3',
+      },
+      encrypt: 'signed',
+    })
+  })
+})
diff --git a/packages/server/test/unit/cloud/api/cy-prompt/post_cy_prompt_session_spec.ts b/packages/server/test/unit/cloud/api/cy-prompt/post_cy_prompt_session_spec.ts
new file mode 100644
index 000000000000..00cf9055a98d
--- /dev/null
+++ b/packages/server/test/unit/cloud/api/cy-prompt/post_cy_prompt_session_spec.ts
@@ -0,0 +1,79 @@
+import { SystemError } from '../../../../../lib/cloud/network/system_error'
+import { proxyquire } from '../../../../spec_helper'
+import os from 'os'
+import { agent } from '@packages/network'
+import pkg from '@packages/root'
+
+describe('postCyPromptSession', () => {
+  let postCyPromptSession: typeof import('@packages/server/lib/cloud/api/cy-prompt/post_cy_prompt_session').postCyPromptSession
+  let crossFetchStub: sinon.SinonStub = sinon.stub()
+
+  beforeEach(() => {
+    crossFetchStub.reset()
+    postCyPromptSession = (proxyquire('@packages/server/lib/cloud/api/cy-prompt/post_cy_prompt_session', {
+      'cross-fetch': crossFetchStub,
+    }) as typeof import('@packages/server/lib/cloud/api/cy-prompt/post_cy_prompt_session')).postCyPromptSession
+  })
+
+  it('should post a cy-prompt session', async () => {
+    crossFetchStub.resolves({
+      ok: true,
+      json: () => {
+        return Promise.resolve({
+          cyPromptUrl: 'http://localhost:1234/cy-prompt/bundle/abc.tgz',
+        })
+      },
+    })
+
+    const result = await postCyPromptSession({
+      projectId: '12345',
+    })
+
+    expect(result).to.deep.equal({
+      cyPromptUrl: 'http://localhost:1234/cy-prompt/bundle/abc.tgz',
+    })
+
+    expect(crossFetchStub).to.have.been.calledOnce
+    expect(crossFetchStub).to.have.been.calledWith(
+      'http://localhost:1234/cy-prompt/session',
+      {
+        method: 'POST',
+        agent,
+        headers: {
+          'Content-Type': 'application/json',
+          'x-os-name': os.platform(),
+          'x-cypress-version': pkg.version,
+        },
+        body: JSON.stringify({ projectSlug: '12345', cyPromptMountVersion: 1 }),
+      },
+    )
+  })
+
+  it('should throw immediately if the response is not ok', async () => {
+    crossFetchStub.resolves({
+      ok: false,
+      statusText: 'Some failure',
+      json: () => {
+        return Promise.resolve({
+          error: 'Failed to create cy-prompt session',
+        })
+      },
+    })
+
+    await expect(postCyPromptSession({
+      projectId: '12345',
+    })).to.be.rejectedWith('Failed to create cy-prompt session: Some failure')
+
+    expect(crossFetchStub).to.have.been.calledOnce
+  })
+
+  it('should throw an error if we receive a retryable error more than twice', async () => {
+    crossFetchStub.rejects(new SystemError(new Error('Failed to create cy-prompt session'), 'http://localhost:1234/cy-prompt/session'))
+
+    await expect(postCyPromptSession({
+      projectId: '12345',
+    })).to.be.rejected
+
+    expect(crossFetchStub).to.have.been.calledThrice
+  })
+})
diff --git a/packages/server/test/unit/cloud/cy-prompt/CyPromptLifecycleManager_spec.ts b/packages/server/test/unit/cloud/cy-prompt/CyPromptLifecycleManager_spec.ts
new file mode 100644
index 000000000000..091d9fd0081b
--- /dev/null
+++ b/packages/server/test/unit/cloud/cy-prompt/CyPromptLifecycleManager_spec.ts
@@ -0,0 +1,448 @@
+import { sinon, proxyquire } from '../../../spec_helper'
+import { expect } from 'chai'
+import { CyPromptManager } from '../../../../lib/cloud/cy-prompt/CyPromptManager'
+import { CyPromptLifecycleManager } from '../../../../lib/cloud/cy-prompt/CyPromptLifecycleManager'
+import type { DataContext } from '@packages/data-context'
+import type { CloudDataSource } from '@packages/data-context/src/sources'
+import path from 'path'
+import os from 'os'
+import { CloudRequest } from '../../../../lib/cloud/api/cloud_request'
+import { isRetryableError } from '../../../../lib/cloud/network/is_retryable_error'
+import { asyncRetry } from '../../../../lib/util/async_retry'
+
+describe('CyPromptLifecycleManager', () => {
+  let cyPromptLifecycleManager: CyPromptLifecycleManager
+  let mockCyPromptManager: CyPromptManager
+  let mockCtx: DataContext
+  let mockCloudDataSource: CloudDataSource
+  let CyPromptLifecycleManager: typeof import('../../../../lib/cloud/cy-prompt/CyPromptLifecycleManager').CyPromptLifecycleManager
+  let postCyPromptSessionStub: sinon.SinonStub
+  let cyPromptStatusChangeEmitterStub: sinon.SinonStub
+  let ensureCyPromptBundleStub: sinon.SinonStub
+  let cyPromptManagerSetupStub: sinon.SinonStub = sinon.stub()
+  let readFileStub: sinon.SinonStub = sinon.stub()
+  let watcherStub: sinon.SinonStub = sinon.stub()
+  let watcherOnStub: sinon.SinonStub = sinon.stub()
+  let watcherCloseStub: sinon.SinonStub = sinon.stub()
+
+  beforeEach(() => {
+    postCyPromptSessionStub = sinon.stub()
+    cyPromptManagerSetupStub = sinon.stub()
+    ensureCyPromptBundleStub = sinon.stub()
+    cyPromptStatusChangeEmitterStub = sinon.stub()
+    mockCyPromptManager = {
+      status: 'INITIALIZED',
+      setup: cyPromptManagerSetupStub.resolves(),
+    } as unknown as CyPromptManager
+
+    readFileStub = sinon.stub()
+    CyPromptLifecycleManager = proxyquire('../lib/cloud/cy-prompt/CyPromptLifecycleManager', {
+      './ensure_cy_prompt_bundle': {
+        ensureCyPromptBundle: ensureCyPromptBundleStub,
+      },
+      '../api/cy-prompt/post_cy_prompt_session': {
+        postCyPromptSession: postCyPromptSessionStub,
+      },
+      './CyPromptManager': {
+        CyPromptManager: class CyPromptManager {
+          constructor () {
+            return mockCyPromptManager
+          }
+        },
+      },
+      'fs-extra': {
+        readFile: readFileStub.resolves('console.log("cy-prompt script")'),
+      },
+      'chokidar': {
+        watch: watcherStub.returns({
+          on: watcherOnStub,
+          close: watcherCloseStub,
+        }),
+      },
+    }).CyPromptLifecycleManager
+
+    cyPromptLifecycleManager = new CyPromptLifecycleManager()
+
+    cyPromptStatusChangeEmitterStub = sinon.stub()
+
+    mockCtx = {
+      update: sinon.stub(),
+      coreData: {},
+      cloud: {
+        getCloudUrl: sinon.stub().returns('https://cloud.cypress.io'),
+        additionalHeaders: sinon.stub().resolves({ 'Authorization': 'Bearer test-token' }),
+      },
+      emitter: {
+        cyPromptStatusChange: cyPromptStatusChangeEmitterStub,
+      },
+      actions: {
+        auth: {
+          authApi: {
+            getUser: sinon.stub().resolves({
+              authToken: 'test-token',
+            }),
+          },
+        },
+      },
+      project: {
+        getConfig: sinon.stub().resolves({
+          projectId: 'test-project-id',
+        }),
+      },
+    } as unknown as DataContext
+
+    mockCloudDataSource = {
+      getCloudUrl: sinon.stub().returns('https://cloud.cypress.io'),
+      additionalHeaders: sinon.stub().resolves({ 'Authorization': 'Bearer test-token' }),
+    } as CloudDataSource
+
+    postCyPromptSessionStub.resolves({
+      cyPromptUrl: 'https://cloud.cypress.io/cy-prompt/bundle/abc.tgz',
+    })
+  })
+
+  afterEach(() => {
+    sinon.restore()
+
+    delete process.env.CYPRESS_LOCAL_CY_PROMPT_PATH
+  })
+
+  describe('initializeCyPromptManager', () => {
+    it('initializes the cy-prompt manager and registers it in the data context', async () => {
+      cyPromptLifecycleManager.initializeCyPromptManager({
+        cloudDataSource: mockCloudDataSource,
+        ctx: mockCtx,
+        record: false,
+        key: '123e4567-e89b-12d3-a456-426614174000',
+      })
+
+      const cyPromptReadyPromise = new Promise((resolve) => {
+        cyPromptLifecycleManager?.registerCyPromptReadyListener(async (cyPromptManager) => {
+          resolve(cyPromptManager)
+        })
+      })
+
+      await cyPromptReadyPromise
+
+      expect(mockCtx.update).to.be.calledOnce
+      expect(ensureCyPromptBundleStub).to.be.calledWith({
+        cyPromptPath: path.join(os.tmpdir(), 'cypress', 'cy-prompt', 'abc'),
+        cyPromptUrl: 'https://cloud.cypress.io/cy-prompt/bundle/abc.tgz',
+        projectId: 'test-project-id',
+      })
+
+      expect(cyPromptManagerSetupStub).to.be.calledWith({
+        script: 'console.log("cy-prompt script")',
+        cyPromptPath: path.join(os.tmpdir(), 'cypress', 'cy-prompt', 'abc'),
+        cyPromptHash: 'abc',
+        cloudApi: {
+          cloudUrl: 'https://cloud.cypress.io',
+          CloudRequest,
+          isRetryableError,
+          asyncRetry,
+        },
+        getProjectOptions: sinon.match.func,
+      })
+
+      expect(postCyPromptSessionStub).to.be.calledWith({
+        projectId: 'test-project-id',
+      })
+
+      expect(mockCloudDataSource.getCloudUrl).to.be.calledWith('test')
+      expect(mockCloudDataSource.additionalHeaders).to.be.called
+      expect(readFileStub).to.be.calledWith(path.join(os.tmpdir(), 'cypress', 'cy-prompt', 'abc', 'server', 'index.js'), 'utf8')
+    })
+
+    it('only calls ensureCyPromptBundle once per cy prompt hash', async () => {
+      cyPromptLifecycleManager.initializeCyPromptManager({
+        cloudDataSource: mockCloudDataSource,
+        ctx: mockCtx,
+        record: false,
+        key: '123e4567-e89b-12d3-a456-426614174000',
+      })
+
+      const cyPromptReadyPromise1 = new Promise((resolve) => {
+        cyPromptLifecycleManager?.registerCyPromptReadyListener((cyPromptManager) => {
+          resolve(cyPromptManager)
+        })
+      })
+
+      const cyPromptManager1 = await cyPromptReadyPromise1
+
+      cyPromptLifecycleManager.initializeCyPromptManager({
+        cloudDataSource: mockCloudDataSource,
+        ctx: mockCtx,
+        record: false,
+        key: '123e4567-e89b-12d3-a456-426614174000',
+      })
+
+      const cyPromptReadyPromise2 = new Promise((resolve) => {
+        cyPromptLifecycleManager?.registerCyPromptReadyListener((cyPromptManager) => {
+          resolve(cyPromptManager)
+        })
+      })
+
+      const cyPromptManager2 = await cyPromptReadyPromise2
+
+      expect(cyPromptManager1).to.equal(cyPromptManager2)
+
+      expect(ensureCyPromptBundleStub).to.be.calledOnce
+      expect(ensureCyPromptBundleStub).to.be.calledWith({
+        cyPromptPath: path.join(os.tmpdir(), 'cypress', 'cy-prompt', 'abc'),
+        cyPromptUrl: 'https://cloud.cypress.io/cy-prompt/bundle/abc.tgz',
+        projectId: 'test-project-id',
+      })
+
+      expect(cyPromptManagerSetupStub).to.be.calledOnce
+      expect(cyPromptManagerSetupStub).to.be.calledWith({
+        script: 'console.log("cy-prompt script")',
+        cyPromptPath: path.join(os.tmpdir(), 'cypress', 'cy-prompt', 'abc'),
+        cyPromptHash: 'abc',
+        cloudApi: {
+          cloudUrl: 'https://cloud.cypress.io',
+          CloudRequest,
+          isRetryableError,
+          asyncRetry,
+        },
+        getProjectOptions: sinon.match.func,
+      })
+
+      expect(postCyPromptSessionStub).to.be.calledWith({
+        projectId: 'test-project-id',
+      })
+
+      expect(mockCloudDataSource.getCloudUrl).to.be.calledWith('test')
+      expect(mockCloudDataSource.additionalHeaders).to.be.called
+      expect(readFileStub).to.be.calledWith(path.join(os.tmpdir(), 'cypress', 'cy-prompt', 'abc', 'server', 'index.js'), 'utf8')
+    })
+
+    it('initializes the cy-prompt manager in watch mode if CYPRESS_LOCAL_CY_PROMPT_PATH is set', async () => {
+      process.env.CYPRESS_LOCAL_CY_PROMPT_PATH = '/path/to/cy-prompt'
+
+      cyPromptLifecycleManager.initializeCyPromptManager({
+        cloudDataSource: mockCloudDataSource,
+        ctx: mockCtx,
+        record: false,
+        key: '123e4567-e89b-12d3-a456-426614174000',
+      })
+
+      const cyPromptReadyPromise = new Promise((resolve) => {
+        cyPromptLifecycleManager?.registerCyPromptReadyListener((cyPromptManager) => {
+          resolve(cyPromptManager)
+        })
+      })
+
+      await cyPromptReadyPromise
+
+      expect(mockCtx.update).to.be.calledOnce
+      expect(ensureCyPromptBundleStub).to.not.be.called
+
+      expect(cyPromptManagerSetupStub).to.be.calledWith({
+        script: 'console.log("cy-prompt script")',
+        cyPromptPath: '/path/to/cy-prompt',
+        cyPromptHash: 'local',
+        cloudApi: {
+          cloudUrl: 'https://cloud.cypress.io',
+          CloudRequest,
+          isRetryableError,
+          asyncRetry,
+        },
+        getProjectOptions: sinon.match.func,
+      })
+
+      expect(postCyPromptSessionStub).to.be.calledWith({
+        projectId: 'test-project-id',
+      })
+
+      expect(readFileStub).to.be.calledWith(path.join('/path', 'to', 'cy-prompt', 'server', 'index.js'), 'utf8')
+
+      expect(CyPromptLifecycleManager['watcher']).to.be.present
+      expect(watcherStub).to.be.calledWith(path.join('/path', 'to', 'cy-prompt', 'server', 'index.js'), {
+        awaitWriteFinish: true,
+      })
+
+      expect(watcherOnStub).to.be.calledWith('change')
+
+      const onCallback = watcherOnStub.args[0][1]
+
+      let mockCyPromptManagerPromise: Promise<CyPromptManager | null>
+      const updatedCyPromptManager = {} as unknown as CyPromptManager
+
+      cyPromptLifecycleManager['createCyPromptManager'] = sinon.stub().callsFake(() => {
+        mockCyPromptManagerPromise = new Promise((resolve) => {
+          resolve(updatedCyPromptManager)
+        })
+
+        return mockCyPromptManagerPromise
+      })
+
+      onCallback()
+
+      expect(mockCyPromptManagerPromise).to.be.present
+      expect(await mockCyPromptManagerPromise).to.equal(updatedCyPromptManager)
+    })
+  })
+
+  describe('getCyPrompt', () => {
+    it('throws an error when cy-prompt manager is not initialized', async () => {
+      try {
+        await cyPromptLifecycleManager.getCyPrompt()
+        expect.fail('Expected method to throw')
+      } catch (error) {
+        expect(error.message).to.equal('cy prompt manager has not been initialized')
+      }
+    })
+
+    it('returns the cy-prompt manager when initialized', async () => {
+      // @ts-expect-error - accessing private property
+      cyPromptLifecycleManager.cyPromptManagerPromise = Promise.resolve(mockCyPromptManager)
+
+      const result = await cyPromptLifecycleManager.getCyPrompt()
+
+      expect(result).to.equal(mockCyPromptManager)
+    })
+  })
+
+  describe('registerCyPromptReadyListener', () => {
+    it('registers a listener that will be called when cy-prompt is ready', () => {
+      const listener = sinon.stub()
+
+      cyPromptLifecycleManager.registerCyPromptReadyListener(listener)
+
+      // @ts-expect-error - accessing private property
+      expect(cyPromptLifecycleManager.listeners).to.include(listener)
+    })
+
+    it('calls listener immediately if cy-prompt is already ready', async () => {
+      const listener = sinon.stub()
+
+      // @ts-expect-error - accessing private property
+      cyPromptLifecycleManager.cyPromptManager = mockCyPromptManager
+
+      // @ts-expect-error - accessing non-existent property
+      cyPromptLifecycleManager.cyPromptReady = true
+
+      cyPromptLifecycleManager.registerCyPromptReadyListener(listener)
+
+      expect(listener).to.be.calledWith(mockCyPromptManager)
+    })
+
+    it('calls listener immediately and adds to the list of listeners when CYPRESS_LOCAL_CY_PROMPT_PATH is set', async () => {
+      process.env.CYPRESS_LOCAL_CY_PROMPT_PATH = '/path/to/cy-prompt'
+
+      const listener = sinon.stub()
+
+      // @ts-expect-error - accessing private property
+      cyPromptLifecycleManager.cyPromptManager = mockCyPromptManager
+
+      // @ts-expect-error - accessing non-existent property
+      cyPromptLifecycleManager.cyPromptReady = true
+
+      cyPromptLifecycleManager.registerCyPromptReadyListener(listener)
+
+      expect(listener).to.be.calledWith(mockCyPromptManager)
+
+      // @ts-expect-error - accessing private property
+      expect(cyPromptLifecycleManager.listeners).to.include(listener)
+    })
+
+    it('does not call listener if cy-prompt manager is null', async () => {
+      const listener = sinon.stub()
+
+      // @ts-expect-error - accessing private property
+      cyPromptLifecycleManager.cyPromptManager = null
+
+      // @ts-expect-error - accessing non-existent property
+      cyPromptLifecycleManager.cyPromptReady = true
+
+      cyPromptLifecycleManager.registerCyPromptReadyListener(listener)
+
+      expect(listener).not.to.be.called
+    })
+
+    it('adds multiple listeners to the list', () => {
+      const listener1 = sinon.stub()
+      const listener2 = sinon.stub()
+
+      cyPromptLifecycleManager.registerCyPromptReadyListener(listener1)
+      cyPromptLifecycleManager.registerCyPromptReadyListener(listener2)
+
+      // @ts-expect-error - accessing private property
+      expect(cyPromptLifecycleManager.listeners).to.include(listener1)
+      // @ts-expect-error - accessing private property
+      expect(cyPromptLifecycleManager.listeners).to.include(listener2)
+    })
+
+    it('cleans up listeners after calling them when cy-prompt becomes ready', async () => {
+      const listener1 = sinon.stub()
+      const listener2 = sinon.stub()
+
+      cyPromptLifecycleManager.registerCyPromptReadyListener(listener1)
+      cyPromptLifecycleManager.registerCyPromptReadyListener(listener2)
+
+      // @ts-expect-error - accessing private property
+      expect(cyPromptLifecycleManager.listeners.length).to.equal(2)
+
+      const listenersCalledPromise = Promise.all([
+        new Promise<void>((resolve) => {
+          listener1.callsFake(() => resolve())
+        }),
+        new Promise<void>((resolve) => {
+          listener2.callsFake(() => resolve())
+        }),
+      ])
+
+      cyPromptLifecycleManager.initializeCyPromptManager({
+        cloudDataSource: mockCloudDataSource,
+        ctx: mockCtx,
+        record: false,
+        key: '123e4567-e89b-12d3-a456-426614174000',
+      })
+
+      await listenersCalledPromise
+
+      expect(listener1).to.be.calledWith(mockCyPromptManager)
+      expect(listener2).to.be.calledWith(mockCyPromptManager)
+
+      // @ts-expect-error - accessing private property
+      expect(cyPromptLifecycleManager.listeners.length).to.equal(0)
+    })
+
+    it('does not clean up listeners when CYPRESS_LOCAL_CY_PROMPT_PATH is set', async () => {
+      process.env.CYPRESS_LOCAL_CY_PROMPT_PATH = '/path/to/cy-prompt'
+
+      const listener1 = sinon.stub()
+      const listener2 = sinon.stub()
+
+      cyPromptLifecycleManager.registerCyPromptReadyListener(listener1)
+      cyPromptLifecycleManager.registerCyPromptReadyListener(listener2)
+
+      // @ts-expect-error - accessing private property
+      expect(cyPromptLifecycleManager.listeners.length).to.equal(2)
+
+      const listenersCalledPromise = Promise.all([
+        new Promise<void>((resolve) => {
+          listener1.callsFake(() => resolve())
+        }),
+        new Promise<void>((resolve) => {
+          listener2.callsFake(() => resolve())
+        }),
+      ])
+
+      cyPromptLifecycleManager.initializeCyPromptManager({
+        cloudDataSource: mockCloudDataSource,
+        ctx: mockCtx,
+        record: false,
+        key: '123e4567-e89b-12d3-a456-426614174000',
+      })
+
+      await listenersCalledPromise
+
+      expect(listener1).to.be.calledWith(mockCyPromptManager)
+      expect(listener2).to.be.calledWith(mockCyPromptManager)
+
+      // @ts-expect-error - accessing private property
+      expect(cyPromptLifecycleManager.listeners.length).to.equal(2)
+    })
+  })
+})
diff --git a/packages/server/test/unit/cloud/cy-prompt/CyPromptManager_spec.ts b/packages/server/test/unit/cloud/cy-prompt/CyPromptManager_spec.ts
new file mode 100644
index 000000000000..b56720b915ae
--- /dev/null
+++ b/packages/server/test/unit/cloud/cy-prompt/CyPromptManager_spec.ts
@@ -0,0 +1,136 @@
+import { proxyquire, sinon } from '../../../spec_helper'
+import path from 'path'
+import type { CyPromptServerShape } from '@packages/types'
+import { expect } from 'chai'
+import esbuild from 'esbuild'
+import type { CyPromptManager as CyPromptManagerShape } from '@packages/server/lib/cloud/cy-prompt/CyPromptManager'
+import os from 'os'
+
+const { outputFiles: [{ contents: stubCyPromptRaw }] } = esbuild.buildSync({
+  entryPoints: [path.join(__dirname, '..', '..', '..', 'support', 'fixtures', 'cloud', 'cy-prompt', 'test-cy-prompt.ts')],
+  bundle: true,
+  format: 'cjs',
+  write: false,
+  platform: 'node',
+})
+const stubCyPrompt = new TextDecoder('utf-8').decode(stubCyPromptRaw)
+
+describe('lib/cloud/cy-prompt', () => {
+  let cyPromptManager: CyPromptManagerShape
+  let cyPrompt: CyPromptServerShape
+  let CyPromptManager: typeof import('@packages/server/lib/cloud/cy-prompt/CyPromptManager').CyPromptManager
+
+  beforeEach(async () => {
+    CyPromptManager = (proxyquire('../lib/cloud/cy-prompt/CyPromptManager', {
+    }) as typeof import('@packages/server/lib/cloud/cy-prompt/CyPromptManager')).CyPromptManager
+
+    cyPromptManager = new CyPromptManager()
+    await cyPromptManager.setup({
+      script: stubCyPrompt,
+      cyPromptPath: 'path',
+      cyPromptHash: 'abcdefg',
+      projectSlug: '1234',
+      cloudApi: {} as any,
+      getProjectOptions: () => {
+        return Promise.resolve({
+          user: {
+            id: '1234',
+            email: 'test@test.com',
+            name: 'test',
+          },
+          projectSlug: '1234',
+          record: false,
+        })
+      },
+    })
+
+    cyPrompt = (cyPromptManager as any)._cyPromptServer
+
+    sinon.stub(os, 'platform').returns('darwin')
+    sinon.stub(os, 'arch').returns('x64')
+  })
+
+  afterEach(() => {
+    sinon.restore()
+  })
+
+  describe('synchronous method invocation', () => {
+    it('reports an error when a synchronous method fails', () => {
+      const error = new Error('foo')
+
+      sinon.stub(cyPrompt, 'initializeRoutes').throws(error)
+
+      cyPromptManager.initializeRoutes({} as any)
+
+      expect(cyPromptManager.status).to.eq('IN_ERROR')
+
+      // TODO: (cy.prompt) test that the error is reported
+    })
+  })
+
+  describe('initializeRoutes', () => {
+    it('initializes routes', () => {
+      sinon.stub(cyPrompt, 'initializeRoutes')
+      const mockRouter = sinon.stub()
+
+      cyPromptManager.initializeRoutes(mockRouter)
+
+      expect(cyPrompt.initializeRoutes).to.be.calledWith(mockRouter)
+    })
+  })
+
+  describe('addSocketListeners', () => {
+    it('adds socket listeners', () => {
+      sinon.stub(cyPrompt, 'addSocketListeners')
+      const mockSocket = sinon.stub()
+
+      cyPromptManager.addSocketListeners(mockSocket)
+
+      expect(cyPrompt.addSocketListeners).to.be.calledWith(mockSocket)
+    })
+  })
+
+  describe('connectToBrowser', () => {
+    it('connects to the browser', () => {
+      const mockCriClient = {
+        send: sinon.stub().resolves(),
+        on: sinon.stub().resolves(),
+      }
+
+      sinon.stub(cyPrompt, 'connectToBrowser')
+
+      cyPromptManager.connectToBrowser(mockCriClient)
+
+      expect(cyPrompt.connectToBrowser).to.be.calledWith(mockCriClient)
+    })
+
+    it('does not call connectToBrowser when cy prompt server is not defined', () => {
+      // Set _cyPromptServer to undefined
+      (cyPromptManager as any)._cyPromptServer = undefined
+
+      const invokeSyncSpy = sinon.spy(cyPromptManager, 'invokeSync')
+
+      cyPromptManager.connectToBrowser({} as any)
+
+      expect(invokeSyncSpy).to.not.be.called
+    })
+  })
+
+  describe('reset', () => {
+    it('calls reset', () => {
+      sinon.stub(cyPrompt, 'reset')
+
+      cyPromptManager.reset()
+
+      expect(cyPrompt.reset).to.be.called
+    })
+
+    it('calls resert with an id', () => {
+      sinon.stub(cyPrompt, 'reset')
+
+      cyPromptManager.reset('r1')
+
+      expect(cyPrompt.reset).to.be.calledWith('r1')
+    })
+  })
+})
diff --git a/packages/server/test/unit/cloud/cy-prompt/ensure_cy_prompt_bundle_spec.ts b/packages/server/test/unit/cloud/cy-prompt/ensure_cy_prompt_bundle_spec.ts
new file mode 100644
index 000000000000..cba1100c9dfa
--- /dev/null
+++ b/packages/server/test/unit/cloud/cy-prompt/ensure_cy_prompt_bundle_spec.ts
@@ -0,0 +1,79 @@
+import path from 'path'
+import os from 'os'
+import { proxyquire, sinon } from '../../../spec_helper'
+
+describe('ensureCyPromptBundle', () => {
+  let ensureCyPromptBundle: typeof import('../../../../lib/cloud/cy-prompt/ensure_cy_prompt_bundle').ensureCyPromptBundle
+  let tmpdir: string = '/tmp'
+  let rmStub: sinon.SinonStub = sinon.stub()
+  let ensureStub: sinon.SinonStub = sinon.stub()
+  let extractStub: sinon.SinonStub = sinon.stub()
+  let getCyPromptBundleStub: sinon.SinonStub = sinon.stub()
+
+  beforeEach(() => {
+    rmStub = sinon.stub()
+    ensureStub = sinon.stub()
+    extractStub = sinon.stub()
+    getCyPromptBundleStub = sinon.stub()
+
+    ensureCyPromptBundle = (proxyquire('../lib/cloud/cy-prompt/ensure_cy_prompt_bundle', {
+      os: {
+        tmpdir: () => tmpdir,
+        platform: () => 'linux',
+      },
+      'fs-extra': {
+        remove: rmStub.resolves(),
+        ensureDir: ensureStub.resolves(),
+      },
+      tar: {
+        extract: extractStub.resolves(),
+      },
+      '../api/cy-prompt/get_cy_prompt_bundle': {
+        getCyPromptBundle: getCyPromptBundleStub.resolves(),
+      },
+    })).ensureCyPromptBundle
+  })
+
+  it('should ensure the cy prompt bundle', async () => {
+    const cyPromptPath = path.join(os.tmpdir(), 'cypress', 'cy-prompt', '123')
+    const bundlePath = path.join(cyPromptPath, 'bundle.tar')
+
+    await ensureCyPromptBundle({
+      cyPromptPath,
+      cyPromptUrl: 'https://cypress.io/cy-prompt',
+      projectId: '123',
+    })
+
+    expect(rmStub).to.be.calledWith(cyPromptPath)
+    expect(ensureStub).to.be.calledWith(cyPromptPath)
+    expect(getCyPromptBundleStub).to.be.calledWith({
+      cyPromptUrl: 'https://cypress.io/cy-prompt',
+      projectId: '123',
+      bundlePath,
+    })
+
+    expect(extractStub).to.be.calledWith({
+      file: bundlePath,
+      cwd: cyPromptPath,
+    })
+  })
+
+  it('should throw an error if the cy prompt bundle download times out', async () => {
+    getCyPromptBundleStub.callsFake(() => {
+      return new Promise((resolve) => {
+        setTimeout(() => {
+          resolve(new Error('Cy prompt bundle download timed out'))
+        }, 3000)
+      })
+    })
+
+    const ensureCyPromptBundlePromise = ensureCyPromptBundle({
+      cyPromptPath: '/tmp/cypress/cy-prompt/123',
+      cyPromptUrl: 'https://cypress.io/cy-prompt',
+      projectId: '123',
+      downloadTimeoutMs: 500,
+    })
+
+    await expect(ensureCyPromptBundlePromise).to.be.rejectedWith('Cy prompt bundle download timed out')
+  })
+})
diff --git a/packages/server/test/unit/open_project_spec.js b/packages/server/test/unit/open_project_spec.js
index ad0ed0f067fb..6f7e489d569c 100644
--- a/packages/server/test/unit/open_project_spec.js
+++ b/packages/server/test/unit/open_project_spec.js
@@ -266,4 +266,13 @@ describe('lib/open_project', () => {
       expect(browsers.connectProtocolToBrowser).to.be.calledWith(options)
     })
   })
+
+  context('#connectCyPromptToBrowser', () => {
+    it('connects cy prompt to browser', async () => {
+      sinon.stub(browsers, 'connectCyPromptToBrowser').resolves()
+      const options = sinon.stub()
+
+      await openProject.connectCyPromptToBrowser(options)
+    })
+  })
 })
diff --git a/packages/server/test/unit/project_spec.js b/packages/server/test/unit/project_spec.js
index d134421de793..3886aee2b72c 100644
--- a/packages/server/test/unit/project_spec.js
+++ b/packages/server/test/unit/project_spec.js
@@ -15,6 +15,7 @@ const runEvents = require(`../../lib/plugins/run_events`)
 const system = require(`../../lib/util/system`)
 const { getCtx } = require(`../../lib/makeDataContext`)
 const browsers = require('../../lib/browsers')
+const { CyPromptLifecycleManager } = require('../../lib/cloud/cy-prompt/CyPromptLifecycleManager')
 const { StudioLifecycleManager } = require('../../lib/cloud/studio/StudioLifecycleManager')
 const { StudioManager } = require('../../lib/cloud/studio/studio')
 const { telemetryManager, MARK_NAMES, TELEMETRY_GROUP_NAMES } = require('../../lib/cloud/studio/telemetry/TelemetryManager')
@@ -450,6 +451,65 @@ This option will not have an effect in Some-other-name. Tests that rely on web s
       })
     })
 
+    describe('CyPromptLifecycleManager', function () {
+      let initializeCyPromptManagerStub
+
+      afterEach(function () {
+        delete process.env.CYPRESS_ENABLE_CY_PROMPT
+        initializeCyPromptManagerStub.restore()
+      })
+
+      it('initializes cy prompt lifecycle manager if experimentalPromptCommand is enabled', function () {
+        this.config.projectId = 'abc123'
+        this.config.experimentalPromptCommand = true
+        this.project.options.record = true
+        this.project.options.key = '123e4567-e89b-12d3-a456-426614174000'
+
+        initializeCyPromptManagerStub = sinon.stub(CyPromptLifecycleManager.prototype, 'initializeCyPromptManager')
+
+        return this.project.open()
+        .then(() => {
+          expect(initializeCyPromptManagerStub).to.be.calledWith({
+            cloudDataSource: ctx.cloud,
+            ctx,
+            record: true,
+            key: '123e4567-e89b-12d3-a456-426614174000',
+          })
+        })
+      })
+
+      it('initializes cy prompt lifecycle manager if process.env.CYPRESS_ENABLE_CY_PROMPT is enabled', function () {
+        this.project.options.record = false
+        this.project.options.key = undefined
+
+        process.env.CYPRESS_ENABLE_CY_PROMPT = 'true'
+
+        initializeCyPromptManagerStub = sinon.stub(CyPromptLifecycleManager.prototype, 'initializeCyPromptManager')
+
+        return this.project.open()
+        .then(() => {
+          expect(initializeCyPromptManagerStub).to.be.calledWith({
+            cloudDataSource: ctx.cloud,
+            ctx,
+            record: false,
+            key: undefined,
+          })
+        })
+      })
+
+      it('does not initialize cy prompt lifecycle manager if experimentalPromptCommand is not enabled', function () {
+        this.config.projectId = 'abc123'
+        this.config.experimentalPromptCommand = false
+
+        initializeCyPromptManagerStub = sinon.stub(CyPromptLifecycleManager.prototype, 'initializeCyPromptManager')
+
+        return this.project.open()
+        .then(() => {
+          expect(initializeCyPromptManagerStub).not.to.be.called
+        })
+      })
+    })
+
     describe('saved state', function () {
       beforeEach(function () {
         this._time = 1609459200000
@@ -1052,6 +1112,40 @@ This option will not have an effect in Some-other-name. Tests that rely on web s
         expect(this.project['_protocolManager']).to.be.undefined
       })
     })
+
+    it('passes onCyPromptReady callback', async function () {
+      const mockCyPromptManager = {
+        foo: 'bar',
+      }
+
+      // Create a browser object
+      this.project.browser = {
+        name: 'chrome',
+        family: 'chromium',
+      }
+
+      this.project.options = { browsers: [this.project.browser] }
+
+      sinon.stub(browsers, 'connectCyPromptToBrowser')
+
+      // Modify the startWebsockets stub to track the callbacks
+      const callbackPromise = new Promise((resolve) => {
+        this.project.server.startWebsockets.callsFake(async (automation, config, callbacks) => {
+          await callbacks.onCyPromptReady(mockCyPromptManager)
+          resolve()
+        })
+      })
+
+      this.project.startWebsockets({}, {})
+
+      await callbackPromise
+
+      expect(browsers.connectCyPromptToBrowser).to.have.been.calledWith({
+        browser: this.project.browser,
+        foundBrowsers: this.project.options.browsers,
+        cyPromptManager: mockCyPromptManager,
+      })
+    })
   })
 
   context('#getProjectId', () => {
diff --git a/packages/server/test/unit/routes_spec.ts b/packages/server/test/unit/routes_spec.ts
index 9f4e52ae42a7..c8f37a55a3fb 100644
--- a/packages/server/test/unit/routes_spec.ts
+++ b/packages/server/test/unit/routes_spec.ts
@@ -263,56 +263,24 @@ describe('lib/routes', () => {
       expect(studioManager.initializeRoutes).to.be.calledWith(router)
     })
 
-    it('initializes a dummy route for studio if studio is not present', () => {
-      delete getCtx().coreData.studioLifecycleManager
-
-      const studioRouter = {
-        get: sinon.stub(),
-        post: sinon.stub(),
-        all: sinon.stub(),
-        use: sinon.stub(),
-      }
-
-      const router = {
-        get: sinon.stub(),
-        post: sinon.stub(),
-        all: sinon.stub(),
-        use: sinon.stub().withArgs('/').returns(studioRouter),
-      }
-
-      const Router = sinon.stub()
-
-      Router.onFirstCall().returns(router)
-      Router.onSecondCall().returns(studioRouter)
-
-      const { createCommonRoutes } = proxyquire('../../lib/routes', {
-        'express': { Router },
-      })
-
-      createCommonRoutes(routeOptions)
-
-      expect(router.use).to.have.been.calledWith('/')
-
-      expect(Router).to.have.been.calledTwice
-
-      expect(getCtx().coreData.studioLifecycleManager).to.be.undefined
-    })
-
-    it('does not initialize routes on studio if status is in error', () => {
-      const studioManager = {
-        status: 'IN_ERROR',
+    it('initializes routes on cy prompt if present', () => {
+      const cyPromptManager = {
         initializeRoutes: sinon.stub(),
       }
 
-      const studioLifecycleManager = {
-        registerStudioReadyListener: sinon.stub().returns(() => {}),
+      const cyPromptLifecycleManager = {
+        registerCyPromptReadyListener: sinon.stub().callsFake((callback) => {
+          callback(cyPromptManager)
+
+          return () => {}
+        }),
       }
 
-      getCtx().coreData.studioLifecycleManager = studioLifecycleManager as any
+      getCtx().coreData.cyPromptLifecycleManager = cyPromptLifecycleManager as any
 
-      setupCommonRoutes()
+      const { router } = setupCommonRoutes()
 
-      expect(studioManager.initializeRoutes).not.to.be.called
+      expect(cyPromptManager.initializeRoutes).to.be.calledWith(router)
     })
   })
 })
diff --git a/packages/server/test/unit/socket_spec.js b/packages/server/test/unit/socket_spec.js
index 10e175d1a0ff..2eb611b524cb 100644
--- a/packages/server/test/unit/socket_spec.js
+++ b/packages/server/test/unit/socket_spec.js
@@ -52,6 +52,8 @@ describe('lib/socket', () => {
   })
 
   context('integration', () => {
+    let mockCyPrompt
+
     beforeEach(function (done) {
       // create a for realz socket.io connection
       // so we can test server emit / client emit events
@@ -66,6 +68,7 @@ describe('lib/socket', () => {
           onSavedStateChanged: sinon.spy(),
           onStudioInit: sinon.stub(),
           onStudioDestroy: sinon.stub(),
+          onCyPromptReady: sinon.stub(),
         }
 
         this.automation = new Automation({
@@ -87,8 +90,28 @@ describe('lib/socket', () => {
           }),
         }
 
+        // Create a mock cy prompt object with handleBackendRequest method
+        mockCyPrompt = {
+          addSocketListeners: sinon.stub(),
+          status: 'INITIALIZED',
+          reset: sinon.stub(),
+        }
+
         ctx.coreData.studioLifecycleManager = studioLifecycleManager
 
+        const cyPromptLifecycleManager = {
+          getCyPrompt: sinon.stub().resolves({
+            cyPromptManager: mockCyPrompt,
+          }),
+          registerCyPromptReadyListener: sinon.stub().callsFake((callback) => {
+            callback(mockCyPrompt)
+
+            return () => {}
+          }),
+        }
+
+        ctx.coreData.cyPromptLifecycleManager = cyPromptLifecycleManager
+
         this.server.startWebsockets(this.automation, this.cfg, this.options)
         this.socket = this.server._socket
 
@@ -530,6 +553,61 @@ describe('lib/socket', () => {
       })
     })
 
+    context('on(backend:request, wait:for:prompt:ready)', () => {
+      it('awaits cy prompt ready and returns true if cy prompt is ready', function (done) {
+        const mockCyPrompt = {
+          cyPromptManager: {
+            status: 'INITIALIZED',
+          },
+          error: undefined,
+        }
+
+        ctx.coreData.cyPromptLifecycleManager.getCyPrompt.resolves(mockCyPrompt)
+
+        return this.client.emit('backend:request', 'wait:for:prompt:ready', (resp) => {
+          expect(resp.response).to.deep.eq({ success: true })
+
+          expect(this.options.onCyPromptReady).to.be.calledWith(mockCyPrompt.cyPromptManager)
+
+          return done()
+        })
+      })
+
+      it('awaits cy prompt ready and returns false if cy prompt is not ready', function (done) {
+        const mockCyPrompt = {
+          cyPromptManager: {
+            status: 'NOT_INITIALIZED',
+          },
+          error: undefined,
+        }
+
+        ctx.coreData.cyPromptLifecycleManager.getCyPrompt.resolves(mockCyPrompt)
+
+        return this.client.emit('backend:request', 'wait:for:prompt:ready', (resp) => {
+          expect(resp.response).to.deep.eq({ success: false })
+
+          return done()
+        })
+      })
+
+      it('awaits cy prompt ready and returns error if cy prompt error is thrown', function (done) {
+        const mockCyPrompt = {
+          cyPromptManager: undefined,
+          error: new Error('not loaded'),
+        }
+
+        ctx.coreData.cyPromptLifecycleManager.getCyPrompt.resolves(mockCyPrompt)
+
+        return this.client.emit('backend:request', 'wait:for:prompt:ready', (resp) => {
+          expect(resp.response).to.deep.eq({
+            error: errors.cloneErr(mockCyPrompt.error),
+          })
+
+          return done()
+        })
+      })
+    })
+
     context('on(save:app:state)', () => {
       it('calls onSavedStateChanged with the state', function (done) {
         return this.client.emit('save:app:state', { reporterWidth: 500 }, () => {
@@ -610,6 +688,34 @@ describe('lib/socket', () => {
       })
     })
 
+    context('on(prompt:reset)', () => {
+      it('calls reset', async function () {
+        await new Promise((resolve) => {
+          this.client.emit('prompt:reset', () => {
+            expect(mockCyPrompt.reset).to.be.called
+
+            resolve()
+          })
+        })
+      })
+
+      it('does not call reset if there is runState', async function () {
+        await new Promise((resolve) => {
+          this.client.emit('backend:request', 'preserve:run:state', {}, () => {
+            resolve()
+          })
+        })
+
+        await new Promise((resolve) => {
+          this.client.emit('prompt:reset', () => {
+            expect(mockCyPrompt.reset).not.to.be.called
+
+            resolve()
+          })
+        })
+      })
+    })
+
     context('studio.addSocketListeners', () => {
       it('calls addSocketListeners on studio when socket connects', function () {
         // Verify that registerStudioReadyListener was called
@@ -628,6 +734,22 @@ describe('lib/socket', () => {
       })
     })
 
+    context('cy.prompt.addSocketListeners', () => {
+      it('calls addSocketListeners on cy prompt when socket connects', function () {
+        // Verify that registerCyPromptReadyListener was called
+        expect(ctx.coreData.cyPromptLifecycleManager.registerCyPromptReadyListener).to.be.called
+
+        const registerCyPromptReadyListenerCallback = ctx.coreData.cyPromptLifecycleManager.registerCyPromptReadyListener.firstCall.args[0]
+
+        expect(registerCyPromptReadyListenerCallback).to.be.a('function')
+
+        const mockCyPrompt = { addSocketListeners: sinon.stub() }
+
+        registerCyPromptReadyListenerCallback(mockCyPrompt)
+        expect(mockCyPrompt.addSocketListeners).to.be.called
+      })
+    })
+
     context('#isRunnerSocketConnected', function () {
       it('returns false when runner is not connected', function () {
         expect(this.socket.isRunnerSocketConnected()).to.eq(false)
diff --git a/packages/types/src/cy-prompt/cy-prompt-server-types.ts b/packages/types/src/cy-prompt/cy-prompt-server-types.ts
new file mode 100644
index 000000000000..e2aeb7d752ed
--- /dev/null
+++ b/packages/types/src/cy-prompt/cy-prompt-server-types.ts
@@ -0,0 +1,86 @@
+// Note: This file is owned by the cloud delivered
+// cy prompt bundle. It is downloaded and copied here.
+// It should not be modified directly here.
+
+/// <reference types="cypress" />
+
+import type ProtocolMapping from 'devtools-protocol/types/protocol-mapping.d'
+import type { Router } from 'express'
+import type { AxiosInstance } from 'axios'
+import type { Socket } from 'socket.io'
+
+export type CyPromptCommands = ProtocolMapping.Commands
+
+export type CyPromptCommand<T extends keyof CyPromptCommands> =
+  CyPromptCommands[T]
+
+export type CyPromptEvents = ProtocolMapping.Events
+
+export type CyPromptEvent<T extends keyof CyPromptEvents> = CyPromptEvents[T]
+
+interface RetryOptions {
+  maxAttempts: number
+  retryDelay?: (attempt: number) => number
+  shouldRetry?: (err?: unknown) => boolean
+  onRetry?: (delay: number, err: unknown) => void
+}
+
+export interface CyPromptCloudApi {
+  cloudUrl: string
+  CloudRequest: AxiosInstance
+  isRetryableError: (err: unknown) => boolean
+  asyncRetry: AsyncRetry
+}
+
+type AsyncRetry = <TArgs extends any[], TResult>(
+  fn: (...args: TArgs) => Promise<TResult>,
+  options: RetryOptions
+) => (...args: TArgs) => Promise<TResult>
+
+export interface CyPromptAuthenticatedUserShape {
+  id?: string //Cloud user id
+  name?: string
+  email?: string
+  authToken?: string
+}
+
+export interface CyPromptProjectOptions {
+  user?: CyPromptAuthenticatedUserShape
+  projectSlug?: string
+  record?: boolean
+  key?: string
+  isOpenMode?: boolean
+}
+
+export interface CyPromptServerOptions {
+  cyPromptHash?: string
+  cyPromptPath: string
+  projectSlug?: string
+  cloudApi: CyPromptCloudApi
+  getProjectOptions: () => Promise<CyPromptProjectOptions>
+}
+
+export interface CyPromptCDPClient {
+  send<T extends Extract<keyof CyPromptCommands, string>>(
+    command: T,
+    params?: CyPromptCommand<T>['paramsType'][0]
+  ): Promise<CyPromptCommand<T>['returnType']>
+  on<T extends Extract<keyof CyPromptEvents, string>>(
+    eventName: T,
+    cb: (event: CyPromptEvent<T>[0]) => void | Promise<unknown>
+  ): void
+}
+
+export interface CyPromptServerShape {
+  initializeRoutes(router: Router): void
+  addSocketListeners(socket: Socket): void
+  connectToBrowser: (cdpClient: CyPromptCDPClient) => void
+  reset: (testId?: string) => void
+}
+
+export interface CyPromptServerDefaultShape {
+  createCyPromptServer: (
+    options: CyPromptServerOptions
+  ) => Promise<CyPromptServerShape>
+  MOUNT_VERSION: number
+}
diff --git a/packages/types/src/cy-prompt/index.ts b/packages/types/src/cy-prompt/index.ts
new file mode 100644
index 000000000000..39254bdd9bb3
--- /dev/null
+++ b/packages/types/src/cy-prompt/index.ts
@@ -0,0 +1,19 @@
+import type { CyPromptServerShape } from './cy-prompt-server-types'
+
+export * from './cy-prompt-server-types'
+
+export const CY_PROMPT_STATUSES = ['NOT_INITIALIZED', 'INITIALIZING', 'INITIALIZED', 'IN_ERROR'] as const
+
+export type CyPromptStatus = typeof CY_PROMPT_STATUSES[number]
+
+export interface CyPromptManagerShape extends CyPromptServerShape {
+  status: CyPromptStatus
+}
+
+export interface CyPromptLifecycleManagerShape {
+  getCyPrompt: () => Promise<{
+    cyPromptManager?: CyPromptManagerShape
+    error?: Error
+  }>
+  registerCyPromptReadyListener: (listener: (cyPromptManager: CyPromptManagerShape) => void) => void
+}
diff --git a/packages/types/src/index.ts b/packages/types/src/index.ts
index 79cb6dc19776..a084fa82d96c 100644
--- a/packages/types/src/index.ts
+++ b/packages/types/src/index.ts
@@ -49,3 +49,5 @@ export * from './proxy'
 export * from './cloud'
 
 export * from './studio'
+
+export * from './cy-prompt'
diff --git a/packages/types/src/studio/studio-server-types.ts b/packages/types/src/studio/studio-server-types.ts
index 162caafcaa19..7c9826ce2f35 100644
--- a/packages/types/src/studio/studio-server-types.ts
+++ b/packages/types/src/studio/studio-server-types.ts
@@ -50,6 +50,7 @@ export interface StudioServerOptions {
   projectSlug?: string
   cloudApi: StudioCloudApi
   betterSqlite3Path: string
+  sessionId?: string
 }
 
 export interface StudioAIInitializeOptions {
diff --git a/scripts/gulp/gulpfile.ts b/scripts/gulp/gulpfile.ts
index ca8aef403092..60eed21768f4 100644
--- a/scripts/gulp/gulpfile.ts
+++ b/scripts/gulp/gulpfile.ts
@@ -19,7 +19,7 @@ import { webpackReporter, webpackRunner } from './tasks/gulpWebpack'
 import { e2eTestScaffold, e2eTestScaffoldWatch } from './tasks/gulpE2ETestScaffold'
 import dedent from 'dedent'
 import { ensureCloudValidations, syncCloudValidations } from './tasks/gulpSyncValidations'
-import { downloadStudioTypes } from './tasks/gulpCloudDeliveredTypes'
+import { downloadStudioTypes, downloadPromptTypes } from './tasks/gulpCloudDeliveredTypes'
 
 if (process.env.CYPRESS_INTERNAL_VITE_DEV) {
   process.env.CYPRESS_INTERNAL_VITE_APP_PORT ??= '3333'
@@ -257,6 +257,7 @@ gulp.task(openCypressApp)
 gulp.task(openCypressLaunchpad)
 
 gulp.task(downloadStudioTypes)
+gulp.task(downloadPromptTypes)
 
 // If we want to run individually, for debugging/testing
 gulp.task('cyOpenLaunchpadOnly', cyOpenLaunchpad)
diff --git a/scripts/gulp/tasks/gulpCloudDeliveredTypes.ts b/scripts/gulp/tasks/gulpCloudDeliveredTypes.ts
index 8c466f5dac06..fd014a2b2f58 100644
--- a/scripts/gulp/tasks/gulpCloudDeliveredTypes.ts
+++ b/scripts/gulp/tasks/gulpCloudDeliveredTypes.ts
@@ -5,34 +5,122 @@ import fs from 'fs-extra'
 import { postStudioSession } from '@packages/server/lib/cloud/api/studio/post_studio_session'
 import os from 'os'
 import { ensureStudioBundle } from '@packages/server/lib/cloud/studio/ensure_studio_bundle'
+import { postCyPromptSession } from '@packages/server/lib/cloud/api/cy-prompt/post_cy_prompt_session'
+import { ensureCyPromptBundle } from '@packages/server/lib/cloud/cy-prompt/ensure_cy_prompt_bundle'
 
-export const downloadStudioTypes = async (): Promise<void> => {
-  if (!process.env.CYPRESS_LOCAL_STUDIO_PATH) {
-    const studioSession = await postStudioSession({ projectId: 'ypt4pf' })
-    // The studio hash is the last part of the studio URL, after the last slash and before the extension
-    const studioHash = studioSession.studioUrl.split('/').pop()?.split('.')[0]
-    const studioPath = path.join(os.tmpdir(), 'cypress', 'studio', studioHash)
+interface TypeFileMapping {
+  sourcePath: string
+  destinationPath: string
+}
 
-    await ensureStudioBundle({ studioUrl: studioSession.studioUrl, studioPath, projectId: 'ypt4pf' })
+interface BundleConfig {
+  name: string
+  envVar: string
+  sessionFunction: () => Promise<{ studioUrl?: string, cyPromptUrl?: string }>
+  ensureBundleFunction: (url: string, bundlePath: string) => Promise<void>
+  typeMappings: TypeFileMapping[]
+}
 
-    await fs.copyFile(
-      path.join(studioPath, 'app', 'types.ts'),
-      path.join(__dirname, '..', '..', '..', 'packages', 'app', 'src', 'studio', 'studio-app-types.ts'),
-    )
+const getBundlePath = (url: string, bundleName: string): string => {
+  const hash = url.split('/').pop()?.split('.')[0]
 
+  if (!hash) {
+    throw new Error(`Could not extract hash from URL: ${url}`)
+  }
+
+  return path.join(os.tmpdir(), 'cypress', bundleName, hash)
+}
+
+const copyTypeFiles = async (sourceBasePath: string, typeMappings: TypeFileMapping[]): Promise<void> => {
+  for (const mapping of typeMappings) {
     await fs.copyFile(
-      path.join(studioPath, 'server', 'types.ts'),
-      path.join(__dirname, '..', '..', '..', 'packages', 'types', 'src', 'studio', 'studio-server-types.ts'),
+      path.join(sourceBasePath, mapping.sourcePath),
+      mapping.destinationPath,
     )
+  }
+}
+
+const downloadBundleTypes = async (config: BundleConfig): Promise<void> => {
+  const { name, envVar, sessionFunction, ensureBundleFunction, typeMappings } = config
+
+  if (!process.env[envVar]) {
+    const session = await sessionFunction()
+    const url = session.studioUrl || session.cyPromptUrl
+
+    if (!url) {
+      throw new Error(`No URL returned from ${name} session`)
+    }
+
+    const bundlePath = getBundlePath(url, name)
+
+    await ensureBundleFunction(url, bundlePath)
+
+    await copyTypeFiles(bundlePath, typeMappings)
   } else {
-    await fs.copyFile(
-      path.join(process.env.CYPRESS_LOCAL_STUDIO_PATH!, 'app', 'types.ts'),
-      path.join(__dirname, '..', '..', '..', 'packages', 'app', 'src', 'studio', 'studio-app-types.ts'),
-    )
+    const localPath = process.env[envVar]
 
-    await fs.copyFile(
-      path.join(process.env.CYPRESS_LOCAL_STUDIO_PATH!, 'server', 'types.ts'),
-      path.join(__dirname, '..', '..', '..', 'packages', 'types', 'src', 'studio', 'studio-server-types.ts'),
-    )
+    if (!localPath) {
+      throw new Error(`Environment variable ${envVar} is not set`)
+    }
+
+    await copyTypeFiles(localPath, typeMappings)
+  }
+}
+
+const createTypeMappings = (baseDir: string): TypeFileMapping[] => {
+  return [
+    {
+      sourcePath: 'app/types.ts',
+      destinationPath: path.join(baseDir, 'packages', 'app', 'src', 'studio', 'studio-app-types.ts'),
+    },
+    {
+      sourcePath: 'server/types.ts',
+      destinationPath: path.join(baseDir, 'packages', 'types', 'src', 'studio', 'studio-server-types.ts'),
+    },
+  ]
+}
+
+const createPromptTypeMappings = (baseDir: string): TypeFileMapping[] => {
+  return [
+    {
+      sourcePath: 'app/types.ts',
+      destinationPath: path.join(baseDir, 'packages', 'app', 'src', 'prompt', 'prompt-app-types.ts'),
+    },
+    {
+      sourcePath: 'driver/types.ts',
+      destinationPath: path.join(baseDir, 'packages', 'driver', 'src', 'cy', 'commands', 'prompt', 'prompt-driver-types.ts'),
+    },
+    {
+      sourcePath: 'server/types.ts',
+      destinationPath: path.join(baseDir, 'packages', 'types', 'src', 'cy-prompt', 'cy-prompt-server-types.ts'),
+    },
+  ]
+}
+
+export const downloadStudioTypes = async (): Promise<void> => {
+  const baseDir = path.join(__dirname, '..', '..', '..')
+
+  const studioConfig: BundleConfig = {
+    name: 'studio',
+    envVar: 'CYPRESS_LOCAL_STUDIO_PATH',
+    sessionFunction: () => postStudioSession({ projectId: 'ypt4pf' }),
+    ensureBundleFunction: (url: string, bundlePath: string) => ensureStudioBundle({ studioUrl: url, studioPath: bundlePath, projectId: 'ypt4pf' }),
+    typeMappings: createTypeMappings(baseDir),
   }
+
+  await downloadBundleTypes(studioConfig)
+}
+
+export const downloadPromptTypes = async (): Promise<void> => {
+  const baseDir = path.join(__dirname, '..', '..', '..')
+
+  const promptConfig: BundleConfig = {
+    name: 'cy-prompt',
+    envVar: 'CYPRESS_LOCAL_CY_PROMPT_PATH',
+    sessionFunction: () => postCyPromptSession({ projectId: 'ypt4pf' }),
+    ensureBundleFunction: (url: string, bundlePath: string) => ensureCyPromptBundle({ cyPromptUrl: url, cyPromptPath: bundlePath, projectId: 'ypt4pf' }),
+    typeMappings: createPromptTypeMappings(baseDir),
+  }
+
+  await downloadBundleTypes(promptConfig)
 }
diff --git a/system-tests/__snapshots__/results_spec.ts.js b/system-tests/__snapshots__/results_spec.ts.js
index ba61829ae392..dfbf7708d64b 100644
--- a/system-tests/__snapshots__/results_spec.ts.js
+++ b/system-tests/__snapshots__/results_spec.ts.js
@@ -31,6 +31,7 @@ exports['module api and after:run results'] = `
     "experimentalSourceRewriting": false,
     "experimentalSingleTabRunMode": false,
     "experimentalStudio": false,
+    "experimentalPromptCommand": false,
     "experimentalWebKitSupport": false,
     "fileServerFolder": "/path/to/fileServerFolder",
     "fixturesFolder": "/path/to/fixturesFolder",
diff --git a/tooling/v8-snapshot/cache/darwin/snapshot-meta.json b/tooling/v8-snapshot/cache/darwin/snapshot-meta.json
index 08b015125976..2506f91a7534 100644
--- a/tooling/v8-snapshot/cache/darwin/snapshot-meta.json
+++ b/tooling/v8-snapshot/cache/darwin/snapshot-meta.json
@@ -1052,6 +1052,8 @@
     "./node_modules/@cypress/commit-info/src/index.js",
     "./node_modules/@cypress/commit-info/src/utils.js",
     "./node_modules/@cypress/get-windows-proxy/node_modules/debug/src/common.js",
+    "./node_modules/@cypress/get-windows-proxy/node_modules/registry-js/dist/lib/index.js",
+    "./node_modules/@cypress/get-windows-proxy/node_modules/registry-js/dist/lib/registry.js",
     "./node_modules/@cypress/get-windows-proxy/src/index.js",
     "./node_modules/@cypress/parse-domain/build/tries/icann.complete.json",
     "./node_modules/@cypress/parse-domain/build/tries/private.complete.json",
@@ -3183,6 +3185,8 @@
     "./node_modules/recast/parsers/babel.js",
     "./node_modules/recast/parsers/esprima.js",
     "./node_modules/recast/parsers/typescript.js",
+    "./node_modules/registry-js/dist/lib/index.js",
+    "./node_modules/registry-js/dist/lib/registry.js",
     "./node_modules/request-promise-core/configure/request2.js",
     "./node_modules/request-promise-core/errors.js",
     "./node_modules/request-promise-core/lib/errors.js",
@@ -3854,6 +3858,8 @@
     "./packages/server/lib/browsers/webkit.ts",
     "./packages/server/lib/cloud/api/axios_middleware/logging.ts",
     "./packages/server/lib/cloud/api/axios_middleware/transform_error.ts",
+    "./packages/server/lib/cloud/api/cy-prompt/get_cy_prompt_bundle.ts",
+    "./packages/server/lib/cloud/api/cy-prompt/post_cy_prompt_session.ts",
     "./packages/server/lib/cloud/api/scrub_url.ts",
     "./packages/server/lib/cloud/api/studio/get_studio_bundle.ts",
     "./packages/server/lib/cloud/api/studio/post_studio_session.ts",
@@ -3863,6 +3869,9 @@
     "./packages/server/lib/cloud/artifacts/print_protocol_upload_error.ts",
     "./packages/server/lib/cloud/artifacts/upload_artifacts.ts",
     "./packages/server/lib/cloud/constants.ts",
+    "./packages/server/lib/cloud/cy-prompt/CyPromptLifecycleManager.ts",
+    "./packages/server/lib/cloud/cy-prompt/CyPromptManager.ts",
+    "./packages/server/lib/cloud/cy-prompt/ensure_cy_prompt_bundle.ts",
     "./packages/server/lib/cloud/encryption.ts",
     "./packages/server/lib/cloud/environment.ts",
     "./packages/server/lib/cloud/get_cloud_metadata.ts",
@@ -4171,6 +4180,8 @@
     "./packages/types/src/cloud.ts",
     "./packages/types/src/config.ts",
     "./packages/types/src/constants.ts",
+    "./packages/types/src/cy-prompt/cy-prompt-server-types.ts",
+    "./packages/types/src/cy-prompt/index.ts",
     "./packages/types/src/driver.ts",
     "./packages/types/src/editors.ts",
     "./packages/types/src/git.ts",