Stirling-PDF/frontend/src
Anthony Stirling 6ea920e9a7 Refactor legacy UI: performance, accessibility, and styling improvements
Performance:
- Extract geometry calculation logic into useToolPanelGeometry hook with debounced resize handling (150ms)
- Create reusable useLocalStorageState hook for cleaner state persistence
- Optimize hook dependencies and memoization

Code Organization:
- Extract 80+ lines of geometry logic into dedicated hook
- Create useFocusTrap hook for accessibility features
- Add ToolPanelGeometry interface for type safety
- Reduce ToolPanel component complexity

Accessibility:
- Add focus trap to legacy surface for keyboard navigation
- Implement Tab/Shift+Tab cycling within modal
- Respect prefers-reduced-motion for animations

UX Improvements:
- Add smooth exit animation for legacy mode (220ms slide-out)
- Skip animations when reduced motion is preferred
- Tool panel mode preference already persisted via ToolWorkflowContext

Styling:
- Add 27 CSS custom properties to centralize color-mix patterns
- Replace pink accent colors with neutral tones matching UI
- Remove gradient from legacy body background
- Maintain tool item borders and hover effects with neutral colors

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-05 11:29:17 +01:00
..
assets Feature/v2/sign (#4485) 2025-09-26 19:11:03 +01:00
components Refactor legacy UI: performance, accessibility, and styling improvements 2025-10-05 11:29:17 +01:00
constants style(frontend): standardize semicolons across TS/JS configs and components (#4525) 2025-09-29 12:55:53 +01:00
contexts legacy UI 2025-10-05 01:26:04 +01:00
data Feature/adjust colors contrast tool (#4544) 2025-10-02 17:48:39 +01:00
hooks Refactor legacy UI: performance, accessibility, and styling improvements 2025-10-05 11:29:17 +01:00
i18n
pages legacy UI 2025-10-05 01:26:04 +01:00
services Feature/v2/navigate save prompt (#4586) 2025-10-02 20:14:35 +01:00
styles legacy UI 2025-10-05 01:26:04 +01:00
tests style(frontend): standardize semicolons across TS/JS configs and components (#4525) 2025-09-29 12:55:53 +01:00
theme Feature/toasts and error handling (#4496) 2025-09-25 21:03:53 +01:00
tools Feature/adjust colors contrast tool (#4544) 2025-10-02 17:48:39 +01:00
types refactor(types): deduplicate AutomateParameters definition in automation types (#4522) 2025-09-29 12:45:37 +01:00
utils Feature/v2/navigate save prompt (#4586) 2025-10-02 20:14:35 +01:00
App.css
App.tsx shortcuts and config menu (#4530) 2025-10-01 20:22:04 +01:00
global.d.ts Feature/v2/sign (#4485) 2025-09-26 19:11:03 +01:00
i18n.ts path (#4488) 2025-09-24 20:37:51 +01:00
index.css
index.tsx path (#4488) 2025-09-24 20:37:51 +01:00
logo.svg
output.css
reportWebVitals.js
setupTests.js
setupTests.ts style(frontend): standardize semicolons across TS/JS configs and components (#4525) 2025-09-29 12:55:53 +01:00