Free UI polish batch #273–#278 (tables, filters, primary, progress, copy, chips)

[MrDarkRoot]

WriteLeash Free UI polish batch #273–#278

Batch PR containing all 6 presentation-only issues in dependency order. Individual worktrees preserved at /tmp/wl-273 … /tmp/wl-278; this branch ui/batch-273-278 cherry-picks them in order #273 → #274 → #278 → #276 → #275 → #277 with conflicts resolved keeping BOTH intents.

Base SHA: 325cbe722f7cc0e7d828a3dd620adbc5cd1244c8 (origin/main, verified git fetch origin && git rev-parse origin/main before each subagent).
Do NOT merge: single-owner repo, only @MrDarkRoot merges. No self-merge, no auto-merge.

Actual current behavior found (not just issue line numbers)

• class-free-admin.php 2748 lines: support_details() L1520, render_history_table L1756, render_preview_view L2221, render_job_view L2562 — all confirmed.
• free-selection.css 193 lines: .writeleash-table-scroll L126-130, .widefat table-layout:fixed + min-width:900px L131-134, padding 16px.
• free-progress.js 189 lines: apply() L95-133; payload had NO numeric totals (only label/summary/notice/poll/rows).
• free-selection.js 133 lines: selectedList() L51-64 full-width <li> + full .button Remove per item.
• Filters at L2639-2646 were <p class="writeleash-filters"> with <strong>/<a class="button">, not subsubsub.
• Job view had double-primary bug: Continue Undo was also button-primary while Resume available (reproduced on HEAD).
• free-selection.js:114 still says "Reload if your session expired" — selection search UI, out of ui(free): live progress bar for Apply and Undo on the Progress and results screen #276 scope, left intact.

What each issue did

• ui(free): table readability — alignment, density, scroll and sticky headers on Preview, Results and History #273 tables: Preview 7 cols → 5 cols (before→after merged →, Change % folded into Delta secondary line); .writeleash-amount right-align + tabular-nums; sticky thead (top 32px / 46px ≤782px); padding 8-12px; dropped fixed layout/900px (600px narrow-only floor ≤782px documented). Results headers get amount classes only (column count/order/text frozen by free-progress.js positional cells + integration.php:698/704).
• ui(free): result filters as native WP navigation with counts and an active state #274 filters: <p> buttons → <ul class="subsubsub writeleash-filters">, 6 li, pipe separators, ONE .current + aria-current="page". URLs/params/fallback byte-identical. Counts SKIPPED (would cost 6 extra COUNT(*) queries; no cheap existing call).
• ui(free): compact selected-products UI (chips) with an intact no-JS fallback #278 chips: selection list → wrapping flex chips (name + SKU·ID meta, dashicons-no-alt remove, aria-label="Remove {name}"), neighbor-focus with preventScroll:true, count sync. No-JS contract unchanged (selection_action=remove:{id}, native multi-select). ~⅕ height for 10-20 items.
• ui(free): live progress bar for Apply and Undo on the Progress and results screen #276 progress: slim 8px bar (#f0f0f1/#2271b1, no gradients) in summary for Apply AND Undo; role=progressbar + aria-valuemin/max/now; server-rendered static no-JS; JS repaints in poll path; TWO additive ints progress_total/progress_processed (sole logic exception); hidden on zero/unknown; "Reload…" → "Progress updates automatically." / "Refresh…". Payload diff: +"progress_total": 2, +"progress_processed": 1 after "undo_button", before "poll".
• ui(free): one primary action per view and a visible approve summary on the Preview screen #275 primary: one primary per view (Preview→Approve; Job→Resume ELSE Undo never both; History→none); top approve summary panel in Preview reusing task_description() + counts + caveat + SAME form (new render_approve_form() helper, byte-identical POSTs top+bottom); Undo stays blue/grey. Per-view audit in subagent return.
• ui(free): copy and density pass — plain-language strings, collapsed intro, no empty Details toggles #277 copy: intro → 1 lead (79 chars) + <details>How it works 4 steps; support_details() empty-guard + "Support details"→"Details"; L2348→"Changing settings builds a new preview."; L2351→"Approving applies only the prices shown above. …"; L2658 split to short line + Details; undo visible inline per CI-required audit surface. Full copy table + preserved-claims mapping in subagent return.

Conflict resolution (kept BOTH intents, never dropped)

1. CSS #274 vs #276: kept .writeleash-progress block + ul.writeleash-filters.
2. PHP #275 vs #276 call site: render_undo_section(..., $resume_available) + "Refresh this job…" wording.
3. PHP #275 vs #277 preview bottom: $approvable + render_approve_form() + ui(free): copy and density pass — plain-language strings, collapsed intro, no empty Details toggles #277 short copy.
4. PHP #273 vs #277 results: short paragraph + Details + writeleash-amount header classes.

Screenshots — committed at docs/review/pr-284-shots/ (not /tmp)

All PNGs English, USD, <1 MB, 4:3-ish, no customer data. 38 PNGs (~3 MB) + 3 fixtures + 2 DOM dumps + 106-line README on this branch (direct git ls-files proof).

Area	Artefacts
Tables — Preview 5-col, Results 6-col, History 4-col	pr284-table-1440/1024/782/375-{top,stuck}.png (8) + pr284-table-zoom200-720-{top,stuck}.png (2) + pr284-wl275-preview-1440/1024/782/zoom200.png + pr284-wl275-job-1440/782.png (6) — 16 PNGs 43K–157K; previews the 200% zoom equivalence (720 CSS px ≡ 1440@200%), sticky thead top:32px / 46px≤782px, region-only scroll at 375, no page h-scroll
Empty / conflict / pager (inside same table shots)	Fixture rows carry No retained products… colspan=6, Not changed · left the newer value unchanged (CONFLICT), Not restored · preserved the newer value instead of restoring over it (UNDO_CONFLICT), disabled Previous + Next pager links
Filters — ul.subsubsub.writeleash-filters (6 active states, pipe separators)	pr284-filters-all-1440/1024/782.png (3, 92–95K) + crops pr284-filter-{all,conflict,attention,review,undo-conflict,undo-review}-1440.png (6, 11–14K); one a.current[aria-current=page] + li.all/conflict/… + `
Progress — render_progress_bar() 4 states	pr284-progress-all-1440/782/375.png (3, 82–85K) + crops pr284-progress-{apply-mid,apply-finished,undo-mid,undo-hidden}.png (4, 13–16K); data-progress-bar/fill (Apply 1/3 33%, 3/3 100%) + data-progress-undo-bar/fill (Undo 1/4 25%, 0/0 hidden when total <1); role=progressbar aria-valuemin/max/now + aria-label; progress-dom.json asserts
Chips + no-JS fallback	pr284-chips-1440/1024/782/375.png (4, 157–172K) + pr284-chips-list-crop.png (63K) + pr284-chips-fallback-crop.png (46K); flex row writeleash-chip__text + writeleash-chip__meta (SKU·ID) + remove × icon; fallback <select multiple id=writeleash-free-products>

Fixtures: fixtures/fixture-{filters,progress,chips}.html + captured.css (repro). Full mapping in docs/review/pr-284-shots/README.md.

Changed strings (writeleash domain, for POT refresh)

New/changed: %s before to after; Planned prices are not guaranteed shopper prices. (standalone); Apply progress, Undo progress; Approved. … Progress updates automatically.; Undo in progress. Progress updates automatically.; Refresh to read the current price; Session or permission expired. Sign in again, then use Refresh saved progress.; This preset changed… Refresh and try again.; security token… Refresh the page…; History is unavailable… Refresh the page… (×2 sites); Saved progress… Refresh this page…; …Refresh this job…; intro lead + How it works + 4 steps; Details; Changing settings builds a new preview.; Approving applies only the prices shown above. …; Expected and planned are %1$s values. + Details remainder; undo inline visible per CI audit surface; This stored price format is not supported. Removed originals listed in #277 return. writeleash.pot regenerated via wp-cli (20 msgid swaps + Apply/Undo progress labels).

Current CI — head 29669358b2 (ui/batch-273-278)

Check	Status	Notes
PR_FAST	✅ pass 29–34s	Public package + ownership + workflow-lint
plan / woo-plan-107	✅ pass
jobs / journal / undo	✅ pass
admin / woo-free-admin	✅ pass 45m	After fixing duplicate Approve (5 e2e/browser suites) + focus + one-primary + single-form count
CI_COVERAGE	✅ pass 7s	Depends on all above
acceptance	⏸️ SKIPPED — merge blocker	Touches admin+acceptance per path-ownership.json:63 (free-selection.css/js, free-progress.js, class-free-admin.php). Needs label ci112:29669358b2bdc3b8bca60182df4b533f2c24535c by @MrDarkRoot. Without it, the acceptance_* matrix (MySQL + MariaDB × default + Redis) is not evaluated — a skip is not a pass.
snapshot.php	KEEP	class-product-snapshot.php = 1 hunk invalid_price string-only: The stored price is outside the supported decimal contract. → This stored price format is not supported. Presentation copy per #277, no planner math/eligibility/fingerprint/storage change. php -l clean, i18n-catalog.php 610 PASS.

Do NOT merge — only @MrDarkRoot merges. Exact-head hosted Admin + acceptance matrix must show MySQL+MariaDB×default+Redis before merge (acceptance budget label required).

[MrDarkRoot]

@MrDarkRoot — acceptance budget request for PR #284

This PR touches class-free-admin.php + free-selection.css/js + free-progress.js, which per .github/ci/path-ownership.json:63 own the admin + acceptance gates. Current CI shows acceptance skipping (correct — no budget yet). PR_FAST, admin (woo-free-admin), plan, journal, jobs, undo are all green on head 29669358b2.

Budget mechanism (from ownership.py:acceptance_budget_approved()): add label ci112:29669358b2bdc3b8bca60182df4b533f2c24535c (exact 40-char head SHA, same-repo only) to this PR. Once you apply it, PR checks will re-run the acceptance_* matrix: MySQL + MariaDB × default + Redis. A skip is not a pass — CI_COVERAGE will require the acceptance results before merge.

No direct push to main, no self-merge — waiting for your label + green acceptance.