Skip to content

Conversation

@midigofrank
Copy link
Collaborator

Description

Add informative tooltips to the info icons next to Adaptor and Credentials fields in both the job inspector form and the configure adaptor modal. The tooltips provide contextual help about when and how to use each field.

Closes #3919

Validation steps

  1. Open collab editor
  2. Click on a node to open the Job Panel. You should find an icon next to the Adaptor title, when you hover over it, a tooltip should appear
  3. Similarly, when you click to edit the adaptor, the credential modal appears which has 2 info icons. Both should have tooltip appear when hovered over

AI Usage

Please disclose how you've used AI in this work (it's cool, we just want to know!):

  • Code generation (copilot but not intellisense)
  • Learning or fact checking
  • Strategy / design
  • Optimisation / refactoring
  • Translation / spellchecking / doc gen
  • Other
  • I have not used AI

You can read more details in our Responsible AI Policy

Pre-submission checklist

  • I have performed a self-review of my code.
  • I have implemented and tested all related authorization policies. (e.g., :owner, :admin, :editor, :viewer)
  • I have updated the changelog.
  • I have ticked a box in "AI usage" in this PR

Add informative tooltips to the info icons next to Adaptor and Credentials
fields in both the job inspector form and the configure adaptor modal.
The tooltips provide contextual help about when and how to use each field.

Fixes #3919
@github-project-automation github-project-automation bot moved this to New Issues in v2 Nov 12, 2025
@midigofrank midigofrank self-assigned this Nov 12, 2025
@midigofrank midigofrank marked this pull request as ready for review November 12, 2025 08:59
@codecov
Copy link

codecov bot commented Nov 12, 2025

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 88.65%. Comparing base (a7cfb90) to head (f663e41).
⚠️ Report is 1 commits behind head on main.

Additional details and impacted files
@@           Coverage Diff           @@
##             main    #3968   +/-   ##
=======================================
  Coverage   88.65%   88.65%           
=======================================
  Files         422      422           
  Lines       18913    18913           
=======================================
  Hits        16767    16767           
  Misses       2146     2146           

☔ View full report in Codecov by Sentry.
📢 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.

Resolved conflicts in JobForm.tsx:
- Merged tooltip imports with read-only functionality imports
- Kept 'close_credential_modal' event name from main (not 'close_credential_modal_complete')
- Combined tooltip feature with read-only workflow support
Removed duplicate useWorkflowReadOnly() hook call that was causing
esbuild to fail with 'symbol already declared' error.
Set max-w-xs (320px) on tooltip content to ensure long tooltip
text wraps nicely instead of stretching across the entire screen.
@elias-ba
Copy link
Contributor

I added max-width to tooltips to avoid them expanding the whole width of the app when they have long texts

Copy link
Contributor

@elias-ba elias-ba left a comment

Choose a reason for hiding this comment

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

Looks sharp ✨

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Status: New Issues

Development

Successfully merging this pull request may close these issues.

Hover text (tooltips) missing on “Adaptor” and “Credentials” info icons in Collab Editor

3 participants