fix(file-manager): prioritize file names in narrow lists (#1483)

* fix(file-manager): prioritize file names in narrow lists

* test(css): exercise the configured PostCSS plugin chain

* test(identity): preserve full Ed25519 public keys in fixtures

* test(remote-desktop): always mutate ciphertext in tamper test

plugins/file-manager/src/frontend/FileManagerGrid.tsx

@@ -1353,7 +1353,7 @@ export function FileManagerGrid({
                   </div>
                 )}
                 {listColumns.isVisible("owner") && (
-                  <div className="relative hidden md:flex items-center min-w-0">
+                  <div className="relative flex items-center min-w-0">
                     <ColumnResizeHandle
                       {...listColumns.getHandleProps("owner")}
                     />
@@ -1502,7 +1502,7 @@ export function FileManagerGrid({
                         )}
 
                         {!isEditing && listColumns.isVisible("owner") && (
-                          <span className="text-[10px] text-muted-foreground truncate hidden md:block pointer-events-none">
+                          <span className="text-[10px] text-muted-foreground truncate pointer-events-none">
                             {file.owner
                               ? `${file.owner}${file.group ? `:${file.group}` : ""}`
                               : "—"}
@@ -1510,7 +1510,7 @@ export function FileManagerGrid({
                         )}
 
                         {!isEditing && listColumns.isVisible("size") && (
-                          <span className="text-[10px] text-right text-muted-foreground tabular-nums pointer-events-none">
+                          <span className="text-[10px] text-right text-muted-foreground tabular-nums pointer-events-none truncate">
                             {file.type === "file" &&
                             file.size !== undefined &&
                             file.size !== null

plugins/file-manager/src/frontend/LocalFilePane.tsx

@@ -1058,7 +1058,7 @@ export function LocalFilePane({
                       </span>
                     )}
                     {columns.isVisible("size") && (
-                      <span className="text-muted-foreground text-right pointer-events-none tabular-nums">
+                      <span className="text-muted-foreground text-right pointer-events-none tabular-nums truncate">
                         {entry.type === "directory"
                           ? "--"
                           : formatFileSize(entry.size)}

plugins/file-manager/src/frontend/hooks/useResizableColumns.ts

@@ -15,8 +15,8 @@ interface UseResizableColumnsOptions {
   /** localStorage key; widths are remembered per pane. */
   storageKey: string;
   /**
-   * Fixed-width columns, in visual order, that follow a leading flexible
-   * column (the file name). The flexible column absorbs whatever is left.
+   * Columns, in visual order, that follow the file name. Saved widths are
+   * preferred maxima; metadata shrinks first when the pane is narrow.
    */
   columns: ResizableColumnSpec[];
 }
@@ -72,7 +72,7 @@ function clamp(value: number, column: ResizableColumnSpec): number {
 
 /**
  * Column widths for a list view whose first column is flexible and whose
- * remaining columns are fixed and user-resizable by dragging the boundary at
+ * remaining columns are user-resizable by dragging the boundary at
  * the left edge of each header cell. Double-clicking a handle resets that
  * column to its default. Widths persist in localStorage.
  */
@@ -141,8 +141,8 @@ export function useResizableColumns({
   const gridTemplateColumns = useMemo(
     () =>
       [
-        "minmax(140px, 1fr)",
-        ...visibleColumns.map((c) => `${widths[c.key]}px`),
+        "minmax(min(240px, 50%), 1fr)",
+        ...visibleColumns.map((c) => `minmax(0, ${widths[c.key]}px)`),
       ].join(" "),
     [visibleColumns, widths],
   );