agent picker: drop the step 03 sign-up CTA, and fix bold colour inside callouts

Step 03 describes what happens once you are connected, which teams the agent may
act on and whether it may edit. A sign-up button under that was answering a
question the step does not ask, and on the blog post it was the third copy of the
same next step on one screen. Gone for every client and every surface.

That leaves the signup prop and the Expert tab's noStep3Cta flag with nothing to
gate, so both go too rather than sitting there as dead switches. The Expert tab
keeps its own step 01 sign-up, which is a different CTA for a different step. The
docs page in FlowFuse/flowfuse still passes :signup="false"; it is inert now and
worth removing there.

Separately: .prose pins --tw-prose-bold to gray-500 and Tailwind Typography's
strong rule reads that token, so bold text inside a callout rendered grey against
the callout's own colour, two colours in one sentence. Extended the callout theme
in app.config the same way its own [&_code]: rule works, rather than overriding it
from the stylesheet. Fixes the handbook's callouts too.

Author: dimitrieh

nuxt/app.config.ts

@@ -15,5 +15,19 @@ export default defineAppConfig({
                 label: 'text-[color:var(--ui-primary)] pr-4 pt-4 pb-2',
             },
         },
+        prose: {
+            // .prose pins --tw-prose-bold to gray-500, and Tailwind Typography's
+            // strong rule reads that token, so bold text inside a callout came out
+            // grey while the callout's own body kept its colour: two colours in one
+            // sentence. Callout's theme already carries a [&_code]: rule for the same
+            // class of problem, so this extends it the same way rather than adding a
+            // stylesheet override. Applies to ::note, ::tip, ::warning and ::caution,
+            // and so to the handbook's callouts too, which had the same mismatch.
+            callout: {
+                slots: {
+                    base: '[&_strong]:text-inherit',
+                },
+            },
+        },
     },
 })

nuxt/components/content/AgentSetupTabs.vue

@@ -15,13 +15,10 @@ const props = withDefaults(defineProps<{
     // Drops the FlowFuse Expert tab. For surfaces that are specifically about
     // connecting your own agent, where Expert is not one of the options.
     excludeExpert?: boolean
-    // Whether step 03 ends on a sign-up CTA. Off for documentation, where the
-    // reader already has an account.
-    signup?: boolean
     // Distinguishes this instance in PostHog. 'ai' keeps the positions the /ai
     // page already reports, so its existing numbers stay comparable.
     surface?: string
-}>(), { excludeExpert: false, signup: true, surface: 'ai' })
+}>(), { excludeExpert: false, surface: 'ai' })
 
 const capture = useCapture()
 
@@ -56,7 +53,6 @@ const CLIENTS = [
         step2Url: '/docs/device-agent/quickstart/',
         step3Title: 'Ask for what you need',
         step3Body: 'Build a flow, explain one you inherited, write the Function node, or ask what is running on the floor. Every write waits for you to approve, edit or reject.',
-        noStep3Cta: true,
     },
     {
         id: 'copilot',
@@ -187,9 +183,6 @@ function selectClient (id: string) {
           <p class="ff-agent-step__title">{{ client.step3Title || STEP3.title }}</p>
         </div>
         <p class="ff-agent-step__body">{{ client.step3Body || STEP3.description }}</p>
-        <div v-if="signup && !client.noStep3Cta" class="ff-agent-step__cta">
-          <CtaSignUp variant="primary" :position="`${surface}-connect-step3`" class="w-full" />
-        </div>
       </div>
     </div>
   </div>