From bd84c32860a7650965419716214196adbbb00e2f Mon Sep 17 00:00:00 2001
From: Aiden Cline <63023139+rekram1-node@users.noreply.github.com>
Date: Tue, 16 Jun 2026 07:27:05 -0400
Subject: [PATCH] fix(web): persist docs language selection (#32551)

---
 packages/web/astro.config.mjs                 |  1 +
 packages/web/src/components/Footer.astro      |  2 +-
 .../web/src/components/LanguageSelect.astro   | 29 +++++++++++++++++++
 3 files changed, 31 insertions(+), 1 deletion(-)
 create mode 100644 packages/web/src/components/LanguageSelect.astro

diff --git a/packages/web/astro.config.mjs b/packages/web/astro.config.mjs
index 48d6f3c55..2b39c60d6 100644
--- a/packages/web/astro.config.mjs
+++ b/packages/web/astro.config.mjs
@@ -299,6 +299,7 @@ export default defineConfig({
         Head: "./src/components/Head.astro",
         Header: "./src/components/Header.astro",
         Footer: "./src/components/Footer.astro",
+        LanguageSelect: "./src/components/LanguageSelect.astro",
         SiteTitle: "./src/components/SiteTitle.astro",
       },
       plugins: [
diff --git a/packages/web/src/components/Footer.astro b/packages/web/src/components/Footer.astro
index 0c66d7e63..73ebe34de 100644
--- a/packages/web/src/components/Footer.astro
+++ b/packages/web/src/components/Footer.astro
@@ -1,6 +1,6 @@
 ---
 import config from "virtual:starlight/user-config"
-import LanguageSelect from "@astrojs/starlight/components/LanguageSelect.astro"
+import LanguageSelect from "./LanguageSelect.astro"
 import { Icon } from "@astrojs/starlight/components"
 
 const { lang, editUrl, lastUpdated, entry } = Astro.locals.starlightRoute
diff --git a/packages/web/src/components/LanguageSelect.astro b/packages/web/src/components/LanguageSelect.astro
new file mode 100644
index 000000000..e9da36ef6
--- /dev/null
+++ b/packages/web/src/components/LanguageSelect.astro
@@ -0,0 +1,29 @@
+---
+import config from "virtual:starlight/user-config"
+import StarlightLanguageSelect from "@astrojs/starlight/components/LanguageSelect.astro"
+
+const locales = Object.keys(config.locales ?? {})
+---
+
+<opencode-language-select data-locales={JSON.stringify(locales)}>
+  <StarlightLanguageSelect />
+</opencode-language-select>
+
+<script>
+  document.addEventListener("change", (event) => {
+    if (!(event.target instanceof HTMLSelectElement)) return
+    const wrapper = event.target.closest("opencode-language-select")
+    if (!(wrapper instanceof HTMLElement)) return
+
+    const locales = JSON.parse(wrapper.dataset.locales ?? "[]") as string[]
+    const locale = locales[event.target.selectedIndex]
+    if (!locale) return
+    document.cookie = `oc_locale=${encodeURIComponent(locale === "root" ? "en" : locale)}; Path=/; Max-Age=31536000; SameSite=Lax`
+  })
+</script>
+
+<style>
+  opencode-language-select {
+    display: contents;
+  }
+</style>