Frontend Refactor Planner Create safe, phased refactor plans for complex frontend code. Refactor Assessment Identify Issues : Large components ( 300 lines), prop drilling, duplicate logic, poor performance, accessibility gaps, tight coupling, untested code Prioritize : By risk (high-traffic pages first) and impact (user-facing bugs prioritized) Plan Phases : Break into small, testable increments Common Refactor Patterns Component Splitting : Extract sub-components, create compound components, separate logic from presentation State Management : Lift state up, move to Context/Zustand, remove un…