Skip to content

feat(skills-suggestion): add AI skill suggestion panel after resource creation#2759

Open
jul-dan wants to merge 9 commits into
stagingfrom
feat/mcp-suggestion-toast
Open

feat(skills-suggestion): add AI skill suggestion panel after resource creation#2759
jul-dan wants to merge 9 commits into
stagingfrom
feat/mcp-suggestion-toast

Conversation

@jul-dan

@jul-dan jul-dan commented Jun 15, 2026

Copy link
Copy Markdown
Contributor

Summary

Issue: QOV-2011

Shows a bottom-right panel after creating a service, environment, cluster or project. Suggests installing Qovery skills via curl and provides a contextual prompt example. AI name rotates (Claude → Gemini → Cursor → OpenCode) via CSS-only carousel, dismissed state persisted in localStorage. This includes:

  • new SVG and PNG assets for AI tools: Claude, Codex, Cursor, Gemini, and Opencode.
  • updates the ClusterDeploymentProgressCard to use FloatingStackPortal for improved UI, when we have both the cluster progress card and the MCP suggestion toast shown
  • MCP suggestion is shown after project, env, cluster and service creation. Also shown on the empty org overview, and in the "Show usage" modal
  • tests for new components and functionalities related to AI skills suggestions.

Screenshots / Recordings

After service, env, project or cluster creation
image

After org creation, when onboarding
image

On show usage modal
image

Testing

  • Changes tested locally in the relevant Console's pages and Storybooks
  • yarn test or yarn test -u (if you need to regenerate snapshots)
  • yarn format
  • yarn lint

PR Checklist

  • I followed naming, styling, and TypeScript rules (see .cursor/rules)
  • I performed a self-review (diff inspected, dead code removed)
  • I titled the PR using Conventional Commits with a scope when possible (e.g. feat(service): add new Terraform service) - required for semantic-release
  • I only kept necessary comments, written in English (watch for useless AI comments)
  • I involved a designer to validate UI changes if I am not a designer
  • I covered new business logic with tests (unit)
  • I confirmed CI is green (Codecov red can be accepted)
  • I reviewed and executed locally any AI-assisted code

@RemiBonnet

Copy link
Copy Markdown
Member

Qovery Preview

Qovery can create a Preview Environment for this PR.
To trigger its creation, please post a comment with one of the following command.

Command Blueprint environment
/qovery preview cc1de7de-94e5-40f8-8e45-bc8986d9dfec storybook
/qovery preview 28c47145-c8e7-4b9d-8d9e-c65c95b48425 staging
/qovery preview 964984c5-fba6-4371-88d3-a5daf99642ab test-prod
/qovery preview {all|UUID1,UUID2,...} To preview multiple environments

This comment has been generated from Qovery AI 🤖.
Below, a word from its wisdom :

Help yourself at 2AM by putting some metrics to help observability

jul-dan and others added 4 commits June 17, 2026 10:51
…eation

Shows a bottom-right panel after creating a service, environment, cluster
or project. Suggests installing Qovery skills via curl and provides a
contextual prompt example. AI name rotates (Claude → Gemini → Cursor →
OpenCode) via CSS-only carousel, dismissed state persisted in localStorage.

Co-Authored-By: Claude Sonnet 4.6 <[email protected]>
@TheoGrandin74 TheoGrandin74 force-pushed the feat/mcp-suggestion-toast branch from 2d90f43 to f907f7e Compare June 17, 2026 08:52
@codecov

codecov Bot commented Jun 18, 2026

Copy link
Copy Markdown

Codecov Report

❌ Patch coverage is 45.79439% with 58 lines in your changes missing coverage. Please review.
✅ Project coverage is 46.31%. Comparing base (72f4562) to head (9ade6bb).
⚠️ Report is 5 commits behind head on staging.

Files with missing lines Patch % Lines
...ents/mcp-suggestion-toast/mcp-suggestion-toast.tsx 17.02% 38 Missing and 1 partial ⚠️
...src/lib/components/ai-tool-badge/ai-tool-badge.tsx 66.66% 1 Missing and 7 partials ⚠️
...lib/hooks/use-create-project/use-create-project.ts 0.00% 2 Missing ⚠️
...ents/description-list/description-list.stories.tsx 0.00% 2 Missing ⚠️
...d/ui/src/lib/utils/mcp-suggestion-toast-storage.ts 60.00% 0 Missing and 2 partials ⚠️
...lib/hooks/use-create-cluster/use-create-cluster.ts 0.00% 1 Missing ⚠️
...s/use-create-environment/use-create-environment.ts 0.00% 1 Missing ⚠️
...lib/hooks/use-create-service/use-create-service.ts 0.00% 1 Missing ⚠️
...ts/floating-stack-portal/floating-stack-portal.tsx 93.75% 0 Missing and 1 partial ⚠️
...s/shared/ui/src/lib/utils/mcp-suggestion-toast.tsx 66.66% 0 Missing and 1 partial ⚠️
Additional details and impacted files
@@             Coverage Diff             @@
##           staging    #2759      +/-   ##
===========================================
- Coverage    46.63%   46.31%   -0.32%     
===========================================
  Files          792     1145     +353     
  Lines        19930    24715    +4785     
  Branches      6013     7354    +1341     
===========================================
+ Hits          9294    11447    +2153     
- Misses        9014    11267    +2253     
- Partials      1622     2001     +379     
Flag Coverage Δ
unittests 46.31% <45.79%> (-0.32%) ⬇️

Flags with carried forward coverage won't be shown. Click here to find out more.

☔ View full report in Codecov by Harness.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

…d of AI skills suggestion; remove unused components
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants