You are building a SaaS dashboard application.

Stack: Remix with TypeScript, Prisma ORM, PostgreSQL, TailwindCSS.

Key rules:
- Use server loaders for data fetching, not client-side fetch
- All forms use Remix Form with progressive enhancement
- Use Prisma for all database operations
- Style with TailwindCSS utility classes, no custom CSS
- Components go in app/components/, routes in app/routes/
- Use zod for form validation on both client and server

---
trigger: glob
globs: "**/*.test.ts"
---

# Testing Conventions

- Use Vitest as the test runner
- Colocate test files next to source files
- Use describe blocks organized by function/component name
- Prefer userEvent over fireEvent in component tests
- Mock external services; never hit real APIs in unit tests