Fix agent tab wrapping: horizontal scroll instead of flex-shrink

- Tabs now scroll horizontally (overflow-x: auto) with hidden scrollbar
- Each tab maintains its natural width (flex-shrink: 0) — no wrapping
- Label stays pinned (flex-shrink: 0) so it doesn't get lost when scrolling

static/style.css

@@ -51,7 +51,6 @@ body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; b
     display: flex;
     align-items: center;
     gap: 8px;
-    flex-wrap: wrap;
 }
 
 .chat-profiles-label {
@@ -59,20 +58,25 @@ body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; b
     color: var(--text-muted);
     font-weight: 500;
     white-space: nowrap;
+    flex-shrink: 0;
 }
 
 .chat-profile-tabs {
     display: flex;
     gap: 4px;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+    scrollbar-width: none;
     flex: 1;
+    padding-bottom: 2px;
 }
+.chat-profile-tabs::-webkit-scrollbar { display: none; }
 
 .chat-profile-tab {
     display: flex;
     align-items: center;
-    justify-content: center;
-    gap: 5px;
-    padding: 5px 8px;
+    gap: 4px;
+    padding: 5px 10px;
     border: 1px solid var(--border);
     border-radius: 16px;
     background: transparent;
@@ -81,8 +85,7 @@ body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; b
     cursor: pointer;
     transition: all 0.15s;
     white-space: nowrap;
-    flex: 1;
-    min-width: 0;
+    flex-shrink: 0;
 }
 
 .chat-profile-tab:hover {