fix(layout): allow flex content to shrink so panels and rows do not clip

The middle column wrapping the header and view content had flex_1 but
no min_w_0, so it refused to shrink below intrinsic content width and
pushed side detail panels and right aligned actions past the window
edge on narrow windows. Adds min_w_0 down the chain through render
content, each view's scroll container, and the manifest row wrappers.
Side detail panels in Browse and Manifest now flex_shrink with a min
width so they compress instead of clipping.

Author: QaidVoid

src/app.rs

@@ -2330,6 +2330,7 @@ impl Render for App {
                 div()
                     .flex_1()
                     .min_h_0()
+                    .min_w_0()
                     .flex()
                     .flex_col()
                     .child(self.render_header(&theme, cx))
@@ -3443,7 +3444,7 @@ impl App {
     }
 
     fn render_content(&mut self, theme: &theme::Theme, cx: &mut Context<Self>) -> Div {
-        let wrapper = div().flex_1().min_h_0().flex().flex_col();
+        let wrapper = div().flex_1().min_h_0().min_w_0().flex().flex_col();
 
         match self.current_view {
             View::Dashboard => wrapper.child(self.render_dashboard(theme, cx)),

src/views/browse.rs

@@ -237,6 +237,7 @@ impl App {
             .id("browse-scroll")
             .flex_1()
             .min_h_0()
+            .min_w_0()
             .w_full()
             .overflow_y_scroll()
             .child(
@@ -245,6 +246,7 @@ impl App {
                     .flex()
                     .flex_col()
                     .w_full()
+                    .min_w_0()
                     .child(browse_list),
             );
 
@@ -524,7 +526,9 @@ impl App {
         });
 
         let mut content = div()
+            .flex_shrink()
             .w(px(320.0))
+            .min_w(px(220.0))
             .h_full()
             .bg(surface)
             .border_l_1()

src/views/dashboard.rs

@@ -216,6 +216,7 @@ impl App {
             .id("dashboard-scroll")
             .flex_1()
             .min_h_0()
+            .min_w_0()
             .w_full()
             .overflow_y_scroll()
             .child(
@@ -224,6 +225,7 @@ impl App {
                     .flex()
                     .flex_col()
                     .w_full()
+                    .min_w_0()
                     .child(content),
             )
     }

src/views/installed.rs

@@ -195,6 +195,7 @@ impl App {
             .id("installed-scroll")
             .flex_1()
             .min_h_0()
+            .min_w_0()
             .w_full()
             .overflow_y_scroll()
             .child(
@@ -203,6 +204,7 @@ impl App {
                     .flex()
                     .flex_col()
                     .w_full()
+                    .min_w_0()
                     .child(main_col),
             )
     }

src/views/manifest.rs

@@ -486,13 +486,15 @@ impl App {
             .id("manifest-scroll")
             .flex_1()
             .min_h_0()
+            .min_w_0()
             .overflow_y_scroll()
             .child(
                 div()
                     .p(px(styles::spacing::XL))
                     .flex()
                     .flex_col()
                     .w_full()
+                    .min_w_0()
                     .child(content),
             );
 
@@ -676,7 +678,7 @@ fn diff_section(
     }
 
     let count = entries.len();
-    let mut body = div().flex().flex_col();
+    let mut body = div().flex().flex_col().w_full();
     for (i, entry) in entries.iter().enumerate() {
         let missing_profile = invalid_profiles.get(&entry.name).cloned();
         let row = entry_row(entry, kind, accent, theme, i, missing_profile, cx);
@@ -686,7 +688,12 @@ fn diff_section(
         }
         body = body.child(row);
     }
-    card.child(div().px(px(styles::spacing::LG)).child(body))
+    card.child(
+        div()
+            .w_full()
+            .px(px(styles::spacing::LG))
+            .child(body),
+    )
 }
 
 fn entry_row(
@@ -714,11 +721,15 @@ fn entry_row(
     let mut row = div()
         .flex()
         .flex_row()
+        .w_full()
+        .min_w_0()
         .gap(px(styles::spacing::SM))
         .items_center()
         .child(
             div()
                 .flex_1()
+                .min_w_0()
+                .overflow_hidden()
                 .text_size(px(styles::font_size::BODY))
                 .font_weight(FontWeight::MEDIUM)
                 .child(entry.name.clone()),
@@ -828,6 +839,8 @@ fn entry_row(
     let _ = text_muted;
     div()
         .id(SharedString::from(format!("manifest-row-{kind_prefix}-{idx}")))
+        .w_full()
+        .min_w_0()
         .cursor_pointer()
         .on_click(select_listener)
         .child(row)
@@ -934,7 +947,7 @@ fn name_section_with_actions(
 
     let warning = theme.warning;
     let count = names.len();
-    let mut body = div().flex().flex_col();
+    let mut body = div().flex().flex_col().w_full();
     for (i, name) in names.iter().enumerate() {
         // Soar suffixes in_sync entries with " (local)" or similar source labels.
         // The manifest key is just the bare name, so strip the suffix before
@@ -960,11 +973,15 @@ fn name_section_with_actions(
         let mut row = div()
             .flex()
             .flex_row()
+            .w_full()
+            .min_w_0()
             .items_center()
             .gap(px(styles::spacing::SM))
             .child(
                 div()
                     .flex_1()
+                    .min_w_0()
+                    .overflow_hidden()
                     .text_size(px(styles::font_size::BODY))
                     .child(name.clone()),
             );
@@ -1017,6 +1034,7 @@ fn name_section_with_actions(
         });
         let mut clickable = div()
             .id(SharedString::from(format!("manifest-row-{id_prefix}-{i}")))
+            .w_full()
             .py(px(styles::spacing::SM))
             .cursor_pointer()
             .on_click(select_listener)
@@ -1026,7 +1044,12 @@ fn name_section_with_actions(
         }
         body = body.child(clickable);
     }
-    card.child(div().px(px(styles::spacing::LG)).child(body))
+    card.child(
+        div()
+            .w_full()
+            .px(px(styles::spacing::LG))
+            .child(body),
+    )
 }
 
 fn summary_chip(label: &str, count: usize, color: Hsla, theme: &theme::Theme) -> Div {
@@ -1185,7 +1208,9 @@ fn render_manifest_detail(
 
     div()
         .id("manifest-detail")
+        .flex_shrink()
         .w(px(360.0))
+        .min_w(px(220.0))
         .min_h_0()
         .border_l_1()
         .border_color(border)

src/views/settings.rs

@@ -228,6 +228,7 @@ impl App {
             .id("settings-scroll")
             .flex_1()
             .min_h_0()
+            .min_w_0()
             .w_full()
             .overflow_y_scroll()
             .child(
@@ -237,6 +238,7 @@ impl App {
                     .flex_col()
                     .gap(px(styles::spacing::XL))
                     .w_full()
+                    .min_w_0()
                     .child(header)
                     .child(aeris_section)
                     .child(div().w_full().h(px(1.0)).bg(border))

src/views/updates.rs

@@ -266,6 +266,7 @@ impl App {
             .id("updates-scroll")
             .flex_1()
             .min_h_0()
+            .min_w_0()
             .w_full()
             .overflow_y_scroll()
             .child(
@@ -274,6 +275,7 @@ impl App {
                     .flex()
                     .flex_col()
                     .w_full()
+                    .min_w_0()
                     .child(main_col),
             )
     }