From 53cd7459594247d13ea79ca4cbe72be83a0f7c9f Mon Sep 17 00:00:00 2001
From: Kit Langton <kit.langton@gmail.com>
Date: Sat, 17 Oct 2026 14:37:01 -0700
Subject: [PATCH] fix(console): render FAQ answers in the server HTML (#56535)

---
 packages/console/app/src/component/faq.tsx       | 2 +-
 packages/console/app/src/style/component/faq.css | 4 ++++
 packages/console/app/src/style/index.css         | 1 +
 3 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 packages/console/app/src/style/component/faq.css

diff --git a/packages/console/app/src/component/faq.tsx b/packages/console/app/src/component/faq.tsx
index 753a0dce4de..e407339334e 100644
--- a/packages/console/app/src/component/faq.tsx
+++ b/packages/console/app/src/component/faq.tsx
@@ -3,7 +3,7 @@ import { ParentProps } from "solid-js"
 
 export function Faq(props: ParentProps & { question: string }) {
   return (
-    <Collapsible data-slot="faq-item">
+    <Collapsible forceMount data-slot="faq-item">
       <Collapsible.Trigger data-slot="faq-question">
         <svg
           data-slot="faq-icon-plus"
diff --git a/packages/console/app/src/style/component/faq.css b/packages/console/app/src/style/component/faq.css
new file mode 100644
index 00000000000..ac66ade192a
--- /dev/null
+++ b/packages/console/app/src/style/component/faq.css
@@ -0,0 +1,4 @@
+/* Answers stay in the server HTML so they can be read without JavaScript and indexed. */
+[data-slot="faq-answer"][data-closed] {
+  display: none;
+}
diff --git a/packages/console/app/src/style/index.css b/packages/console/app/src/style/index.css
index 832a901e83b..99b71870b8a 100644
--- a/packages/console/app/src/style/index.css
+++ b/packages/console/app/src/style/index.css
@@ -3,6 +3,7 @@
 @import "./token/space.css";
 
 @import "./component/button.css";
+@import "./component/faq.css";
 
 @import "./reset.css";
 @import "./base.css";