Skip to content

Conversation

lerouxb
Copy link
Contributor

@lerouxb lerouxb commented Sep 19, 2025

This is a temporary hack until we get better support for targeting the toolbar icon in leafygreen. The overall interface on should survive and the dom element lookups should hopefully go away.

To test locally you can run this in the console and then cmd-shift-r to reload the app:

localStorage.compass_guide_cues = "[]"
Screenshot 2025-09-19 at 16 06 43

@lerouxb lerouxb added the feature flagged PRs labeled with this label will not be included in the release notes of the next release label Sep 22, 2025
@lerouxb lerouxb changed the title [WIP] add GuideCue support to DrawerSection feat(compass-assistant): add GuideCue support to DrawerSection COMPASS-9795 Sep 22, 2025
@lerouxb lerouxb marked this pull request as ready for review September 22, 2025 12:36
@lerouxb lerouxb requested a review from a team as a code owner September 22, 2025 12:36
@lerouxb lerouxb requested a review from ivandevp September 22, 2025 12:36
@lerouxb lerouxb requested review from Copilot and removed request for ivandevp September 22, 2025 12:36
@github-actions github-actions bot added the feat label Sep 22, 2025
@lerouxb lerouxb requested a review from gribnoysup September 22, 2025 12:36
Copy link
Contributor

@Copilot Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull Request Overview

This PR adds GuideCue support to DrawerSection components to display guided tooltips for the MongoDB Assistant drawer. The implementation allows drawer sections to show contextual onboarding hints when they first appear.

  • Add appName prop to CompassAssistantDrawerWithConnections component for app-specific messaging
  • Enhance GuideCue component to support external trigger nodes via triggerNode prop
  • Implement GuideCue rendering in DrawerAnchor with DOM node lookup for drawer buttons

Reviewed Changes

Copilot reviewed 9 out of 9 changed files in this pull request and generated 2 comments.

Show a summary per file
File Description
packages/compass/src/app/components/workspace.tsx Pass "Compass" app name to assistant drawer
packages/compass/src/app/components/compass-assistant-drawer.tsx Add appName prop and pass through to CompassAssistantDrawer
packages/compass-web/src/entrypoint.tsx Pass "Data Explorer" app name to assistant drawer
packages/compass-web/src/compass-assistant-drawer.tsx Add appName prop and pass through to CompassAssistantDrawer
packages/compass-components/src/components/guide-cue/guide-cue.tsx Add optional triggerNode prop and make trigger prop optional
packages/compass-components/src/components/drawer-portal.tsx Implement GuideCue support with DOM lookup and rendering logic
packages/compass-components/src/components/drawer-portal.spec.tsx Add test for GuideCue rendering functionality
packages/compass-assistant/src/compass-assistant-provider.spec.tsx Update test to include required appName prop
packages/compass-assistant/src/compass-assistant-drawer.tsx Add appName prop and GuideCue configuration for assistant drawer

Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.

@lerouxb lerouxb merged commit 55e0a9f into main Sep 23, 2025
58 of 60 checks passed
@lerouxb lerouxb deleted the drawer-guide-cue branch September 23, 2025 12:26
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

feat feature flagged PRs labeled with this label will not be included in the release notes of the next release

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants