From a2fd2bef8d5595b3efb29b8b7daacf4b9eb9de8c Mon Sep 17 00:00:00 2001
From: Philip Langer <planger@eclipsesource.com>
Date: Mon, 28 Oct 2024 12:57:43 +0100
Subject: [PATCH] chore(ai): avoid line wrap in code response parts

Line wrapping lead to cut off code. Instead, we now never wrap and show a horizontal bar. Moreover, this change ensures that mouse wheel events aren't caught be the code parts but always continue scrolling the chat view.
---
 .../browser/chat-response-renderer/code-part-renderer.tsx   | 6 +++++-
 packages/ai-chat-ui/src/browser/style/index.css             | 1 +
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/ai-chat-ui/src/browser/chat-response-renderer/code-part-renderer.tsx b/packages/ai-chat-ui/src/browser/chat-response-renderer/code-part-renderer.tsx
index 8802158eb236c..b18da161fef2c 100644
--- a/packages/ai-chat-ui/src/browser/chat-response-renderer/code-part-renderer.tsx
+++ b/packages/ai-chat-ui/src/browser/chat-response-renderer/code-part-renderer.tsx
@@ -176,7 +176,11 @@ export const CodeWrapper = (props: {
             scrollBeyondLastColumn: 0,
             renderFinalNewline: 'off',
             maxHeight: -1,
-            scrollbar: { vertical: 'hidden' },
+            scrollbar: {
+                vertical: 'hidden',
+                alwaysConsumeMouseWheel: false
+            },
+            wordWrap: 'off',
             codeLens: false,
             inlayHints: { enabled: 'off' },
             hover: { enabled: false }
diff --git a/packages/ai-chat-ui/src/browser/style/index.css b/packages/ai-chat-ui/src/browser/style/index.css
index 904893f87cf24..a6eb67a4d91b0 100644
--- a/packages/ai-chat-ui/src/browser/style/index.css
+++ b/packages/ai-chat-ui/src/browser/style/index.css
@@ -125,6 +125,7 @@ div:last-child > .theia-ChatNode {
 
 .theia-ChatNode .theia-CodeWrapper {
   padding: 0.5em;
+  padding-bottom: 0;
   background-color: var(--theia-editor-background);
   border-radius: 6px;
   border: var(--theia-border-width) solid var(--theia-checkbox-border);