chore: (studio) AI status updates

[astone123]

• Related to https://github.com/cypress-io/cypress-services/issues/10387, https://github.com/cypress-io/cypress-services/issues/10393

Additional details

In order to handle cloud/project authentication states, we need to pass the user cloud states to the studio panel.

Steps to test

See the services PR

How has the user experience changed?

PR Tasks

• Have tests been added/updated?
• Has a PR for user-facing changes been opened in cypress-documentation?
• Have API changes been updated in the type definitions?

[cypress]

cypress    Run #65835

Run Properties:   Passed #65835  •  3f7b08b3ff: Merge branch 'develop' into studio-ai-states

Project	cypress
Branch Review	studio-ai-states
Run status	Passed #65835
Run duration	19m 45s
Commit	3f7b08b3ff: Merge branch 'develop' into studio-ai-states
Committer	Adam Stone-Lord
View all properties for this run ↗︎

---

Test results
Failures	0
Flaky	14
Pending	1102
Skipped	0
Passing	26666
View all changes introduced in this branch ↗︎

UI Coverage  44.73%
Untested elements	189
Tested elements	157

Accessibility  97.71%
Failed rules	4 critical   8 serious   2 moderate   2 minor
Failed elements	110

[cursor]

Bug: React Component Fails to Update with New Props

The StudioPanel.vue component passes new props (hasRequestedProjectAccess, userProjectStatusStore) to the child React component. Without watch statements for these props, similar to canAccessStudioAI and cloudStudioSessionId, the React component won't re-render when their values change. This means the Studio panel may not update to reflect the latest state.

packages/app/src/studio/StudioPanel.vue#L141-L143

cypress/packages/app/src/studio/StudioPanel.vue

Lines 141 to 143 in 3f7b08b

	},
	name: 'app',
	})

packages/app/src/studio/StudioPanel.vue#L93-L95

cypress/packages/app/src/studio/StudioPanel.vue

Lines 93 to 95 in 3f7b08b

	// If vue tracks it (e.g. using a ref) it creates proxies that do not play nicely with React in
	// production
	let reactRoot = containerReactRootMap.get(container.value)

packages/app/src/studio/StudioPanel.vue#L102-L104

cypress/packages/app/src/studio/StudioPanel.vue

Lines 102 to 104 in 3f7b08b

	reactRoot?.render(panel)
	}

 

---