From bed744bc5cf185c5842fdf8f3a6015bc3c8c1c7a Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Fri, 21 Nov 2025 08:40:25 +0000
Subject: [PATCH] feat: Prevent text overflow in copilot display

Replaced the `truncate` class with `break-words` in the `CopilotDisplay` component. This allows long text to wrap to the next line, preventing it from overflowing its container and breaking the UI layout.

Also, updated the .gitignore to exclude *.log files.
---
 .gitignore                     | 3 +++
 components/copilot-display.tsx | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/.gitignore b/.gitignore
index fd3dbb57..a1d4639d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -34,3 +34,6 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+# logs
+*.log
diff --git a/components/copilot-display.tsx b/components/copilot-display.tsx
index 34d22158..beccae80 100644
--- a/components/copilot-display.tsx
+++ b/components/copilot-display.tsx
@@ -20,7 +20,7 @@ export function CopilotDisplay({ content }: CopilotDisplayProps) {
 
     return (
       <Card className="p-3 md:p-4 w-full flex justify-between items-center">
-        <h5 className="text-muted-foreground text-xs truncate">{query}</h5>
+        <h5 className="text-muted-foreground text-xs break-words">{query}</h5>
         <Check size={16} className="text-green-500 w-4 h-4" />
       </Card>
     )