feat: display the resolved expose values in the resolved config ui (#33322)

* feat: display the resolved expose values in the resolved config ui

* changelog

Author: cacieprins

cli/CHANGELOG.md

@@ -12,6 +12,7 @@ _Released 01/27/2026 (PENDING)_
 - Introduced a new [`cy.env()`](https://docs.cypress.io/api/commands/env) command that can be used to asynchronously and securely access Cypress environment variables. Addressed in [#33181](https://github.com/cypress-io/cypress/pull/33181).
 - Added a [`allowCypressEnv`](https://docs.cypress.io/app/references/configuration#Global) configuration option that disallows use of the deprecated `Cypress.env()` API. Addressed in [#33181](https://github.com/cypress-io/cypress/pull/33181).
 - Introduced the new `Cypress.expose()` API, intended for use of public configuration of non-sensitive values. Addressed in [#33238](https://github.com/cypress-io/cypress/pull/33238).
+- Displays the resolved `expose` values in the App's resolved configuration user interface. Addressed in [#33322](https://github.com/cypress-io/cypress/pull/33322).
 
 **Bugfixes:**
 

packages/app/cypress/e2e/settings.cy.ts

@@ -256,6 +256,8 @@ describe('App: Settings', () => {
         cy.get('[data-cy-config="env"]').contains('INTERNAL_GRAPHQL_PORT')
         cy.get('[data-cy-config="cli"]').contains('fromCli')
         cy.get('[data-cy-config="cli"]').contains('4455')
+        cy.get('[data-cy-config="expose"]').contains('INTERNAL_E2E_TESTING_SELF')
+        cy.get('[data-cy-config="expose"]').contains('value').should('not.exist')
       })
     })
 

packages/data-context/src/sources/ProjectDataSource.ts

@@ -1,6 +1,6 @@
 import os from 'os'
 import chokidar from 'chokidar'
-import type { ResolvedFromConfig, RESOLVED_FROM, TestingType, SpecWithRelativeRoot } from '@packages/types'
+import type { ResolvedFromConfig, TestingType, SpecWithRelativeRoot } from '@packages/types'
 import minimatch from 'minimatch'
 import _ from 'lodash'
 import path from 'path'
@@ -558,26 +558,13 @@ export class ProjectDataSource {
   async getResolvedConfigFields (): Promise<ResolvedFromConfig[]> {
     const config = this.ctx.lifecycleManager.loadedFullConfig?.resolved ?? {}
 
-    interface ResolvedFromWithField extends ResolvedFromConfig {
-      field: typeof RESOLVED_FROM[number]
-    }
-
-    const mapEnvResolvedConfigToObj = (config: ResolvedFromConfig): ResolvedFromWithField => {
-      return Object.entries(config).reduce<ResolvedFromWithField>((acc, [field, value]) => {
+    return Object.entries(config ?? {}).map(([key, value]) => {
+      if ((key === 'env' || key === 'expose') && value) {
         return {
-          ...acc,
-          value: { ...acc.value, [field]: value.value },
+          field: key,
+          from: key,
+          value: Object.fromEntries(Object.entries(value).map(([field, { value }]) => [field, value])),
         }
-      }, {
-        value: {},
-        field: 'env',
-        from: 'env',
-      })
-    }
-
-    return Object.entries(config ?? {}).map(([key, value]) => {
-      if (key === 'env' && value) {
-        return mapEnvResolvedConfigToObj(value)
       }
 
       return { ...value, field: key }