CONSOLE-1958: Operation picker (when multiple exists in document)

[mskorokhodov]

Background

Description

Implemented functionality that allows to have multiple queries in same operation while working only with focused one (run button, query builder)

Screen.Recording.2026-04-10.at.12.24.36.mov

Checklist

• Input validation
• Output encoding
• Authentication management
• Session management
• Access control
• Cryptographic practices
• Error handling and logging
• Data protection
• Communication security
• System configuration
• Database security
• File management
• Memory management
• Testing

[github-actions]

🚀 Snapshot Release (alpha)

The latest changes of this PR are available as alpha on npm (based on the declared changesets):

Package	Version	Info
@graphql-hive/laboratory	0.1.4-alpha-20260415092823-cf8e482445d0831b6d1ddd973628b90bacb0708e	npm ↗︎ unpkg ↗︎
@graphql-hive/render-laboratory	0.1.4-alpha-20260415092823-cf8e482445d0831b6d1ddd973628b90bacb0708e	npm ↗︎ unpkg ↗︎
hive	11.0.3-alpha-20260415092823-cf8e482445d0831b6d1ddd973628b90bacb0708e	npm ↗︎ unpkg ↗︎

[github-actions]

🐋 This PR was built and pushed to the following Docker images:

Targets: build

Platforms: linux/amd64

Image Tag: cf8e482445d0831b6d1ddd973628b90bacb0708e

[gemini-code-assist]

Code Review

This pull request introduces functionality to highlight the active GraphQL operation in the Monaco editor and to include the selected operation name in GraphQL requests. It parses the GraphQL query, identifies the operation definition at the cursor, applies CSS decorations to "inactive" lines, and exposes a callback for the operation name. A critical issue was identified regarding a memory leak in the editor's decoration handling due to event listeners not being properly disposed of, with a suggested fix provided.

[n1ru4l]

Legit