globs: **/frontend/**
alwaysApply: false
---
# Airweave Frontend Architecture & Guidelines
## Tech Stack & Core Technologies
- **React 18** with TypeScript for type-safe component development
- **Vite** for fast development builds and HMR
- **TailwindCSS** with
6.6k7mo agoReviewMountCreate a free account to mount
legacy requests
4. **GET `/collections/internal/filter-schema`** - Filter schema endpoint
- Returns Qdrant Filter JSON schema for frontend validation
- Public endpoint for building UI filter builders
All endpoints use the same underlying `SearchService.search
6.6k7mo agoReviewMountCreate a free account to mount
rules: `airweave/billing/plan_logic.py`
- DB transactions (periods/usage/records): `airweave/billing/transactions.py`
- Stripe client (SDK wrapper): `airweave/integrations/stripe_client.py`
- Webhook processor: `airweave/billing/webhook_handler.py`
- Frontend flows: `frontend/src/pages/Onboarding.tsx`, `frontend/src/components/settings/BillingSettings.tsx`
Data model highlights:
- Organization billing state stored in `OrganizationBilling` with fields like
6.6k7mo agoReviewMountCreate a free account to mount
controller request
- Use `dbExecute` for database operations and wrap results in `Result<T, string>`
## Frontend Hooks with TanStack Query
- Use `useJawnClient()` to interact with Jawn controllers
- Implement custom hooks with
No other project uses it yet
6.2k15mo agoReviewMountCreate a free account to mount
description:
globs: packages/frontend/**/*.ts,packages/frontend/**/*.tsx
alwaysApply: false
---
---
description: Frontend rules
globs: packages/frontend/**/*.ts packages/frontend/**/*.tsx
---
# Rule
You are a Senior Front-End Developer and an expert in ReactJS, JavaScript
6.2k4d agoReviewMountCreate a free account to mount
Context**
21st.dev is an AI-powered UI component library and platform designed for modern frontend developers and design engineers. It provides high-quality, ready-to-use UI components that
No other project uses it yet
5.5k18mo agoReviewMountCreate a free account to mount
description:
globs: *.js,*.css
alwaysApply: false
---
# Pluto Frontend Styling Rules
1. **CSS Location**
- All new styles must be added to existing CSS files, often in `editor.css` (not in JS files
1 project uses a version of this
5.4k11mo agoReviewMountCreate a free account to mount
format
- Proper HTTP status codes
- Detailed error messages for debugging
### CORS Configuration
- Configured for frontend domain
- Handle preflight requests
- Support for development and production
### Environment Variables
- Stored in `supabase/functions/.env`
- Include
No other project uses it yet
5.3k14mo agoReviewMountCreate a free account to mount
alwaysApply: true
---
# Frontend Architecture - React/TypeScript
## Component Architecture
### Views (Page Components)
- Located in `src/views/`
- Each view represents a full page/route
- Use React Router for navigation
- Implement proper loading and error states
5.3k14mo agoReviewMountCreate a free account to mount