From 8d5c6b37e9db84f490f855f99906c7f08d2a7517 Mon Sep 17 00:00:00 2001
From: Shantur Rathore <i@shantur.com>
Date: Sun, 14 Dec 2025 12:50:00 +0000
Subject: [PATCH] Prevent welcome resume list overflow

---
 packages/ui/src/components/instance-welcome-view.tsx | 2 +-
 packages/ui/src/styles/panels.css                    | 7 ++++---
 packages/ui/src/styles/panels/panel-shell.css        | 7 ++++---
 3 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/packages/ui/src/components/instance-welcome-view.tsx b/packages/ui/src/components/instance-welcome-view.tsx
index 930d7a6e..ae3c0b19 100644
--- a/packages/ui/src/components/instance-welcome-view.tsx
+++ b/packages/ui/src/components/instance-welcome-view.tsx
@@ -399,7 +399,7 @@ const InstanceWelcomeView: Component<InstanceWelcomeViewProps> = (props) => {
                               <div class="flex-1 min-w-0">
                                 <div class="flex items-center gap-2">
                                   <span
-                                    class="text-sm font-medium text-primary truncate transition-colors"
+                                    class="text-sm font-medium text-primary whitespace-normal break-words transition-colors"
                                     classList={{
                                       "text-accent": isFocused(),
                                     }}
diff --git a/packages/ui/src/styles/panels.css b/packages/ui/src/styles/panels.css
index b185a4f7..18142786 100644
--- a/packages/ui/src/styles/panels.css
+++ b/packages/ui/src/styles/panels.css
@@ -362,7 +362,7 @@
 
 /* Panel component utilities */
 .panel {
-  @apply rounded-lg shadow-sm border overflow-hidden;
+  @apply rounded-lg shadow-sm border overflow-hidden min-w-0;
   background-color: var(--surface-base);
   border-color: var(--border-base);
   color: var(--text-primary);
@@ -415,7 +415,8 @@
 }
 
 .panel-list {
-  @apply max-h-[400px] overflow-y-auto;
+  @apply max-h-[400px] overflow-y-auto w-full min-w-0;
+  overflow-x: hidden;
 }
 
 .panel-list--fill {
@@ -438,7 +439,7 @@
 }
 
 .panel-list-item-content {
-  @apply flex-1 text-left px-4 py-3 flex items-center justify-between gap-3 outline-none transition-colors w-full;
+  @apply flex-1 text-left px-4 py-3 flex items-center justify-between gap-3 outline-none transition-colors w-full min-w-0;
 }
 
 .panel-list-item-content:hover {
diff --git a/packages/ui/src/styles/panels/panel-shell.css b/packages/ui/src/styles/panels/panel-shell.css
index 81bea902..d32ee79e 100644
--- a/packages/ui/src/styles/panels/panel-shell.css
+++ b/packages/ui/src/styles/panels/panel-shell.css
@@ -1,6 +1,6 @@
 /* Panel component shells */
 .panel {
-  @apply rounded-lg shadow-sm border overflow-hidden;
+  @apply rounded-lg shadow-sm border overflow-hidden min-w-0;
   background-color: var(--surface-base);
   border-color: var(--border-base);
   color: var(--text-primary);
@@ -53,7 +53,8 @@
 }
 
 .panel-list {
-  @apply max-h-[400px] overflow-y-auto;
+  @apply max-h-[400px] overflow-y-auto w-full min-w-0;
+  overflow-x: hidden;
 }
 
 .panel-list--fill {
@@ -76,7 +77,7 @@
 }
 
 .panel-list-item-content {
-  @apply flex-1 text-left px-4 py-3 flex items-center justify-between gap-3 outline-none transition-colors w-full;
+  @apply flex-1 text-left px-4 py-3 flex items-center justify-between gap-3 outline-none transition-colors w-full min-w-0;
 }
 
 .panel-list-item-content:hover {