Skip to content

ai: extract the agent picker into a shared content component - #5699

Merged
dimitrieh merged 18 commits into
mainfrom
ai/agent-setup-tabs
Aug 28, 2026
Merged

ai: extract the agent picker into a shared content component#5699
dimitrieh merged 18 commits into
mainfrom
ai/agent-setup-tabs

Conversation

@dimitrieh

@dimitrieh dimitrieh commented Aug 28, 2026

Copy link
Copy Markdown
Contributor

Description

Outcome: one agent picker instead of three copies of it.

The picker lived inside /ai. The changelog and the docs described the same setup steps again, in their own words. Change one and the other two drift.

It is now a component, and markdown can use it too. Write the steps once, every page shows the same thing.

/ai looks exactly as it did.

Three settings control how it appears per page:

  • excludeExpert hides the FlowFuse Expert tab, for pages about connecting your own agent.
  • signup hides the sign-up button in step 03, for documentation.
  • surface labels the page in PostHog. /ai keeps its current labels, so its existing numbers stay comparable.

Two things had to be fixed before it worked outside /ai:

  • On a docs or changelog page, the page's own text styling overrode the component. The tab logos grew until they filled the column. The styling now lives in src/css/style.css, where that cannot reach it. This is why FfCommand already keeps its styling there.
  • The steps sized themselves to the browser window rather than to the space they had. A wide window with a narrow column gave three cramped columns and cut the connector URL off mid-domain. They now size to their own width: three across when there is room, stacked when there is not.

Related Issue(s)

FlowFuse/flowfuse#8192

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)

The tabs and their three setup steps were inline in the /ai page. They are now
AgentSetupTabs in nuxt/components/content/, so markdown can use them too, and
the changelog entry does instead of listing the agents as links.

excludeExpert drops the FlowFuse Expert tab on surfaces that are specifically
about connecting your own agent. surface prefixes the PostHog positions
everywhere except /ai, whose existing positions are left alone.
@netlify

netlify Bot commented Aug 28, 2026

Copy link
Copy Markdown

Deploy Preview for flowforge-website ready!

Name Link
🔨 Latest commit 914b135
🔍 Latest deploy log https://app.netlify.com/projects/flowforge-website/deploys/6a919e9937f87b0008dd465d
😎 Deploy Preview https://deploy-preview-5699--flowforge-website.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 78 (🟢 up 28 from production)
Accessibility: 96 (no change from production)
Best Practices: 100 (no change from production)
SEO: 85 (🔴 down 7 from production)
PWA: -
View the detailed breakdown and full score reports

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

@cstns

cstns commented Aug 28, 2026

Copy link
Copy Markdown
Contributor

I don't know what the agent picker is

# Conflicts:
#	nuxt/pages/ai/index.vue
@dimitrieh

Copy link
Copy Markdown
Contributor Author

@cstns this thing on the AI page

CleanShot 2026-08-28 at 15 32 28@2x

# Conflicts:
#	src/changelog/2026/08/connect-your-own-ai-agent.md
@dimitrieh
dimitrieh enabled auto-merge August 28, 2026 14:05
Settings, Apps and Connectors, Advanced settings, then add by URL. The earlier
wording sent people to a prompt dashboard and to a workspace administrator,
neither of which is where developer mode lives. Developer mode also needs a
paid plan.
@dimitrieh
dimitrieh merged commit 9f41194 into main Aug 28, 2026
7 checks passed
@dimitrieh
dimitrieh deleted the ai/agent-setup-tabs branch August 28, 2026 15:19
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