name: content-browser-card-layout
purpose: Verify that the production Content Browser uses the shared Penpot body presentation at wide and compact sizes.
preconditions: The focused shared-UI checks pass and the project Content Browser contains folders, long asset names, and the Poly Haven desk.
build_lane: dev
fixture:
steps:
  - Open the Content Browser grid at the project assets root with Sources and Details visible.
  - Confirm folders and assets form one continuous row-major stream under the 56 px content heading.
  - Navigate to the Office model folder.
  - Inspect long Material, Texture, and model names with clean and dirty status states.
  - At an expanded width, confirm Name sort and the thumbnail-size slider are visible in the toolbar.
  - Sweep the thumbnail-size slider through its minimum, default, and maximum positions.
  - Resize the Content Browser and Details splitter through narrow and wide layouts.
  - Switch to list view and compare status markers and column alignment.
  - Inspect the Poly Haven metal office desk card and one mesh-subasset preview.
assertions:
  - Toolbar, body, and footer form one continuous stack with no unowned horizontal gutter.
  - Folders and assets use the same bounded card footprint and assets fill the remaining cells of a folder row.
  - Grid cards show one clipped and ellipsized name plus a separate kind line with no status overlap.
  - Every thumbnail scale preserves the complete name/kind footer and square image aspect; the minimum card never paints its preview through the footer.
  - Sort and thumbnail size are first-class controls at expanded width, remain in overflow below the expanded breakpoint, and never appear twice.
  - Every asset category keeps its distinct bottom-card keyline across placeholder, pending, ready, failed, hovered, and selected states; folders remain neutral.
  - Dirty, processing, and error state use the fixed top-right status rail rather than text over the label.
  - Sources labels and Details identity, paths, dependencies, and status remain clipped to their owning panes.
  - List status markers occupy fixed space and do not shift or truncate neighboring columns unpredictably.
  - Toolbar, Details splitter, and cards remain usable without clipped controls at narrow sizes.
  - The office desk and mesh-subasset thumbnails show rendered geometry, never an albedo texture substitute.
evidence: Target-window captures for root-grid wide, Office-grid wide, compact grid, list, and desk geometry states plus hashes.
cleanup: Close only a runner-spawned editor; this scenario does not mutate project fixtures.
invalidates: Asset-card, Content Browser layout, status model, or thumbnail-routing changes.