[Agencybuilds]

Closes #1323

Summary

Resolves the issue where endpoint parameter tables were forced to at least 560px wide and header rows overflowed on mobile devices.

Changes Implemented

• Extracted Styles: Extracted all inline styles to src/pages/EndpointSummary.css.
• Responsive Parameter Layout (<640px): Renders parameters as semantic definition lists (<dl>) with monospace names, types, and "Required"/"Optional" text chips, removing the 560px min-width constraint.
• Trigger Reflow: Triggers allow titles and URLs to wrap with overflow-wrap: anywhere. The chevron icon stays pinned top-right with a minimum 44px touch target.
• Desktop Table Accessibility: Added scope="col" to table header cells and an accessible visually hidden <caption>.
• Inert Collapsed Content: Collapsed cards have hidden and inert applied, removing them from tab order and the accessibility tree.
• Print Parity: Added rules to src/styles/print.css ensuring full parameter tables remain visible and expanded when printing.
• Test Suite: Extended EndpointSummary.test.tsx to verify all responsive, accessibility, inert state, and print criteria.

Verification

• npx tsc -p tsconfig.json --noEmit passed.
• npm run build passed.
• npx vitest run src/pages/EndpointSummary.test.tsx passed (10/10).

[drips-wave]

@Agencybuilds Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits