Skip to content

fix(web): standardize responsive and accessible data tables #4180

Description

@jeanduplessis

Problem

Organization, billing, BYOK, code-indexing, analytics, and admin tables inconsistently clip, scroll without affordance, omit captions, or provide pointer-only row actions.

Remediation action

Adopt one accessible responsive-table pattern across audited data views.

Representative scope

  • apps/web/src/components/organizations/audit-logs/AuditLogsTable.tsx:149
  • apps/web/src/app/(app)/credits/page.tsx:53
  • apps/web/src/components/organizations/byok/BYOKKeysManager.tsx:486
  • apps/web/src/components/code-indexing/CodeIndexingView.tsx:744
  • apps/web/src/components/code-indexing/UserCodeIndexingView.tsx:469
  • apps/web/src/components/code-reviews/analytics/AnalyticsTables.tsx:209
  • apps/web/src/app/admin/components/OrganizationTableBody.tsx:338

Acceptance criteria

  • Each table has semantic headers and a caption or accessible region label.
  • Wide tables use a keyboard-focusable horizontal overflow region with visible focus and scroll affordance, or a complete stacked mobile representation.
  • Row actions remain visible and keyboard operable; rows are not pointer-only controls.
  • Default rows meet 48px density and numeric columns use tabular formatting.
  • No table causes page-level horizontal overflow at 375px.

Metadata

Metadata

Assignees

No one assigned

    Labels

    P1Should fix before soft launchbugSomething isn't working

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions