Enhancing Blueprint Accessibility (First Iteration)

[MarianRaphael]

Epic

#3728

Description

As a: New FlowFuse User

I want to: Easily locate where the Blueprints are within FlowFuse

So that: I can quickly create new Node RED instances using Blueprint templates.

Which customers would this be availble to

Other (See comments)

• Teams and Enterprise for Self Hosted version (ee)
• All FF Cloud Users

Acceptance Criteria

• Clicking on a specific Blueprint within the Blueprint Library should redirect the user to the instance creation page.
  The selected Blueprint should be pre-loaded or pre-selected in the instance creation workflow, streamlining the process of using a Blueprint for a new instance.
• Design: Design: Enhanced Blueprint Accessibility in Library Tab #3598 (comment)

Have you provided an initial effort estimate for this issue?

I have provided an initial effort estimate

[cstns]

This area would love some TLC

[cstns]

Would also rename the "Library" menu item and "Team Library" page title to "Shared Library" (open for discussion).

The library nomenclature doesn't quite fit now after splitting the page into multiple tabs.

Any thoughts @joepavitt @MarianRaphael ?

[joepavitt]

@knolleary the term "Team Library" is what's used in the Node-RED codebase, right? So we'll be smart in keeping with "Team Library" as the tab to show shared js and json files here? Assuming that's not easily changed?

Whatever the side navigation text is, should be consistent with the bold text on this page. The tabs can then be named respectively.

[knolleary]

'Team Library' is what it is labelled in the import/export dialog within Node-RED, but that comes from the settings file generated by the launcher so could be modified: https://github.com/FlowFuse/nr-launcher/blob/279538dd6fb406028d7c7566856626a8a446ce3b/lib/runtimeSettings.js#L186

However, I think Team Library is the right label for within Node-RED.

I'd suggest we just update the top header of the page - call it Library to be consistent with the sidebar, with the Team Library and Blueprints as subtabs as per the screenshot. The description would need updating to match

[joepavitt]

I'd suggest we just update the top header of the page - call it Library to be consistent with the sidebar, with the Team Library and Blueprints as subtabs as per the screenshot. The description would need updating to match

Agreed