Wrap orchestrate card agent chips instead of overflowing (warpdotdev#13197)

Co-authored-by: Andy <andy@warp.dev>

Author: warp-agent-staging[bot]

app/src/ai/blocklist/inline_action/run_agents_card_view.rs

@@ -14,8 +14,7 @@ use pathfinder_geometry::vector::vec2f;
 use warp_core::send_telemetry_from_ctx;
 use warpui::elements::{
     Border, ChildAnchor, ChildView, Container, CornerRadius, CrossAxisAlignment, Empty, Flex,
-    MainAxisSize, OffsetPositioning, ParentAnchor, ParentElement, ParentOffsetBounds, Radius,
-    Stack, Text,
+    OffsetPositioning, ParentAnchor, ParentElement, ParentOffsetBounds, Radius, Stack, Text, Wrap,
 };
 use warpui::keymap::FixedBinding;
 use warpui::{
@@ -1332,18 +1331,22 @@ fn render_agents_section(state: &RunAgentsEditState, app: &AppContext) -> Box<dy
     .with_color(blended_colors::text_disabled(theme, theme.background()))
     .finish();
 
-    let mut pills_row = Flex::row()
+    let pills_row = Wrap::row()
         .with_cross_axis_alignment(CrossAxisAlignment::Center)
-        .with_main_axis_size(MainAxisSize::Min)
-        .with_spacing(4.);
-    for cfg in &state.agent_run_configs {
-        pills_row.add_child(render_static_agent_pill(&cfg.name, app));
-    }
+        .with_spacing(4.)
+        .with_run_spacing(4.)
+        .with_children(
+            state
+                .agent_run_configs
+                .iter()
+                .map(|cfg| render_static_agent_pill(&cfg.name, app)),
+        )
+        .finish();
 
     Flex::column()
         .with_cross_axis_alignment(CrossAxisAlignment::Stretch)
         .with_child(Container::new(label).with_margin_bottom(6.).finish())
-        .with_child(pills_row.finish())
+        .with_child(pills_row)
         .finish()
 }