Merge remote-tracking branch 'origin/develop' into HEAD

web/app/[locale]/docs/post-install/page.tsx

@@ -89,10 +89,12 @@ export default async function PostInstallPage({
     docs: { postInstall: {
       routes: Route[]
       related: { items: RelatedItem[] }
+      pbs?: { items: string[] }
     } }
   }
   const routes = messages.docs.postInstall.routes
   const relatedItems = messages.docs.postInstall.related.items
+  const pbsItems = messages.docs.postInstall.pbs?.items ?? []
 
   const code = (chunks: React.ReactNode) => <code>{chunks}</code>
   const strong = (chunks: React.ReactNode) => <strong>{chunks}</strong>
@@ -210,6 +212,14 @@ export default async function PostInstallPage({
         {t.rich("community.body", { em, code, a: communityAnchor, link: externalRepoLink })}
       </p>
 
+      <h2 className="text-2xl font-semibold mt-10 mb-4 text-gray-900">{t("pbs.heading")}</h2>
+      <p className="mb-4 text-gray-800 leading-relaxed">{t.rich("pbs.body", { strong })}</p>
+      <ul className="list-disc pl-6 mb-4 text-gray-800 leading-relaxed space-y-2">
+        {pbsItems.map((_, i) => (
+          <li key={i}>{t.rich(`pbs.items.${i}`, { strong, em })}</li>
+        ))}
+      </ul>
+
       <h2 className="text-2xl font-semibold mt-10 mb-4 text-gray-900">{t("related.heading")}</h2>
       <ul className="list-disc pl-6 text-gray-800 leading-relaxed space-y-1">
         {relatedItems.map((item) => (

web/app/layout.tsx

@@ -8,13 +8,14 @@ const inter = Inter({ subsets: ["latin"] })
  * Minimal root layout — the localized layout under [locale]/ does the
  * real work (provider, navbar, etc.) but cannot own <html>/<body> tags
  * because Next.js requires those at the root level. Lang is set to the
- * default locale here and refined client-side from inside the locale
- * layout so the page still renders correctly with JS disabled (defaults
- * to English) and switches to the active locale once hydrated.
+ * default locale here; scripts/localize-export.mjs sets the exported
+ * document's language before search indexing, and LocaleHtmlSync keeps
+ * it in sync during client navigation. The root-only hydration suppression
+ * allows that intentional lang attribute change in the static export.
  */
 export default function RootLayout({ children }: { children: React.ReactNode }) {
   return (
-    <html lang="en" className="dark">
+    <html lang="en" className="dark" suppressHydrationWarning>
       <body className={`${inter.className} bg-background text-foreground antialiased`}>
         {children}
       </body>