diff --git a/frontend/frontend_gameplan.md b/frontend/frontend_gameplan.md
index e69de29..25fbaf1 100644
--- a/frontend/frontend_gameplan.md
+++ b/frontend/frontend_gameplan.md
@@ -0,0 +1,489 @@
+Based on the PDF requirements, I need to update the frontend completion plan to include the additional features and phases mentioned. Here's the updated comprehensive plan:
+
+# SmartQuery Frontend Completion Plan (Updated)
+
+## Current State Analysis
+
+The frontend is currently in a **basic starter state** with:
+- ✅ Next.js 14 with TypeScript setup
+- ✅ Tailwind CSS + DaisyUI for styling
+- ✅ Zustand for state management
+- ✅ Recharts for data visualization
+- ✅ Basic example components (counter, sample chart)
+- ❌ **No authentication system**
+- ❌ **No project management UI**
+- ❌ **No chat/query interface**
+- ❌ **No file upload functionality**
+- ❌ **No dashboard or navigation**
+- ❌ **No vector search integration**
+- ❌ **No monitoring/analytics**
+
+## Complete Frontend Implementation Plan
+
+### Phase 1: Core Infrastructure & Authentication (Priority: High)
+
+#### 1.1 API Client Setup
+**Files to create:**
+- `frontend/src/lib/api.ts` - Central API client with all endpoints
+- `frontend/src/lib/auth.ts` - Authentication utilities and token management
+- `frontend/src/lib/types.ts` - TypeScript types from API contract
+- `frontend/src/lib/retry.ts` - Retry and timeout handling utilities
+
+**Implementation:**
+- HTTP client with interceptors for auth tokens
+- Automatic token refresh handling
+- **Retry logic with exponential backoff**
+- **Timeout handling for long-running queries**
+- Type-safe API calls using the contract
+- **Consistent API response handling**
+
+#### 1.2 Authentication System
+**Files to create:**
+- `frontend/src/components/auth/LoginButton.tsx` - Google OAuth login
+- `frontend/src/components/auth/AuthProvider.tsx` - Auth context provider
+- `frontend/src/components/auth/ProtectedRoute.tsx` - Route protection
+- `frontend/src/app/login/page.tsx` - Login page
+- `frontend/src/lib/store/auth.ts` - Auth state management
+
+**Features:**
+- Google OAuth integration
+- JWT token management
+- Automatic token refresh
+- Protected routes
+- User session persistence
+
+
+
+
+– need to do everything below this–
+
+#### 1.3 Navigation & Layout
+**Files to create:**
+- `frontend/src/components/layout/Navbar.tsx` - Main navigation
+- `frontend/src/components/layout/Sidebar.tsx` - Project sidebar
+- `frontend/src/components/layout/Footer.tsx` - Footer component
+- `frontend/src/app/layout.tsx` - Enhanced root layout
+
+**Features:**
+- Responsive navigation
+- User profile dropdown
+- Project navigation
+- Breadcrumb navigation
+
+### Phase 2: Project Management (Priority: High)
+
+#### 2.1 Project Dashboard
+**Files to create:**
+- `frontend/src/app/dashboard/page.tsx` - Main dashboard
+- `frontend/src/components/dashboard/ProjectList.tsx` - Project grid/list
+- `frontend/src/components/dashboard/ProjectCard.tsx` - Individual project card
+- `frontend/src/components/dashboard/CreateProjectModal.tsx` - New project modal
+- `frontend/src/components/dashboard/DashboardStats.tsx` - Statistics overview
+
+**Features:**
+- Project listing with pagination
+- Project creation with file upload
+- Project status indicators
+- Quick actions (view, delete, analyze)
+- Search and filtering
+
+#### 2.2 Project Details
+**Files to create:**
+- `frontend/src/app/projects/[id]/page.tsx` - Project detail page
+- `frontend/src/components/projects/ProjectHeader.tsx` - Project info header
+- `frontend/src/components/projects/ProjectMetadata.tsx` - Schema/metadata display
+- `frontend/src/components/projects/FileUpload.tsx` - File upload component
+- `frontend/src/components/projects/DeleteProjectModal.tsx` - Delete confirmation
+
+**Features:**
+- Project metadata display
+- CSV schema visualization
+- File upload with progress
+- Project settings and management
+- Data preview capabilities
+
+### Phase 3: Chat & Query Interface (Priority: High)
+
+#### 3.1 Chat Interface
+**Files to create:**
+- `frontend/src/app/projects/[id]/chat/page.tsx` - Chat page
+- `frontend/src/components/chat/ChatInterface.tsx` - Main chat component
+- `frontend/src/components/chat/MessageList.tsx` - Message history
+- `frontend/src/components/chat/MessageInput.tsx` - Message input
+- `frontend/src/components/chat/QuerySuggestions.tsx` - Suggested queries
+- `frontend/src/components/chat/QueryHistory.tsx` - Query history tracking
+
+**Features:**
+- Real-time chat interface
+- Message history with pagination
+- Query suggestions by category
+- Message status indicators
+- Context-aware suggestions
+- **Query history and favorites**
+
+#### 3.2 Query Results Display
+**Files to create:**
+- `frontend/src/components/results/ResultDisplay.tsx` - Main result component
+- `frontend/src/components/results/DataTable.tsx` - Tabular data display
+- `frontend/src/components/results/ChartDisplay.tsx` - Chart visualization
+- `frontend/src/components/results/SummaryDisplay.tsx` - Text summary display
+- `frontend/src/components/results/ExportOptions.tsx` - Data export
+- `frontend/src/components/results/QueryMetrics.tsx` - Query performance metrics
+
+**Features:**
+- Dynamic result rendering (table/chart/summary)
+- Interactive charts with Recharts
+- Data export (CSV, JSON)
+- Result sharing capabilities
+- Query history tracking
+- **Query performance metrics (latency, duration)**
+- **Consistent API response handling**
+
+### Phase 4: Vector Search & Advanced Analytics (Priority: High)
+
+#### 4.1 Vector Search Integration
+**Files to create:**
+- `frontend/src/components/search/SemanticSearch.tsx` - Semantic search interface
+- `frontend/src/components/search/SearchResults.tsx` - Search results display
+- `frontend/src/components/search/SearchFilters.tsx` - Search filters
+- `frontend/src/lib/vector-search.ts` - Vector search utilities
+
+**Features:**
+- **Semantic search across project data**
+- **Column-level search capabilities**
+- **Search result highlighting**
+- **Search history and suggestions**
+- **Integration with Pinecone/Weaviate**
+
+#### 4.2 Advanced Charts & Analytics
+**Files to create:**
+- `frontend/src/components/charts/ChartBuilder.tsx` - Chart configuration
+- `frontend/src/components/charts/ChartTypes.tsx` - Chart type selector
+- `frontend/src/components/charts/ChartCustomization.tsx` - Chart options
+- `frontend/src/components/charts/ChartExport.tsx` - Chart export
+- `frontend/src/components/analytics/DataInsights.tsx` - Data insights panel
+- `frontend/src/components/analytics/ColumnAnalysis.tsx` - Column statistics
+
+**Features:**
+- Multiple chart types (bar, line, pie, scatter, histogram)
+- Chart customization options
+- Interactive chart elements
+- Chart export (PNG, SVG, PDF)
+- **Data quality indicators**
+- **Statistical summaries**
+- **Correlation analysis**
+
+### Phase 5: Monitoring & Analytics (Priority: Medium)
+
+#### 5.1 Error Handling & Loading States
+**Files to create:**
+- `frontend/src/components/ui/LoadingSpinner.tsx` - Loading indicators
+- `frontend/src/components/ui/ErrorBoundary.tsx` - Error boundaries
+- `frontend/src/components/ui/Toast.tsx` - Toast notifications
+- `frontend/src/components/ui/EmptyState.tsx` - Empty state components
+- `frontend/src/components/ui/LatencyIndicator.tsx` - Query latency display
+
+**Features:**
+- Comprehensive error handling
+- Loading states for all async operations
+- User-friendly error messages
+- Toast notifications for actions
+- Empty states for new users
+- **Query latency monitoring**
+
+#### 5.2 Analytics & Monitoring Integration
+**Files to create:**
+- `frontend/src/lib/analytics.ts` - Analytics utilities
+- `frontend/src/lib/monitoring.ts` - Monitoring utilities
+- `frontend/src/components/monitoring/PerformanceMetrics.tsx` - Performance display
+- `frontend/src/hooks/useAnalytics.ts` - Analytics hooks
+
+**Features:**
+- **Sentry integration for error tracking**
+- **PostHog integration for user analytics**
+- **Track file uploads, chat messages, chart interactions**
+- **Performance monitoring**
+- **User behavior analytics**
+
+### Phase 6: Testing & Documentation (Priority: Medium)
+
+#### 6.1 Unit Testing
+**Files to create:**
+- `frontend/src/__tests__/components/` - Component tests
+- `frontend/src/__tests__/hooks/` - Hook tests
+- `frontend/src/__tests__/lib/` - Utility tests
+- `frontend/src/__tests__/integration/` - Integration tests
+
+**Testing Coverage:**
+- **Unit test components with Vitest + React Testing Library**
+- **Hook testing with @testing-library/react-hooks**
+- **API client testing**
+- **State management testing**
+
+#### 6.2 End-to-End Testing
+**Files to create:**
+- `frontend/e2e/` - E2E test directory
+- `frontend/e2e/auth.spec.ts` - Authentication flow tests
+- `frontend/e2e/project.spec.ts` - Project management tests
+- `frontend/e2e/chat.spec.ts` - Chat interface tests
+
+**E2E Testing:**
+- **E2E test login → project → chat using Playwright**
+- **File upload flow testing**
+- **Query processing flow testing**
+- **Cross-browser compatibility testing**
+
+### Phase 7: DevOps & Deployment (Priority: Low)
+
+#### 7.1 Docker & Local Development
+**Files to create:**
+- `frontend/Dockerfile` - Frontend Dockerfile
+- `docker-compose.dev.yml` - Local development setup
+- `frontend/.dockerignore` - Docker ignore file
+
+**Features:**
+- **Docker containerization**
+- **Local development environment**
+- **Hot reloading in containers**
+- **Environment-specific configurations**
+
+#### 7.2 Production Deployment
+**Files to create:**
+- `frontend/.github/workflows/deploy.yml` - Deployment workflow
+- `frontend/vercel.json` - Vercel configuration
+- `frontend/railway.json` - Railway configuration
+
+**Deployment Options:**
+- **Vercel deployment**
+- **Railway deployment**
+- **Fly.io deployment**
+- **GKE deployment**
+
+### Phase 8: Documentation & User Experience (Priority: Low)
+
+#### 8.1 Documentation
+**Files to create:**
+- `frontend/README.md` - Development setup guide
+- `frontend/docs/ARCHITECTURE.md` - Architecture documentation
+- `frontend/docs/USER_GUIDE.md` - End-user walkthrough
+- `frontend/docs/API_REFERENCE.md` - Frontend API reference
+
+**Documentation:**
+- **README.md for dev setup**
+- **/docs/ARCHITECTURE.md with diagram**
+- **Usage walkthrough for end-users**
+- **Component documentation**
+
+#### 8.2 User Experience Polish
+**Files to create:**
+- `frontend/src/components/ui/ResponsiveWrapper.tsx` - Responsive containers
+- `frontend/src/components/ui/Accessibility.tsx` - Accessibility helpers
+- `frontend/src/styles/responsive.css` - Responsive utilities
+- `frontend/src/components/ui/Onboarding.tsx` - User onboarding
+
+**Features:**
+- Mobile-first responsive design
+- Keyboard navigation support
+- Screen reader compatibility
+- High contrast mode support
+- Touch-friendly interfaces
+- **User onboarding flow**
+
+## Implementation Priority & Timeline
+
+### Week 1: Core Infrastructure
+1. **API Client Setup** (2 days)
+ - Implement central API client with retry/timeout
+ - Add authentication utilities
+ - Setup type definitions
+
+2. **Authentication System** (3 days)
+ - Google OAuth integration
+ - JWT token management
+ - Protected routes
+
+### Week 2: Project Management
+1. **Dashboard & Navigation** (2 days)
+ - Main dashboard layout
+ - Navigation components
+ - Project listing
+
+2. **Project CRUD Operations** (3 days)
+ - Project creation with file upload
+ - Project details and management
+ - Delete and update operations
+
+### Week 3: Chat & Query Interface
+1. **Chat Interface** (3 days)
+ - Real-time chat component
+ - Message handling
+ - Query suggestions
+
+2. **Results Display** (2 days)
+ - Dynamic result rendering
+ - Chart visualization
+ - Data export
+
+### Week 4: Vector Search & Analytics
+1. **Vector Search Integration** (3 days)
+ - Semantic search interface
+ - Search results display
+ - Column-level search
+
+2. **Advanced Analytics** (2 days)
+ - Data insights panel
+ - Performance metrics
+ - Chart customization
+
+### Week 5: Testing & Monitoring
+1. **Unit Testing** (3 days)
+ - Component tests with Vitest
+ - Hook testing
+ - API client testing
+
+2. **Monitoring Integration** (2 days)
+ - Sentry error tracking
+ - PostHog analytics
+ - Performance monitoring
+
+### Week 6: E2E Testing & Documentation
+1. **E2E Testing** (3 days)
+ - Playwright test setup
+ - Authentication flow tests
+ - Project management tests
+
+2. **Documentation** (2 days)
+ - Architecture documentation
+ - User guides
+ - API reference
+
+## Technical Requirements
+
+### Dependencies to Add
+```json
+{
+ "dependencies": {
+ "@google-cloud/local-auth": "^2.1.0",
+ "axios": "^1.6.0",
+ "react-query": "^3.39.0",
+ "react-hook-form": "^7.48.0",
+ "react-dropzone": "^14.2.0",
+ "date-fns": "^2.30.0",
+ "clsx": "^2.0.0",
+ "lucide-react": "^0.294.0",
+ "@sentry/nextjs": "^7.0.0",
+ "posthog-js": "^1.100.0",
+ "playwright": "^1.40.0"
+ },
+ "devDependencies": {
+ "@playwright/test": "^1.40.0",
+ "@testing-library/react-hooks": "^8.0.1",
+ "vitest": "^1.0.0",
+ "@vitest/ui": "^1.0.0"
+ }
+}
+```
+
+### Environment Variables
+```env
+NEXT_PUBLIC_API_URL=http://localhost:8000
+NEXT_PUBLIC_GOOGLE_CLIENT_ID=your_google_client_id
+NEXT_PUBLIC_APP_NAME=SmartQuery
+NEXT_PUBLIC_SENTRY_DSN=your_sentry_dsn
+NEXT_PUBLIC_POSTHOG_KEY=your_posthog_key
+NEXT_PUBLIC_POSTHOG_HOST=https://app.posthog.com
+```
+
+### File Structure
+```
+frontend/src/
+├── app/
+│ ├── dashboard/
+│ ├── login/
+│ ├── projects/[id]/
+│ │ ├── chat/
+│ │ └── settings/
+│ └── settings/
+├── components/
+│ ├── auth/
+│ ├── chat/
+│ ├── dashboard/
+│ ├── layout/
+│ ├── projects/
+│ ├── results/
+│ ├── search/
+│ ├── analytics/
+│ ├── monitoring/
+│ └── ui/
+├── lib/
+│ ├── api.ts
+│ ├── auth.ts
+│ ├── types.ts
+│ ├── retry.ts
+│ ├── analytics.ts
+│ ├── monitoring.ts
+│ ├── vector-search.ts
+│ └── store/
+├── hooks/
+│ ├── useAnalytics.ts
+│ └── useVectorSearch.ts
+├── styles/
+└── __tests__/
+ ├── components/
+ ├── hooks/
+ ├── lib/
+ └── integration/
+```
+
+## Success Criteria
+
+### MVP Features (Must Have)
+- ✅ User authentication with Google OAuth
+- ✅ Project creation and management
+- ✅ File upload with progress tracking
+- ✅ Natural language query interface
+- ✅ Results display (table/chart/summary)
+- ✅ Responsive design for mobile/desktop
+- ✅ **Vector search capabilities**
+- ✅ **Query performance monitoring**
+
+### Enhanced Features (Should Have)
+- ✅ Advanced chart customization
+- ✅ Data export capabilities
+- ✅ Query suggestions and history
+- ✅ Error handling and loading states
+- ✅ User preferences and settings
+- ✅ **Analytics and monitoring**
+- ✅ **E2E testing coverage**
+
+### Future Features (Could Have)
+- ✅ Project sharing and collaboration
+- ✅ Advanced analytics and insights
+- ✅ API key management
+- ✅ Data quality indicators
+- ✅ Real-time collaboration
+- ✅ **Production deployment automation**
+- ✅ **Comprehensive documentation**
+
+## Additional Considerations
+
+### Feature Branch Strategy
+- Use feature branches for each major component
+- Tag team members for code reviews
+- Maintain TODO.md for tracking progress
+- Keep /tests/coverage-report/ updated
+
+### Interlock Points
+- **API Contract Consistency**: Ensure frontend matches backend API responses
+- **Vector Search Integration**: Coordinate with backend Pinecone/Weaviate setup
+- **Monitoring Setup**: Align Sentry and PostHog configurations
+- **Testing Strategy**: Coordinate E2E test scenarios
+
+### Performance Monitoring
+- **Prompt latency tracking**
+- **DuckDB query duration monitoring**
+- **Frontend performance metrics**
+- **User interaction analytics**
+
+This updated plan now fully aligns with the PDF requirements and includes all the additional features like vector search, monitoring, comprehensive testing, and deployment automation.
+
diff --git a/index.html b/index.html
index 9f52b6e..f2e616a 100644
--- a/index.html
+++ b/index.html
@@ -1,65 +1,201 @@
-
-
-
- SmartQuery – Coming Soon
-
-
-
-
-
-
-
-
-
-
-
SmartQuery
-
-
Query your data, naturally.
-
Upload CSV files and analyze them in plain English. Get instant answers, charts, and insights! All with no SQL or coding required.
-
- 🚧
- We're working hard to bring you an amazing experience. SmartQuery will be available soon!
-
-
-
What you'll be able to do:
-
-
📤 Upload CSVs Instantly
-
💬 Ask Data Questions
-
🤖 AI-Powered Insights
-
📊 Visualize Results
-
🔒 Secure & Private
-
🧮 No SQL Needed
-
-
-
- SmartQuery will be SOC2 compliant to ensure the highest standards of security and privacy for your sensitive data.
+
+
+
+
+
+ SmartQuery – Coming Soon
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
SmartQuery
+
Query your data, naturally
+
+
+
+
+
+
Coming Soon...
+
Stay Connected, Stay Updated!
+
+ Upload CSV files and analyze them in plain English. Get instant
+ answers, charts, and insights! All with no SQL or coding required.
+
+
+
+ 🚧
+ We're working hard to bring you an amazing experience!
+
+
+
+
What you'll be able to do:
+
+
+ 📤 Upload CSVs Instantly
+
+
+ 💬 Ask Data Questions
+
+
+ 🤖 AI-Powered Insights
+
+
+ 📊 Visualize Results
+
+
+ 🔒 Secure & Private
+
+
+ 🧮 No SQL Needed
+
+
+
+
+
+ SmartQuery will be SOC2 compliant to ensure the
+ highest standards of security and privacy for your sensitive data.
+