feat: Add FlowFuse Expert to pricing page, refactor feature data, and add handbook feature catalog by dimitrieh · Pull Request #4607 · FlowFuse/website

dimitrieh · 2026-02-27T11:01:36Z

Description

Adds FlowFuse Expert to the pricing page under a new Empower section, making it clearly visible to customers evaluating plans. FlowFuse Expert is available on all FlowFuse Cloud tiers and on request for Self-Hosted Enterprise customers.

This PR also refactors all pricing feature data to use featureCatalog.yaml as a single source of truth, introduces a dedicated handbook page at /handbook/engineering/product/features/, and includes several visual refinements to the pricing page layout.

Changes include:

FlowFuse Expert on pricing page — new Empower section with FlowFuse Expert, Support Mode and Insights Mode (as indented sub-features), and Node-RED MCP Servers
Feature data refactor — featureCatalog.yaml is now the canonical source for all feature data across Cloud and Self-Hosted tiers
Data-driven Beta badges — tag/tagPrefix fields in YAML render styled pill badges (e.g., "While in Beta") with proper spacing
Dedicated handbook feature catalog — single horizontally-scrollable table at /handbook/engineering/product/features/ covering all sections, tiers, and solutions
Fullscreen toggle — handbook table can be expanded to fill the viewport for easier reading of all 13 columns, with sticky close button and Escape key support
Contact Us → On request — features available on request render "On request" text in the handbook table and a styled CTA button on the pricing page
Sub-feature support — subfeature: true flag renders child rows with └ tree connector and visual indentation
Note-only cells — cells with only a note (e.g., "Available during beta") render cleanly without a dash prefix or extra line break
Toggle click target fix — Cloud/Self-Hosted toggle now responds to clicks on the full button area, not just the text labels
Layout fix — handbook grid column changed to minmax(0, 1fr) to prevent wide tables from overflowing the page
Dead code cleanup — removed unused .ff-feature-tag-prefix CSS rule and old pricingFeatures.yaml

Related Issue(s)

N/A

Checklist

I have read the contribution guidelines
I have considered the performance impact of these changes
Suitable unit/system level tests have been added and they pass
Documentation has been updated
For blog PRs, an Art Request has been created (instructions)

netlify · 2026-02-27T11:04:35Z

✅ Deploy Preview for flowforge-website ready!

Name	Link
🔨 Latest commit	`26927db`
🔍 Latest deploy log	https://app.netlify.com/projects/flowforge-website/deploys/69a60ad19e049b0008f42052
😎 Deploy Preview	https://deploy-preview-4607--flowforge-website.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 92 (🟢 up 5 from production) Accessibility: 81 (no change from production) Best Practices: 100 (no change from production) SEO: 91 (no change from production) PWA: - View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify project configuration.

dimitrieh · 2026-02-27T11:15:52Z

@lbeau @MichaelBDavis can you have a look here? This PR sets us up in two ways:

Adding FlowFuse expert clearly into the pricing page (no other changes made to the pricing page)
Refactors our data file for the pricing page to be more usable/extendable
- With this PR there is now an added handbook page in which we can feature any feature and or subfeature regardless of showing them on the pricing page. This should be great for internal alignment.

You can review the changes directly here:

allthedoll

LGTM

dimitrieh · 2026-02-27T11:56:45Z

@Yndira-E adding you as a reviewer as well, see https://flowfuse.slack.com/archives/C09QS57R8AD/p1772192847293829?thread_ts=1772184741.264499&cid=C09QS57R8AD

lbeau · 2026-02-27T13:51:23Z

I would like to limit AI capabilities to our enterprise tier. I'm comfortable with lower tiers trying out the functionality for a period of time, but eventually these capabilities should be powerful enough to draw folks into the higher tiers on the basis of that feature alone.

dimitrieh · 2026-02-27T14:11:02Z

@Steve-Mcl what is our current exposure of insights mode and MCP server nodes VS FlowFuse tier (FlowFuse CLoud and Selfhosted)?

Afaik it currently aligns with what has been defined as of now right? see https://deploy-preview-4607--flowforge-website.netlify.app/pricing/

Steve-Mcl · 2026-02-27T14:16:20Z

@Steve-Mcl what is our current exposure of insights mode and MCP server nodes VS FlowFuse tier (FlowFuse CLoud and Selfhosted)?

@dimitrieh
As was agreed/discussed at the start of the journey (starting with nr-assistant), all features are available to all FFC registered users.

dimitrieh · 2026-02-27T14:19:03Z

Thanks @Steve-Mcl that aligns with my assumptions

dimitrieh · 2026-02-27T17:02:27Z

Updated:

FlowFuse cloud:

Self hosted:

dimitrieh · 2026-02-27T17:03:12Z

@hardillb can you give this a final look in terms of code?

dimitrieh · 2026-02-27T18:10:54Z

Code review audit

Code review

No issues found above the confidence threshold (80/100). Checked for bugs, CLAUDE.md compliance, git history context, previous PR comments, and code comment adherence.

