You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Thomas Joise 0bcbf8d410 fix(responsive): stop desktop tables and mobile rows from silently clipping content
Red-team pass on the redesigned Client 360 / Tickets / Dashboard / Modules screens found
real overlap/clipping bugs, all fixed:

- Client header still broke at 768px (tablet): the button cluster only stacked below the
  name under 640px, so at 768 the name got squeezed to ~38px and force-wrapped mid-word.
  Bumped the stacking breakpoint to 860px.
- Per-module Documents rows and the Payments Outstanding-panel rows were plain nowrap flex
  rows with no scroll; at 375px the amount/status badge silently clipped past the card
  edge with no way to reach them. Both now wrap.
- Biggest one: every DataTable silently lost its rightmost columns at desktop width
  (>=901px) — table.wf's display:block/table toggle assumed overflow-x:auto still worked
  once display flipped to table, but Chromium computes overflow-x as visible on a
  display:table box, so wide tables (Tickets' 11 columns) overflowed the viewport with no
  scrollbar. Fixed at the root: DataTable now wraps its <table> in a .wf-table-wrap scroll
  container instead of relying on the table element to scroll itself.

Verified against screenshots at 375/768/1440, light+dark, before and after; typecheck and
the full test suite (498 passed) stay clean.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
1 day ago
..
ThemeSwitcher.tsx feat: theme palettes + Geist font + dashboard cockpit styles 3 days ago
avatar.ts fix(redesign): final-review fixes — palette races+a11y, avatar dark contrast, micro-label floor, drawer focus, pulse legend/labels/targets, warn contrast 5 days ago
chips.tsx fix(redesign): final-review fixes — palette races+a11y, avatar dark contrast, micro-label floor, drawer focus, pulse legend/labels/targets, warn contrast 5 days ago
components.tsx fix(responsive): stop desktop tables and mobile rows from silently clipping content 1 day ago
dialog.tsx fix(iwa): final-review fixes — dialog layering/scrim/scroll-lock, a11y labels+disabled+alerts, settings guards+errors, edit-mode locks, strict offsets, titles 5 days ago
formgrid.tsx feat(ui): Toaster with pure store (TDD) + FormGrid; provider mounted at root 5 days ago
index.ts feat(ui): Toaster with pure store (TDD) + FormGrid; provider mounted at root 5 days ago
palette-match.ts feat(ui): command palette with pure AND-term matcher 5 days ago
palette.tsx fix(review): frontend quality pass — a11y, UX safety, error handling (medium/low) 4 days ago
record.tsx feat(ui): RecordHeader; PageHeader breadcrumb; DataTable rowTone + mono columns 5 days ago
states.tsx feat(ui): Skeleton, ErrorState, FilterChips, Tabs 5 days ago
tabs.tsx fix(redesign): final-review fixes — palette races+a11y, avatar dark contrast, micro-label floor, drawer focus, pulse legend/labels/targets, warn contrast 5 days ago
theme.ts feat: theme palettes + Geist font + dashboard cockpit styles 3 days ago
toast-store.ts feat(ui): Toaster with pure store (TDD) + FormGrid; provider mounted at root 5 days ago
toast.tsx fix(review): frontend quality pass — a11y, UX safety, error handling (medium/low) 4 days ago
tokens.css fix(responsive): stop desktop tables and mobile rows from silently clipping content 1 day ago