misc: Popup tooltip guide when opening the welcome to studio panel

[mabela416]

• Closes
  https://github.com/cypress-io/cypress-services/issues/11906?reload=1?reload=1

Additional details

Figma

• Add popup tooltip when opening the studio panel welcome page
• To dismiss the tooltip forever user can:
  • Click “Got it, don’t show this again” button
  • Click “x” button which closes the tooltip
  • Click “Studio” button and open the test
• When they dismiss the tooltip, it is stored in ../projects/__global__/state.json

Steps to test

Screen.Recording.2025-11-06.at.4.06.13.PM.mov

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?

---

Note

Adds a dismissible tooltip guide when opening the Studio welcome panel, persisting dismissal via a new studioTooltipDismissed preference and wiring state through runner/reporter events.

• Reporter/UX:
  • Show a tooltip guide (studio-tooltip-guide) on the first test in Studio’s welcome/new-test view; dismiss via close icon, “Got it” button, or clicking to launch Studio.
  • Extend LaunchStudioIcon to accept visible, className, wrapperClassName, and dataCy; add tooltip styles in test.scss.
• State & Preferences:
  • Introduce studioTooltipDismissed preference end-to-end: GraphQL schema (LocalSettingsPreferences), app store (runner-ui-store), reporter AppState, types (allowedKeys, AllowedState).
  • Initialize/update preference in SpecRunnerOpenMode.vue and persist via events.emit('save:state').
• Event Wiring:
  • Track welcome panel state: emit/handle reporter:set:studio:welcome:panel:active and include isStudioWelcomePanelActive in reporter:start.
  • Reporter consumes studioTooltipDismissed and isStudioWelcomePanelActive to control tooltip visibility.
  • Add helper to find first test (findFirstTestId) and pass through runnable tree.
• Tests & Changelog:
  • Add/expand e2e and unit tests for tooltip display/dismiss and state saving; update Studio UI tests.
  • Update changelog with the new tooltip guide entry.

^{Written by Cursor Bugbot for commit dd92c23. This will update automatically on new commits. Configure here.}

[cypress]

cypress    Run #67192

Run Properties:   Passed #67192  •  dd92c23c33: add more tests

Project	cypress
Branch Review	mabel/issue-11906-tooltip-for-edit
Run status	Passed #67192
Run duration	18m 42s
Commit	dd92c23c33: add more tests
Committer	Mabel Amaya
View all properties for this run ↗︎

---

Test results
Failures	0
Flaky	18
Pending	1098
Skipped	4
Passing	26538
View all changes introduced in this branch ↗︎

---

Warning

Partial Report: The results for the Application Quality reports may be incomplete.

UI Coverage  45.51%
Untested elements	189
Tested elements	162

Accessibility  97.97%
Failed rules	4 critical   8 serious   2 moderate   2 minor
Failed elements	102

[astone123]

Looks good 👍🏻