Mobile: the list windows as cards, a bin that looks full, Explorer's item as a page

[AllTerrainDeveloper]

What

The phone layer put every window full-screen; the five list windows inside were still tables. This gives Trash, Posts, Pages, Users and Plugins a phone layout, makes WP Explorer's "Navigate into" navigate, and fixes two things that were wrong on the desk too (the Trash table could not scroll sideways; the full bin looked empty).

<os-table stacked> — one layout for every list

• A card per row: the first column is the title, labelled columns are captioned lines, a label-less column is the actions row. column.stack overrides the role (title / meta / actions / hidden).
• The checkbox stays a real cell; its whole 44px cell is the tap target and is not a row click.
• Same columns, data, selection, sub-tables and events. No header, no sticky columns, nothing to scroll sideways.
• src/ui/components/os-table/stack-on-phone.ts makes the decision from the mode stamp for every list window and restores the grid (sticky columns included) on a crossing out.

Trash

• Bug (desk too): the table could not scroll sideways in a narrow window — a flex item's minimum is its content, so the table grew past the body and the body clipped it. min-inline-size: 0 on the table; its own frame is the scroller now.
• Bug (desk too): the full-bin mark differed from the empty one by an 8° lid tilt and three dots, invisible at 20 and 58px. The lid now lifts 4 units and tips 12° about its far corner, with a crumpled sheet riding the rim under it.
• Bug (phone): the home tiles never received setArt. The layer reads the rails' art (Dock.getArt, icons.getArt) and repaints on os/art-changed.
• Phone: cards with labelled Restore / Delete forever buttons, two-line titles, the search leading the toolbar with the type chips scrolling under it, and the selection's actions as a bar along the bottom (no Pin to desktop on a phone).

WP Explorer

• On a phone an opened item is a page of its own over the list — Back closes it, the trail gains a step (site › Posts › item), actions stack full width — instead of a 45% sheet that read as a preview. This is what "Navigate into" opens for users, media and flat sections (a post's still opens its detail folder).

Posts, Pages, Users, Plugins

• Cards on a phone showing more than the grid could fit: author + date (a page: parent); email, role, last login, actions; version, author, actions.
• Users' name column is no longer pinned on a phone (it kept sticky: true after the column filter).
• Each window's bulk bar moves to the bottom of its panel on a phone, clearing the home indicator.

Docs

docs/mobile.md, docs/components-reference.md, docs/javascript-reference.md.

Tests

• os-table.test.ts: stacked roles, hidden columns, no sticky cells, checkbox cell tap target, row click, back to grid.
• tests/vitest/os-table-stack-on-phone.test.ts, tests/vitest/mobile-lists.test.ts (stylesheet contracts).
• apps/trash/trash.test.ts, apps/my-wordpress/my-wordpress.test.ts, tests/vitest/mobile-home-tab-bar.test.ts.

Gates: npm run build, npm run lint, npm run typecheck, npm run test:js (5725 passing), npm run lint:php, php -l on the PHP file.

How to test on :8889 (Preferences → Mobile → force mobile, or a phone)

1. Trash: open with a few items — cards, labelled buttons, search first; tick a card's checkbox → bar at the bottom with count / Restore / Delete forever. On the desk, pull the window narrow: the table scrolls sideways inside its frame.
2. Trash icon: with one item in the bin, the dock tile, the desktop icon and the phone home tile all show the lifted lid + sheet; empty the bin → closed lid everywhere without a reload.
3. WP Explorer: Users → long-press a person → Navigate into → full page with Back; Back returns to the list. Media the same. Posts → Navigate into still opens the detail folder.
4. Posts / Pages / Users / Plugins: cards, nothing pinned, no sideways scroll; select rows → bottom bar. Plugins: tap a card → its detail panel still expands.

🤖 Generated with Claude Code