From 5f01a59d031e2bc418015210939c2f0e575714cc Mon Sep 17 00:00:00 2001
From: Yndira-E <yndira@flowfuse.com>
Date: Fri, 2 Oct 2026 16:09:57 +0200
Subject: [PATCH 1/8] hubspot-meetings: load the embed on mount and on consent
 events, re-scan on remount

---
 nuxt/assets/js/cookieconsent-config.js |  3 --
 nuxt/components/HubSpotMeetings.vue    | 56 +++++++++++++++-----------
 2 files changed, 33 insertions(+), 26 deletions(-)

diff --git a/nuxt/assets/js/cookieconsent-config.js b/nuxt/assets/js/cookieconsent-config.js
index 9c58da555d..242e3e2a73 100644
--- a/nuxt/assets/js/cookieconsent-config.js
+++ b/nuxt/assets/js/cookieconsent-config.js
@@ -79,9 +79,6 @@ function applyAnalyticsConsent (options) {
     syncHubSpotConsent(accepted);
 
     if (accepted) {
-        if (typeof window._ffLoadMeetings === 'function') {
-            window._ffLoadMeetings();
-        }
         window._ffLoadChat = true;
         if (window.HubSpotConversations) {
             window.HubSpotConversations.widget.load();
diff --git a/nuxt/components/HubSpotMeetings.vue b/nuxt/components/HubSpotMeetings.vue
index f1d377f2b9..9101045e4a 100644
--- a/nuxt/components/HubSpotMeetings.vue
+++ b/nuxt/components/HubSpotMeetings.vue
@@ -1,58 +1,68 @@
 <script setup lang="ts">
-// src/_includes/hubspot/hs-book-meeting.njk plus the non-form branch of
-// hubspot/consent-fallback.njk: the HubSpot meetings scheduler, with the "choose a time"
-// panel that stands in for it.
+// The HubSpot meetings scheduler, with a "choose a time" panel that stands in for it when
+// analytics consent hasn't been given yet.
 //
-// The embed is gated on analytics consent and MUST STAY THAT WAY. The .njk defined
-// `window._ffLoadMeetings`, and nuxt/assets/js/cookieconsent-config.js calls it only once the
-// visitor accepts; until then the embed is never injected. This registers the same global
-// rather than loading on mount, so declining analytics still means no third-party
-// scheduler script.
-//
-// The panel below is therefore not an error state: it is what a visitor who has not
-// accepted analytics sees, and it gives them a way to book anyway. It is rendered
-// unhidden and replaced once the embed is up, which is what the .njk did.
+// Consent-gated and MUST STAY THAT WAY: listens for vanilla-cookieconsent's own
+// cc:onConsent/cc:onChange DOM events, plus a direct check on mount for consent already
+// stored from an earlier visit, since that event can otherwise fire before this mounts.
 const props = defineProps<{ dataSrc: string }>()
 
 const embedded = ref(false)
 
-type ConsentWindow = Window & {
-    _ffLoadMeetings?: (() => void) | null
-    CookieConsent?: { showPreferences: () => void }
+type EmbedWindow = Window & {
+    CookieConsent?: { showPreferences: () => void, acceptedCategory?: (category: string) => boolean }
+    hbspt?: { meetings?: { create: (selector: string) => unknown } }
 }
 
 function showCookiePreferences() {
-    ;(window as ConsentWindow).CookieConsent?.showPreferences()
+    ;(window as EmbedWindow).CookieConsent?.showPreferences()
 }
 
 function loadEmbed() {
     if (embedded.value) return
+    const win = window as EmbedWindow
     const existing = document.querySelector('script[src*="MeetingsEmbedCode.js"]')
     if (!existing) {
         const script = document.createElement('script')
         script.src = 'https://static.hsappstatic.net/MeetingsEmbed/ex/MeetingsEmbedCode.js'
         script.onload = () => { embedded.value = true }
         document.head.appendChild(script)
-    } else {
+        return
+    }
+    // A later mount (e.g. browser back/forward) gets a fresh, empty container the
+    // already-loaded script never scans for on its own - this re-runs that scan. If hbspt
+    // isn't ready yet (script tag present but still loading, on a fast nav right after an
+    // earlier mount added it), wait for its load event and retry once.
+    if (win.hbspt?.meetings?.create) {
+        win.hbspt.meetings.create('.meetings-iframe-container')
         embedded.value = true
+        return
     }
+    existing.addEventListener('load', loadEmbed, { once: true })
+}
+
+function loadEmbedIfConsented() {
+    if ((window as EmbedWindow).CookieConsent?.acceptedCategory?.('analytics')) loadEmbed()
 }
 
-// Registered for cookieconsent-config.js to call on accept, exactly as the .njk did.
-// It also calls it on load when consent is already stored, so an existing acceptance is
-// covered without this component reading cookies itself.
 onMounted(() => {
-    ;(window as ConsentWindow)._ffLoadMeetings = loadEmbed
+    loadEmbedIfConsented()
+    window.addEventListener('cc:onConsent', loadEmbedIfConsented)
+    window.addEventListener('cc:onChange', loadEmbedIfConsented)
 })
 
 onUnmounted(() => {
-    ;(window as ConsentWindow)._ffLoadMeetings = null
+    window.removeEventListener('cc:onConsent', loadEmbedIfConsented)
+    window.removeEventListener('cc:onChange', loadEmbedIfConsented)
 })
 </script>
 
 <template>
   <div>
-    <div class="meetings-iframe-container -mb-20 md:-mb-6" :data-src="props.dataSrc" />
+    <!-- The negative margin only makes sense once the real iframe is loaded, to tuck away
+         HubSpot's own excess bottom whitespace - applied while empty, it pulls the fallback
+         panel up into this container's parent's overflow-hidden and clips its top edge. -->
+    <div class="meetings-iframe-container" :class="{ '-mb-20 md:-mb-6': embedded }" :data-src="props.dataSrc" />
     <div v-if="!embedded" class="ff-hubspot-consent-fallback text-center border bg-indigo-900 rounded-lg px-6 pt-8 pb-4">
       <h4 class="text-white font-medium">Choose a time to talk</h4>
       <p class="text-indigo-200">30-minute session with our team.</p>

From 67267834e46d2541887074a51648dc7fb2b765f4 Mon Sep 17 00:00:00 2001
From: Yndira-E <yndira@flowfuse.com>
Date: Fri, 2 Oct 2026 16:11:03 +0200
Subject: [PATCH 2/8] hubspot-meetings: read the sales calendar URL from
 site.meetings.salesRoundRobin

---
 nuxt/components/HubSpotMeetings.vue | 15 ++++++++++++---
 nuxt/lib/custom-cta-destinations.ts |  3 ++-
 nuxt/pages/book-demo/index.vue      |  2 +-
 nuxt/pages/contact-us/index.vue     |  4 +++-
 nuxt/pages/landing/tulip.vue        |  4 +---
 5 files changed, 19 insertions(+), 9 deletions(-)

diff --git a/nuxt/components/HubSpotMeetings.vue b/nuxt/components/HubSpotMeetings.vue
index 9101045e4a..189d1fe363 100644
--- a/nuxt/components/HubSpotMeetings.vue
+++ b/nuxt/components/HubSpotMeetings.vue
@@ -1,14 +1,23 @@
 <script setup lang="ts">
 // The HubSpot meetings scheduler, with a "choose a time" panel that stands in for it when
-// analytics consent hasn't been given yet.
+// analytics consent hasn't been given yet. Defaults to the shared sales calendar
+// (site.meetings.salesRoundRobin); dataSrc overrides it for a campaign-specific one.
 //
 // Consent-gated and MUST STAY THAT WAY: listens for vanilla-cookieconsent's own
 // cc:onConsent/cc:onChange DOM events, plus a direct check on mount for consent already
 // stored from an earlier visit, since that event can otherwise fire before this mounts.
-const props = defineProps<{ dataSrc: string }>()
+import site from '../data/site.json'
+
+const props = defineProps<{ dataSrc?: string }>()
 
 const embedded = ref(false)
 
+const meetingsSrc = (() => {
+    const url = new URL(props.dataSrc ?? site.meetings.salesRoundRobin)
+    url.searchParams.set('embed', 'true')
+    return url.toString()
+})()
+
 type EmbedWindow = Window & {
     CookieConsent?: { showPreferences: () => void, acceptedCategory?: (category: string) => boolean }
     hbspt?: { meetings?: { create: (selector: string) => unknown } }
@@ -62,7 +71,7 @@ onUnmounted(() => {
     <!-- The negative margin only makes sense once the real iframe is loaded, to tuck away
          HubSpot's own excess bottom whitespace - applied while empty, it pulls the fallback
          panel up into this container's parent's overflow-hidden and clips its top edge. -->
-    <div class="meetings-iframe-container" :class="{ '-mb-20 md:-mb-6': embedded }" :data-src="props.dataSrc" />
+    <div class="meetings-iframe-container" :class="{ '-mb-20 md:-mb-6': embedded }" :data-src="meetingsSrc" />
     <div v-if="!embedded" class="ff-hubspot-consent-fallback text-center border bg-indigo-900 rounded-lg px-6 pt-8 pb-4">
       <h4 class="text-white font-medium">Choose a time to talk</h4>
       <p class="text-indigo-200">30-minute session with our team.</p>
diff --git a/nuxt/lib/custom-cta-destinations.ts b/nuxt/lib/custom-cta-destinations.ts
index f7b389aa45..6112d94690 100644
--- a/nuxt/lib/custom-cta-destinations.ts
+++ b/nuxt/lib/custom-cta-destinations.ts
@@ -1,4 +1,5 @@
 import { CTA_DESTINATIONS, ctaDestinationKey, normalizeHref } from './cta-destinations'
+import site from '../data/site.json'
 
 // Registry for one-off CTA destinations that aren't one of the five reserved
 // ones (see cta-destinations.ts) but still deserve one fixed PostHog event -
@@ -33,7 +34,7 @@ import { CTA_DESTINATIONS, ctaDestinationKey, normalizeHref } from './cta-destin
 // `position`), not an attempt at an identical payload shape.
 export const CUSTOM_CTA_DESTINATIONS = {
     hubspotMeeting: {
-        href: 'https://meetings-eu1.hubspot.com/michael-davis/round-robin-sales-team',
+        href: site.meetings.salesRoundRobin,
         event: 'calendar_fallback_cta_clicked',
     },
     communityForum: {
diff --git a/nuxt/pages/book-demo/index.vue b/nuxt/pages/book-demo/index.vue
index 6420417f33..f7f3897ddd 100644
--- a/nuxt/pages/book-demo/index.vue
+++ b/nuxt/pages/book-demo/index.vue
@@ -21,7 +21,7 @@ useSeoMeta({
     description="See how you'd build, deploy, and govern operational applications across your own plants and production lines."
     :highlights="highlights"
   >
-    <HubSpotMeetings data-src="https://meetings-eu1.hubspot.com/michael-davis/round-robin-sales-team?embed=true" />
+    <HubSpotMeetings />
   </MqlContactPage>
 
   <div class="container m-auto max-w-5xl px-6 pb-20">
diff --git a/nuxt/pages/contact-us/index.vue b/nuxt/pages/contact-us/index.vue
index a38b139d64..69f6a783ae 100644
--- a/nuxt/pages/contact-us/index.vue
+++ b/nuxt/pages/contact-us/index.vue
@@ -1,10 +1,12 @@
 <script setup lang="ts">
+const resolveHref = useResolveHref()
+
 const otherChannels = [
     {
         title: 'Want to talk it through live?',
         description: 'Book a session and we\'ll go through your setup together.',
         buttonText: 'Book a session',
-        buttonLink: 'https://meetings-eu1.hubspot.com/michael-davis/round-robin-sales-team',
+        buttonLink: resolveHref('site:meetings.salesRoundRobin'),
         icon: 'calendar',
     },
     {
diff --git a/nuxt/pages/landing/tulip.vue b/nuxt/pages/landing/tulip.vue
index 3a6dc380f3..5cfa44f3a0 100644
--- a/nuxt/pages/landing/tulip.vue
+++ b/nuxt/pages/landing/tulip.vue
@@ -73,8 +73,6 @@ const STORIES_HEADING = {
     urlText: 'See more customer stories',
 }
 
-const MEETINGS_SRC = 'https://meetings-eu1.hubspot.com/michael-davis/round-robin-michael-omar-kasheef?embed=true'
-
 const { data: stories } = await useAsyncData('tulip-stories', () =>
     queryCollection('stories').select('path', 'title', 'image', 'logo', 'story', 'date')
         .order('date', 'DESC').limit(3).all()
@@ -224,7 +222,7 @@ useHead({ meta: [{ name: 'robots', content: 'noindex' }] })
             <h2 class="mb-8 max-md:text-center">Ready to Make the Wiser Decision?</h2>
             <p>See how FlowFuse can connect ALL your data sources to Tulip. Book your demo now.</p>
             <div class="my-10">
-              <HubSpotMeetings :data-src="MEETINGS_SRC" />
+              <HubSpotMeetings />
             </div>
           </div>
         </div>

From 67188ab1bdb96c97e777c3a9ad3392b0a2de9677 Mon Sep 17 00:00:00 2001
From: Yndira-E <yndira@flowfuse.com>
Date: Fri, 2 Oct 2026 16:24:06 +0200
Subject: [PATCH 3/8] hubspot-meetings: reuse the iframe on remount, drop the
 unused dataSrc prop, import site.json in contact-us

---
 nuxt/components/HubSpotMeetings.vue | 31 ++++++++++++++++++++---------
 nuxt/pages/contact-us/index.vue     |  4 ++--
 2 files changed, 24 insertions(+), 11 deletions(-)

diff --git a/nuxt/components/HubSpotMeetings.vue b/nuxt/components/HubSpotMeetings.vue
index 189d1fe363..d357e070a8 100644
--- a/nuxt/components/HubSpotMeetings.vue
+++ b/nuxt/components/HubSpotMeetings.vue
@@ -1,19 +1,22 @@
+<script lang="ts">
+let retainedIframe: HTMLIFrameElement | null = null
+</script>
+
 <script setup lang="ts">
 // The HubSpot meetings scheduler, with a "choose a time" panel that stands in for it when
-// analytics consent hasn't been given yet. Defaults to the shared sales calendar
-// (site.meetings.salesRoundRobin); dataSrc overrides it for a campaign-specific one.
+// analytics consent hasn't been given yet. Always the shared sales calendar
+// (site.meetings.salesRoundRobin).
 //
 // Consent-gated and MUST STAY THAT WAY: listens for vanilla-cookieconsent's own
 // cc:onConsent/cc:onChange DOM events, plus a direct check on mount for consent already
 // stored from an earlier visit, since that event can otherwise fire before this mounts.
 import site from '../data/site.json'
 
-const props = defineProps<{ dataSrc?: string }>()
-
 const embedded = ref(false)
+const container = ref<HTMLElement>()
 
 const meetingsSrc = (() => {
-    const url = new URL(props.dataSrc ?? site.meetings.salesRoundRobin)
+    const url = new URL(site.meetings.salesRoundRobin)
     url.searchParams.set('embed', 'true')
     return url.toString()
 })()
@@ -39,9 +42,15 @@ function loadEmbed() {
         return
     }
     // A later mount (e.g. browser back/forward) gets a fresh, empty container the
-    // already-loaded script never scans for on its own - this re-runs that scan. If hbspt
-    // isn't ready yet (script tag present but still loading, on a fast nav right after an
-    // earlier mount added it), wait for its load event and retry once.
+    // already-loaded script never scans for on its own. Re-attach the iframe it created for
+    // the earlier mount: calling create() again would register another pair of window
+    // listeners per visit, pointing at iframes that are gone. If hbspt isn't ready yet
+    // (script tag present but still loading), wait for its load event and retry once.
+    if (retainedIframe && container.value && !container.value.querySelector('iframe')) {
+        container.value.appendChild(retainedIframe)
+        embedded.value = true
+        return
+    }
     if (win.hbspt?.meetings?.create) {
         win.hbspt.meetings.create('.meetings-iframe-container')
         embedded.value = true
@@ -60,6 +69,10 @@ onMounted(() => {
     window.addEventListener('cc:onChange', loadEmbedIfConsented)
 })
 
+onBeforeUnmount(() => {
+    retainedIframe = container.value?.querySelector('iframe') ?? retainedIframe
+})
+
 onUnmounted(() => {
     window.removeEventListener('cc:onConsent', loadEmbedIfConsented)
     window.removeEventListener('cc:onChange', loadEmbedIfConsented)
@@ -71,7 +84,7 @@ onUnmounted(() => {
     <!-- The negative margin only makes sense once the real iframe is loaded, to tuck away
          HubSpot's own excess bottom whitespace - applied while empty, it pulls the fallback
          panel up into this container's parent's overflow-hidden and clips its top edge. -->
-    <div class="meetings-iframe-container" :class="{ '-mb-20 md:-mb-6': embedded }" :data-src="meetingsSrc" />
+    <div ref="container" class="meetings-iframe-container" :class="{ '-mb-20 md:-mb-6': embedded }" :data-src="meetingsSrc" />
     <div v-if="!embedded" class="ff-hubspot-consent-fallback text-center border bg-indigo-900 rounded-lg px-6 pt-8 pb-4">
       <h4 class="text-white font-medium">Choose a time to talk</h4>
       <p class="text-indigo-200">30-minute session with our team.</p>
diff --git a/nuxt/pages/contact-us/index.vue b/nuxt/pages/contact-us/index.vue
index 69f6a783ae..8b0a047e16 100644
--- a/nuxt/pages/contact-us/index.vue
+++ b/nuxt/pages/contact-us/index.vue
@@ -1,12 +1,12 @@
 <script setup lang="ts">
-const resolveHref = useResolveHref()
+import site from '../../data/site.json'
 
 const otherChannels = [
     {
         title: 'Want to talk it through live?',
         description: 'Book a session and we\'ll go through your setup together.',
         buttonText: 'Book a session',
-        buttonLink: resolveHref('site:meetings.salesRoundRobin'),
+        buttonLink: site.meetings.salesRoundRobin,
         icon: 'calendar',
     },
     {

From 99eeef233bbd8a85a2d973ed855a1c3335b827cd Mon Sep 17 00:00:00 2001
From: Yndira-E <yndira@flowfuse.com>
Date: Mon, 5 Oct 2026 12:10:07 +0200
Subject: [PATCH 4/8] hubspot-meetings: retry a failed script load on the next
 mount, shorten comments

---
 nuxt/components/HubSpotMeetings.vue | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/nuxt/components/HubSpotMeetings.vue b/nuxt/components/HubSpotMeetings.vue
index d357e070a8..cdd9de75d4 100644
--- a/nuxt/components/HubSpotMeetings.vue
+++ b/nuxt/components/HubSpotMeetings.vue
@@ -38,14 +38,12 @@ function loadEmbed() {
         const script = document.createElement('script')
         script.src = 'https://static.hsappstatic.net/MeetingsEmbed/ex/MeetingsEmbedCode.js'
         script.onload = () => { embedded.value = true }
+        script.onerror = () => script.remove()
         document.head.appendChild(script)
         return
     }
-    // A later mount (e.g. browser back/forward) gets a fresh, empty container the
-    // already-loaded script never scans for on its own. Re-attach the iframe it created for
-    // the earlier mount: calling create() again would register another pair of window
-    // listeners per visit, pointing at iframes that are gone. If hbspt isn't ready yet
-    // (script tag present but still loading), wait for its load event and retry once.
+    // HubSpot's script only scans for containers once, so a later mount re-attaches the
+    // earlier iframe: create() again would leak a pair of window listeners per visit.
     if (retainedIframe && container.value && !container.value.querySelector('iframe')) {
         container.value.appendChild(retainedIframe)
         embedded.value = true
@@ -81,9 +79,7 @@ onUnmounted(() => {
 
 <template>
   <div>
-    <!-- The negative margin only makes sense once the real iframe is loaded, to tuck away
-         HubSpot's own excess bottom whitespace - applied while empty, it pulls the fallback
-         panel up into this container's parent's overflow-hidden and clips its top edge. -->
+    <!-- Negative margin only once the iframe is up: on the empty container it clips the fallback. -->
     <div ref="container" class="meetings-iframe-container" :class="{ '-mb-20 md:-mb-6': embedded }" :data-src="meetingsSrc" />
     <div v-if="!embedded" class="ff-hubspot-consent-fallback text-center border bg-indigo-900 rounded-lg px-6 pt-8 pb-4">
       <h4 class="text-white font-medium">Choose a time to talk</h4>

From 16841ad74f0f624e911e23a00de7988e373c9dc6 Mon Sep 17 00:00:00 2001
From: Yndira-E <yndira@flowfuse.com>
Date: Mon, 5 Oct 2026 12:52:43 +0200
Subject: [PATCH 5/8] hubspot-meetings: reuse the retained iframe on remount,
 rewriting its page URL

---
 nuxt/components/HubSpotMeetings.vue | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/nuxt/components/HubSpotMeetings.vue b/nuxt/components/HubSpotMeetings.vue
index cdd9de75d4..a0ff296070 100644
--- a/nuxt/components/HubSpotMeetings.vue
+++ b/nuxt/components/HubSpotMeetings.vue
@@ -1,5 +1,17 @@
 <script lang="ts">
 let retainedIframe: HTMLIFrameElement | null = null
+
+// HubSpot bakes the page URL and query string into the iframe's src when it creates it, so
+// a retained iframe gets them rewritten for the page it is re-attached on.
+function retargetIframe(iframe: HTMLIFrameElement) {
+    const marker = '&parentPageUrl='
+    const at = iframe.src.indexOf(marker)
+    if (at === -1) return false
+    const { origin, pathname, search } = window.location
+    const src = `${iframe.src.slice(0, at)}${marker}${origin}${pathname}${search ? `&${search.slice(1)}` : ''}`
+    if (iframe.src !== src) iframe.src = src
+    return true
+}
 </script>
 
 <script setup lang="ts">
@@ -43,7 +55,8 @@ function loadEmbed() {
         return
     }
     // HubSpot's script only scans for containers once, so a later mount re-attaches the
-    // earlier iframe: create() again would leak a pair of window listeners per visit.
+    // earlier iframe: create() again would leak window listeners per visit.
+    if (retainedIframe && !retargetIframe(retainedIframe)) retainedIframe = null
     if (retainedIframe && container.value && !container.value.querySelector('iframe')) {
         container.value.appendChild(retainedIframe)
         embedded.value = true

From 0d51a687cc0296a219d2255d50401b55f9e789d4 Mon Sep 17 00:00:00 2001
From: Dimitrie Hoekstra <hi@dimitr.ie>
Date: Mon, 5 Oct 2026 14:08:24 +0200
Subject: [PATCH 6/8] HubSpotMeetings: create an iframe per mount instead of
 re-attaching one

Builds on the consent check from the previous commits and replaces the
retained-iframe approach:

- Each mount calls hbspt.meetings.create() for its own container (unique id
  from useId), so a page reached by client-side navigation gets a fresh,
  correctly addressed iframe without rewriting HubSpot's src by hand. This
  also keeps the current HubSpot utk, and lets two instances coexist.
- The fallback stays until an iframe is actually in the container, watched
  with a MutationObserver. HubSpot inserts it after create() returns, so
  setting embedded on script load emptied the slot early, and a blocked or
  stubbed script left neither calendar nor fallback.
- The script 'load' listener is removed on unmount, so a stale instance can
  no longer call create() on another page.
- Withdrawing analytics consent removes the embed.
- The VPP blog post linked the retired round-robin calendar through a mangled
  URL; it now links /book-demo/.

Known cost: HubSpot's script adds two window message listeners per iframe and
never removes them. After a client-side revisit, the old iframe's consent
listener throws "Cannot read properties of null (reading 'postMessage')" in
HubSpot's own code when the new iframe loads. The calendar is unaffected.
---
 nuxt/components/HubSpotMeetings.vue           | 105 ++++++++++--------
 ...virtual-power-plants-low-code-platforms.md |   2 +-
 2 files changed, 57 insertions(+), 50 deletions(-)

diff --git a/nuxt/components/HubSpotMeetings.vue b/nuxt/components/HubSpotMeetings.vue
index a0ff296070..9f5734095a 100644
--- a/nuxt/components/HubSpotMeetings.vue
+++ b/nuxt/components/HubSpotMeetings.vue
@@ -1,19 +1,3 @@
-<script lang="ts">
-let retainedIframe: HTMLIFrameElement | null = null
-
-// HubSpot bakes the page URL and query string into the iframe's src when it creates it, so
-// a retained iframe gets them rewritten for the page it is re-attached on.
-function retargetIframe(iframe: HTMLIFrameElement) {
-    const marker = '&parentPageUrl='
-    const at = iframe.src.indexOf(marker)
-    if (at === -1) return false
-    const { origin, pathname, search } = window.location
-    const src = `${iframe.src.slice(0, at)}${marker}${origin}${pathname}${search ? `&${search.slice(1)}` : ''}`
-    if (iframe.src !== src) iframe.src = src
-    return true
-}
-</script>
-
 <script setup lang="ts">
 // The HubSpot meetings scheduler, with a "choose a time" panel that stands in for it when
 // analytics consent hasn't been given yet. Always the shared sales calendar
@@ -22,10 +6,18 @@ function retargetIframe(iframe: HTMLIFrameElement) {
 // Consent-gated and MUST STAY THAT WAY: listens for vanilla-cookieconsent's own
 // cc:onConsent/cc:onChange DOM events, plus a direct check on mount for consent already
 // stored from an earlier visit, since that event can otherwise fire before this mounts.
+// Withdrawing consent removes the embed again.
+//
+// HubSpot's script only scans for containers once, when it loads, so each mount asks it for
+// an iframe in this component's own container. The fallback stays up until that iframe is
+// actually in the container, which HubSpot inserts some time after create() returns.
 import site from '../data/site.json'
 
+const SCRIPT_SRC = 'https://static.hsappstatic.net/MeetingsEmbed/ex/MeetingsEmbedCode.js'
+
 const embedded = ref(false)
 const container = ref<HTMLElement>()
+const containerId = `hs-meetings-${useId()}`
 
 const meetingsSrc = (() => {
     const url = new URL(site.meetings.salesRoundRobin)
@@ -38,62 +30,77 @@ type EmbedWindow = Window & {
     hbspt?: { meetings?: { create: (selector: string) => unknown } }
 }
 
+let observer: MutationObserver | undefined
+let pendingScript: HTMLScriptElement | undefined
+
 function showCookiePreferences() {
     ;(window as EmbedWindow).CookieConsent?.showPreferences()
 }
 
+function stopWaitingForScript() {
+    pendingScript?.removeEventListener('load', createEmbed)
+    pendingScript = undefined
+}
+
+function createEmbed() {
+    stopWaitingForScript()
+    const create = (window as EmbedWindow).hbspt?.meetings?.create
+    if (create && container.value) create(`#${CSS.escape(containerId)}`)
+}
+
 function loadEmbed() {
-    if (embedded.value) return
-    const win = window as EmbedWindow
-    const existing = document.querySelector('script[src*="MeetingsEmbedCode.js"]')
-    if (!existing) {
-        const script = document.createElement('script')
-        script.src = 'https://static.hsappstatic.net/MeetingsEmbed/ex/MeetingsEmbedCode.js'
-        script.onload = () => { embedded.value = true }
-        script.onerror = () => script.remove()
-        document.head.appendChild(script)
+    if (!container.value || container.value.querySelector('iframe')) return
+    if ((window as EmbedWindow).hbspt?.meetings?.create) {
+        createEmbed()
         return
     }
-    // HubSpot's script only scans for containers once, so a later mount re-attaches the
-    // earlier iframe: create() again would leak window listeners per visit.
-    if (retainedIframe && !retargetIframe(retainedIframe)) retainedIframe = null
-    if (retainedIframe && container.value && !container.value.querySelector('iframe')) {
-        container.value.appendChild(retainedIframe)
-        embedded.value = true
-        return
-    }
-    if (win.hbspt?.meetings?.create) {
-        win.hbspt.meetings.create('.meetings-iframe-container')
-        embedded.value = true
-        return
+    let script = document.querySelector<HTMLScriptElement>(`script[src="${SCRIPT_SRC}"]`)
+    if (!script) {
+        const injected = document.createElement('script')
+        injected.src = SCRIPT_SRC
+        // Dropped on failure so the next mount tries again.
+        injected.onerror = () => injected.remove()
+        document.head.appendChild(injected)
+        script = injected
     }
-    existing.addEventListener('load', loadEmbed, { once: true })
+    if (pendingScript === script) return
+    stopWaitingForScript()
+    pendingScript = script
+    script.addEventListener('load', createEmbed, { once: true })
 }
 
-function loadEmbedIfConsented() {
+function removeEmbed() {
+    stopWaitingForScript()
+    container.value?.replaceChildren()
+}
+
+function syncWithConsent() {
     if ((window as EmbedWindow).CookieConsent?.acceptedCategory?.('analytics')) loadEmbed()
+    else removeEmbed()
 }
 
 onMounted(() => {
-    loadEmbedIfConsented()
-    window.addEventListener('cc:onConsent', loadEmbedIfConsented)
-    window.addEventListener('cc:onChange', loadEmbedIfConsented)
-})
-
-onBeforeUnmount(() => {
-    retainedIframe = container.value?.querySelector('iframe') ?? retainedIframe
+    observer = new MutationObserver(() => {
+        embedded.value = !!container.value?.querySelector('iframe')
+    })
+    if (container.value) observer.observe(container.value, { childList: true })
+    syncWithConsent()
+    window.addEventListener('cc:onConsent', syncWithConsent)
+    window.addEventListener('cc:onChange', syncWithConsent)
 })
 
 onUnmounted(() => {
-    window.removeEventListener('cc:onConsent', loadEmbedIfConsented)
-    window.removeEventListener('cc:onChange', loadEmbedIfConsented)
+    observer?.disconnect()
+    stopWaitingForScript()
+    window.removeEventListener('cc:onConsent', syncWithConsent)
+    window.removeEventListener('cc:onChange', syncWithConsent)
 })
 </script>
 
 <template>
   <div>
     <!-- Negative margin only once the iframe is up: on the empty container it clips the fallback. -->
-    <div ref="container" class="meetings-iframe-container" :class="{ '-mb-20 md:-mb-6': embedded }" :data-src="meetingsSrc" />
+    <div :id="containerId" ref="container" :class="{ '-mb-20 md:-mb-6': embedded }" :data-src="meetingsSrc" />
     <div v-if="!embedded" class="ff-hubspot-consent-fallback text-center border bg-indigo-900 rounded-lg px-6 pt-8 pb-4">
       <h4 class="text-white font-medium">Choose a time to talk</h4>
       <p class="text-indigo-200">30-minute session with our team.</p>
diff --git a/nuxt/content/blog/2025/08/orchestrating-virtual-power-plants-low-code-platforms.md b/nuxt/content/blog/2025/08/orchestrating-virtual-power-plants-low-code-platforms.md
index 31d4ca7113..1146debf2b 100644
--- a/nuxt/content/blog/2025/08/orchestrating-virtual-power-plants-low-code-platforms.md
+++ b/nuxt/content/blog/2025/08/orchestrating-virtual-power-plants-low-code-platforms.md
@@ -65,4 +65,4 @@ This isn't just theoretical: [Energinet, Denmark's national transmission system
 
 Virtual Power Plants are the future of the energy grid, but building them without the right tools is slow, brittle, and expensive. Low-code platforms like **FlowFuse** change that. They offer a practical, scalable, and secure way to integrate DERs, manage fleet operations, and coordinate distributed energy like never before.
 
-Ready to revolutionize your energy infrastructure? Start building your VPP with [FlowFuse's free trial](https://app.flowfuse.com/account/create) or [Book a Demo](https://meetings-eu1.hubspot.com/michael-davis/round-robin-michael-omar-kasheef?utm_campa%5B%E2%80%A6%5D113138546=&utm_content=113138546&utm_source=hs_automation&uuid=67e4a958-c21e-4463-8eb4-647cc2386930) to see how leading energy companies are orchestrating thousands of DERs with low-code automation.
+Ready to revolutionize your energy infrastructure? Start building your VPP with [FlowFuse's free trial](https://app.flowfuse.com/account/create) or [Book a Demo](/book-demo/) to see how leading energy companies are orchestrating thousands of DERs with low-code automation.

From 69d26464d9760d438fdf65a3d945c4b74624094c Mon Sep 17 00:00:00 2001
From: Yndira-E <yndira@flowfuse.com>
Date: Mon, 5 Oct 2026 17:00:58 +0200
Subject: [PATCH 7/8] hubspot-meetings: keep the embed out once analytics
 consent is withdrawn

---
 nuxt/components/HubSpotMeetings.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/nuxt/components/HubSpotMeetings.vue b/nuxt/components/HubSpotMeetings.vue
index 9f5734095a..ec5373fc83 100644
--- a/nuxt/components/HubSpotMeetings.vue
+++ b/nuxt/components/HubSpotMeetings.vue
@@ -74,13 +74,19 @@ function removeEmbed() {
     container.value?.replaceChildren()
 }
 
+function hasAnalyticsConsent() {
+    return !!(window as EmbedWindow).CookieConsent?.acceptedCategory?.('analytics')
+}
+
 function syncWithConsent() {
-    if ((window as EmbedWindow).CookieConsent?.acceptedCategory?.('analytics')) loadEmbed()
+    if (hasAnalyticsConsent()) loadEmbed()
     else removeEmbed()
 }
 
 onMounted(() => {
     observer = new MutationObserver(() => {
+        // HubSpot can insert the iframe after consent was withdrawn.
+        if (!hasAnalyticsConsent()) container.value?.replaceChildren()
         embedded.value = !!container.value?.querySelector('iframe')
     })
     if (container.value) observer.observe(container.value, { childList: true })

From 3b6781e420cfca210a3ee014173765b910b06512 Mon Sep 17 00:00:00 2001
From: Yndira-E <yndira@flowfuse.com>
Date: Mon, 5 Oct 2026 17:23:37 +0200
Subject: [PATCH 8/8] hubspot-meetings: swap in a new container when consent is
 withdrawn, trim comments

---
 nuxt/components/HubSpotMeetings.vue | 40 ++++++++++++++---------------
 1 file changed, 19 insertions(+), 21 deletions(-)

diff --git a/nuxt/components/HubSpotMeetings.vue b/nuxt/components/HubSpotMeetings.vue
index ec5373fc83..55fedc3440 100644
--- a/nuxt/components/HubSpotMeetings.vue
+++ b/nuxt/components/HubSpotMeetings.vue
@@ -1,22 +1,12 @@
 <script setup lang="ts">
-// The HubSpot meetings scheduler, with a "choose a time" panel that stands in for it when
-// analytics consent hasn't been given yet. Always the shared sales calendar
-// (site.meetings.salesRoundRobin).
-//
-// Consent-gated and MUST STAY THAT WAY: listens for vanilla-cookieconsent's own
-// cc:onConsent/cc:onChange DOM events, plus a direct check on mount for consent already
-// stored from an earlier visit, since that event can otherwise fire before this mounts.
-// Withdrawing consent removes the embed again.
-//
-// HubSpot's script only scans for containers once, when it loads, so each mount asks it for
-// an iframe in this component's own container. The fallback stays up until that iframe is
-// actually in the container, which HubSpot inserts some time after create() returns.
+// HubSpot meetings scheduler, loaded only with analytics consent. MUST STAY THAT WAY.
 import site from '../data/site.json'
 
 const SCRIPT_SRC = 'https://static.hsappstatic.net/MeetingsEmbed/ex/MeetingsEmbedCode.js'
 
 const embedded = ref(false)
 const container = ref<HTMLElement>()
+const containerKey = ref(0)
 const containerId = `hs-meetings-${useId()}`
 
 const meetingsSrc = (() => {
@@ -32,6 +22,7 @@ type EmbedWindow = Window & {
 
 let observer: MutationObserver | undefined
 let pendingScript: HTMLScriptElement | undefined
+let requested = false
 
 function showCookiePreferences() {
     ;(window as EmbedWindow).CookieConsent?.showPreferences()
@@ -45,7 +36,9 @@ function stopWaitingForScript() {
 function createEmbed() {
     stopWaitingForScript()
     const create = (window as EmbedWindow).hbspt?.meetings?.create
-    if (create && container.value) create(`#${CSS.escape(containerId)}`)
+    if (!create || !container.value) return
+    requested = true
+    create(`#${CSS.escape(containerId)}`)
 }
 
 function loadEmbed() {
@@ -58,7 +51,6 @@ function loadEmbed() {
     if (!script) {
         const injected = document.createElement('script')
         injected.src = SCRIPT_SRC
-        // Dropped on failure so the next mount tries again.
         injected.onerror = () => injected.remove()
         document.head.appendChild(injected)
         script = injected
@@ -69,9 +61,13 @@ function loadEmbed() {
     script.addEventListener('load', createEmbed, { once: true })
 }
 
+// A new container makes an iframe HubSpot inserts late land in the detached old one.
 function removeEmbed() {
     stopWaitingForScript()
-    container.value?.replaceChildren()
+    if (!requested) return
+    requested = false
+    embedded.value = false
+    containerKey.value++
 }
 
 function hasAnalyticsConsent() {
@@ -79,14 +75,17 @@ function hasAnalyticsConsent() {
 }
 
 function syncWithConsent() {
-    if (hasAnalyticsConsent()) loadEmbed()
-    else removeEmbed()
+    if (!hasAnalyticsConsent()) removeEmbed()
+    else nextTick(() => { if (hasAnalyticsConsent()) loadEmbed() })
 }
 
+watch(container, (el) => {
+    observer?.disconnect()
+    if (el) observer?.observe(el, { childList: true })
+}, { flush: 'post' })
+
 onMounted(() => {
     observer = new MutationObserver(() => {
-        // HubSpot can insert the iframe after consent was withdrawn.
-        if (!hasAnalyticsConsent()) container.value?.replaceChildren()
         embedded.value = !!container.value?.querySelector('iframe')
     })
     if (container.value) observer.observe(container.value, { childList: true })
@@ -105,8 +104,7 @@ onUnmounted(() => {
 
 <template>
   <div>
-    <!-- Negative margin only once the iframe is up: on the empty container it clips the fallback. -->
-    <div :id="containerId" ref="container" :class="{ '-mb-20 md:-mb-6': embedded }" :data-src="meetingsSrc" />
+    <div :id="containerId" :key="containerKey" ref="container" :class="{ '-mb-20 md:-mb-6': embedded }" :data-src="meetingsSrc" />
     <div v-if="!embedded" class="ff-hubspot-consent-fallback text-center border bg-indigo-900 rounded-lg px-6 pt-8 pb-4">
       <h4 class="text-white font-medium">Choose a time to talk</h4>
       <p class="text-indigo-200">30-minute session with our team.</p>