From 91359b47119ce1d2736561e043f82d60eaf7cc0f Mon Sep 17 00:00:00 2001
From: Addison <addison@gitbook.com>
Date: Fri, 6 Feb 2026 10:36:03 +0900
Subject: [PATCH] Add query param for language

---
 .changeset/deep-spoons-throw.md   | 5 +++++
 integrations/arcade/src/arcade.ts | 6 ++++--
 integrations/arcade/src/index.tsx | 6 ++++--
 3 files changed, 13 insertions(+), 4 deletions(-)
 create mode 100644 .changeset/deep-spoons-throw.md

diff --git a/.changeset/deep-spoons-throw.md b/.changeset/deep-spoons-throw.md
new file mode 100644
index 000000000..2f24834a1
--- /dev/null
+++ b/.changeset/deep-spoons-throw.md
@@ -0,0 +1,5 @@
+---
+'@gitbook/integration-arcade': minor
+---
+
+Add query param for language
diff --git a/integrations/arcade/src/arcade.ts b/integrations/arcade/src/arcade.ts
index 95750a056..37d37a00e 100644
--- a/integrations/arcade/src/arcade.ts
+++ b/integrations/arcade/src/arcade.ts
@@ -30,10 +30,11 @@ export async function fetchArcadeOEmbedData(flowId: string): Promise<ArcadeOEmbe
 }
 
 /**
- * Extract the Arcade flow ID from the embed URL.
+ * Extract the Arcade flow ID and language from the embed URL.
  */
 export function extractArcadeFlowFromURL(input: string): {
     flowId?: string;
+    language?: string;
 } {
     const url = new URL(input);
     if (!['app.arcade.software', 'demo.arcade.software'].includes(url.hostname)) {
@@ -45,5 +46,6 @@ export function extractArcadeFlowFromURL(input: string): {
         return {};
     }
 
-    return { flowId: parts[2] };
+    const language = url.searchParams.get('language') ?? undefined;
+    return { flowId: parts[2], ...(language && { language }) };
 }
diff --git a/integrations/arcade/src/index.tsx b/integrations/arcade/src/index.tsx
index 3550e45b2..2a4866a22 100644
--- a/integrations/arcade/src/index.tsx
+++ b/integrations/arcade/src/index.tsx
@@ -18,6 +18,7 @@ type ArcadeRuntimeContext = RuntimeContext<ArcadeRuntimeEnvironment>;
 const embedBlock = createComponent<{
     flowId?: string;
     url?: string;
+    language?: string;
 }>({
     componentId: 'embed',
 
@@ -41,7 +42,7 @@ const embedBlock = createComponent<{
 
     async render(element, context) {
         const { environment } = context;
-        const { flowId, url } = element.props;
+        const { flowId, url, language } = element.props;
 
         if (!flowId) {
             return (
@@ -69,11 +70,12 @@ const embedBlock = createComponent<{
 
         const embedData = await fetchArcadeOEmbedData(flowId);
         const aspectRatio = embedData.width / embedData.height;
+        const embedUrl = `https://demo.arcade.software/${flowId}?embed${language ? `&language=${encodeURIComponent(language)}` : ''}`;
         return (
             <block>
                 <webframe
                     source={{
-                        url: `https://demo.arcade.software/${flowId}?embed`,
+                        url: embedUrl,
                     }}
                     aspectRatio={aspectRatio}
                 />