Notable observations below threshold (scored 75/100):

ff-expert-insights and nr-mcp-servers have note: "Available during beta" with value: null for some tiers. The table cell renders empty because the template only displays note inside the info dialog, not inline. Users see a blank cell rather than "Available during beta." This may be intentional (notes only in dialog), but worth verifying.
ff-expert-insights (Insights Mode) and ff-expert-support (Support Mode) have tags: [cloud, self-hosted] with all selfHosted tier values as null. This renders sub-feature rows with three empty cells in the self-hosted pricing table. Consider removing self-hosted from their tags if these are not available for self-hosted.
showOnFeaturesPage field is defined for all 40+ features in featureCatalog.yaml but is not consumed by any template. The handbook features page renders all features unconditionally.
solution-features.njk is introduced but not included by any page (commit message notes "not yet wired to pages").

These did not meet the confidence threshold for flagging as issues because they may be intentional design decisions or are pre-existing patterns.

🤖 Generated with Claude Code

_{If this code review was useful, please react with 👍. Otherwise, react with 👎.}

Replace pricingFeatures.yaml with a structured featureCatalog.yaml that uses named tier keys (starter/pro/enterprise) instead of position-dependent arrays, plain-text descriptions instead of inline HTML, and adds metadata fields (docsLink, changelog, solutions, showOnPricing, showOnFeaturesPage) to support feature data reuse across multiple pages. - Add src/_data/featureCatalog.yaml with all features migrated - Update features-table-base.njk to render from new data structure - Add handbook/engineering/product/features.njk as complete internal reference - Add solution-features.njk reusable component (not yet wired to pages) - Delete src/_data/pricingFeatures.yaml

…rouped headers

…viewport

…d Node-RED MCP Servers

…ve redundant note

dimitrieh · 2026-03-01T19:30:03Z

Updated

FlowFuse cloud:

Selfhosted:

- Add beta flag to Insights Mode feature, rendered as a badge next to the feature name in both pricing and handbook tables - Update Node-RED MCP Servers tagPrefix to "During Insights Mode" and note to "Available during beta of Insights Mode" - Fix handbook Beta badge padding with inline style

ZJvandeWeg · 2026-03-02T09:43:28Z

@dimitrieh With subitems, like in #4607 (comment), should the top level item be left aligned?

dimitrieh · 2026-03-02T09:55:45Z

@dimitrieh With subitems, like in #4607 (comment), should the top level item be left aligned?

@ZJvandeWeg looking into this. Side-question:

Should we re-order our offerings with the most ideal one first, meaning enterprise?

Anthropics does a similar thing with their newest model comparisons:

dimitrieh · 2026-03-02T10:20:36Z

PS: I also think this doesn't make a lot of sense...

This should be "Request a quote" like at the bottom of the column 🤔. Making this change as well.

Yndira-E · 2026-03-02T10:37:58Z

@dimitrieh

PS: I also think this doesn't make a lot of sense...

The distinction is intentional.

The hero CTA was aimed at teams who want to technically evaluate the full Enterprise setup via a trial licence.

Further down, after reviewing the feature details, “Request a quote” aligns more with organizations already considering procurement.

Happy to align them if we decide consistency is preferable.

dimitrieh · 2026-03-02T10:48:20Z

@Yndira-E please take my comment with a grain of salt 🙃. Good to know there was thought behind it. Do think it makes things slightly confusing especially VS the Pro tier, though I can understand the want to direct towards a trial 🤔.

My suggestion here would be to then create consistency and separate concerns. We can communicate a trial period is a possibility. Setting something up...

Yndira-E · 2026-03-02T10:52:55Z

@dimitrieh

Should we re-order our offerings with the most ideal one first, meaning enterprise?

Good question, I think this ties into how we want to position FlowFuse overall.

Are we aiming to lead with Enterprise from a positioning perspective, or keep the tiered progression (Starter → Pro → Enterprise)?

If we decide to lead with Enterprise, we should probably keep the order consistent across the whole page (hero cards and comparison table) to avoid cognitive switching while scanning.

dimitrieh · 2026-03-02T12:19:55Z

Edit: changes are moved to #4619

Yndira-E · 2026-03-02T12:22:47Z

Please make sure the first cell is transparent instead of white. The top left one above "Empower".

dimitrieh · 2026-03-02T12:23:44Z

ase make sure the first cell is transparent instead of

@Yndira-E White bg artifact is because of browser zoom. Is a non issue. Feel free to check the preview deployment

dimitrieh · 2026-03-02T12:45:03Z

This is ready to merge, but awaiting review by @lbeau as stated in https://flowfuse.slack.com/archives/C05GYH95NJZ/p1772455163819599?thread_ts=1772452761.313169&cid=C05GYH95NJZ

…tally Move the fullscreen toggle button outside the overflow-x-auto wrapper into a new outer container. The button no longer scrolls away when the table is scrolled horizontally, while fullscreen mode continues to work with the sticky close button at the top.

