Cursor rule

1---
2description: "Frontend conventions for React UI app"
3patterns: ["apps/ui/**/*.ts", "apps/ui/**/*.tsx"]
4mode: always
5---
6 
7## Frontend Rules
8 
9- React 19 with functional components only
10- Zustand for state management (one store per feature in src/store/)
11- Cytoscape.js for graph visualization (diff-based rendering, not full re-render)
12- Tailwind CSS (dark theme: zinc-950 bg). No CSS modules
13- Radix UI for headless components (Dialog, Select, Tabs, Tooltip)
14- Lucide React for icons
15- REST API client in src/lib/api.ts — use it, don't create new fetch calls
16- WebSocket client in src/lib/ws.ts — auto-reconnect with exponential backoff
17- HashRouter for client-side routing (React Router 7)
18- Entity/relation type colors defined in src/lib/colors.ts
19