Capture · Roots: roots drop w_full; hosts give the width

145 component roots drop w_full, the early returns included. Three
field rows keep it, Input, InputGroup and TagInput: stretched without
a width, taffy 0.9 laid the field's flex_1 share at no width in the
template picker at 280px, and the placeholder drew nothing. Container
keeps it, since mx_auto needs a width to fill.

Hosts that relied on a root's width now give it: MessageList boxes
each row at the list's width, the splash gives its bar the column's,
and test stages that mount a component as the window's root sit in a
size_full box. Tests hold a narrow row across the list and the splash
bar across its column; each goes red without its fix.

The gallery gains --narrow <px>, which lays each page in a padded
card at that width and shoots it without its script. The page
header wraps: the title takes the room and the theme switcher drops
below, where a long summary used to push it past the edge. A file
panel step waits for the panel to become key instead of a fixed
pause, which lost a race in a capture.

src/files/duplicates.rs

@@ -212,7 +212,6 @@ impl RenderOnce for DuplicateFinder {
         });
         div()
             .debug_selector(|| "duplicate-finder".into())
-            .w_full()
             .flex()
             .flex_col()
             .gap_4()

src/files/explorer.rs

@@ -278,7 +278,6 @@ impl RenderOnce for FileExplorer {
         };
         div()
             .debug_selector(|| "file-explorer".into())
-            .w_full()
             .flex()
             .flex_col()
             .gap_3()

src/files/grid.rs

@@ -177,7 +177,6 @@ impl RenderOnce for FileGrid {
             .id(self.id)
             .debug_selector(|| "file-grid".into())
             .relative()
-            .w_full()
             .flex()
             .flex_wrap()
             .gap(gap)

src/files/operation.rs

@@ -174,7 +174,6 @@ impl RenderOnce for FileOperationProgress {
         );
         div()
             .debug_selector(|| "file-operation".into())
-            .w_full()
             .flex()
             .flex_col()
             .gap_2()

src/files/preview.rs

@@ -122,7 +122,6 @@ impl RenderOnce for FilePreview {
         };
         div()
             .debug_selector(|| "file-preview".into())
-            .w_full()
             .flex()
             .flex_col()
             .gap_3()

src/files/recent.rs

@@ -140,7 +140,6 @@ impl RenderOnce for RecentFiles {
         });
         div()
             .debug_selector(|| "recent-files".into())
-            .w_full()
             .flex()
             .flex_col()
             .gap_4()

src/files/search.rs

@@ -122,7 +122,6 @@ impl RenderOnce for FileSearch {
         };
         div()
             .debug_selector(|| "file-search".into())
-            .w_full()
             .flex()
             .flex_col()
             .gap_3()

src/files/transfers.rs

@@ -80,7 +80,6 @@ impl RenderOnce for TransferQueue {
         let theme = cx.theme();
         div()
             .debug_selector(|| "transfer-queue".into())
-            .w_full()
             .flex()
             .flex_col()
             .gap_1()
@@ -192,7 +191,6 @@ impl RenderOnce for DownloadManager {
         });
         div()
             .debug_selector(|| "download-manager".into())
-            .w_full()
             .flex()
             .flex_col()
             .gap_1()