🎨 [Frontend] Support any image url in the Hypertool buttons

[odeimaiz]

What do these changes do?

We foresee that the hypertool icon will need to be changed in the last minute and POs might want to go with an image that's not part of the Material or Fontawesome icons repositories we support.

This PR enhances the Hypertools buttons to support any image hosted out in the internet.

Before:

Enhanced:

Related issue/s

How to test

Dev-ops

[Copilot]

Pull Request Overview

This PR enhances the Hypertools buttons by allowing them to display an image from an external URL instead of a predefined icon. Key changes include introducing a new utility method to replace icons with thumbnails, updating StudyUI to use a custom image URL, and refactoring various UI components to apply the new thumbnail-based icon rendering.

Reviewed Changes

Copilot reviewed 6 out of 6 changed files in this pull request and generated 1 comment.

Show a summary per file

File	Description
services/static-webserver/client/source/class/osparc/utils/Utils.js	Added replaceIconWithThumbnail to overlay a thumbnail on UI widgets.
services/static-webserver/client/source/class/osparc/data/model/StudyUI.js	Updated HYPERTOOL_ICON to return a static image URL.
services/static-webserver/client/source/class/osparc/dashboard/SearchBarFilter.js	Updated the Hypertools menu button to use the new thumbnail functionality.
services/static-webserver/client/source/class/osparc/dashboard/ResourceDetails.js	Adjusted title extraction and simplified condition for showing an Activity Overview popup.
services/static-webserver/client/source/class/osparc/dashboard/ResourceBrowserFilter.js	Revised Hypertools filter button to integrate the new thumbnail mechanism.
services/static-webserver/client/source/class/osparc/dashboard/NewPlusMenu.js	Replaced several direct icon settings with calls to the new setIcon method for consistent behavior.

Comments suppressed due to low confidence (1)

services/static-webserver/client/source/class/osparc/dashboard/ResourceDetails.js:101

• [nitpick] Previously, the title included both a resource alias and name for context. Please confirm if removing the alias from the title is an intentional design change to avoid potential confusion.

const title = resourceDetails.__resourceData.name;

[matusdrobuliak66]

Beautiful cat, thanks!

[odeimaiz]

@Mergifyio queue

[mergify]

queue

🛑 The pull request has been removed from the queue default

The merge conditions cannot be satisfied due to failing checks.

You can take a look at Queue: Embarked in merge queue check runs for more details about the failure.

[sanderegg]

interesting considerations ;) thanks

[pcrespov]

I kind of liked the previous version since I could clearly see the icon ;-)

[GitHK]

I also agree with PC, previous version was way better, icons were clear 🤣

[mergify]

This pull request has been removed from the queue for the following reason: checks failed.

The merge conditions cannot be satisfied due to failing checks:

• ❌ integration-tests

You may have to fix your CI before adding the pull request to the queue again.
If you update this pull request, to fix the CI, it will automatically be requeued once the queue conditions match again.
If you think this was a flaky issue instead, you can requeue the pull request, without updating it, by posting a @mergifyio requeue comment.

[odeimaiz]

@Mergifyio queue

[mergify]

queue

✅ The pull request has been merged automatically

The pull request has been merged automatically at 1147ace

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud