From 3876f7081e5219bfcd1d46705000a2dfaf59fd06 Mon Sep 17 00:00:00 2001
From: Zeno Kapitein <zeno@gitbook.io>
Date: Mon, 10 Nov 2025 14:37:28 +0100
Subject: [PATCH] Edgeless Assistant window on `depth: flat` sites (#3788)

---
 .changeset/silver-nails-flow.md                   | 5 +++++
 packages/gitbook/src/components/AIChat/AIChat.tsx | 4 ++--
 2 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/silver-nails-flow.md

diff --git a/.changeset/silver-nails-flow.md b/.changeset/silver-nails-flow.md
new file mode 100644
index 000000000..67c41725b
--- /dev/null
+++ b/.changeset/silver-nails-flow.md
@@ -0,0 +1,5 @@
+---
+"gitbook": patch
+---
+
+Edgeless Assistant window on `depth: flat` sites
diff --git a/packages/gitbook/src/components/AIChat/AIChat.tsx b/packages/gitbook/src/components/AIChat/AIChat.tsx
index fce68f452..8cdbe49c0 100644
--- a/packages/gitbook/src/components/AIChat/AIChat.tsx
+++ b/packages/gitbook/src/components/AIChat/AIChat.tsx
@@ -70,13 +70,13 @@ export function AIChat(props: { trademark: boolean }) {
         <div
             data-testid="ai-chat"
             className={tcls(
-                'ai-chat inset-y-0 right-0 z-40 mx-auto flex max-w-3xl scroll-mt-36 px-4 py-4 transition-[width,opacity,margin,display] transition-discrete duration-300 sm:px-6 lg:fixed lg:w-80 lg:pr-4 lg:pl-0 xl:w-96',
+                'ai-chat inset-y-0 right-0 z-40 mx-auto flex max-w-3xl scroll-mt-36 px-4 py-4 transition-[width,opacity,margin,display] transition-discrete duration-300 sm:px-6 lg:fixed lg:w-80 depth-flat:lg:p-0 lg:pr-4 lg:pl-0 xl:w-96',
                 chat.opened
                     ? 'lg:starting:ml-0 lg:starting:w-0 lg:starting:opacity-0'
                     : 'hidden lg:ml-0 lg:w-0! lg:opacity-0'
             )}
         >
-            <EmbeddableFrame className="relative shrink-0 circular-corners:rounded-3xl rounded-corners:rounded-md border border-tint-subtle depth-subtle:shadow-lg shadow-tint transition-all duration-300 lg:w-76 xl:w-92">
+            <EmbeddableFrame className="relative shrink-0 circular-corners:rounded-3xl rounded-corners:rounded-md border border-tint-subtle depth-subtle:shadow-lg shadow-tint transition-all duration-300 lg:w-76 depth-flat:lg:rounded-none depth-flat:lg:border-y-0 depth-flat:lg:border-r-0 xl:w-92">
                 <EmbeddableFrameHeader>
                     <AIChatDynamicIcon trademark={trademark} />
                     <EmbeddableFrameHeaderMain>