dimitrieh · 2026-03-02T22:11:24Z

Out of scope changes have been scoped out and moved to #4619

Merging

dimitrieh requested a review from ZJvandeWeg as a code owner February 27, 2026 11:01

github-actions bot deployed to Preview February 27, 2026 11:04 View deployment

dimitrieh requested review from MichaelBDavis and lbeau February 27, 2026 11:16

github-actions bot deployed to Preview February 27, 2026 11:30 View deployment

allthedoll self-requested a review February 27, 2026 11:48

allthedoll approved these changes Feb 27, 2026

View reviewed changes

dimitrieh requested a review from Yndira-E February 27, 2026 11:56

This comment was marked as resolved.

Sign in to view

github-actions bot deployed to Preview February 27, 2026 17:01 View deployment

dimitrieh requested a review from hardillb February 27, 2026 17:03

FlowFuse deleted a comment from dimitrieh Feb 27, 2026

github-actions bot deployed to Preview February 27, 2026 18:50 View deployment

github-actions bot deployed to Preview March 1, 2026 16:41 View deployment

dimitrieh added 6 commits March 1, 2026 17:42

fix: guard capture call when function is not defined

6632071

feat: consolidate feature catalog into single scrollable table with g…

5d57c4b

…rouped headers

fix: constrain handbook grid column to prevent table overflow beyond …

b206be1

…viewport

feat: add Empower section with FlowFuse Expert, sub-feature modes, an…

0425d6b

…d Node-RED MCP Servers

fix: show 'On request' text instead of button in handbook table, remo…

c39d57e

…ve redundant note

github-actions bot deployed to Preview March 1, 2026 17:52 View deployment

github-actions bot deployed to Preview March 1, 2026 19:33 View deployment

github-actions bot deployed to Preview March 2, 2026 10:17 View deployment

github-actions bot deployed to Preview March 2, 2026 12:18 View deployment

dimitrieh removed request for Yndira-E, ZJvandeWeg and hardillb March 2, 2026 12:45

dimitrieh force-pushed the feature/pricing-data-architecture branch from e0d5c25 to 7c4dd23 Compare March 2, 2026 21:56

dimitrieh mentioned this pull request Mar 2, 2026

feat: Reorder pricing tiers and highlight Enterprise column #4619

Draft

5 tasks

github-actions bot deployed to Preview March 2, 2026 21:58 View deployment

dimitrieh and others added 2 commits March 2, 2026 23:08

Merge branch 'main' into feature/pricing-data-architecture

26927db

dimitrieh enabled auto-merge March 2, 2026 22:11

dimitrieh merged commit a88f45a into main Mar 2, 2026
7 checks passed

dimitrieh deleted the feature/pricing-data-architecture branch March 2, 2026 22:13

github-actions bot deployed to Preview March 2, 2026 22:13 View deployment

dimitrieh mentioned this pull request Mar 3, 2026

feat: left-align pricing feature labels and add indigo divider #4622

Merged

5 tasks

Conversation

dimitrieh commented Feb 27, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Description

Related Issue(s)

Checklist

Uh oh!

netlify bot commented Feb 27, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

✅ Deploy Preview for flowforge-website ready!

Uh oh!

dimitrieh commented Feb 27, 2026

Uh oh!

allthedoll left a comment

Choose a reason for hiding this comment

Uh oh!

dimitrieh commented Feb 27, 2026

Uh oh!

lbeau commented Feb 27, 2026

Uh oh!

dimitrieh commented Feb 27, 2026

Uh oh!

This comment was marked as resolved.

Steve-Mcl commented Feb 27, 2026

Uh oh!

dimitrieh commented Feb 27, 2026

Uh oh!

dimitrieh commented Feb 27, 2026

Uh oh!

dimitrieh commented Feb 27, 2026

Uh oh!

dimitrieh commented Feb 27, 2026

Code review

Uh oh!

dimitrieh commented Mar 1, 2026

Uh oh!

ZJvandeWeg commented Mar 2, 2026

Uh oh!

dimitrieh commented Mar 2, 2026

Uh oh!

dimitrieh commented Mar 2, 2026

Uh oh!

Yndira-E commented Mar 2, 2026

Uh oh!

dimitrieh commented Mar 2, 2026

Uh oh!

Yndira-E commented Mar 2, 2026

Uh oh!

dimitrieh commented Mar 2, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

Yndira-E commented Mar 2, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

dimitrieh commented Mar 2, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

dimitrieh commented Mar 2, 2026

Uh oh!

dimitrieh commented Mar 2, 2026

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

6 participants

dimitrieh commented Feb 27, 2026 •

edited

Loading

netlify bot commented Feb 27, 2026 •

edited

Loading

dimitrieh commented Mar 2, 2026 •

edited

Loading

Yndira-E commented Mar 2, 2026 •

edited

Loading

dimitrieh commented Mar 2, 2026 •

edited

Loading