mirror of
https://github.com/Frooodle/Stirling-PDF.git
synced 2025-12-30 20:06:30 +01:00
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> |
||
|---|---|---|
| .. | ||
| assets | ||
| components | ||
| constants | ||
| contexts | ||
| data | ||
| hooks | ||
| i18n | ||
| pages | ||
| services | ||
| styles | ||
| tests | ||
| theme | ||
| tools | ||
| types | ||
| utils | ||
| App.css | ||
| App.tsx | ||
| global.d.ts | ||
| i18n.ts | ||
| index.css | ||
| index.tsx | ||
| logo.svg | ||
| output.css | ||
| reportWebVitals.js | ||
| setupTests.js | ||
| setupTests.ts | ||