chore: reporter support for test replay embedding (#34031)

Two reporter changes consumed by the test-replay viewer, which bundles the
reporter as a git submodule and renders it in a read-only context:

- Re-export the singular `Attempt` component. It is imported by the test-replay
  submodule barrel to render one attempt at a time from a single AttemptModel.
  It was dropped as an unused export in #33212, which is true within the reporter
  but not for the external consumer.

- Add `appState.cyPromptActionsEnabled` (default true) gating the cy.prompt
  Feedback / Get Code buttons. Read-only hosts such as test replay have no live
  backend to service these actions, so they disable the flag. It is intentionally
  excluded from `appState` reset defaults so it persists for the host's lifetime.

Default behavior in the Cypress app is unchanged.

Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: ryanthemanuel

packages/reporter/cypress/e2e/commands.cy.ts

@@ -1313,3 +1313,65 @@ describe('commands', { viewportHeight: 1000 }, () => {
     })
   })
 })
+
+describe('cy.prompt command buttons', { viewportHeight: 1000 }, () => {
+  let runner: EventEmitter
+  let runnables: RootRunnable
+
+  const addPromptCommand = () => {
+    addCommand(runner, {
+      id: 200,
+      name: 'prompt',
+      message: 'cy.prompt instructions',
+      state: 'passed',
+    })
+  }
+
+  beforeEach(() => {
+    cy.fixture('runnables_commands').then((_runnables) => {
+      runnables = _runnables
+    })
+
+    runner = new EventEmitter()
+
+    cy.visit('/').then((win) => {
+      win.render({
+        runner,
+        runnerStore: {
+          spec: {
+            name: 'foo',
+            absolute: '/foo/bar',
+            relative: 'foo/bar',
+          },
+        },
+      })
+    })
+
+    cy.get('.reporter.mounted').then(() => {
+      runner.emit('runnables:ready', runnables)
+      runner.emit('reporter:start', {})
+    })
+  })
+
+  it('shows the Feedback and Get Code buttons by default', () => {
+    addPromptCommand()
+
+    cy.get('.command-name-prompt').should('exist')
+    cy.get('.command-prompt-get-feedback').should('be.visible')
+    cy.get('.command-prompt-get-code').should('be.visible')
+  })
+
+  it('hides the buttons when cy.prompt actions are disabled (e.g. test replay)', () => {
+    // command.tsx reads the reporter's appState singleton, exposed as window.state
+    cy.window().then((win) => {
+      win.state.setCyPromptActionsEnabled(false)
+      addPromptCommand()
+    })
+
+    // command still renders; only the buttons are gated
+    cy.get('.command-name-prompt').should('exist')
+    cy.get('.command-prompt-get-code-feedback-container').should('not.exist')
+    cy.get('.command-prompt-get-feedback').should('not.exist')
+    cy.get('.command-prompt-get-code').should('not.exist')
+  })
+})

packages/reporter/cypress/e2e/unit/app_state.cy.ts

@@ -239,5 +239,29 @@ describe('app state', () => {
       instance.reset()
       expect(instance.studioActive).to.be.false
     })
+
+    it('preserves cyPromptActionsEnabled', () => {
+      const instance = new AppState()
+
+      // intentionally excluded from reset defaults
+      instance.setCyPromptActionsEnabled(false)
+      instance.reset()
+      expect(instance.cyPromptActionsEnabled).to.be.false
+    })
+  })
+
+  context('#setCyPromptActionsEnabled', () => {
+    it('defaults to true', () => {
+      const instance = new AppState()
+
+      expect(instance.cyPromptActionsEnabled).to.be.true
+    })
+
+    it('sets cyPromptActionsEnabled', () => {
+      const instance = new AppState()
+
+      instance.setCyPromptActionsEnabled(false)
+      expect(instance.cyPromptActionsEnabled).to.be.false
+    })
   })
 })

packages/reporter/src/attempts/attempts.tsx

@@ -111,4 +111,7 @@ const Attempts: React.FC<AttemptsProps> = observer(({ test, isSingleStudioTest,
 
 Attempts.displayName = 'Attempts'
 
+/** @public - consumed by the external test-replay viewer */
+export { Attempt }
+
 export default Attempts

packages/reporter/src/commands/command.tsx

@@ -567,7 +567,7 @@ const Command: React.FC<CommandProps> = observer(({ model, aliasesWithDuplicates
                 <CommandDetails model={model} groupId={groupId} aliasesWithDuplicates={aliasesWithDuplicates} />
                 <CommandControls model={model} commandName={commandName} />
               </div>
-              {model.isCyPrompt && (
+              {model.isCyPrompt && appState.cyPromptActionsEnabled && (
                 <div
                   className='command-prompt-get-code-feedback-container'
                   onClick={(e) => e.stopPropagation()}

packages/reporter/src/lib/app-state.ts

@@ -34,6 +34,9 @@ class AppState {
   studioActive = defaults.studioActive
   studioSingleTestActive = defaults.studioSingleTestActive
   showFetchRequests = true
+  // Gates the cy.prompt Feedback / Get Code buttons; read-only hosts disable it.
+  // Omitted from `defaults` so it survives `reset()`.
+  cyPromptActionsEnabled = true
   isStopped = false
   hasBeenPaused = defaults.hasBeenPaused
   _resetAutoScrollingEnabledTo = true
@@ -52,6 +55,7 @@ class AppState {
       studioActive: observable,
       studioSingleTestActive: observable,
       showFetchRequests: observable,
+      cyPromptActionsEnabled: observable,
       hasBeenPaused: observable,
       codeEditorLineWrap: observable,
     })
@@ -152,6 +156,10 @@ class AppState {
     this.showFetchRequests = showFetchRequests
   }
 
+  setCyPromptActionsEnabled (cyPromptActionsEnabled: boolean) {
+    this.cyPromptActionsEnabled = cyPromptActionsEnabled
+  }
+
   reset () {
     _.each(defaults, (value: any, key: string) => {
       this[key] = value