From 31620fea3a58ae215308b7f3b301ee7015713a5e Mon Sep 17 00:00:00 2001
From: Peter Steinberger <steipete@gmail.com>
Date: Fri, 19 Dec 2025 09:54:43 +0000
Subject: [PATCH] fix(control-ui): wrap long message lines

---
 ui/src/ui/app.ts | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/ui/src/ui/app.ts b/ui/src/ui/app.ts
index 16678d855..cb8374362 100644
--- a/ui/src/ui/app.ts
+++ b/ui/src/ui/app.ts
@@ -92,12 +92,14 @@ export class ClawdisApp extends LitElement {
       max-height: 60vh;
       overflow: auto;
       padding: 8px;
+      min-width: 0;
     }
     .msg {
       border: 1px solid var(--border);
       background: rgba(0, 0, 0, 0.2);
       border-radius: 14px;
       padding: 10px 12px;
+      min-width: 0;
     }
     .msg .meta {
       font-size: 12px;
@@ -114,6 +116,11 @@ export class ClawdisApp extends LitElement {
       border-color: rgba(255, 69, 0, 0.25);
       background: rgba(255, 69, 0, 0.08);
     }
+    .msgContent {
+      white-space: pre-wrap;
+      overflow-wrap: anywhere;
+      word-break: break-word;
+    }
     .compose {
       display: grid;
       gap: 10px;
@@ -670,7 +677,7 @@ function renderMessage(message: unknown) {
         <span class="mono">${role}</span>
         <span class="mono">${ts}</span>
       </div>
-      <div style="white-space: pre-wrap;">${text}</div>
+      <div class="msgContent">${text}</div>
     </div>
   `;
 }
@@ -692,4 +699,3 @@ function extractText(message: unknown): string | null {
   if (typeof m.text === "string") return m.text;
   return null;
 }
-