refactor(ui): extract domain hooks and analytics wrappers

[chake111]

Motivation

• Centralize and encapsulate UI domain state (search flow, history, favorites, preferences) to reduce duplication and keep pages thin.
• Unify localStorage handling and authenticated sync for favorites and preferences, and provide a single place for pagination/filters logic and history suggestions.
• Provide small domain-level tracking wrappers to simplify event parameter assembly and reduce repeated inline tracking code.

Description

• Added domain hooks: ui/hooks/use-search-flow.ts (search query, request/response, filters, pagination), ui/hooks/use-history.ts (history CRUD, paging, localStorage sync), ui/hooks/use-favorites.ts (local storage + /api/favorites sync, replace/remove helpers), and ui/hooks/use-preferences.ts (storage, reset, serialization, derived reset state).
• Refactored pages to consume the new hooks: ui/app/[locale]/page.tsx uses useSearchFlow and useHistory, ui/app/[locale]/favorites/page.tsx uses useFavorites, and ui/app/[locale]/preferences/page.tsx uses usePreferences.
• Kept core tracking implementation in ui/lib/track.ts and added small wrapper functions trackSearch, trackFavorite, trackCompare, and trackDetailView to standardize event payload construction used by pages.
• Migrated existing FAVORITES_STORAGE_KEY and PREFERENCES_STORAGE_KEY logic into the corresponding hooks and removed duplicated state/IO from pages.

Testing

• Ran TypeScript checks with cd ui && npm run typecheck, which completed successfully.
• Ran linter with cd ui && npm run lint, which failed due to a missing ESLint flat config (project lacks eslint.config.*), so lint errors are unrelated to the introduced code shape.

---

Codex Task

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
ai-tool-picker	Ready	Preview, Comment	Apr 20, 2026 7:37am