From 3dc22d6dd0809c8160dcdd37dcf13aa0d7ecc55d Mon Sep 17 00:00:00 2001
From: Sawyer <sawyer@dirtroad.dev>
Date: Fri, 18 Sep 2026 10:13:04 -0700
Subject: [PATCH] fix(web): code blocks scroll inside the transcript column
 (CL-8509)

---
 apps/web/src/chat/styles.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/apps/web/src/chat/styles.css b/apps/web/src/chat/styles.css
index 8c25128e6..3fa8a1a1f 100644
--- a/apps/web/src/chat/styles.css
+++ b/apps/web/src/chat/styles.css
@@ -963,6 +963,9 @@
   border-radius: var(--ui-radius-sm, 0.25rem);
   padding: 0.05rem 0.3rem;
   font-size: 0.85em;
+  /* An unbroken token (a long path, hash, URL) wraps inside the message
+     column instead of pushing it wider. */
+  overflow-wrap: anywhere;
 }
 
 .chat-md-code-block {
@@ -971,6 +974,9 @@
   background: var(--muted, color-mix(in srgb, var(--foreground) 8%, transparent));
   border-radius: var(--ui-radius-sm, 0.25rem);
   overflow-x: auto;
+  /* The block itself never grows past its flex column ancestors; a long
+     unbroken line scrolls inside this box instead. */
+  max-width: 100%;
   font-size: 0.85em;
 }