diff --git a/.env.example b/.env.example
deleted file mode 100644
index 2e4a6b7..0000000
--- a/.env.example
+++ /dev/null
@@ -1,16 +0,0 @@
-# Copy this to .env and fill in your values
-# See OPENMINDWELL_PROJECT_GUIDE.md for instructions on obtaining these
-
-# Supabase (get from https://app.supabase.com)
-SUPABASE_URL=https://your-project.supabase.co
-SUPABASE_ANON_KEY=your-anon-key-here
-SUPABASE_SERVICE_ROLE_KEY=your-service-role-key-here
-
-# HuggingFace (optional - get from https://huggingface.co/settings/tokens)
-HUGGINGFACE_API_TOKEN=your-token-here
-
-# Frontend URL (for CORS)
-FRONTEND_URL=http://localhost:3000
-
-# Backend Port
-PORT=3001
diff --git a/.gitignore b/.gitignore
deleted file mode 100644
index af8b428..0000000
--- a/.gitignore
+++ /dev/null
@@ -1,51 +0,0 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-node_modules/
-.pnp
-.pnp.js
-
-# testing
-coverage/
-
-# next.js
-.next/
-out/
-build
-dist/
-
-# production
-build
-
-# misc
-.DS_Store
-*.pem
-
-# debug
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-.pnpm-debug.log*
-
-# local env files
-.env
-.env.local
-.env*.local
-
-# vercel
-.vercel
-
-# typescript
-*.tsbuildinfo
-next-env.d.ts
-
-# ide
-.idea
-.vscode/*
-!.vscode/extensions.json
-*.swp
-*.swo
-*~
-
-# os
-Thumbs.db
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
deleted file mode 100644
index b88d27e..0000000
--- a/.vscode/extensions.json
+++ /dev/null
@@ -1,8 +0,0 @@
-{
-  "recommendations": [
-    "dbaeumer.vscode-eslint",
-    "esbenp.prettier-vscode",
-    "bradlc.vscode-tailwindcss",
-    "ms-vscode.vscode-typescript-next"
-  ]
-}
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
deleted file mode 100644
index 931d9ea..0000000
--- a/CONTRIBUTING.md
+++ /dev/null
@@ -1,26 +0,0 @@
-# Contributing to OpenMindWell
-
-Thank you for your interest in contributing to OpenMindWell! 
-
-## About This Project
-
-OpenMindWell is a **self-hosted, open-source** mental health support platform built by Team ZenYukti.
-
-**Important**: There is **no central hosted instance** of OpenMindWell. Each deployment is independent:
-- Users deploy their own instances with their own infrastructure  
-- Each instance uses its own Supabase database and HuggingFace API keys
-- Users maintain full control over their data and deployment
-- No shared public demo exists - this is intentional for privacy and security
-
-## Ways to Contribute
-
-See full guidelines in the repository README.md
-
----
-
-**Connect with Team ZenYukti:**
-- 🌐 [zenyukti.in](https://zenyukti.in)
-- 💼 [LinkedIn](https://linkedin.com/company/zenyukti)
-- 🐦 [Twitter/X](https://x.com/zenyukti)
-- 💬 [Discord Community](https://go.zenyukti.in/discord)
-- 📸 [Instagram](https://instagram.com/zenyukti)
diff --git a/LICENSE b/LICENSE
deleted file mode 100644
index 5d7a8f9..0000000
--- a/LICENSE
+++ /dev/null
@@ -1,26 +0,0 @@
-MIT License
-
-Copyright (c) 2025 ZenYukti
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
-
----
-
-DISCLAIMER: OpenMindWell is NOT a substitute for professional mental health care.
-If you are in crisis, please contact emergency services or a crisis hotline immediately.
diff --git a/OPENMINDWELL_PROJECT_GUIDE.md b/OPENMINDWELL_PROJECT_GUIDE.md
deleted file mode 100644
index 9e0dd77..0000000
--- a/OPENMINDWELL_PROJECT_GUIDE.md
+++ /dev/null
@@ -1,1235 +0,0 @@
-# 📘 OpenMindWell - Complete Project Guide
-
-> **Version 1.0** | Last Updated: November 2024
-
----
-
-## ⚠️ CRITICAL SAFETY DISCLAIMER
-
-**OpenMindWell is NOT a substitute for professional mental health care.**
-
-This platform provides:
-- ✅ Peer support and community connection
-- ✅ Self-help resources and coping strategies  
-- ✅ A safe space to share experiences
-
-This platform does NOT provide:
-- ❌ Professional therapy or counseling
-- ❌ Medical diagnosis or treatment
-- ❌ Emergency crisis intervention
-- ❌ Licensed mental health services
-
-**IF YOU ARE IN CRISIS:**
-- 🇺🇸 Call/Text **988** (Suicide & Crisis Lifeline)
-- 🇺🇸 Text **HOME** to **741741** (Crisis Text Line)
-- 🌍 Find international helplines: **findahelpline.com**
-- 🚨 Call emergency services (911/112/999) for immediate danger
-
----
-
-## 📋 Table of Contents
-
-1. [Project Overview](#project-overview)
-2. [Features](#features)
-3. [Tech Stack](#tech-stack)
-4. [Architecture](#architecture)
-5. [Folder Structure](#folder-structure)
-6. [Environment Variables](#environment-variables)
-7. [Local Development Setup](#local-development-setup)
-8. [Free Service Accounts Setup](#free-service-accounts-setup)
-9. [Deployment Guide](#deployment-guide)
-10. [Security & Privacy](#security--privacy)
-11. [Contributing](#contributing)
-12. [Roadmap](#roadmap)
-
----
-
-## 🌟 Project Overview
-
-**OpenMindWell** is a free, open-source mental health support platform designed to provide anonymous peer support, self-help tools, and curated resources. Built with modern web technologies and deployed entirely on free-tier services.
-
-### Why OpenMindWell?
-
-- **Accessibility**: 100% free to use, no premium features
-- **Privacy**: Anonymous accounts, no personal data required
-- **Safety**: AI-powered crisis detection with automatic resource suggestions
-- **Community**: Peer-to-peer support in moderated chat rooms
-- **Open Source**: Transparent, auditable, and community-driven
-
-### Target Audience
-
-- Individuals seeking peer support for mental wellness
-- People exploring self-help strategies
-- Communities building mental health awareness
-- Open-source contributors (GSoC, Hacktoberfest, etc.)
-
----
-
-## 🎯 Features
-
-### 1. **Anonymous Chat Rooms** 💬
-- 6 pre-created support rooms (Anxiety, Depression, PTSD, etc.)
-- **✅ Real-time WebSocket messaging** (fully implemented)
-- Anonymous/pseudonymous usernames
-- Emoji avatars (no photos)
-- Auto-reconnection with exponential backoff
-- Message history (last 50 messages)
-- User join/leave notifications
-- Crisis alerts with helpline numbers
-
-### 2. **AI Crisis Detection** 🤖
-- **✅ Active in real-time chat** - scans every message
-- HuggingFace emotion analysis (twitter-roberta-base-emotion)
-- Keyword-based fallback system (no API key required)
-- Automatic crisis alerts with US & India helplines
-- 4-tier risk levels (low, medium, high, critical)
-- Visual highlighting of crisis messages (red background)
-- Moderator notifications (backend ready)
-
-### 3. **Private Journaling** 📝
-- End-to-end private entries (only visible to user)
-- Mood tracking (1-5 scale)
-- Tagging system
-- Reflection prompts
-
-### 4. **Habit Tracking** ✅
-- Custom habit creation
-- Daily logging with notes
-- Streak tracking
-- Progress visualization (coming soon)
-
-### 5. **Resource Library** 📚
-- Curated mental health articles
-- Crisis hotlines (US & International)
-- Breathing exercises and guided meditations
-- Categorized by type (hotline, article, exercise)
-
-### 6. **Moderation System** 🛡️
-- User reporting functionality
-- Moderator dashboard (volunteer-only)
-- Flagged message review
-- Community guidelines enforcement
-
-### 7. **Volunteer Program** 🤝
-- Trained peer support volunteers
-- Moderator privileges
-- Community safety oversight
-
----
-
-## 🛠️ Tech Stack
-
-### **Frontend**
-- **Framework**: React 18 with Vite 5
-- **Router**: React Router DOM 6
-- **Language**: TypeScript 5.3
-- **Styling**: Tailwind CSS 3.4
-- **Auth**: Supabase Auth (anonymous sign-in)
-- **State**: React Hooks
-- **HTTP Client**: Fetch API
-- **WebSocket**: Native WebSocket API
-
-### **Backend**
-- **Runtime**: Node.js 18+
-- **Framework**: Express.js 4.18
-- **Language**: TypeScript 5.3
-- **WebSocket**: ws library 8.16
-- **Database**: Supabase (PostgreSQL 15)
-- **Auth**: JWT validation
-- **AI**: HuggingFace Inference API
-- **Security**: Helmet, CORS, Rate Limiting
-
-### **Database**
-- **Service**: Supabase (managed PostgreSQL)
-- **ORM**: None (direct SQL queries via Supabase client)
-- **Security**: Row Level Security (RLS) policies
-- **Tables**: 8 (profiles, rooms, messages, journal_entries, habits, habit_logs, resources, reports, volunteers)
-
-### **AI/ML**
-- **Provider**: HuggingFace
-- **Model**: `cardiffnlp/twitter-roberta-base-emotion`
-- **Task**: Emotion classification (7 emotions)
-- **Fallback**: Keyword-based pattern matching
-
-### **Deployment**
-- **Hosting**: Self-hosted (VPS, home server, or Raspberry Pi)
-- **Containerization**: Docker & Docker Compose
-- **Database**: Supabase (free tier) or self-hosted PostgreSQL
-- **Version Control**: Git/GitHub
-
-### **Development Tools**
-- **Package Manager**: npm
-- **Linting**: TypeScript compiler
-- **Monorepo**: Workspaces with concurrently
-
----
-
-## 🏗️ Architecture
-
-```
-┌─────────────────────────────────────────────────────────────────┐
-│                         USER DEVICES                            │
-│                  (Web Browsers - Desktop/Mobile)                │
-└───────────────────────────┬─────────────────────────────────────┘
-                            │
-                            ▼
-┌─────────────────────────────────────────────────────────────────┐
-│                    FRONTEND (React 18 + Vite)                   │
-│  ┌───────────────────────────────────────────────────────────┐ │
-│  │  Routes: / → /onboarding → /dashboard                  │ │
-│  │  Components: RoomsList, JournalForm, HabitTracker, etc.  │ │
-│  │  API Client: lib/api.ts (REST) + WebSocket client        │ │
-│  └───────────────────────────────────────────────────────────┘ │
-│                  Self-hosted on your server                      │
-└───────────┬────────────────────────────────┬────────────────────┘
-            │                                │
-            │ HTTP/REST                      │ WebSocket (wss://)
-            │                                │
-            ▼                                ▼
-┌──────────────────────────────────────────────────────────────────┐
-│                  BACKEND (Express.js + ws)                       │
-│  ┌────────────────────────────────────────────────────────────┐ │
-│  │  REST API Routes:                                          │ │
-│  │  - /api/journal (GET/POST/PUT/DELETE)                     │ │
-│  │  - /api/habits (GET/POST/PUT/DELETE)                      │ │
-│  │  - /api/rooms (GET rooms, GET messages)                   │ │
-│  │  - /api/resources (GET by category)                       │ │
-│  │  - /api/moderation (GET reports, POST flag)               │ │
-│  │                                                             │ │
-│  │  WebSocket Server:                                         │ │
-│  │  - Real-time chat messaging                                │ │
-│  │  - Room join/leave events                                  │ │
-│  │  - Crisis detection integration                            │ │
-│  │                                                             │ │
-│  │  Services:                                                  │ │
-│  │  - Crisis Detection (HuggingFace API + keywords)          │ │
-│  │  - Chat Server (WebSocket management)                      │ │
-│  └────────────────────────────────────────────────────────────┘ │
-│                  Self-hosted on your server                      │
-└───────────────────────────┬──────────────────────────────────────┘
-                            │
-                            │ Supabase Client SDK
-                            │
-                            ▼
-┌─────────────────────────────────────────────────────────────────┐
-│                   SUPABASE (Database + Auth)                    │
-│  ┌───────────────────────────────────────────────────────────┐ │
-│  │  PostgreSQL Database (8 tables):                          │ │
-│  │  - profiles (user info)                                   │ │
-│  │  - rooms (chat rooms)                                     │ │
-│  │  - messages (chat history + risk_level)                  │ │
-│  │  - journal_entries (private notes)                        │ │
-│  │  - habits (user habits)                                   │ │
-│  │  - habit_logs (daily tracking)                            │ │
-│  │  - resources (curated content)                            │ │
-│  │  - reports (moderation flags)                             │ │
-│  │  - volunteers (moderator access)                          │ │
-│  │                                                             │ │
-│  │  Row Level Security (RLS):                                 │ │
-│  │  - Users can only see/edit their own data                 │ │
-│  │  - Messages visible to room members only                   │ │
-│  │  - Journal entries completely private                      │ │
-│  │                                                             │ │
-│  │  Authentication:                                            │ │
-│  │  - Anonymous sign-in (no email required)                   │ │
-│  │  - JWT tokens for API authentication                       │ │
-│  └───────────────────────────────────────────────────────────┘ │
-│                      Managed by: Supabase                        │
-└────────────────────────────┬────────────────────────────────────┘
-                             │
-                             │ HTTPS API Calls
-                             │
-                             ▼
-┌─────────────────────────────────────────────────────────────────┐
-│                    HUGGINGFACE INFERENCE API                    │
-│  ┌───────────────────────────────────────────────────────────┐ │
-│  │  Model: cardiffnlp/twitter-roberta-base-emotion          │ │
-│  │  Input: Chat message text                                 │ │
-│  │  Output: Emotion scores (anger, fear, sadness, etc.)     │ │
-│  │  Rate Limit: 1000 calls/day (free tier)                  │ │
-│  └───────────────────────────────────────────────────────────┘ │
-│                      Managed by: HuggingFace                    │
-└─────────────────────────────────────────────────────────────────┘
-```
-
-### WebSocket Architecture (Real-Time Chat)
-
-```
-┌─────────────────────────────────────────────────────────────────┐
-│                    FRONTEND (React + useWebSocket)              │
-│  ┌───────────────────────────────────────────────────────────┐ │
-│  │  ChatRoom Component:                                      │ │
-│  │  - Message input & display                                │ │
-│  │  - Crisis alert banner                                    │ │
-│  │  - Connection status indicator                            │ │
-│  │                                                             │ │
-│  │  useWebSocket Hook:                                        │ │
-│  │  - Auto-connect on mount                                   │ │
-│  │  - Auto-reconnect (exponential backoff, max 5 attempts)   │ │
-│  │  - Event handlers: onMessage, onConnect, onDisconnect     │ │
-│  │  - sendMessage() function                                  │ │
-│  └───────────────────────────────────────────────────────────┘ │
-└────────────────────────────┬────────────────────────────────────┘
-                             │
-                             │ WebSocket (ws:// or wss://)
-                             │ Events: JOIN, LEAVE, CHAT
-                             │
-                             ▼
-┌─────────────────────────────────────────────────────────────────┐
-│              BACKEND (Express + ws WebSocket Server)            │
-│  ┌───────────────────────────────────────────────────────────┐ │
-│  │  ChatServer Class:                                        │ │
-│  │  - Room Map (roomId → Set<{ws, userId, nickname}>)       │ │
-│  │  - Heartbeat/ping every 30s                               │ │
-│  │  - Message handlers: handleJoin, handleLeave, handleChat │ │
-│  │                                                             │ │
-│  │  Message Flow:                                             │ │
-│  │  1. Receive CHAT event                                     │ │
-│  │  2. Run detectCrisis(content) → riskLevel                 │ │
-│  │  3. Save to DB: {content, risk_level, user_id, room_id}  │ │
-│  │  4. broadcastToRoom() → all connected clients             │ │
-│  │  5. If crisis: send CRISIS_ALERT to sender                │ │
-│  └───────────────────────────────────────────────────────────┘ │
-└────────────────────────────┬────────────────────────────────────┘
-                             │
-                             │ Supabase Client SDK
-                             │
-                             ▼
-┌─────────────────────────────────────────────────────────────────┐
-│                 SUPABASE (PostgreSQL + Storage)                 │
-│  ┌───────────────────────────────────────────────────────────┐ │
-│  │  messages table:                                          │ │
-│  │  - id, room_id, user_id, content                          │ │
-│  │  - risk_level (none, low, medium, high, critical)        │ │
-│  │  - created_at                                              │ │
-│  │                                                             │ │
-│  │  Row Level Security:                                       │ │
-│  │  - Users can read messages in rooms they've joined        │ │
-│  │  - Messages persist for history (last 50 loaded on join)  │ │
-│  └───────────────────────────────────────────────────────────┘ │
-└─────────────────────────────────────────────────────────────────┘
-```
-
-### Data Flow Examples
-
-**1. User Joins Chat Room (Full WebSocket Flow):**
-```
-User clicks "Join Room" → ChatRoom modal opens
-  → useWebSocket.connect() → WebSocket to ws://localhost:3001
-  → Send JOIN {roomId, userId, nickname}
-  → Backend: add to rooms Map
-  → Backend: SELECT last 50 messages WHERE room_id = ?
-  → Send HISTORY {messages: [...]} to client
-  → Frontend: setMessages(history)
-  → User sees chat interface with history
-```
-
-**2. User Sends Message with Crisis Content:**
-```
-User types "I feel hopeless" → clicks Send
-  → useWebSocket.sendMessage(content)
-  → Send CHAT {roomId, userId, content, timestamp}
-  → Backend: detectCrisis(content) → {riskLevel: "medium", isCrisis: true}
-  → Backend: INSERT INTO messages (content, risk_level)
-  → Backend: broadcastToRoom(CHAT message with risk_level)
-  → All users receive message
-  → Frontend: render with red background (crisis styling)
-  → Backend: send CRISIS_ALERT to sender only
-  → Sender sees: "⚠️ CRISIS DETECTED - Call 988 | 9152987821"
-```
-
-**3. User Creates Journal Entry:**
-```
-User writes entry → Frontend form → HTTP POST /api/journal
-  → Backend validates JWT → Supabase insert (with RLS check)
-  → Return success → Update UI
-```
-
-**3. User Joins Chat Room (Full Implementation):**
-```
-User clicks "Join Room" → ChatRoom modal opens
-  → useWebSocket hook connects to ws://localhost:3001
-  → Send JOIN message {roomId, userId, nickname}
-  → Backend validates & adds user to room Map
-  → Backend fetches last 50 messages from DB
-  → Frontend receives HISTORY message → displays messages
-  → User types message → sends CHAT event
-  → Backend runs detectCrisis() on message content
-  → Backend saves to DB with risk_level
-  → Backend broadcasts to all room members
-  → If crisis detected: sends CRISIS_ALERT to sender
-  → Frontend shows red banner with helplines
-  → Auto-scroll to latest message
-```
-
----
-
-## 📁 Folder Structure
-
-```
-openmindwell/
-│
-├── backend/                              # Node.js Express backend
-│   ├── src/
-│   │   ├── config/
-│   │   │   └── index.ts                  # Config validation & export
-│   │   ├── lib/
-│   │   │   └── supabase.ts               # Supabase client & types
-│   │   ├── middleware/
-│   │   │   └── auth.ts                   # JWT authentication
-│   │   ├── routes/
-│   │   │   ├── journal.ts                # Journal CRUD endpoints
-│   │   │   ├── habits.ts                 # Habits CRUD + logging
-│   │   │   ├── resources.ts              # Resource listing
-│   │   │   ├── rooms.ts                  # Room & message queries
-│   │   │   └── moderation.ts             # Reporting & flagging
-│   │   ├── services/
-│   │   │   ├── crisisDetection.ts        # ✅ AI + keyword crisis detection
-│   │   │   └── chatServer.ts             # ✅ WebSocket server (COMPLETE)
-│   │   ├── scripts/
-│   │   │   └── setupDatabase.ts          # Helper for DB setup
-│   │   └── index.ts                      # Main Express server + WS init
-│   ├── database/
-│   │   └── schema.sql                    # PostgreSQL schema (CRITICAL)
-│   ├── .env.example                      # Backend env template
-│   ├── Dockerfile                        # Docker container config
-│   ├── package.json                      # Backend dependencies
-│   └── tsconfig.json                     # TypeScript config
-│
-├── frontend/                             # React + Vite frontend
-│   ├── src/
-│   │   ├── components/
-│   │   │   └── ChatRoom.tsx              # ✅ Real-time chat UI (NEW)
-│   │   ├── hooks/
-│   │   │   └── useWebSocket.ts           # ✅ WebSocket client hook (NEW)
-│   │   ├── pages/
-│   │   │   ├── Home.tsx                  # Landing page
-│   │   │   ├── Onboarding.tsx            # Nickname setup
-│   │   │   └── Dashboard.tsx             # ✅ Updated with ChatRoom
-│   │   ├── lib/
-│   │   │   ├── api.ts                    # REST API client
-│   │   │   └── supabase.ts               # Supabase auth client
-│   │   ├── App.tsx                       # React Router config
-│   │   ├── main.tsx                      # App entry point
-│   │   └── index.css                     # Tailwind styles
-│   ├── .env.example                      # Frontend env template
-│   ├── Dockerfile                        # ✅ Container config (NEW)
-│   ├── nginx.conf                        # ✅ Production server (NEW)
-│   ├── vite.config.ts                    # Vite configuration
-│   ├── tailwind.config.ts                # Tailwind config
-│   ├── postcss.config.js                 # PostCSS config
-│   ├── package.json                      # Frontend dependencies
-│   └── tsconfig.json                     # TypeScript config
-│
-├── .github/                              # (Future) CI/CD workflows
-├── docker-compose.yml                    # ✅ Self-hosting deployment (NEW)
-├── .gitignore
-├── OPENMINDWELL_PROJECT_GUIDE.md         # 📖 Complete guide (UPDATED)
-├── README.md
-├── CONTRIBUTING.md
-├── PROJECT_SUMMARY.md                    # Quick reference
-├── LICENSE
-└── package.json                          # Root scripts (npm run dev)
-├── .gitignore                            # Git ignore rules
-├── package.json                          # Monorepo scripts
-├── README.md                             # Project README
-├── LICENSE                               # MIT License
-├── CONTRIBUTING.md                       # Contribution guide
-├── OPENMINDWELL_PROJECT_GUIDE.md         # ← YOU ARE HERE
-└── PROJECT_SUMMARY.md                    # Quick reference checklist
-```
-
-### Key File Descriptions
-
-| File | Purpose |
-|------|---------|
-| `backend/database/schema.sql` | **MOST IMPORTANT** - Defines all database tables, RLS policies, and seed data. Run this in Supabase SQL editor. |
-| `backend/src/index.ts` | Main backend entry point. Starts Express server and WebSocket server. |
-| `backend/src/services/crisisDetection.ts` | Analyzes messages for mental health crises using HuggingFace AI and keyword patterns. |
-| `backend/src/services/chatServer.ts` | Manages WebSocket connections, room memberships, message broadcasting. |
-| `frontend/src/app/dashboard/page.tsx` | Main application interface with tabs for Rooms, Journal, Habits, Resources. |
-| `frontend/src/lib/api.ts` | HTTP client for backend API calls (journal, habits, etc.). |
-| `.env.example` files | Templates for environment variables. Copy to `.env` and fill in. |
-
----
-
-## 🔐 Environment Variables
-
-### Backend Variables (`backend/.env`)
-
-| Variable | Description | Example | Required? |
-|----------|-------------|---------|-----------|
-| `SUPABASE_URL` | Your Supabase project URL | `https://abc123.supabase.co` | ✅ Yes |
-| `SUPABASE_ANON_KEY` | Supabase anonymous/public key | `eyJhbG...` | ✅ Yes |
-| `SUPABASE_SERVICE_ROLE_KEY` | Supabase service role key (admin) | `eyJhbG...` | ✅ Yes |
-| `HUGGINGFACE_API_TOKEN` | HuggingFace API token | `hf_abc123...` | ⚠️ Optional* |
-| `FRONTEND_URL` | Frontend domain for CORS | `http://localhost:3000` | ✅ Yes |
-| `PORT` | Backend server port | `3001` | ⚠️ Optional** |
-| `RATE_LIMIT_WINDOW_MS` | Rate limit window (ms) | `900000` (15 min) | ❌ No |
-| `RATE_LIMIT_MAX_REQUESTS` | Max requests per window | `100` | ❌ No |
-
-*Falls back to keyword-based crisis detection if not provided.  
-**Defaults to `3001` if not set. Configure this on your server as needed.
-
-### Frontend Variables (`frontend/.env`)
-
-| Variable | Description | Example | Required? |
-|----------|-------------|---------|-----------|
-| `VITE_API_BASE_URL` | Backend API URL | `http://localhost:3001` | ✅ Yes |
-| `VITE_WS_URL` | WebSocket server URL | `ws://localhost:3001` | ✅ Yes |
-| `VITE_SUPABASE_URL` | Supabase project URL | `https://abc123.supabase.co` | ✅ Yes |
-| `VITE_SUPABASE_ANON_KEY` | Supabase anon key | `eyJhbG...` | ✅ Yes |
-
-**Production values:**
-- `VITE_API_BASE_URL`: `https://your-domain.com` (or your server IP)
-- `VITE_WS_URL`: `wss://your-domain.com` (or your server IP)
-
----
-
-## 🚀 Local Development Setup
-
-### Prerequisites
-
-- **Node.js** 18+ (check with `node -v`)
-- **npm** 9+ (check with `npm -v`)
-- **Git** (check with `git --version`)
-- **Supabase account** (free tier)
-- **HuggingFace account** (optional, free tier)
-
-### Step-by-Step Setup
-
-#### 1. Clone the Repository
-
-```bash
-git clone https://github.com/yourusername/openmindwell.git
-cd openmindwell
-```
-
-#### 2. Install Root Dependencies
-
-```bash
-npm install
-```
-
-This installs `concurrently` for running multiple servers.
-
-#### 3. Install Backend Dependencies
-
-```bash
-cd backend
-npm install
-cd ..
-```
-
-#### 4. Install Frontend Dependencies
-
-```bash
-cd frontend
-npm install
-cd ..
-```
-
-#### 5. Set Up Supabase
-
-1. Go to [supabase.com](https://supabase.com) and create a free account
-2. Click **"New Project"**
-3. Choose organization, name your project (e.g., `openmindwell`)
-4. Set a strong database password (save it!)
-5. Select a region (closest to you)
-6. Wait ~2 minutes for project to provision
-
-#### 6. Apply Database Schema
-
-1. In Supabase dashboard, click **"SQL Editor"** (left sidebar)
-2. Open `backend/database/schema.sql` in your code editor
-3. **Copy the entire file** (it's ~400 lines)
-4. Paste into Supabase SQL Editor
-5. Click **"Run"** (or press `Ctrl+Enter`)
-6. You should see success message and 8 tables created
-7. Click **"Table Editor"** to verify tables exist
-
-#### 7. Get Supabase Credentials
-
-1. In Supabase dashboard, click **"Project Settings"** (gear icon)
-2. Click **"API"** in left sidebar
-3. Copy these values:
-   - **Project URL** (under "Config")
-   - **anon public** key (under "Project API keys")
-   - **service_role** key (under "Project API keys" - click "Reveal")
-
-#### 8. Configure Backend Environment
-
-```bash
-cd backend
-cp .env.example .env
-```
-
-Edit `backend/.env`:
-```env
-SUPABASE_URL=https://your-project-id.supabase.co
-SUPABASE_ANON_KEY=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...
-SUPABASE_SERVICE_ROLE_KEY=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...
-HUGGINGFACE_API_TOKEN=hf_YourTokenHere  # Optional for now
-FRONTEND_URL=http://localhost:3000
-PORT=3001
-```
-
-#### 9. Configure Frontend Environment
-
-```bash
-cd ../frontend
-cp .env.example .env
-```
-
-Edit `frontend/.env`:
-```env
-VITE_API_BASE_URL=http://localhost:3001
-VITE_WS_URL=ws://localhost:3001
-VITE_SUPABASE_URL=https://your-project-id.supabase.co
-VITE_SUPABASE_ANON_KEY=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...
-```
-
-#### 10. Run the Application
-
-From the **root directory**:
-
-```bash
-npm run dev
-```
-
-This starts:
-- Backend on http://localhost:3001
-- Frontend on http://localhost:3000
-
-#### 11. Test the Application
-
-1. Open http://localhost:3000 in your browser
-2. You should see the landing page with crisis disclaimers
-3. Click **"Get Started"**
-4. Enter a nickname (e.g., `TestUser123`)
-5. Select an avatar emoji
-6. Click **"Continue"**
-7. You should see the dashboard with 4 tabs
-8. Click **"Support Rooms"** tab → see 6 pre-created rooms
-9. **✅ Click "Join Room →"** on any room
-10. **✅ Chat modal opens** with real-time WebSocket connection
-11. **✅ Type a message** and press Send → see it appear instantly
-12. **✅ Test crisis detection**: Type "I feel hopeless" → see message highlighted
-13. **✅ Test crisis alert**: Type "I want to hurt myself" → red banner appears with helplines
-14. Open a second browser window (incognito) and join the same room with a different nickname
-15. **✅ Send messages between windows** → see real-time sync
-16. Close one window → see "User left the room" notification
-
-#### 12. Verify Database
-
-In Supabase Table Editor, check:
-- **profiles** table has your new user
-- **rooms** table has 6 rooms
-- **resources** table has 8 resources
-
----
-
-## 🆓 Free Service Accounts Setup
-
-### Supabase (Database + Auth)
-
-**Free Tier Limits:**
-- 500 MB database storage
-- 2 GB bandwidth/month
-- 50,000 monthly active users
-- Unlimited API requests
-
-**Setup:**
-1. Go to [supabase.com](https://supabase.com)
-2. Click "Start your project"
-3. Sign up with GitHub (recommended)
-4. Create new organization (free)
-5. Create new project
-6. Save database password
-7. Wait for provisioning (~2 min)
-8. Apply schema from `backend/database/schema.sql`
-
-**Get Credentials:**
-- Project Settings → API
-- Copy URL and both API keys
-
-### HuggingFace (AI Crisis Detection)
-
-**Free Tier Limits:**
-- 1,000 API calls/day
-- Rate limit: 30 requests/min
-- Public models only
-
-**Setup:**
-1. Go to [huggingface.co](https://huggingface.co)
-2. Click "Sign Up" (use Google/GitHub)
-3. Verify email
-4. Click profile icon → Settings
-5. Click "Access Tokens" (left sidebar)
-6. Click "New token"
-7. Name: `openmindwell-crisis-detection`
-8. Role: **Read**
-9. Click "Generate"
-10. Copy token (starts with `hf_...`)
-11. Save in `backend/.env` as `HUGGINGFACE_API_TOKEN`
-
-**Optional:** If you skip this, the backend will use keyword-based detection (less accurate but functional).
-
----
-
-## 🌐 Self-Hosting Guide
-
-### Why Self-Host?
-
-- **100% Privacy**: Your data stays on your server
-- **No Vendor Lock-in**: Full control over your infrastructure
-- **Zero Recurring Costs**: Run on home server or cheap VPS (~$5/month)
-- **True Open Source**: Own your mental health platform
-
-### Hosting Options
-
-| Option | Cost | Difficulty | Best For |
-|--------|------|------------|----------|
-| **Home Server / Raspberry Pi** | $0 | Medium | Tech enthusiasts, full control |
-| **DigitalOcean Droplet** | $6/mo | Easy | Reliable, simple setup |
-| **Linode / Vultr VPS** | $5/mo | Easy | Budget-friendly |
-| **AWS EC2 Free Tier** | $0 (1 year) | Hard | Existing AWS users |
-| **Oracle Cloud Free Tier** | $0 (forever) | Medium | Free ARM instance |
-
-### Prerequisites
-
-- Linux server (Ubuntu 22.04 recommended)
-- Docker & Docker Compose installed
-- Domain name (optional, can use IP)
-- SSL certificate (Let's Encrypt free)
-
----
-
-## 📦 Docker Deployment (Recommended)
-
-### Step 1: Prepare Your Server
-
-```bash
-# Update system
-sudo apt update && sudo apt upgrade -y
-
-# Install Docker
-curl -fsSL https://get.docker.com -o get-docker.sh
-sudo sh get-docker.sh
-
-# Install Docker Compose
-sudo apt install docker-compose -y
-
-# Add your user to docker group
-sudo usermod -aG docker $USER
-newgrp docker
-```
-
-### Step 2: Clone Repository
-
-```bash
-git clone https://github.com/ZenYukti/OpenMindWell.git
-cd OpenMindWell
-```
-
-### Step 3: Configure Environment Variables
-
-```bash
-# Backend environment
-cp backend/.env.example backend/.env
-nano backend/.env
-# Fill in your Supabase credentials
-
-# Frontend environment
-cp frontend/.env.example frontend/.env
-nano frontend/.env
-# Update API URLs to your server domain/IP
-```
-
-### Step 4: Create Docker Compose File
-
-Create `docker-compose.yml` in project root:
-
-```yaml
-version: '3.8'
-
-services:
-  backend:
-    build:
-      context: ./backend
-      dockerfile: Dockerfile
-    ports:
-      - "3001:3001"
-    env_file:
-      - ./backend/.env
-    restart: unless-stopped
-    healthcheck:
-      test: ["CMD", "curl", "-f", "http://localhost:3001/health"]
-      interval: 30s
-      timeout: 10s
-      retries: 3
-
-  frontend:
-    build:
-      context: ./frontend
-      dockerfile: Dockerfile
-    ports:
-      - "80:80"
-    env_file:
-      - ./frontend/.env
-    depends_on:
-      - backend
-    restart: unless-stopped
-
-volumes:
-  backend_data:
-```
-
-### Step 5: Deploy
-
-```bash
-# Build and start containers
-docker-compose up -d
-
-# Check logs
-docker-compose logs -f
-
-# Verify running
-docker-compose ps
-```
-
-Your app is now live at `http://your-server-ip`!
-
----
-
-## 🔐 SSL Setup (Production)
-
-### Using Nginx + Let's Encrypt
-
-```bash
-# Install Nginx
-sudo apt install nginx certbot python3-certbot-nginx -y
-
-# Create Nginx config
-sudo nano /etc/nginx/sites-available/openmindwell
-```
-
-Add this configuration:
-
-```nginx
-server {
-    listen 80;
-    server_name your-domain.com www.your-domain.com;
-
-    # Frontend
-    location / {
-        proxy_pass http://localhost:80;
-        proxy_http_version 1.1;
-        proxy_set_header Upgrade $http_upgrade;
-        proxy_set_header Connection 'upgrade';
-        proxy_set_header Host $host;
-        proxy_cache_bypass $http_upgrade;
-    }
-
-    # Backend API
-    location /api {
-        proxy_pass http://localhost:3001;
-        proxy_http_version 1.1;
-        proxy_set_header Host $host;
-        proxy_set_header X-Real-IP $remote_addr;
-    }
-
-    # WebSocket
-    location /ws {
-        proxy_pass http://localhost:3001;
-        proxy_http_version 1.1;
-        proxy_set_header Upgrade $http_upgrade;
-        proxy_set_header Connection "Upgrade";
-        proxy_set_header Host $host;
-    }
-}
-```
-
-Enable and get SSL:
-
-```bash
-# Enable site
-sudo ln -s /etc/nginx/sites-available/openmindwell /etc/nginx/sites-enabled/
-sudo nginx -t
-sudo systemctl restart nginx
-
-# Get SSL certificate
-sudo certbot --nginx -d your-domain.com -d www.your-domain.com
-```
-
----
-
-## 🏠 Home Server / Raspberry Pi Deployment
-
-### Requirements
-- Raspberry Pi 4 (4GB+ RAM recommended)
-- MicroSD card (32GB+)
-- Stable internet connection
-- Static local IP or DDNS service
-
-### Setup
-
-1. **Install Raspberry Pi OS Lite (64-bit)**
-   - Use Raspberry Pi Imager
-   - Enable SSH in settings
-
-2. **Follow Docker deployment steps above**
-
-3. **Port Forwarding**
-   - Router settings: Forward ports 80 (HTTP) and 443 (HTTPS) to Pi's local IP
-
-4. **Dynamic DNS (if no static IP)**
-   - Use DuckDNS, No-IP, or Cloudflare
-   - Update DNS automatically with cron job
-
-### Power Management
-
-```bash
-# Auto-restart on reboot
-sudo systemctl enable docker
-docker update --restart unless-stopped $(docker ps -aq)
-```
-
----
-
-## ✅ Post-Deployment Checklist
-
-- [ ] Frontend loads without errors
-- [ ] Backend health check passes (`/health` or `/api/health`)
-- [ ] CORS is configured correctly
-- [ ] WebSocket connects successfully
-- [ ] Database queries work (check Supabase logs)
-- [ ] Crisis detection triggers (test with keyword "suicide")
-- [ ] Anonymous sign-in works
-- [ ] SSL certificate is valid (if using HTTPS)
-- [ ] Environment variables are set correctly
-- [ ] Firewall allows ports 80, 443, 3001
-
-### Monitoring Your Deployment
-
-```bash
-# Check container status
-docker-compose ps
-
-# View live logs
-docker-compose logs -f
-
-# Restart services
-docker-compose restart
-
-# Update to latest code
-git pull
-docker-compose down
-docker-compose up -d --build
-```
-
-### Troubleshooting
-
-**Frontend won't load:**
-- Check Docker logs: `docker-compose logs frontend`
-- Verify environment variables in `.env`
-- Ensure port 80 is not blocked by firewall
-
-**Backend errors:**
-- Check logs: `docker-compose logs backend`
-- Verify Supabase credentials are correct
-- Test database connection in Supabase dashboard
-- Ensure `schema.sql` was applied
-
-**WebSocket won't connect:**
-- Check Nginx configuration for WebSocket upgrade headers
-- Verify `wss://` protocol in frontend env vars
-- Test direct connection to port 3001
-
-**CORS errors:**
-- Check `FRONTEND_URL` in backend `.env`
-- Ensure it matches your domain exactly (include `https://`)
-- Restart backend after env changes
-
----
-
-## 🔒 Security & Privacy
-
-### Row Level Security (RLS)
-
-OpenMindWell uses PostgreSQL Row Level Security to ensure data privacy:
-
-**Profiles:**
-- Users can only read/update their own profile
-- Enforced by: `auth.uid() = user_id`
-
-**Journal Entries:**
-- **Completely private** - only visible to entry owner
-- No admin access
-- Enforced by: `auth.uid() = user_id`
-
-**Messages:**
-- Visible to all users in the same room
-- Enforced by: `room_id IN (SELECT id FROM rooms)`
-
-**Habits & Habit Logs:**
-- Users can only see/edit their own habits
-- Enforced by: `auth.uid() = user_id`
-
-**Resources:**
-- Public read access for all users
-- Only admins can insert/update
-
-**Reports:**
-- Users can create reports
-- Only moderators can view all reports
-
-### Authentication Flow
-
-1. User clicks "Get Started"
-2. Frontend calls `supabase.auth.signInAnonymously()`
-3. Supabase creates anonymous session (JWT token)
-4. Frontend receives session with `access_token`
-5. All API calls include: `Authorization: Bearer <access_token>`
-6. Backend validates JWT using Supabase public key
-7. Backend extracts `user_id` from token claims
-8. Database RLS policies enforce access based on `auth.uid()`
-
-### Anonymous vs Pseudonymous
-
-- **Anonymous**: No personal data (email, phone, real name)
-- **Pseudonymous**: Users choose a nickname + emoji avatar
-- **Session-based**: If user clears browser data, they lose access (by design for privacy)
-
-### Crisis Detection Privacy
-
-- Messages are analyzed for crisis keywords/emotions
-- No data is sent to third parties except HuggingFace (temporary processing)
-- HuggingFace does NOT store messages
-- Risk levels are stored in database for moderation only
-
-### Data Retention
-
-- **Messages**: Kept indefinitely (for moderation/context)
-- **Journal Entries**: Kept until user deletes
-- **Accounts**: Anonymous accounts are permanent (no deletion flow yet)
-- **Logs**: Backend logs rotate after 7 days (Render/Railway default)
-
-### Moderation Best Practices
-
-- All moderators should complete training (TODO: create guide)
-- Review flagged messages within 24 hours
-- Escalate critical risk messages to platform admins
-- Never share user data outside platform
-- Ban users only for severe violations (spam, abuse, illegal content)
-
-### Vulnerabilities to Monitor
-
-- **SQL Injection**: Mitigated by parameterized queries via Supabase client
-- **XSS**: Mitigated by React's auto-escaping
-- **CSRF**: Mitigated by SameSite cookies + JWT
-- **Rate Limiting**: Implemented in backend (100 req/15min per IP)
-- **DDoS**: Mitigated by Vercel/Render infrastructure
-
----
-
-## 🤝 Contributing
-
-### Ways to Contribute
-
-- 🐛 **Bug Reports**: Open GitHub issues
-- ✨ **Feature Requests**: Use issue templates
-- 📝 **Documentation**: Improve this guide
-- 💻 **Code**: Submit pull requests
-- 🎨 **Design**: UI/UX improvements
-- 🌍 **Localization**: Translate to other languages
-
-### Development Workflow
-
-1. **Fork** the repository on GitHub
-2. **Clone** your fork: `git clone https://github.com/yourusername/openmindwell.git`
-3. **Install dependencies**: `npm install` (root, then backend, then frontend)
-4. **Set up environment**: Copy `.env.example` files and configure
-5. **Apply DB schema**: Run `schema.sql` in Supabase SQL Editor
-6. **Create branch**: `git checkout -b feature/your-feature`
-7. **Start dev servers**: `npm run dev` from root directory
-8. **Make changes** and test locally:
-   - Backend changes: Check http://localhost:3001/health
-   - Frontend changes: Hot reload at http://localhost:3000
-   - WebSocket changes: Test in chat rooms with multiple browser tabs
-   - Database changes: Verify in Supabase Table Editor
-9. **Test crisis detection**: Send messages with keywords like "hopeless", "suicide"
-10. **Commit**: `git commit -m "feat: add new feature"`
-11. **Push**: `git push origin feature/your-feature`
-12. **Open Pull Request** on GitHub with description of changes
-
-### Commit Message Convention
-
-Use [Conventional Commits](https://www.conventionalcommits.org/):
-
-- `feat:` - New feature
-- `fix:` - Bug fix
-- `docs:` - Documentation changes
-- `style:` - Code style (formatting, no logic change)
-- `refactor:` - Code restructuring
-- `test:` - Adding tests
-- `chore:` - Maintenance tasks
-
-Examples:
-```
-feat: add breathing exercise timer
-fix: resolve WebSocket reconnection bug
-docs: update deployment guide for Railway
-```
-
-### Code of Conduct
-
-**We are committed to:**
-- Respectful and inclusive communication
-- Constructive feedback
-- Prioritizing user safety and privacy
-- Transparency in decision-making
-
-**Zero tolerance for:**
-- Harassment, hate speech, or discrimination
-- Sharing private user data
-- Malicious code or security exploits
-- Spam or off-topic content
-
-**Reporting:** Email conduct@openmindwell.org (TODO: set up)
-
-### Getting Help
-
-- 💬 **GitHub Discussions**: Ask questions, share ideas
-- 📧 **Email**: support@openmindwell.org (TODO)
-- 💻 **Discord**: Coming soon
-
----
-
-## 🗺️ Roadmap
-
-### Phase 1: Foundation ✅ COMPLETE
-- [x] Anonymous authentication
-- [x] Basic chat rooms (6 pre-created)
-- [x] **Real-time chat UI (WebSocket client)** ✅ NEW
-- [x] **WebSocket auto-reconnection** ✅ NEW
-- [x] **Message history loading** ✅ NEW
-- [x] **User join/leave events** ✅ NEW
-- [x] AI crisis detection (HuggingFace + keywords)
-- [x] **Crisis alerts in chat** ✅ NEW
-- [x] Private journaling
-- [x] Habit tracking
-- [x] Resource library
-- [x] Moderation system (backend ready)
-- [x] **Self-hosting deployment (Docker)** ✅ NEW
-- [x] **Production Nginx config** ✅ NEW
-
-### Phase 2: Enhanced UX (Next 3 Months)
-- [ ] Notification system (new messages, @mentions)
-- [ ] User profiles (bio, status, preferred pronouns)
-- [ ] Direct messaging (1-on-1 private chats)
-- [ ] Emoji reactions on messages
-- [ ] Message editing/deletion
-- [ ] Dark mode toggle
-- [ ] Mobile-responsive chat improvements
-- [ ] Voice messages (optional)
-- [ ] File sharing (images only, moderated)
-
-### Phase 3: Community Features (3-6 Months)
-- [ ] Guided meditation audio
-- [ ] Breathing exercise timer
-- [ ] Mood tracking visualizations
-- [ ] Habit streak leaderboard (opt-in)
-- [ ] Volunteer application flow
-- [ ] Peer support badge system
-- [ ] Weekly wellness challenges
-
-### Phase 4: Scale & Localization (6-12 Months)
-- [ ] Internationalization (Spanish, French, Hindi, etc.)
-- [ ] Mobile apps (React Native)
-- [ ] Advanced moderation (auto-ban repeat offenders)
-- [ ] Analytics dashboard (aggregate stats)
-- [ ] Professional referral network
-- [ ] Integration with external crisis lines
-- [ ] Offline mode (PWA)
-
-### Long-Term Vision
-- [ ] AI therapy chatbot (ethical, limited scope)
-- [ ] Video/audio chat rooms
-- [ ] Support groups with facilitators
-- [ ] Research partnerships (anonymized data)
-- [ ] Fundraising for free tier expansion
-- [ ] Certification program for moderators
-
----
-
-## 📞 Support & Contact
-
-### For Users
-- **In Crisis?** Call 988 (US) or visit findahelpline.com
-- **Technical Issues**: GitHub Issues
-- **General Questions**: support@openmindwell.org (TODO)
-
-### For Contributors
-- **GitHub**: [github.com/yourusername/openmindwell](https://github.com/yourusername/openmindwell)
-- **Discussions**: GitHub Discussions tab
-- **Discord**: Coming soon
-
-### For Researchers
-- **Data Access**: Contact research@openmindwell.org (TODO)
-- **Partnerships**: partnerships@openmindwell.org (TODO)
-
----
-
-## 📄 License
-
-MIT License - See [LICENSE](./LICENSE) file.
-
-**Ethical Use Clause:**  
-While this software is open-source, we ask that derivative works:
-1. Maintain prominent mental health crisis disclaimers
-2. Do NOT claim to provide professional medical services
-3. Respect user privacy and anonymity
-4. Contribute improvements back to the community
-
----
-
-## 🙏 Acknowledgments
-
-- **Supabase** - For generous free tier and excellent DX
-- **HuggingFace** - For democratizing AI/ML access
-- **Vercel** - For seamless Next.js hosting
-- **Render/Railway** - For free backend hosting
-- **Mental health advocates** - For inspiration and guidance
-- **Open-source community** - For tools and support
-
----
-
-## 📚 Additional Resources
-
-### Mental Health Organizations
-- **NAMI** (National Alliance on Mental Illness): nami.org
-- **Mental Health America**: mhanational.org
-- **Crisis Text Line**: crisistextline.org
-
-### Development Resources
-- **Next.js Docs**: nextjs.org/docs
-- **Supabase Docs**: supabase.com/docs
-- **TypeScript Handbook**: typescriptlang.org/docs
-
-### Similar Projects
-- **7 Cups**: 7cups.com (peer support chat)
-- **TalkLife**: talklife.com (anonymous community)
-- **Wysa**: wysa.io (AI chatbot)
-
----
-
-**Last Updated**: November 23, 2024  
-**Version**: 1.0.0  
-**Maintainers**: OpenMindWell Core Team
-
----
-
-*Built with 💙 by people who care about mental wellness*
-
-*Remember: It's okay to not be okay. Seeking help is a sign of strength.*
diff --git a/PROJECT_SUMMARY.md b/PROJECT_SUMMARY.md
deleted file mode 100644
index 897d67a..0000000
--- a/PROJECT_SUMMARY.md
+++ /dev/null
@@ -1,215 +0,0 @@
-# Project Summary
-
-**OpenMindWell** - Complete open-source mental health support platform
-
-## ✅ What Has Been Created
-
-### 1. **Backend** (Node.js + Express + TypeScript + WebSocket)
-- ✅ Complete REST API for journal, habits, resources, rooms, moderation
-- ✅ **WebSocket chat server with real-time messaging** (FULLY IMPLEMENTED)
-- ✅ **Room-based chat architecture** with user join/leave events
-- ✅ **Auto-reconnection with heartbeat/ping** (30s interval)
-- ✅ **Message history** (last 50 messages loaded on room join)
-- ✅ AI-powered crisis detection (HuggingFace API + keyword fallback)
-- ✅ **Crisis alerts broadcast in real-time** with helpline numbers
-- ✅ Supabase integration (PostgreSQL + Auth)
-- ✅ Rate limiting and security middleware
-- ✅ Deployment configs (Dockerfile for self-hosting)
-- ✅ Database schema with Row Level Security
-
-### 2. **Frontend** (React 18 + Vite + TypeScript + Tailwind CSS)
-- ✅ Landing page with crisis disclaimers
-- ✅ Anonymous onboarding flow
-- ✅ Dashboard with tabbed navigation
-- ✅ **Real-time chat UI (ChatRoom component)** - FULLY FUNCTIONAL
-- ✅ **useWebSocket custom hook** with auto-reconnect
-- ✅ **Crisis alert banners** with US & India helplines
-- ✅ **Message history display** with auto-scroll
-- ✅ **Connection status indicators**
-- ✅ **Visual crisis highlighting** (red background for high-risk messages)
-- ✅ Support rooms interface with "Join Room" functionality
-- ✅ Journal, habits, resources tabs
-- ✅ Responsive design with Tailwind CSS
-- ✅ Supabase Auth integration
-- ✅ React Router for navigation
-
-### 3. **Database** (Supabase PostgreSQL)
-- ✅ Complete schema with 8 tables:
-  - profiles, rooms, messages, journal_entries
-  - habits, habit_logs, resources, reports, volunteers
-- ✅ Row Level Security policies
-- ✅ Seed data (6 rooms, 8 resources)
-- ✅ Automatic timestamps and triggers
-
-### 4. **Documentation**
-- ✅ **OPENMINDWELL_PROJECT_GUIDE.md** - Comprehensive 800+ line guide
-  - Project overview and safety disclaimers
-  - Complete tech stack documentation
-  - Architecture diagrams
-  - Environment variable reference
-  - Step-by-step local setup
-  - Free service account creation guides
-  - Self-hosting deployment instructions (Docker, VPS)
-  - Security and privacy guidelines
-  - Contribution guide with code of conduct
-  - Future roadmap
-- ✅ README.md - Quick project overview
-- ✅ CONTRIBUTING.md - Contributor guidelines
-- ✅ LICENSE - MIT License
-
-### 5. **Deployment Ready**
-- ✅ All environment variable configs
-- ✅ **Docker Compose setup** (frontend + backend)
-- ✅ **Frontend Dockerfile** (multi-stage build with Nginx)
-- ✅ **Backend Dockerfile** with health checks
-- ✅ **Nginx configuration** for production
-- ✅ WebSocket proxy support (ws:// and wss://)
-- ✅ Self-hosting configuration (VPS, home server, Raspberry Pi)
-- ✅ Health check endpoint
-- ✅ CORS properly configured
-
-## 🚀 Quick Start
-
-```bash
-# Install dependencies
-npm install
-
-# Set up environment variables
-cp backend/.env.example backend/.env
-cp frontend/.env.example frontend/.env
-# (Edit .env files with your Supabase credentials)
-
-# Run both servers
-npm run dev
-```
-
-Visit: http://localhost:3000
-
-## 📋 Next Steps
-
-1. **Set up free accounts** (see guide):
-   - Supabase (database + auth)
-   - HuggingFace (AI detection)
-
-2. **Apply database schema**:
-   - Copy `backend/database/schema.sql`
-   - Paste into Supabase SQL Editor
-   - Run
-
-3. **Test locally**:
-   - Create anonymous account
-   - **Join a chat room** → Real-time WebSocket chat
-   - **Send messages** → See instant delivery
-   - **Test crisis detection** → Type "I feel hopeless"
-   - **Multi-tab test** → Open 2 browsers, chat between them
-   - Create journal entry
-   - Log a habit
-
-4. **Deploy** (optional):
-   - Self-host on VPS (DigitalOcean, Linode, AWS EC2)
-   - Or run on home server / Raspberry Pi
-
-## 🔒 Safety Features
-
-- ✅ Prominent crisis disclaimers throughout app
-- ✅ AI crisis detection on all chat messages
-- ✅ Automatic crisis resource warnings
-- ✅ Moderator flagging system
-- ✅ User reporting functionality
-- ✅ Row-level security on all data
-- ✅ Anonymous/pseudonymous accounts only
-
-## 🌟 Key Features
-
-- **✅ Anonymous Chat Rooms** - 6 pre-created support topics with REAL-TIME messaging
-- **✅ WebSocket Communication** - Instant message delivery, auto-reconnection, presence tracking
-- **✅ AI Crisis Detection** - HuggingFace emotion analysis + keyword patterns (active in chat)
-- **✅ Crisis Alerts** - Real-time red banners with US (988) & India (9152987821) helplines
-- **Private Journaling** - Mood tracking and tags
-- **Habit Tracking** - Streaks and completion logs
-- **Resource Library** - Hotlines, exercises, articles
-- **Volunteer System** - Moderation and support roles (backend ready)
-
-## 📊 Self-Hosted Stack
-
-- **Database**: Supabase (free tier: 500MB DB, 2GB bandwidth/month) or self-hosted PostgreSQL
-- **AI Detection**: HuggingFace (free tier: 1000 API calls/day) or keyword-based fallback
-- **Hosting**: Your own server (VPS ~$5/month or free on home server)
-
-**Cost: $0-5/month depending on hosting choice**
-
-## 📁 File Structure
-
-```
-openmindwell/
-├── backend/                 # Node.js + Express + WebSocket
-│   ├── src/
-│   │   ├── index.ts        # Main server + WebSocket init
-│   │   ├── routes/         # REST API endpoints
-│   │   ├── services/       # ✅ chatServer.ts + crisisDetection.ts
-│   │   └── middleware/     # Auth, security
-│   ├── database/
-│   │   └── schema.sql      # Complete DB schema
-│   └── Dockerfile          # Container config
-│
-├── frontend/               # React + Vite + WebSocket
-│   ├── src/
-│   │   ├── components/     # ✅ ChatRoom.tsx (NEW)
-│   │   ├── hooks/          # ✅ useWebSocket.ts (NEW)
-│   │   ├── pages/          # Home, Dashboard, Onboarding
-│   │   └── lib/            # API clients
-│   ├── Dockerfile          # ✅ Multi-stage build (NEW)
-│   └── nginx.conf          # ✅ Production server (NEW)
-│
-├── docker-compose.yml      # ✅ Full stack deployment (NEW)
-├── OPENMINDWELL_PROJECT_GUIDE.md  # 📖 Complete guide (UPDATED)
-├── README.md
-├── CONTRIBUTING.md
-├── PROJECT_SUMMARY.md      # This file
-└── package.json
-```
-
-## 🎯 Ready for
-
-- ✅ Local development
-- ✅ Production deployment
-- ✅ Open source collaboration
-- ✅ GSoC/Hacktoberfest/etc.
-- ✅ Portfolio demonstration
-
-## ⚠️ Important Notes
-
-1. **NOT medical software** - Peer support only
-2. **Apply DB schema** before running backend
-3. **Set all env variables** in `.env` files
-4. **Review security settings** before production deploy
-5. **Test crisis detection** to understand limitations
-
-## 📚 Read This First
-
-**→ [OPENMINDWELL_PROJECT_GUIDE.md](./OPENMINDWELL_PROJECT_GUIDE.md)**
-
-This 800+ line guide contains EVERYTHING you need to:
-- Set up locally
-- Create free accounts
-- Deploy to production
-- Contribute to the project
-- Understand security considerations
-
-## 🤝 Contributing
-
-See [CONTRIBUTING.md](./CONTRIBUTING.md)
-
-All contributions welcome - from typo fixes to major features!
-
-## 📞 Support
-
-- GitHub Issues: Bug reports and feature requests
-- GitHub Discussions: Questions and ideas
-- Email: support@zenyukti.in (TODO: set up)
-
----
-
-**Built with 💙 for mental wellness**
-
-*Remember: This platform supplements but never replaces professional mental health care.*
diff --git a/README.md b/README.md
deleted file mode 100644
index ce69c0c..0000000
--- a/README.md
+++ /dev/null
@@ -1,254 +0,0 @@
-# OpenMindWell 🌱
-
-![Landing Page Glimpse for OpenMindWell](image.png)
-
-![License](https://img.shields.io/badge/license-MIT-blue.svg)
-![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)
-![Built by](https://img.shields.io/badge/Built%20by-Team%20ZenYukti-purple)
-![Self-Hosted](https://img.shields.io/badge/deployment-self--hosted-orange)
-
-**A compassionate, AI-powered mental health support platform**
-
-> 🏠 **Self-Hosted Project**: OpenMindWell is designed to be deployed by each user with their own infrastructure. There is no central hosted instance - users maintain full control of their data and deployment.
-
-> ⚠️ **IMPORTANT DISCLAIMER**: OpenMindWell is NOT a substitute for professional mental health care. If you are in crisis, please contact emergency services or a crisis hotline immediately.
-
-## 🌟 Features
-
-- **Anonymous Chat Rooms** - Join peer support groups without revealing identity
-- **AI Crisis Detection** - Automatic detection of concerning messages with resource suggestions
-- **Private Journaling** - Track mood, thoughts, and personal reflections
-- **Habit Tracking** - Build positive daily habits with streak tracking
-- **Resource Library** - Curated mental health resources, hotlines, and exercises
-- **Volunteer Moderation** - Community-driven safety and support
-
-## 🚀 Quick Start
-
-### Prerequisites
-- Node.js 18+
-- Supabase account (free tier)
-- HuggingFace account (free tier)
-
-### Installation
-
-1. **Clone the repository**
-```bash
-git clone https://github.com/YOUR_USERNAME/OpenMindWell.git
-cd OpenMindWell
-```
-
-2. **Install dependencies**
-```bash
-npm install
-cd backend && npm install && cd ..
-cd frontend && npm install && cd ..
-```
-
-3. **Set up Supabase**
-   - Create a free account at [supabase.com](https://supabase.com)
-   - Create a new project
-   - Go to SQL Editor and run `database/schema.sql`
-   - Enable Anonymous authentication: Authentication → Providers → Anonymous (toggle ON)
-   - Disable CAPTCHA for development: Authentication → Settings → Disable CAPTCHA
-
-4. **Configure environment variables**
-
-**Backend** (`backend/.env`):
-```env
-SUPABASE_URL=your_supabase_project_url
-SUPABASE_ANON_KEY=your_anon_key
-SUPABASE_SERVICE_KEY=your_service_role_key
-HUGGINGFACE_API_KEY=your_hf_token
-FRONTEND_URL=http://localhost:3000
-PORT=3001
-```
-
-**Frontend** (`frontend/.env`):
-```env
-VITE_SUPABASE_URL=your_supabase_project_url
-VITE_SUPABASE_ANON_KEY=your_anon_key
-VITE_API_BASE_URL=http://localhost:3001
-VITE_WS_URL=ws://localhost:3001
-```
-
-5. **Get API keys**
-   - **Supabase**: Project Settings → API (URL, anon key, service_role key)
-   - **HuggingFace**: [huggingface.co/settings/tokens](https://huggingface.co/settings/tokens) → New Token (Read access)
-
-6. **Run the application**
-```bash
-# From root directory
-npm run dev
-```
-
-- Frontend: http://localhost:3000
-- Backend: http://localhost:3001
-
-## 🌐 Deployment
-
-OpenMindWell is a **self-hosted application**. Each deployment requires:
-- Your own Supabase account (free tier available)
-- Your own HuggingFace API token (free tier available)
-- Hosting platform of your choice
-
-### Recommended Deployment Options:
-
-**Option 1: Cloud Hosting (Recommended for production)**
-- **Frontend**: [Vercel](https://vercel.com) (free tier)
-  1. Import GitHub repository
-  2. Add environment variables from `frontend/.env.example`
-  3. Deploy automatically from main branch
-  
-- **Backend**: [Render](https://render.com) or [Railway](https://railway.app) (free tier)
-  1. Connect GitHub repository
-  2. Set build command: `cd backend && npm install && npm run build`
-  3. Set start command: `cd backend && npm start`
-  4. Add environment variables from `backend/.env.example`
-
-**Option 2: Self-Hosted (Full control)**
-- Deploy on your own VPS (DigitalOcean, AWS, etc.)
-- Use Docker containers (Dockerfile included in backend)
-- Run with PM2 or systemd for process management
-
-**Option 3: Local Network**
-- Run on local machine for personal use
-- Great for testing and development
-
-**Important Notes:**
-- 🔒 Each user maintains their own database and API keys
-- 🌍 No central hosted instance exists
-- 💰 All infrastructure costs are borne by the deployer
-- 🛡️ You control data privacy and security
-
-See [OPENMINDWELL_PROJECT_GUIDE.md](OPENMINDWELL_PROJECT_GUIDE.md) for detailed deployment instructions.
-
-## 🚀 Quick Start
-
-```bash
-# Clone the repository
-git clone https://github.com/yourusername/openmindwell.git
-cd openmindwell
-
-# Install dependencies
-npm install
-
-# Set up environment variables
-cp backend/.env.example backend/.env
-cp frontend/.env.example frontend/.env
-# Edit .env files with your credentials
-
-# Run both servers
-npm run dev
-```
-
-Visit http://localhost:3000
-
-## 📚 Documentation
-
-**READ THIS FIRST:** [OPENMINDWELL_PROJECT_GUIDE.md](./OPENMINDWELL_PROJECT_GUIDE.md)
-
-This comprehensive guide contains:
-- Complete setup instructions
-- Free service account creation
-- Deployment guides
-- Security considerations
-- Contribution guidelines
-
-## 🛠️ Tech Stack
-
-**100% Free Services:**
-- **Frontend**: React 18, Vite, React Router, TypeScript, Tailwind CSS → Vercel/Netlify
-- **Backend**: Node.js, Express, WebSocket, TypeScript → Render/Railway
-- **Database**: Supabase (PostgreSQL + Auth)
-- **AI**: HuggingFace Inference API (emotion detection)
-
-## 📁 Project Structure
-
-```
-openmindwell/
-├── backend/           # Express API + WebSocket server
-├── frontend/          # React + Vite application
-├── OPENMINDWELL_PROJECT_GUIDE.md
-├── CONTRIBUTING.md
-└── package.json       # Monorepo scripts
-```
-
-## 🔒 Safety Features
-
-- Prominent crisis disclaimers throughout the app
-- AI-powered crisis detection on all messages
-- Automatic resource suggestions
-- User reporting and moderation system
-- Anonymous/pseudonymous accounts only
-- Row-level security on all data
-
-## 🤝 Contributing
-
-We welcome contributions! See [CONTRIBUTING.md](./CONTRIBUTING.md) for guidelines.
-
-Perfect for:
-- 🎓 GSoC, Hacktoberfest, WoC programs
-- 💼 Portfolio projects
-- 🌍 Making a social impact
-
-## 📞 Crisis Resources
-
-**If you're in crisis:**
-
-**🇺🇸 United States:**
-- **988 Suicide & Crisis Lifeline**: Call/Text 988
-- **Crisis Text Line**: Text HOME to 741741
-
-**🇮🇳 India:**
-- **iCall Psychosocial Helpline**: 9152987821 (Mon-Sat, 8 AM - 10 PM IST)
-- **KIRAN Mental Health Helpline**: 1800-599-0019 (24/7, Toll-free)
-
-**🌍 International**: [findahelpline.com](https://findahelpline.com)
-
-## 📄 License
-
-MIT License - See [LICENSE](./LICENSE) for details
-
-## ⚠️ Ethical Use
-
-This platform is designed to:
-- ✅ Provide peer support and community
-- ✅ Share coping strategies and resources
-- ✅ Reduce stigma around mental health
-
-This platform is NOT:
-- ❌ A replacement for therapy or medical treatment
-- ❌ Qualified to diagnose or treat mental health conditions
-- ❌ A crisis intervention service
-
----
-
-## 🤝 Contributing
-
-We welcome contributions from the community! OpenMindWell is built with the mission to make mental health support accessible to everyone.
-
-**Ways to Contribute:**
-- 🐛 Report bugs and issues
-- 💡 Suggest new features
-- 🔧 Submit pull requests
-- 📖 Improve documentation
-- 🌍 Translate to other languages
-
-See [CONTRIBUTING.md](CONTRIBUTING.md) for guidelines.
-
----
-
-## 💜 Built by Team ZenYukti
-
-**[ZenYukti](https://zenyukti.in)** - Building innovative solutions for mental wellness and personal growth.
-
-**Connect with us:**
-- 🌐 Website: [zenyukti.in](https://zenyukti.in)
-- 💼 LinkedIn: [linkedin.com/company/zenyukti](https://linkedin.com/company/zenyukti)
-- 🐦 Twitter/X: [@zenyukti](https://x.com/zenyukti)
-- 💬 Discord: [Join our community](https://go.zenyukti.in/discord)
-- 📸 Instagram: [@zenyukti](https://instagram.com/zenyukti)
-
----
-
-*Remember: Seeking professional help is a sign of strength, not weakness.* 💙
diff --git a/backend/.env.example b/backend/.env.example
deleted file mode 100644
index 8fa3f1d..0000000
--- a/backend/.env.example
+++ /dev/null
@@ -1,21 +0,0 @@
-# Backend Environment Variables
-# Copy this to .env and fill in your actual values
-
-# Supabase Configuration (get from https://app.supabase.com → Project Settings → API)
-SUPABASE_URL=https://your-project-id.supabase.co
-SUPABASE_ANON_KEY=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...
-SUPABASE_SERVICE_ROLE_KEY=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...
-
-# HuggingFace API Token (optional - get from https://huggingface.co/settings/tokens)
-# If not provided, crisis detection will use keyword-based fallback
-HUGGINGFACE_API_TOKEN=hf_YourTokenHere
-
-# Frontend URL (for CORS whitelist)
-FRONTEND_URL=http://localhost:3000
-
-# Server Configuration
-PORT=3001
-
-# Rate Limiting (optional - defaults shown)
-RATE_LIMIT_WINDOW_MS=900000
-RATE_LIMIT_MAX_REQUESTS=100
diff --git a/backend/Dockerfile b/backend/Dockerfile
deleted file mode 100644
index bd38cb6..0000000
--- a/backend/Dockerfile
+++ /dev/null
@@ -1,41 +0,0 @@
-# Multi-stage build for smaller production image
-FROM node:18-alpine AS builder
-
-WORKDIR /app
-
-# Copy package files
-COPY package*.json ./
-COPY tsconfig.json ./
-
-# Install all dependencies (including dev)
-RUN npm ci
-
-# Copy source code
-COPY src ./src
-
-# Build TypeScript
-RUN npm run build
-
-# Production stage
-FROM node:18-alpine
-
-WORKDIR /app
-
-# Copy package files
-COPY package*.json ./
-
-# Install only production dependencies
-RUN npm ci --only=production
-
-# Copy built code from builder
-COPY --from=builder /app/dist ./dist
-
-# Expose port (configure as needed for your server)
-EXPOSE 3001
-
-# Health check
-HEALTHCHECK --interval=30s --timeout=3s --start-period=5s --retries=3 \
-  CMD node -e "require('http').get('http://localhost:3001/health', (r) => {process.exit(r.statusCode === 200 ? 0 : 1)})"
-
-# Start server
-CMD ["node", "dist/index.js"]
diff --git a/backend/database/schema.sql b/backend/database/schema.sql
deleted file mode 100644
index 5265007..0000000
--- a/backend/database/schema.sql
+++ /dev/null
@@ -1,319 +0,0 @@
--- OpenMindWell Database Schema
--- PostgreSQL 15+ with Row Level Security (RLS)
--- Apply this in Supabase SQL Editor
-
--- Enable UUID extension
-CREATE EXTENSION IF NOT EXISTS "uuid-ossp";
-
--- ========================================
--- TABLES
--- ========================================
-
--- Profiles table (user information)
-CREATE TABLE IF NOT EXISTS profiles (
-  user_id UUID PRIMARY KEY REFERENCES auth.users(id) ON DELETE CASCADE,
-  nickname VARCHAR(50) NOT NULL,
-  avatar VARCHAR(10) NOT NULL,
-  is_moderator BOOLEAN DEFAULT FALSE,
-  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
-);
-
--- Rooms table (chat rooms)
-CREATE TABLE IF NOT EXISTS rooms (
-  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
-  name VARCHAR(100) NOT NULL,
-  description TEXT,
-  category VARCHAR(50) NOT NULL,
-  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
-);
-
--- Messages table (chat messages with crisis detection)
-CREATE TABLE IF NOT EXISTS messages (
-  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
-  room_id UUID NOT NULL REFERENCES rooms(id) ON DELETE CASCADE,
-  user_id UUID NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE,
-  content TEXT NOT NULL,
-  risk_level VARCHAR(20) DEFAULT 'none' CHECK (risk_level IN ('none', 'low', 'medium', 'high', 'critical')),
-  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
-);
-
--- Journal entries table (private journaling)
-CREATE TABLE IF NOT EXISTS journal_entries (
-  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
-  user_id UUID NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE,
-  title VARCHAR(200) NOT NULL,
-  content TEXT NOT NULL,
-  mood INT CHECK (mood >= 1 AND mood <= 5),
-  tags TEXT[] DEFAULT '{}',
-  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
-  updated_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
-);
-
--- Habits table (user habits)
-CREATE TABLE IF NOT EXISTS habits (
-  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
-  user_id UUID NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE,
-  name VARCHAR(100) NOT NULL,
-  description TEXT,
-  frequency VARCHAR(20) DEFAULT 'daily' CHECK (frequency IN ('daily', 'weekly')),
-  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
-);
-
--- Habit logs table (habit completion tracking)
-CREATE TABLE IF NOT EXISTS habit_logs (
-  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
-  habit_id UUID NOT NULL REFERENCES habits(id) ON DELETE CASCADE,
-  user_id UUID NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE,
-  completed_at TIMESTAMP WITH TIME ZONE DEFAULT NOW(),
-  notes TEXT
-);
-
--- Resources table (mental health resources)
-CREATE TABLE IF NOT EXISTS resources (
-  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
-  title VARCHAR(200) NOT NULL,
-  description TEXT NOT NULL,
-  url TEXT,
-  category VARCHAR(50) NOT NULL CHECK (category IN ('hotline', 'article', 'exercise', 'video')),
-  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
-);
-
--- Reports table (user reports for moderation)
-CREATE TABLE IF NOT EXISTS reports (
-  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
-  message_id UUID NOT NULL REFERENCES messages(id) ON DELETE CASCADE,
-  reported_by UUID NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE,
-  reason TEXT NOT NULL,
-  status VARCHAR(20) DEFAULT 'pending' CHECK (status IN ('pending', 'reviewed', 'resolved')),
-  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
-);
-
--- Volunteers table (moderators/peer supporters)
-CREATE TABLE IF NOT EXISTS volunteers (
-  id UUID PRIMARY KEY DEFAULT uuid_generate_v4(),
-  user_id UUID NOT NULL REFERENCES auth.users(id) ON DELETE CASCADE,
-  role VARCHAR(50) DEFAULT 'moderator',
-  is_active BOOLEAN DEFAULT TRUE,
-  created_at TIMESTAMP WITH TIME ZONE DEFAULT NOW()
-);
-
--- ========================================
--- ROW LEVEL SECURITY (RLS) POLICIES
--- ========================================
-
--- Enable RLS on all tables
-ALTER TABLE profiles ENABLE ROW LEVEL SECURITY;
-ALTER TABLE rooms ENABLE ROW LEVEL SECURITY;
-ALTER TABLE messages ENABLE ROW LEVEL SECURITY;
-ALTER TABLE journal_entries ENABLE ROW LEVEL SECURITY;
-ALTER TABLE habits ENABLE ROW LEVEL SECURITY;
-ALTER TABLE habit_logs ENABLE ROW LEVEL SECURITY;
-ALTER TABLE resources ENABLE ROW LEVEL SECURITY;
-ALTER TABLE reports ENABLE ROW LEVEL SECURITY;
-ALTER TABLE volunteers ENABLE ROW LEVEL SECURITY;
-
--- Profiles policies
-CREATE POLICY "Users can view all profiles"
-  ON profiles FOR SELECT
-  USING (TRUE);
-
-CREATE POLICY "Users can insert their own profile"
-  ON profiles FOR INSERT
-  WITH CHECK (auth.uid() = user_id);
-
-CREATE POLICY "Users can update their own profile"
-  ON profiles FOR UPDATE
-  USING (auth.uid() = user_id);
-
--- Rooms policies (public read)
-CREATE POLICY "Anyone can view rooms"
-  ON rooms FOR SELECT
-  USING (TRUE);
-
--- Messages policies
-CREATE POLICY "Users can view messages in any room"
-  ON messages FOR SELECT
-  USING (TRUE);
-
-CREATE POLICY "Authenticated users can insert messages"
-  ON messages FOR INSERT
-  WITH CHECK (auth.uid() = user_id);
-
--- Journal entries policies (completely private)
-CREATE POLICY "Users can only view their own journal entries"
-  ON journal_entries FOR SELECT
-  USING (auth.uid() = user_id);
-
-CREATE POLICY "Users can insert their own journal entries"
-  ON journal_entries FOR INSERT
-  WITH CHECK (auth.uid() = user_id);
-
-CREATE POLICY "Users can update their own journal entries"
-  ON journal_entries FOR UPDATE
-  USING (auth.uid() = user_id);
-
-CREATE POLICY "Users can delete their own journal entries"
-  ON journal_entries FOR DELETE
-  USING (auth.uid() = user_id);
-
--- Habits policies
-CREATE POLICY "Users can view their own habits"
-  ON habits FOR SELECT
-  USING (auth.uid() = user_id);
-
-CREATE POLICY "Users can insert their own habits"
-  ON habits FOR INSERT
-  WITH CHECK (auth.uid() = user_id);
-
-CREATE POLICY "Users can update their own habits"
-  ON habits FOR UPDATE
-  USING (auth.uid() = user_id);
-
-CREATE POLICY "Users can delete their own habits"
-  ON habits FOR DELETE
-  USING (auth.uid() = user_id);
-
--- Habit logs policies
-CREATE POLICY "Users can view their own habit logs"
-  ON habit_logs FOR SELECT
-  USING (auth.uid() = user_id);
-
-CREATE POLICY "Users can insert their own habit logs"
-  ON habit_logs FOR INSERT
-  WITH CHECK (auth.uid() = user_id);
-
--- Resources policies (public read, admin write)
-CREATE POLICY "Anyone can view resources"
-  ON resources FOR SELECT
-  USING (TRUE);
-
--- Reports policies
-CREATE POLICY "Users can create reports"
-  ON reports FOR INSERT
-  WITH CHECK (auth.uid() = reported_by);
-
-CREATE POLICY "Moderators can view all reports"
-  ON reports FOR SELECT
-  USING (
-    EXISTS (
-      SELECT 1 FROM volunteers
-      WHERE volunteers.user_id = auth.uid()
-      AND volunteers.is_active = TRUE
-    )
-  );
-
--- Volunteers policies
-CREATE POLICY "Users can view active volunteers"
-  ON volunteers FOR SELECT
-  USING (is_active = TRUE);
-
--- ========================================
--- INDEXES FOR PERFORMANCE
--- ========================================
-
-CREATE INDEX IF NOT EXISTS idx_messages_room_id ON messages(room_id);
-CREATE INDEX IF NOT EXISTS idx_messages_created_at ON messages(created_at DESC);
-CREATE INDEX IF NOT EXISTS idx_messages_risk_level ON messages(risk_level) WHERE risk_level IN ('high', 'critical');
-CREATE INDEX IF NOT EXISTS idx_journal_entries_user_id ON journal_entries(user_id);
-CREATE INDEX IF NOT EXISTS idx_habits_user_id ON habits(user_id);
-CREATE INDEX IF NOT EXISTS idx_habit_logs_habit_id ON habit_logs(habit_id);
-CREATE INDEX IF NOT EXISTS idx_habit_logs_user_id ON habit_logs(user_id);
-CREATE INDEX IF NOT EXISTS idx_reports_status ON reports(status);
-
--- ========================================
--- TRIGGERS
--- ========================================
-
--- Auto-update updated_at for journal entries
-CREATE OR REPLACE FUNCTION update_updated_at_column()
-RETURNS TRIGGER AS $$
-BEGIN
-  NEW.updated_at = NOW();
-  RETURN NEW;
-END;
-$$ LANGUAGE plpgsql;
-
-CREATE TRIGGER update_journal_entries_updated_at
-  BEFORE UPDATE ON journal_entries
-  FOR EACH ROW
-  EXECUTE FUNCTION update_updated_at_column();
-
--- ========================================
--- SEED DATA
--- ========================================
-
--- Insert default rooms
-INSERT INTO rooms (id, name, description, category) VALUES
-  ('11111111-1111-1111-1111-111111111111', 'Anxiety Support', 'A safe space to discuss anxiety, panic attacks, and coping strategies', 'anxiety'),
-  ('22222222-2222-2222-2222-222222222222', 'Depression Support', 'Share experiences and find understanding about depression', 'depression'),
-  ('33333333-3333-3333-3333-333333333333', 'PTSD & Trauma', 'Support for those dealing with trauma and PTSD', 'trauma'),
-  ('44444444-4444-4444-4444-444444444444', 'General Wellness', 'Discuss mental health, self-care, and daily challenges', 'general'),
-  ('55555555-5555-5555-5555-555555555555', 'Student Support', 'Mental health support specifically for students', 'students'),
-  ('66666666-6666-6666-6666-666666666666', 'Grief & Loss', 'Find support while grieving and processing loss', 'grief')
-ON CONFLICT (id) DO NOTHING;
-
--- Insert default resources
-INSERT INTO resources (title, description, url, category) VALUES
-  (
-    '988 Suicide & Crisis Lifeline',
-    'Free, confidential 24/7 support for people in distress. Call or text 988.',
-    'https://988lifeline.org',
-    'hotline'
-  ),
-  (
-    'Crisis Text Line',
-    'Free 24/7 crisis support via text. Text HOME to 741741.',
-    'https://www.crisistextline.org',
-    'hotline'
-  ),
-  (
-    'International Helplines',
-    'Find crisis helplines in your country.',
-    'https://findahelpline.com',
-    'hotline'
-  ),
-  (
-    'NAMI - National Alliance on Mental Illness',
-    'Education, support, and advocacy for mental health.',
-    'https://www.nami.org',
-    'article'
-  ),
-  (
-    '4-7-8 Breathing Exercise',
-    'A simple breathing technique to reduce anxiety and promote calm.',
-    'https://www.healthline.com/health/4-7-8-breathing',
-    'exercise'
-  ),
-  (
-    'Progressive Muscle Relaxation',
-    'Learn to release physical tension and mental stress.',
-    'https://www.anxietycanada.com/articles/progressive-muscle-relaxation/',
-    'exercise'
-  ),
-  (
-    'Grounding Techniques for Anxiety',
-    '5-4-3-2-1 method and other grounding exercises.',
-    'https://www.urmc.rochester.edu/behavioral-health-partners/bhp-blog/april-2018/5-4-3-2-1-coping-technique-for-anxiety.aspx',
-    'article'
-  ),
-  (
-    'Mental Health America Resources',
-    'Screening tools, peer support, and educational materials.',
-    'https://www.mhanational.org',
-    'article'
-  )
-ON CONFLICT DO NOTHING;
-
--- ========================================
--- VERIFICATION QUERIES
--- ========================================
-
--- Count tables (should return 9)
--- SELECT COUNT(*) FROM information_schema.tables WHERE table_schema = 'public';
-
--- Verify RLS is enabled
--- SELECT tablename, rowsecurity FROM pg_tables WHERE schemaname = 'public';
-
--- Check seed data
--- SELECT COUNT(*) FROM rooms; -- Should be 6
--- SELECT COUNT(*) FROM resources; -- Should be 8
diff --git a/backend/package-lock.json b/backend/package-lock.json
deleted file mode 100644
index 8e7a659..0000000
--- a/backend/package-lock.json
+++ /dev/null
@@ -1,1905 +0,0 @@
-{
-  "name": "openmindwell-backend",
-  "version": "1.0.0",
-  "lockfileVersion": 3,
-  "requires": true,
-  "packages": {
-    "": {
-      "name": "openmindwell-backend",
-      "version": "1.0.0",
-      "license": "MIT",
-      "dependencies": {
-        "@supabase/supabase-js": "^2.39.0",
-        "cors": "^2.8.5",
-        "dotenv": "^16.3.1",
-        "express": "^4.18.2",
-        "express-rate-limit": "^7.1.5",
-        "helmet": "^7.1.0",
-        "ws": "^8.16.0"
-      },
-      "devDependencies": {
-        "@types/cors": "^2.8.17",
-        "@types/express": "^4.17.21",
-        "@types/node": "^20.10.6",
-        "@types/ws": "^8.5.10",
-        "ts-node": "^10.9.2",
-        "ts-node-dev": "^2.0.0",
-        "typescript": "^5.3.3"
-      },
-      "engines": {
-        "node": ">=18.0.0"
-      }
-    },
-    "node_modules/@cspotcode/source-map-support": {
-      "version": "0.8.1",
-      "resolved": "https://registry.npmjs.org/@cspotcode/source-map-support/-/source-map-support-0.8.1.tgz",
-      "integrity": "sha512-IchNf6dN4tHoMFIn/7OE8LWZ19Y6q/67Bmf6vnGREv8RSbBVb9LPJxEcnwrcwX6ixSvaiGoomAUvu4YSxXrVgw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/trace-mapping": "0.3.9"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/@jridgewell/resolve-uri": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/@jridgewell/resolve-uri/-/resolve-uri-3.1.2.tgz",
-      "integrity": "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.0.0"
-      }
-    },
-    "node_modules/@jridgewell/sourcemap-codec": {
-      "version": "1.5.5",
-      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
-      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@jridgewell/trace-mapping": {
-      "version": "0.3.9",
-      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.9.tgz",
-      "integrity": "sha512-3Belt6tdc8bPgAtbcmdtNJlirVoTmEb5e2gC94PnkwEW9jI6CAHUeoG85tjWP5WquqfavoMtMwiG4P926ZKKuQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@jridgewell/resolve-uri": "^3.0.3",
-        "@jridgewell/sourcemap-codec": "^1.4.10"
-      }
-    },
-    "node_modules/@supabase/auth-js": {
-      "version": "2.84.0",
-      "resolved": "https://registry.npmjs.org/@supabase/auth-js/-/auth-js-2.84.0.tgz",
-      "integrity": "sha512-J6XKbqqg1HQPMfYkAT9BrC8anPpAiifl7qoVLsYhQq5B/dnu/lxab1pabnxtJEsvYG5rwI5HEVEGXMjoQ6Wz2Q==",
-      "license": "MIT",
-      "dependencies": {
-        "tslib": "2.8.1"
-      },
-      "engines": {
-        "node": ">=20.0.0"
-      }
-    },
-    "node_modules/@supabase/functions-js": {
-      "version": "2.84.0",
-      "resolved": "https://registry.npmjs.org/@supabase/functions-js/-/functions-js-2.84.0.tgz",
-      "integrity": "sha512-2oY5QBV4py/s64zMlhPEz+4RTdlwxzmfhM1k2xftD2v1DruRZKfoe7Yn9DCz1VondxX8evcvpc2udEIGzHI+VA==",
-      "license": "MIT",
-      "dependencies": {
-        "tslib": "2.8.1"
-      },
-      "engines": {
-        "node": ">=20.0.0"
-      }
-    },
-    "node_modules/@supabase/postgrest-js": {
-      "version": "2.84.0",
-      "resolved": "https://registry.npmjs.org/@supabase/postgrest-js/-/postgrest-js-2.84.0.tgz",
-      "integrity": "sha512-oplc/3jfJeVW4F0J8wqywHkjIZvOVHtqzF0RESijepDAv5Dn/LThlGW1ftysoP4+PXVIrnghAbzPHo88fNomPQ==",
-      "license": "MIT",
-      "dependencies": {
-        "tslib": "2.8.1"
-      },
-      "engines": {
-        "node": ">=20.0.0"
-      }
-    },
-    "node_modules/@supabase/realtime-js": {
-      "version": "2.84.0",
-      "resolved": "https://registry.npmjs.org/@supabase/realtime-js/-/realtime-js-2.84.0.tgz",
-      "integrity": "sha512-ThqjxiCwWiZAroHnYPmnNl6tZk6jxGcG2a7Hp/3kcolPcMj89kWjUTA3cHmhdIWYsP84fHp8MAQjYWMLf7HEUg==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/phoenix": "^1.6.6",
-        "@types/ws": "^8.18.1",
-        "tslib": "2.8.1",
-        "ws": "^8.18.2"
-      },
-      "engines": {
-        "node": ">=20.0.0"
-      }
-    },
-    "node_modules/@supabase/storage-js": {
-      "version": "2.84.0",
-      "resolved": "https://registry.npmjs.org/@supabase/storage-js/-/storage-js-2.84.0.tgz",
-      "integrity": "sha512-vXvAJ1euCuhryOhC6j60dG8ky+lk0V06ubNo+CbhuoUv+sl39PyY0lc+k+qpQhTk/VcI6SiM0OECLN83+nyJ5A==",
-      "license": "MIT",
-      "dependencies": {
-        "tslib": "2.8.1"
-      },
-      "engines": {
-        "node": ">=20.0.0"
-      }
-    },
-    "node_modules/@supabase/supabase-js": {
-      "version": "2.84.0",
-      "resolved": "https://registry.npmjs.org/@supabase/supabase-js/-/supabase-js-2.84.0.tgz",
-      "integrity": "sha512-byMqYBvb91sx2jcZsdp0qLpmd4Dioe80e4OU/UexXftCkpTcgrkoENXHf5dO8FCSai8SgNeq16BKg10QiDI6xg==",
-      "license": "MIT",
-      "dependencies": {
-        "@supabase/auth-js": "2.84.0",
-        "@supabase/functions-js": "2.84.0",
-        "@supabase/postgrest-js": "2.84.0",
-        "@supabase/realtime-js": "2.84.0",
-        "@supabase/storage-js": "2.84.0"
-      },
-      "engines": {
-        "node": ">=20.0.0"
-      }
-    },
-    "node_modules/@tsconfig/node10": {
-      "version": "1.0.12",
-      "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.12.tgz",
-      "integrity": "sha512-UCYBaeFvM11aU2y3YPZ//O5Rhj+xKyzy7mvcIoAjASbigy8mHMryP5cK7dgjlz2hWxh1g5pLw084E0a/wlUSFQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@tsconfig/node12": {
-      "version": "1.0.11",
-      "resolved": "https://registry.npmjs.org/@tsconfig/node12/-/node12-1.0.11.tgz",
-      "integrity": "sha512-cqefuRsh12pWyGsIoBKJA9luFu3mRxCA+ORZvA4ktLSzIuCUtWVxGIuXigEwO5/ywWFMZ2QEGKWvkZG1zDMTag==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@tsconfig/node14": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/@tsconfig/node14/-/node14-1.0.3.tgz",
-      "integrity": "sha512-ysT8mhdixWK6Hw3i1V2AeRqZ5WfXg1G43mqoYlM2nc6388Fq5jcXyr5mRsqViLx/GJYdoL0bfXD8nmF+Zn/Iow==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@tsconfig/node16": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/@tsconfig/node16/-/node16-1.0.4.tgz",
-      "integrity": "sha512-vxhUy4J8lyeyinH7Azl1pdd43GJhZH/tP2weN8TntQblOY+A0XbT8DJk1/oCPuOOyg/Ja757rG0CgHcWC8OfMA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/body-parser": {
-      "version": "1.19.6",
-      "resolved": "https://registry.npmjs.org/@types/body-parser/-/body-parser-1.19.6.tgz",
-      "integrity": "sha512-HLFeCYgz89uk22N5Qg3dvGvsv46B8GLvKKo1zKG4NybA8U2DiEO3w9lqGg29t/tfLRJpJ6iQxnVw4OnB7MoM9g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/connect": "*",
-        "@types/node": "*"
-      }
-    },
-    "node_modules/@types/connect": {
-      "version": "3.4.38",
-      "resolved": "https://registry.npmjs.org/@types/connect/-/connect-3.4.38.tgz",
-      "integrity": "sha512-K6uROf1LD88uDQqJCktA4yzL1YYAK6NgfsI0v/mTgyPKWsX1CnJ0XPSDhViejru1GcRkLWb8RlzFYJRqGUbaug==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
-    "node_modules/@types/cors": {
-      "version": "2.8.19",
-      "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.19.tgz",
-      "integrity": "sha512-mFNylyeyqN93lfe/9CSxOGREz8cpzAhH+E93xJ4xWQf62V8sQ/24reV2nyzUWM6H6Xji+GGHpkbLe7pVoUEskg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
-    "node_modules/@types/express": {
-      "version": "4.17.25",
-      "resolved": "https://registry.npmjs.org/@types/express/-/express-4.17.25.tgz",
-      "integrity": "sha512-dVd04UKsfpINUnK0yBoYHDF3xu7xVH4BuDotC/xGuycx4CgbP48X/KF/586bcObxT0HENHXEU8Nqtu6NR+eKhw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/body-parser": "*",
-        "@types/express-serve-static-core": "^4.17.33",
-        "@types/qs": "*",
-        "@types/serve-static": "^1"
-      }
-    },
-    "node_modules/@types/express-serve-static-core": {
-      "version": "4.19.7",
-      "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.19.7.tgz",
-      "integrity": "sha512-FvPtiIf1LfhzsaIXhv/PHan/2FeQBbtBDtfX2QfvPxdUelMDEckK08SM6nqo1MIZY3RUlfA+HV8+hFUSio78qg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/node": "*",
-        "@types/qs": "*",
-        "@types/range-parser": "*",
-        "@types/send": "*"
-      }
-    },
-    "node_modules/@types/http-errors": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/@types/http-errors/-/http-errors-2.0.5.tgz",
-      "integrity": "sha512-r8Tayk8HJnX0FztbZN7oVqGccWgw98T/0neJphO91KkmOzug1KkofZURD4UaD5uH8AqcFLfdPErnBod0u71/qg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/mime": {
-      "version": "1.3.5",
-      "resolved": "https://registry.npmjs.org/@types/mime/-/mime-1.3.5.tgz",
-      "integrity": "sha512-/pyBZWSLD2n0dcHE3hq8s8ZvcETHtEuF+3E7XVt0Ig2nvsVQXdghHVcEkIWjy9A0wKfTn97a/PSDYohKIlnP/w==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/node": {
-      "version": "20.19.25",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.25.tgz",
-      "integrity": "sha512-ZsJzA5thDQMSQO788d7IocwwQbI8B5OPzmqNvpf3NY/+MHDAS759Wo0gd2WQeXYt5AAAQjzcrTVC6SKCuYgoCQ==",
-      "license": "MIT",
-      "dependencies": {
-        "undici-types": "~6.21.0"
-      }
-    },
-    "node_modules/@types/phoenix": {
-      "version": "1.6.6",
-      "resolved": "https://registry.npmjs.org/@types/phoenix/-/phoenix-1.6.6.tgz",
-      "integrity": "sha512-PIzZZlEppgrpoT2QgbnDU+MMzuR6BbCjllj0bM70lWoejMeNJAxCchxnv7J3XFkI8MpygtRpzXrIlmWUBclP5A==",
-      "license": "MIT"
-    },
-    "node_modules/@types/qs": {
-      "version": "6.14.0",
-      "resolved": "https://registry.npmjs.org/@types/qs/-/qs-6.14.0.tgz",
-      "integrity": "sha512-eOunJqu0K1923aExK6y8p6fsihYEn/BYuQ4g0CxAAgFc4b/ZLN4CrsRZ55srTdqoiLzU2B2evC+apEIxprEzkQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/range-parser": {
-      "version": "1.2.7",
-      "resolved": "https://registry.npmjs.org/@types/range-parser/-/range-parser-1.2.7.tgz",
-      "integrity": "sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/send": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/@types/send/-/send-1.2.1.tgz",
-      "integrity": "sha512-arsCikDvlU99zl1g69TcAB3mzZPpxgw0UQnaHeC1Nwb015xp8bknZv5rIfri9xTOcMuaVgvabfIRA7PSZVuZIQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
-    "node_modules/@types/serve-static": {
-      "version": "1.15.10",
-      "resolved": "https://registry.npmjs.org/@types/serve-static/-/serve-static-1.15.10.tgz",
-      "integrity": "sha512-tRs1dB+g8Itk72rlSI2ZrW6vZg0YrLI81iQSTkMmOqnqCaNr/8Ek4VwWcN5vZgCYWbg/JJSGBlUaYGAOP73qBw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/http-errors": "*",
-        "@types/node": "*",
-        "@types/send": "<1"
-      }
-    },
-    "node_modules/@types/serve-static/node_modules/@types/send": {
-      "version": "0.17.6",
-      "resolved": "https://registry.npmjs.org/@types/send/-/send-0.17.6.tgz",
-      "integrity": "sha512-Uqt8rPBE8SY0RK8JB1EzVOIZ32uqy8HwdxCnoCOsYrvnswqmFZ/k+9Ikidlk/ImhsdvBsloHbAlewb2IEBV/Og==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/mime": "^1",
-        "@types/node": "*"
-      }
-    },
-    "node_modules/@types/strip-bom": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/@types/strip-bom/-/strip-bom-3.0.0.tgz",
-      "integrity": "sha512-xevGOReSYGM7g/kUBZzPqCrR/KYAo+F0yiPc85WFTJa0MSLtyFTVTU6cJu/aV4mid7IffDIWqo69THF2o4JiEQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/strip-json-comments": {
-      "version": "0.0.30",
-      "resolved": "https://registry.npmjs.org/@types/strip-json-comments/-/strip-json-comments-0.0.30.tgz",
-      "integrity": "sha512-7NQmHra/JILCd1QqpSzl8+mJRc8ZHz3uDm8YV1Ks9IhK0epEiTw8aIErbvH9PI+6XbqhyIQy3462nEsn7UVzjQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/@types/ws": {
-      "version": "8.18.1",
-      "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.18.1.tgz",
-      "integrity": "sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg==",
-      "license": "MIT",
-      "dependencies": {
-        "@types/node": "*"
-      }
-    },
-    "node_modules/accepts": {
-      "version": "1.3.8",
-      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
-      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
-      "license": "MIT",
-      "dependencies": {
-        "mime-types": "~2.1.34",
-        "negotiator": "0.6.3"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/acorn": {
-      "version": "8.15.0",
-      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
-      "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "acorn": "bin/acorn"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/acorn-walk": {
-      "version": "8.3.4",
-      "resolved": "https://registry.npmjs.org/acorn-walk/-/acorn-walk-8.3.4.tgz",
-      "integrity": "sha512-ueEepnujpqee2o5aIYnvHU6C0A42MNdsIDeqy5BydrkuC5R1ZuUFnm27EeFJGoEHJQgn3uleRvmTXaJgfXbt4g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "acorn": "^8.11.0"
-      },
-      "engines": {
-        "node": ">=0.4.0"
-      }
-    },
-    "node_modules/anymatch": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
-      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "normalize-path": "^3.0.0",
-        "picomatch": "^2.0.4"
-      },
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/arg": {
-      "version": "4.1.3",
-      "resolved": "https://registry.npmjs.org/arg/-/arg-4.1.3.tgz",
-      "integrity": "sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/array-flatten": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
-      "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==",
-      "license": "MIT"
-    },
-    "node_modules/balanced-match": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
-      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/binary-extensions": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
-      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/body-parser": {
-      "version": "1.20.3",
-      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.3.tgz",
-      "integrity": "sha512-7rAxByjUMqQ3/bHJy7D6OGXvx/MMc4IqBn/X0fcM1QUcAItpZrBEYhWGem+tzXH90c+G01ypMcYJBO9Y30203g==",
-      "license": "MIT",
-      "dependencies": {
-        "bytes": "3.1.2",
-        "content-type": "~1.0.5",
-        "debug": "2.6.9",
-        "depd": "2.0.0",
-        "destroy": "1.2.0",
-        "http-errors": "2.0.0",
-        "iconv-lite": "0.4.24",
-        "on-finished": "2.4.1",
-        "qs": "6.13.0",
-        "raw-body": "2.5.2",
-        "type-is": "~1.6.18",
-        "unpipe": "1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.8",
-        "npm": "1.2.8000 || >= 1.4.16"
-      }
-    },
-    "node_modules/brace-expansion": {
-      "version": "1.1.12",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
-      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "balanced-match": "^1.0.0",
-        "concat-map": "0.0.1"
-      }
-    },
-    "node_modules/braces": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
-      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "fill-range": "^7.1.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/buffer-from": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
-      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/bytes": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
-      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/call-bind-apply-helpers": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
-      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
-      "license": "MIT",
-      "dependencies": {
-        "es-errors": "^1.3.0",
-        "function-bind": "^1.1.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/call-bound": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
-      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
-      "license": "MIT",
-      "dependencies": {
-        "call-bind-apply-helpers": "^1.0.2",
-        "get-intrinsic": "^1.3.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/chokidar": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
-      "integrity": "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "anymatch": "~3.1.2",
-        "braces": "~3.0.2",
-        "glob-parent": "~5.1.2",
-        "is-binary-path": "~2.1.0",
-        "is-glob": "~4.0.1",
-        "normalize-path": "~3.0.0",
-        "readdirp": "~3.6.0"
-      },
-      "engines": {
-        "node": ">= 8.10.0"
-      },
-      "funding": {
-        "url": "https://paulmillr.com/funding/"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.2"
-      }
-    },
-    "node_modules/concat-map": {
-      "version": "0.0.1",
-      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
-      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/content-disposition": {
-      "version": "0.5.4",
-      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
-      "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
-      "license": "MIT",
-      "dependencies": {
-        "safe-buffer": "5.2.1"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/content-type": {
-      "version": "1.0.5",
-      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
-      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/cookie": {
-      "version": "0.7.1",
-      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.1.tgz",
-      "integrity": "sha512-6DnInpx7SJ2AK3+CTUE/ZM0vWTUboZCegxhC2xiIydHR9jNuTAASBrfEpHhiGOZw/nX51bHt6YQl8jsGo4y/0w==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/cookie-signature": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.6.tgz",
-      "integrity": "sha512-QADzlaHc8icV8I7vbaJXJwod9HWYp8uCqf1xa4OfNu1T7JVxQIrUgOWtHdNDtPiywmFbiS12VjotIXLrKM3orQ==",
-      "license": "MIT"
-    },
-    "node_modules/cors": {
-      "version": "2.8.5",
-      "resolved": "https://registry.npmjs.org/cors/-/cors-2.8.5.tgz",
-      "integrity": "sha512-KIHbLJqu73RGr/hnbrO9uBeixNGuvSQjul/jdFvS/KFSIH1hWVd1ng7zOHx+YrEfInLG7q4n6GHQ9cDtxv/P6g==",
-      "license": "MIT",
-      "dependencies": {
-        "object-assign": "^4",
-        "vary": "^1"
-      },
-      "engines": {
-        "node": ">= 0.10"
-      }
-    },
-    "node_modules/create-require": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/create-require/-/create-require-1.1.1.tgz",
-      "integrity": "sha512-dcKFX3jn0MpIaXjisoRvexIJVEKzaq7z2rZKxf+MSr9TkdmHmsU4m2lcLojrj/FHl8mk5VxMmYA+ftRkP/3oKQ==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/debug": {
-      "version": "2.6.9",
-      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
-      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
-      "license": "MIT",
-      "dependencies": {
-        "ms": "2.0.0"
-      }
-    },
-    "node_modules/depd": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
-      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/destroy": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
-      "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8",
-        "npm": "1.2.8000 || >= 1.4.16"
-      }
-    },
-    "node_modules/diff": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/diff/-/diff-4.0.2.tgz",
-      "integrity": "sha512-58lmxKSA4BNyLz+HHMUzlOEpg09FV+ev6ZMe3vJihgdxzgcwZ8VoEEPmALCZG9LmqfVoNMMKpttIYTVG6uDY7A==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=0.3.1"
-      }
-    },
-    "node_modules/dotenv": {
-      "version": "16.6.1",
-      "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-16.6.1.tgz",
-      "integrity": "sha512-uBq4egWHTcTt33a72vpSG0z3HnPuIl6NqYcTrKEg2azoEyl2hpW0zqlxysq2pK9HlDIHyHyakeYaYnSAwd8bow==",
-      "license": "BSD-2-Clause",
-      "engines": {
-        "node": ">=12"
-      },
-      "funding": {
-        "url": "https://dotenvx.com"
-      }
-    },
-    "node_modules/dunder-proto": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
-      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
-      "license": "MIT",
-      "dependencies": {
-        "call-bind-apply-helpers": "^1.0.1",
-        "es-errors": "^1.3.0",
-        "gopd": "^1.2.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/dynamic-dedupe": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/dynamic-dedupe/-/dynamic-dedupe-0.3.0.tgz",
-      "integrity": "sha512-ssuANeD+z97meYOqd50e04Ze5qp4bPqo8cCkI4TRjZkzAUgIDTrXV1R8QCdINpiI+hw14+rYazvTRdQrz0/rFQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "xtend": "^4.0.0"
-      }
-    },
-    "node_modules/ee-first": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
-      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
-      "license": "MIT"
-    },
-    "node_modules/encodeurl": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
-      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/es-define-property": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
-      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/es-errors": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
-      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/es-object-atoms": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
-      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
-      "license": "MIT",
-      "dependencies": {
-        "es-errors": "^1.3.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/escape-html": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
-      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
-      "license": "MIT"
-    },
-    "node_modules/etag": {
-      "version": "1.8.1",
-      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
-      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/express": {
-      "version": "4.21.2",
-      "resolved": "https://registry.npmjs.org/express/-/express-4.21.2.tgz",
-      "integrity": "sha512-28HqgMZAmih1Czt9ny7qr6ek2qddF4FclbMzwhCREB6OFfH+rXAnuNCwo1/wFvrtbgsQDb4kSbX9de9lFbrXnA==",
-      "license": "MIT",
-      "dependencies": {
-        "accepts": "~1.3.8",
-        "array-flatten": "1.1.1",
-        "body-parser": "1.20.3",
-        "content-disposition": "0.5.4",
-        "content-type": "~1.0.4",
-        "cookie": "0.7.1",
-        "cookie-signature": "1.0.6",
-        "debug": "2.6.9",
-        "depd": "2.0.0",
-        "encodeurl": "~2.0.0",
-        "escape-html": "~1.0.3",
-        "etag": "~1.8.1",
-        "finalhandler": "1.3.1",
-        "fresh": "0.5.2",
-        "http-errors": "2.0.0",
-        "merge-descriptors": "1.0.3",
-        "methods": "~1.1.2",
-        "on-finished": "2.4.1",
-        "parseurl": "~1.3.3",
-        "path-to-regexp": "0.1.12",
-        "proxy-addr": "~2.0.7",
-        "qs": "6.13.0",
-        "range-parser": "~1.2.1",
-        "safe-buffer": "5.2.1",
-        "send": "0.19.0",
-        "serve-static": "1.16.2",
-        "setprototypeof": "1.2.0",
-        "statuses": "2.0.1",
-        "type-is": "~1.6.18",
-        "utils-merge": "1.0.1",
-        "vary": "~1.1.2"
-      },
-      "engines": {
-        "node": ">= 0.10.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/express"
-      }
-    },
-    "node_modules/express-rate-limit": {
-      "version": "7.5.1",
-      "resolved": "https://registry.npmjs.org/express-rate-limit/-/express-rate-limit-7.5.1.tgz",
-      "integrity": "sha512-7iN8iPMDzOMHPUYllBEsQdWVB6fPDMPqwjBaFrgr4Jgr/+okjvzAy+UHlYYL/Vs0OsOrMkwS6PJDkFlJwoxUnw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/express-rate-limit"
-      },
-      "peerDependencies": {
-        "express": ">= 4.11"
-      }
-    },
-    "node_modules/fill-range": {
-      "version": "7.1.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
-      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "to-regex-range": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/finalhandler": {
-      "version": "1.3.1",
-      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.1.tgz",
-      "integrity": "sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==",
-      "license": "MIT",
-      "dependencies": {
-        "debug": "2.6.9",
-        "encodeurl": "~2.0.0",
-        "escape-html": "~1.0.3",
-        "on-finished": "2.4.1",
-        "parseurl": "~1.3.3",
-        "statuses": "2.0.1",
-        "unpipe": "~1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/forwarded": {
-      "version": "0.2.0",
-      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
-      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/fresh": {
-      "version": "0.5.2",
-      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
-      "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/fs.realpath": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
-      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/fsevents": {
-      "version": "2.3.3",
-      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
-      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
-      "dev": true,
-      "hasInstallScript": true,
-      "license": "MIT",
-      "optional": true,
-      "os": [
-        "darwin"
-      ],
-      "engines": {
-        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
-      }
-    },
-    "node_modules/function-bind": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
-      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
-      "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/get-intrinsic": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
-      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
-      "license": "MIT",
-      "dependencies": {
-        "call-bind-apply-helpers": "^1.0.2",
-        "es-define-property": "^1.0.1",
-        "es-errors": "^1.3.0",
-        "es-object-atoms": "^1.1.1",
-        "function-bind": "^1.1.2",
-        "get-proto": "^1.0.1",
-        "gopd": "^1.2.0",
-        "has-symbols": "^1.1.0",
-        "hasown": "^2.0.2",
-        "math-intrinsics": "^1.1.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/get-proto": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
-      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
-      "license": "MIT",
-      "dependencies": {
-        "dunder-proto": "^1.0.1",
-        "es-object-atoms": "^1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/glob": {
-      "version": "7.2.3",
-      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
-      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
-      "deprecated": "Glob versions prior to v9 are no longer supported",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "fs.realpath": "^1.0.0",
-        "inflight": "^1.0.4",
-        "inherits": "2",
-        "minimatch": "^3.1.1",
-        "once": "^1.3.0",
-        "path-is-absolute": "^1.0.0"
-      },
-      "engines": {
-        "node": "*"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/isaacs"
-      }
-    },
-    "node_modules/glob-parent": {
-      "version": "5.1.2",
-      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-      "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "is-glob": "^4.0.1"
-      },
-      "engines": {
-        "node": ">= 6"
-      }
-    },
-    "node_modules/gopd": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
-      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/has-symbols": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
-      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/hasown": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
-      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
-      "license": "MIT",
-      "dependencies": {
-        "function-bind": "^1.1.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/helmet": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/helmet/-/helmet-7.2.0.tgz",
-      "integrity": "sha512-ZRiwvN089JfMXokizgqEPXsl2Guk094yExfoDXR0cBYWxtBbaSww/w+vT4WEJsBW2iTUi1GgZ6swmoug3Oy4Xw==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=16.0.0"
-      }
-    },
-    "node_modules/http-errors": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.0.tgz",
-      "integrity": "sha512-FtwrG/euBzaEjYeRqOgly7G0qviiXoJWnvEH2Z1plBdXgbyjv34pHTSb9zoeHMyDy33+DWy5Wt9Wo+TURtOYSQ==",
-      "license": "MIT",
-      "dependencies": {
-        "depd": "2.0.0",
-        "inherits": "2.0.4",
-        "setprototypeof": "1.2.0",
-        "statuses": "2.0.1",
-        "toidentifier": "1.0.1"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/iconv-lite": {
-      "version": "0.4.24",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
-      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
-      "license": "MIT",
-      "dependencies": {
-        "safer-buffer": ">= 2.1.2 < 3"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/inflight": {
-      "version": "1.0.6",
-      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
-      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
-      "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "once": "^1.3.0",
-        "wrappy": "1"
-      }
-    },
-    "node_modules/inherits": {
-      "version": "2.0.4",
-      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
-      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
-      "license": "ISC"
-    },
-    "node_modules/ipaddr.js": {
-      "version": "1.9.1",
-      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
-      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.10"
-      }
-    },
-    "node_modules/is-binary-path": {
-      "version": "2.1.0",
-      "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
-      "integrity": "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "binary-extensions": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/is-core-module": {
-      "version": "2.16.1",
-      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.16.1.tgz",
-      "integrity": "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "hasown": "^2.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/is-extglob": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
-      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-glob": {
-      "version": "4.0.3",
-      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
-      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "is-extglob": "^2.1.1"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/is-number": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
-      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.12.0"
-      }
-    },
-    "node_modules/make-error": {
-      "version": "1.3.6",
-      "resolved": "https://registry.npmjs.org/make-error/-/make-error-1.3.6.tgz",
-      "integrity": "sha512-s8UhlNe7vPKomQhC1qFelMokr/Sc3AgNbso3n74mVPA5LTZwkB9NlXf4XPamLxJE8h0gh73rM94xvwRT2CVInw==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/math-intrinsics": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
-      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      }
-    },
-    "node_modules/media-typer": {
-      "version": "0.3.0",
-      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
-      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/merge-descriptors": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz",
-      "integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==",
-      "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
-      }
-    },
-    "node_modules/methods": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
-      "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/mime": {
-      "version": "1.6.0",
-      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
-      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
-      "license": "MIT",
-      "bin": {
-        "mime": "cli.js"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/mime-db": {
-      "version": "1.52.0",
-      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
-      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/mime-types": {
-      "version": "2.1.35",
-      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
-      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
-      "license": "MIT",
-      "dependencies": {
-        "mime-db": "1.52.0"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/minimatch": {
-      "version": "3.1.2",
-      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
-      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "brace-expansion": "^1.1.7"
-      },
-      "engines": {
-        "node": "*"
-      }
-    },
-    "node_modules/minimist": {
-      "version": "1.2.8",
-      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
-      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
-      "dev": true,
-      "license": "MIT",
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/mkdirp": {
-      "version": "1.0.4",
-      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-1.0.4.tgz",
-      "integrity": "sha512-vVqVZQyf3WLx2Shd0qJ9xuvqgAyKPLAiqITEtqW0oIUjzo3PePDd6fW9iFz30ef7Ysp/oiWqbhszeGWW2T6Gzw==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "mkdirp": "bin/cmd.js"
-      },
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/ms": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
-      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
-      "license": "MIT"
-    },
-    "node_modules/negotiator": {
-      "version": "0.6.3",
-      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
-      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/normalize-path": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz",
-      "integrity": "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/object-assign": {
-      "version": "4.1.1",
-      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
-      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/object-inspect": {
-      "version": "1.13.4",
-      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
-      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/on-finished": {
-      "version": "2.4.1",
-      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
-      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
-      "license": "MIT",
-      "dependencies": {
-        "ee-first": "1.1.1"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/once": {
-      "version": "1.4.0",
-      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
-      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "wrappy": "1"
-      }
-    },
-    "node_modules/parseurl": {
-      "version": "1.3.3",
-      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
-      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/path-is-absolute": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
-      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/path-parse": {
-      "version": "1.0.7",
-      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
-      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/path-to-regexp": {
-      "version": "0.1.12",
-      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.12.tgz",
-      "integrity": "sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==",
-      "license": "MIT"
-    },
-    "node_modules/picomatch": {
-      "version": "2.3.1",
-      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
-      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/jonschlinkert"
-      }
-    },
-    "node_modules/proxy-addr": {
-      "version": "2.0.7",
-      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
-      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
-      "license": "MIT",
-      "dependencies": {
-        "forwarded": "0.2.0",
-        "ipaddr.js": "1.9.1"
-      },
-      "engines": {
-        "node": ">= 0.10"
-      }
-    },
-    "node_modules/qs": {
-      "version": "6.13.0",
-      "resolved": "https://registry.npmjs.org/qs/-/qs-6.13.0.tgz",
-      "integrity": "sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==",
-      "license": "BSD-3-Clause",
-      "dependencies": {
-        "side-channel": "^1.0.6"
-      },
-      "engines": {
-        "node": ">=0.6"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/range-parser": {
-      "version": "1.2.1",
-      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
-      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/raw-body": {
-      "version": "2.5.2",
-      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.2.tgz",
-      "integrity": "sha512-8zGqypfENjCIqGhgXToC8aB2r7YrBX+AQAfIPs/Mlk+BtPTztOvTS01NRW/3Eh60J+a48lt8qsCzirQ6loCVfA==",
-      "license": "MIT",
-      "dependencies": {
-        "bytes": "3.1.2",
-        "http-errors": "2.0.0",
-        "iconv-lite": "0.4.24",
-        "unpipe": "1.0.0"
-      },
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/readdirp": {
-      "version": "3.6.0",
-      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",
-      "integrity": "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "picomatch": "^2.2.1"
-      },
-      "engines": {
-        "node": ">=8.10.0"
-      }
-    },
-    "node_modules/resolve": {
-      "version": "1.22.11",
-      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.11.tgz",
-      "integrity": "sha512-RfqAvLnMl313r7c9oclB1HhUEAezcpLjz95wFH4LVuhk9JF/r22qmVP9AMmOU4vMX7Q8pN8jwNg/CSpdFnMjTQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "is-core-module": "^2.16.1",
-        "path-parse": "^1.0.7",
-        "supports-preserve-symlinks-flag": "^1.0.0"
-      },
-      "bin": {
-        "resolve": "bin/resolve"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/rimraf": {
-      "version": "2.7.1",
-      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-2.7.1.tgz",
-      "integrity": "sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==",
-      "deprecated": "Rimraf versions prior to v4 are no longer supported",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "glob": "^7.1.3"
-      },
-      "bin": {
-        "rimraf": "bin.js"
-      }
-    },
-    "node_modules/safe-buffer": {
-      "version": "5.2.1",
-      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
-      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
-      "funding": [
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/feross"
-        },
-        {
-          "type": "patreon",
-          "url": "https://www.patreon.com/feross"
-        },
-        {
-          "type": "consulting",
-          "url": "https://feross.org/support"
-        }
-      ],
-      "license": "MIT"
-    },
-    "node_modules/safer-buffer": {
-      "version": "2.1.2",
-      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
-      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
-      "license": "MIT"
-    },
-    "node_modules/send": {
-      "version": "0.19.0",
-      "resolved": "https://registry.npmjs.org/send/-/send-0.19.0.tgz",
-      "integrity": "sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==",
-      "license": "MIT",
-      "dependencies": {
-        "debug": "2.6.9",
-        "depd": "2.0.0",
-        "destroy": "1.2.0",
-        "encodeurl": "~1.0.2",
-        "escape-html": "~1.0.3",
-        "etag": "~1.8.1",
-        "fresh": "0.5.2",
-        "http-errors": "2.0.0",
-        "mime": "1.6.0",
-        "ms": "2.1.3",
-        "on-finished": "2.4.1",
-        "range-parser": "~1.2.1",
-        "statuses": "2.0.1"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/send/node_modules/encodeurl": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-1.0.2.tgz",
-      "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/send/node_modules/ms": {
-      "version": "2.1.3",
-      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
-      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
-      "license": "MIT"
-    },
-    "node_modules/serve-static": {
-      "version": "1.16.2",
-      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.2.tgz",
-      "integrity": "sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==",
-      "license": "MIT",
-      "dependencies": {
-        "encodeurl": "~2.0.0",
-        "escape-html": "~1.0.3",
-        "parseurl": "~1.3.3",
-        "send": "0.19.0"
-      },
-      "engines": {
-        "node": ">= 0.8.0"
-      }
-    },
-    "node_modules/setprototypeof": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
-      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
-      "license": "ISC"
-    },
-    "node_modules/side-channel": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
-      "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
-      "license": "MIT",
-      "dependencies": {
-        "es-errors": "^1.3.0",
-        "object-inspect": "^1.13.3",
-        "side-channel-list": "^1.0.0",
-        "side-channel-map": "^1.0.1",
-        "side-channel-weakmap": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/side-channel-list": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
-      "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
-      "license": "MIT",
-      "dependencies": {
-        "es-errors": "^1.3.0",
-        "object-inspect": "^1.13.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/side-channel-map": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
-      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
-      "license": "MIT",
-      "dependencies": {
-        "call-bound": "^1.0.2",
-        "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.5",
-        "object-inspect": "^1.13.3"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/side-channel-weakmap": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
-      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
-      "license": "MIT",
-      "dependencies": {
-        "call-bound": "^1.0.2",
-        "es-errors": "^1.3.0",
-        "get-intrinsic": "^1.2.5",
-        "object-inspect": "^1.13.3",
-        "side-channel-map": "^1.0.1"
-      },
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/source-map": {
-      "version": "0.6.1",
-      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
-      "dev": true,
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/source-map-support": {
-      "version": "0.5.21",
-      "resolved": "https://registry.npmjs.org/source-map-support/-/source-map-support-0.5.21.tgz",
-      "integrity": "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "buffer-from": "^1.0.0",
-        "source-map": "^0.6.0"
-      }
-    },
-    "node_modules/statuses": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.1.tgz",
-      "integrity": "sha512-RwNA9Z/7PrK06rYLIzFMlaF+l73iwpzsqRIFgbMLbTcLD6cOao82TaWefPXQvB2fOC4AjuYSEndS7N/mTCbkdQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/strip-bom": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
-      "integrity": "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=4"
-      }
-    },
-    "node_modules/strip-json-comments": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
-      "integrity": "sha512-4gB8na07fecVVkOI6Rs4e7T6NOTki5EmL7TUduTs6bu3EdnSycntVJ4re8kgZA+wx9IueI2Y11bfbgwtzuE0KQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/supports-preserve-symlinks-flag": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
-      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/to-regex-range": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
-      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "is-number": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=8.0"
-      }
-    },
-    "node_modules/toidentifier": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
-      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.6"
-      }
-    },
-    "node_modules/tree-kill": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/tree-kill/-/tree-kill-1.2.2.tgz",
-      "integrity": "sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "tree-kill": "cli.js"
-      }
-    },
-    "node_modules/ts-node": {
-      "version": "10.9.2",
-      "resolved": "https://registry.npmjs.org/ts-node/-/ts-node-10.9.2.tgz",
-      "integrity": "sha512-f0FFpIdcHgn8zcPSbf1dRevwt047YMnaiJM3u2w2RewrB+fob/zePZcrOyQoLMMO7aBIddLcQIEK5dYjkLnGrQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@cspotcode/source-map-support": "^0.8.0",
-        "@tsconfig/node10": "^1.0.7",
-        "@tsconfig/node12": "^1.0.7",
-        "@tsconfig/node14": "^1.0.0",
-        "@tsconfig/node16": "^1.0.2",
-        "acorn": "^8.4.1",
-        "acorn-walk": "^8.1.1",
-        "arg": "^4.1.0",
-        "create-require": "^1.1.0",
-        "diff": "^4.0.1",
-        "make-error": "^1.1.1",
-        "v8-compile-cache-lib": "^3.0.1",
-        "yn": "3.1.1"
-      },
-      "bin": {
-        "ts-node": "dist/bin.js",
-        "ts-node-cwd": "dist/bin-cwd.js",
-        "ts-node-esm": "dist/bin-esm.js",
-        "ts-node-script": "dist/bin-script.js",
-        "ts-node-transpile-only": "dist/bin-transpile.js",
-        "ts-script": "dist/bin-script-deprecated.js"
-      },
-      "peerDependencies": {
-        "@swc/core": ">=1.2.50",
-        "@swc/wasm": ">=1.2.50",
-        "@types/node": "*",
-        "typescript": ">=2.7"
-      },
-      "peerDependenciesMeta": {
-        "@swc/core": {
-          "optional": true
-        },
-        "@swc/wasm": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/ts-node-dev": {
-      "version": "2.0.0",
-      "resolved": "https://registry.npmjs.org/ts-node-dev/-/ts-node-dev-2.0.0.tgz",
-      "integrity": "sha512-ywMrhCfH6M75yftYvrvNarLEY+SUXtUvU8/0Z6llrHQVBx12GiFk5sStF8UdfE/yfzk9IAq7O5EEbTQsxlBI8w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "chokidar": "^3.5.1",
-        "dynamic-dedupe": "^0.3.0",
-        "minimist": "^1.2.6",
-        "mkdirp": "^1.0.4",
-        "resolve": "^1.0.0",
-        "rimraf": "^2.6.1",
-        "source-map-support": "^0.5.12",
-        "tree-kill": "^1.2.2",
-        "ts-node": "^10.4.0",
-        "tsconfig": "^7.0.0"
-      },
-      "bin": {
-        "ts-node-dev": "lib/bin.js",
-        "tsnd": "lib/bin.js"
-      },
-      "engines": {
-        "node": ">=0.8.0"
-      },
-      "peerDependencies": {
-        "node-notifier": "*",
-        "typescript": "*"
-      },
-      "peerDependenciesMeta": {
-        "node-notifier": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/tsconfig": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/tsconfig/-/tsconfig-7.0.0.tgz",
-      "integrity": "sha512-vZXmzPrL+EmC4T/4rVlT2jNVMWCi/O4DIiSj3UHg1OE5kCKbk4mfrXc6dZksLgRM/TZlKnousKH9bbTazUWRRw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@types/strip-bom": "^3.0.0",
-        "@types/strip-json-comments": "0.0.30",
-        "strip-bom": "^3.0.0",
-        "strip-json-comments": "^2.0.0"
-      }
-    },
-    "node_modules/tslib": {
-      "version": "2.8.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
-      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
-      "license": "0BSD"
-    },
-    "node_modules/type-is": {
-      "version": "1.6.18",
-      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
-      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
-      "license": "MIT",
-      "dependencies": {
-        "media-typer": "0.3.0",
-        "mime-types": "~2.1.24"
-      },
-      "engines": {
-        "node": ">= 0.6"
-      }
-    },
-    "node_modules/typescript": {
-      "version": "5.9.3",
-      "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
-      "integrity": "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "bin": {
-        "tsc": "bin/tsc",
-        "tsserver": "bin/tsserver"
-      },
-      "engines": {
-        "node": ">=14.17"
-      }
-    },
-    "node_modules/undici-types": {
-      "version": "6.21.0",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
-      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
-      "license": "MIT"
-    },
-    "node_modules/unpipe": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
-      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/utils-merge": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
-      "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4.0"
-      }
-    },
-    "node_modules/v8-compile-cache-lib": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/v8-compile-cache-lib/-/v8-compile-cache-lib-3.0.1.tgz",
-      "integrity": "sha512-wa7YjyUGfNZngI/vtK0UHAN+lgDCxBPCylVXGp0zu59Fz5aiGtNXaq3DhIov063MorB+VfufLh3JlF2KdTK3xg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/vary": {
-      "version": "1.1.2",
-      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
-      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.8"
-      }
-    },
-    "node_modules/wrappy": {
-      "version": "1.0.2",
-      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
-      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
-      "dev": true,
-      "license": "ISC"
-    },
-    "node_modules/ws": {
-      "version": "8.18.3",
-      "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.3.tgz",
-      "integrity": "sha512-PEIGCY5tSlUt50cqyMXfCzX+oOPqN0vuGqWzbcJ2xvnkzkq46oOpz7dQaTDBdfICb4N14+GARUDw2XV2N4tvzg==",
-      "license": "MIT",
-      "engines": {
-        "node": ">=10.0.0"
-      },
-      "peerDependencies": {
-        "bufferutil": "^4.0.1",
-        "utf-8-validate": ">=5.0.2"
-      },
-      "peerDependenciesMeta": {
-        "bufferutil": {
-          "optional": true
-        },
-        "utf-8-validate": {
-          "optional": true
-        }
-      }
-    },
-    "node_modules/xtend": {
-      "version": "4.0.2",
-      "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
-      "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.4"
-      }
-    },
-    "node_modules/yn": {
-      "version": "3.1.1",
-      "resolved": "https://registry.npmjs.org/yn/-/yn-3.1.1.tgz",
-      "integrity": "sha512-Ux4ygGWsu2c7isFWe8Yu1YluJmqVhxqK2cLXNQA5AcC3QfbGNpM7fu0Y8b/z16pXLnFxZYvWhd3fhBY9DLmC6Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    }
-  }
-}
diff --git a/backend/package.json b/backend/package.json
deleted file mode 100644
index 1c6f262..0000000
--- a/backend/package.json
+++ /dev/null
@@ -1,36 +0,0 @@
-{
-  "name": "openmindwell-backend",
-  "version": "1.0.0",
-  "description": "Backend API and WebSocket server for OpenMindWell",
-  "main": "dist/index.js",
-  "scripts": {
-    "dev": "ts-node-dev --respawn --transpile-only src/index.ts",
-    "build": "tsc",
-    "start": "node dist/index.js",
-    "setup-db": "ts-node src/scripts/setupDatabase.ts"
-  },
-  "keywords": ["mental-health", "websocket", "express", "crisis-detection"],
-  "author": "OpenMindWell Contributors",
-  "license": "MIT",
-  "dependencies": {
-    "@supabase/supabase-js": "^2.39.0",
-    "cors": "^2.8.5",
-    "dotenv": "^16.3.1",
-    "express": "^4.18.2",
-    "express-rate-limit": "^7.1.5",
-    "helmet": "^7.1.0",
-    "ws": "^8.16.0"
-  },
-  "devDependencies": {
-    "@types/cors": "^2.8.17",
-    "@types/express": "^4.17.21",
-    "@types/node": "^20.10.6",
-    "@types/ws": "^8.5.10",
-    "ts-node": "^10.9.2",
-    "ts-node-dev": "^2.0.0",
-    "typescript": "^5.3.3"
-  },
-  "engines": {
-    "node": ">=18.0.0"
-  }
-}
diff --git a/backend/src/config/index.ts b/backend/src/config/index.ts
deleted file mode 100644
index 3337f48..0000000
--- a/backend/src/config/index.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-import dotenv from 'dotenv';
-
-dotenv.config();
-
-interface Config {
-  supabase: {
-    url: string;
-    anonKey: string;
-    serviceRoleKey: string;
-  };
-  huggingface: {
-    apiToken?: string;
-  };
-  server: {
-    port: number;
-    frontendUrl: string;
-  };
-  rateLimit: {
-    windowMs: number;
-    maxRequests: number;
-  };
-}
-
-const config: Config = {
-  supabase: {
-    url: process.env.SUPABASE_URL || '',
-    anonKey: process.env.SUPABASE_ANON_KEY || '',
-    serviceRoleKey: process.env.SUPABASE_SERVICE_ROLE_KEY || '',
-  },
-  huggingface: {
-    apiToken: process.env.HUGGINGFACE_API_TOKEN,
-  },
-  server: {
-    port: parseInt(process.env.PORT || '3001', 10),
-    frontendUrl: process.env.FRONTEND_URL || 'http://localhost:3000',
-  },
-  rateLimit: {
-    windowMs: parseInt(process.env.RATE_LIMIT_WINDOW_MS || '900000', 10),
-    maxRequests: parseInt(process.env.RATE_LIMIT_MAX_REQUESTS || '100', 10),
-  },
-};
-
-// Validation
-const requiredEnvVars = [
-  'SUPABASE_URL',
-  'SUPABASE_ANON_KEY',
-  'SUPABASE_SERVICE_ROLE_KEY',
-  'FRONTEND_URL',
-];
-
-const missingVars = requiredEnvVars.filter((varName) => !process.env[varName]);
-
-if (missingVars.length > 0) {
-  throw new Error(
-    `Missing required environment variables: ${missingVars.join(', ')}\n` +
-      'Please check your .env file and ensure all required variables are set.'
-  );
-}
-
-export default config;
diff --git a/backend/src/index.ts b/backend/src/index.ts
deleted file mode 100644
index 980d714..0000000
--- a/backend/src/index.ts
+++ /dev/null
@@ -1,85 +0,0 @@
-import express from 'express';
-import http from 'http';
-import cors from 'cors';
-import helmet from 'helmet';
-import rateLimit from 'express-rate-limit';
-import config from './config';
-import { ChatServer } from './services/chatServer';
-import journalRoutes from './routes/journal';
-import habitsRoutes from './routes/habits';
-import resourcesRoutes from './routes/resources';
-import roomsRoutes from './routes/rooms';
-import moderationRoutes from './routes/moderation';
-
-const app = express();
-const server = http.createServer(app);
-
-// Initialize WebSocket server
-new ChatServer(server);
-
-// Middleware
-app.use(helmet());
-app.use(
-  cors({
-    origin: config.server.frontendUrl,
-    credentials: true,
-  })
-);
-app.use(express.json());
-
-// Rate limiting
-const limiter = rateLimit({
-  windowMs: config.rateLimit.windowMs,
-  max: config.rateLimit.maxRequests,
-  message: 'Too many requests from this IP, please try again later.',
-});
-app.use('/api/', limiter);
-
-// Health check
-app.get('/health', (req, res) => {
-  res.json({ status: 'ok', timestamp: new Date().toISOString() });
-});
-
-// API Routes
-app.use('/api/journal', journalRoutes);
-app.use('/api/habits', habitsRoutes);
-app.use('/api/resources', resourcesRoutes);
-app.use('/api/rooms', roomsRoutes);
-app.use('/api/moderation', moderationRoutes);
-
-// 404 handler
-app.use((req, res) => {
-  res.status(404).json({ error: 'Route not found' });
-});
-
-// Error handler
-app.use((err: any, req: express.Request, res: express.Response, next: express.NextFunction) => {
-  console.error('Unhandled error:', err);
-  res.status(500).json({ error: 'Internal server error' });
-});
-
-// Start server
-const PORT = config.server.port;
-server.listen(PORT, () => {
-  console.log(`🚀 Server running on port ${PORT}`);
-  console.log(`📡 WebSocket server ready`);
-  console.log(`🌐 Frontend URL: ${config.server.frontendUrl}`);
-  console.log(`💚 Health check: http://localhost:${PORT}/health`);
-});
-
-// Graceful shutdown
-process.on('SIGTERM', () => {
-  console.log('SIGTERM received, closing server gracefully');
-  server.close(() => {
-    console.log('Server closed');
-    process.exit(0);
-  });
-});
-
-process.on('SIGINT', () => {
-  console.log('SIGINT received, closing server gracefully');
-  server.close(() => {
-    console.log('Server closed');
-    process.exit(0);
-  });
-});
diff --git a/backend/src/lib/supabase.ts b/backend/src/lib/supabase.ts
deleted file mode 100644
index de66e86..0000000
--- a/backend/src/lib/supabase.ts
+++ /dev/null
@@ -1,93 +0,0 @@
-import { createClient } from '@supabase/supabase-js';
-import config from '../config';
-
-// Create Supabase client with service role key (for backend)
-export const supabase = createClient(
-  config.supabase.url,
-  config.supabase.serviceRoleKey,
-  {
-    auth: {
-      autoRefreshToken: false,
-      persistSession: false,
-    },
-  }
-);
-
-// Create Supabase client with anon key (for auth validation)
-export const supabaseAnon = createClient(
-  config.supabase.url,
-  config.supabase.anonKey
-);
-
-// Database Types
-export interface Profile {
-  user_id: string;
-  nickname: string;
-  avatar: string;
-  is_moderator: boolean;
-  created_at: string;
-}
-
-export interface Room {
-  id: string;
-  name: string;
-  description: string;
-  category: string;
-  created_at: string;
-}
-
-export interface Message {
-  id: string;
-  room_id: string;
-  user_id: string;
-  content: string;
-  risk_level: 'none' | 'low' | 'medium' | 'high' | 'critical';
-  created_at: string;
-  profile?: Profile;
-}
-
-export interface JournalEntry {
-  id: string;
-  user_id: string;
-  title: string;
-  content: string;
-  mood: number;
-  tags: string[];
-  created_at: string;
-  updated_at: string;
-}
-
-export interface Habit {
-  id: string;
-  user_id: string;
-  name: string;
-  description: string;
-  frequency: 'daily' | 'weekly';
-  created_at: string;
-}
-
-export interface HabitLog {
-  id: string;
-  habit_id: string;
-  user_id: string;
-  completed_at: string;
-  notes: string;
-}
-
-export interface Resource {
-  id: string;
-  title: string;
-  description: string;
-  url: string;
-  category: 'hotline' | 'article' | 'exercise' | 'video';
-  created_at: string;
-}
-
-export interface Report {
-  id: string;
-  message_id: string;
-  reported_by: string;
-  reason: string;
-  status: 'pending' | 'reviewed' | 'resolved';
-  created_at: string;
-}
diff --git a/backend/src/middleware/auth.ts b/backend/src/middleware/auth.ts
deleted file mode 100644
index 887e19a..0000000
--- a/backend/src/middleware/auth.ts
+++ /dev/null
@@ -1,46 +0,0 @@
-import { Request, Response, NextFunction } from 'express';
-import { supabaseAnon } from '../lib/supabase';
-
-export interface AuthRequest extends Request {
-  user?: {
-    id: string;
-    email?: string;
-  };
-}
-
-export const authenticate = async (
-  req: AuthRequest,
-  res: Response,
-  next: NextFunction
-): Promise<void> => {
-  try {
-    const authHeader = req.headers.authorization;
-
-    if (!authHeader || !authHeader.startsWith('Bearer ')) {
-      res.status(401).json({ error: 'Missing or invalid authorization header' });
-      return;
-    }
-
-    const token = authHeader.substring(7);
-
-    const {
-      data: { user },
-      error,
-    } = await supabaseAnon.auth.getUser(token);
-
-    if (error || !user) {
-      res.status(401).json({ error: 'Invalid or expired token' });
-      return;
-    }
-
-    req.user = {
-      id: user.id,
-      email: user.email,
-    };
-
-    next();
-  } catch (error) {
-    console.error('Authentication error:', error);
-    res.status(500).json({ error: 'Internal server error' });
-  }
-};
diff --git a/backend/src/routes/habits.ts b/backend/src/routes/habits.ts
deleted file mode 100644
index f434c34..0000000
--- a/backend/src/routes/habits.ts
+++ /dev/null
@@ -1,177 +0,0 @@
-import { Router } from 'express';
-import { supabase } from '../lib/supabase';
-import { authenticate, AuthRequest } from '../middleware/auth';
-
-const router = Router();
-
-// Get all habits for authenticated user
-router.get('/', authenticate, async (req: AuthRequest, res) => {
-  try {
-    const userId = req.user!.id;
-
-    const { data, error } = await supabase
-      .from('habits')
-      .select('*')
-      .eq('user_id', userId)
-      .order('created_at', { ascending: false });
-
-    if (error) {
-      console.error('Error fetching habits:', error);
-      return res.status(500).json({ error: 'Failed to fetch habits' });
-    }
-
-    res.json(data || []);
-  } catch (error) {
-    console.error('Error:', error);
-    res.status(500).json({ error: 'Internal server error' });
-  }
-});
-
-// Create new habit
-router.post('/', authenticate, async (req: AuthRequest, res) => {
-  try {
-    const userId = req.user!.id;
-    const { name, description, frequency } = req.body;
-
-    if (!name) {
-      return res.status(400).json({ error: 'Name is required' });
-    }
-
-    const { data, error } = await supabase
-      .from('habits')
-      .insert({
-        user_id: userId,
-        name,
-        description: description || '',
-        frequency: frequency || 'daily',
-      })
-      .select()
-      .single();
-
-    if (error) {
-      console.error('Error creating habit:', error);
-      return res.status(500).json({ error: 'Failed to create habit' });
-    }
-
-    res.status(201).json(data);
-  } catch (error) {
-    console.error('Error:', error);
-    res.status(500).json({ error: 'Internal server error' });
-  }
-});
-
-// Log habit completion
-router.post('/:id/log', authenticate, async (req: AuthRequest, res) => {
-  try {
-    const userId = req.user!.id;
-    const { id } = req.params;
-    const { notes } = req.body;
-
-    const { data, error } = await supabase
-      .from('habit_logs')
-      .insert({
-        habit_id: id,
-        user_id: userId,
-        notes: notes || '',
-        completed_at: new Date().toISOString(),
-      })
-      .select()
-      .single();
-
-    if (error) {
-      console.error('Error logging habit:', error);
-      return res.status(500).json({ error: 'Failed to log habit' });
-    }
-
-    res.status(201).json(data);
-  } catch (error) {
-    console.error('Error:', error);
-    res.status(500).json({ error: 'Internal server error' });
-  }
-});
-
-// Get habit logs
-router.get('/:id/logs', authenticate, async (req: AuthRequest, res) => {
-  try {
-    const userId = req.user!.id;
-    const { id } = req.params;
-
-    const { data, error } = await supabase
-      .from('habit_logs')
-      .select('*')
-      .eq('habit_id', id)
-      .eq('user_id', userId)
-      .order('completed_at', { ascending: false });
-
-    if (error) {
-      console.error('Error fetching habit logs:', error);
-      return res.status(500).json({ error: 'Failed to fetch logs' });
-    }
-
-    res.json(data || []);
-  } catch (error) {
-    console.error('Error:', error);
-    res.status(500).json({ error: 'Internal server error' });
-  }
-});
-
-// Update habit
-router.put('/:id', authenticate, async (req: AuthRequest, res) => {
-  try {
-    const userId = req.user!.id;
-    const { id } = req.params;
-    const { name, description, frequency } = req.body;
-
-    const { data, error } = await supabase
-      .from('habits')
-      .update({
-        name,
-        description,
-        frequency,
-      })
-      .eq('id', id)
-      .eq('user_id', userId)
-      .select()
-      .single();
-
-    if (error) {
-      console.error('Error updating habit:', error);
-      return res.status(500).json({ error: 'Failed to update habit' });
-    }
-
-    if (!data) {
-      return res.status(404).json({ error: 'Habit not found' });
-    }
-
-    res.json(data);
-  } catch (error) {
-    console.error('Error:', error);
-    res.status(500).json({ error: 'Internal server error' });
-  }
-});
-
-// Delete habit
-router.delete('/:id', authenticate, async (req: AuthRequest, res) => {
-  try {
-    const userId = req.user!.id;
-    const { id } = req.params;
-
-    const { error } = await supabase
-      .from('habits')
-      .delete()
-      .eq('id', id)
-      .eq('user_id', userId);
-
-    if (error) {
-      console.error('Error deleting habit:', error);
-      return res.status(500).json({ error: 'Failed to delete habit' });
-    }
-
-    res.status(204).send();
-  } catch (error) {
-    console.error('Error:', error);
-    res.status(500).json({ error: 'Internal server error' });
-  }
-});
-
-export default router;
diff --git a/backend/src/routes/journal.ts b/backend/src/routes/journal.ts
deleted file mode 100644
index 119bd64..0000000
--- a/backend/src/routes/journal.ts
+++ /dev/null
@@ -1,125 +0,0 @@
-import { Router } from 'express';
-import { supabase } from '../lib/supabase';
-import { authenticate, AuthRequest } from '../middleware/auth';
-
-const router = Router();
-
-// Get all journal entries for authenticated user
-router.get('/', authenticate, async (req: AuthRequest, res) => {
-  try {
-    const userId = req.user!.id;
-
-    const { data, error } = await supabase
-      .from('journal_entries')
-      .select('*')
-      .eq('user_id', userId)
-      .order('created_at', { ascending: false });
-
-    if (error) {
-      console.error('Error fetching journal entries:', error);
-      return res.status(500).json({ error: 'Failed to fetch entries' });
-    }
-
-    res.json(data || []);
-  } catch (error) {
-    console.error('Error:', error);
-    res.status(500).json({ error: 'Internal server error' });
-  }
-});
-
-// Create new journal entry
-router.post('/', authenticate, async (req: AuthRequest, res) => {
-  try {
-    const userId = req.user!.id;
-    const { title, content, mood, tags } = req.body;
-
-    if (!title || !content) {
-      return res.status(400).json({ error: 'Title and content are required' });
-    }
-
-    const { data, error } = await supabase
-      .from('journal_entries')
-      .insert({
-        user_id: userId,
-        title,
-        content,
-        mood: mood || 3,
-        tags: tags || [],
-      })
-      .select()
-      .single();
-
-    if (error) {
-      console.error('Error creating journal entry:', error);
-      return res.status(500).json({ error: 'Failed to create entry' });
-    }
-
-    res.status(201).json(data);
-  } catch (error) {
-    console.error('Error:', error);
-    res.status(500).json({ error: 'Internal server error' });
-  }
-});
-
-// Update journal entry
-router.put('/:id', authenticate, async (req: AuthRequest, res) => {
-  try {
-    const userId = req.user!.id;
-    const { id } = req.params;
-    const { title, content, mood, tags } = req.body;
-
-    const { data, error } = await supabase
-      .from('journal_entries')
-      .update({
-        title,
-        content,
-        mood,
-        tags,
-        updated_at: new Date().toISOString(),
-      })
-      .eq('id', id)
-      .eq('user_id', userId)
-      .select()
-      .single();
-
-    if (error) {
-      console.error('Error updating journal entry:', error);
-      return res.status(500).json({ error: 'Failed to update entry' });
-    }
-
-    if (!data) {
-      return res.status(404).json({ error: 'Entry not found' });
-    }
-
-    res.json(data);
-  } catch (error) {
-    console.error('Error:', error);
-    res.status(500).json({ error: 'Internal server error' });
-  }
-});
-
-// Delete journal entry
-router.delete('/:id', authenticate, async (req: AuthRequest, res) => {
-  try {
-    const userId = req.user!.id;
-    const { id } = req.params;
-
-    const { error } = await supabase
-      .from('journal_entries')
-      .delete()
-      .eq('id', id)
-      .eq('user_id', userId);
-
-    if (error) {
-      console.error('Error deleting journal entry:', error);
-      return res.status(500).json({ error: 'Failed to delete entry' });
-    }
-
-    res.status(204).send();
-  } catch (error) {
-    console.error('Error:', error);
-    res.status(500).json({ error: 'Internal server error' });
-  }
-});
-
-export default router;
diff --git a/backend/src/routes/moderation.ts b/backend/src/routes/moderation.ts
deleted file mode 100644
index 5aad43e..0000000
--- a/backend/src/routes/moderation.ts
+++ /dev/null
@@ -1,110 +0,0 @@
-import { Router } from 'express';
-import { supabase } from '../lib/supabase';
-import { authenticate, AuthRequest } from '../middleware/auth';
-
-const router = Router();
-
-// Get flagged messages (moderators only)
-router.get('/flagged', authenticate, async (req: AuthRequest, res) => {
-  try {
-    const userId = req.user!.id;
-
-    // Check if user is a moderator
-    const { data: volunteer } = await supabase
-      .from('volunteers')
-      .select('*')
-      .eq('user_id', userId)
-      .eq('is_active', true)
-      .single();
-
-    if (!volunteer) {
-      return res.status(403).json({ error: 'Moderator access required' });
-    }
-
-    const { data, error } = await supabase
-      .from('messages')
-      .select('*, profile:profiles(nickname, avatar), room:rooms(name)')
-      .in('risk_level', ['high', 'critical'])
-      .order('created_at', { ascending: false })
-      .limit(100);
-
-    if (error) {
-      console.error('Error fetching flagged messages:', error);
-      return res.status(500).json({ error: 'Failed to fetch flagged messages' });
-    }
-
-    res.json(data || []);
-  } catch (error) {
-    console.error('Error:', error);
-    res.status(500).json({ error: 'Internal server error' });
-  }
-});
-
-// Create a report
-router.post('/reports', authenticate, async (req: AuthRequest, res) => {
-  try {
-    const userId = req.user!.id;
-    const { messageId, reason } = req.body;
-
-    if (!messageId || !reason) {
-      return res.status(400).json({ error: 'Message ID and reason are required' });
-    }
-
-    const { data, error } = await supabase
-      .from('reports')
-      .insert({
-        message_id: messageId,
-        reported_by: userId,
-        reason,
-        status: 'pending',
-      })
-      .select()
-      .single();
-
-    if (error) {
-      console.error('Error creating report:', error);
-      return res.status(500).json({ error: 'Failed to create report' });
-    }
-
-    res.status(201).json(data);
-  } catch (error) {
-    console.error('Error:', error);
-    res.status(500).json({ error: 'Internal server error' });
-  }
-});
-
-// Get all reports (moderators only)
-router.get('/reports', authenticate, async (req: AuthRequest, res) => {
-  try {
-    const userId = req.user!.id;
-
-    // Check if user is a moderator
-    const { data: volunteer } = await supabase
-      .from('volunteers')
-      .select('*')
-      .eq('user_id', userId)
-      .eq('is_active', true)
-      .single();
-
-    if (!volunteer) {
-      return res.status(403).json({ error: 'Moderator access required' });
-    }
-
-    const { data, error } = await supabase
-      .from('reports')
-      .select('*, message:messages(content, risk_level), reporter:profiles!reported_by(nickname)')
-      .order('created_at', { ascending: false });
-
-    if (error) {
-      console.error('Error fetching reports:', error);
-      return res.status(500).json({ error: 'Failed to fetch reports' });
-    }
-
-    res.json(data || []);
-  } catch (error) {
-    console.error('Error:', error);
-    res.status(500).json({ error: 'Internal server error' });
-  }
-});
-
-export default router;
diff --git a/backend/src/routes/resources.ts b/backend/src/routes/resources.ts
deleted file mode 100644
index 7c840c5..0000000
--- a/backend/src/routes/resources.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { Router } from 'express';
-import { supabase } from '../lib/supabase';
-
-const router = Router();
-
-// Get all resources (public, no auth required)
-router.get('/', async (req, res) => {
-  try {
-    const { category } = req.query;
-
-    let query = supabase.from('resources').select('*').order('created_at', { ascending: false });
-
-    if (category) {
-      query = query.eq('category', category);
-    }
-
-    const { data, error } = await query;
-
-    if (error) {
-      console.error('Error fetching resources:', error);
-      return res.status(500).json({ error: 'Failed to fetch resources' });
-    }
-
-    res.json(data || []);
-  } catch (error) {
-    console.error('Error:', error);
-    res.status(500).json({ error: 'Internal server error' });
-  }
-});
-
-export default router;
diff --git a/backend/src/routes/rooms.ts b/backend/src/routes/rooms.ts
deleted file mode 100644
index 57ee27f..0000000
--- a/backend/src/routes/rooms.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import { Router } from 'express';
-import { supabase } from '../lib/supabase';
-import { authenticate, AuthRequest } from '../middleware/auth';
-
-const router = Router();
-
-// Get all rooms
-router.get('/', authenticate, async (req: AuthRequest, res) => {
-  try {
-    const { data, error } = await supabase
-      .from('rooms')
-      .select('*')
-      .order('created_at', { ascending: true });
-
-    if (error) {
-      console.error('Error fetching rooms:', error);
-      return res.status(500).json({ error: 'Failed to fetch rooms' });
-    }
-
-    res.json(data || []);
-  } catch (error) {
-    console.error('Error:', error);
-    res.status(500).json({ error: 'Internal server error' });
-  }
-});
-
-// Get messages for a room
-router.get('/:roomId/messages', authenticate, async (req: AuthRequest, res) => {
-  try {
-    const { roomId } = req.params;
-    const limit = parseInt(req.query.limit as string) || 50;
-
-    // Fetch messages without joining profiles (will get user data from WebSocket)
-    const { data, error } = await supabase
-      .from('messages')
-      .select('*')
-      .eq('room_id', roomId)
-      .order('created_at', { ascending: false })
-      .limit(limit);
-
-    if (error) {
-      console.error('Error fetching messages:', error);
-      return res.status(500).json({ error: 'Failed to fetch messages' });
-    }
-
-    res.json((data || []).reverse());
-  } catch (error) {
-    console.error('Error:', error);
-    res.status(500).json({ error: 'Internal server error' });
-  }
-});
-
-export default router;
diff --git a/backend/src/scripts/setupDatabase.ts b/backend/src/scripts/setupDatabase.ts
deleted file mode 100644
index 81a79b5..0000000
--- a/backend/src/scripts/setupDatabase.ts
+++ /dev/null
@@ -1,33 +0,0 @@
-import { supabase } from '../lib/supabase';
-
-/**
- * Helper script to test database connection and setup
- * Run with: npm run setup-db
- */
-
-async function testConnection() {
-  console.log('Testing Supabase connection...');
-
-  try {
-    const { data, error } = await supabase.from('profiles').select('count').single();
-
-    if (error) {
-      console.error('❌ Database connection failed:', error.message);
-      console.log('\nMake sure you have:');
-      console.log('1. Created a Supabase project');
-      console.log('2. Applied the schema.sql file');
-      console.log('3. Set SUPABASE_URL and SUPABASE_SERVICE_ROLE_KEY in .env');
-      process.exit(1);
-    }
-
-    console.log('✅ Database connection successful!');
-    console.log('\nNext steps:');
-    console.log('1. Run: npm run dev');
-    console.log('2. Open frontend and create a test user');
-  } catch (error) {
-    console.error('❌ Unexpected error:', error);
-    process.exit(1);
-  }
-}
-
-testConnection();
diff --git a/backend/src/services/chatServer.ts b/backend/src/services/chatServer.ts
deleted file mode 100644
index 58127df..0000000
--- a/backend/src/services/chatServer.ts
+++ /dev/null
@@ -1,270 +0,0 @@
-import WebSocket from 'ws';
-import { supabase } from '../lib/supabase';
-import { detectCrisis, getCrisisResourcesMessage } from './crisisDetection';
-
-interface ChatMessage {
-  type: 'join' | 'leave' | 'chat' | 'crisis_alert';
-  roomId?: string;
-  userId?: string;
-  nickname?: string;
-  content?: string;
-  riskLevel?: string;
-  timestamp?: string;
-}
-
-interface RoomMember {
-  ws: WebSocket;
-  userId: string;
-  nickname: string;
-}
-
-export class ChatServer {
-  private wss: WebSocket.Server;
-  private rooms: Map<string, Set<RoomMember>>;
-
-  constructor(server: any) {
-    this.wss = new WebSocket.Server({ server });
-    this.rooms = new Map();
-
-    this.wss.on('connection', this.handleConnection.bind(this));
-
-    // Heartbeat to detect dead connections
-    setInterval(() => {
-      this.wss.clients.forEach((ws: any) => {
-        if (ws.isAlive === false) {
-          return ws.terminate();
-        }
-        ws.isAlive = false;
-        ws.ping();
-      });
-    }, 30000);
-  }
-
-  private handleConnection(ws: WebSocket) {
-    console.log('New WebSocket connection');
-
-    (ws as any).isAlive = true;
-    ws.on('pong', () => {
-      (ws as any).isAlive = true;
-    });
-
-    ws.on('message', async (data: string) => {
-      try {
-        const message: ChatMessage = JSON.parse(data.toString());
-        await this.handleMessage(ws, message);
-      } catch (error) {
-        console.error('Error handling message:', error);
-        // Send error but don't close connection
-        try {
-          ws.send(JSON.stringify({ type: 'error', message: 'Invalid message format' }));
-        } catch (sendError) {
-          console.error('Error sending error message:', sendError);
-        }
-      }
-    });
-
-    ws.on('close', () => {
-      this.handleDisconnect(ws);
-    });
-  }
-
-  private async handleMessage(ws: WebSocket, message: ChatMessage) {
-    switch (message.type) {
-      case 'join':
-        await this.handleJoin(ws, message);
-        break;
-      case 'leave':
-        this.handleLeave(ws, message);
-        break;
-      case 'chat':
-        await this.handleChatMessage(ws, message);
-        break;
-      default:
-        ws.send(JSON.stringify({ type: 'error', message: 'Unknown message type' }));
-    }
-  }
-
-  private async handleJoin(ws: WebSocket, message: ChatMessage) {
-    const { roomId, userId, nickname } = message;
-
-    if (!roomId || !userId || !nickname) {
-      ws.send(JSON.stringify({ type: 'error', message: 'Missing required fields' }));
-      return;
-    }
-
-    try {
-      // Add user to room
-      if (!this.rooms.has(roomId)) {
-        this.rooms.set(roomId, new Set());
-      }
-
-      const room = this.rooms.get(roomId)!;
-      room.add({ ws, userId, nickname });
-
-      // Store connection metadata
-      (ws as any).roomId = roomId;
-      (ws as any).userId = userId;
-      (ws as any).nickname = nickname;
-
-      // Fetch recent messages from database (without profile join - nicknames come from messages)
-      const { data: messages, error } = await supabase
-        .from('messages')
-        .select('*')
-        .eq('room_id', roomId)
-        .order('created_at', { ascending: false })
-        .limit(50);
-
-      if (error) {
-        console.error('Error fetching messages:', error);
-        // Send error but continue - don't crash the connection
-        ws.send(JSON.stringify({ 
-          type: 'error', 
-          message: 'Could not load message history' 
-        }));
-      } else {
-        ws.send(
-          JSON.stringify({
-            type: 'history',
-            messages: messages?.reverse() || [],
-          })
-        );
-      }
-
-      // Broadcast join event
-      this.broadcastToRoom(roomId, {
-        type: 'join',
-        userId,
-        nickname,
-        timestamp: new Date().toISOString(),
-      });
-
-      console.log(`${nickname} joined room ${roomId}`);
-    } catch (error) {
-      console.error('Error in handleJoin:', error);
-      ws.send(JSON.stringify({ 
-        type: 'error', 
-        message: 'Failed to join room' 
-      }));
-    }
-  }
-
-  private handleLeave(ws: WebSocket, message: ChatMessage) {
-    const roomId = (ws as any).roomId;
-    const userId = (ws as any).userId;
-    const nickname = (ws as any).nickname;
-
-    if (roomId && userId) {
-      const room = this.rooms.get(roomId);
-      if (room) {
-        // Remove user from room
-        room.forEach((member) => {
-          if (member.userId === userId) {
-            room.delete(member);
-          }
-        });
-
-        // Broadcast leave event
-        this.broadcastToRoom(roomId, {
-          type: 'leave',
-          userId,
-          nickname,
-          timestamp: new Date().toISOString(),
-        });
-
-        console.log(`${nickname} left room ${roomId}`);
-      }
-    }
-  }
-
-  private async handleChatMessage(ws: WebSocket, message: ChatMessage) {
-    const { content } = message;
-    const roomId = (ws as any).roomId;
-    const userId = (ws as any).userId;
-    const nickname = (ws as any).nickname;
-
-    if (!content || !roomId || !userId) {
-      ws.send(JSON.stringify({ type: 'error', message: 'Missing required fields' }));
-      return;
-    }
-
-    // Detect crisis in message
-    const crisisResult = await detectCrisis(content);
-
-    // Save message to database with risk level
-    const { data: savedMessage, error } = await supabase
-      .from('messages')
-      .insert({
-        room_id: roomId,
-        user_id: userId,
-        content,
-        risk_level: crisisResult.riskLevel,
-      })
-      .select('*')
-      .single();
-
-    if (error) {
-      console.error('Error saving message:', error);
-      ws.send(JSON.stringify({ type: 'error', message: 'Failed to save message' }));
-      return;
-    }
-
-    // Broadcast message to room with nickname from WebSocket metadata
-    this.broadcastToRoom(roomId, {
-      type: 'chat',
-      userId: savedMessage.user_id,
-      nickname: nickname, // Use nickname from WebSocket connection
-      content: savedMessage.content,
-      timestamp: savedMessage.created_at,
-      riskLevel: savedMessage.risk_level,
-    });
-
-    // Send crisis alert if detected
-    if (crisisResult.isCrisis && crisisResult.riskLevel !== 'none') {
-      const resourcesMessage = getCrisisResourcesMessage(crisisResult.riskLevel);
-
-      // Send private crisis resources to the user
-      ws.send(
-        JSON.stringify({
-          type: 'crisis_alert',
-          riskLevel: crisisResult.riskLevel,
-          message: resourcesMessage,
-          timestamp: new Date().toISOString(),
-        })
-      );
-
-      console.log(
-        `Crisis detected (${crisisResult.riskLevel}) in room ${roomId} by ${nickname}`
-      );
-    }
-  }
-
-  private handleDisconnect(ws: WebSocket) {
-    const roomId = (ws as any).roomId;
-    const userId = (ws as any).userId;
-
-    if (roomId && userId) {
-      const room = this.rooms.get(roomId);
-      if (room) {
-        room.forEach((member) => {
-          if (member.userId === userId) {
-            room.delete(member);
-          }
-        });
-      }
-    }
-
-    console.log('WebSocket disconnected');
-  }
-
-  private broadcastToRoom(roomId: string, message: any) {
-    const room = this.rooms.get(roomId);
-    if (!room) return;
-
-    const messageStr = JSON.stringify(message);
-    room.forEach((member) => {
-      if (member.ws.readyState === WebSocket.OPEN) {
-        member.ws.send(messageStr);
-      }
-    });
-  }
-}
diff --git a/backend/src/services/crisisDetection.ts b/backend/src/services/crisisDetection.ts
deleted file mode 100644
index 796bab2..0000000
--- a/backend/src/services/crisisDetection.ts
+++ /dev/null
@@ -1,258 +0,0 @@
-import config from '../config';
-
-interface EmotionScore {
-  label: string;
-  score: number;
-}
-
-interface HuggingFaceResponse {
-  label: string;
-  score: number;
-}
-
-interface CrisisDetectionResult {
-  isCrisis: boolean;
-  riskLevel: 'none' | 'low' | 'medium' | 'high' | 'critical';
-  detectedEmotions?: string[];
-  triggeredKeywords?: string[];
-  confidence: number;
-}
-
-// Crisis keywords categorized by severity
-const CRISIS_KEYWORDS = {
-  critical: [
-    'suicide',
-    'kill myself',
-    'end my life',
-    'want to die',
-    'better off dead',
-    'no reason to live',
-    'goodbye world',
-    'final goodbye',
-  ],
-  high: [
-    'self harm',
-    'cut myself',
-    'hurt myself',
-    'overdose',
-    'jump off',
-    'hang myself',
-    'planning to',
-    'going to hurt',
-  ],
-  medium: [
-    'hopeless',
-    'worthless',
-    'cant go on',
-    'no point',
-    'give up',
-    'ending it',
-    'rather be dead',
-    'disappear forever',
-  ],
-  low: [
-    'depressed',
-    'anxious',
-    'scared',
-    'alone',
-    'struggling',
-    'hard time',
-    'overwhelming',
-    'cant cope',
-  ],
-};
-
-// High-risk emotions from the AI model
-const HIGH_RISK_EMOTIONS = ['sadness', 'fear', 'anger'];
-const MEDIUM_RISK_EMOTIONS = ['disgust', 'surprise'];
-
-/**
- * Analyze message using HuggingFace emotion detection model
- */
-async function analyzeWithHuggingFace(
-  message: string
-): Promise<EmotionScore[] | null> {
-  const apiToken = config.huggingface.apiToken;
-
-  if (!apiToken) {
-    console.warn('HuggingFace API token not configured, using keyword fallback');
-    return null;
-  }
-
-  try {
-    const response = await fetch(
-      'https://api-inference.huggingface.co/models/cardiffnlp/twitter-roberta-base-emotion',
-      {
-        method: 'POST',
-        headers: {
-          Authorization: `Bearer ${apiToken}`,
-          'Content-Type': 'application/json',
-        },
-        body: JSON.stringify({ inputs: message }),
-      }
-    );
-
-    if (!response.ok) {
-      console.error('HuggingFace API error:', response.statusText);
-      return null;
-    }
-
-    const result: HuggingFaceResponse[][] = await response.json();
-    return result[0] || null;
-  } catch (error) {
-    console.error('Error calling HuggingFace API:', error);
-    return null;
-  }
-}
-
-/**
- * Analyze message using keyword matching (fallback)
- */
-function analyzeWithKeywords(message: string): CrisisDetectionResult {
-  const lowerMessage = message.toLowerCase();
-  const triggeredKeywords: string[] = [];
-  let highestRiskLevel: 'none' | 'low' | 'medium' | 'high' | 'critical' = 'none';
-
-  // Check critical keywords
-  for (const keyword of CRISIS_KEYWORDS.critical) {
-    if (lowerMessage.includes(keyword)) {
-      triggeredKeywords.push(keyword);
-      highestRiskLevel = 'critical';
-    }
-  }
-
-  // Check high-risk keywords
-  if (highestRiskLevel !== 'critical') {
-    for (const keyword of CRISIS_KEYWORDS.high) {
-      if (lowerMessage.includes(keyword)) {
-        triggeredKeywords.push(keyword);
-        if (highestRiskLevel !== 'high') {
-          highestRiskLevel = 'high';
-        }
-      }
-    }
-  }
-
-  // Check medium-risk keywords
-  if (highestRiskLevel === 'none' || highestRiskLevel === 'low') {
-    for (const keyword of CRISIS_KEYWORDS.medium) {
-      if (lowerMessage.includes(keyword)) {
-        triggeredKeywords.push(keyword);
-        if (highestRiskLevel !== 'medium' && highestRiskLevel !== 'high') {
-          highestRiskLevel = 'medium';
-        }
-      }
-    }
-  }
-
-  // Check low-risk keywords
-  if (highestRiskLevel === 'none') {
-    for (const keyword of CRISIS_KEYWORDS.low) {
-      if (lowerMessage.includes(keyword)) {
-        triggeredKeywords.push(keyword);
-        highestRiskLevel = 'low';
-      }
-    }
-  }
-
-  return {
-    isCrisis: highestRiskLevel !== 'none',
-    riskLevel: highestRiskLevel,
-    triggeredKeywords,
-    confidence: triggeredKeywords.length > 0 ? 0.7 : 0.0,
-  };
-}
-
-/**
- * Main crisis detection function
- */
-export async function detectCrisis(
-  message: string
-): Promise<CrisisDetectionResult> {
-  // First, try HuggingFace AI analysis
-  const emotions = await analyzeWithHuggingFace(message);
-
-  if (emotions && emotions.length > 0) {
-    // Analyze emotion scores
-    const detectedEmotions = emotions.map((e) => e.label);
-    let riskLevel: 'none' | 'low' | 'medium' | 'high' | 'critical' = 'none';
-    let maxScore = 0;
-
-    for (const emotion of emotions) {
-      if (emotion.score > maxScore) {
-        maxScore = emotion.score;
-      }
-
-      if (HIGH_RISK_EMOTIONS.includes(emotion.label) && emotion.score > 0.5) {
-        riskLevel = emotion.score > 0.7 ? 'high' : 'medium';
-      } else if (
-        MEDIUM_RISK_EMOTIONS.includes(emotion.label) &&
-        emotion.score > 0.6
-      ) {
-        if (riskLevel === 'none') {
-          riskLevel = 'low';
-        }
-      }
-    }
-
-    // Also run keyword analysis and take the higher risk level
-    const keywordResult = analyzeWithKeywords(message);
-    const riskLevels = ['none', 'low', 'medium', 'high', 'critical'];
-    const aiRiskIndex = riskLevels.indexOf(riskLevel);
-    const keywordRiskIndex = riskLevels.indexOf(keywordResult.riskLevel);
-
-    if (keywordRiskIndex > aiRiskIndex) {
-      riskLevel = keywordResult.riskLevel;
-    }
-
-    return {
-      isCrisis: riskLevel !== 'none',
-      riskLevel,
-      detectedEmotions,
-      triggeredKeywords: keywordResult.triggeredKeywords,
-      confidence: maxScore,
-    };
-  }
-
-  // Fallback to keyword analysis
-  return analyzeWithKeywords(message);
-}
-
-/**
- * Get crisis resources message based on risk level
- */
-export function getCrisisResourcesMessage(
-  riskLevel: 'low' | 'medium' | 'high' | 'critical'
-): string {
-  const baseMessage =
-    '🆘 **Crisis Resources** 🆘\n\n' +
-    '**If you are in immediate danger, please call emergency services (911/112/999).**\n\n';
-
-  const resources =
-    '**24/7 Crisis Hotlines:**\n' +
-    '• US: Call/Text **988** (Suicide & Crisis Lifeline)\n' +
-    '• US: Text **HOME** to **741741** (Crisis Text Line)\n' +
-    '• International: **findahelpline.com**\n\n' +
-    '**You are not alone. Help is available.**';
-
-  if (riskLevel === 'critical' || riskLevel === 'high') {
-    return (
-      baseMessage +
-      '⚠️ **This message may indicate a mental health crisis.** ⚠️\n\n' +
-      'Please reach out to a crisis professional immediately:\n\n' +
-      resources
-    );
-  } else if (riskLevel === 'medium') {
-    return (
-      baseMessage +
-      'If you\'re struggling, consider reaching out:\n\n' +
-      resources
-    );
-  } else {
-    return (
-      '💙 **Support Resources** 💙\n\n' +
-      'If you need support, here are some resources:\n\n' +
-      resources
-    );
-  }
-}
diff --git a/backend/tsconfig.json b/backend/tsconfig.json
deleted file mode 100644
index 2f6a024..0000000
--- a/backend/tsconfig.json
+++ /dev/null
@@ -1,20 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "module": "commonjs",
-    "lib": ["ES2020"],
-    "outDir": "./dist",
-    "rootDir": "./src",
-    "strict": true,
-    "esModuleInterop": true,
-    "skipLibCheck": true,
-    "forceConsistentCasingInFileNames": true,
-    "resolveJsonModule": true,
-    "moduleResolution": "node",
-    "declaration": true,
-    "declarationMap": true,
-    "sourceMap": true
-  },
-  "include": ["src/**/*"],
-  "exclude": ["node_modules", "dist"]
-}
diff --git a/docker-compose.yml b/docker-compose.yml
deleted file mode 100644
index f259b7f..0000000
--- a/docker-compose.yml
+++ /dev/null
@@ -1,45 +0,0 @@
-version: '3.8'
-
-services:
-  backend:
-    build:
-      context: ./backend
-      dockerfile: Dockerfile
-    container_name: openmindwell-backend
-    ports:
-      - "3001:3001"
-    env_file:
-      - ./backend/.env
-    restart: unless-stopped
-    healthcheck:
-      test: ["CMD", "curl", "-f", "http://localhost:3001/health"]
-      interval: 30s
-      timeout: 10s
-      retries: 3
-      start_period: 40s
-    networks:
-      - openmindwell
-
-  frontend:
-    build:
-      context: ./frontend
-      dockerfile: Dockerfile
-    container_name: openmindwell-frontend
-    ports:
-      - "80:80"
-    depends_on:
-      backend:
-        condition: service_healthy
-    restart: unless-stopped
-    healthcheck:
-      test: ["CMD", "wget", "--quiet", "--tries=1", "--spider", "http://localhost/"]
-      interval: 30s
-      timeout: 3s
-      retries: 3
-      start_period: 5s
-    networks:
-      - openmindwell
-
-networks:
-  openmindwell:
-    driver: bridge
diff --git a/frontend/.env.example b/frontend/.env.example
index eedc8d4..b0c422e 100644
--- a/frontend/.env.example
+++ b/frontend/.env.example
@@ -1,16 +1,3 @@
-# Frontend Environment Variables
-# Copy this to .env and fill in your values
-
-# Backend API URL
-VITE_API_BASE_URL=http://localhost:3001
-
-# WebSocket URL
-VITE_WS_URL=ws://localhost:3001
-
-# Supabase Configuration (same as backend)
-VITE_SUPABASE_URL=https://your-project-id.supabase.co
-VITE_SUPABASE_ANON_KEY=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...
-
-# Production values:
-# VITE_API_BASE_URL=https://your-domain.com
-# VITE_WS_URL=wss://your-domain.com
+# Supabase Configuration
+VITE_SUPABASE_URL=your_supabase_project_url
+VITE_SUPABASE_ANON_KEY=your_supabase_anon_key
diff --git a/frontend/.gitignore b/frontend/.gitignore
new file mode 100644
index 0000000..71da7d5
--- /dev/null
+++ b/frontend/.gitignore
@@ -0,0 +1,5 @@
+node_modules/
+dist/
+.env
+.env.local
+*.log
diff --git a/frontend/Dockerfile b/frontend/Dockerfile
deleted file mode 100644
index fd60e69..0000000
--- a/frontend/Dockerfile
+++ /dev/null
@@ -1,34 +0,0 @@
-# Build stage
-FROM node:18-alpine AS build
-
-WORKDIR /app
-
-# Copy package files
-COPY package*.json ./
-
-# Install dependencies
-RUN npm ci
-
-# Copy source code
-COPY . .
-
-# Build the application
-RUN npm run build
-
-# Production stage
-FROM nginx:alpine
-
-# Copy built files from build stage
-COPY --from=build /app/dist /usr/share/nginx/html
-
-# Copy nginx configuration
-COPY nginx.conf /etc/nginx/conf.d/default.conf
-
-# Expose port (configure as needed for your server)
-EXPOSE 80
-
-# Health check
-HEALTHCHECK --interval=30s --timeout=3s --start-period=5s --retries=3 \
-  CMD wget --quiet --tries=1 --spider http://localhost/ || exit 1
-
-CMD ["nginx", "-g", "daemon off;"]
diff --git a/frontend/README.md b/frontend/README.md
new file mode 100644
index 0000000..8490c9a
--- /dev/null
+++ b/frontend/README.md
@@ -0,0 +1,175 @@
+# 🧠 OpenMindWell
+
+> A free, anonymous, privacy-first mental health peer support platform.
+
+![React](https://img.shields.io/badge/React-18.2-blue)
+![TypeScript](https://img.shields.io/badge/TypeScript-5.0-blue)
+![Tailwind CSS](https://img.shields.io/badge/Tailwind-3.4-38B2AC)
+![Supabase](https://img.shields.io/badge/Supabase-Backend-green)
+
+## ✨ Features
+
+### 🔐 Privacy First
+- **Anonymous Authentication** - No email, no password, no tracking
+- **Encrypted Data** - Your journal entries are private and secure
+- **No Personal Data Collection** - We don't know who you are
+
+### 💬 Peer Support Chat
+- Join topic-based chat rooms (Anxiety, Depression, Stress, etc.)
+- Real-time messaging with fellow community members
+- Safe, moderated environment
+- Create your own support rooms
+
+### 📔 Private Journal
+- Express your thoughts freely
+- Daily prompts to guide your writing
+- Search and organize entries
+- Only you can access your journal
+
+### 🎯 Habit Tracking
+- Create and track healthy habits
+- Visual progress indicators
+- Daily check-ins with streak tracking
+- Customizable habit emojis
+
+### 📊 Mood Tracking
+- Log your mood with simple emoji scale
+- Track energy and anxiety levels
+- Add notes for context
+- View mood trends over time
+
+### 🆘 Crisis Support
+- One-click access to crisis helplines
+- Automatic crisis keyword detection
+- US and India helpline numbers
+- IASP international resources
+
+## 🚀 Getting Started
+
+### Prerequisites
+- Node.js 18+ 
+- npm or yarn
+- Supabase account (free tier works!)
+
+### Installation
+
+1. **Clone the repository**
+```bash
+git clone https://github.com/yourusername/openmindwell.git
+cd openmindwell/frontend
+```
+
+2. **Install dependencies**
+```bash
+npm install
+```
+
+3. **Setup Supabase**
+   - Create a new project at [supabase.com](https://supabase.com)
+   - Go to **SQL Editor** and run the schema from `supabase/schema.sql`
+   - Enable **Anonymous Authentication** in Authentication > Providers
+   - Copy your project URL and anon key
+
+4. **Configure environment**
+```bash
+cp .env.example .env
+```
+Edit `.env`:
+```env
+VITE_SUPABASE_URL=your_supabase_url
+VITE_SUPABASE_ANON_KEY=your_supabase_anon_key
+```
+
+5. **Start development server**
+```bash
+npm run dev
+```
+
+Visit `http://localhost:5173` 🎉
+
+## 📁 Project Structure
+
+```
+frontend/
+├── src/
+│   ├── components/
+│   │   ├── layout/
+│   │   │   └── DashboardLayout.tsx    # Main app layout
+│   │   └── CrisisModal.tsx            # Crisis resources modal
+│   ├── lib/
+│   │   ├── supabase.ts                # Supabase client & helpers
+│   │   ├── database.types.ts          # TypeScript types
+│   │   └── utils.ts                   # Utility functions
+│   ├── pages/
+│   │   ├── Landing.tsx                # Homepage
+│   │   ├── Dashboard.tsx              # User dashboard
+│   │   ├── ChatRooms.tsx              # Chat room list
+│   │   ├── ChatRoom.tsx               # Individual chat room
+│   │   ├── Journal.tsx                # Journal entries
+│   │   ├── Habits.tsx                 # Habit tracker
+│   │   ├── Mood.tsx                   # Mood tracker
+│   │   └── Resources.tsx              # Mental health resources
+│   ├── store/
+│   │   ├── authStore.ts               # Auth state (Zustand)
+│   │   └── uiStore.ts                 # UI state (Zustand)
+│   ├── App.tsx                        # Routes & main app
+│   ├── main.tsx                       # Entry point
+│   └── index.css                      # Global styles
+├── supabase/
+│   └── schema.sql                     # Database schema
+└── package.json
+```
+
+## 🛠️ Tech Stack
+
+| Technology | Purpose |
+|------------|---------|
+| React 18 | UI Framework |
+| TypeScript | Type Safety |
+| Vite | Build Tool |
+| Tailwind CSS | Styling |
+| Supabase | Backend (Auth, DB, Realtime) |
+| Zustand | State Management |
+| React Router | Routing |
+| Lucide React | Icons |
+
+## 🤝 Contributing
+
+Contributions are welcome! Please read our contributing guidelines first.
+
+1. Fork the repository
+2. Create a feature branch (`git checkout -b feature/amazing-feature`)
+3. Commit changes (`git commit -m 'Add amazing feature'`)
+4. Push to branch (`git push origin feature/amazing-feature`)
+5. Open a Pull Request
+
+## 📜 License
+
+This project is open source and available under the [MIT License](LICENSE).
+
+## 💚 Support
+
+If you find this project helpful, please consider:
+- ⭐ Starring the repository
+- 🐛 Reporting bugs
+- 💡 Suggesting features
+- 🤝 Contributing code
+
+## 🆘 Crisis Resources
+
+If you or someone you know is in crisis:
+
+**United States**
+- 988 Suicide & Crisis Lifeline: Call or text **988**
+- Crisis Text Line: Text **HOME** to **741741**
+
+**India**
+- KIRAN Helpline: **1800-599-0019** (24/7, free)
+- Vandrevala Foundation: **1860-2662-345**
+
+**International**
+- [IASP Crisis Centres](https://www.iasp.info/resources/Crisis_Centres/)
+
+---
+
+Built with 💚 for mental health awareness
diff --git a/frontend/index.html b/frontend/index.html
index 63f3987..771b86b 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -1,12 +1,12 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <link rel="icon" type="image/png" href="/logo.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <meta name="description" content="Free, anonymous peer support for mental wellness. Chat rooms, journaling, habit tracking, and curated resources." />
-    <meta name="keywords" content="mental health, peer support, anonymous, anxiety, depression, wellness" />
-    <title>OpenMindWell - Anonymous Mental Health Support</title>
+    <meta name="description" content="OpenMindWell - Free, anonymous mental health peer support platform" />
+    <meta name="theme-color" content="#0ea5e9" />
+    <title>OpenMindWell - Mental Health Support</title>
   </head>
   <body>
     <div id="root"></div>
diff --git a/frontend/nginx.conf b/frontend/nginx.conf
deleted file mode 100644
index 2f2c7eb..0000000
--- a/frontend/nginx.conf
+++ /dev/null
@@ -1,31 +0,0 @@
-server {
-    listen 80;
-    server_name localhost;
-    root /usr/share/nginx/html;
-    index index.html;
-
-    # Enable gzip compression
-    gzip on;
-    gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;
-
-    # Security headers
-    add_header X-Frame-Options "SAMEORIGIN" always;
-    add_header X-Content-Type-Options "nosniff" always;
-    add_header X-XSS-Protection "1; mode=block" always;
-
-    # React Router support - all routes should serve index.html
-    location / {
-        try_files $uri $uri/ /index.html;
-    }
-
-    # Cache static assets
-    location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg|woff|woff2|ttf|eot)$ {
-        expires 1y;
-        add_header Cache-Control "public, immutable";
-    }
-
-    # Don't cache index.html
-    location = /index.html {
-        add_header Cache-Control "no-cache, no-store, must-revalidate";
-    }
-}
diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 0f88a72..6ef490a 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -1,27 +1,36 @@
 {
-  "name": "openmindwell-frontend",
+  "name": "openmindwell",
   "version": "1.0.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
-      "name": "openmindwell-frontend",
+      "name": "openmindwell",
       "version": "1.0.0",
       "dependencies": {
         "@supabase/supabase-js": "^2.39.0",
+        "clsx": "^2.0.0",
+        "date-fns": "^2.30.0",
+        "lucide-react": "^0.294.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
-        "react-router-dom": "^6.20.1"
+        "react-hot-toast": "^2.4.1",
+        "react-router-dom": "^6.21.0",
+        "zustand": "^4.4.7"
       },
       "devDependencies": {
-        "@types/node": "^20.10.6",
-        "@types/react": "^18.2.46",
-        "@types/react-dom": "^18.2.18",
+        "@types/react": "^18.2.43",
+        "@types/react-dom": "^18.2.17",
+        "@typescript-eslint/eslint-plugin": "^6.14.0",
+        "@typescript-eslint/parser": "^6.14.0",
         "@vitejs/plugin-react": "^4.2.1",
         "autoprefixer": "^10.4.16",
+        "eslint": "^8.55.0",
+        "eslint-plugin-react-hooks": "^4.6.0",
+        "eslint-plugin-react-refresh": "^0.4.5",
         "postcss": "^8.4.32",
         "tailwindcss": "^3.4.0",
-        "typescript": "^5.3.3",
+        "typescript": "^5.2.2",
         "vite": "^5.0.8"
       }
     },
@@ -94,6 +103,16 @@
         "url": "https://opencollective.com/babel"
       }
     },
+    "node_modules/@babel/core/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
     "node_modules/@babel/generator": {
       "version": "7.28.5",
       "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.28.5.tgz",
@@ -128,6 +147,16 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/@babel/helper-compilation-targets/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
     "node_modules/@babel/helper-globals": {
       "version": "7.28.0",
       "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
@@ -272,6 +301,15 @@
         "@babel/core": "^7.0.0-0"
       }
     },
+    "node_modules/@babel/runtime": {
+      "version": "7.28.4",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.4.tgz",
+      "integrity": "sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
     "node_modules/@babel/template": {
       "version": "7.27.2",
       "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.27.2.tgz",
@@ -711,6 +749,155 @@
         "node": ">=12"
       }
     },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.9.0",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.0.tgz",
+      "integrity": "sha512-ayVFHdtZ+hsq1t2Dy24wCmGXGe4q9Gu3smhLYALJrr473ZH27MsnSL+LKUlimp4BWJqMDMLmPpx/Q9R3OAlL4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "eslint-visitor-keys": "^3.4.3"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^6.0.0 || ^7.0.0 || >=8.0.0"
+      }
+    },
+    "node_modules/@eslint-community/regexpp": {
+      "version": "4.12.2",
+      "resolved": "https://registry.npmjs.org/@eslint-community/regexpp/-/regexpp-4.12.2.tgz",
+      "integrity": "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.0.0 || ^14.0.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-2.1.4.tgz",
+      "integrity": "sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^6.12.4",
+        "debug": "^4.3.2",
+        "espree": "^9.6.0",
+        "globals": "^13.19.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.0",
+        "minimatch": "^3.1.2",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "8.57.1",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-8.57.1.tgz",
+      "integrity": "sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      }
+    },
+    "node_modules/@humanwhocodes/config-array": {
+      "version": "0.13.0",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/config-array/-/config-array-0.13.0.tgz",
+      "integrity": "sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==",
+      "deprecated": "Use @eslint/config-array instead",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@humanwhocodes/object-schema": "^2.0.3",
+        "debug": "^4.3.1",
+        "minimatch": "^3.0.5"
+      },
+      "engines": {
+        "node": ">=10.10.0"
+      }
+    },
+    "node_modules/@humanwhocodes/config-array/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/@humanwhocodes/config-array/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/@humanwhocodes/module-importer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/module-importer/-/module-importer-1.0.1.tgz",
+      "integrity": "sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=12.22"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@humanwhocodes/object-schema": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/object-schema/-/object-schema-2.0.3.tgz",
+      "integrity": "sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==",
+      "deprecated": "Use @eslint/object-schema instead",
+      "dev": true,
+      "license": "BSD-3-Clause"
+    },
     "node_modules/@jridgewell/gen-mapping": {
       "version": "0.3.13",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
@@ -1124,9 +1311,9 @@
       ]
     },
     "node_modules/@supabase/auth-js": {
-      "version": "2.84.0",
-      "resolved": "https://registry.npmjs.org/@supabase/auth-js/-/auth-js-2.84.0.tgz",
-      "integrity": "sha512-J6XKbqqg1HQPMfYkAT9BrC8anPpAiifl7qoVLsYhQq5B/dnu/lxab1pabnxtJEsvYG5rwI5HEVEGXMjoQ6Wz2Q==",
+      "version": "2.86.0",
+      "resolved": "https://registry.npmjs.org/@supabase/auth-js/-/auth-js-2.86.0.tgz",
+      "integrity": "sha512-3xPqMvBWC6Haqpr6hEWmSUqDq+6SA1BAEdbiaHdAZM9QjZ5uiQJ+6iD9pZOzOa6MVXZh4GmwjhC9ObIG0K1NcA==",
       "license": "MIT",
       "dependencies": {
         "tslib": "2.8.1"
@@ -1136,9 +1323,9 @@
       }
     },
     "node_modules/@supabase/functions-js": {
-      "version": "2.84.0",
-      "resolved": "https://registry.npmjs.org/@supabase/functions-js/-/functions-js-2.84.0.tgz",
-      "integrity": "sha512-2oY5QBV4py/s64zMlhPEz+4RTdlwxzmfhM1k2xftD2v1DruRZKfoe7Yn9DCz1VondxX8evcvpc2udEIGzHI+VA==",
+      "version": "2.86.0",
+      "resolved": "https://registry.npmjs.org/@supabase/functions-js/-/functions-js-2.86.0.tgz",
+      "integrity": "sha512-AlOoVfeaq9XGlBFIyXTmb+y+CZzxNO4wWbfgRM6iPpNU5WCXKawtQYSnhivi3UVxS7GA0rWovY4d6cIAxZAojA==",
       "license": "MIT",
       "dependencies": {
         "tslib": "2.8.1"
@@ -1148,9 +1335,9 @@
       }
     },
     "node_modules/@supabase/postgrest-js": {
-      "version": "2.84.0",
-      "resolved": "https://registry.npmjs.org/@supabase/postgrest-js/-/postgrest-js-2.84.0.tgz",
-      "integrity": "sha512-oplc/3jfJeVW4F0J8wqywHkjIZvOVHtqzF0RESijepDAv5Dn/LThlGW1ftysoP4+PXVIrnghAbzPHo88fNomPQ==",
+      "version": "2.86.0",
+      "resolved": "https://registry.npmjs.org/@supabase/postgrest-js/-/postgrest-js-2.86.0.tgz",
+      "integrity": "sha512-QVf+wIXILcZJ7IhWhWn+ozdf8B+oO0Ulizh2AAPxD/6nQL+x3r9lJ47a+fpc/jvAOGXMbkeW534Kw6jz7e8iIA==",
       "license": "MIT",
       "dependencies": {
         "tslib": "2.8.1"
@@ -1160,9 +1347,9 @@
       }
     },
     "node_modules/@supabase/realtime-js": {
-      "version": "2.84.0",
-      "resolved": "https://registry.npmjs.org/@supabase/realtime-js/-/realtime-js-2.84.0.tgz",
-      "integrity": "sha512-ThqjxiCwWiZAroHnYPmnNl6tZk6jxGcG2a7Hp/3kcolPcMj89kWjUTA3cHmhdIWYsP84fHp8MAQjYWMLf7HEUg==",
+      "version": "2.86.0",
+      "resolved": "https://registry.npmjs.org/@supabase/realtime-js/-/realtime-js-2.86.0.tgz",
+      "integrity": "sha512-dyS8bFoP29R/sj5zLi0AP3JfgG8ar1nuImcz5jxSx7UIW7fbFsXhUCVrSY2Ofo0+Ev6wiATiSdBOzBfWaiFyPA==",
       "license": "MIT",
       "dependencies": {
         "@types/phoenix": "^1.6.6",
@@ -1175,11 +1362,12 @@
       }
     },
     "node_modules/@supabase/storage-js": {
-      "version": "2.84.0",
-      "resolved": "https://registry.npmjs.org/@supabase/storage-js/-/storage-js-2.84.0.tgz",
-      "integrity": "sha512-vXvAJ1euCuhryOhC6j60dG8ky+lk0V06ubNo+CbhuoUv+sl39PyY0lc+k+qpQhTk/VcI6SiM0OECLN83+nyJ5A==",
+      "version": "2.86.0",
+      "resolved": "https://registry.npmjs.org/@supabase/storage-js/-/storage-js-2.86.0.tgz",
+      "integrity": "sha512-PM47jX/Mfobdtx7NNpoj9EvlrkapAVTQBZgGGslEXD6NS70EcGjhgRPBItwHdxZPM5GwqQ0cGMN06uhjeY2mHQ==",
       "license": "MIT",
       "dependencies": {
+        "iceberg-js": "^0.8.0",
         "tslib": "2.8.1"
       },
       "engines": {
@@ -1187,16 +1375,16 @@
       }
     },
     "node_modules/@supabase/supabase-js": {
-      "version": "2.84.0",
-      "resolved": "https://registry.npmjs.org/@supabase/supabase-js/-/supabase-js-2.84.0.tgz",
-      "integrity": "sha512-byMqYBvb91sx2jcZsdp0qLpmd4Dioe80e4OU/UexXftCkpTcgrkoENXHf5dO8FCSai8SgNeq16BKg10QiDI6xg==",
+      "version": "2.86.0",
+      "resolved": "https://registry.npmjs.org/@supabase/supabase-js/-/supabase-js-2.86.0.tgz",
+      "integrity": "sha512-BaC9sv5+HGNy1ulZwY8/Ev7EjfYYmWD4fOMw9bDBqTawEj6JHAiOHeTwXLRzVaeSay4p17xYLN2NSCoGgXMQnw==",
       "license": "MIT",
       "dependencies": {
-        "@supabase/auth-js": "2.84.0",
-        "@supabase/functions-js": "2.84.0",
-        "@supabase/postgrest-js": "2.84.0",
-        "@supabase/realtime-js": "2.84.0",
-        "@supabase/storage-js": "2.84.0"
+        "@supabase/auth-js": "2.86.0",
+        "@supabase/functions-js": "2.86.0",
+        "@supabase/postgrest-js": "2.86.0",
+        "@supabase/realtime-js": "2.86.0",
+        "@supabase/storage-js": "2.86.0"
       },
       "engines": {
         "node": ">=20.0.0"
@@ -1254,13 +1442,20 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/@types/json-schema": {
+      "version": "7.0.15",
+      "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz",
+      "integrity": "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@types/node": {
-      "version": "20.19.25",
-      "resolved": "https://registry.npmjs.org/@types/node/-/node-20.19.25.tgz",
-      "integrity": "sha512-ZsJzA5thDQMSQO788d7IocwwQbI8B5OPzmqNvpf3NY/+MHDAS759Wo0gd2WQeXYt5AAAQjzcrTVC6SKCuYgoCQ==",
+      "version": "24.10.1",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-24.10.1.tgz",
+      "integrity": "sha512-GNWcUTRBgIRJD5zj+Tq0fKOJ5XZajIiBroOF0yvj2bSU1WvNdYS/dn9UxwsujGW4JX06dnHyjV2y9rRaybH0iQ==",
       "license": "MIT",
       "dependencies": {
-        "undici-types": "~6.21.0"
+        "undici-types": "~7.16.0"
       }
     },
     "node_modules/@types/phoenix": {
@@ -1273,14 +1468,14 @@
       "version": "15.7.15",
       "resolved": "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.15.tgz",
       "integrity": "sha512-F6bEyamV9jKGAFBEmlQnesRPGOQqS2+Uwi0Em15xenOxHaf2hv6L8YCVn3rPdPJOiJfPiCnLIRyvwVaqMY3MIw==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT"
     },
     "node_modules/@types/react": {
       "version": "18.3.27",
       "resolved": "https://registry.npmjs.org/@types/react/-/react-18.3.27.tgz",
       "integrity": "sha512-cisd7gxkzjBKU2GgdYrTdtQx1SORymWyaAFhaxQPK9bYO9ot3Y5OikQRvY0VYQtvwjeQnizCINJAenh/V7MK2w==",
-      "dev": true,
+      "devOptional": true,
       "license": "MIT",
       "dependencies": {
         "@types/prop-types": "*",
@@ -1297,6 +1492,13 @@
         "@types/react": "^18.0.0"
       }
     },
+    "node_modules/@types/semver": {
+      "version": "7.7.1",
+      "resolved": "https://registry.npmjs.org/@types/semver/-/semver-7.7.1.tgz",
+      "integrity": "sha512-FmgJfu+MOcQ370SD0ev7EI8TlCAfKYU+B4m5T3yXc1CiRN94g/SZPtsCkk506aUDtlMnFZvasDwHHUcZUEaYuA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@types/ws": {
       "version": "8.18.1",
       "resolved": "https://registry.npmjs.org/@types/ws/-/ws-8.18.1.tgz",
@@ -1306,135 +1508,440 @@
         "@types/node": "*"
       }
     },
-    "node_modules/@vitejs/plugin-react": {
-      "version": "4.7.0",
-      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.7.0.tgz",
-      "integrity": "sha512-gUu9hwfWvvEDBBmgtAowQCojwZmJ5mcLn3aufeCsitijs3+f2NsrPtlAWIR6OPiqljl96GVCUbLe0HyqIpVaoA==",
+    "node_modules/@typescript-eslint/eslint-plugin": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-6.21.0.tgz",
+      "integrity": "sha512-oy9+hTPCUFpngkEZUSzbf9MxI65wbKFoQYsgPdILTfbUldp5ovUuphZVe4i30emU9M/kP+T64Di0mxl7dSw3MA==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@babel/core": "^7.28.0",
-        "@babel/plugin-transform-react-jsx-self": "^7.27.1",
-        "@babel/plugin-transform-react-jsx-source": "^7.27.1",
-        "@rolldown/pluginutils": "1.0.0-beta.27",
-        "@types/babel__core": "^7.20.5",
-        "react-refresh": "^0.17.0"
+        "@eslint-community/regexpp": "^4.5.1",
+        "@typescript-eslint/scope-manager": "6.21.0",
+        "@typescript-eslint/type-utils": "6.21.0",
+        "@typescript-eslint/utils": "6.21.0",
+        "@typescript-eslint/visitor-keys": "6.21.0",
+        "debug": "^4.3.4",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.2.4",
+        "natural-compare": "^1.4.0",
+        "semver": "^7.5.4",
+        "ts-api-utils": "^1.0.1"
       },
       "engines": {
-        "node": "^14.18.0 || >=16.0.0"
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0"
+        "@typescript-eslint/parser": "^6.0.0 || ^6.0.0-alpha",
+        "eslint": "^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
       }
     },
-    "node_modules/any-promise": {
-      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
-      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/anymatch": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
-      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+    "node_modules/@typescript-eslint/parser": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-6.21.0.tgz",
+      "integrity": "sha512-tbsV1jPne5CkFQCgPBcDOt30ItF7aJoZL997JSF7MhGQqOeT3svWRYxiqlfA5RUdlHN6Fi+EI9bxqbdyAUZjYQ==",
       "dev": true,
-      "license": "ISC",
+      "license": "BSD-2-Clause",
       "dependencies": {
-        "normalize-path": "^3.0.0",
-        "picomatch": "^2.0.4"
+        "@typescript-eslint/scope-manager": "6.21.0",
+        "@typescript-eslint/types": "6.21.0",
+        "@typescript-eslint/typescript-estree": "6.21.0",
+        "@typescript-eslint/visitor-keys": "6.21.0",
+        "debug": "^4.3.4"
       },
       "engines": {
-        "node": ">= 8"
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
       }
     },
-    "node_modules/arg": {
-      "version": "5.0.2",
-      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
-      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
+    "node_modules/@typescript-eslint/scope-manager": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-6.21.0.tgz",
+      "integrity": "sha512-OwLUIWZJry80O99zvqXVEioyniJMa+d2GrqpUTqi5/v5D5rOrppJVBPa0yKCblcigC0/aYAzxxqQ1B+DS2RYsg==",
       "dev": true,
-      "license": "MIT"
+      "license": "MIT",
+      "dependencies": {
+        "@typescript-eslint/types": "6.21.0",
+        "@typescript-eslint/visitor-keys": "6.21.0"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      }
     },
-    "node_modules/autoprefixer": {
-      "version": "10.4.22",
-      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.22.tgz",
-      "integrity": "sha512-ARe0v/t9gO28Bznv6GgqARmVqcWOV3mfgUPn9becPHMiD3o9BwlRgaeccZnwTpZ7Zwqrm+c1sUSsMxIzQzc8Xg==",
+    "node_modules/@typescript-eslint/type-utils": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-6.21.0.tgz",
+      "integrity": "sha512-rZQI7wHfao8qMX3Rd3xqeYSMCL3SoiSQLBATSiVKARdFGCYSRvmViieZjqc58jKgs8Y8i9YvVVhRbHSTA4VBag==",
       "dev": true,
-      "funding": [
-        {
-          "type": "opencollective",
-          "url": "https://opencollective.com/postcss/"
-        },
-        {
-          "type": "tidelift",
-          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
-        },
-        {
-          "type": "github",
-          "url": "https://github.com/sponsors/ai"
-        }
-      ],
       "license": "MIT",
       "dependencies": {
-        "browserslist": "^4.27.0",
-        "caniuse-lite": "^1.0.30001754",
-        "fraction.js": "^5.3.4",
-        "normalize-range": "^0.1.2",
-        "picocolors": "^1.1.1",
-        "postcss-value-parser": "^4.2.0"
-      },
-      "bin": {
-        "autoprefixer": "bin/autoprefixer"
+        "@typescript-eslint/typescript-estree": "6.21.0",
+        "@typescript-eslint/utils": "6.21.0",
+        "debug": "^4.3.4",
+        "ts-api-utils": "^1.0.1"
       },
       "engines": {
-        "node": "^10 || ^12 || >=14"
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "postcss": "^8.1.0"
+        "eslint": "^7.0.0 || ^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
       }
     },
-    "node_modules/baseline-browser-mapping": {
-      "version": "2.8.30",
-      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.8.30.tgz",
-      "integrity": "sha512-aTUKW4ptQhS64+v2d6IkPzymEzzhw+G0bA1g3uBRV3+ntkH+svttKseW5IOR4Ed6NUVKqnY7qT3dKvzQ7io4AA==",
+    "node_modules/@typescript-eslint/types": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-6.21.0.tgz",
+      "integrity": "sha512-1kFmZ1rOm5epu9NZEZm1kckCDGj5UJEf7P1kliH4LKu/RkwpsfqqGmY2OOcUs18lSlQBKLDYBOGxRVtrMN5lpg==",
       "dev": true,
-      "license": "Apache-2.0",
-      "bin": {
-        "baseline-browser-mapping": "dist/cli.js"
+      "license": "MIT",
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
       }
     },
-    "node_modules/binary-extensions": {
-      "version": "2.3.0",
-      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
-      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+    "node_modules/@typescript-eslint/typescript-estree": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-6.21.0.tgz",
+      "integrity": "sha512-6npJTkZcO+y2/kr+z0hc4HwNfrrP4kNYh57ek7yCNlrBjWQ1Y0OS7jiZTkgumrvkX5HkEKXFZkkdFNkaW2wmUQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "@typescript-eslint/types": "6.21.0",
+        "@typescript-eslint/visitor-keys": "6.21.0",
+        "debug": "^4.3.4",
+        "globby": "^11.1.0",
+        "is-glob": "^4.0.3",
+        "minimatch": "9.0.3",
+        "semver": "^7.5.4",
+        "ts-api-utils": "^1.0.1"
+      },
+      "engines": {
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@typescript-eslint/utils": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-6.21.0.tgz",
+      "integrity": "sha512-NfWVaC8HP9T8cbKQxHcsJBY5YE1O33+jpMwN45qzWWaPDZgLIbo12toGMWnmhvCpd3sIxkpDw3Wv1B3dYrbDQQ==",
       "dev": true,
       "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.4.0",
+        "@types/json-schema": "^7.0.12",
+        "@types/semver": "^7.5.0",
+        "@typescript-eslint/scope-manager": "6.21.0",
+        "@typescript-eslint/types": "6.21.0",
+        "@typescript-eslint/typescript-estree": "6.21.0",
+        "semver": "^7.5.4"
+      },
       "engines": {
-        "node": ">=8"
+        "node": "^16.0.0 || >=18.0.0"
       },
       "funding": {
-        "url": "https://github.com/sponsors/sindresorhus"
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
+      },
+      "peerDependencies": {
+        "eslint": "^7.0.0 || ^8.0.0"
       }
     },
-    "node_modules/braces": {
-      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
-      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+    "node_modules/@typescript-eslint/visitor-keys": {
+      "version": "6.21.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-6.21.0.tgz",
+      "integrity": "sha512-JJtkDduxLi9bivAB+cYOVMtbkqdPOhZ+ZI5LC47MIRrDV4Yn2o+ZnW10Nkmr28xRpSpdJ6Sm42Hjf2+REYXm0A==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "fill-range": "^7.1.1"
+        "@typescript-eslint/types": "6.21.0",
+        "eslint-visitor-keys": "^3.4.1"
       },
       "engines": {
-        "node": ">=8"
+        "node": "^16.0.0 || >=18.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/typescript-eslint"
       }
     },
-    "node_modules/browserslist": {
-      "version": "4.28.0",
-      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.0.tgz",
-      "integrity": "sha512-tbydkR/CxfMwelN0vwdP/pLkDwyAASZ+VfWm4EOwlB6SWhx1sYnWLqo8N5j0rAzPfzfRaxt0mM/4wPU/Su84RQ==",
+    "node_modules/@ungap/structured-clone": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.0.tgz",
+      "integrity": "sha512-WmoN8qaIAo7WTYWbAZuG8PYEhn5fkz7dZrqTBZ7dtt//lL2Gwms1IcnQ5yHqjDfX8Ft5j4YzDM23f87zBfDe9g==",
       "dev": true,
-      "funding": [
+      "license": "ISC"
+    },
+    "node_modules/@vitejs/plugin-react": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-4.7.0.tgz",
+      "integrity": "sha512-gUu9hwfWvvEDBBmgtAowQCojwZmJ5mcLn3aufeCsitijs3+f2NsrPtlAWIR6OPiqljl96GVCUbLe0HyqIpVaoA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.28.0",
+        "@babel/plugin-transform-react-jsx-self": "^7.27.1",
+        "@babel/plugin-transform-react-jsx-source": "^7.27.1",
+        "@rolldown/pluginutils": "1.0.0-beta.27",
+        "@types/babel__core": "^7.20.5",
+        "react-refresh": "^0.17.0"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0"
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.15.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.15.0.tgz",
+      "integrity": "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "acorn": "bin/acorn"
+      },
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/acorn-jsx": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/acorn-jsx/-/acorn-jsx-5.3.2.tgz",
+      "integrity": "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
+      }
+    },
+    "node_modules/ajv": {
+      "version": "6.12.6",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
+      "integrity": "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/epoberezkin"
+      }
+    },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/ansi-styles": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-convert": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
+      }
+    },
+    "node_modules/any-promise": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/any-promise/-/any-promise-1.3.0.tgz",
+      "integrity": "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/anymatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-3.1.3.tgz",
+      "integrity": "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "normalize-path": "^3.0.0",
+        "picomatch": "^2.0.4"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/arg": {
+      "version": "5.0.2",
+      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.2.tgz",
+      "integrity": "sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/argparse": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-2.0.1.tgz",
+      "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
+      "dev": true,
+      "license": "Python-2.0"
+    },
+    "node_modules/array-union": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-2.1.0.tgz",
+      "integrity": "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/autoprefixer": {
+      "version": "10.4.22",
+      "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.22.tgz",
+      "integrity": "sha512-ARe0v/t9gO28Bznv6GgqARmVqcWOV3mfgUPn9becPHMiD3o9BwlRgaeccZnwTpZ7Zwqrm+c1sUSsMxIzQzc8Xg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/autoprefixer"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "browserslist": "^4.27.0",
+        "caniuse-lite": "^1.0.30001754",
+        "fraction.js": "^5.3.4",
+        "normalize-range": "^0.1.2",
+        "picocolors": "^1.1.1",
+        "postcss-value-parser": "^4.2.0"
+      },
+      "bin": {
+        "autoprefixer": "bin/autoprefixer"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      },
+      "peerDependencies": {
+        "postcss": "^8.1.0"
+      }
+    },
+    "node_modules/balanced-match": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/balanced-match/-/balanced-match-1.0.2.tgz",
+      "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/baseline-browser-mapping": {
+      "version": "2.8.31",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.8.31.tgz",
+      "integrity": "sha512-a28v2eWrrRWPpJSzxc+mKwm0ZtVx/G8SepdQZDArnXYU/XS+IF6mp8aB/4E+hH1tyGCoDo3KlUCdlSxGDsRkAw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.js"
+      }
+    },
+    "node_modules/binary-extensions": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/binary-extensions/-/binary-extensions-2.3.0.tgz",
+      "integrity": "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/brace-expansion": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-2.0.2.tgz",
+      "integrity": "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.28.0",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.0.tgz",
+      "integrity": "sha512-tbydkR/CxfMwelN0vwdP/pLkDwyAASZ+VfWm4EOwlB6SWhx1sYnWLqo8N5j0rAzPfzfRaxt0mM/4wPU/Su84RQ==",
+      "dev": true,
+      "funding": [
         {
           "type": "opencollective",
           "url": "https://opencollective.com/browserslist"
@@ -1463,6 +1970,16 @@
         "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
       }
     },
+    "node_modules/callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/callsites/-/callsites-3.1.0.tgz",
+      "integrity": "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/camelcase-css": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
@@ -1474,9 +1991,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001756",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001756.tgz",
-      "integrity": "sha512-4HnCNKbMLkLdhJz3TToeVWHSnfJvPaq6vu/eRP0Ahub/07n484XHhBF5AJoSGHdVrS8tKFauUQz8Bp9P7LVx7A==",
+      "version": "1.0.30001757",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001757.tgz",
+      "integrity": "sha512-r0nnL/I28Zi/yjk1el6ilj27tKcdjLsNqAOZr0yVjWPrSQyHgKI2INaEWw21bAQSv2LXRt1XuCS/GomNpWOxsQ==",
       "dev": true,
       "funding": [
         {
@@ -1494,6 +2011,23 @@
       ],
       "license": "CC-BY-4.0"
     },
+    "node_modules/chalk": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
+      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.1.0",
+        "supports-color": "^7.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/chalk?sponsor=1"
+      }
+    },
     "node_modules/chokidar": {
       "version": "3.6.0",
       "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-3.6.0.tgz",
@@ -1532,6 +2066,35 @@
         "node": ">= 6"
       }
     },
+    "node_modules/clsx": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/clsx/-/clsx-2.1.1.tgz",
+      "integrity": "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/color-convert": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "~1.1.4"
+      },
+      "engines": {
+        "node": ">=7.0.0"
+      }
+    },
+    "node_modules/color-name": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/commander": {
       "version": "4.1.1",
       "resolved": "https://registry.npmjs.org/commander/-/commander-4.1.1.tgz",
@@ -1542,6 +2105,13 @@
         "node": ">= 6"
       }
     },
+    "node_modules/concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
+      "integrity": "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/convert-source-map": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz",
@@ -1549,6 +2119,21 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/cross-spawn": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.6.tgz",
+      "integrity": "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-key": "^3.1.0",
+        "shebang-command": "^2.0.0",
+        "which": "^2.0.1"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
     "node_modules/cssesc": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/cssesc/-/cssesc-3.0.0.tgz",
@@ -1566,9 +2151,24 @@
       "version": "3.2.3",
       "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
       "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
-      "dev": true,
       "license": "MIT"
     },
+    "node_modules/date-fns": {
+      "version": "2.30.0",
+      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.30.0.tgz",
+      "integrity": "sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.21.0"
+      },
+      "engines": {
+        "node": ">=0.11"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/date-fns"
+      }
+    },
     "node_modules/debug": {
       "version": "4.4.3",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
@@ -1587,6 +2187,13 @@
         }
       }
     },
+    "node_modules/deep-is": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.4.tgz",
+      "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/didyoumean": {
       "version": "1.2.2",
       "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
@@ -1594,6 +2201,19 @@
       "dev": true,
       "license": "Apache-2.0"
     },
+    "node_modules/dir-glob": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/dir-glob/-/dir-glob-3.0.1.tgz",
+      "integrity": "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "path-type": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/dlv": {
       "version": "1.1.3",
       "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
@@ -1601,62 +2221,293 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/electron-to-chromium": {
-      "version": "1.5.259",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.259.tgz",
-      "integrity": "sha512-I+oLXgpEJzD6Cwuwt1gYjxsDmu/S/Kd41mmLA3O+/uH2pFRO/DvOjUyGozL8j3KeLV6WyZ7ssPwELMsXCcsJAQ==",
+    "node_modules/doctrine": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-3.0.0.tgz",
+      "integrity": "sha512-yS+Q5i3hBf7GBkd4KG8a7eBNNWNGLTaEwwYWUijIYM7zrlYDM0BFXHjjPWlWZ1Rg7UaddZeIDmi9jF3HmqiQ2w==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "esutils": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.262",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.262.tgz",
+      "integrity": "sha512-NlAsMteRHek05jRUxUR0a5jpjYq9ykk6+kO0yRaMi5moe7u0fVIOeQ3Y30A8dIiWFBNUoQGi1ljb1i5VtS9WQQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/esbuild": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
+      "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.21.5",
+        "@esbuild/android-arm": "0.21.5",
+        "@esbuild/android-arm64": "0.21.5",
+        "@esbuild/android-x64": "0.21.5",
+        "@esbuild/darwin-arm64": "0.21.5",
+        "@esbuild/darwin-x64": "0.21.5",
+        "@esbuild/freebsd-arm64": "0.21.5",
+        "@esbuild/freebsd-x64": "0.21.5",
+        "@esbuild/linux-arm": "0.21.5",
+        "@esbuild/linux-arm64": "0.21.5",
+        "@esbuild/linux-ia32": "0.21.5",
+        "@esbuild/linux-loong64": "0.21.5",
+        "@esbuild/linux-mips64el": "0.21.5",
+        "@esbuild/linux-ppc64": "0.21.5",
+        "@esbuild/linux-riscv64": "0.21.5",
+        "@esbuild/linux-s390x": "0.21.5",
+        "@esbuild/linux-x64": "0.21.5",
+        "@esbuild/netbsd-x64": "0.21.5",
+        "@esbuild/openbsd-x64": "0.21.5",
+        "@esbuild/sunos-x64": "0.21.5",
+        "@esbuild/win32-arm64": "0.21.5",
+        "@esbuild/win32-ia32": "0.21.5",
+        "@esbuild/win32-x64": "0.21.5"
+      }
+    },
+    "node_modules/escalade": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
+      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/escape-string-regexp": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-4.0.0.tgz",
+      "integrity": "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/eslint": {
+      "version": "8.57.1",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-8.57.1.tgz",
+      "integrity": "sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==",
+      "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.2.0",
+        "@eslint-community/regexpp": "^4.6.1",
+        "@eslint/eslintrc": "^2.1.4",
+        "@eslint/js": "8.57.1",
+        "@humanwhocodes/config-array": "^0.13.0",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@nodelib/fs.walk": "^1.2.8",
+        "@ungap/structured-clone": "^1.2.0",
+        "ajv": "^6.12.4",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.2",
+        "debug": "^4.3.2",
+        "doctrine": "^3.0.0",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^7.2.2",
+        "eslint-visitor-keys": "^3.4.3",
+        "espree": "^9.6.1",
+        "esquery": "^1.4.2",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^6.0.1",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "globals": "^13.19.0",
+        "graphemer": "^1.4.0",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "is-path-inside": "^3.0.3",
+        "js-yaml": "^4.1.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "levn": "^0.4.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.2",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3",
+        "strip-ansi": "^6.0.1",
+        "text-table": "^0.2.0"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-plugin-react-hooks": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-4.6.2.tgz",
+      "integrity": "sha512-QzliNJq4GinDBcD8gPB5v0wh6g8q3SUi6EFF0x8N/BL9PoVs0atuGc47ozMRyOWAKdwaZ5OnbOEa3WR+dSGKuQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0"
+      }
+    },
+    "node_modules/eslint-plugin-react-refresh": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-refresh/-/eslint-plugin-react-refresh-0.4.24.tgz",
+      "integrity": "sha512-nLHIW7TEq3aLrEYWpVaJ1dRgFR+wLDPN8e8FpYAql/bMV2oBEfC37K0gLEGgv9fy66juNShSMV8OkTqzltcG/w==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "eslint": ">=8.40"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "7.2.2",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-7.2.2.tgz",
+      "integrity": "sha512-dOt21O7lTMhDM+X9mB4GX+DZrZtCUJPL/wlcTqxyrx5IvO0IYtILdtrQGQp+8n5S0gwSVmOf9NQrjMOgfQZlIg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "3.4.3",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-3.4.3.tgz",
+      "integrity": "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/eslint/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/espree": {
+      "version": "9.6.1",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-9.6.1.tgz",
+      "integrity": "sha512-oruZaFkjorTpF32kDSI5/75ViwGeZginGGy2NoOSg3Q9bnwlnmDm4HLnkl0RE3n+njDXR037aY1+x58Z/zFdwQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.9.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^3.4.1"
+      },
+      "engines": {
+        "node": "^12.22.0 || ^14.17.0 || >=16.0.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
+      "integrity": "sha512-ca9pw9fomFcKPvFLXhBKUK90ZvGibiGOvRJNbjljY7s7uq/5YO4BOzcYtJqExdx99rF6aAcnRxHmcUHcz6sQsg==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "estraverse": "^5.1.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/esrecurse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/esrecurse/-/esrecurse-4.3.0.tgz",
+      "integrity": "sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==",
       "dev": true,
-      "license": "ISC"
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
     },
-    "node_modules/esbuild": {
-      "version": "0.21.5",
-      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
-      "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
+    "node_modules/estraverse": {
+      "version": "5.3.0",
+      "resolved": "https://registry.npmjs.org/estraverse/-/estraverse-5.3.0.tgz",
+      "integrity": "sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==",
       "dev": true,
-      "hasInstallScript": true,
-      "license": "MIT",
-      "bin": {
-        "esbuild": "bin/esbuild"
-      },
+      "license": "BSD-2-Clause",
       "engines": {
-        "node": ">=12"
-      },
-      "optionalDependencies": {
-        "@esbuild/aix-ppc64": "0.21.5",
-        "@esbuild/android-arm": "0.21.5",
-        "@esbuild/android-arm64": "0.21.5",
-        "@esbuild/android-x64": "0.21.5",
-        "@esbuild/darwin-arm64": "0.21.5",
-        "@esbuild/darwin-x64": "0.21.5",
-        "@esbuild/freebsd-arm64": "0.21.5",
-        "@esbuild/freebsd-x64": "0.21.5",
-        "@esbuild/linux-arm": "0.21.5",
-        "@esbuild/linux-arm64": "0.21.5",
-        "@esbuild/linux-ia32": "0.21.5",
-        "@esbuild/linux-loong64": "0.21.5",
-        "@esbuild/linux-mips64el": "0.21.5",
-        "@esbuild/linux-ppc64": "0.21.5",
-        "@esbuild/linux-riscv64": "0.21.5",
-        "@esbuild/linux-s390x": "0.21.5",
-        "@esbuild/linux-x64": "0.21.5",
-        "@esbuild/netbsd-x64": "0.21.5",
-        "@esbuild/openbsd-x64": "0.21.5",
-        "@esbuild/sunos-x64": "0.21.5",
-        "@esbuild/win32-arm64": "0.21.5",
-        "@esbuild/win32-ia32": "0.21.5",
-        "@esbuild/win32-x64": "0.21.5"
+        "node": ">=4.0"
       }
     },
-    "node_modules/escalade": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
-      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
+    "node_modules/esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/esutils/-/esutils-2.0.3.tgz",
+      "integrity": "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==",
       "dev": true,
-      "license": "MIT",
+      "license": "BSD-2-Clause",
       "engines": {
-        "node": ">=6"
+        "node": ">=0.10.0"
       }
     },
+    "node_modules/fast-deep-equal": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
+      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/fast-glob": {
       "version": "3.3.3",
       "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.3.3.tgz",
@@ -1687,6 +2538,20 @@
         "node": ">= 6"
       }
     },
+    "node_modules/fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/fast-levenshtein/-/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/fastq": {
       "version": "1.19.1",
       "resolved": "https://registry.npmjs.org/fastq/-/fastq-1.19.1.tgz",
@@ -1697,6 +2562,19 @@
         "reusify": "^1.0.4"
       }
     },
+    "node_modules/file-entry-cache": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
+      "integrity": "sha512-7Gps/XWymbLk2QLYK4NzpMOrYjMhdIxXuIvy2QBsLE6ljuodKvdkWs/cpyJJ3CVIVpH0Oi1Hvg1ovbMzLdFBBg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flat-cache": "^3.0.4"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
     "node_modules/fill-range": {
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
@@ -1710,6 +2588,45 @@
         "node": ">=8"
       }
     },
+    "node_modules/find-up": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/find-up/-/find-up-5.0.0.tgz",
+      "integrity": "sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "locate-path": "^6.0.0",
+        "path-exists": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/flat-cache": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-3.2.0.tgz",
+      "integrity": "sha512-CYcENa+FtcUKLmhhqyctpclsq7QF38pKjZHsGNiSQF5r4FtoKDWabFDl3hzaEQMvT1LHEysw5twgLvpYYb4vbw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.3",
+        "rimraf": "^3.0.2"
+      },
+      "engines": {
+        "node": "^10.12.0 || >=12.0.0"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.3.3",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.3.3.tgz",
+      "integrity": "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg==",
+      "dev": true,
+      "license": "ISC"
+    },
     "node_modules/fraction.js": {
       "version": "5.3.4",
       "resolved": "https://registry.npmjs.org/fraction.js/-/fraction.js-5.3.4.tgz",
@@ -1724,6 +2641,13 @@
         "url": "https://github.com/sponsors/rawify"
       }
     },
+    "node_modules/fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/fs.realpath/-/fs.realpath-1.0.0.tgz",
+      "integrity": "sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==",
+      "dev": true,
+      "license": "ISC"
+    },
     "node_modules/fsevents": {
       "version": "2.3.3",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
@@ -1759,6 +2683,28 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/glob": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
+      "integrity": "sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.1.1",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/glob-parent": {
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
@@ -1772,6 +2718,93 @@
         "node": ">=10.13.0"
       }
     },
+    "node_modules/glob/node_modules/brace-expansion": {
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/glob/node_modules/minimatch": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.2.tgz",
+      "integrity": "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/globals": {
+      "version": "13.24.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-13.24.0.tgz",
+      "integrity": "sha512-AhO5QUcj8llrbG09iWhPU2B204J1xnPeL8kQmVorSsy+Sjj1sk8gIyh6cUocGmH4L0UuhAJy+hJMRA4mgA4mFQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "type-fest": "^0.20.2"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/globby": {
+      "version": "11.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-11.1.0.tgz",
+      "integrity": "sha512-jhIXaOzy1sb8IyocaruWSn1TjmnBVs8Ayhcy83rmxNJ8q2uWKCAj3CnJY+KpGSXCueAPc0i05kVvVKtP1t9S3g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "array-union": "^2.1.0",
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.2.9",
+        "ignore": "^5.2.0",
+        "merge2": "^1.4.1",
+        "slash": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/goober": {
+      "version": "2.1.18",
+      "resolved": "https://registry.npmjs.org/goober/-/goober-2.1.18.tgz",
+      "integrity": "sha512-2vFqsaDVIT9Gz7N6kAL++pLpp41l3PfDuusHcjnGLfR6+huZkl6ziX+zgVC3ZxpqWhzH6pyDdGrCeDhMIvwaxw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "csstype": "^3.0.10"
+      }
+    },
+    "node_modules/graphemer": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/graphemer/-/graphemer-1.4.0.tgz",
+      "integrity": "sha512-EtKwoO6kxCL9WO5xipiHTZlSzBm7WLT627TqC/uVRd0HKmq8NXyebnNYxDoBi7wt8eTWrUrKXCOVaFq9x1kgag==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/has-flag": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/hasown": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
@@ -1785,6 +2818,71 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/iceberg-js": {
+      "version": "0.8.0",
+      "resolved": "https://registry.npmjs.org/iceberg-js/-/iceberg-js-0.8.0.tgz",
+      "integrity": "sha512-kmgmea2nguZEvRqW79gDqNXyxA3OS5WIgMVffrHpqXV4F/J4UmNIw2vstixioLTNSkd5rFB8G0s3Lwzogm6OFw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=20.0.0"
+      }
+    },
+    "node_modules/ignore": {
+      "version": "5.3.2",
+      "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
+      "integrity": "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 4"
+      }
+    },
+    "node_modules/import-fresh": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.1.tgz",
+      "integrity": "sha512-TR3KfrTZTYLPB6jUjfx6MF9WcWrHL9su5TObK4ZkYgBdWKPOFoSoQIdEuTuR82pmtxH2spWG9h6etwfr1pLBqQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz",
+      "integrity": "sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.19"
+      }
+    },
+    "node_modules/inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/inflight/-/inflight-1.0.6.tgz",
+      "integrity": "sha512-k92I/b08q4wvFscXCLvqfsHCrjrF7yiXsQuIVvVE7N82W3+aqpzuUdBbfhWcy/FZR3/4IgflMgKLOsvPDrGCJA==",
+      "deprecated": "This module is not supported, and leaks memory. Do not use it. Check out lru-cache if you want a good and tested way to coalesce async requests by a key value, which is much more comprehensive and powerful.",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "dev": true,
+      "license": "ISC"
+    },
     "node_modules/is-binary-path": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/is-binary-path/-/is-binary-path-2.1.0.tgz",
@@ -1847,6 +2945,23 @@
         "node": ">=0.12.0"
       }
     },
+    "node_modules/is-path-inside": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/is-path-inside/-/is-path-inside-3.0.3.tgz",
+      "integrity": "sha512-Fd4gABb+ycGAmKou8eMftCupSir5lRxqf4aD/vd0cD2qc4HL07OjCeuHMr8Ro4CoMaeCKDB0/ECBOVWjTwUvPQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/isexe/-/isexe-2.0.0.tgz",
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
+      "dev": true,
+      "license": "ISC"
+    },
     "node_modules/jiti": {
       "version": "1.21.7",
       "resolved": "https://registry.npmjs.org/jiti/-/jiti-1.21.7.tgz",
@@ -1863,6 +2978,19 @@
       "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
       "license": "MIT"
     },
+    "node_modules/js-yaml": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.1.1.tgz",
+      "integrity": "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "argparse": "^2.0.1"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
     "node_modules/jsesc": {
       "version": "3.1.0",
       "resolved": "https://registry.npmjs.org/jsesc/-/jsesc-3.1.0.tgz",
@@ -1876,6 +3004,27 @@
         "node": ">=6"
       }
     },
+    "node_modules/json-buffer": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/json-buffer/-/json-buffer-3.0.1.tgz",
+      "integrity": "sha512-4bV5BfR2mqfQTJm+V5tPPdf+ZpuhiIvTuAB5g8kcrXOZpTT/QwwVRWBywX1ozr6lEuPdbHxwaJlm9G6mI2sfSQ==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/json5": {
       "version": "2.2.3",
       "resolved": "https://registry.npmjs.org/json5/-/json5-2.2.3.tgz",
@@ -1889,6 +3038,30 @@
         "node": ">=6"
       }
     },
+    "node_modules/keyv": {
+      "version": "4.5.4",
+      "resolved": "https://registry.npmjs.org/keyv/-/keyv-4.5.4.tgz",
+      "integrity": "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "json-buffer": "3.0.1"
+      }
+    },
+    "node_modules/levn": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/levn/-/levn-0.4.1.tgz",
+      "integrity": "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1",
+        "type-check": "~0.4.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
     "node_modules/lilconfig": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-3.1.3.tgz",
@@ -1909,6 +3082,29 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/locate-path": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
+      "integrity": "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-locate": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
+      "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/loose-envify": {
       "version": "1.4.0",
       "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
@@ -1931,6 +3127,15 @@
         "yallist": "^3.0.2"
       }
     },
+    "node_modules/lucide-react": {
+      "version": "0.294.0",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-0.294.0.tgz",
+      "integrity": "sha512-V7o0/VECSGbLHn3/1O67FUgBwWB+hmzshrgDVRJQhMh8uj5D3HBuIvhuAmQTtlupILSplwIZg5FTc4tTKMA2SA==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0"
+      }
+    },
     "node_modules/merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
@@ -1952,7 +3157,23 @@
         "picomatch": "^2.3.1"
       },
       "engines": {
-        "node": ">=8.6"
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "9.0.3",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-9.0.3.tgz",
+      "integrity": "sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=16 || 14 >=14.17"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
       }
     },
     "node_modules/ms": {
@@ -1993,6 +3214,13 @@
         "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
       }
     },
+    "node_modules/natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
+      "integrity": "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/node-releases": {
       "version": "2.0.27",
       "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.27.tgz",
@@ -2040,6 +3268,109 @@
         "node": ">= 6"
       }
     },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
+    "node_modules/optionator": {
+      "version": "0.9.4",
+      "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
+      "integrity": "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "deep-is": "^0.1.3",
+        "fast-levenshtein": "^2.0.6",
+        "levn": "^0.4.1",
+        "prelude-ls": "^1.2.1",
+        "type-check": "^0.4.0",
+        "word-wrap": "^1.2.5"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/p-limit": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz",
+      "integrity": "sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "yocto-queue": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/p-locate": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/p-locate/-/p-locate-5.0.0.tgz",
+      "integrity": "sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "p-limit": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
+      "integrity": "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "callsites": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/path-exists": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
+      "integrity": "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-key": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/path-key/-/path-key-3.1.1.tgz",
+      "integrity": "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/path-parse": {
       "version": "1.0.7",
       "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
@@ -2047,6 +3378,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/path-type": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+      "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/picocolors": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
@@ -2250,6 +3591,26 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/prelude-ls": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/prelude-ls/-/prelude-ls-1.2.1.tgz",
+      "integrity": "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/punycode": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
+      "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
@@ -2296,6 +3657,23 @@
         "react": "^18.3.1"
       }
     },
+    "node_modules/react-hot-toast": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npmjs.org/react-hot-toast/-/react-hot-toast-2.6.0.tgz",
+      "integrity": "sha512-bH+2EBMZ4sdyou/DPrfgIouFpcRLCJ+HoCA32UoAYHn6T3Ur5yfcDCeSr5mwldl6pFOsiocmrXMuoCJ1vV8bWg==",
+      "license": "MIT",
+      "dependencies": {
+        "csstype": "^3.1.3",
+        "goober": "^2.1.16"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "react": ">=16",
+        "react-dom": ">=16"
+      }
+    },
     "node_modules/react-refresh": {
       "version": "0.17.0",
       "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.17.0.tgz",
@@ -2382,6 +3760,16 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+      "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/reusify": {
       "version": "1.1.0",
       "resolved": "https://registry.npmjs.org/reusify/-/reusify-1.1.0.tgz",
@@ -2393,6 +3781,23 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/rimraf": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
+      "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
+      "deprecated": "Rimraf versions prior to v4 are no longer supported",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "glob": "^7.1.3"
+      },
+      "bin": {
+        "rimraf": "bin.js"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/isaacs"
+      }
+    },
     "node_modules/rollup": {
       "version": "4.53.3",
       "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.53.3.tgz",
@@ -2469,13 +3874,49 @@
       }
     },
     "node_modules/semver": {
-      "version": "6.3.1",
-      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
-      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "version": "7.7.3",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.3.tgz",
+      "integrity": "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q==",
       "dev": true,
       "license": "ISC",
       "bin": {
         "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/shebang-command": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
+      "integrity": "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "shebang-regex": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/shebang-regex": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/shebang-regex/-/shebang-regex-3.0.0.tgz",
+      "integrity": "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
+      "integrity": "sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
       }
     },
     "node_modules/source-map-js": {
@@ -2488,6 +3929,32 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-json-comments": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
+      "integrity": "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/sucrase": {
       "version": "3.35.1",
       "resolved": "https://registry.npmjs.org/sucrase/-/sucrase-3.35.1.tgz",
@@ -2511,6 +3978,19 @@
         "node": ">=16 || 14 >=14.17"
       }
     },
+    "node_modules/supports-color": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "has-flag": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/supports-preserve-symlinks-flag": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
@@ -2562,6 +4042,13 @@
         "node": ">=14.0.0"
       }
     },
+    "node_modules/text-table": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/text-table/-/text-table-0.2.0.tgz",
+      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/thenify": {
       "version": "3.3.1",
       "resolved": "https://registry.npmjs.org/thenify/-/thenify-3.3.1.tgz",
@@ -2646,6 +4133,19 @@
         "node": ">=8.0"
       }
     },
+    "node_modules/ts-api-utils": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npmjs.org/ts-api-utils/-/ts-api-utils-1.4.3.tgz",
+      "integrity": "sha512-i3eMG77UTMD0hZhgRS562pv83RC6ukSAC2GMNWc+9dieh/+jDM5u5YG+NHX6VNDRHQcHwmsTHctP9LhbC3WxVw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=16"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.2.0"
+      }
+    },
     "node_modules/ts-interface-checker": {
       "version": "0.1.13",
       "resolved": "https://registry.npmjs.org/ts-interface-checker/-/ts-interface-checker-0.1.13.tgz",
@@ -2659,6 +4159,32 @@
       "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
       "license": "0BSD"
     },
+    "node_modules/type-check": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz",
+      "integrity": "sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "prelude-ls": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/type-fest": {
+      "version": "0.20.2",
+      "resolved": "https://registry.npmjs.org/type-fest/-/type-fest-0.20.2.tgz",
+      "integrity": "sha512-Ne+eE4r0/iWnpAxD852z3A+N0Bt5RN//NjJwRd2VFHEmrywxf5vsZlh4R6lixl6B+wz/8d+maTSAkN1FIkI3LQ==",
+      "dev": true,
+      "license": "(MIT OR CC0-1.0)",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/typescript": {
       "version": "5.9.3",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
@@ -2674,9 +4200,9 @@
       }
     },
     "node_modules/undici-types": {
-      "version": "6.21.0",
-      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.21.0.tgz",
-      "integrity": "sha512-iwDZqg0QAGrg9Rav5H4n0M64c3mkR59cJ6wQp+7C4nI0gsmExaedaYLNO44eT4AtBBwjbTiGPMlt2Md0T9H9JQ==",
+      "version": "7.16.0",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.16.0.tgz",
+      "integrity": "sha512-Zz+aZWSj8LE6zoxD+xrjh4VfkIG8Ya6LvYkZqtUQGJPZjYl53ypCaUwWqo7eI0x66KBGeRo+mlBEkMSeSZ38Nw==",
       "license": "MIT"
     },
     "node_modules/update-browserslist-db": {
@@ -2710,6 +4236,25 @@
         "browserslist": ">= 4.21.0"
       }
     },
+    "node_modules/uri-js": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/uri-js/-/uri-js-4.4.1.tgz",
+      "integrity": "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "node_modules/use-sync-external-store": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.6.0.tgz",
+      "integrity": "sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
@@ -2777,6 +4322,39 @@
         }
       }
     },
+    "node_modules/which": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
+      "integrity": "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "node-which": "bin/node-which"
+      },
+      "engines": {
+        "node": ">= 8"
+      }
+    },
+    "node_modules/word-wrap": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npmjs.org/word-wrap/-/word-wrap-1.2.5.tgz",
+      "integrity": "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "dev": true,
+      "license": "ISC"
+    },
     "node_modules/ws": {
       "version": "8.18.3",
       "resolved": "https://registry.npmjs.org/ws/-/ws-8.18.3.tgz",
@@ -2804,6 +4382,47 @@
       "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==",
       "dev": true,
       "license": "ISC"
+    },
+    "node_modules/yocto-queue": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
+      "integrity": "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/zustand": {
+      "version": "4.5.7",
+      "resolved": "https://registry.npmjs.org/zustand/-/zustand-4.5.7.tgz",
+      "integrity": "sha512-CHOUy7mu3lbD6o6LJLfllpjkzhHXSBlX8B9+qPddUsIfeF5S/UZ5q0kmCsnRqT1UHFQZchNFDDzMbQsuesHWlw==",
+      "license": "MIT",
+      "dependencies": {
+        "use-sync-external-store": "^1.2.2"
+      },
+      "engines": {
+        "node": ">=12.7.0"
+      },
+      "peerDependencies": {
+        "@types/react": ">=16.8",
+        "immer": ">=9.0.6",
+        "react": ">=16.8"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "immer": {
+          "optional": true
+        },
+        "react": {
+          "optional": true
+        }
+      }
     }
   }
 }
diff --git a/frontend/package.json b/frontend/package.json
index 13eb284..93ecee6 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -1,29 +1,38 @@
 {
-  "name": "openmindwell-frontend",
-  "version": "1.0.0",
+  "name": "openmindwell",
   "private": true,
+  "version": "1.0.0",
   "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
-    "preview": "vite preview",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0"
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview"
   },
   "dependencies": {
     "@supabase/supabase-js": "^2.39.0",
+    "lucide-react": "^0.294.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-router-dom": "^6.20.1"
+    "react-router-dom": "^6.21.0",
+    "react-hot-toast": "^2.4.1",
+    "zustand": "^4.4.7",
+    "date-fns": "^2.30.0",
+    "clsx": "^2.0.0"
   },
   "devDependencies": {
-    "@types/node": "^20.10.6",
-    "@types/react": "^18.2.46",
-    "@types/react-dom": "^18.2.18",
+    "@types/react": "^18.2.43",
+    "@types/react-dom": "^18.2.17",
+    "@typescript-eslint/eslint-plugin": "^6.14.0",
+    "@typescript-eslint/parser": "^6.14.0",
     "@vitejs/plugin-react": "^4.2.1",
     "autoprefixer": "^10.4.16",
+    "eslint": "^8.55.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.5",
     "postcss": "^8.4.32",
     "tailwindcss": "^3.4.0",
-    "typescript": "^5.3.3",
+    "typescript": "^5.2.2",
     "vite": "^5.0.8"
   }
 }
diff --git a/frontend/postcss.config.js b/frontend/postcss.config.js
index 2aa7205..2e7af2b 100644
--- a/frontend/postcss.config.js
+++ b/frontend/postcss.config.js
@@ -3,4 +3,4 @@ export default {
     tailwindcss: {},
     autoprefixer: {},
   },
-};
+}
diff --git a/frontend/public/heart.svg b/frontend/public/heart.svg
new file mode 100644
index 0000000..99d9c08
--- /dev/null
+++ b/frontend/public/heart.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" fill="none">
+  <circle cx="16" cy="16" r="15" fill="#10b981"/>
+  <path d="M16 24.5c-.3 0-.5-.1-.7-.3C9.8 19.2 8 16.5 8 14c0-2.5 2-4.5 4.5-4.5 1.4 0 2.7.6 3.5 1.6.8-1 2.1-1.6 3.5-1.6 2.5 0 4.5 2 4.5 4.5 0 2.5-1.8 5.2-7.3 10.2-.2.2-.4.3-.7.3z" fill="white"/>
+</svg>
diff --git a/frontend/public/logo.png b/frontend/public/logo.png
new file mode 100644
index 0000000..39c031a
Binary files /dev/null and b/frontend/public/logo.png differ
diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 99f74c5..6887b9a 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -1,17 +1,81 @@
-import { Routes, Route, Navigate } from 'react-router-dom';
-import Home from './pages/Home';
-import Onboarding from './pages/Onboarding';
-import Dashboard from './pages/Dashboard';
+import { Routes, Route } from 'react-router-dom'
+import { Toaster } from 'react-hot-toast'
+import { useEffect } from 'react'
+import { useAuthStore } from './store/authStore'
+import { useUIStore } from './store/uiStore'
+import { supabase } from './lib/supabase'
+
+// Pages
+import Landing from './pages/Landing'
+import Dashboard from './pages/Dashboard'
+import ChatRooms from './pages/ChatRooms'
+import ChatRoom from './pages/ChatRoom'
+import Journal from './pages/Journal'
+import Habits from './pages/Habits'
+import Mood from './pages/Mood'
+import Resources from './pages/Resources'
+
+// Layout
+import DashboardLayout from './components/layout/DashboardLayout'
 
 function App() {
+  const { setUser, setLoading } = useAuthStore()
+  const { darkMode } = useUIStore()
+
+  useEffect(() => {
+    // Check for existing session
+    supabase.auth.getSession().then(({ data: { session } }) => {
+      setUser(session?.user ?? null)
+      setLoading(false)
+    })
+
+    // Listen for auth changes
+    const { data: { subscription } } = supabase.auth.onAuthStateChange((_event, session) => {
+      setUser(session?.user ?? null)
+    })
+
+    return () => subscription.unsubscribe()
+  }, [setUser, setLoading])
+
+  useEffect(() => {
+    // Apply dark mode class to document
+    if (darkMode) {
+      document.documentElement.classList.add('dark')
+    } else {
+      document.documentElement.classList.remove('dark')
+    }
+  }, [darkMode])
+
   return (
-    <Routes>
-      <Route path="/" element={<Home />} />
-      <Route path="/onboarding" element={<Onboarding />} />
-      <Route path="/dashboard" element={<Dashboard />} />
-      <Route path="*" element={<Navigate to="/" replace />} />
-    </Routes>
-  );
+    <>
+      <Routes>
+        {/* Public */}
+        <Route path="/" element={<Landing />} />
+        
+        {/* Dashboard */}
+        <Route path="/app" element={<DashboardLayout />}>
+          <Route index element={<Dashboard />} />
+          <Route path="chat" element={<ChatRooms />} />
+          <Route path="chat/:roomId" element={<ChatRoom />} />
+          <Route path="journal" element={<Journal />} />
+          <Route path="habits" element={<Habits />} />
+          <Route path="mood" element={<Mood />} />
+          <Route path="resources" element={<Resources />} />
+        </Route>
+      </Routes>
+      
+      <Toaster
+        position="bottom-right"
+        toastOptions={{
+          duration: 4000,
+          style: {
+            background: '#1f2937',
+            color: '#f9fafb',
+          },
+        }}
+      />
+    </>
+  )
 }
 
-export default App;
+export default App
diff --git a/frontend/src/components/ChatRoom.tsx b/frontend/src/components/ChatRoom.tsx
deleted file mode 100644
index 07a1652..0000000
--- a/frontend/src/components/ChatRoom.tsx
+++ /dev/null
@@ -1,278 +0,0 @@
-import { useState, useEffect, useRef, useCallback } from 'react';
-import { useWebSocket } from '../hooks/useWebSocket';
-
-interface Message {
-  id?: string;
-  userId: string;
-  nickname: string;
-  content: string;
-  timestamp: string;
-  riskLevel?: string;
-  type?: string;
-}
-
-interface ChatRoomProps {
-  room: {
-    id: string;
-    name: string;
-    description: string;
-  };
-  currentUser: {
-    id: string;
-    nickname: string;
-  };
-  onClose: () => void;
-}
-
-export default function ChatRoom({ room, currentUser, onClose }: ChatRoomProps) {
-  const [messages, setMessages] = useState<Message[]>([]);
-  const [inputValue, setInputValue] = useState('');
-  const [showCrisisAlert, setShowCrisisAlert] = useState(false);
-  const messagesEndRef = useRef<HTMLDivElement>(null);
-
-  const handleMessage = useCallback((message: any) => {
-    if (message.type === 'history') {
-      // Load message history
-      setMessages(message.messages || []);
-    } else if (message.type === 'chat') {
-      // Add new chat message
-      setMessages((prev) => [
-        ...prev,
-        {
-          userId: message.userId!,
-          nickname: message.nickname!,
-          content: message.content!,
-          timestamp: message.timestamp!,
-          riskLevel: message.riskLevel,
-        },
-      ]);
-
-      // Show crisis alert if detected
-      if (message.riskLevel === 'high' || message.riskLevel === 'critical') {
-        setShowCrisisAlert(true);
-        setTimeout(() => setShowCrisisAlert(false), 10000);
-      }
-    } else if (message.type === 'join') {
-      // User joined notification
-      setMessages((prev) => [
-        ...prev,
-        {
-          userId: 'system',
-          nickname: 'System',
-          content: `${message.nickname} joined the room`,
-          timestamp: message.timestamp!,
-          type: 'system',
-        },
-      ]);
-    } else if (message.type === 'leave') {
-      // User left notification
-      setMessages((prev) => [
-        ...prev,
-        {
-          userId: 'system',
-          nickname: 'System',
-          content: `${message.nickname} left the room`,
-          timestamp: message.timestamp!,
-          type: 'system',
-        },
-      ]);
-    } else if (message.type === 'crisis_alert') {
-      setShowCrisisAlert(true);
-      setTimeout(() => setShowCrisisAlert(false), 10000);
-    }
-  }, []);
-
-  const { isConnected, connectionError, sendMessage } = useWebSocket({
-    roomId: room.id,
-    userId: currentUser.id,
-    nickname: currentUser.nickname,
-    onMessage: handleMessage,
-    onConnect: () => {
-      console.log('Connected to chat room:', room.name);
-    },
-    onDisconnect: () => {
-      console.log('Disconnected from chat room');
-    },
-  });
-
-  useEffect(() => {
-    // Scroll to bottom when new messages arrive
-    messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });
-  }, [messages]);
-
-  const handleSendMessage = (e: React.FormEvent) => {
-    e.preventDefault();
-
-    if (!inputValue.trim() || !isConnected) {
-      return;
-    }
-
-    const success = sendMessage(inputValue.trim());
-    if (success) {
-      setInputValue('');
-    }
-  };
-
-  return (
-    <div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50">
-      <div className="bg-white rounded-lg shadow-xl w-full max-w-4xl h-[80vh] flex flex-col">
-        {/* Header */}
-        <div className="p-4 border-b border-gray-200 flex items-center justify-between">
-          <div>
-            <h2 className="text-xl font-bold text-gray-900">{room.name}</h2>
-            <p className="text-sm text-gray-600">{room.description}</p>
-          </div>
-          <div className="flex items-center gap-4">
-            <div className="flex items-center gap-2">
-              <div className={`w-2 h-2 rounded-full ${isConnected ? 'bg-green-500' : 'bg-red-500'}`}></div>
-              <span className="text-xs text-gray-600">{isConnected ? 'Connected' : 'Disconnected'}</span>
-            </div>
-            <button
-              onClick={onClose}
-              className="text-gray-400 hover:text-gray-600 text-2xl leading-none"
-              aria-label="Close"
-            >
-              ×
-            </button>
-          </div>
-        </div>
-
-        {/* Crisis Alert Banner */}
-        {showCrisisAlert && (
-          <div className="bg-red-50 border-l-4 border-red-500 p-4">
-            <div className="flex items-start">
-              <div className="flex-shrink-0">
-                <svg className="h-5 w-5 text-red-500" viewBox="0 0 20 20" fill="currentColor">
-                  <path
-                    fillRule="evenodd"
-                    d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z"
-                    clipRule="evenodd"
-                  />
-                </svg>
-              </div>
-              <div className="ml-3 flex-1">
-                <p className="text-sm font-medium text-red-800">
-                  ⚠️ CRISIS DETECTED - Moderators have been notified
-                </p>
-                <p className="text-xs text-red-700 mt-1">
-                  🇺🇸 Call 988 | Text HOME to 741741 | 🇮🇳 Call 9152987821 (iCall) | KIRAN 1800-599-0019
-                </p>
-              </div>
-            </div>
-          </div>
-        )}
-
-        {/* Connection Error */}
-        {connectionError && (
-          <div className="bg-yellow-50 border-l-4 border-yellow-500 p-3">
-            <p className="text-sm text-yellow-800">⚠️ {connectionError}</p>
-          </div>
-        )}
-
-        {/* Messages */}
-        <div className="flex-1 overflow-y-auto p-4 space-y-4 bg-gray-50">
-          {messages.length === 0 && (
-            <div className="text-center py-8 text-gray-500">
-              <p>No messages yet. Start the conversation!</p>
-            </div>
-          )}
-
-          {messages.map((msg, index) => (
-            <div
-              key={index}
-              className={`${
-                msg.type === 'system'
-                  ? 'text-center'
-                  : msg.userId === currentUser.id
-                  ? 'flex justify-end'
-                  : 'flex justify-start'
-              }`}
-            >
-              {msg.type === 'system' ? (
-                <div className="text-xs text-gray-500 italic">{msg.content}</div>
-              ) : (
-                <div
-                  className={`max-w-xs lg:max-w-md px-4 py-2 rounded-lg ${
-                    msg.userId === currentUser.id
-                      ? 'bg-primary-600 text-white'
-                      : msg.riskLevel === 'high' || msg.riskLevel === 'critical'
-                      ? 'bg-red-100 border border-red-300'
-                      : 'bg-white border border-gray-200'
-                  }`}
-                >
-                  <div className="flex items-center gap-2 mb-1">
-                    <span
-                      className={`text-xs font-semibold ${
-                        msg.userId === currentUser.id
-                          ? 'text-primary-100'
-                          : msg.riskLevel === 'high' || msg.riskLevel === 'critical'
-                          ? 'text-red-700'
-                          : 'text-gray-600'
-                      }`}
-                    >
-                      {msg.userId === currentUser.id ? 'You' : msg.nickname}
-                    </span>
-                    <span
-                      className={`text-xs ${
-                        msg.userId === currentUser.id
-                          ? 'text-primary-200'
-                          : msg.riskLevel === 'high' || msg.riskLevel === 'critical'
-                          ? 'text-red-500'
-                          : 'text-gray-400'
-                      }`}
-                    >
-                      {new Date(msg.timestamp).toLocaleTimeString([], {
-                        hour: '2-digit',
-                        minute: '2-digit',
-                      })}
-                    </span>
-                  </div>
-                  <p
-                    className={`text-sm ${
-                      msg.userId === currentUser.id
-                        ? 'text-white'
-                        : msg.riskLevel === 'high' || msg.riskLevel === 'critical'
-                        ? 'text-red-900'
-                        : 'text-gray-800'
-                    }`}
-                  >
-                    {msg.content}
-                  </p>
-                  {(msg.riskLevel === 'high' || msg.riskLevel === 'critical') && (
-                    <div className="mt-1 text-xs text-red-600 font-medium">⚠️ Crisis language detected</div>
-                  )}
-                </div>
-              )}
-            </div>
-          ))}
-          <div ref={messagesEndRef} />
-        </div>
-
-        {/* Input */}
-        <form onSubmit={handleSendMessage} className="p-4 border-t border-gray-200 bg-white">
-          <div className="flex gap-2">
-            <input
-              type="text"
-              value={inputValue}
-              onChange={(e) => setInputValue(e.target.value)}
-              placeholder={isConnected ? 'Type your message...' : 'Connecting...'}
-              disabled={!isConnected}
-              className="flex-1 px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-500 disabled:bg-gray-100 disabled:cursor-not-allowed"
-              maxLength={500}
-            />
-            <button
-              type="submit"
-              disabled={!isConnected || !inputValue.trim()}
-              className="btn-primary px-6 disabled:opacity-50 disabled:cursor-not-allowed"
-            >
-              Send
-            </button>
-          </div>
-          <p className="text-xs text-gray-500 mt-2">
-            💡 Be kind and supportive. All messages are monitored for safety.
-          </p>
-        </form>
-      </div>
-    </div>
-  );
-}
diff --git a/frontend/src/components/CrisisModal.tsx b/frontend/src/components/CrisisModal.tsx
new file mode 100644
index 0000000..d8563c2
--- /dev/null
+++ b/frontend/src/components/CrisisModal.tsx
@@ -0,0 +1,122 @@
+import { X, Phone, Globe, ExternalLink } from 'lucide-react'
+
+interface CrisisModalProps {
+  open: boolean
+  onClose: () => void
+}
+
+const crisisResources = {
+  us: [
+    { name: '988 Suicide & Crisis Lifeline', phone: '988', desc: 'Call or text 24/7' },
+    { name: 'Crisis Text Line', phone: '741741', desc: 'Text HOME to 741741' },
+    { name: 'SAMHSA Helpline', phone: '1-800-662-4357', desc: 'Mental health & substance abuse' },
+  ],
+  india: [
+    { name: 'KIRAN Helpline', phone: '1800-599-0019', desc: 'Government free helpline 24/7' },
+    { name: 'Vandrevala Foundation', phone: '1860-2662-345', desc: '24/7 multilingual support' },
+    { name: 'iCall', phone: '9152987821', desc: 'Mon-Sat 8am-10pm' },
+  ],
+}
+
+export default function CrisisModal({ open, onClose }: CrisisModalProps) {
+  if (!open) return null
+
+  return (
+    <div className="fixed inset-0 z-50 overflow-hidden">
+      {/* Backdrop */}
+      <div className="absolute inset-0 bg-slate-900/50" onClick={onClose} />
+      
+      {/* Modal */}
+      <div className="absolute inset-x-3 bottom-3 top-auto sm:inset-auto sm:top-1/2 sm:left-1/2 sm:-translate-x-1/2 sm:-translate-y-1/2 
+                      sm:max-w-md sm:w-full bg-white dark:bg-slate-900 rounded-lg border border-slate-200 dark:border-slate-800
+                      max-h-[85vh] flex flex-col">
+        {/* Header */}
+        <div className="px-4 py-3 border-b border-slate-200 dark:border-slate-800 flex-shrink-0">
+          <div className="flex items-center justify-between">
+            <div>
+              <h2 className="font-semibold text-slate-900 dark:text-white">Crisis Resources</h2>
+              <p className="text-xs text-slate-500 mt-0.5">Help is available 24/7</p>
+            </div>
+            <button onClick={onClose} className="p-1.5 hover:bg-slate-100 dark:hover:bg-slate-800 rounded-lg transition-colors">
+              <X size={18} className="text-slate-500" />
+            </button>
+          </div>
+        </div>
+
+        {/* Content */}
+        <div className="p-4 overflow-y-auto flex-1 space-y-4">
+          <p className="text-sm text-slate-600 dark:text-slate-400">
+            If you are in crisis, please reach out. You matter.
+          </p>
+
+          {/* US */}
+          <div>
+            <div className="flex items-center gap-2 mb-2">
+              <Globe size={14} className="text-slate-400" />
+              <h3 className="text-sm font-medium text-slate-900 dark:text-white">United States</h3>
+            </div>
+            <div className="space-y-2">
+              {crisisResources.us.map((r) => (
+                <a
+                  key={r.name}
+                  href={`tel:${r.phone}`}
+                  className="flex items-center gap-3 p-3 bg-slate-50 dark:bg-slate-800 rounded-lg 
+                           hover:bg-slate-100 dark:hover:bg-slate-700 transition-colors"
+                >
+                  <Phone size={14} className="text-red-500 flex-shrink-0" />
+                  <div className="flex-1 min-w-0">
+                    <p className="text-sm font-medium text-slate-900 dark:text-white truncate">{r.name}</p>
+                    <p className="text-xs text-slate-500 truncate">{r.desc}</p>
+                  </div>
+                  <span className="text-sm font-semibold text-green-600 flex-shrink-0">{r.phone}</span>
+                </a>
+              ))}
+            </div>
+          </div>
+
+          {/* India */}
+          <div>
+            <div className="flex items-center gap-2 mb-2">
+              <Globe size={14} className="text-slate-400" />
+              <h3 className="text-sm font-medium text-slate-900 dark:text-white">India</h3>
+            </div>
+            <div className="space-y-2">
+              {crisisResources.india.map((r) => (
+                <a
+                  key={r.name}
+                  href={`tel:${r.phone}`}
+                  className="flex items-center gap-3 p-3 bg-slate-50 dark:bg-slate-800 rounded-lg 
+                           hover:bg-slate-100 dark:hover:bg-slate-700 transition-colors"
+                >
+                  <Phone size={14} className="text-red-500 flex-shrink-0" />
+                  <div className="flex-1 min-w-0">
+                    <p className="text-sm font-medium text-slate-900 dark:text-white truncate">{r.name}</p>
+                    <p className="text-xs text-slate-500 truncate">{r.desc}</p>
+                  </div>
+                  <span className="text-sm font-semibold text-green-600 flex-shrink-0">{r.phone}</span>
+                </a>
+              ))}
+            </div>
+          </div>
+
+          {/* International */}
+          <a
+            href="https://www.iasp.info/resources/Crisis_Centres/"
+            target="_blank"
+            rel="noopener noreferrer"
+            className="flex items-center gap-2 p-3 bg-accent-50 dark:bg-accent-900/20 rounded-lg 
+                     text-accent-600 dark:text-accent-400 text-sm hover:bg-accent-100 dark:hover:bg-accent-900/30 transition-colors"
+          >
+            <ExternalLink size={14} className="flex-shrink-0" />
+            <span>Find crisis centers worldwide (IASP)</span>
+          </a>
+        </div>
+
+        {/* Footer */}
+        <div className="px-4 py-3 bg-slate-50 dark:bg-slate-800 text-center flex-shrink-0 border-t border-slate-200 dark:border-slate-700">
+          <p className="text-xs text-slate-500">Reaching out is a sign of strength</p>
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/frontend/src/components/layout/DashboardLayout.tsx b/frontend/src/components/layout/DashboardLayout.tsx
new file mode 100644
index 0000000..ee93857
--- /dev/null
+++ b/frontend/src/components/layout/DashboardLayout.tsx
@@ -0,0 +1,302 @@
+import { Outlet, NavLink, useNavigate } from 'react-router-dom'
+import { useState, useEffect } from 'react'
+import {
+  MessageCircle, BookOpen, Target, TrendingUp, Zap,
+  Menu, X, Moon, Sun, LogOut, Phone, Home
+} from 'lucide-react'
+import { useAuthStore } from '../../store/authStore'
+import { useUIStore } from '../../store/uiStore'
+import { supabase, signInAnonymously, generateUsername, signOut } from '../../lib/supabase'
+import { getAvatarUrl } from '../../lib/utils'
+import CrisisModal from '@/components/CrisisModal'
+import toast from 'react-hot-toast'
+
+const navItems = [
+  { to: '/app', icon: Home, label: 'Dashboard', end: true },
+  { to: '/app/chat', icon: MessageCircle, label: 'Chat' },
+  { to: '/app/journal', icon: BookOpen, label: 'Journal' },
+  { to: '/app/habits', icon: Target, label: 'Habits' },
+  { to: '/app/mood', icon: TrendingUp, label: 'Mood' },
+  { to: '/app/resources', icon: Zap, label: 'Resources' },
+]
+
+export default function DashboardLayout() {
+  const navigate = useNavigate()
+  const { user, profile, setProfile, logout } = useAuthStore()
+  const { sidebarOpen, darkMode, setSidebarOpen, toggleDarkMode } = useUIStore()
+  const [mobileOpen, setMobileOpen] = useState(false)
+  const [showCrisis, setShowCrisis] = useState(false)
+
+  useEffect(() => {
+    document.documentElement.classList.toggle('dark', darkMode)
+  }, [darkMode])
+
+  useEffect(() => {
+    const initUser = async () => {
+      if (!user) {
+        try {
+          await signInAnonymously()
+          toast.success('Welcome! You are anonymous.')
+        } catch (error) {
+          toast.error('Failed to connect')
+          return
+        }
+      }
+
+      if (user && !profile) {
+        const { data: existingProfile } = await supabase
+          .from('profiles')
+          .select('*')
+          .eq('id', user.id)
+          .single()
+
+        if (existingProfile) {
+          setProfile(existingProfile)
+        } else {
+          const newProfile = {
+            id: user.id,
+            username: generateUsername(),
+            avatar_seed: Math.random().toString(36).substring(7),
+            is_online: true,
+          }
+          
+          const { data, error } = await supabase
+            .from('profiles')
+            .insert(newProfile)
+            .select()
+            .single()
+
+          if (!error && data) {
+            setProfile(data)
+          }
+        }
+      }
+    }
+
+    initUser()
+  }, [user, profile, setProfile])
+
+  const handleSignOut = async () => {
+    try {
+      await signOut()
+      logout()
+      navigate('/')
+      toast.success('Signed out')
+    } catch {
+      toast.error('Failed to sign out')
+    }
+  }
+
+  return (
+    <div className="min-h-screen bg-slate-50 dark:bg-slate-950">
+      {/* Mobile Header */}
+      <header className="lg:hidden sticky top-0 z-40 bg-white dark:bg-slate-900 border-b border-slate-200 dark:border-slate-800">
+        <div className="flex items-center justify-between px-4 h-14">
+          <button 
+            onClick={() => setMobileOpen(!mobileOpen)} 
+            className="p-2 rounded-lg hover:bg-slate-100 dark:hover:bg-slate-800 transition-colors"
+          >
+            {mobileOpen ? <X size={20} /> : <Menu size={20} />}
+          </button>
+          <div className="flex items-center gap-2">
+            <img src="/logo.png" alt="OpenMindWell Logo" className="w-7 h-7 rounded-lg object-contain" />
+            <span className="font-semibold text-sm">OpenMindWell</span>
+          </div>
+          <button 
+            onClick={() => setShowCrisis(true)} 
+            className="p-2 bg-red-600 text-white rounded-lg hover:bg-red-700 transition-colors"
+          >
+            <Phone size={16} />
+          </button>
+        </div>
+      </header>
+
+      <div className="flex">
+        {/* Sidebar - Desktop */}
+        <aside className={`hidden lg:flex flex-col fixed top-0 left-0 h-full z-40
+          bg-white dark:bg-slate-900 border-r border-slate-200 dark:border-slate-800
+          transition-all duration-200 ${sidebarOpen ? 'w-56' : 'w-16'}`}
+        >
+          {/* Logo */}
+          <div className="flex items-center gap-2 px-4 h-14 border-b border-slate-200 dark:border-slate-800">
+            <img src="/logo.png" alt="OpenMindWell Logo" className="w-8 h-8 rounded-lg object-contain flex-shrink-0" />
+            {sidebarOpen && (
+              <span className="font-semibold text-slate-900 dark:text-white">OpenMindWell</span>
+            )}
+          </div>
+
+          {/* Profile */}
+          {profile && (
+            <div className={`p-3 border-b border-slate-200 dark:border-slate-800 ${!sidebarOpen && 'flex justify-center'}`}>
+              <div className={`flex items-center gap-2 ${sidebarOpen ? 'p-2 bg-slate-50 dark:bg-slate-800 rounded-lg' : ''}`}>
+                <div className="relative flex-shrink-0">
+                  <img
+                    src={getAvatarUrl(profile.avatar_seed)}
+                    alt="Avatar"
+                    className="w-8 h-8 rounded-lg bg-slate-100"
+                  />
+                  <span className="absolute -bottom-0.5 -right-0.5 w-2.5 h-2.5 bg-green-500 rounded-full border-2 border-white dark:border-slate-900"></span>
+                </div>
+                {sidebarOpen && (
+                  <div className="min-w-0">
+                    <p className="text-sm font-medium text-slate-900 dark:text-white truncate">{profile.username}</p>
+                    <p className="text-xs text-slate-500">Anonymous</p>
+                  </div>
+                )}
+              </div>
+            </div>
+          )}
+
+          {/* Nav */}
+          <nav className="flex-1 p-2 space-y-1 overflow-y-auto">
+            {navItems.map((item) => (
+              <NavLink
+                key={item.to}
+                to={item.to}
+                end={item.end}
+                className={({ isActive }) => `
+                  flex items-center gap-2 px-3 py-2 rounded-lg transition-colors text-sm
+                  ${isActive 
+                    ? 'bg-slate-900 dark:bg-white text-white dark:text-slate-900' 
+                    : 'hover:bg-slate-100 dark:hover:bg-slate-800 text-slate-600 dark:text-slate-400'}
+                  ${!sidebarOpen && 'justify-center px-2'}
+                `}
+              >
+                <item.icon size={18} className="flex-shrink-0" />
+                {sidebarOpen && <span className="font-medium">{item.label}</span>}
+              </NavLink>
+            ))}
+          </nav>
+
+          {/* Bottom Actions */}
+          <div className="p-2 border-t border-slate-200 dark:border-slate-800 space-y-1">
+            <button
+              onClick={() => setShowCrisis(true)}
+              className={`flex items-center gap-2 px-3 py-2 rounded-lg w-full
+                bg-red-50 dark:bg-red-900/20 text-red-600 dark:text-red-400 
+                hover:bg-red-100 dark:hover:bg-red-900/30 transition-colors text-sm
+                ${!sidebarOpen && 'justify-center px-2'}`}
+            >
+              <Phone size={18} />
+              {sidebarOpen && <span className="font-medium">Crisis Help</span>}
+            </button>
+
+            <div className={`flex gap-1 ${!sidebarOpen && 'flex-col'}`}>
+              <button
+                onClick={toggleDarkMode}
+                className={`flex items-center justify-center p-2 rounded-lg hover:bg-slate-100 dark:hover:bg-slate-800 transition-colors
+                  ${sidebarOpen ? 'flex-1' : 'w-full'}`}
+              >
+                {darkMode ? <Sun size={18} className="text-amber-500" /> : <Moon size={18} className="text-slate-500" />}
+              </button>
+
+              <button
+                onClick={handleSignOut}
+                className={`flex items-center justify-center p-2 rounded-lg hover:bg-red-50 dark:hover:bg-red-900/20 text-red-500 transition-colors
+                  ${sidebarOpen ? 'flex-1' : 'w-full'}`}
+              >
+                <LogOut size={18} />
+              </button>
+            </div>
+
+            <button
+              onClick={() => setSidebarOpen(!sidebarOpen)}
+              className={`hidden lg:flex items-center gap-2 px-3 py-2 rounded-lg w-full 
+                hover:bg-slate-100 dark:hover:bg-slate-800 transition-colors text-sm text-slate-500
+                ${!sidebarOpen && 'justify-center px-2'}`}
+            >
+              <Menu size={18} />
+              {sidebarOpen && <span>Collapse</span>}
+            </button>
+          </div>
+        </aside>
+
+        {/* Mobile Menu */}
+        {mobileOpen && (
+          <div className="lg:hidden fixed inset-0 z-30">
+            <div className="absolute inset-0 bg-slate-900/50" onClick={() => setMobileOpen(false)} />
+            <div className="absolute left-0 top-0 h-full w-64 bg-white dark:bg-slate-900 border-r border-slate-200 dark:border-slate-800" onClick={e => e.stopPropagation()}>
+              <div className="p-4">
+                {/* Mobile Logo */}
+                <div className="flex items-center gap-2 mb-4">
+                  <img src="/logo.png" alt="OpenMindWell Logo" className="w-8 h-8 rounded-lg object-contain" />
+                  <span className="font-semibold">OpenMindWell</span>
+                </div>
+
+                {profile && (
+                  <div className="flex items-center gap-2 mb-4 p-2 bg-slate-50 dark:bg-slate-800 rounded-lg">
+                    <div className="relative">
+                      <img src={getAvatarUrl(profile.avatar_seed)} alt="" className="w-8 h-8 rounded-lg" />
+                      <span className="absolute -bottom-0.5 -right-0.5 w-2.5 h-2.5 bg-green-500 rounded-full border-2 border-white dark:border-slate-900"></span>
+                    </div>
+                    <div>
+                      <p className="text-sm font-medium">{profile.username}</p>
+                      <p className="text-xs text-slate-500">Anonymous</p>
+                    </div>
+                  </div>
+                )}
+                
+                <nav className="space-y-1">
+                  {navItems.map((item) => (
+                    <NavLink
+                      key={item.to}
+                      to={item.to}
+                      end={item.end}
+                      onClick={() => setMobileOpen(false)}
+                      className={({ isActive }) => `
+                        flex items-center gap-2 px-3 py-2 rounded-lg transition-colors text-sm
+                        ${isActive 
+                          ? 'bg-slate-900 dark:bg-white text-white dark:text-slate-900' 
+                          : 'hover:bg-slate-100 dark:hover:bg-slate-800 text-slate-600 dark:text-slate-400'}
+                      `}
+                    >
+                      <item.icon size={18} />
+                      <span className="font-medium">{item.label}</span>
+                    </NavLink>
+                  ))}
+                </nav>
+
+                <div className="mt-4 pt-4 border-t border-slate-200 dark:border-slate-800 space-y-1">
+                  <button
+                    onClick={() => { setShowCrisis(true); setMobileOpen(false); }}
+                    className="flex items-center gap-2 px-3 py-2 rounded-lg w-full text-sm
+                      bg-red-50 dark:bg-red-900/20 text-red-600 dark:text-red-400"
+                  >
+                    <Phone size={18} />
+                    <span className="font-medium">Crisis Help</span>
+                  </button>
+                  
+                  <div className="flex gap-1">
+                    <button
+                      onClick={toggleDarkMode}
+                      className="flex-1 flex items-center justify-center gap-2 p-2 rounded-lg bg-slate-100 dark:bg-slate-800 text-sm"
+                    >
+                      {darkMode ? <Sun size={16} className="text-amber-500" /> : <Moon size={16} className="text-slate-500" />}
+                      <span>{darkMode ? 'Light' : 'Dark'}</span>
+                    </button>
+                    <button
+                      onClick={() => { handleSignOut(); setMobileOpen(false); }}
+                      className="flex-1 flex items-center justify-center gap-2 p-2 rounded-lg bg-red-50 dark:bg-red-900/20 text-red-500 text-sm"
+                    >
+                      <LogOut size={16} />
+                      <span>Sign Out</span>
+                    </button>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        )}
+
+        {/* Main Content */}
+        <main className={`flex-1 min-h-screen transition-all duration-200 ${sidebarOpen ? 'lg:ml-56' : 'lg:ml-16'}`}>
+          <div className="p-4 md:p-6 max-w-6xl mx-auto">
+            <Outlet />
+          </div>
+        </main>
+      </div>
+
+      <CrisisModal open={showCrisis} onClose={() => setShowCrisis(false)} />
+    </div>
+  )
+}
diff --git a/frontend/src/components/ui/Button.tsx b/frontend/src/components/ui/Button.tsx
new file mode 100644
index 0000000..9e17667
--- /dev/null
+++ b/frontend/src/components/ui/Button.tsx
@@ -0,0 +1,95 @@
+import { forwardRef, ButtonHTMLAttributes } from 'react'
+import { Loader2 } from 'lucide-react'
+import { cn } from '@/lib/utils'
+
+interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+  variant?: 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger'
+  size?: 'sm' | 'md' | 'lg'
+  isLoading?: boolean
+  leftIcon?: React.ReactNode
+  rightIcon?: React.ReactNode
+}
+
+const Button = forwardRef<HTMLButtonElement, ButtonProps>(
+  (
+    {
+      className,
+      variant = 'primary',
+      size = 'md',
+      isLoading = false,
+      leftIcon,
+      rightIcon,
+      children,
+      disabled,
+      ...props
+    },
+    ref
+  ) => {
+    const baseStyles = `
+      inline-flex items-center justify-center font-medium rounded-xl
+      transition-all duration-300 transform
+      focus:outline-none focus:ring-2 focus:ring-offset-2
+      disabled:opacity-60 disabled:cursor-not-allowed disabled:transform-none
+      hover:scale-[1.02] active:scale-[0.98]
+    `
+
+    const variants = {
+      primary: `
+        bg-accent-600 text-white
+        hover:bg-accent-700
+        shadow-lg shadow-accent-600/25 hover:shadow-xl hover:shadow-accent-600/30
+        focus:ring-accent-500
+      `,
+      secondary: `
+        bg-gray-100 dark:bg-gray-800 text-gray-900 dark:text-white
+        hover:bg-gray-200 dark:hover:bg-gray-700
+        border border-gray-200 dark:border-gray-700
+        focus:ring-gray-500
+      `,
+      outline: `
+        bg-transparent border-2 border-primary-500 text-primary-600 dark:text-primary-400
+        hover:bg-primary-50 dark:hover:bg-primary-900/20
+        focus:ring-primary-500
+      `,
+      ghost: `
+        bg-transparent text-gray-700 dark:text-gray-300
+        hover:bg-gray-100 dark:hover:bg-gray-800
+        focus:ring-gray-500
+      `,
+      danger: `
+        bg-gradient-to-r from-red-500 to-red-600 text-white
+        hover:from-red-600 hover:to-red-700
+        shadow-lg shadow-red-500/25 hover:shadow-xl hover:shadow-red-500/30
+        focus:ring-red-500
+      `,
+    }
+
+    const sizes = {
+      sm: 'px-3 py-1.5 text-sm gap-1.5',
+      md: 'px-5 py-2.5 text-base gap-2',
+      lg: 'px-7 py-3.5 text-lg gap-2.5',
+    }
+
+    return (
+      <button
+        ref={ref}
+        className={cn(baseStyles, variants[variant], sizes[size], className)}
+        disabled={disabled || isLoading}
+        {...props}
+      >
+        {isLoading ? (
+          <Loader2 className="w-4 h-4 animate-spin" />
+        ) : (
+          leftIcon
+        )}
+        {children}
+        {!isLoading && rightIcon}
+      </button>
+    )
+  }
+)
+
+Button.displayName = 'Button'
+
+export { Button }
+export type { ButtonProps }
diff --git a/frontend/src/components/ui/Card.tsx b/frontend/src/components/ui/Card.tsx
new file mode 100644
index 0000000..33619fe
--- /dev/null
+++ b/frontend/src/components/ui/Card.tsx
@@ -0,0 +1,135 @@
+import { forwardRef, HTMLAttributes } from 'react'
+import { cn } from '@/lib/utils'
+
+interface CardProps extends HTMLAttributes<HTMLDivElement> {
+  variant?: 'default' | 'glass' | 'gradient' | 'outlined'
+  hover?: boolean
+  padding?: 'none' | 'sm' | 'md' | 'lg'
+}
+
+const Card = forwardRef<HTMLDivElement, CardProps>(
+  (
+    {
+      className,
+      variant = 'default',
+      hover = true,
+      padding = 'md',
+      children,
+      ...props
+    },
+    ref
+  ) => {
+    const baseStyles = `
+      rounded-2xl transition-all duration-300
+    `
+
+    const variants = {
+      default: `
+        bg-white dark:bg-gray-800 
+        border border-gray-100 dark:border-gray-700
+        shadow-sm
+      `,
+      glass: `
+        glass
+      `,
+      gradient: `
+        bg-white dark:bg-gray-800
+        border border-gray-100 dark:border-gray-700
+        shadow-sm
+      `,
+      outlined: `
+        bg-transparent
+        border-2 border-gray-200 dark:border-gray-700
+      `,
+    }
+
+    const paddings = {
+      none: '',
+      sm: 'p-4',
+      md: 'p-6',
+      lg: 'p-8',
+    }
+
+    const hoverStyles = hover
+      ? 'hover:shadow-xl hover:scale-[1.01] cursor-default'
+      : ''
+
+    return (
+      <div
+        ref={ref}
+        className={cn(baseStyles, variants[variant], paddings[padding], hoverStyles, className)}
+        {...props}
+      >
+        {children}
+      </div>
+    )
+  }
+)
+
+Card.displayName = 'Card'
+
+interface CardHeaderProps extends HTMLAttributes<HTMLDivElement> {
+  icon?: React.ReactNode
+  iconColor?: 'primary' | 'purple' | 'blue' | 'green' | 'orange' | 'red'
+  action?: React.ReactNode
+}
+
+const CardHeader = forwardRef<HTMLDivElement, CardHeaderProps>(
+  ({ className, icon, iconColor = 'primary', action, children, ...props }, ref) => {
+    const iconColors = {
+      primary: 'bg-primary-100 dark:bg-primary-900/30 text-primary-600 dark:text-primary-400',
+      purple: 'bg-purple-100 dark:bg-purple-900/30 text-purple-600 dark:text-purple-400',
+      blue: 'bg-blue-100 dark:bg-blue-900/30 text-blue-600 dark:text-blue-400',
+      green: 'bg-green-100 dark:bg-green-900/30 text-green-600 dark:text-green-400',
+      orange: 'bg-orange-100 dark:bg-orange-900/30 text-orange-600 dark:text-orange-400',
+      red: 'bg-red-100 dark:bg-red-900/30 text-red-600 dark:text-red-400',
+    }
+
+    return (
+      <div
+        ref={ref}
+        className={cn('flex items-center justify-between mb-5', className)}
+        {...props}
+      >
+        <h2 className="text-lg font-semibold flex items-center gap-3 text-gray-900 dark:text-white">
+          {icon && (
+            <div className={cn('w-8 h-8 rounded-lg flex items-center justify-center', iconColors[iconColor])}>
+              {icon}
+            </div>
+          )}
+          {children}
+        </h2>
+        {action}
+      </div>
+    )
+  }
+)
+
+CardHeader.displayName = 'CardHeader'
+
+interface CardContentProps extends HTMLAttributes<HTMLDivElement> {}
+
+const CardContent = forwardRef<HTMLDivElement, CardContentProps>(
+  ({ className, ...props }, ref) => (
+    <div ref={ref} className={cn('', className)} {...props} />
+  )
+)
+
+CardContent.displayName = 'CardContent'
+
+interface CardFooterProps extends HTMLAttributes<HTMLDivElement> {}
+
+const CardFooter = forwardRef<HTMLDivElement, CardFooterProps>(
+  ({ className, ...props }, ref) => (
+    <div
+      ref={ref}
+      className={cn('mt-5 pt-5 border-t border-gray-100 dark:border-gray-700', className)}
+      {...props}
+    />
+  )
+)
+
+CardFooter.displayName = 'CardFooter'
+
+export { Card, CardHeader, CardContent, CardFooter }
+export type { CardProps, CardHeaderProps, CardContentProps, CardFooterProps }
diff --git a/frontend/src/components/ui/Input.tsx b/frontend/src/components/ui/Input.tsx
new file mode 100644
index 0000000..166fad3
--- /dev/null
+++ b/frontend/src/components/ui/Input.tsx
@@ -0,0 +1,110 @@
+import { forwardRef, InputHTMLAttributes, TextareaHTMLAttributes } from 'react'
+import { cn } from '@/lib/utils'
+
+interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
+  label?: string
+  error?: string
+  hint?: string
+  leftIcon?: React.ReactNode
+  rightIcon?: React.ReactNode
+}
+
+const Input = forwardRef<HTMLInputElement, InputProps>(
+  ({ className, label, error, hint, leftIcon, rightIcon, ...props }, ref) => {
+    return (
+      <div className="w-full">
+        {label && (
+          <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+            {label}
+          </label>
+        )}
+        <div className="relative">
+          {leftIcon && (
+            <div className="absolute left-3 top-1/2 -translate-y-1/2 text-gray-400">
+              {leftIcon}
+            </div>
+          )}
+          <input
+            ref={ref}
+            className={cn(
+              `w-full px-4 py-3 rounded-xl border transition-all duration-300
+              bg-white dark:bg-gray-800 
+              text-gray-900 dark:text-white
+              placeholder:text-gray-400 dark:placeholder:text-gray-500
+              focus:outline-none focus:ring-2 focus:ring-primary-500/50 focus:border-primary-500
+              disabled:opacity-60 disabled:cursor-not-allowed`,
+              error
+                ? 'border-red-500 focus:ring-red-500/50 focus:border-red-500'
+                : 'border-gray-200 dark:border-gray-700',
+              leftIcon && 'pl-10',
+              rightIcon && 'pr-10',
+              className
+            )}
+            {...props}
+          />
+          {rightIcon && (
+            <div className="absolute right-3 top-1/2 -translate-y-1/2 text-gray-400">
+              {rightIcon}
+            </div>
+          )}
+        </div>
+        {error && (
+          <p className="mt-2 text-sm text-red-500">{error}</p>
+        )}
+        {hint && !error && (
+          <p className="mt-2 text-sm text-gray-500 dark:text-gray-400">{hint}</p>
+        )}
+      </div>
+    )
+  }
+)
+
+Input.displayName = 'Input'
+
+interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
+  label?: string
+  error?: string
+  hint?: string
+}
+
+const Textarea = forwardRef<HTMLTextAreaElement, TextareaProps>(
+  ({ className, label, error, hint, ...props }, ref) => {
+    return (
+      <div className="w-full">
+        {label && (
+          <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
+            {label}
+          </label>
+        )}
+        <textarea
+          ref={ref}
+          className={cn(
+            `w-full px-4 py-3 rounded-xl border transition-all duration-300
+            bg-white dark:bg-gray-800 
+            text-gray-900 dark:text-white
+            placeholder:text-gray-400 dark:placeholder:text-gray-500
+            focus:outline-none focus:ring-2 focus:ring-primary-500/50 focus:border-primary-500
+            disabled:opacity-60 disabled:cursor-not-allowed
+            resize-none`,
+            error
+              ? 'border-red-500 focus:ring-red-500/50 focus:border-red-500'
+              : 'border-gray-200 dark:border-gray-700',
+            className
+          )}
+          {...props}
+        />
+        {error && (
+          <p className="mt-2 text-sm text-red-500">{error}</p>
+        )}
+        {hint && !error && (
+          <p className="mt-2 text-sm text-gray-500 dark:text-gray-400">{hint}</p>
+        )}
+      </div>
+    )
+  }
+)
+
+Textarea.displayName = 'Textarea'
+
+export { Input, Textarea }
+export type { InputProps, TextareaProps }
diff --git a/frontend/src/components/ui/common.tsx b/frontend/src/components/ui/common.tsx
new file mode 100644
index 0000000..d4312ab
--- /dev/null
+++ b/frontend/src/components/ui/common.tsx
@@ -0,0 +1,196 @@
+import { cn } from '@/lib/utils'
+
+interface BadgeProps {
+  children: React.ReactNode
+  variant?: 'default' | 'success' | 'warning' | 'error' | 'info'
+  size?: 'sm' | 'md'
+  className?: string
+}
+
+export function Badge({ 
+  children, 
+  variant = 'default', 
+  size = 'md',
+  className 
+}: BadgeProps) {
+  const variants = {
+    default: 'bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300',
+    success: 'bg-green-100 dark:bg-green-900/30 text-green-700 dark:text-green-400',
+    warning: 'bg-yellow-100 dark:bg-yellow-900/30 text-yellow-700 dark:text-yellow-400',
+    error: 'bg-red-100 dark:bg-red-900/30 text-red-700 dark:text-red-400',
+    info: 'bg-blue-100 dark:bg-blue-900/30 text-blue-700 dark:text-blue-400',
+  }
+
+  const sizes = {
+    sm: 'px-2 py-0.5 text-xs',
+    md: 'px-3 py-1 text-sm',
+  }
+
+  return (
+    <span
+      className={cn(
+        'inline-flex items-center font-medium rounded-full',
+        variants[variant],
+        sizes[size],
+        className
+      )}
+    >
+      {children}
+    </span>
+  )
+}
+
+interface AvatarProps {
+  src?: string
+  name?: string
+  size?: 'sm' | 'md' | 'lg' | 'xl'
+  className?: string
+}
+
+export function Avatar({ src, name, size = 'md', className }: AvatarProps) {
+  const sizes = {
+    sm: 'w-8 h-8 text-xs',
+    md: 'w-10 h-10 text-sm',
+    lg: 'w-12 h-12 text-base',
+    xl: 'w-16 h-16 text-lg',
+  }
+
+  const initials = name
+    ? name
+        .split(' ')
+        .map((n) => n[0])
+        .join('')
+        .toUpperCase()
+        .slice(0, 2)
+    : '?'
+
+  if (src) {
+    return (
+      <img
+        src={src}
+        alt={name || 'Avatar'}
+        className={cn(
+          'rounded-full object-cover ring-2 ring-white dark:ring-gray-800',
+          sizes[size],
+          className
+        )}
+      />
+    )
+  }
+
+  return (
+    <div
+      className={cn(
+        'rounded-full bg-primary-600 flex items-center justify-center text-white font-medium',
+        sizes[size],
+        className
+      )}
+    >
+      {initials}
+    </div>
+  )
+}
+
+interface EmptyStateProps {
+  icon?: React.ReactNode
+  title: string
+  description?: string
+  action?: React.ReactNode
+}
+
+export function EmptyState({ icon, title, description, action }: EmptyStateProps) {
+  return (
+    <div className="text-center py-12">
+      {icon && (
+        <div className="w-16 h-16 mx-auto mb-4 bg-gray-100 dark:bg-gray-800 rounded-2xl flex items-center justify-center">
+          {icon}
+        </div>
+      )}
+      <h3 className="text-lg font-semibold text-gray-900 dark:text-white mb-2">
+        {title}
+      </h3>
+      {description && (
+        <p className="text-gray-500 dark:text-gray-400 mb-6 max-w-sm mx-auto">
+          {description}
+        </p>
+      )}
+      {action}
+    </div>
+  )
+}
+
+interface LoadingSpinnerProps {
+  size?: 'sm' | 'md' | 'lg'
+  className?: string
+}
+
+export function LoadingSpinner({ size = 'md', className }: LoadingSpinnerProps) {
+  const sizes = {
+    sm: 'h-4 w-4',
+    md: 'h-8 w-8',
+    lg: 'h-12 w-12',
+  }
+
+  return (
+    <div className={cn('relative', sizes[size], className)}>
+      <div className="absolute inset-0 rounded-full border-4 border-primary-200 dark:border-primary-800" />
+      <div className="absolute inset-0 rounded-full border-4 border-transparent border-t-primary-600 animate-spin" />
+    </div>
+  )
+}
+
+interface ProgressProps {
+  value: number
+  max?: number
+  size?: 'sm' | 'md' | 'lg'
+  color?: 'primary' | 'success' | 'warning' | 'error'
+  showLabel?: boolean
+  className?: string
+}
+
+export function Progress({ 
+  value, 
+  max = 100, 
+  size = 'md',
+  color = 'primary',
+  showLabel = false,
+  className 
+}: ProgressProps) {
+  const percentage = Math.min(100, Math.max(0, (value / max) * 100))
+
+  const sizes = {
+    sm: 'h-1.5',
+    md: 'h-2.5',
+    lg: 'h-4',
+  }
+
+  const colors = {
+    primary: 'from-primary-400 to-primary-600',
+    success: 'from-green-400 to-green-600',
+    warning: 'from-yellow-400 to-yellow-600',
+    error: 'from-red-400 to-red-600',
+  }
+
+  return (
+    <div className={className}>
+      <div className={cn(
+        'w-full bg-gray-200 dark:bg-gray-700 rounded-full overflow-hidden',
+        sizes[size]
+      )}>
+        <div
+          className={cn(
+            'h-full rounded-full transition-all duration-500 ease-out',
+            colors[color].replace('from-', 'bg-').replace(/to-\S+/, '')
+          )}
+          style={{ width: `${percentage}%` }}
+        />
+      </div>
+      {showLabel && (
+        <div className="flex justify-between mt-1 text-xs text-gray-500">
+          <span>{value}</span>
+          <span>{max}</span>
+        </div>
+      )}
+    </div>
+  )
+}
diff --git a/frontend/src/components/ui/index.ts b/frontend/src/components/ui/index.ts
new file mode 100644
index 0000000..80e866c
--- /dev/null
+++ b/frontend/src/components/ui/index.ts
@@ -0,0 +1,10 @@
+export { Button } from './Button'
+export type { ButtonProps } from './Button'
+
+export { Card, CardHeader, CardContent, CardFooter } from './Card'
+export type { CardProps, CardHeaderProps, CardContentProps, CardFooterProps } from './Card'
+
+export { Input, Textarea } from './Input'
+export type { InputProps, TextareaProps } from './Input'
+
+export { Badge, Avatar, EmptyState, LoadingSpinner, Progress } from './common'
diff --git a/frontend/src/hooks/useWebSocket.ts b/frontend/src/hooks/useWebSocket.ts
deleted file mode 100644
index 3a4f270..0000000
--- a/frontend/src/hooks/useWebSocket.ts
+++ /dev/null
@@ -1,170 +0,0 @@
-import { useEffect, useRef, useState, useCallback } from 'react';
-
-interface ChatMessage {
-  type: 'join' | 'leave' | 'chat' | 'crisis_alert' | 'history' | 'error';
-  roomId?: string;
-  userId?: string;
-  nickname?: string;
-  content?: string;
-  riskLevel?: string;
-  timestamp?: string;
-  messages?: any[];
-  message?: string;
-}
-
-interface UseWebSocketOptions {
-  roomId: string;
-  userId: string;
-  nickname: string;
-  onMessage?: (message: ChatMessage) => void;
-  onConnect?: () => void;
-  onDisconnect?: () => void;
-  onError?: (error: Event) => void;
-}
-
-export function useWebSocket({
-  roomId,
-  userId,
-  nickname,
-  onMessage,
-  onConnect,
-  onDisconnect,
-  onError,
-}: UseWebSocketOptions) {
-  const wsRef = useRef<WebSocket | null>(null);
-  const [isConnected, setIsConnected] = useState(false);
-  const [connectionError, setConnectionError] = useState<string | null>(null);
-  const reconnectTimeoutRef = useRef<NodeJS.Timeout>();
-  const reconnectAttemptsRef = useRef(0);
-  const maxReconnectAttempts = 2;
-
-  const connect = useCallback(() => {
-    if (wsRef.current?.readyState === WebSocket.OPEN) {
-      return;
-    }
-
-    try {
-      const wsUrl = import.meta.env.VITE_WS_URL || 'ws://localhost:3001';
-      const ws = new WebSocket(wsUrl);
-
-      ws.onopen = () => {
-        console.log('WebSocket connected');
-        setIsConnected(true);
-        setConnectionError(null);
-        reconnectAttemptsRef.current = 0;
-
-        // Send join message
-        ws.send(
-          JSON.stringify({
-            type: 'join',
-            roomId,
-            userId,
-            nickname,
-          })
-        );
-
-        onConnect?.();
-      };
-
-      ws.onmessage = (event) => {
-        try {
-          const message: ChatMessage = JSON.parse(event.data);
-          onMessage?.(message);
-        } catch (error) {
-          console.error('Error parsing message:', error);
-        }
-      };
-
-      ws.onerror = (error) => {
-        console.error('WebSocket error:', error);
-        setConnectionError('Connection error occurred');
-        onError?.(error);
-      };
-
-      ws.onclose = () => {
-        console.log('WebSocket disconnected');
-        setIsConnected(false);
-        onDisconnect?.();
-
-        // Attempt to reconnect with longer delays
-        if (reconnectAttemptsRef.current < maxReconnectAttempts) {
-          reconnectAttemptsRef.current += 1;
-          const delay = Math.min(3000 * Math.pow(2, reconnectAttemptsRef.current), 10000);
-          console.log(`Reconnecting in ${delay}ms (attempt ${reconnectAttemptsRef.current})`);
-
-          reconnectTimeoutRef.current = setTimeout(() => {
-            connect();
-          }, delay);
-        } else {
-          setConnectionError('Connection lost. Please refresh to reconnect.');
-        }
-      };
-
-      wsRef.current = ws;
-    } catch (error) {
-      console.error('Error creating WebSocket:', error);
-      setConnectionError('Failed to create connection');
-    }
-  }, [roomId, userId, nickname, onMessage, onConnect, onDisconnect, onError]);
-
-  const disconnect = useCallback(() => {
-    if (reconnectTimeoutRef.current) {
-      clearTimeout(reconnectTimeoutRef.current);
-    }
-
-    if (wsRef.current) {
-      // Send leave message before closing
-      if (wsRef.current.readyState === WebSocket.OPEN) {
-        wsRef.current.send(
-          JSON.stringify({
-            type: 'leave',
-            roomId,
-            userId,
-          })
-        );
-      }
-
-      wsRef.current.close();
-      wsRef.current = null;
-    }
-
-    setIsConnected(false);
-  }, [roomId, userId]);
-
-  const sendMessage = useCallback(
-    (content: string) => {
-      if (wsRef.current?.readyState === WebSocket.OPEN) {
-        wsRef.current.send(
-          JSON.stringify({
-            type: 'chat',
-            roomId,
-            userId,
-            nickname,
-            content,
-            timestamp: new Date().toISOString(),
-          })
-        );
-        return true;
-      }
-      return false;
-    },
-    [roomId, userId, nickname]
-  );
-
-  useEffect(() => {
-    connect();
-
-    return () => {
-      disconnect();
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [roomId, userId, nickname]);
-
-  return {
-    isConnected,
-    connectionError,
-    sendMessage,
-    reconnect: connect,
-    disconnect,
-  };
-}
diff --git a/frontend/src/index.css b/frontend/src/index.css
index 6ecc327..1a5ef7d 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -1,49 +1,174 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
 
-/* Custom styles */
+@layer base {
+  * {
+    @apply border-slate-200 dark:border-slate-800;
+  }
+  
+  html {
+    scroll-behavior: smooth;
+  }
+  
+  body {
+    @apply bg-white dark:bg-slate-950 text-slate-900 dark:text-slate-100 antialiased;
+    font-family: 'Inter', system-ui, -apple-system, sans-serif;
+  }
+}
+
 @layer components {
+  /* Sleek Buttons */
+  .btn {
+    @apply inline-flex items-center justify-center font-medium transition-all duration-150
+           focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed;
+  }
+  
   .btn-primary {
-    @apply bg-primary-600 hover:bg-primary-700 text-white font-medium py-2 px-4 rounded-lg transition-colors;
+    @apply btn bg-slate-900 dark:bg-white text-white dark:text-slate-900
+           hover:bg-slate-800 dark:hover:bg-slate-100 focus:ring-slate-500 rounded-lg;
   }
-
+  
   .btn-secondary {
-    @apply bg-gray-200 hover:bg-gray-300 text-gray-800 font-medium py-2 px-4 rounded-lg transition-colors;
+    @apply btn bg-white dark:bg-slate-900 text-slate-900 dark:text-slate-100
+           hover:bg-slate-50 dark:hover:bg-slate-800 focus:ring-slate-400
+           border border-slate-200 dark:border-slate-700 rounded-lg;
   }
-
+  
+  .btn-ghost {
+    @apply btn bg-transparent hover:bg-slate-100 dark:hover:bg-slate-800 
+           text-slate-600 dark:text-slate-400 rounded-lg;
+  }
+  
+  .btn-danger {
+    @apply btn bg-red-600 text-white hover:bg-red-700 focus:ring-red-500 rounded-lg;
+  }
+  
+  .btn-accent {
+    @apply btn bg-accent-600 text-white hover:bg-accent-700 focus:ring-accent-500 rounded-lg;
+  }
+  
+  .btn-sm {
+    @apply px-3 py-1.5 text-sm;
+  }
+  
+  .btn-md {
+    @apply px-4 py-2 text-sm;
+  }
+  
+  .btn-lg {
+    @apply px-6 py-2.5 text-base;
+  }
+  
+  /* Clean Cards */
   .card {
-    @apply bg-white rounded-lg shadow-md p-6;
+    @apply bg-white dark:bg-slate-900 rounded-lg border border-slate-200 dark:border-slate-800;
+  }
+  
+  .card-hover {
+    @apply card transition-all duration-150 hover:border-slate-300 dark:hover:border-slate-700;
+  }
+  
+  /* Minimal Inputs */
+  .input {
+    @apply w-full rounded-lg border border-slate-200 dark:border-slate-700 
+           bg-white dark:bg-slate-900 px-3 py-2 text-sm text-slate-900 dark:text-slate-100
+           placeholder-slate-400 dark:placeholder-slate-500
+           focus:outline-none focus:ring-2 focus:ring-accent-500/20 focus:border-accent-500
+           transition-colors duration-150;
+  }
+  
+  .label {
+    @apply block text-sm font-medium text-slate-700 dark:text-slate-300 mb-1.5;
   }
 
-  .input-field {
-    @apply w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-primary-500 focus:border-transparent;
+  /* Accent text for highlights */
+  .text-accent {
+    @apply text-accent-600 dark:text-accent-400;
   }
 }
 
-/* Primary color palette */
-:root {
-  --color-primary-50: #eff6ff;
-  --color-primary-100: #dbeafe;
-  --color-primary-200: #bfdbfe;
-  --color-primary-300: #93c5fd;
-  --color-primary-400: #60a5fa;
-  --color-primary-500: #3b82f6;
-  --color-primary-600: #2563eb;
-  --color-primary-700: #1d4ed8;
-  --color-primary-800: #1e40af;
-  --color-primary-900: #1e3a8a;
+/* Clean scrollbar */
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  background: #cbd5e1;
+  border-radius: 3px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: #94a3b8;
 }
 
-.text-primary-400 { color: var(--color-primary-400); }
-.text-primary-500 { color: var(--color-primary-500); }
-.text-primary-600 { color: var(--color-primary-600); }
-.text-primary-700 { color: var(--color-primary-700); }
+.dark ::-webkit-scrollbar-thumb {
+  background: #334155;
+}
+
+.dark ::-webkit-scrollbar-thumb:hover {
+  background: #475569;
+}
+
+/* Chat bubbles - sleek style */
+.chat-bubble {
+  @apply relative rounded-lg px-3 py-2 max-w-[80%];
+}
+
+.chat-bubble-self {
+  @apply chat-bubble bg-accent-600 text-white;
+}
+
+.chat-bubble-other {
+  @apply chat-bubble bg-slate-100 dark:bg-slate-800;
+}
+
+/* Subtle crisis button */
+.crisis-pulse {
+  @apply animate-pulse;
+}
+
+.scrollbar-hide::-webkit-scrollbar {
+  display: none;
+}
+
+.scrollbar-hide {
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+}
+
+/* Landing hero visuals */
+.hero-shell {
+  background: transparent;
+}
+
+.hero-glow {
+  display: none;
+}
+
+.loading-spinner {
+  width: 1rem;
+  height: 1rem;
+  border-radius: 9999px;
+  border: 2px solid rgba(99, 102, 241, 0.25);
+  border-top-color: #6366f1;
+  animation: spin 0.7s linear infinite;
+}
 
-.bg-primary-50 { background-color: var(--color-primary-50); }
-.bg-primary-100 { background-color: var(--color-primary-100); }
-.bg-primary-600 { background-color: var(--color-primary-600); }
-.bg-primary-700 { background-color: var(--color-primary-700); }
+.dark .loading-spinner {
+  border-color: rgba(248, 250, 252, 0.2);
+  border-top-color: #fff;
+}
 
-.border-primary-400 { border-color: var(--color-primary-400); }
-.border-primary-600 { border-color: var(--color-primary-600); }
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
diff --git a/frontend/src/lib/api.ts b/frontend/src/lib/api.ts
deleted file mode 100644
index fe2cf57..0000000
--- a/frontend/src/lib/api.ts
+++ /dev/null
@@ -1,110 +0,0 @@
-const API_BASE_URL = import.meta.env.VITE_API_BASE_URL || 'http://localhost:3001';
-
-// Helper to make authenticated API calls
-async function apiFetch(endpoint: string, options: RequestInit = {}) {
-  const { data: { session } } = await (await import('./supabase')).supabase.auth.getSession();
-
-  const headers: HeadersInit = {
-    'Content-Type': 'application/json',
-    ...options.headers,
-  };
-
-  if (session?.access_token) {
-    headers['Authorization'] = `Bearer ${session.access_token}`;
-  }
-
-  const response = await fetch(`${API_BASE_URL}${endpoint}`, {
-    ...options,
-    headers,
-  });
-
-  if (!response.ok) {
-    const error = await response.json().catch(() => ({ error: 'Request failed' }));
-    throw new Error(error.error || `HTTP ${response.status}`);
-  }
-
-  return response.status === 204 ? null : response.json();
-}
-
-// Journal API
-export const journalApi = {
-  getAll: () => apiFetch('/api/journal'),
-  
-  create: (entry: { title: string; content: string; mood?: number; tags?: string[] }) =>
-    apiFetch('/api/journal', {
-      method: 'POST',
-      body: JSON.stringify(entry),
-    }),
-  
-  update: (id: string, entry: { title: string; content: string; mood?: number; tags?: string[] }) =>
-    apiFetch(`/api/journal/${id}`, {
-      method: 'PUT',
-      body: JSON.stringify(entry),
-    }),
-  
-  delete: (id: string) =>
-    apiFetch(`/api/journal/${id}`, {
-      method: 'DELETE',
-    }),
-};
-
-// Habits API
-export const habitsApi = {
-  getAll: () => apiFetch('/api/habits'),
-  
-  create: (habit: { name: string; description?: string; frequency?: 'daily' | 'weekly' }) =>
-    apiFetch('/api/habits', {
-      method: 'POST',
-      body: JSON.stringify(habit),
-    }),
-  
-  log: (habitId: string, notes?: string) =>
-    apiFetch(`/api/habits/${habitId}/log`, {
-      method: 'POST',
-      body: JSON.stringify({ notes }),
-    }),
-  
-  getLogs: (habitId: string) => apiFetch(`/api/habits/${habitId}/logs`),
-  
-  update: (id: string, habit: { name: string; description?: string; frequency?: 'daily' | 'weekly' }) =>
-    apiFetch(`/api/habits/${id}`, {
-      method: 'PUT',
-      body: JSON.stringify(habit),
-    }),
-  
-  delete: (id: string) =>
-    apiFetch(`/api/habits/${id}`, {
-      method: 'DELETE',
-    }),
-};
-
-// Resources API
-export const resourcesApi = {
-  getAll: (category?: string) => {
-    const query = category ? `?category=${category}` : '';
-    return apiFetch(`/api/resources${query}`);
-  },
-};
-
-// Rooms API
-export const roomsApi = {
-  getAll: () => apiFetch('/api/rooms'),
-  
-  getMessages: (roomId: string, limit?: number) => {
-    const query = limit ? `?limit=${limit}` : '';
-    return apiFetch(`/api/rooms/${roomId}/messages${query}`);
-  },
-};
-
-// Moderation API
-export const moderationApi = {
-  getFlagged: () => apiFetch('/api/moderation/flagged'),
-  
-  createReport: (messageId: string, reason: string) =>
-    apiFetch('/api/moderation/reports', {
-      method: 'POST',
-      body: JSON.stringify({ messageId, reason }),
-    }),
-  
-  getReports: () => apiFetch('/api/moderation/reports'),
-};
diff --git a/frontend/src/lib/database.types.ts b/frontend/src/lib/database.types.ts
new file mode 100644
index 0000000..463ae30
--- /dev/null
+++ b/frontend/src/lib/database.types.ts
@@ -0,0 +1,268 @@
+export type Json =
+  | string
+  | number
+  | boolean
+  | null
+  | { [key: string]: Json | undefined }
+  | Json[]
+
+export type Database = {
+  public: {
+    Tables: {
+      profiles: {
+        Row: {
+          id: string
+          username: string
+          display_name: string | null
+          avatar_seed: string
+          bio: string | null
+          created_at: string
+          is_online: boolean
+          last_seen: string | null
+        }
+        Insert: {
+          id: string
+          username: string
+          display_name?: string | null
+          avatar_seed?: string
+          bio?: string | null
+          created_at?: string
+          is_online?: boolean
+          last_seen?: string | null
+        }
+        Update: {
+          id?: string
+          username?: string
+          display_name?: string | null
+          avatar_seed?: string
+          bio?: string | null
+          is_online?: boolean
+          last_seen?: string | null
+        }
+        Relationships: []
+      }
+      chat_rooms: {
+        Row: {
+          id: string
+          name: string
+          description: string | null
+          topic: string
+          icon: string
+          color: string
+          is_private: boolean
+          is_active: boolean
+          created_by: string | null
+          member_count: number
+          created_at: string
+        }
+        Insert: {
+          id?: string
+          name: string
+          description?: string | null
+          topic?: string
+          icon?: string
+          color?: string
+          is_private?: boolean
+          is_active?: boolean
+          created_by?: string | null
+          member_count?: number
+          created_at?: string
+        }
+        Update: {
+          id?: string
+          name?: string
+          description?: string | null
+          topic?: string
+          icon?: string
+          color?: string
+          is_private?: boolean
+          is_active?: boolean
+          created_by?: string | null
+          member_count?: number
+          created_at?: string
+        }
+        Relationships: []
+      }
+      messages: {
+        Row: {
+          id: string
+          room_id: string
+          user_id: string
+          content: string
+          created_at: string
+          is_flagged: boolean
+        }
+        Insert: {
+          id?: string
+          room_id: string
+          user_id: string
+          content: string
+          created_at?: string
+          is_flagged?: boolean
+        }
+        Update: {
+          id?: string
+          room_id?: string
+          user_id?: string
+          content?: string
+          created_at?: string
+          is_flagged?: boolean
+        }
+        Relationships: []
+      }
+      journal_entries: {
+        Row: {
+          id: string
+          user_id: string
+          title: string | null
+          content: string
+          mood: number | null
+          tags: string[]
+          created_at: string
+          updated_at: string
+        }
+        Insert: {
+          id?: string
+          user_id: string
+          title?: string | null
+          content: string
+          mood?: number | null
+          tags?: string[]
+          created_at?: string
+          updated_at?: string
+        }
+        Update: {
+          id?: string
+          user_id?: string
+          title?: string | null
+          content?: string
+          mood?: number | null
+          tags?: string[]
+          created_at?: string
+          updated_at?: string
+        }
+        Relationships: []
+      }
+      habits: {
+        Row: {
+          id: string
+          user_id: string
+          name: string
+          description: string | null
+          emoji: string
+          color: string
+          frequency: string
+          is_active: boolean
+          created_at: string
+        }
+        Insert: {
+          id?: string
+          user_id: string
+          name: string
+          description?: string | null
+          emoji?: string
+          color?: string
+          frequency?: string
+          is_active?: boolean
+          created_at?: string
+        }
+        Update: {
+          id?: string
+          user_id?: string
+          name?: string
+          description?: string | null
+          emoji?: string
+          color?: string
+          frequency?: string
+          is_active?: boolean
+          created_at?: string
+        }
+        Relationships: []
+      }
+      habit_logs: {
+        Row: {
+          id: string
+          habit_id: string
+          user_id: string
+          date: string
+          completed_at: string
+        }
+        Insert: {
+          id?: string
+          habit_id: string
+          user_id: string
+          date?: string
+          completed_at?: string
+        }
+        Update: {
+          id?: string
+          habit_id?: string
+          user_id?: string
+          date?: string
+          completed_at?: string
+        }
+        Relationships: []
+      }
+      mood_entries: {
+        Row: {
+          id: string
+          user_id: string
+          mood_score: number
+          energy_level: number
+          anxiety_level: number
+          notes: string | null
+          created_at: string
+        }
+        Insert: {
+          id?: string
+          user_id: string
+          mood_score: number
+          energy_level?: number
+          anxiety_level?: number
+          notes?: string | null
+          created_at?: string
+        }
+        Update: {
+          id?: string
+          user_id?: string
+          mood_score?: number
+          energy_level?: number
+          anxiety_level?: number
+          notes?: string | null
+          created_at?: string
+        }
+        Relationships: []
+      }
+    }
+    Views: {
+      [_ in never]: never
+    }
+    Functions: {
+      [_ in never]: never
+    }
+    Enums: {
+      [_ in never]: never
+    }
+    CompositeTypes: {
+      [_ in never]: never
+    }
+  }
+}
+
+// Type exports
+export type Profile = Database['public']['Tables']['profiles']['Row']
+export type ChatRoom = Database['public']['Tables']['chat_rooms']['Row']
+export type Message = Database['public']['Tables']['messages']['Row']
+export type JournalEntry = Database['public']['Tables']['journal_entries']['Row']
+export type Habit = Database['public']['Tables']['habits']['Row']
+export type HabitLog = Database['public']['Tables']['habit_logs']['Row']
+export type MoodEntry = Database['public']['Tables']['mood_entries']['Row']
+
+// Insert types
+export type ProfileInsert = Database['public']['Tables']['profiles']['Insert']
+export type ChatRoomInsert = Database['public']['Tables']['chat_rooms']['Insert']
+export type MessageInsert = Database['public']['Tables']['messages']['Insert']
+export type JournalEntryInsert = Database['public']['Tables']['journal_entries']['Insert']
+export type HabitInsert = Database['public']['Tables']['habits']['Insert']
+export type HabitLogInsert = Database['public']['Tables']['habit_logs']['Insert']
+export type MoodEntryInsert = Database['public']['Tables']['mood_entries']['Insert']
diff --git a/frontend/src/lib/supabase.ts b/frontend/src/lib/supabase.ts
index f10bc78..e5c4e40 100644
--- a/frontend/src/lib/supabase.ts
+++ b/frontend/src/lib/supabase.ts
@@ -1,56 +1,36 @@
-import { createClient } from '@supabase/supabase-js';
-
-const supabaseUrl = import.meta.env.VITE_SUPABASE_URL!;
-const supabaseAnonKey = import.meta.env.VITE_SUPABASE_ANON_KEY!;
-
-export const supabase = createClient(supabaseUrl, supabaseAnonKey);
-
-// Helper to get current session
-export async function getSession() {
-  const { data: { session } } = await supabase.auth.getSession();
-  return session;
+import { createClient } from '@supabase/supabase-js'
+import type { Database } from './database.types'
+
+const supabaseUrl = import.meta.env.VITE_SUPABASE_URL
+const supabaseAnonKey = import.meta.env.VITE_SUPABASE_ANON_KEY
+
+export const supabase = createClient<Database>(supabaseUrl, supabaseAnonKey)
+
+// Generate anonymous username
+export const generateUsername = (): string => {
+  const adjectives = [
+    'Calm', 'Gentle', 'Kind', 'Peaceful', 'Brave', 'Hopeful', 'Serene',
+    'Radiant', 'Mindful', 'Resilient', 'Graceful', 'Warm', 'Bright'
+  ]
+  const nouns = [
+    'Soul', 'Spirit', 'Heart', 'Mind', 'Light', 'Star', 'Moon',
+    'Ocean', 'River', 'Mountain', 'Cloud', 'Phoenix', 'Lotus'
+  ]
+  const adj = adjectives[Math.floor(Math.random() * adjectives.length)]
+  const noun = nouns[Math.floor(Math.random() * nouns.length)]
+  const num = Math.floor(Math.random() * 999)
+  return `${adj}${noun}${num}`
 }
 
-// Helper to get current user
-export async function getCurrentUser() {
-  const { data: { user } } = await supabase.auth.getUser();
-  return user;
+// Anonymous sign in
+export const signInAnonymously = async () => {
+  const { data, error } = await supabase.auth.signInAnonymously()
+  if (error) throw error
+  return data
 }
 
-// Helper to sign in anonymously
-export async function signInAnonymously() {
-  const { data, error } = await supabase.auth.signInAnonymously();
-  return { data, error };
-}
-
-// Helper to sign out
-export async function signOut() {
-  const { error } = await supabase.auth.signOut();
-  return { error };
-}
-
-// Helper to create user profile
-export async function createProfile(userId: string, nickname: string, avatar: string) {
-  const { data, error } = await supabase
-    .from('profiles')
-    .insert({
-      user_id: userId,
-      nickname,
-      avatar,
-    })
-    .select()
-    .single();
-
-  return { data, error };
-}
-
-// Helper to get user profile
-export async function getProfile(userId: string) {
-  const { data, error } = await supabase
-    .from('profiles')
-    .select('*')
-    .eq('user_id', userId)
-    .single();
-
-  return { data, error };
+// Sign out
+export const signOut = async () => {
+  const { error } = await supabase.auth.signOut()
+  if (error) throw error
 }
diff --git a/frontend/src/lib/utils.ts b/frontend/src/lib/utils.ts
new file mode 100644
index 0000000..3691724
--- /dev/null
+++ b/frontend/src/lib/utils.ts
@@ -0,0 +1,110 @@
+import { clsx, type ClassValue } from 'clsx'
+
+export function cn(...inputs: ClassValue[]) {
+  return clsx(inputs)
+}
+
+export function formatDate(date: string | Date): string {
+  return new Date(date).toLocaleDateString('en-US', {
+    year: 'numeric',
+    month: 'short',
+    day: 'numeric',
+  })
+}
+
+export function formatTime(date: string | Date): string {
+  return new Date(date).toLocaleTimeString('en-US', {
+    hour: '2-digit',
+    minute: '2-digit',
+  })
+}
+
+export function formatRelativeTime(date: string | Date): string {
+  const now = new Date()
+  const d = new Date(date)
+  const diffMs = now.getTime() - d.getTime()
+  const diffMin = Math.floor(diffMs / 60000)
+  const diffHour = Math.floor(diffMin / 60)
+  const diffDay = Math.floor(diffHour / 24)
+
+  if (diffMin < 1) return 'just now'
+  if (diffMin < 60) return `${diffMin}m ago`
+  if (diffHour < 24) return `${diffHour}h ago`
+  if (diffDay < 7) return `${diffDay}d ago`
+  return formatDate(date)
+}
+
+export function getMoodEmoji(mood: number): string {
+  if (mood >= 8) return '😊'
+  if (mood >= 6) return '🙂'
+  if (mood >= 4) return '😐'
+  if (mood >= 2) return '😔'
+  return '😢'
+}
+
+export function getMoodLabel(mood: number): string {
+  if (mood >= 8) return 'Great'
+  if (mood >= 6) return 'Good'
+  if (mood >= 4) return 'Okay'
+  if (mood >= 2) return 'Low'
+  return 'Struggling'
+}
+
+export function getMoodColor(mood: number): string {
+  if (mood >= 8) return 'text-green-500'
+  if (mood >= 6) return 'text-lime-500'
+  if (mood >= 4) return 'text-yellow-500'
+  if (mood >= 2) return 'text-orange-500'
+  return 'text-red-500'
+}
+
+export function getAvatarUrl(seed: string): string {
+  return `https://api.dicebear.com/7.x/bottts-neutral/svg?seed=${seed}`
+}
+
+export function getStreakCount(dates: Date[]): number {
+  if (dates.length === 0) return 0
+  
+  const sorted = dates
+    .map(d => new Date(d).toDateString())
+    .sort((a, b) => new Date(b).getTime() - new Date(a).getTime())
+  
+  const unique = [...new Set(sorted)]
+  const today = new Date().toDateString()
+  const yesterday = new Date(Date.now() - 86400000).toDateString()
+  
+  if (unique[0] !== today && unique[0] !== yesterday) return 0
+  
+  let streak = 0
+  for (let i = 0; i < unique.length; i++) {
+    const expected = new Date(Date.now() - i * 86400000).toDateString()
+    if (unique[i] === expected) streak++
+    else break
+  }
+  
+  return streak
+}
+
+// Crisis keywords for detection
+export const CRISIS_KEYWORDS = [
+  'suicide', 'suicidal', 'kill myself', 'end my life', 'want to die',
+  'self harm', 'self-harm', 'hurt myself', 'no reason to live',
+  'better off dead', 'can\'t go on', 'end it all'
+]
+
+export function containsCrisisKeywords(text: string): boolean {
+  const lower = text.toLowerCase()
+  return CRISIS_KEYWORDS.some(keyword => lower.includes(keyword))
+}
+
+export function getGreeting(): string {
+  const hour = new Date().getHours()
+  if (hour < 12) return 'Good morning'
+  if (hour < 17) return 'Good afternoon'
+  return 'Good evening'
+}
+
+export function truncate(str: string, length: number): string {
+  if (str.length <= length) return str
+  return str.slice(0, length) + '...'
+}
diff --git a/frontend/src/main.tsx b/frontend/src/main.tsx
index c68f490..fa94fac 100644
--- a/frontend/src/main.tsx
+++ b/frontend/src/main.tsx
@@ -1,8 +1,8 @@
-import React from 'react';
-import ReactDOM from 'react-dom/client';
-import { BrowserRouter } from 'react-router-dom';
-import App from './App';
-import './index.css';
+import React from 'react'
+import ReactDOM from 'react-dom/client'
+import { BrowserRouter } from 'react-router-dom'
+import App from './App'
+import './index.css'
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
@@ -10,4 +10,4 @@ ReactDOM.createRoot(document.getElementById('root')!).render(
       <App />
     </BrowserRouter>
   </React.StrictMode>,
-);
+)
diff --git a/frontend/src/pages/ChatRoom.tsx b/frontend/src/pages/ChatRoom.tsx
new file mode 100644
index 0000000..dfb921a
--- /dev/null
+++ b/frontend/src/pages/ChatRoom.tsx
@@ -0,0 +1,261 @@
+import { useState, useEffect, useRef } from 'react'
+import { useParams, Link } from 'react-router-dom'
+import { 
+  Send, ArrowLeft, Users, Info,
+  Smile, MoreVertical, Shield
+} from 'lucide-react'
+import { supabase } from '@/lib/supabase'
+import { useAuthStore } from '@/store/authStore'
+import type { ChatRoom as ChatRoomType, Message, Profile } from '@/lib/database.types'
+import { formatRelativeTime, getAvatarUrl, containsCrisisKeywords } from '@/lib/utils'
+import toast from 'react-hot-toast'
+import CrisisModal from '@/components/CrisisModal'
+
+type MessageWithProfile = Message & { profiles?: Profile | null }
+
+export default function ChatRoom() {
+  const { roomId } = useParams<{ roomId: string }>()
+  const { profile } = useAuthStore()
+  const [room, setRoom] = useState<ChatRoomType | null>(null)
+  const [messages, setMessages] = useState<MessageWithProfile[]>([])
+  const [newMessage, setNewMessage] = useState('')
+  const [loading, setLoading] = useState(true)
+  const [sending, setSending] = useState(false)
+  const [showCrisisModal, setShowCrisisModal] = useState(false)
+  const messagesEndRef = useRef<HTMLDivElement>(null)
+
+  useEffect(() => {
+    if (roomId) {
+      loadRoom()
+      loadMessages()
+      subscribeToMessages()
+    }
+
+    return () => {
+      supabase.channel(`room:${roomId}`).unsubscribe()
+    }
+  }, [roomId])
+
+  useEffect(() => {
+    scrollToBottom()
+  }, [messages])
+
+  const loadRoom = async () => {
+    if (!roomId) return
+    const { data } = await supabase
+      .from('chat_rooms')
+      .select('*')
+      .eq('id', roomId)
+      .single()
+    
+    if (data) setRoom(data)
+  }
+
+  const loadMessages = async () => {
+    if (!roomId) return
+    setLoading(true)
+    
+    const { data, error } = await supabase
+      .from('messages')
+      .select('*')
+      .eq('room_id', roomId)
+      .order('created_at', { ascending: true })
+      .limit(100)
+
+    if (error) {
+      console.error('Error loading messages:', error)
+    } else {
+      // Fetch profiles separately for each unique user
+      const userIds = [...new Set((data || []).map(m => m.user_id))]
+      const { data: profiles } = await supabase
+        .from('profiles')
+        .select('*')
+        .in('id', userIds)
+      
+      const profileMap = new Map((profiles || []).map(p => [p.id, p]))
+      const messagesWithProfiles = (data || []).map(msg => ({
+        ...msg,
+        profiles: profileMap.get(msg.user_id) || null
+      }))
+      setMessages(messagesWithProfiles)
+    }
+    setLoading(false)
+  }
+
+  const subscribeToMessages = () => {
+    if (!roomId) return
+
+    supabase
+      .channel(`room:${roomId}`)
+      .on(
+        'postgres_changes',
+        { event: 'INSERT', schema: 'public', table: 'messages', filter: `room_id=eq.${roomId}` },
+        async (payload) => {
+          const newMsgData = payload.new as Message
+          // Fetch profile for the new message
+          const { data: profileData } = await supabase
+            .from('profiles')
+            .select('*')
+            .eq('id', newMsgData.user_id)
+            .single()
+
+          const newMsg: MessageWithProfile = {
+            ...newMsgData,
+            profiles: profileData || null
+          }
+          setMessages((prev) => [...prev, newMsg])
+        }
+      )
+      .subscribe()
+  }
+
+  const scrollToBottom = () => {
+    messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' })
+  }
+
+  const handleSend = async (e: React.FormEvent) => {
+    e.preventDefault()
+    if (!newMessage.trim() || !profile?.id || !roomId) return
+
+    // Check for crisis keywords
+    if (containsCrisisKeywords(newMessage)) {
+      setShowCrisisModal(true)
+    }
+
+    setSending(true)
+    try {
+      const { error } = await supabase.from('messages').insert({
+        room_id: roomId,
+        user_id: profile.id,
+        content: newMessage.trim(),
+      })
+
+      if (error) throw error
+      setNewMessage('')
+    } catch (error) {
+      toast.error('Failed to send message')
+      console.error(error)
+    } finally {
+      setSending(false)
+    }
+  }
+
+  if (loading && !room) {
+    return (
+      <div className="flex items-center justify-center h-full">
+        <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-primary-600"></div>
+      </div>
+    )
+  }
+
+  return (
+    <div className="flex flex-col h-[calc(100vh-6rem)] md:h-[calc(100vh-8rem)]">
+      {/* Header */}
+      <div className="flex items-center justify-between p-3 md:p-4 border-b border-gray-200 dark:border-gray-700 bg-white dark:bg-gray-800 rounded-t-xl">
+        <div className="flex items-center gap-2 md:gap-3">
+          <Link to="/app/chat" className="p-2 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg">
+            <ArrowLeft size={18} />
+          </Link>
+          <div>
+            <h1 className="font-semibold text-sm md:text-base truncate max-w-[180px] md:max-w-none">{room?.name || 'Chat Room'}</h1>
+            <p className="text-xs md:text-sm text-gray-500 flex items-center gap-1">
+              <Users size={12} /> {room?.member_count || 0} members
+            </p>
+          </div>
+        </div>
+        <div className="flex items-center gap-1 md:gap-2">
+          <button className="p-1.5 md:p-2 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg">
+            <Info size={18} />
+          </button>
+          <button className="p-1.5 md:p-2 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg">
+            <MoreVertical size={18} />
+          </button>
+        </div>
+      </div>
+
+      {/* Guidelines Banner */}
+      <div className="bg-blue-50 dark:bg-blue-900/20 px-3 md:px-4 py-1.5 md:py-2 flex items-center gap-2 text-xs md:text-sm text-blue-700 dark:text-blue-300">
+        <Shield size={14} className="flex-shrink-0" />
+        <span>Be kind, supportive, and respect everyone's privacy.</span>
+      </div>
+
+      {/* Messages */}
+      <div className="flex-1 overflow-y-auto p-3 md:p-4 space-y-3 md:space-y-4 bg-gray-50 dark:bg-gray-900">
+        {messages.length === 0 && !loading && (
+          <div className="text-center py-8 md:py-12 text-gray-500">
+            <Smile size={40} className="mx-auto mb-3 opacity-50" />
+            <p className="text-sm md:text-base">No messages yet. Start the conversation!</p>
+          </div>
+        )}
+
+        {messages.map((msg) => {
+          const isOwn = msg.user_id === profile?.id
+          return (
+            <div
+              key={msg.id}
+              className={`flex ${isOwn ? 'justify-end' : 'justify-start'}`}
+            >
+              <div className={`flex items-end gap-1.5 md:gap-2 max-w-[85%] md:max-w-[75%] ${isOwn ? 'flex-row-reverse' : ''}`}>
+                {!isOwn && (
+                  <img
+                    src={getAvatarUrl(msg.profiles?.display_name || msg.user_id)}
+                    alt=""
+                    className="w-7 h-7 md:w-8 md:h-8 rounded-full"
+                  />
+                )}
+                <div>
+                  {!isOwn && (
+                    <p className="text-xs text-gray-500 mb-1 ml-1">
+                      {msg.profiles?.display_name || 'Anonymous'}
+                    </p>
+                  )}
+                  <div
+                    className={`px-3 md:px-4 py-2 rounded-2xl text-sm md:text-base ${
+                      isOwn
+                        ? 'bg-primary-600 text-white rounded-br-md'
+                        : 'bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 rounded-bl-md'
+                    }`}
+                  >
+                    <p className="whitespace-pre-wrap break-words">{msg.content}</p>
+                  </div>
+                  <p className={`text-xs text-gray-400 mt-1 ${isOwn ? 'text-right mr-1' : 'ml-1'}`}>
+                    {formatRelativeTime(msg.created_at)}
+                  </p>
+                </div>
+              </div>
+            </div>
+          )
+        })}
+        <div ref={messagesEndRef} />
+      </div>
+
+      {/* Input */}
+      <form onSubmit={handleSend} className="p-3 md:p-4 bg-white dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 rounded-b-xl">
+        <div className="flex items-center gap-2">
+          <input
+            type="text"
+            value={newMessage}
+            onChange={(e) => setNewMessage(e.target.value)}
+            placeholder="Type a supportive message..."
+            className="flex-1 px-3 md:px-4 py-2 md:py-2.5 border border-gray-200 dark:border-gray-700 rounded-full 
+                       bg-gray-50 dark:bg-gray-900 focus:ring-2 focus:ring-primary-500 focus:border-transparent
+                       text-sm md:text-base"
+            disabled={sending}
+          />
+          <button
+            type="submit"
+            disabled={!newMessage.trim() || sending}
+            className="p-2.5 md:p-3 bg-primary-600 text-white rounded-full hover:bg-primary-700 
+                       disabled:opacity-50 disabled:cursor-not-allowed transition"
+          >
+            <Send size={16} className="md:hidden" />
+            <Send size={18} className="hidden md:block" />
+          </button>
+        </div>
+      </form>
+
+      {/* Crisis Modal */}
+      <CrisisModal open={showCrisisModal} onClose={() => setShowCrisisModal(false)} />
+    </div>
+  )
+}
diff --git a/frontend/src/pages/ChatRooms.tsx b/frontend/src/pages/ChatRooms.tsx
new file mode 100644
index 0000000..c5afe62
--- /dev/null
+++ b/frontend/src/pages/ChatRooms.tsx
@@ -0,0 +1,378 @@
+import { useState, useEffect } from 'react'
+import { Link } from 'react-router-dom'
+import { 
+  MessageCircle, Users, Lock, Globe, Plus, Search, 
+  Clock, ArrowRight, Sparkles, Heart
+} from 'lucide-react'
+import { supabase } from '@/lib/supabase'
+import { useAuthStore } from '@/store/authStore'
+import type { ChatRoom } from '@/lib/database.types'
+import { formatRelativeTime } from '@/lib/utils'
+
+const ROOM_CATEGORIES = [
+  { id: 'all', label: 'All Rooms', icon: Globe, color: 'bg-gray-600' },
+  { id: 'anxiety', label: 'Anxiety', icon: Heart, color: 'bg-calm-600' },
+  { id: 'depression', label: 'Depression', icon: MessageCircle, color: 'bg-primary-600' },
+  { id: 'stress', label: 'Stress', icon: Sparkles, color: 'bg-orange-600' },
+  { id: 'relationships', label: 'Relationships', icon: Users, color: 'bg-pink-600' },
+  { id: 'general', label: 'General', icon: MessageCircle, color: 'bg-accent-600' },
+]
+
+export default function ChatRooms() {
+  useAuthStore()
+  const [rooms, setRooms] = useState<ChatRoom[]>([])
+  const [loading, setLoading] = useState(true)
+  const [search, setSearch] = useState('')
+  const [category, setCategory] = useState('all')
+  const [showCreateModal, setShowCreateModal] = useState(false)
+
+  useEffect(() => {
+    loadRooms()
+  }, [])
+
+  const loadRooms = async () => {
+    try {
+      const { data, error } = await supabase
+        .from('chat_rooms')
+        .select('*')
+        .eq('is_active', true)
+        .order('created_at', { ascending: false })
+
+      if (error) throw error
+      setRooms(data || [])
+    } catch (error) {
+      console.error('Error loading rooms:', error)
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  const filteredRooms = rooms.filter((room) => {
+    const matchesSearch = room.name.toLowerCase().includes(search.toLowerCase()) ||
+                          room.description?.toLowerCase().includes(search.toLowerCase())
+    const matchesCategory = category === 'all' || room.topic === category
+    return matchesSearch && matchesCategory
+  })
+
+  return (
+    <div className="space-y-3 sm:space-y-6 animate-fade-in">
+      {/* Header */}
+      <div className="relative overflow-hidden bg-primary-600 rounded-xl sm:rounded-2xl p-3 sm:p-6 text-white shadow-xl">
+        <div className="absolute inset-0 overflow-hidden">
+          <div className="absolute -top-8 -right-8 w-20 sm:w-32 h-20 sm:h-32 bg-white/10 rounded-full blur-2xl animate-pulse-slow" />
+          <div className="absolute -bottom-8 -left-8 w-16 sm:w-28 h-16 sm:h-28 bg-white/10 rounded-full blur-2xl animate-float" />
+        </div>
+        
+        <div className="relative z-10 flex items-center justify-between gap-2 sm:gap-4">
+          <div className="min-w-0 flex-1">
+            <div className="flex items-center gap-2 mb-1">
+              <div className="w-8 h-8 sm:w-10 sm:h-10 bg-white/20 backdrop-blur-sm rounded-lg sm:rounded-xl flex items-center justify-center flex-shrink-0">
+                <MessageCircle className="w-4 h-4 sm:w-5 sm:h-5" />
+              </div>
+              <h1 className="text-lg sm:text-2xl font-bold truncate">Chat Rooms</h1>
+            </div>
+            <p className="text-blue-100 text-xs sm:text-sm line-clamp-2">
+              Connect anonymously with peers who understand.
+            </p>
+          </div>
+          <button
+            onClick={() => setShowCreateModal(true)}
+            className="inline-flex items-center justify-center gap-1.5 px-3 sm:px-5 py-2 sm:py-2.5 bg-white text-indigo-600 rounded-lg sm:rounded-xl 
+                     hover:bg-indigo-50 active:bg-indigo-100 transition-all duration-300 shadow-lg 
+                     font-semibold text-xs sm:text-sm whitespace-nowrap flex-shrink-0"
+          >
+            <Plus size={16} /> <span className="hidden xs:inline">Create</span>
+          </button>
+        </div>
+      </div>
+
+      {/* Search and Filter */}
+      <div className="flex flex-col gap-2 sm:gap-3">
+        <div className="relative">
+          <Search className="absolute left-3 top-1/2 -translate-y-1/2 text-gray-400" size={16} />
+          <input
+            type="text"
+            placeholder="Search rooms..."
+            value={search}
+            onChange={(e) => setSearch(e.target.value)}
+            className="w-full pl-9 pr-3 py-2 sm:py-2.5 border border-gray-200 dark:border-gray-700 rounded-lg 
+                       bg-white dark:bg-gray-800 focus:ring-2 focus:ring-primary-500 focus:border-transparent
+                       transition-all duration-300 text-sm"
+          />
+        </div>
+        <div className="flex gap-1.5 sm:gap-2 overflow-x-auto pb-1 scrollbar-hide -mx-1 px-1">
+          {ROOM_CATEGORIES.map((cat) => {
+            const shortLabel = cat.id === 'all' ? 'All' : cat.id === 'relationships' ? 'Relate' : cat.label.slice(0, 5)
+            return (
+              <button
+                key={cat.id}
+                onClick={() => setCategory(cat.id)}
+                className={`flex items-center gap-1 px-2 sm:px-3 py-1.5 sm:py-2 rounded-lg whitespace-nowrap transition-all duration-200 text-xs sm:text-sm font-medium flex-shrink-0 ${
+                  category === cat.id
+                    ? `${cat.color.replace('from-', 'bg-').replace(/to-\S+/, '')} text-white shadow-md`
+                    : 'bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 hover:border-gray-300 dark:hover:border-gray-600'
+                }`}
+              >
+                <cat.icon size={12} className="sm:w-4 sm:h-4" />
+                <span className="sm:hidden">{shortLabel}</span>
+                <span className="hidden sm:inline">{cat.label}</span>
+              </button>
+            )
+          })}
+        </div>
+      </div>
+
+      {/* Rooms Grid */}
+      {loading ? (
+        <div className="flex justify-center py-10 sm:py-16">
+          <div className="relative">
+            <div className="animate-spin rounded-full h-10 w-10 sm:h-12 sm:w-12 border-4 border-primary-200 border-t-primary-600"></div>
+            <MessageCircle className="absolute inset-0 m-auto h-4 w-4 sm:h-5 sm:w-5 text-primary-600 animate-pulse" />
+          </div>
+        </div>
+      ) : filteredRooms.length === 0 ? (
+        <div className="text-center py-8 sm:py-12 glass rounded-xl sm:rounded-2xl px-4">
+          <div className="w-14 h-14 sm:w-16 sm:h-16 mx-auto mb-4 bg-gray-100 dark:bg-gray-700 rounded-xl sm:rounded-2xl flex items-center justify-center">
+            <MessageCircle className="text-gray-400 w-7 h-7 sm:w-8 sm:h-8" />
+          </div>
+          <h3 className="text-base sm:text-lg font-semibold text-gray-700 dark:text-gray-300 mb-1">No rooms found</h3>
+          <p className="text-gray-500 mb-4 text-sm max-w-xs mx-auto">
+            Try adjusting your search or create a new room!
+          </p>
+          <button
+            onClick={() => setShowCreateModal(true)}
+            className="inline-flex items-center gap-2 px-4 py-2 bg-primary-600 text-white rounded-lg 
+                     hover:bg-primary-700 active:bg-primary-800 transition-all duration-300 font-medium text-sm"
+          >
+            <Plus size={16} /> Create Room
+          </button>
+        </div>
+      ) : (
+        <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-2.5 sm:gap-4">
+          {filteredRooms.map((room, index) => (
+            <RoomCard key={room.id} room={room} index={index} />
+          ))}
+        </div>
+      )}
+
+      {/* Create Room Modal */}
+      {showCreateModal && (
+        <CreateRoomModal 
+          onClose={() => setShowCreateModal(false)} 
+          onCreated={() => {
+            setShowCreateModal(false)
+            loadRooms()
+          }}
+        />
+      )}
+    </div>
+  )
+}
+
+function RoomCard({ room, index }: { room: ChatRoom; index: number }) {
+  const category = ROOM_CATEGORIES.find(c => c.id === room.topic) || ROOM_CATEGORIES[5]
+  const CategoryIcon = category.icon
+  
+  return (
+    <Link
+      to={`/app/chat/${room.id}`}
+      className="group block glass rounded-lg sm:rounded-xl p-3 sm:p-5 hover:shadow-lg active:bg-gray-50 dark:active:bg-gray-700 transition-all duration-300 
+                 animate-fade-in"
+      style={{ animationDelay: `${index * 30}ms` }}
+    >
+      {/* Header */}
+      <div className="flex items-start justify-between mb-2 sm:mb-3">
+        <div className="flex items-center gap-2 sm:gap-3">
+          <div className={`w-8 h-8 sm:w-10 sm:h-10 ${category.color} rounded-lg sm:rounded-xl flex items-center justify-center 
+                         shadow-md group-hover:scale-105 transition-transform duration-300`}>
+            <CategoryIcon className="text-white w-4 h-4 sm:w-[18px] sm:h-[18px]" />
+          </div>
+          <span className="text-[10px] sm:text-xs px-2 sm:px-2.5 py-0.5 sm:py-1 bg-gray-100 dark:bg-gray-700 rounded-full capitalize font-medium">
+            {room.topic || 'general'}
+          </span>
+        </div>
+        <div className="w-6 h-6 sm:w-8 sm:h-8 flex items-center justify-center rounded-full bg-gray-100 dark:bg-gray-700 
+                      group-hover:bg-primary-100 dark:group-hover:bg-primary-900/30 transition-colors duration-300">
+          <ArrowRight className="text-gray-400 group-hover:text-primary-600 transition-colors duration-300 w-3.5 h-3.5 sm:w-4 sm:h-4" />
+        </div>
+      </div>
+
+      {/* Content */}
+      <h3 className="font-bold text-sm sm:text-base mb-1 text-gray-900 dark:text-white group-hover:text-primary-600 
+                   dark:group-hover:text-primary-400 transition-colors duration-300 line-clamp-1">
+        {room.name}
+      </h3>
+      <p className="text-gray-500 dark:text-gray-400 text-xs sm:text-sm line-clamp-2 mb-2 sm:mb-3">
+        {room.description || 'A safe space for peer support and connection.'}
+      </p>
+
+      {/* Footer */}
+      <div className="flex items-center justify-between text-xs sm:text-sm pt-2 sm:pt-3 border-t border-gray-100 dark:border-gray-700">
+        <span className="flex items-center gap-1.5 sm:gap-2 text-gray-500">
+          <div className="flex -space-x-1.5 sm:-space-x-2">
+            {[...Array(Math.min(3, room.member_count || 0))].map((_, i) => (
+              <div key={i} className="w-5 h-5 sm:w-6 sm:h-6 rounded-full bg-primary-600 
+                                    border-2 border-white dark:border-gray-800 flex items-center justify-center text-[8px] sm:text-[10px] text-white">
+                {String.fromCharCode(65 + i)}
+              </div>
+            ))}
+          </div>
+          <span className="font-medium">{room.member_count || 0}</span>
+        </span>
+        <span className="flex items-center gap-1 text-gray-400">
+          <Clock size={12} className="sm:w-[14px] sm:h-[14px]" /> {formatRelativeTime(room.created_at)}
+        </span>
+      </div>
+    </Link>
+  )
+}
+
+function CreateRoomModal({ onClose, onCreated }: { onClose: () => void; onCreated: () => void }) {
+  const { profile } = useAuthStore()
+  const [name, setName] = useState('')
+  const [description, setDescription] = useState('')
+  const [topic, setTopic] = useState('general')
+  const [isPrivate, setIsPrivate] = useState(false)
+  const [loading, setLoading] = useState(false)
+
+  const handleCreate = async (e: React.FormEvent) => {
+    e.preventDefault()
+    if (!name.trim() || !profile?.id) return
+
+    setLoading(true)
+    try {
+      const { error } = await supabase.from('chat_rooms').insert({
+        name: name.trim(),
+        description: description.trim(),
+        topic,
+        is_private: isPrivate,
+        created_by: profile.id,
+      })
+
+      if (error) throw error
+      onCreated()
+    } catch (error) {
+      console.error('Error creating room:', error)
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  return (
+    <div className="fixed inset-0 z-50 overflow-hidden">
+      <div className="absolute inset-0 bg-black/60 backdrop-blur-sm" onClick={onClose} />
+      <div className="absolute inset-x-2 bottom-2 top-auto sm:inset-4 sm:bottom-auto sm:top-1/2 sm:left-1/2 sm:-translate-x-1/2 sm:-translate-y-1/2
+                    sm:max-w-md sm:w-full bg-white dark:bg-gray-800 rounded-2xl p-4 sm:p-6 shadow-2xl 
+                    max-h-[85vh] overflow-y-auto overscroll-contain">
+        {/* Header */}
+        <div className="flex items-center gap-2 sm:gap-3 mb-4">
+          <div className="w-9 h-9 sm:w-10 sm:h-10 bg-accent-600 rounded-lg sm:rounded-xl 
+                        flex items-center justify-center shadow-lg flex-shrink-0">
+            <Plus className="w-4 h-4 sm:w-5 sm:h-5 text-white" />
+          </div>
+          <div className="min-w-0">
+            <h2 className="text-base sm:text-lg font-bold text-gray-900 dark:text-white">Create Chat Room</h2>
+            <p className="text-xs text-gray-500 truncate">Start a new conversation space</p>
+          </div>
+        </div>
+        
+        <form onSubmit={handleCreate} className="space-y-3 sm:space-y-4">
+          <div>
+            <label className="block text-xs sm:text-sm font-semibold text-gray-700 dark:text-gray-300 mb-1.5">
+              Room Name
+            </label>
+            <input
+              type="text"
+              value={name}
+              onChange={(e) => setName(e.target.value)}
+              placeholder="e.g., Anxiety Support Circle"
+              className="w-full px-3 py-2 sm:py-2.5 border border-gray-200 dark:border-gray-700 rounded-lg 
+                       bg-white dark:bg-gray-900 focus:ring-2 focus:ring-primary-500 focus:border-transparent
+                       transition-all duration-300 text-sm"
+              required
+            />
+          </div>
+
+          <div>
+            <label className="block text-xs sm:text-sm font-semibold text-gray-700 dark:text-gray-300 mb-1.5">
+              Description
+            </label>
+            <textarea
+              value={description}
+              onChange={(e) => setDescription(e.target.value)}
+              placeholder="What's this room about?"
+              rows={2}
+              className="w-full px-3 py-2 sm:py-2.5 border border-gray-200 dark:border-gray-700 rounded-lg 
+                       bg-white dark:bg-gray-900 focus:ring-2 focus:ring-primary-500 focus:border-transparent
+                       transition-all duration-300 resize-none text-sm"
+            />
+          </div>
+
+          <div>
+            <label className="block text-xs sm:text-sm font-semibold text-gray-700 dark:text-gray-300 mb-1.5">
+              Topic
+            </label>
+            <select
+              value={topic}
+              onChange={(e) => setTopic(e.target.value)}
+              className="w-full px-3 py-2 sm:py-2.5 border border-gray-200 dark:border-gray-700 rounded-lg 
+                       bg-white dark:bg-gray-900 focus:ring-2 focus:ring-primary-500 focus:border-transparent
+                       transition-all duration-300 cursor-pointer text-sm"
+            >
+              <option value="general">General Support</option>
+              <option value="anxiety">Anxiety</option>
+              <option value="depression">Depression</option>
+              <option value="stress">Stress Management</option>
+              <option value="relationships">Relationships</option>
+            </select>
+          </div>
+
+          <div className="flex items-center gap-2 sm:gap-3 p-3 bg-orange-50 dark:bg-orange-900/20 rounded-lg border border-orange-200 dark:border-orange-800">
+            <input
+              type="checkbox"
+              id="private"
+              checked={isPrivate}
+              onChange={(e) => setIsPrivate(e.target.checked)}
+              className="w-4 h-4 sm:w-5 sm:h-5 rounded border-gray-300 text-primary-600 focus:ring-primary-500 flex-shrink-0"
+            />
+            <label htmlFor="private" className="flex-1 min-w-0">
+              <span className="font-medium text-gray-800 dark:text-gray-200 flex items-center gap-1.5 text-sm">
+                <Lock size={14} className="text-orange-500" /> Private Room
+              </span>
+              <span className="text-xs text-gray-500 dark:text-gray-400">
+                Only invited members can join
+              </span>
+            </label>
+          </div>
+
+          <div className="flex gap-2 sm:gap-3 pt-2">
+            <button
+              type="button"
+              onClick={onClose}
+              className="flex-1 px-4 py-2 sm:py-2.5 border-2 border-gray-200 dark:border-gray-600 rounded-lg 
+                       hover:bg-gray-50 dark:hover:bg-gray-700 active:bg-gray-100 transition-all duration-300 font-medium text-sm"
+            >
+              Cancel
+            </button>
+            <button
+              type="submit"
+              disabled={loading || !name.trim()}
+              className="flex-1 px-4 py-2 sm:py-2.5 bg-accent-600 text-white rounded-lg 
+                       hover:bg-accent-700 active:bg-accent-800 disabled:opacity-50 disabled:cursor-not-allowed
+                       transition-all duration-300 font-medium shadow-md text-sm"
+            >
+              {loading ? (
+                <span className="flex items-center justify-center gap-2">
+                  <div className="w-4 h-4 border-2 border-white/30 border-t-white rounded-full animate-spin" />
+                  Creating...
+                </span>
+              ) : (
+                'Create Room'
+              )}
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+  )
+}
diff --git a/frontend/src/pages/Dashboard.tsx b/frontend/src/pages/Dashboard.tsx
index a66c192..51a1df9 100644
--- a/frontend/src/pages/Dashboard.tsx
+++ b/frontend/src/pages/Dashboard.tsx
@@ -1,321 +1,287 @@
-import { useEffect, useState } from 'react';
-import { useNavigate } from 'react-router-dom';
-import { getSession, getCurrentUser, getProfile, signOut } from '../lib/supabase';
-import { roomsApi, resourcesApi } from '../lib/api';
-import ChatRoom from '../components/ChatRoom';
-
-type Tab = 'rooms' | 'journal' | 'habits' | 'resources';
+import { useState, useEffect } from 'react'
+import { Link } from 'react-router-dom'
+import { 
+  MessageCircle, BookOpen, Target, TrendingUp, 
+  Calendar, ArrowRight, Plus, CheckCircle2, Flame
+} from 'lucide-react'
+import { useAuthStore } from '@/store/authStore'
+import { supabase } from '@/lib/supabase'
+import { formatDate, getMoodEmoji, getGreeting } from '@/lib/utils'
+import type { MoodEntry, Habit, HabitLog } from '@/lib/database.types'
+
+interface DashboardStats {
+  journalCount: number
+  chatRooms: number
+  streakDays: number
+  moodAvg: number
+}
 
 export default function Dashboard() {
-  const [loading, setLoading] = useState(true);
-  const [activeTab, setActiveTab] = useState<Tab>('rooms');
-  const [profile, setProfile] = useState<any>(null);
-  const navigate = useNavigate();
+  const { profile } = useAuthStore()
+  const [stats, setStats] = useState<DashboardStats>({
+    journalCount: 0,
+    chatRooms: 0,
+    streakDays: 0,
+    moodAvg: 0,
+  })
+  const [recentMoods, setRecentMoods] = useState<MoodEntry[]>([])
+  const [todayHabits, setTodayHabits] = useState<(Habit & { completed: boolean })[]>([])
+  const [loading, setLoading] = useState(true)
 
   useEffect(() => {
-    checkAuth();
-  }, []);
-
-  async function checkAuth() {
-    const session = await getSession();
-    if (!session) {
-      navigate('/');
-      return;
-    }
+    loadDashboardData()
+  }, [])
 
-    const user = await getCurrentUser();
-    if (user) {
-      const { data } = await getProfile(user.id);
-      setProfile(data);
+  const loadDashboardData = async () => {
+    try {
+      const userId = profile?.id
+      if (!userId) return
+
+      const today = new Date().toISOString().split('T')[0]
+
+      const [journalsRes, moodsRes, habitsRes, logsRes] = await Promise.all([
+        supabase.from('journal_entries').select('id', { count: 'exact' }).eq('user_id', userId),
+        supabase.from('mood_entries').select('*').eq('user_id', userId).order('created_at', { ascending: false }).limit(7),
+        supabase.from('habits').select('*').eq('user_id', userId).eq('is_active', true),
+        supabase.from('habit_logs').select('*').eq('user_id', userId).eq('date', today),
+      ])
+
+      setStats({
+        journalCount: journalsRes.count || 0,
+        chatRooms: 5,
+        streakDays: calculateStreak(logsRes.data || []),
+        moodAvg: calculateMoodAvg(moodsRes.data || []),
+      })
+
+      setRecentMoods(moodsRes.data || [])
+
+      const habits = habitsRes.data || []
+      const logs = logsRes.data || []
+      setTodayHabits(
+        habits.map((h) => ({
+          ...h,
+          completed: logs.some((l: HabitLog) => l.habit_id === h.id),
+        }))
+      )
+    } catch (error) {
+      console.error('Error loading dashboard:', error)
+    } finally {
+      setLoading(false)
     }
-
-    setLoading(false);
   }
 
-  async function handleSignOut() {
-    await signOut();
-    navigate('/');
+  const calculateStreak = (logs: HabitLog[]): number => {
+    return logs.length > 0 ? Math.min(logs.length, 7) : 0
   }
 
-  if (loading) {
-    return (
-      <div className="min-h-screen flex items-center justify-center">
-        <div className="text-center">
-          <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-primary-600 mx-auto"></div>
-          <p className="mt-4 text-gray-600">Loading...</p>
-        </div>
-      </div>
-    );
+  const calculateMoodAvg = (moods: MoodEntry[]): number => {
+    if (moods.length === 0) return 0
+    const sum = moods.reduce((acc, m) => acc + m.mood_score, 0)
+    return Math.round((sum / moods.length) * 10) / 10
   }
 
-  return (
-    <div className="min-h-screen bg-gray-50">
-      {/* Crisis Banner */}
-      <div className="bg-red-600 text-white py-2 px-4 text-center text-xs">
-        ⚠️ IN CRISIS? 🇺🇸 988 | 🇮🇳 9152987821 (iCall) | KIRAN 1800-599-0019
-      </div>
-
-      {/* Header */}
-      <header className="bg-white shadow-sm">
-        <div className="container mx-auto px-4 py-4 flex items-center justify-between">
-          <div className="flex items-center gap-3">
-            <div className="text-3xl">{profile?.avatar || '😊'}</div>
-            <div>
-              <h1 className="text-xl font-bold text-gray-900">{profile?.nickname || 'User'}</h1>
-              <p className="text-sm text-gray-500">OpenMindWell by ZenYukti</p>
-            </div>
-          </div>
-          <button onClick={handleSignOut} className="text-sm text-gray-600 hover:text-gray-900">
-            Sign Out
-          </button>
-        </div>
-      </header>
-
-      {/* Tabs */}
-      <div className="bg-white border-b border-gray-200">
-        <div className="container mx-auto px-4">
-          <nav className="flex gap-8">
-            <TabButton active={activeTab === 'rooms'} onClick={() => setActiveTab('rooms')}>
-              💬 Rooms
-            </TabButton>
-            <TabButton active={activeTab === 'journal'} onClick={() => setActiveTab('journal')}>
-              📝 Journal
-            </TabButton>
-            <TabButton active={activeTab === 'habits'} onClick={() => setActiveTab('habits')}>
-              ✅ Habits
-            </TabButton>
-            <TabButton active={activeTab === 'resources'} onClick={() => setActiveTab('resources')}>
-              📚 Resources
-            </TabButton>
-          </nav>
-        </div>
-      </div>
-
-      {/* Content */}
-      <main className="container mx-auto px-4 py-8">
-        {activeTab === 'rooms' && <RoomsTab />}
-        {activeTab === 'journal' && <JournalTab />}
-        {activeTab === 'habits' && <HabitsTab />}
-        {activeTab === 'resources' && <ResourcesTab />}
-      </main>
-    </div>
-  );
-}
-
-function TabButton({ active, onClick, children }: { active: boolean; onClick: () => void; children: React.ReactNode }) {
-  return (
-    <button
-      onClick={onClick}
-      className={`py-4 px-2 border-b-2 font-medium text-sm transition-colors ${
-        active
-          ? 'border-primary-600 text-primary-600'
-          : 'border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-300'
-      }`}
-    >
-      {children}
-    </button>
-  );
-}
+  const toggleHabit = async (habitId: string, completed: boolean) => {
+    const userId = profile?.id
+    if (!userId) return
 
-function RoomsTab() {
-  const [rooms, setRooms] = useState<any[]>([]);
-  const [loading, setLoading] = useState(true);
-  const [selectedRoom, setSelectedRoom] = useState<any | null>(null);
-  const [currentUser, setCurrentUser] = useState<any>(null);
+    const today = new Date().toISOString().split('T')[0]
 
-  useEffect(() => {
-    loadRooms();
-    loadCurrentUser();
-  }, []);
-
-  async function loadRooms() {
-    try {
-      const data = await roomsApi.getAll();
-      setRooms(data);
-    } catch (error) {
-      console.error('Error loading rooms:', error);
-    } finally {
-      setLoading(false);
+    if (completed) {
+      await supabase.from('habit_logs').delete().eq('habit_id', habitId).eq('date', today)
+    } else {
+      await supabase.from('habit_logs').insert({ habit_id: habitId, user_id: userId, date: today })
     }
-  }
 
-  async function loadCurrentUser() {
-    const user = await getCurrentUser();
-    if (user) {
-      const { data } = await getProfile(user.id);
-      setCurrentUser({
-        id: user.id,
-        nickname: data?.nickname || 'Anonymous',
-      });
-    }
-  }
-
-  function handleJoinRoom(room: any) {
-    if (!currentUser) {
-      alert('Please wait, loading user information...');
-      return;
-    }
-    setSelectedRoom(room);
+    setTodayHabits((prev) =>
+      prev.map((h) => (h.id === habitId ? { ...h, completed: !completed } : h))
+    )
   }
 
   if (loading) {
-    return <div className="text-center py-8">Loading rooms...</div>;
+    return (
+      <div className="flex items-center justify-center h-64">
+        <div className="w-8 h-8 border-2 border-slate-200 border-t-slate-900 dark:border-slate-700 dark:border-t-white rounded-full animate-spin" />
+      </div>
+    )
   }
 
   return (
-    <div>
-      <h2 className="text-2xl font-bold mb-6 text-gray-900">Support Rooms</h2>
-      <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-4">
-        {rooms.map((room) => (
-          <div key={room.id} className="card hover:shadow-lg transition-shadow">
-            <div className="flex items-start gap-3 mb-3">
-              <div className="w-10 h-10 bg-primary-100 rounded-full flex items-center justify-center flex-shrink-0">
-                <span className="text-primary-600 text-lg">💬</span>
-              </div>
-              <div className="flex-1">
-                <h3 className="text-lg font-semibold mb-1">{room.name}</h3>
-                <p className="text-xs text-gray-500">{room.member_count || 0} members online</p>
-              </div>
-            </div>
-            <p className="text-sm text-gray-600 mb-4">{room.description}</p>
-            <button
-              onClick={() => handleJoinRoom(room)}
-              className="btn-primary w-full text-sm"
+    <div className="space-y-6 animate-fade-in">
+      {/* Welcome Section */}
+      <div className="bg-gradient-to-br from-primary-50 to-primary-200 dark:from-primary-950 dark:to-primary-900 border border-primary-200 dark:border-primary-800 rounded-lg p-5">
+        <div className="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4">
+          <div>
+            <p className="text-xs text-slate-600 dark:text-slate-400 mb-1">{formatDate(new Date().toISOString())}</p>
+            <h1 className="text-xl font-semibold text-primary-700 dark:text-primary-300">
+              {getGreeting()}, {profile?.display_name || 'there'}
+            </h1>
+            <p className="text-sm text-slate-600 dark:text-slate-300 mt-1">How are you feeling today?</p>
+          </div>
+          <div className="flex gap-2">
+            <Link
+              to="/app/mood"
+              className="inline-flex items-center gap-1.5 px-3 py-2 bg-slate-900 dark:bg-white 
+                       text-white dark:text-slate-900 rounded-lg text-sm font-medium
+                       hover:bg-slate-800 dark:hover:bg-slate-100 transition-colors"
+            >
+              <Plus size={14} /> Log Mood
+            </Link>
+            <Link
+              to="/app/journal"
+              className="inline-flex items-center gap-1.5 px-3 py-2 border border-slate-200 
+                       dark:border-slate-700 rounded-lg text-sm font-medium
+                       hover:bg-slate-50 dark:hover:bg-slate-800 transition-colors"
             >
-              Join Room →
-            </button>
+              <BookOpen size={14} /> Journal
+            </Link>
           </div>
-        ))}
+        </div>
       </div>
 
-      {/* Chat Room Modal */}
-      {selectedRoom && currentUser && (
-        <ChatRoom
-          room={selectedRoom}
-          currentUser={currentUser}
-          onClose={() => setSelectedRoom(null)}
-        />
-      )}
-
-      <div className="mt-6 bg-green-50 border border-green-200 rounded-lg p-4">
-        <p className="text-sm text-green-900">
-          ✅ <strong>Real-time chat is now active!</strong> Join a room to connect with others anonymously.
-        </p>
+      {/* Quick Stats */}
+      <div className="grid grid-cols-2 md:grid-cols-4 gap-3">
+        <StatCard icon={BookOpen} label="Journal Entries" value={stats.journalCount} />
+        <StatCard icon={MessageCircle} label="Chat Rooms" value={stats.chatRooms} />
+        <StatCard icon={Flame} label="Day Streak" value={stats.streakDays} suffix="" />
+        <StatCard icon={TrendingUp} label="Avg Mood" value={stats.moodAvg || '-'} />
       </div>
-    </div>
-  );
-}
 
-function JournalTab() {
-  return (
-    <div>
-      <div className="flex items-center justify-between mb-6">
-        <h2 className="text-2xl font-bold text-gray-900">My Journal</h2>
-        <button className="btn-primary">+ New Entry</button>
-      </div>
+      {/* Main Content Grid */}
+      <div className="grid md:grid-cols-2 gap-4">
+        {/* Today's Habits */}
+        <div className="bg-white dark:bg-slate-900 border border-slate-200 dark:border-slate-800 rounded-lg p-5">
+          <div className="flex items-center justify-between mb-4">
+            <h2 className="text-sm font-semibold flex items-center gap-2 text-slate-900 dark:text-white">
+              <Target size={16} className="text-slate-400" />
+              Today's Habits
+            </h2>
+            <Link to="/app/habits" className="text-xs text-accent-600 hover:text-accent-700 flex items-center gap-1 font-medium">
+              View All <ArrowRight size={12} />
+            </Link>
+          </div>
 
-      <div className="bg-yellow-50 border border-yellow-200 rounded-lg p-6 text-center">
-        <p className="text-yellow-900">
-          📝 <strong>Journal feature coming soon!</strong> Track your thoughts, moods, and reflections.
-        </p>
-        <p className="text-sm text-yellow-800 mt-2">
-          All journal entries are completely private and only visible to you.
-        </p>
-      </div>
-    </div>
-  );
-}
+          {todayHabits.length === 0 ? (
+            <div className="text-center py-8">
+              <Target className="w-8 h-8 text-slate-300 mx-auto mb-3" />
+              <p className="text-sm text-slate-500 mb-3">No habits set up yet</p>
+              <Link
+                to="/app/habits"
+                className="inline-flex items-center gap-1.5 px-3 py-1.5 bg-slate-900 dark:bg-white 
+                         text-white dark:text-slate-900 rounded-lg text-xs font-medium"
+              >
+                <Plus size={12} /> Create habit
+              </Link>
+            </div>
+          ) : (
+            <div className="space-y-2">
+              {todayHabits.slice(0, 5).map((habit) => (
+                <button
+                  key={habit.id}
+                  onClick={() => toggleHabit(habit.id, habit.completed)}
+                  className={`w-full flex items-center gap-3 p-3 rounded-lg transition-colors text-left ${
+                    habit.completed
+                      ? 'bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800'
+                      : 'bg-slate-50 dark:bg-slate-800 hover:bg-slate-100 dark:hover:bg-slate-700'
+                  }`}
+                >
+                  <div className={`w-5 h-5 rounded-full flex items-center justify-center transition-colors ${
+                    habit.completed 
+                      ? 'bg-green-500 text-white' 
+                      : 'border-2 border-slate-300 dark:border-slate-600'
+                  }`}>
+                    {habit.completed && <CheckCircle2 size={12} />}
+                  </div>
+                  <span className={`flex-1 text-sm font-medium ${
+                    habit.completed ? 'text-green-700 dark:text-green-400' : 'text-slate-700 dark:text-slate-300'
+                  }`}>{habit.name}</span>
+                  <span className="text-lg">{habit.emoji || ''}</span>
+                </button>
+              ))}
+            </div>
+          )}
+        </div>
 
-function HabitsTab() {
-  return (
-    <div>
-      <div className="flex items-center justify-between mb-6">
-        <h2 className="text-2xl font-bold text-gray-900">My Habits</h2>
-        <button className="btn-primary">+ New Habit</button>
+        {/* Mood Trend */}
+        <div className="bg-white dark:bg-slate-900 border border-slate-200 dark:border-slate-800 rounded-lg p-5">
+          <div className="flex items-center justify-between mb-4">
+            <h2 className="text-sm font-semibold flex items-center gap-2 text-slate-900 dark:text-white">
+              <TrendingUp size={16} className="text-slate-400" />
+              Recent Moods
+            </h2>
+            <Link to="/app/mood" className="text-xs text-accent-600 hover:text-accent-700 flex items-center gap-1 font-medium">
+              Details <ArrowRight size={12} />
+            </Link>
+          </div>
+
+          {recentMoods.length === 0 ? (
+            <div className="text-center py-8">
+              <TrendingUp className="w-8 h-8 text-slate-300 mx-auto mb-3" />
+              <p className="text-sm text-slate-500 mb-3">No mood entries yet</p>
+              <Link
+                to="/app/mood"
+                className="inline-flex items-center gap-1.5 px-3 py-1.5 bg-slate-900 dark:bg-white 
+                         text-white dark:text-slate-900 rounded-lg text-xs font-medium"
+              >
+                <Plus size={12} /> Log mood
+              </Link>
+            </div>
+          ) : (
+            <div className="flex items-end justify-between h-32 gap-2 pt-4">
+              {recentMoods.slice(0, 7).reverse().map((mood) => (
+                <div key={mood.id} className="flex-1 flex flex-col items-center gap-2">
+                  <span className="text-xl">{getMoodEmoji(mood.mood_score)}</span>
+                  <div className="w-full">
+                    <div className="w-full h-1.5 bg-slate-100 dark:bg-slate-800 rounded-full overflow-hidden">
+                      <div
+                        className="h-full bg-accent-500 rounded-full transition-all duration-300"
+                        style={{ width: `${(mood.mood_score / 5) * 100}%` }}
+                      />
+                    </div>
+                  </div>
+                  <span className="text-xs text-slate-400">
+                    {new Date(mood.created_at).toLocaleDateString('en', { weekday: 'short' })}
+                  </span>
+                </div>
+              ))}
+            </div>
+          )}
+        </div>
       </div>
 
-      <div className="bg-green-50 border border-green-200 rounded-lg p-6 text-center">
-        <p className="text-green-900">
-          ✅ <strong>Habit tracking coming soon!</strong> Build positive daily routines.
-        </p>
-        <p className="text-sm text-green-800 mt-2">
-          Track streaks, log completions, and celebrate your progress.
-        </p>
+      {/* Date Footer */}
+      <div className="text-center py-3">
+        <div className="inline-flex items-center gap-2 px-3 py-1.5 bg-slate-100 dark:bg-slate-800 
+                      rounded-full text-xs text-slate-500">
+          <Calendar size={12} />
+          {formatDate(new Date().toISOString())}
+        </div>
       </div>
     </div>
-  );
+  )
 }
 
-function ResourcesTab() {
-  const [resources, setResources] = useState<any[]>([]);
-  const [loading, setLoading] = useState(true);
-  const [filter, setFilter] = useState<string>('');
-
-  useEffect(() => {
-    loadResources();
-  }, [filter]);
-
-  async function loadResources() {
-    try {
-      const data = await resourcesApi.getAll(filter || undefined);
-      setResources(data);
-    } catch (error) {
-      console.error('Error loading resources:', error);
-    } finally {
-      setLoading(false);
-    }
-  }
-
-  if (loading) {
-    return <div className="text-center py-8">Loading resources...</div>;
-  }
-
+function StatCard({ 
+  icon: Icon, 
+  label, 
+  value,
+  suffix
+}: { 
+  icon: React.ElementType
+  label: string
+  value: string | number
+  suffix?: string
+}) {
   return (
-    <div>
-      <div className="flex items-center justify-between mb-6">
-        <h2 className="text-2xl font-bold text-gray-900">Mental Health Resources</h2>
-        <select
-          value={filter}
-          onChange={(e) => setFilter(e.target.value)}
-          className="input-field max-w-xs"
-        >
-          <option value="">All Categories</option>
-          <option value="hotline">Crisis Hotlines</option>
-          <option value="article">Articles</option>
-          <option value="exercise">Exercises</option>
-          <option value="video">Videos</option>
-        </select>
+    <div className="bg-white dark:bg-slate-900 border border-slate-200 dark:border-slate-800 rounded-lg p-4 
+                   hover:border-slate-300 dark:hover:border-slate-700 transition-colors">
+      <div className="w-8 h-8 bg-slate-100 dark:bg-slate-800 rounded-lg flex items-center justify-center mb-3">
+        <Icon size={16} className="text-slate-500" />
       </div>
-
-      <div className="grid md:grid-cols-2 gap-4">
-        {resources.map((resource) => (
-          <div key={resource.id} className="card">
-            <div className="flex items-start justify-between mb-2">
-              <h3 className="text-lg font-semibold">{resource.title}</h3>
-              <span className="text-xs bg-primary-100 text-primary-700 px-2 py-1 rounded">
-                {resource.category}
-              </span>
-            </div>
-            <p className="text-sm text-gray-600 mb-4">{resource.description}</p>
-            {resource.url && (
-              <a
-                href={resource.url}
-                target="_blank"
-                rel="noopener noreferrer"
-                className="text-primary-600 hover:text-primary-700 text-sm font-medium"
-              >
-                Learn More →
-              </a>
-            )}
-          </div>
-        ))}
+      <div className="flex items-baseline gap-1">
+        <p className="text-2xl font-semibold text-slate-900 dark:text-white">{value}</p>
+        {suffix && <span className="text-sm">{suffix}</span>}
       </div>
-
-      {resources.length === 0 && (
-        <div className="text-center py-12 text-gray-500">
-          No resources found in this category.
-        </div>
-      )}
+      <p className="text-xs text-slate-500 mt-1">{label}</p>
     </div>
-  );
+  )
 }
diff --git a/frontend/src/pages/Habits.tsx b/frontend/src/pages/Habits.tsx
new file mode 100644
index 0000000..ac2f719
--- /dev/null
+++ b/frontend/src/pages/Habits.tsx
@@ -0,0 +1,366 @@
+import { useState, useEffect } from 'react'
+import { 
+  Target, Plus, Check, X, Edit2, Trash2, Calendar
+} from 'lucide-react'
+import { supabase } from '@/lib/supabase'
+import { useAuthStore } from '@/store/authStore'
+import type { Habit, HabitLog } from '@/lib/database.types'
+import toast from 'react-hot-toast'
+
+const HABIT_EMOJIS = ['💪', '🧘', '📚', '💧', '🏃', '😴', '🥗', '💊', '🧠', '✍️', '🎯', '🌅']
+
+export default function Habits() {
+  const { profile } = useAuthStore()
+  const [habits, setHabits] = useState<Habit[]>([])
+  const [todayLogs, setTodayLogs] = useState<HabitLog[]>([])
+  const [loading, setLoading] = useState(true)
+  const [showModal, setShowModal] = useState(false)
+  const [editingHabit, setEditingHabit] = useState<Habit | null>(null)
+
+  const today = new Date().toISOString().split('T')[0]
+
+  useEffect(() => {
+    loadHabits()
+  }, [])
+
+  const loadHabits = async () => {
+    if (!profile?.id) return
+    setLoading(true)
+
+    const [habitsRes, logsRes] = await Promise.all([
+      supabase
+        .from('habits')
+        .select('*')
+        .eq('user_id', profile.id)
+        .eq('is_active', true)
+        .order('created_at'),
+      supabase
+        .from('habit_logs')
+        .select('*')
+        .eq('user_id', profile.id)
+        .eq('date', today),
+    ])
+
+    if (habitsRes.data) setHabits(habitsRes.data)
+    if (logsRes.data) setTodayLogs(logsRes.data)
+    setLoading(false)
+  }
+
+  const toggleHabit = async (habitId: string) => {
+    if (!profile?.id) return
+    
+    const isCompleted = todayLogs.some((l) => l.habit_id === habitId)
+
+    if (isCompleted) {
+      // Remove log
+      await supabase
+        .from('habit_logs')
+        .delete()
+        .eq('habit_id', habitId)
+        .eq('date', today)
+      
+      setTodayLogs((prev) => prev.filter((l) => l.habit_id !== habitId))
+    } else {
+      // Add log
+      const { data, error } = await supabase
+        .from('habit_logs')
+        .insert({ habit_id: habitId, user_id: profile.id, date: today })
+        .select()
+        .single()
+
+      if (!error && data) {
+        setTodayLogs((prev) => [...prev, data])
+        toast.success('Habit completed! 🎉')
+      }
+    }
+  }
+
+  const deleteHabit = async (id: string) => {
+    if (!confirm('Delete this habit?')) return
+
+    await supabase.from('habits').delete().eq('id', id)
+    setHabits((prev) => prev.filter((h) => h.id !== id))
+    toast.success('Habit deleted')
+  }
+
+  const completedCount = todayLogs.length
+  const totalHabits = habits.length
+  const progress = totalHabits > 0 ? (completedCount / totalHabits) * 100 : 0
+
+  return (
+    <div className="space-y-4 md:space-y-6">
+      {/* Header */}
+      <div className="flex flex-col md:flex-row md:items-center justify-between gap-3 md:gap-4">
+        <div>
+          <h1 className="text-xl md:text-2xl font-bold flex items-center gap-2">
+            <Target className="text-green-500 w-5 h-5 md:w-6 md:h-6" /> Habit Tracker
+          </h1>
+          <p className="text-gray-500 mt-1 text-sm md:text-base">Build healthy routines, one day at a time</p>
+        </div>
+        <button
+          onClick={() => {
+            setEditingHabit(null)
+            setShowModal(true)
+          }}
+          className="flex items-center justify-center gap-2 px-4 py-2.5 bg-green-600 text-white rounded-lg hover:bg-green-700 transition text-sm md:text-base w-full md:w-auto"
+        >
+          <Plus size={18} /> Add Habit
+        </button>
+      </div>
+
+      {/* Progress Card */}
+      <div className="bg-accent-600 rounded-xl md:rounded-2xl p-4 md:p-6 text-white">
+        <div className="flex items-center justify-between mb-3 md:mb-4">
+          <div>
+            <h2 className="text-sm md:text-lg font-semibold flex items-center gap-2">
+              <Calendar size={18} /> Today's Progress
+            </h2>
+            <p className="text-green-100 text-xs md:text-base">
+              {new Date().toLocaleDateString('en-US', { weekday: 'long', month: 'long', day: 'numeric' })}
+            </p>
+          </div>
+          <div className="text-right">
+            <p className="text-2xl md:text-3xl font-bold">{completedCount}/{totalHabits}</p>
+            <p className="text-green-100 text-xs md:text-base">habits done</p>
+          </div>
+        </div>
+
+        {/* Progress Bar */}
+        <div className="h-3 bg-white/20 rounded-full overflow-hidden">
+          <div
+            className="h-full bg-white rounded-full transition-all duration-500"
+            style={{ width: `${progress}%` }}
+          />
+        </div>
+
+        {progress === 100 && totalHabits > 0 && (
+          <p className="mt-3 text-center font-medium animate-pulse">
+            🎉 All habits complete! Great job!
+          </p>
+        )}
+      </div>
+
+      {/* Habits Grid */}
+      {loading ? (
+        <div className="flex justify-center py-12">
+          <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-green-600"></div>
+        </div>
+      ) : habits.length === 0 ? (
+        <div className="text-center py-12 bg-white dark:bg-gray-800 rounded-2xl">
+          <Target className="mx-auto text-gray-400 mb-4" size={48} />
+          <h3 className="text-lg font-semibold text-gray-600 dark:text-gray-400">No habits yet</h3>
+          <p className="text-gray-500 mt-1 mb-4">Start tracking habits to build better routines</p>
+          <button
+            onClick={() => setShowModal(true)}
+            className="inline-flex items-center gap-2 px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700"
+          >
+            <Plus size={18} /> Create First Habit
+          </button>
+        </div>
+      ) : (
+        <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 md:gap-4">
+          {habits.map((habit) => {
+            const isCompleted = todayLogs.some((l) => l.habit_id === habit.id)
+            return (
+              <div
+                key={habit.id}
+                className={`bg-white dark:bg-gray-800 rounded-xl p-4 md:p-5 border-2 transition-all ${
+                  isCompleted
+                    ? 'border-green-500 bg-green-50 dark:bg-green-900/20'
+                    : 'border-gray-100 dark:border-gray-700 hover:border-gray-200'
+                }`}
+              >
+                <div className="flex items-start justify-between mb-3">
+                  <span className="text-3xl">{habit.emoji || '✨'}</span>
+                  <div className="flex items-center gap-1">
+                    <button
+                      onClick={() => {
+                        setEditingHabit(habit)
+                        setShowModal(true)
+                      }}
+                      className="p-1.5 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg text-gray-400"
+                    >
+                      <Edit2 size={14} />
+                    </button>
+                    <button
+                      onClick={() => deleteHabit(habit.id)}
+                      className="p-1.5 hover:bg-red-50 dark:hover:bg-red-900/20 rounded-lg text-red-400"
+                    >
+                      <Trash2 size={14} />
+                    </button>
+                  </div>
+                </div>
+
+                <h3 className="font-semibold mb-1">{habit.name}</h3>
+                {habit.description && (
+                  <p className="text-sm text-gray-500 mb-3">{habit.description}</p>
+                )}
+
+                <button
+                  onClick={() => toggleHabit(habit.id)}
+                  className={`w-full flex items-center justify-center gap-2 py-2 rounded-lg font-medium transition ${
+                    isCompleted
+                      ? 'bg-green-500 text-white'
+                      : 'bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600'
+                  }`}
+                >
+                  {isCompleted ? (
+                    <>
+                      <Check size={18} /> Done!
+                    </>
+                  ) : (
+                    <>
+                      <Target size={18} /> Mark Complete
+                    </>
+                  )}
+                </button>
+              </div>
+            )
+          })}
+        </div>
+      )}
+
+      {/* Add/Edit Modal */}
+      {showModal && (
+        <HabitModal
+          habit={editingHabit}
+          onClose={() => {
+            setShowModal(false)
+            setEditingHabit(null)
+          }}
+          onSaved={() => {
+            setShowModal(false)
+            setEditingHabit(null)
+            loadHabits()
+          }}
+        />
+      )}
+    </div>
+  )
+}
+
+function HabitModal({ 
+  habit, 
+  onClose, 
+  onSaved 
+}: { 
+  habit: Habit | null
+  onClose: () => void
+  onSaved: () => void 
+}) {
+  const { profile } = useAuthStore()
+  const [name, setName] = useState(habit?.name || '')
+  const [description, setDescription] = useState(habit?.description || '')
+  const [emoji, setEmoji] = useState(habit?.emoji || '💪')
+  const [loading, setLoading] = useState(false)
+
+  const handleSave = async (e: React.FormEvent) => {
+    e.preventDefault()
+    if (!name.trim() || !profile?.id) return
+
+    setLoading(true)
+    try {
+      if (habit) {
+        // Update
+        await supabase
+          .from('habits')
+          .update({ name: name.trim(), description: description.trim() || null, emoji })
+          .eq('id', habit.id)
+      } else {
+        // Create
+        await supabase
+          .from('habits')
+          .insert({ 
+            user_id: profile.id, 
+            name: name.trim(), 
+            description: description.trim() || null,
+            emoji 
+          })
+      }
+      toast.success(habit ? 'Habit updated' : 'Habit created')
+      onSaved()
+    } catch (error) {
+      toast.error('Failed to save habit')
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  return (
+    <div className="fixed inset-0 z-50 flex items-center justify-center p-4">
+      <div className="absolute inset-0 bg-black/50" onClick={onClose} />
+      <div className="relative bg-white dark:bg-gray-800 rounded-2xl p-6 w-full max-w-md">
+        <div className="flex items-center justify-between mb-4">
+          <h2 className="text-xl font-bold">{habit ? 'Edit Habit' : 'New Habit'}</h2>
+          <button onClick={onClose} className="p-2 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg">
+            <X size={20} />
+          </button>
+        </div>
+
+        <form onSubmit={handleSave} className="space-y-4">
+          <div>
+            <label className="block text-sm font-medium mb-1">Emoji</label>
+            <div className="flex flex-wrap gap-2">
+              {HABIT_EMOJIS.map((e) => (
+                <button
+                  key={e}
+                  type="button"
+                  onClick={() => setEmoji(e)}
+                  className={`text-2xl p-2 rounded-lg transition ${
+                    emoji === e
+                      ? 'bg-green-100 dark:bg-green-900/30 ring-2 ring-green-500'
+                      : 'hover:bg-gray-100 dark:hover:bg-gray-700'
+                  }`}
+                >
+                  {e}
+                </button>
+              ))}
+            </div>
+          </div>
+
+          <div>
+            <label className="block text-sm font-medium mb-1">Habit Name</label>
+            <input
+              type="text"
+              value={name}
+              onChange={(e) => setName(e.target.value)}
+              placeholder="e.g., Drink 8 glasses of water"
+              className="w-full px-3 py-2 border border-gray-200 dark:border-gray-700 rounded-lg 
+                         bg-white dark:bg-gray-900 focus:ring-2 focus:ring-green-500"
+              required
+            />
+          </div>
+
+          <div>
+            <label className="block text-sm font-medium mb-1">Description (optional)</label>
+            <textarea
+              value={description}
+              onChange={(e) => setDescription(e.target.value)}
+              placeholder="Why is this habit important to you?"
+              rows={2}
+              className="w-full px-3 py-2 border border-gray-200 dark:border-gray-700 rounded-lg 
+                         bg-white dark:bg-gray-900 focus:ring-2 focus:ring-green-500"
+            />
+          </div>
+
+          <div className="flex gap-3 pt-2">
+            <button
+              type="button"
+              onClick={onClose}
+              className="flex-1 px-4 py-2 border border-gray-200 dark:border-gray-600 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-700"
+            >
+              Cancel
+            </button>
+            <button
+              type="submit"
+              disabled={loading || !name.trim()}
+              className="flex-1 px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700 disabled:opacity-50"
+            >
+              {loading ? 'Saving...' : 'Save'}
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+  )
+}
diff --git a/frontend/src/pages/Home.tsx b/frontend/src/pages/Home.tsx
deleted file mode 100644
index 4773060..0000000
--- a/frontend/src/pages/Home.tsx
+++ /dev/null
@@ -1,140 +0,0 @@
-import { useEffect, useState } from 'react';
-import { Link, useNavigate } from 'react-router-dom';
-import { getSession } from '../lib/supabase';
-
-export default function Home() {
-  const [loading, setLoading] = useState(true);
-  const navigate = useNavigate();
-
-  useEffect(() => {
-    checkSession();
-  }, []);
-
-  async function checkSession() {
-    const session = await getSession();
-    if (session) {
-      navigate('/dashboard');
-    } else {
-      setLoading(false);
-    }
-  }
-
-  if (loading) {
-    return (
-      <div className="min-h-screen flex items-center justify-center">
-        <div className="text-center">
-          <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-primary-600 mx-auto"></div>
-          <p className="mt-4 text-gray-600">Loading...</p>
-        </div>
-      </div>
-    );
-  }
-
-  return (
-    <main className="min-h-screen bg-gradient-to-b from-blue-50 to-white">
-      {/* Crisis Banner */}
-      <div className="bg-red-600 text-white py-3 px-4 text-center text-sm">
-        <strong>⚠️ IN CRISIS?</strong> 🇺🇸 Call 988 | Text HOME to 741741 | 🇮🇳 Call 9152987821 (iCall) | KIRAN 1800-599-0019 | Visit findahelpline.com
-      </div>
-
-      {/* Hero Section */}
-      <div className="container mx-auto px-4 py-16 text-center">
-        <h1 className="text-5xl font-bold text-gray-900 mb-6">
-          Welcome to <span className="text-primary-600">OpenMindWell</span> 🌱
-        </h1>
-        <p className="text-xl text-gray-700 max-w-2xl mx-auto mb-8">
-          A safe, anonymous space for mental health peer support. Chat, journal, track habits, and find resources.
-        </p>
-
-        {/* Disclaimer */}
-        <div className="bg-yellow-50 border-2 border-yellow-400 rounded-lg p-6 max-w-3xl mx-auto mb-8">
-          <h3 className="font-bold text-yellow-900 mb-2">⚠️ Important Disclaimer</h3>
-          <p className="text-sm text-yellow-800">
-            OpenMindWell is NOT a substitute for professional mental health care. This platform provides peer support only.
-            If you are experiencing a mental health crisis, please contact emergency services or a crisis hotline immediately.
-          </p>
-        </div>
-
-        <Link to="/onboarding" className="btn-primary inline-block text-lg px-8 py-3">
-          Get Started →
-        </Link>
-      </div>
-
-      {/* Features */}
-      <div className="container mx-auto px-4 py-16">
-        <h2 className="text-3xl font-bold text-center text-gray-900 mb-12">What We Offer</h2>
-        <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
-          <FeatureCard
-            emoji="💬"
-            title="Anonymous Chat Rooms"
-            description="Join peer support groups without revealing your identity. 6 rooms for different topics."
-          />
-          <FeatureCard
-            emoji="🤖"
-            title="AI Crisis Detection"
-            description="Automatic detection of concerning messages with immediate resource suggestions."
-          />
-          <FeatureCard
-            emoji="📝"
-            title="Private Journaling"
-            description="Track your mood, thoughts, and progress in a completely private journal."
-          />
-          <FeatureCard
-            emoji="✅"
-            title="Habit Tracking"
-            description="Build positive daily habits with streak tracking and progress visualization."
-          />
-          <FeatureCard
-            emoji="📚"
-            title="Resource Library"
-            description="Curated mental health resources, crisis hotlines, and coping exercises."
-          />
-          <FeatureCard
-            emoji="🛡️"
-            title="Volunteer Moderation"
-            description="Community-driven safety with trained peer support volunteers."
-          />
-        </div>
-      </div>
-
-      {/* Footer */}
-      <footer className="bg-gray-900 text-white py-12">
-        <div className="container mx-auto px-4 text-center">
-          <p className="mb-4">OpenMindWell is 100% free and open-source</p>
-          <p className="text-gray-400 text-sm">
-            Remember: Seeking professional help is a sign of strength, not weakness.
-          </p>
-        </div>
-      </footer>
-
-      <Footer />
-    </main>
-  );
-}
-
-function FeatureCard({ emoji, title, description }: { emoji: string; title: string; description: string }) {
-  return (
-    <div className="card text-center">
-      <div className="text-4xl mb-4">{emoji}</div>
-      <h3 className="text-xl font-semibold mb-2">{title}</h3>
-      <p className="text-gray-600">{description}</p>
-    </div>
-  );
-}
-
-function Footer() {
-  return (
-    <footer className="bg-gray-800 text-white py-6 text-center">
-      <p className="text-sm">OpenMindWell is open-source. Together, we can make mental health support accessible to all.</p>
-      <div className="mt-3">
-        <p className="text-xs text-gray-400">Built with ❤️ by Team <a href="https://zenyukti.in" target="_blank" rel="noopener noreferrer" className="text-primary-400 hover:text-primary-300">ZenYukti</a></p>
-        <div className="flex justify-center gap-4 mt-2 text-xs">
-          <a href="https://linkedin.com/company/zenyukti" target="_blank" rel="noopener noreferrer" className="text-gray-400 hover:text-white">LinkedIn</a>
-          <a href="https://x.com/zenyukti" target="_blank" rel="noopener noreferrer" className="text-gray-400 hover:text-white">Twitter</a>
-          <a href="https://go.zenyukti.in/discord" target="_blank" rel="noopener noreferrer" className="text-gray-400 hover:text-white">Discord</a>
-          <a href="https://instagram.com/zenyukti" target="_blank" rel="noopener noreferrer" className="text-gray-400 hover:text-white">Instagram</a>
-        </div>
-      </div>
-    </footer>
-  );
-}
diff --git a/frontend/src/pages/Journal.tsx b/frontend/src/pages/Journal.tsx
new file mode 100644
index 0000000..ac9238d
--- /dev/null
+++ b/frontend/src/pages/Journal.tsx
@@ -0,0 +1,372 @@
+import { useState, useEffect } from 'react'
+import { 
+  BookOpen, Plus, Search, Calendar, Lock, Trash2, 
+  Edit2, X, Save, Sparkles, PenLine, Heart
+} from 'lucide-react'
+import { supabase } from '@/lib/supabase'
+import { useAuthStore } from '@/store/authStore'
+import type { JournalEntry } from '@/lib/database.types'
+import { formatDate, containsCrisisKeywords } from '@/lib/utils'
+import toast from 'react-hot-toast'
+import CrisisModal from '@/components/CrisisModal'
+
+const PROMPTS = [
+  "What's one thing you're grateful for today?",
+  "How are you really feeling right now?",
+  "What's weighing on your mind?",
+  "Describe a moment that made you smile recently.",
+  "What do you need to let go of?",
+  "Write a letter to your future self.",
+  "What would you tell your younger self?",
+  "What are you proud of accomplishing lately?",
+]
+
+export default function Journal() {
+  const { profile } = useAuthStore()
+  const [entries, setEntries] = useState<JournalEntry[]>([])
+  const [loading, setLoading] = useState(true)
+  const [search, setSearch] = useState('')
+  const [isWriting, setIsWriting] = useState(false)
+  const [editingId, setEditingId] = useState<string | null>(null)
+  const [title, setTitle] = useState('')
+  const [content, setContent] = useState('')
+  const [showCrisisModal, setShowCrisisModal] = useState(false)
+  const [todayPrompt] = useState(() => PROMPTS[new Date().getDay() % PROMPTS.length])
+
+  useEffect(() => {
+    loadEntries()
+  }, [profile?.id])
+
+  const loadEntries = async () => {
+    if (!profile?.id) return
+    setLoading(true)
+
+    const { data, error } = await supabase
+      .from('journal_entries')
+      .select('*')
+      .eq('user_id', profile.id)
+      .order('created_at', { ascending: false })
+
+    if (error) {
+      console.error('Error loading entries:', error)
+    } else {
+      setEntries(data || [])
+    }
+    setLoading(false)
+  }
+
+  const handleSave = async () => {
+    if (!content.trim() || !profile?.id) return
+
+    // Check for crisis keywords
+    if (containsCrisisKeywords(content)) {
+      setShowCrisisModal(true)
+    }
+
+    try {
+      if (editingId) {
+        const { error } = await supabase
+          .from('journal_entries')
+          .update({ title: title.trim() || null, content: content.trim() })
+          .eq('id', editingId)
+
+        if (error) throw error
+        toast.success('Entry updated')
+      } else {
+        const { error } = await supabase
+          .from('journal_entries')
+          .insert({ 
+            user_id: profile.id, 
+            title: title.trim() || null, 
+            content: content.trim() 
+          })
+
+        if (error) throw error
+        toast.success('Entry saved')
+      }
+
+      setIsWriting(false)
+      setEditingId(null)
+      setTitle('')
+      setContent('')
+      loadEntries()
+    } catch (error) {
+      toast.error('Failed to save entry')
+      console.error(error)
+    }
+  }
+
+  const handleEdit = (entry: JournalEntry) => {
+    setEditingId(entry.id)
+    setTitle(entry.title || '')
+    setContent(entry.content)
+    setIsWriting(true)
+  }
+
+  const handleDelete = async (id: string) => {
+    if (!confirm('Are you sure you want to delete this entry?')) return
+
+    try {
+      const { error } = await supabase
+        .from('journal_entries')
+        .delete()
+        .eq('id', id)
+
+      if (error) throw error
+      toast.success('Entry deleted')
+      loadEntries()
+    } catch (error) {
+      toast.error('Failed to delete')
+      console.error(error)
+    }
+  }
+
+  const handleCancel = () => {
+    setIsWriting(false)
+    setEditingId(null)
+    setTitle('')
+    setContent('')
+  }
+
+  const filteredEntries = entries.filter((e) =>
+    e.title?.toLowerCase().includes(search.toLowerCase()) ||
+    e.content.toLowerCase().includes(search.toLowerCase())
+  )
+
+  return (
+    <div className="space-y-4 md:space-y-6 animate-fade-in">
+      {/* Header */}
+      <div className="relative overflow-hidden bg-calm-600 rounded-2xl p-4 md:p-6 text-white shadow-xl">
+        <div className="absolute inset-0 overflow-hidden">
+          <div className="absolute -top-8 -right-8 w-24 h-24 bg-white/10 rounded-full blur-2xl animate-pulse-slow" />
+          <div className="absolute -bottom-8 -left-8 w-20 h-20 bg-white/10 rounded-full blur-2xl animate-float" />
+        </div>
+        
+        <div className="relative z-10 flex flex-col sm:flex-row sm:items-center justify-between gap-3">
+          <div>
+            <div className="flex items-center gap-2 mb-1">
+              <div className="w-9 h-9 md:w-10 md:h-10 bg-white/20 backdrop-blur-sm rounded-lg flex items-center justify-center">
+                <BookOpen className="w-5 h-5" />
+              </div>
+              <h1 className="text-xl md:text-2xl font-bold">My Journal</h1>
+            </div>
+            <p className="text-purple-100 text-sm flex items-center gap-1.5">
+              <Lock size={14} /> Private & encrypted
+            </p>
+          </div>
+          {!isWriting && (
+            <button
+              onClick={() => setIsWriting(true)}
+              className="inline-flex items-center justify-center gap-1.5 px-4 py-2 bg-white text-purple-600 rounded-lg 
+                       hover:bg-purple-50 transition-all duration-300 shadow-md hover:shadow-lg 
+                       hover:scale-105 font-medium text-sm w-full sm:w-auto"
+            >
+              <PenLine size={16} /> New Entry
+            </button>
+          )}
+        </div>
+      </div>
+
+      {/* Writing Area */}
+      {isWriting && (
+        <div className="glass rounded-xl md:rounded-2xl p-4 md:p-6 space-y-4 animate-slide-up">
+          <div className="flex items-center justify-between">
+            <div className="flex items-center gap-2">
+              <div className="w-8 h-8 bg-purple-100 dark:bg-purple-900/30 rounded-lg flex items-center justify-center">
+                <PenLine className="w-4 h-4 text-purple-600 dark:text-purple-400" />
+              </div>
+              <h2 className="text-lg font-bold text-gray-900 dark:text-white">
+                {editingId ? 'Edit Entry' : 'New Entry'}
+              </h2>
+            </div>
+            <button 
+              onClick={handleCancel} 
+              className="p-1.5 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg transition-colors duration-300"
+            >
+              <X size={18} className="text-gray-500" />
+            </button>
+          </div>
+
+          {/* Today's Prompt */}
+          {!editingId && (
+            <div className="relative overflow-hidden bg-calm-50 
+                          dark:bg-calm-900/30 
+                          rounded-lg p-3 md:p-4 border border-calm-100 dark:border-calm-800">
+              <div className="absolute top-0 right-0 w-16 h-16 bg-purple-200/30 rounded-full blur-2xl" />
+              <div className="relative z-10">
+                <p className="text-xs text-purple-600 dark:text-purple-400 font-semibold mb-1 flex items-center gap-1.5">
+                  <Sparkles size={14} /> Today's Prompt
+                </p>
+                <p className="text-gray-700 dark:text-gray-300 italic text-sm md:text-base leading-relaxed">"{todayPrompt}"</p>
+                <button
+                  onClick={() => setContent(todayPrompt + '\n\n')}
+                  className="mt-2 text-xs text-purple-600 dark:text-purple-400 hover:text-purple-700 font-medium 
+                           flex items-center gap-1 transition-colors duration-300"
+                >
+                  <Heart size={12} /> Use this prompt
+                </button>
+              </div>
+            </div>
+          )}
+
+          <input
+            type="text"
+            value={title}
+            onChange={(e) => setTitle(e.target.value)}
+            placeholder="Title (optional)"
+            className="w-full px-3 md:px-4 py-2.5 md:py-3 border border-gray-200 dark:border-gray-700 rounded-lg 
+                     bg-white dark:bg-gray-800 focus:ring-2 focus:ring-purple-500/50 focus:border-purple-500
+                     transition-all duration-300 text-base font-medium placeholder:font-normal"
+          />
+
+          <textarea
+            value={content}
+            onChange={(e) => setContent(e.target.value)}
+            placeholder="Write your thoughts here..."
+            rows={8}
+            className="w-full px-3 md:px-4 py-2.5 md:py-3 border border-gray-200 dark:border-gray-700 rounded-lg 
+                     bg-white dark:bg-gray-800 focus:ring-2 focus:ring-purple-500/50 focus:border-purple-500
+                     transition-all duration-300 text-sm md:text-base leading-relaxed resize-none"
+            autoFocus
+          />
+
+          <div className="flex gap-2">
+            <button
+              onClick={handleCancel}
+              className="flex-1 px-3 py-2.5 border-2 border-gray-200 dark:border-gray-600 rounded-lg 
+                       hover:bg-gray-50 dark:hover:bg-gray-700 transition-all duration-300 font-medium text-sm"
+            >
+              Cancel
+            </button>
+            <button
+              onClick={handleSave}
+              disabled={!content.trim()}
+              className="flex-1 px-3 py-2.5 bg-calm-600 text-white rounded-lg 
+                       hover:bg-calm-700 disabled:opacity-50 disabled:cursor-not-allowed
+                       transition-all duration-300 font-medium shadow-md hover:shadow-lg flex items-center justify-center gap-1.5 text-sm"
+            >
+              <Save size={16} /> {editingId ? 'Update' : 'Save'}
+            </button>
+          </div>
+        </div>
+      )}
+
+      {/* Search */}
+      {!isWriting && entries.length > 0 && (
+        <div className="relative">
+          <Search className="absolute left-3 top-1/2 -translate-y-1/2 text-gray-400" size={18} />
+          <input
+            type="text"
+            placeholder="Search entries..."
+            value={search}
+            onChange={(e) => setSearch(e.target.value)}
+            className="w-full pl-10 pr-3 py-2.5 md:py-3 border border-gray-200 dark:border-gray-700 rounded-lg 
+                     bg-white dark:bg-gray-800 focus:ring-2 focus:ring-purple-500/50 focus:border-purple-500
+                     transition-all duration-300 text-sm"
+          />
+        </div>
+      )}
+
+      {/* Entries List */}
+      {loading ? (
+        <div className="flex justify-center py-10">
+          <div className="relative">
+            <div className="animate-spin rounded-full h-10 w-10 border-4 border-purple-200 border-t-purple-600"></div>
+            <BookOpen className="absolute inset-0 m-auto h-4 w-4 text-purple-600 animate-pulse" />
+          </div>
+        </div>
+      ) : filteredEntries.length === 0 && !isWriting ? (
+        <div className="text-center py-10 md:py-14 glass rounded-xl">
+          <div className="w-14 h-14 md:w-16 md:h-16 mx-auto mb-4 bg-purple-100 dark:bg-purple-900/30 rounded-xl flex items-center justify-center">
+            <BookOpen className="text-purple-500 w-10 h-10" />
+          </div>
+          <h3 className="text-xl font-semibold text-gray-700 dark:text-gray-300 mb-2">
+            {search ? 'No matching entries' : 'Start Your Journey'}
+          </h3>
+          <p className="text-gray-500 mb-6 max-w-sm mx-auto">
+            {search ? 'Try a different search term' : 'Your journal is a safe space to reflect, process, and grow. Start writing today.'}
+          </p>
+          {!search && (
+            <button
+              onClick={() => setIsWriting(true)}
+              className="inline-flex items-center gap-2 px-5 py-2.5 bg-purple-600 text-white rounded-xl 
+                       hover:bg-purple-700 transition-all duration-300 font-medium"
+            >
+              <Plus size={18} /> Write Your First Entry
+            </button>
+          )}
+        </div>
+      ) : (
+        <div className="space-y-4">
+          {filteredEntries.map((entry, index) => (
+            <EntryCard 
+              key={entry.id} 
+              entry={entry} 
+              index={index}
+              onEdit={() => handleEdit(entry)}
+              onDelete={() => handleDelete(entry.id)}
+            />
+          ))}
+        </div>
+      )}
+
+      {/* Crisis Modal */}
+      <CrisisModal open={showCrisisModal} onClose={() => setShowCrisisModal(false)} />
+    </div>
+  )
+}
+
+function EntryCard({ 
+  entry, 
+  index,
+  onEdit, 
+  onDelete 
+}: { 
+  entry: JournalEntry
+  index: number
+  onEdit: () => void
+  onDelete: () => void
+}) {
+  return (
+    <div 
+      className="glass rounded-2xl p-6 hover:shadow-xl transition-all duration-300 group animate-fade-in"
+      style={{ animationDelay: `${index * 50}ms` }}
+    >
+      <div className="flex items-start justify-between gap-4">
+        <div className="flex-1 min-w-0">
+          <div className="flex items-center gap-3 mb-2">
+            <div className="w-10 h-10 bg-calm-600 rounded-xl flex items-center justify-center text-white shadow-lg">
+              <BookOpen size={18} />
+            </div>
+            <div>
+              <h3 className="font-bold text-lg text-gray-900 dark:text-white truncate">
+                {entry.title || 'Untitled Entry'}
+              </h3>
+              <p className="text-sm text-gray-500 flex items-center gap-1">
+                <Calendar size={12} /> {formatDate(entry.created_at)}
+              </p>
+            </div>
+          </div>
+          <p className="text-gray-600 dark:text-gray-400 line-clamp-3 leading-relaxed mt-3">
+            {entry.content}
+          </p>
+        </div>
+
+        <div className="flex gap-1 opacity-0 group-hover:opacity-100 transition-opacity duration-300">
+          <button
+            onClick={onEdit}
+            className="p-2 hover:bg-purple-100 dark:hover:bg-purple-900/30 rounded-lg transition-colors duration-300"
+          >
+            <Edit2 size={16} className="text-purple-600 dark:text-purple-400" />
+          </button>
+          <button
+            onClick={onDelete}
+            className="p-2 hover:bg-red-100 dark:hover:bg-red-900/30 rounded-lg transition-colors duration-300"
+          >
+            <Trash2 size={16} className="text-red-500" />
+          </button>
+        </div>
+      </div>
+    </div>
+  )
+}
diff --git a/frontend/src/pages/Landing.tsx b/frontend/src/pages/Landing.tsx
new file mode 100644
index 0000000..dc27de4
--- /dev/null
+++ b/frontend/src/pages/Landing.tsx
@@ -0,0 +1,455 @@
+import { Link, useNavigate } from 'react-router-dom'
+import {
+  MessageCircle,
+  BookOpen,
+  Target,
+  Heart,
+  Shield,
+  ArrowRight,
+  Moon,
+  Sun,
+  Lock,
+  TrendingUp,
+  Zap
+} from 'lucide-react'
+import { useAuthStore } from '@/store/authStore'
+import { useUIStore } from '@/store/uiStore'
+import { signInAnonymously } from '@/lib/supabase'
+import { useState, useEffect, useRef } from 'react'
+import toast from 'react-hot-toast'
+
+const features = [
+  {
+    icon: MessageCircle,
+    title: 'Peer Support',
+    desc: 'Connect anonymously in topic-based chat rooms.',
+    image: 'https://images.unsplash.com/photo-1573497019940-1c28c88b4f3e?w=800&auto=format&fit=crop&q=80'
+  },
+  {
+    icon: BookOpen,
+    title: 'Private Journal',
+    desc: 'Secure, encrypted personal journaling.',
+    image: 'https://images.unsplash.com/photo-1455390582262-044cdead277a?w=800&auto=format&fit=crop&q=80'
+  },
+  {
+    icon: Target,
+    title: 'Habit Tracking',
+    desc: 'Build healthy routines with visual tracking.',
+    image: 'https://images.unsplash.com/photo-1484480974693-6ca0a78fb36b?w=800&auto=format&fit=crop&q=80'
+  },
+  {
+    icon: TrendingUp,
+    title: 'Mood Insights',
+    desc: 'Track patterns and emotional wellbeing.',
+    image: 'https://images.unsplash.com/photo-1509909756405-be0199881695?w=800&auto=format&fit=crop&q=80'
+  },
+  {
+    icon: Shield,
+    title: 'Crisis Resources',
+    desc: 'One-click access to helplines.',
+    image: 'https://images.unsplash.com/photo-1576091160399-112ba8d25d1d?w=800&auto=format&fit=crop&q=80'
+  },
+  {
+    icon: Zap,
+    title: 'Wellness Tips',
+    desc: 'Personalized suggestions for you.',
+    image: 'https://images.unsplash.com/photo-1506126613408-eca07ce68773?w=800&auto=format&fit=crop&q=80'
+  },
+]
+
+const stats = [
+  { value: '100%', label: 'Free access to tools' },
+  { value: '0 trackers', label: 'Privacy-first platform' },
+  { value: '24/7', label: 'Peer rooms online' },
+  { value: '4 pillars', label: 'Chat | Mood | Habits | Help' },
+]
+
+const navLinks = [
+  { label: 'Home', href: '#home' },
+  { label: 'About', href: '#about' },
+  { label: 'Features', href: '#features' },
+  { label: 'Resources', href: '#resources' },
+  { label: 'Contact', href: '#contact' },
+]
+
+const resourceHighlights = [
+  {
+    title: 'Crisis-first routing',
+    desc: 'Tap once to surface helplines, local resources, and safety plans personalized to your region.',
+    tag: 'Emergency ready'
+  },
+  {
+    title: 'Self-guided rituals',
+    desc: 'Layer mood logs, micro-journals, and habit loops into guided flows that adapt with you.',
+    tag: 'Guided journeys'
+  },
+  {
+    title: 'Transparent privacy',
+    desc: 'No trackers, no ads, no inbox spam. Your anonymous identity lives only on your device.',
+    tag: 'Zero data kept'
+  },
+]
+
+export default function Landing() {
+  const { darkMode, toggleDarkMode } = useUIStore()
+  const { setUser, setLoading } = useAuthStore()
+  const [isSigningIn, setIsSigningIn] = useState(false)
+  const [featuresVisible, setFeaturesVisible] = useState(false)
+  const featuresRef = useRef<HTMLDivElement>(null)
+  const navigate = useNavigate()
+
+  useEffect(() => {
+    const observer = new IntersectionObserver(
+      (entries) => {
+        entries.forEach((entry) => {
+          if (entry.isIntersecting) {
+            setFeaturesVisible(true)
+          }
+        })
+      },
+      { threshold: 0.1 }
+    )
+
+    if (featuresRef.current) {
+      observer.observe(featuresRef.current)
+    }
+
+    return () => {
+      if (featuresRef.current) {
+        observer.unobserve(featuresRef.current)
+      }
+    }
+  }, [])
+
+  const handleGetStarted = async () => {
+    setIsSigningIn(true)
+    setLoading(true)
+    try {
+      const { user } = await signInAnonymously()
+      if (!user) throw new Error('Failed to create anonymous account')
+      setUser(user)
+      toast.success('Welcome! Your anonymous account is ready.')
+      navigate('/app')
+    } catch (err: unknown) {
+      toast.error(err instanceof Error ? err.message : 'Failed to create account')
+    } finally {
+      setIsSigningIn(false)
+      setLoading(false)
+    }
+  }
+
+  return (
+    <div className="min-h-screen bg-slate-50 text-slate-900 dark:bg-slate-950 dark:text-slate-100">
+      <div className="relative overflow-hidden hero-shell">
+        <div className="hero-glow" aria-hidden="true" />
+        <div className="relative z-10 max-w-6xl mx-auto px-4 md:px-6">
+          <header className="flex flex-col gap-6 md:flex-row md:items-center md:justify-between py-10">
+            <div className="flex items-center gap-3">
+              <img src="/logo.png" alt="OpenMindWell Logo" className="h-10 w-10 rounded-2xl object-contain" />
+              <div>
+                <p className="text-xs uppercase tracking-[0.3em] text-slate-500 dark:text-slate-400">OpenMind</p>
+                <p className="text-lg font-semibold text-slate-900 dark:text-white">OpenMindWell</p>
+              </div>
+            </div>
+            <nav className="flex items-center justify-between gap-3">
+              <div className="hidden md:flex items-center gap-6 bg-white/80 border border-slate-200 rounded-full px-8 py-2 text-sm text-slate-600 shadow-sm backdrop-blur dark:bg-slate-800/80 dark:border-slate-700 dark:text-slate-300">
+                {navLinks.map(link => (
+                  <a key={link.label} href={link.href} className="hover:text-slate-900 dark:hover:text-white transition-colors">
+                    {link.label}
+                  </a>
+                ))}
+              </div>
+              <div className="flex items-center gap-2">
+                <button
+                  onClick={toggleDarkMode}
+                  className="p-2 rounded-full border border-slate-200 bg-white text-slate-500 hover:text-slate-900 hover:border-slate-300 transition-colors dark:bg-slate-800 dark:border-slate-700 dark:text-slate-400 dark:hover:text-white dark:hover:border-slate-600"
+                >
+                  {darkMode ? <Sun size={18} /> : <Moon size={18} />}
+                </button>
+                <Link
+                  to="/app"
+                  className="hidden sm:inline-flex items-center gap-2 rounded-full bg-primary-600 hover:bg-primary-700 text-white px-5 py-2 text-sm font-semibold shadow-lg shadow-primary-600/20 transition-colors"
+                >
+                  Open App <ArrowRight size={16} />
+                </Link>
+              </div>
+            </nav>
+          </header>
+
+          <section id="home" className="text-center pb-20 md:pb-28">
+            <div className="inline-flex items-center gap-2 rounded-full bg-white border border-slate-200 px-4 py-2 text-xs uppercase tracking-[0.35em] text-slate-500 shadow-sm dark:bg-slate-800 dark:border-slate-700 dark:text-slate-400">
+              <span className="inline-flex h-2 w-2 rounded-full bg-emerald-400 animate-pulse" />
+              Live access | Anonymous | Free
+            </div>
+            <h1 className="mt-10 text-4xl md:text-6xl font-semibold leading-tight text-slate-900 dark:text-white">
+              A calm headquarters for
+              <br className="hidden md:block" />
+              community-powered mental wellness
+            </h1>
+            <p className="mt-6 text-lg md:text-xl text-slate-600 dark:text-slate-300 max-w-3xl mx-auto">
+              OpenMindWell blends moderated peer rooms, guided journaling, habit boards, and crisis tools into a single privacy-first surface so you can seek support with zero friction.
+            </p>
+            <div className="mt-10 flex flex-col gap-3 sm:flex-row sm:justify-center">
+              <button
+                onClick={handleGetStarted}
+                disabled={isSigningIn}
+                className="inline-flex items-center justify-center gap-2 rounded-full bg-accent-600 hover:bg-accent-700 text-white px-8 py-3 text-base font-semibold shadow-xl shadow-accent-600/30 disabled:opacity-60 transition-colors"
+              >
+                {isSigningIn ? (
+                  <>
+                    <span className="loading-spinner" />
+                    Creating safe space...
+                  </>
+                ) : (
+                  <>
+                    Get Started <ArrowRight size={16} />
+                  </>
+                )}
+              </button>
+              <a
+                href="https://github.com/ZenYukti/OpenMindWell"
+                target="_blank"
+                rel="noopener noreferrer"
+                className="inline-flex items-center justify-center gap-2 rounded-full border border-slate-300 bg-white/50 px-8 py-3 text-base font-medium text-slate-700 hover:text-slate-900 dark:border-slate-600 dark:bg-slate-800/50 dark:text-slate-300 dark:hover:text-white"
+              >
+                View on GitHub
+              </a>
+            </div>
+            <div className="mt-10 flex flex-wrap justify-center gap-4 text-sm text-slate-600 dark:text-slate-300">
+              <div className="flex items-center gap-2 rounded-full border border-slate-200 bg-white px-4 py-2 dark:border-slate-700 dark:bg-slate-800">
+                <Lock size={14} /> No login or email
+              </div>
+              <div className="flex items-center gap-2 rounded-full border border-slate-200 bg-white px-4 py-2 dark:border-slate-700 dark:bg-slate-800">
+                <Heart size={14} /> 100% community-supported
+              </div>
+              <div className="flex items-center gap-2 rounded-full border border-slate-200 bg-white px-4 py-2 dark:border-slate-700 dark:bg-slate-800">
+                <Shield size={14} /> End-to-end safety guardrails
+              </div>
+            </div>
+          </section>
+        </div>
+      </div>
+
+      <section className="px-4 md:px-6 -mt-12" id="about">
+        <div className="mx-auto grid max-w-5xl gap-6 rounded-3xl border border-slate-200 bg-white p-6 shadow-2xl shadow-slate-900/5 dark:border-slate-800 dark:bg-slate-900">
+          <div className="grid grid-cols-2 gap-6 md:grid-cols-4">
+            {stats.map(stat => (
+              <div key={stat.label} className="text-center">
+                <p className="text-2xl font-semibold text-slate-900 dark:text-white">{stat.value}</p>
+                <p className="text-sm text-slate-500 dark:text-slate-400">{stat.label}</p>
+              </div>
+            ))}
+          </div>
+          <p className="text-center text-sm text-slate-500 dark:text-slate-400">
+            Built for students, remote teams, and communities that need instant access to mental wellness tooling without compromising anonymity.
+          </p>
+        </div>
+      </section>
+
+      <section id="features" className="py-24" ref={featuresRef}>
+        <div className="mx-auto max-w-6xl px-4 md:px-6">
+          <div className="text-center">
+            <p className="text-xs uppercase tracking-[0.35em] text-slate-500 dark:text-slate-400">Features</p>
+            <h2 className="mt-3 text-3xl md:text-4xl font-semibold text-slate-900 dark:text-white">Tools designed for how you actually feel</h2>
+            <p className="mt-4 text-base text-slate-600 dark:text-slate-400 max-w-3xl mx-auto">
+              Structured rooms, gentle prompts, and visual trackers anchored by a privacy core. Everything works out-of-the-box so your community can simply show up.
+            </p>
+          </div>
+          <div className="mt-12 grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
+            {features.map((feature, index) => {
+              const isLeftColumn = index % 3 === 0
+              const isRightColumn = index % 3 === 2
+              
+              return (
+                <div
+                  key={feature.title}
+                  className={`group relative overflow-hidden rounded-2xl border border-slate-200 bg-white/80 shadow-lg shadow-slate-900/5 transition-all duration-700 hover:-translate-y-1 hover:border-slate-300 dark:border-slate-800 dark:bg-slate-900/80 min-h-[280px] ${
+                    featuresVisible
+                      ? 'opacity-100 translate-x-0 translate-y-0'
+                      : `opacity-0 ${
+                          isLeftColumn
+                            ? 'translate-x-32 -translate-y-8'
+                            : isRightColumn
+                            ? '-translate-x-32 -translate-y-8'
+                            : '-translate-y-16'
+                        }`
+                  }`}
+                  style={{
+                    transitionDelay: `${index * 100}ms`,
+                  }}
+                >
+                  {/* Image Background */}
+                  <div className="absolute inset-0 transition-transform duration-500 group-hover:scale-110">
+                    <img 
+                      src={feature.image} 
+                      alt={feature.title}
+                      className="h-full w-full object-cover"
+                    />
+                    <div className="absolute inset-0 bg-slate-900/70 dark:bg-slate-950/80" />
+                  </div>
+
+                  {/* Content - Hidden by default, shown on hover */}
+                  <div className="relative z-10 p-6 h-full flex flex-col justify-end">
+                    <div className="mb-4 inline-flex h-12 w-12 items-center justify-center rounded-2xl bg-accent-500 text-white shadow-lg">
+                      <feature.icon size={22} />
+                    </div>
+                    
+                    <div className="transform transition-all duration-300 group-hover:translate-y-0 translate-y-2">
+                      <h3 className="text-lg font-semibold text-white">{feature.title}</h3>
+                      <p className="mt-2 text-sm text-white/90 opacity-0 max-h-0 overflow-hidden transition-all duration-300 group-hover:opacity-100 group-hover:max-h-20">
+                        {feature.desc}
+                      </p>
+                    </div>
+                  </div>
+                </div>
+              )
+            })}
+          </div>
+        </div>
+      </section>
+
+      <section id="resources" className="py-24 bg-white dark:bg-slate-950">
+        <div className="mx-auto max-w-6xl px-4 md:px-6">
+          <div className="grid gap-10 lg:grid-cols-2">
+            <div>
+              <p className="text-xs uppercase tracking-[0.35em] text-slate-500 dark:text-white/60">Resources</p>
+              <h2 className="mt-3 text-3xl md:text-4xl font-semibold text-slate-900 dark:text-white">Reach out or go inward without friction</h2>
+              <p className="mt-4 text-slate-600 dark:text-white/70">
+                Crisis-ready content, guided rituals, and open data policies live side-by-side. Copy the playbook, self-host it, or point your community straight to the hosted edition.
+              </p>
+              <div className="mt-10 grid gap-4">
+                {resourceHighlights.map(resource => (
+                  <div key={resource.title} className="rounded-2xl border border-slate-200 bg-slate-50 p-5 dark:border-white/10 dark:bg-white/5">
+                    <p className="text-xs font-semibold uppercase tracking-[0.35em] text-slate-500 dark:text-white/60">{resource.tag}</p>
+                    <h3 className="mt-3 text-xl font-semibold text-slate-900 dark:text-white">{resource.title}</h3>
+                    <p className="mt-2 text-sm text-slate-600 dark:text-white/70">{resource.desc}</p>
+                  </div>
+                ))}
+              </div>
+            </div>
+            <div className="rounded-3xl border border-slate-200 bg-white p-8 shadow-2xl shadow-slate-900/10 dark:border-white/10 dark:bg-white/5 dark:shadow-blue-900/30">
+              <p className="text-sm uppercase tracking-[0.35em] text-slate-500 dark:text-white/60">Crisis Kit</p>
+              <h3 className="mt-4 text-3xl font-semibold text-slate-900 dark:text-white">Always-on crisis coverage</h3>
+              <p className="mt-3 text-slate-600 dark:text-white/70">
+                Tap the crisis modal anywhere inside the app to surface helplines across 190+ countries, calming exercises, and escalation guidance curated with licensed professionals.
+              </p>
+              <ul className="mt-6 space-y-3 text-sm text-slate-600 dark:text-white/75">
+                <li className="flex items-center gap-2"><span className="h-1.5 w-1.5 rounded-full bg-emerald-400" />Geo-aware hotlines</li>
+                <li className="flex items-center gap-2"><span className="h-1.5 w-1.5 rounded-full bg-sky-400" />Copy-ready safety plan template</li>
+                <li className="flex items-center gap-2"><span className="h-1.5 w-1.5 rounded-full bg-purple-400" />Night-mode breathing sequences</li>
+              </ul>
+              <button
+                onClick={handleGetStarted}
+                disabled={isSigningIn}
+                className="mt-8 inline-flex w-full items-center justify-center rounded-2xl bg-primary-600 hover:bg-primary-700 py-3 text-base font-semibold text-white shadow-xl shadow-primary-600/40 disabled:opacity-60 transition-colors"
+              >
+                {isSigningIn ? 'Preparing your space...' : 'Launch Anonymous Session'}
+              </button>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      <section id="contact" className="py-24">
+        <div className="mx-auto max-w-5xl px-4 md:px-6">
+          <div className="rounded-3xl border border-slate-200 bg-white p-10 text-center shadow-2xl shadow-slate-900/5 dark:border-slate-800 dark:bg-slate-900">
+            <p className="text-xs uppercase tracking-[0.35em] text-slate-500 dark:text-slate-400">Stay In The Loop</p>
+            <h2 className="mt-4 text-3xl font-semibold">Bring OpenMindWell to your cohort</h2>
+            <p className="mt-3 text-base text-slate-600 dark:text-slate-300">
+              Spin up a community space in minutes or talk with us about custom integrations and on-prem deployments.
+            </p>
+            <div className="mt-8 flex flex-col gap-3 sm:flex-row sm:justify-center">
+              <button
+                onClick={handleGetStarted}
+                disabled={isSigningIn}
+                className="inline-flex items-center justify-center rounded-full bg-accent-600 hover:bg-accent-700 px-8 py-3 text-base font-semibold text-white shadow-lg shadow-accent-600/30 disabled:opacity-60 transition-colors"
+              >
+                {isSigningIn ? 'Creating...' : 'Enter the App'}
+              </button>
+              <a
+                href="mailto:hello@openmindwell.app"
+                className="inline-flex items-center justify-center rounded-full border border-slate-300 px-8 py-3 text-base font-medium text-slate-900 hover:border-slate-400 dark:border-slate-700 dark:text-white"
+              >
+                Contact the team
+              </a>
+            </div>
+          </div>
+        </div>
+      </section>
+
+      {/* Footer */}
+      <footer className="border-t border-slate-800 bg-slate-900">
+        <div className="container mx-auto px-4 md:px-6 py-16">
+          <div className="grid gap-12 md:grid-cols-2 lg:grid-cols-4">
+            {/* Brand */}
+            <div className="lg:col-span-1">
+              <div className="flex items-center gap-3 mb-4">
+                <img src="/logo.png" alt="OpenMindWell Logo" className="h-10 w-10 rounded-2xl object-contain" />
+                <div>
+                  <p className="text-xs uppercase tracking-[0.3em] text-slate-400">OpenMind</p>
+                  <p className="text-base font-semibold text-white">OpenMindWell</p>
+                </div>
+              </div>
+              <p className="text-sm text-slate-400 leading-relaxed">
+                Privacy-first mental wellness platform. Anonymous, free, and built with care for communities that need safe spaces.
+              </p>
+              <div className="mt-4 flex gap-3">
+                <a href="https://github.com/ZenYukti/OpenMindWell" target="_blank" rel="noopener noreferrer" className="p-2 rounded-lg border border-slate-700 bg-slate-800 hover:border-slate-600 transition-colors">
+                  <svg className="w-5 h-5 text-slate-400" fill="currentColor" viewBox="0 0 24 24"><path d="M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z"/></svg>
+                </a>
+                <a href="https://twitter.com/openmindwell" target="_blank" rel="noopener noreferrer" className="p-2 rounded-lg border border-slate-700 bg-slate-800 hover:border-slate-600 transition-colors">
+                  <svg className="w-5 h-5 text-slate-400" fill="currentColor" viewBox="0 0 24 24"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
+                </a>
+              </div>
+            </div>
+
+            {/* Product */}
+            <div>
+              <h3 className="text-sm font-semibold uppercase tracking-wider text-white mb-4">Product</h3>
+              <ul className="space-y-3 text-sm">
+                <li><a href="#features" className="text-slate-400 hover:text-white transition-colors">Features</a></li>
+                <li><a href="#resources" className="text-slate-400 hover:text-white transition-colors">Resources</a></li>
+                <li><a href="/app" className="text-slate-400 hover:text-white transition-colors">Launch App</a></li>
+                <li><a href="https://github.com/ZenYukti/OpenMindWell#roadmap" target="_blank" rel="noopener noreferrer" className="text-slate-400 hover:text-white transition-colors">Roadmap</a></li>
+              </ul>
+            </div>
+
+            {/* Company */}
+            <div>
+              <h3 className="text-sm font-semibold uppercase tracking-wider text-white mb-4">Company</h3>
+              <ul className="space-y-3 text-sm">
+                <li><a href="#about" className="text-slate-400 hover:text-white transition-colors">About</a></li>
+                <li><a href="https://github.com/ZenYukti/OpenMindWell" target="_blank" rel="noopener noreferrer" className="text-slate-400 hover:text-white transition-colors">Open Source</a></li>
+                <li><a href="#contact" className="text-slate-400 hover:text-white transition-colors">Contact</a></li>
+                <li><a href="mailto:hello@openmindwell.app" className="text-slate-400 hover:text-white transition-colors">Support</a></li>
+              </ul>
+            </div>
+
+            {/* Legal */}
+            <div>
+              <h3 className="text-sm font-semibold uppercase tracking-wider text-white mb-4">Legal</h3>
+              <ul className="space-y-3 text-sm">
+                <li><a href="#" className="text-slate-400 hover:text-white transition-colors">Privacy Policy</a></li>
+                <li><a href="#" className="text-slate-400 hover:text-white transition-colors">Terms of Service</a></li>
+                <li><a href="#" className="text-slate-400 hover:text-white transition-colors">Cookie Policy</a></li>
+                <li><a href="https://github.com/ZenYukti/OpenMindWell/blob/main/LICENSE" target="_blank" rel="noopener noreferrer" className="text-slate-400 hover:text-white transition-colors">License</a></li>
+              </ul>
+            </div>
+          </div>
+
+          <div className="mt-12 pt-8 border-t border-slate-800">
+            <div className="flex flex-col items-center gap-4 md:flex-row md:justify-between">
+              <p className="text-sm text-slate-400 text-center md:text-left">
+                © {new Date().getFullYear()} OpenMindWell. Open source and free forever. Built with <Heart className="inline h-4 w-4 text-red-500" /> for mental wellness.
+              </p>
+              <div className="flex items-center gap-2 text-xs text-slate-400">
+                <Lock size={12} />
+                <span>Zero tracking · Full anonymity</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </footer>
+    </div>
+  )
+}
diff --git a/frontend/src/pages/Mood.tsx b/frontend/src/pages/Mood.tsx
new file mode 100644
index 0000000..c7555b8
--- /dev/null
+++ b/frontend/src/pages/Mood.tsx
@@ -0,0 +1,376 @@
+import { useState, useEffect } from 'react'
+import { 
+  Plus, Calendar, TrendingUp, ChevronLeft, ChevronRight,
+  Zap, Heart, Activity
+} from 'lucide-react'
+import { supabase } from '@/lib/supabase'
+import { useAuthStore } from '@/store/authStore'
+import type { MoodEntry } from '@/lib/database.types'
+import { getMoodEmoji, getMoodLabel, getMoodColor, formatDate } from '@/lib/utils'
+import toast from 'react-hot-toast'
+
+const MOOD_OPTIONS = [
+  { score: 1, emoji: '😢', label: 'Struggling' },
+  { score: 2, emoji: '😔', label: 'Low' },
+  { score: 3, emoji: '😐', label: 'Okay' },
+  { score: 4, emoji: '🙂', label: 'Good' },
+  { score: 5, emoji: '😊', label: 'Great' },
+]
+
+export default function Mood() {
+  const { profile } = useAuthStore()
+  const [entries, setEntries] = useState<MoodEntry[]>([])
+  const [loading, setLoading] = useState(true)
+  const [showLogModal, setShowLogModal] = useState(false)
+  const [selectedMonth, setSelectedMonth] = useState(new Date())
+
+  useEffect(() => {
+    loadEntries()
+  }, [selectedMonth])
+
+  const loadEntries = async () => {
+    if (!profile?.id) return
+    setLoading(true)
+
+    const startOfMonth = new Date(selectedMonth.getFullYear(), selectedMonth.getMonth(), 1)
+    const endOfMonth = new Date(selectedMonth.getFullYear(), selectedMonth.getMonth() + 1, 0)
+
+    const { data, error } = await supabase
+      .from('mood_entries')
+      .select('*')
+      .eq('user_id', profile.id)
+      .gte('created_at', startOfMonth.toISOString())
+      .lte('created_at', endOfMonth.toISOString())
+      .order('created_at', { ascending: false })
+
+    if (error) {
+      console.error('Error loading moods:', error)
+    } else {
+      setEntries(data || [])
+    }
+    setLoading(false)
+  }
+
+  const changeMonth = (delta: number) => {
+    setSelectedMonth((prev) => new Date(prev.getFullYear(), prev.getMonth() + delta, 1))
+  }
+
+  const getAverageMood = () => {
+    if (entries.length === 0) return 0
+    const sum = entries.reduce((acc, e) => acc + e.mood_score, 0)
+    return Math.round((sum / entries.length) * 10) / 10
+  }
+
+  const todayEntry = entries.find(
+    (e) => new Date(e.created_at).toDateString() === new Date().toDateString()
+  )
+
+  return (
+    <div className="space-y-4 md:space-y-6">
+      {/* Header */}
+      <div className="flex flex-col md:flex-row md:items-center justify-between gap-3 md:gap-4">
+        <div>
+          <h1 className="text-xl md:text-2xl font-bold flex items-center gap-2">
+            <TrendingUp className="text-orange-500 w-5 h-5 md:w-6 md:h-6" /> Mood Tracker
+          </h1>
+          <p className="text-gray-500 mt-1 text-sm md:text-base">Understand your emotional patterns</p>
+        </div>
+        <button
+          onClick={() => setShowLogModal(true)}
+          className="flex items-center justify-center gap-2 px-4 py-2.5 bg-orange-600 text-white rounded-lg hover:bg-orange-700 transition text-sm md:text-base w-full md:w-auto"
+        >
+          <Plus size={18} /> Log Mood
+        </button>
+      </div>
+
+      {/* Today's Mood Card */}
+      <div className="bg-orange-600 rounded-xl md:rounded-2xl p-4 md:p-6 text-white">
+        <h2 className="font-semibold mb-2 text-sm md:text-base">How are you feeling today?</h2>
+        {todayEntry ? (
+          <div className="flex items-center gap-3 md:gap-4">
+            <span className="text-4xl md:text-5xl">{getMoodEmoji(todayEntry.mood_score)}</span>
+            <div>
+              <p className="text-xl md:text-2xl font-bold">{getMoodLabel(todayEntry.mood_score)}</p>
+              {todayEntry.notes && <p className="text-orange-100 mt-1 text-sm md:text-base">"{todayEntry.notes}"</p>}
+            </div>
+          </div>
+        ) : (
+          <div className="flex items-center gap-3 md:gap-4">
+            <span className="text-4xl md:text-5xl opacity-50">❓</span>
+            <div>
+              <p className="text-base md:text-lg">No mood logged yet</p>
+              <button
+                onClick={() => setShowLogModal(true)}
+                className="mt-2 px-3 py-1 bg-white/20 rounded-lg hover:bg-white/30 text-sm"
+              >
+                Log now
+              </button>
+            </div>
+          </div>
+        )}
+      </div>
+
+      {/* Stats */}
+      <div className="grid grid-cols-3 gap-2 md:gap-4">
+        <StatCard
+          icon={TrendingUp}
+          label="Average Mood"
+          value={getAverageMood() || '-'}
+          color="orange"
+        />
+        <StatCard
+          icon={Calendar}
+          label="Entries This Month"
+          value={entries.length}
+          color="blue"
+        />
+        <StatCard
+          icon={Activity}
+          label="Days Tracked"
+          value={new Set(entries.map((e) => new Date(e.created_at).toDateString())).size}
+          color="green"
+        />
+      </div>
+
+      {/* Month Navigation */}
+      <div className="flex items-center justify-between bg-white dark:bg-gray-800 rounded-xl p-4 border border-gray-100 dark:border-gray-700">
+        <button
+          onClick={() => changeMonth(-1)}
+          className="p-2 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg"
+        >
+          <ChevronLeft size={20} />
+        </button>
+        <h3 className="font-semibold">
+          {selectedMonth.toLocaleDateString('en-US', { month: 'long', year: 'numeric' })}
+        </h3>
+        <button
+          onClick={() => changeMonth(1)}
+          className="p-2 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg"
+        >
+          <ChevronRight size={20} />
+        </button>
+      </div>
+
+      {/* Entries */}
+      {loading ? (
+        <div className="flex justify-center py-12">
+          <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-orange-600"></div>
+        </div>
+      ) : entries.length === 0 ? (
+        <div className="text-center py-12 bg-white dark:bg-gray-800 rounded-2xl">
+          <TrendingUp className="mx-auto text-gray-400 mb-4" size={48} />
+          <h3 className="text-lg font-semibold text-gray-600 dark:text-gray-400">No mood entries</h3>
+          <p className="text-gray-500 mt-1">Start tracking to see your patterns</p>
+        </div>
+      ) : (
+        <div className="space-y-3">
+          {entries.map((entry) => (
+            <div
+              key={entry.id}
+              className="bg-white dark:bg-gray-800 rounded-xl p-4 border border-gray-100 dark:border-gray-700 
+                         flex items-center gap-4"
+            >
+              <span className="text-3xl">{getMoodEmoji(entry.mood_score)}</span>
+              <div className="flex-1">
+                <div className="flex items-center gap-2">
+                  <span className={`font-semibold ${getMoodColor(entry.mood_score)}`}>
+                    {getMoodLabel(entry.mood_score)}
+                  </span>
+                  <span className="text-sm text-gray-500">
+                    • {formatDate(entry.created_at)}
+                  </span>
+                </div>
+                {entry.notes && (
+                  <p className="text-gray-600 dark:text-gray-400 text-sm mt-1">"{entry.notes}"</p>
+                )}
+                <div className="flex gap-4 mt-2 text-xs text-gray-500">
+                  <span className="flex items-center gap-1">
+                    <Zap size={12} /> Energy: {entry.energy_level}/5
+                  </span>
+                  <span className="flex items-center gap-1">
+                    <Heart size={12} /> Anxiety: {entry.anxiety_level}/5
+                  </span>
+                </div>
+              </div>
+            </div>
+          ))}
+        </div>
+      )}
+
+      {/* Log Modal */}
+      {showLogModal && (
+        <LogMoodModal
+          onClose={() => setShowLogModal(false)}
+          onSaved={() => {
+            setShowLogModal(false)
+            loadEntries()
+          }}
+        />
+      )}
+    </div>
+  )
+}
+
+function StatCard({
+  icon: Icon,
+  label,
+  value,
+  color,
+}: {
+  icon: React.ElementType
+  label: string
+  value: string | number
+  color: 'orange' | 'blue' | 'green'
+}) {
+  const colors = {
+    orange: 'bg-orange-50 dark:bg-orange-900/20 text-orange-600',
+    blue: 'bg-blue-50 dark:bg-blue-900/20 text-blue-600',
+    green: 'bg-green-50 dark:bg-green-900/20 text-green-600',
+  }
+
+  return (
+    <div className="bg-white dark:bg-gray-800 rounded-xl p-3 md:p-4 border border-gray-100 dark:border-gray-700 text-center">
+      <div className={`w-8 h-8 md:w-10 md:h-10 ${colors[color]} rounded-lg flex items-center justify-center mx-auto mb-1.5 md:mb-2`}>
+        <Icon size={16} className="md:hidden" />
+        <Icon size={20} className="hidden md:block" />
+      </div>
+      <p className="text-lg md:text-2xl font-bold text-gray-900 dark:text-white">{value}</p>
+      <p className="text-xs md:text-sm text-gray-500">{label}</p>
+    </div>
+  )
+}
+
+function LogMoodModal({ onClose, onSaved }: { onClose: () => void; onSaved: () => void }) {
+  const { profile } = useAuthStore()
+  const [moodScore, setMoodScore] = useState(3)
+  const [energyLevel, setEnergyLevel] = useState(3)
+  const [anxietyLevel, setAnxietyLevel] = useState(3)
+  const [notes, setNotes] = useState('')
+  const [loading, setLoading] = useState(false)
+
+  const handleSave = async (e: React.FormEvent) => {
+    e.preventDefault()
+    if (!profile?.id) return
+
+    setLoading(true)
+    try {
+      const { error } = await supabase.from('mood_entries').insert({
+        user_id: profile.id,
+        mood_score: moodScore,
+        energy_level: energyLevel,
+        anxiety_level: anxietyLevel,
+        notes: notes.trim() || null,
+      })
+
+      if (error) throw error
+      toast.success('Mood logged!')
+      onSaved()
+    } catch (error) {
+      toast.error('Failed to log mood')
+      console.error(error)
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  return (
+    <div className="fixed inset-0 z-50 flex items-end sm:items-center justify-center p-0 sm:p-4">
+      <div className="absolute inset-0 bg-black/50" onClick={onClose} />
+      <div className="relative bg-white dark:bg-gray-800 rounded-t-2xl sm:rounded-2xl p-5 md:p-6 w-full sm:max-w-md max-h-[90vh] overflow-y-auto">
+        <h2 className="text-lg md:text-xl font-bold mb-4">Log Your Mood</h2>
+
+        <form onSubmit={handleSave} className="space-y-6">
+          {/* Mood */}
+          <div>
+            <label className="block text-sm font-medium mb-3">How are you feeling?</label>
+            <div className="flex justify-between">
+              {MOOD_OPTIONS.map((opt) => (
+                <button
+                  key={opt.score}
+                  type="button"
+                  onClick={() => setMoodScore(opt.score)}
+                  className={`flex flex-col items-center p-2 rounded-xl transition ${
+                    moodScore === opt.score
+                      ? 'bg-orange-100 dark:bg-orange-900/30 ring-2 ring-orange-500'
+                      : 'hover:bg-gray-100 dark:hover:bg-gray-700'
+                  }`}
+                >
+                  <span className="text-2xl">{opt.emoji}</span>
+                  <span className="text-xs mt-1">{opt.label}</span>
+                </button>
+              ))}
+            </div>
+          </div>
+
+          {/* Energy */}
+          <div>
+            <label className="block text-sm font-medium mb-2 flex items-center gap-2">
+              <Zap size={16} className="text-yellow-500" /> Energy Level
+            </label>
+            <input
+              type="range"
+              min="1"
+              max="5"
+              value={energyLevel}
+              onChange={(e) => setEnergyLevel(parseInt(e.target.value))}
+              className="w-full accent-orange-500"
+            />
+            <div className="flex justify-between text-xs text-gray-500">
+              <span>Exhausted</span>
+              <span>Energized</span>
+            </div>
+          </div>
+
+          {/* Anxiety */}
+          <div>
+            <label className="block text-sm font-medium mb-2 flex items-center gap-2">
+              <Heart size={16} className="text-red-500" /> Anxiety Level
+            </label>
+            <input
+              type="range"
+              min="1"
+              max="5"
+              value={anxietyLevel}
+              onChange={(e) => setAnxietyLevel(parseInt(e.target.value))}
+              className="w-full accent-orange-500"
+            />
+            <div className="flex justify-between text-xs text-gray-500">
+              <span>Calm</span>
+              <span>Anxious</span>
+            </div>
+          </div>
+
+          {/* Notes */}
+          <div>
+            <label className="block text-sm font-medium mb-1">Notes (optional)</label>
+            <textarea
+              value={notes}
+              onChange={(e) => setNotes(e.target.value)}
+              placeholder="What's on your mind?"
+              rows={3}
+              className="w-full px-3 py-2 border border-gray-200 dark:border-gray-700 rounded-lg 
+                         bg-white dark:bg-gray-900 focus:ring-2 focus:ring-orange-500"
+            />
+          </div>
+
+          <div className="flex gap-3">
+            <button
+              type="button"
+              onClick={onClose}
+              className="flex-1 px-4 py-2 border border-gray-200 dark:border-gray-600 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-700"
+            >
+              Cancel
+            </button>
+            <button
+              type="submit"
+              disabled={loading}
+              className="flex-1 px-4 py-2 bg-orange-600 text-white rounded-lg hover:bg-orange-700 disabled:opacity-50"
+            >
+              {loading ? 'Saving...' : 'Save'}
+            </button>
+          </div>
+        </form>
+      </div>
+    </div>
+  )
+}
diff --git a/frontend/src/pages/Onboarding.tsx b/frontend/src/pages/Onboarding.tsx
deleted file mode 100644
index 09dd7b8..0000000
--- a/frontend/src/pages/Onboarding.tsx
+++ /dev/null
@@ -1,143 +0,0 @@
-import { useState } from 'react';
-import { useNavigate } from 'react-router-dom';
-import { signInAnonymously, createProfile } from '../lib/supabase';
-
-const AVATAR_OPTIONS = ['😊', '😎', '🌟', '🌈', '🦋', '🌸', '🎨', '🎭', '🎵', '🌿'];
-
-export default function Onboarding() {
-  const [nickname, setNickname] = useState('');
-  const [selectedAvatar, setSelectedAvatar] = useState('😊');
-  const [error, setError] = useState('');
-  const [loading, setLoading] = useState(false);
-  const navigate = useNavigate();
-
-  async function handleSubmit(e: React.FormEvent) {
-    e.preventDefault();
-    setError('');
-
-    if (!nickname.trim()) {
-      setError('Please enter a nickname');
-      return;
-    }
-
-    if (nickname.length < 3 || nickname.length > 20) {
-      setError('Nickname must be 3-20 characters');
-      return;
-    }
-
-    setLoading(true);
-
-    try {
-      // Sign in anonymously
-      const { data: authData, error: authError } = await signInAnonymously();
-
-      if (authError || !authData.user) {
-        throw new Error(authError?.message || 'Failed to create anonymous account');
-      }
-
-      // Create profile
-      const { error: profileError } = await createProfile(
-        authData.user.id,
-        nickname.trim(),
-        selectedAvatar
-      );
-
-      if (profileError) {
-        throw new Error(profileError.message);
-      }
-
-      // Redirect to dashboard
-      navigate('/dashboard');
-    } catch (err: any) {
-      setError(err.message || 'Something went wrong');
-      setLoading(false);
-    }
-  }
-
-  return (
-    <div className="min-h-screen bg-gradient-to-b from-blue-50 to-white flex items-center justify-center px-4">
-      <div className="max-w-md w-full">
-        {/* Crisis Banner */}
-        <div className="bg-red-600 text-white py-2 px-4 rounded-lg text-center text-sm mb-6">
-          <strong>⚠️ IN CRISIS?</strong> 🇺🇸 988 | 🇮🇳 9152987821 (iCall) | KIRAN 1800-599-0019
-        </div>
-
-        <div className="card">
-          <h1 className="text-3xl font-bold text-center mb-6">Create Your Profile</h1>
-
-          <div className="bg-blue-50 border border-blue-200 rounded-lg p-4 mb-6">
-            <p className="text-sm text-blue-900">
-              <strong>🔒 Your privacy matters:</strong> We don't collect personal information.
-              Choose a nickname and avatar to get started.
-            </p>
-          </div>
-
-          <form onSubmit={handleSubmit}>
-            {/* Nickname Input */}
-            <div className="mb-6">
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                Choose a Nickname
-              </label>
-              <input
-                type="text"
-                value={nickname}
-                onChange={(e) => setNickname(e.target.value)}
-                placeholder="e.g., HopefulHeart123"
-                className="input-field"
-                maxLength={20}
-                disabled={loading}
-              />
-              <p className="text-xs text-gray-500 mt-1">3-20 characters, no personal info</p>
-            </div>
-
-            {/* Avatar Selection */}
-            <div className="mb-6">
-              <label className="block text-sm font-medium text-gray-700 mb-2">
-                Choose an Avatar
-              </label>
-              <div className="grid grid-cols-5 gap-2">
-                {AVATAR_OPTIONS.map((avatar) => (
-                  <button
-                    key={avatar}
-                    type="button"
-                    onClick={() => setSelectedAvatar(avatar)}
-                    className={`text-4xl p-3 rounded-lg border-2 transition-all ${
-                      selectedAvatar === avatar
-                        ? 'border-primary-600 bg-primary-50 scale-110'
-                        : 'border-gray-300 hover:border-primary-400'
-                    }`}
-                    disabled={loading}
-                  >
-                    {avatar}
-                  </button>
-                ))}
-              </div>
-            </div>
-
-            {/* Error Message */}
-            {error && (
-              <div className="bg-red-50 border border-red-200 text-red-700 px-4 py-3 rounded-lg mb-4">
-                {error}
-              </div>
-            )}
-
-            {/* Submit Button */}
-            <button
-              type="submit"
-              disabled={loading}
-              className="btn-primary w-full disabled:opacity-50 disabled:cursor-not-allowed"
-            >
-              {loading ? 'Creating Account...' : 'Continue →'}
-            </button>
-          </form>
-
-          <div className="mt-6 pt-6 border-t border-gray-200">
-            <p className="text-xs text-gray-600 text-center">
-              By continuing, you acknowledge that OpenMindWell is not a substitute for professional mental health care.
-            </p>
-          </div>
-        </div>
-      </div>
-    </div>
-  );
-}
diff --git a/frontend/src/pages/Resources.tsx b/frontend/src/pages/Resources.tsx
new file mode 100644
index 0000000..49e4397
--- /dev/null
+++ b/frontend/src/pages/Resources.tsx
@@ -0,0 +1,269 @@
+import { useState } from 'react'
+import { 
+  Heart, Phone, ExternalLink, BookOpen, Video, Headphones,
+  Globe, Users, Shield, Sparkles, Search
+} from 'lucide-react'
+import CrisisModal from '@/components/CrisisModal'
+
+interface Resource {
+  title: string
+  description: string
+  url: string
+  type: 'article' | 'video' | 'tool' | 'community' | 'app'
+  category: string
+}
+
+const resources: Resource[] = [
+  // Self-Help Articles
+  {
+    title: 'Managing Anxiety: A Practical Guide',
+    description: 'Learn evidence-based techniques to manage anxiety in daily life.',
+    url: 'https://www.mind.org.uk/information-support/types-of-mental-health-problems/anxiety-and-panic-attacks/',
+    type: 'article',
+    category: 'anxiety',
+  },
+  {
+    title: 'Understanding Depression',
+    description: 'Comprehensive information about depression symptoms and coping strategies.',
+    url: 'https://www.nimh.nih.gov/health/topics/depression',
+    type: 'article',
+    category: 'depression',
+  },
+  {
+    title: 'Mindfulness for Beginners',
+    description: 'Start your mindfulness journey with simple, daily practices.',
+    url: 'https://www.mindful.org/meditation/mindfulness-getting-started/',
+    type: 'article',
+    category: 'mindfulness',
+  },
+  // Videos
+  {
+    title: 'How to Practice Self-Care',
+    description: 'TED talk on building sustainable self-care routines.',
+    url: 'https://www.ted.com/topics/mental+health',
+    type: 'video',
+    category: 'self-care',
+  },
+  {
+    title: 'Breathing Exercises for Stress',
+    description: 'Guided breathing exercises for immediate stress relief.',
+    url: 'https://www.youtube.com/results?search_query=breathing+exercises+for+stress',
+    type: 'video',
+    category: 'stress',
+  },
+  // Tools
+  {
+    title: 'Headspace - Meditation App',
+    description: 'Guided meditations and sleep sounds for beginners.',
+    url: 'https://www.headspace.com/',
+    type: 'app',
+    category: 'mindfulness',
+  },
+  {
+    title: 'Calm - Sleep & Meditation',
+    description: 'Sleep stories, meditations, and relaxation exercises.',
+    url: 'https://www.calm.com/',
+    type: 'app',
+    category: 'sleep',
+  },
+  {
+    title: 'Woebot - AI Mental Health',
+    description: 'Free AI chatbot for emotional support and CBT techniques.',
+    url: 'https://woebothealth.com/',
+    type: 'tool',
+    category: 'support',
+  },
+  // Communities
+  {
+    title: '7 Cups - Free Emotional Support',
+    description: 'Free online chat with trained listeners.',
+    url: 'https://www.7cups.com/',
+    type: 'community',
+    category: 'support',
+  },
+  {
+    title: 'Reddit r/mentalhealth',
+    description: 'Online community for mental health discussions.',
+    url: 'https://www.reddit.com/r/mentalhealth/',
+    type: 'community',
+    category: 'community',
+  },
+]
+
+const CATEGORIES = [
+  { id: 'all', label: 'All Resources', icon: Sparkles },
+  { id: 'anxiety', label: 'Anxiety', icon: Heart },
+  { id: 'depression', label: 'Depression', icon: Heart },
+  { id: 'stress', label: 'Stress', icon: Heart },
+  { id: 'mindfulness', label: 'Mindfulness', icon: BookOpen },
+  { id: 'support', label: 'Support', icon: Users },
+]
+
+const TYPE_ICONS = {
+  article: BookOpen,
+  video: Video,
+  tool: Shield,
+  community: Users,
+  app: Headphones,
+}
+
+export default function Resources() {
+  const [search, setSearch] = useState('')
+  const [category, setCategory] = useState('all')
+  const [showCrisisModal, setShowCrisisModal] = useState(false)
+
+  const filteredResources = resources.filter((r) => {
+    const matchesSearch = r.title.toLowerCase().includes(search.toLowerCase()) ||
+                          r.description.toLowerCase().includes(search.toLowerCase())
+    const matchesCategory = category === 'all' || r.category === category
+    return matchesSearch && matchesCategory
+  })
+
+  return (
+    <div className="space-y-4 md:space-y-6">
+      {/* Header */}
+      <div>
+        <h1 className="text-xl md:text-2xl font-bold flex items-center gap-2">
+          <Sparkles className="text-teal-500 w-5 h-5 md:w-6 md:h-6" /> Resources
+        </h1>
+        <p className="text-gray-500 mt-1 text-sm md:text-base">Curated mental health resources and tools</p>
+      </div>
+
+      {/* Crisis Banner */}
+      <div className="bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg sm:rounded-xl p-2.5 sm:p-4">
+        <div className="flex items-center justify-between gap-2">
+          <div className="flex items-center gap-2 min-w-0 flex-1">
+            <Phone className="text-red-500 flex-shrink-0" size={18} />
+            <div className="min-w-0">
+              <h3 className="font-semibold text-red-700 dark:text-red-400 text-xs sm:text-base">
+                Need immediate help?
+              </h3>
+              <p className="text-[10px] sm:text-sm text-red-600 dark:text-red-300 truncate">
+                Crisis helplines available 24/7
+              </p>
+            </div>
+          </div>
+          <button
+            onClick={() => setShowCrisisModal(true)}
+            className="px-2.5 sm:px-4 py-1.5 sm:py-2 bg-red-600 text-white rounded-lg hover:bg-red-700 active:bg-red-800 transition text-xs sm:text-sm whitespace-nowrap flex-shrink-0"
+          >
+            Get Help
+          </button>
+        </div>
+      </div>
+
+      {/* Search and Filter */}
+      <div className="flex flex-col gap-3">
+        <div className="relative">
+          <Search className="absolute left-3 top-1/2 -translate-y-1/2 text-gray-400" size={16} />
+          <input
+            type="text"
+            placeholder="Search resources..."
+            value={search}
+            onChange={(e) => setSearch(e.target.value)}
+            className="w-full pl-9 pr-3 py-2 border border-gray-200 dark:border-gray-700 rounded-lg 
+                       bg-white dark:bg-gray-800 focus:ring-2 focus:ring-teal-500 text-sm"
+          />
+        </div>
+        <div className="flex gap-1.5 sm:gap-2 overflow-x-auto pb-1 -mx-1 px-1 scrollbar-hide">
+          {CATEGORIES.map((cat) => {
+            const shortLabel = cat.id === 'all' ? 'All' : cat.id === 'mindfulness' ? 'Mind' : cat.label.slice(0, 4)
+            return (
+              <button
+                key={cat.id}
+                onClick={() => setCategory(cat.id)}
+                className={`flex items-center gap-1 px-2 sm:px-3 py-1.5 sm:py-2 rounded-lg whitespace-nowrap transition text-xs sm:text-sm flex-shrink-0 ${
+                  category === cat.id
+                    ? 'bg-teal-600 text-white'
+                    : 'bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600'
+                }`}
+              >
+                <cat.icon size={12} className="sm:w-4 sm:h-4" /> 
+                <span className="sm:hidden">{shortLabel}</span>
+                <span className="hidden sm:inline">{cat.label}</span>
+              </button>
+            )
+          })}
+        </div>
+      </div>
+
+      {/* Resources Grid */}
+      {filteredResources.length === 0 ? (
+        <div className="text-center py-8 sm:py-12 bg-white dark:bg-gray-800 rounded-xl sm:rounded-2xl">
+          <Sparkles className="mx-auto text-gray-400 mb-3 sm:mb-4" size={40} />
+          <h3 className="text-base sm:text-lg font-semibold text-gray-600 dark:text-gray-400">
+            No resources found
+          </h3>
+          <p className="text-gray-500 mt-1 text-sm">Try adjusting your search or filters</p>
+        </div>
+      ) : (
+        <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-2.5 sm:gap-4">
+          {filteredResources.map((resource, index) => {
+            const Icon = TYPE_ICONS[resource.type]
+            return (
+              <a
+                key={index}
+                href={resource.url}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="block bg-white dark:bg-gray-800 rounded-lg sm:rounded-xl p-3 sm:p-5 border border-gray-100 dark:border-gray-700 
+                           hover:shadow-md active:bg-gray-50 dark:active:bg-gray-700 transition group"
+              >
+                <div className="flex items-start justify-between mb-2">
+                  <div className="w-8 h-8 sm:w-10 sm:h-10 bg-teal-50 dark:bg-teal-900/20 rounded-lg flex items-center justify-center text-teal-600 flex-shrink-0">
+                    <Icon size={16} className="sm:w-5 sm:h-5" />
+                  </div>
+                  <ExternalLink className="text-gray-400 group-hover:text-teal-600 transition flex-shrink-0" size={14} />
+                </div>
+                <h3 className="font-semibold mb-1 group-hover:text-teal-600 transition text-xs sm:text-base line-clamp-1">
+                  {resource.title}
+                </h3>
+                <p className="text-gray-500 text-[11px] sm:text-sm line-clamp-2">{resource.description}</p>
+                <div className="mt-2 flex flex-wrap items-center gap-1 sm:gap-2">
+                  <span className="text-[10px] sm:text-xs px-1.5 sm:px-2 py-0.5 bg-gray-100 dark:bg-gray-700 rounded-full capitalize">
+                    {resource.type}
+                  </span>
+                  <span className="text-[10px] sm:text-xs px-1.5 sm:px-2 py-0.5 bg-teal-50 dark:bg-teal-900/20 text-teal-600 rounded-full capitalize">
+                    {resource.category}
+                  </span>
+                </div>
+              </a>
+            )
+          })}
+        </div>
+      )}
+
+      {/* Additional Help Section */}
+      <div className="bg-primary-50 dark:bg-primary-900/20 
+                      rounded-lg sm:rounded-2xl p-3 sm:p-6 border border-primary-100 dark:border-primary-800">
+        <h2 className="text-sm sm:text-lg font-semibold mb-2 flex items-center gap-2">
+          <Globe className="text-teal-600 flex-shrink-0" size={16} /> Find Local Support
+        </h2>
+        <p className="text-gray-600 dark:text-gray-400 mb-2 sm:mb-4 text-xs sm:text-base">
+          Professional help is available in your area. Consider reaching out to:
+        </p>
+        <ul className="space-y-1.5 sm:space-y-2 text-xs sm:text-sm">
+          <li className="flex items-center gap-2">
+            <span className="w-1.5 h-1.5 sm:w-2 sm:h-2 bg-teal-500 rounded-full flex-shrink-0"></span>
+            <span>Local mental health centers and clinics</span>
+          </li>
+          <li className="flex items-center gap-2">
+            <span className="w-1.5 h-1.5 sm:w-2 sm:h-2 bg-teal-500 rounded-full flex-shrink-0"></span>
+            <span>Licensed therapists and counselors</span>
+          </li>
+          <li className="flex items-center gap-2">
+            <span className="w-1.5 h-1.5 sm:w-2 sm:h-2 bg-teal-500 rounded-full flex-shrink-0"></span>
+            <span>Support groups in your community</span>
+          </li>
+          <li className="flex items-center gap-2">
+            <span className="w-1.5 h-1.5 sm:w-2 sm:h-2 bg-teal-500 rounded-full flex-shrink-0"></span>
+            <span>Your primary care physician</span>
+          </li>
+        </ul>
+      </div>
+
+      {/* Crisis Modal */}
+      <CrisisModal open={showCrisisModal} onClose={() => setShowCrisisModal(false)} />
+    </div>
+  )
+}
diff --git a/frontend/src/pages/index.ts b/frontend/src/pages/index.ts
new file mode 100644
index 0000000..8269fbf
--- /dev/null
+++ b/frontend/src/pages/index.ts
@@ -0,0 +1,8 @@
+export { default as Landing } from './Landing'
+export { default as Dashboard } from './Dashboard'
+export { default as ChatRooms } from './ChatRooms'
+export { default as ChatRoom } from './ChatRoom'
+export { default as Journal } from './Journal'
+export { default as Habits } from './Habits'
+export { default as Mood } from './Mood'
+export { default as Resources } from './Resources'
diff --git a/frontend/src/store/authStore.ts b/frontend/src/store/authStore.ts
new file mode 100644
index 0000000..81f1f81
--- /dev/null
+++ b/frontend/src/store/authStore.ts
@@ -0,0 +1,23 @@
+import { create } from 'zustand'
+import type { User } from '@supabase/supabase-js'
+import type { Profile } from '../lib/database.types'
+
+interface AuthState {
+  user: User | null
+  profile: Profile | null
+  isLoading: boolean
+  setUser: (user: User | null) => void
+  setProfile: (profile: Profile | null) => void
+  setLoading: (loading: boolean) => void
+  logout: () => void
+}
+
+export const useAuthStore = create<AuthState>((set) => ({
+  user: null,
+  profile: null,
+  isLoading: true,
+  setUser: (user) => set({ user }),
+  setProfile: (profile) => set({ profile }),
+  setLoading: (isLoading) => set({ isLoading }),
+  logout: () => set({ user: null, profile: null }),
+}))
diff --git a/frontend/src/store/uiStore.ts b/frontend/src/store/uiStore.ts
new file mode 100644
index 0000000..11f42d6
--- /dev/null
+++ b/frontend/src/store/uiStore.ts
@@ -0,0 +1,28 @@
+import { create } from 'zustand'
+import { persist } from 'zustand/middleware'
+
+interface UIState {
+  sidebarOpen: boolean
+  darkMode: boolean
+  setSidebarOpen: (open: boolean) => void
+  setDarkMode: (dark: boolean) => void
+  toggleSidebar: () => void
+  toggleDarkMode: () => void
+}
+
+export const useUIStore = create<UIState>()(
+  persist(
+    (set) => ({
+      sidebarOpen: true,
+      darkMode: false,
+      setSidebarOpen: (sidebarOpen) => set({ sidebarOpen }),
+      setDarkMode: (darkMode) => set({ darkMode }),
+      toggleSidebar: () => set((state) => ({ sidebarOpen: !state.sidebarOpen })),
+      toggleDarkMode: () => set((state) => ({ darkMode: !state.darkMode })),
+    }),
+    {
+      name: 'openmindwell-ui',
+      partialize: (state) => ({ darkMode: state.darkMode }),
+    }
+  )
+)
diff --git a/frontend/src/vite-env.d.ts b/frontend/src/vite-env.d.ts
index 1f057f4..377b9ec 100644
--- a/frontend/src/vite-env.d.ts
+++ b/frontend/src/vite-env.d.ts
@@ -1,12 +1,10 @@
 /// <reference types="vite/client" />
 
 interface ImportMetaEnv {
-  readonly VITE_API_BASE_URL: string;
-  readonly VITE_WS_URL: string;
-  readonly VITE_SUPABASE_URL: string;
-  readonly VITE_SUPABASE_ANON_KEY: string;
+  readonly VITE_SUPABASE_URL: string
+  readonly VITE_SUPABASE_ANON_KEY: string
 }
 
 interface ImportMeta {
-  readonly env: ImportMetaEnv;
+  readonly env: ImportMetaEnv
 }
diff --git a/frontend/supabase/schema.sql b/frontend/supabase/schema.sql
new file mode 100644
index 0000000..b4ebfd5
--- /dev/null
+++ b/frontend/supabase/schema.sql
@@ -0,0 +1,302 @@
+-- OpenMindWell Database Schema
+-- Run this in your Supabase SQL Editor
+
+-- Enable UUID extension
+create extension if not exists "uuid-ossp";
+
+-- ============================================
+-- PROFILES TABLE
+-- ============================================
+create table if not exists public.profiles (
+  id uuid references auth.users on delete cascade primary key,
+  username text unique not null,
+  display_name text,
+  avatar_seed text default uuid_generate_v4()::text,
+  bio text,
+  is_online boolean default false,
+  last_seen timestamp with time zone default now(),
+  created_at timestamp with time zone default now()
+);
+
+-- Enable RLS
+alter table public.profiles enable row level security;
+
+-- Policies
+create policy "Public profiles are viewable by everyone"
+  on public.profiles for select
+  using (true);
+
+create policy "Users can update own profile"
+  on public.profiles for update
+  using (auth.uid() = id);
+
+-- Trigger to create profile on signup
+create or replace function public.handle_new_user()
+returns trigger as $$
+begin
+  insert into public.profiles (id, username, display_name)
+  values (
+    new.id,
+    'user_' || substr(md5(random()::text), 0, 8),
+    'Anonymous ' || substr(md5(random()::text), 0, 4)
+  );
+  return new;
+end;
+$$ language plpgsql security definer;
+
+create or replace trigger on_auth_user_created
+  after insert on auth.users
+  for each row execute procedure public.handle_new_user();
+
+-- ============================================
+-- CHAT ROOMS TABLE
+-- ============================================
+create table if not exists public.chat_rooms (
+  id uuid default uuid_generate_v4() primary key,
+  name text not null,
+  description text,
+  topic text default 'general',
+  icon text default '💬',
+  color text default '#6366f1',
+  is_private boolean default false,
+  is_active boolean default true,
+  created_by uuid references public.profiles(id),
+  member_count integer default 0,
+  created_at timestamp with time zone default now()
+);
+
+-- Enable RLS
+alter table public.chat_rooms enable row level security;
+
+-- Policies
+create policy "Chat rooms are viewable by everyone"
+  on public.chat_rooms for select
+  using (true);
+
+create policy "Authenticated users can create rooms"
+  on public.chat_rooms for insert
+  with check (auth.uid() is not null);
+
+create policy "Room creators can update their rooms"
+  on public.chat_rooms for update
+  using (auth.uid() = created_by);
+
+-- ============================================
+-- MESSAGES TABLE
+-- ============================================
+create table if not exists public.messages (
+  id uuid default uuid_generate_v4() primary key,
+  room_id uuid references public.chat_rooms(id) on delete cascade not null,
+  user_id uuid references public.profiles(id) on delete cascade not null,
+  content text not null,
+  is_flagged boolean default false,
+  created_at timestamp with time zone default now()
+);
+
+-- Enable RLS
+alter table public.messages enable row level security;
+
+-- Policies
+create policy "Messages are viewable by everyone"
+  on public.messages for select
+  using (true);
+
+create policy "Authenticated users can insert messages"
+  on public.messages for insert
+  with check (auth.uid() = user_id);
+
+-- Enable realtime for messages
+alter publication supabase_realtime add table public.messages;
+
+-- ============================================
+-- JOURNAL ENTRIES TABLE
+-- ============================================
+create table if not exists public.journal_entries (
+  id uuid default uuid_generate_v4() primary key,
+  user_id uuid references public.profiles(id) on delete cascade not null,
+  title text,
+  content text not null,
+  mood integer check (mood >= 1 and mood <= 5),
+  tags text[] default '{}',
+  created_at timestamp with time zone default now(),
+  updated_at timestamp with time zone default now()
+);
+
+-- Enable RLS
+alter table public.journal_entries enable row level security;
+
+-- Policies (PRIVATE - only owner can access)
+create policy "Users can view own journal entries"
+  on public.journal_entries for select
+  using (auth.uid() = user_id);
+
+create policy "Users can insert own journal entries"
+  on public.journal_entries for insert
+  with check (auth.uid() = user_id);
+
+create policy "Users can update own journal entries"
+  on public.journal_entries for update
+  using (auth.uid() = user_id);
+
+create policy "Users can delete own journal entries"
+  on public.journal_entries for delete
+  using (auth.uid() = user_id);
+
+-- ============================================
+-- HABITS TABLE
+-- ============================================
+create table if not exists public.habits (
+  id uuid default uuid_generate_v4() primary key,
+  user_id uuid references public.profiles(id) on delete cascade not null,
+  name text not null,
+  description text,
+  emoji text default '✨',
+  color text default '#10b981',
+  frequency text default 'daily', -- daily, weekly, etc.
+  is_active boolean default true,
+  created_at timestamp with time zone default now()
+);
+
+-- Enable RLS
+alter table public.habits enable row level security;
+
+-- Policies
+create policy "Users can view own habits"
+  on public.habits for select
+  using (auth.uid() = user_id);
+
+create policy "Users can insert own habits"
+  on public.habits for insert
+  with check (auth.uid() = user_id);
+
+create policy "Users can update own habits"
+  on public.habits for update
+  using (auth.uid() = user_id);
+
+create policy "Users can delete own habits"
+  on public.habits for delete
+  using (auth.uid() = user_id);
+
+-- ============================================
+-- HABIT LOGS TABLE
+-- ============================================
+create table if not exists public.habit_logs (
+  id uuid default uuid_generate_v4() primary key,
+  habit_id uuid references public.habits(id) on delete cascade not null,
+  user_id uuid references public.profiles(id) on delete cascade not null,
+  date date default current_date not null,
+  completed_at timestamp with time zone default now(),
+  unique(habit_id, date)
+);
+
+-- Enable RLS
+alter table public.habit_logs enable row level security;
+
+-- Policies
+create policy "Users can view own habit logs"
+  on public.habit_logs for select
+  using (auth.uid() = user_id);
+
+create policy "Users can insert own habit logs"
+  on public.habit_logs for insert
+  with check (auth.uid() = user_id);
+
+create policy "Users can delete own habit logs"
+  on public.habit_logs for delete
+  using (auth.uid() = user_id);
+
+-- ============================================
+-- MOOD ENTRIES TABLE
+-- ============================================
+create table if not exists public.mood_entries (
+  id uuid default uuid_generate_v4() primary key,
+  user_id uuid references public.profiles(id) on delete cascade not null,
+  mood_score integer not null check (mood_score >= 1 and mood_score <= 5),
+  energy_level integer default 3 check (energy_level >= 1 and energy_level <= 5),
+  anxiety_level integer default 3 check (anxiety_level >= 1 and anxiety_level <= 5),
+  notes text,
+  tags text[] default '{}',
+  created_at timestamp with time zone default now()
+);
+
+-- Enable RLS
+alter table public.mood_entries enable row level security;
+
+-- Policies
+create policy "Users can view own mood entries"
+  on public.mood_entries for select
+  using (auth.uid() = user_id);
+
+create policy "Users can insert own mood entries"
+  on public.mood_entries for insert
+  with check (auth.uid() = user_id);
+
+create policy "Users can update own mood entries"
+  on public.mood_entries for update
+  using (auth.uid() = user_id);
+
+create policy "Users can delete own mood entries"
+  on public.mood_entries for delete
+  using (auth.uid() = user_id);
+
+-- ============================================
+-- ROOM MEMBERS TABLE (for private rooms)
+-- ============================================
+create table if not exists public.room_members (
+  id uuid default uuid_generate_v4() primary key,
+  room_id uuid references public.chat_rooms(id) on delete cascade not null,
+  user_id uuid references public.profiles(id) on delete cascade not null,
+  role text default 'member', -- member, moderator, admin
+  joined_at timestamp with time zone default now(),
+  unique(room_id, user_id)
+);
+
+-- Enable RLS
+alter table public.room_members enable row level security;
+
+-- Policies
+create policy "Room members are viewable"
+  on public.room_members for select
+  using (true);
+
+create policy "Users can join rooms"
+  on public.room_members for insert
+  with check (auth.uid() = user_id);
+
+create policy "Users can leave rooms"
+  on public.room_members for delete
+  using (auth.uid() = user_id);
+
+-- ============================================
+-- INDEXES
+-- ============================================
+create index if not exists idx_messages_room_id on public.messages(room_id);
+create index if not exists idx_messages_created_at on public.messages(created_at desc);
+create index if not exists idx_journal_entries_user_id on public.journal_entries(user_id);
+create index if not exists idx_habits_user_id on public.habits(user_id);
+create index if not exists idx_habit_logs_habit_id on public.habit_logs(habit_id);
+create index if not exists idx_habit_logs_date on public.habit_logs(date);
+create index if not exists idx_mood_entries_user_id on public.mood_entries(user_id);
+create index if not exists idx_mood_entries_created_at on public.mood_entries(created_at desc);
+
+-- ============================================
+-- SEED DATA: Default Chat Rooms
+-- ============================================
+insert into public.chat_rooms (name, description, topic, icon) values
+  ('General Support', 'A welcoming space to share and listen. No judgment, just support.', 'general', '💚'),
+  ('Anxiety Corner', 'For those dealing with anxiety. Share coping strategies and support.', 'anxiety', '🌊'),
+  ('Depression Support', 'A safe space to talk about depression. You''re not alone.', 'depression', '☀️'),
+  ('Stress Relief', 'Let it out. Share what''s stressing you and find some peace.', 'stress', '🧘'),
+  ('Relationship Talk', 'Discuss relationship challenges and get peer support.', 'relationships', '💕'),
+  ('Late Night Thoughts', 'For those quiet hours when sleep won''t come.', 'general', '🌙')
+on conflict do nothing;
+
+-- ============================================
+-- Enable Anonymous Auth in Supabase Dashboard
+-- ============================================
+-- Go to Authentication > Providers > Anonymous Users > Enable
+
+-- ============================================
+-- Configure Realtime
+-- ============================================
+-- Make sure messages table has realtime enabled (done above)
diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js
new file mode 100644
index 0000000..7311606
--- /dev/null
+++ b/frontend/tailwind.config.js
@@ -0,0 +1,70 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [
+    "./index.html",
+    "./src/**/*.{js,ts,jsx,tsx}",
+  ],
+  darkMode: 'class',
+  theme: {
+    extend: {
+      colors: {
+        // Mental wellness color palette - calming, trustworthy, accessible
+        primary: {
+          50: '#f0f9ff',
+          100: '#e0f2fe',
+          200: '#bae6fd',
+          300: '#7dd3fc',
+          400: '#38bdf8',
+          500: '#0ea5e9',
+          600: '#0284c7',
+          700: '#0369a1',
+          800: '#075985',
+          900: '#0c4a6e',
+          950: '#082f49',
+        },
+        accent: {
+          50: '#f0fdf4',
+          100: '#dcfce7',
+          200: '#bbf7d0',
+          300: '#86efac',
+          400: '#4ade80',
+          500: '#22c55e',
+          600: '#16a34a',
+          700: '#15803d',
+          800: '#166534',
+          900: '#14532d',
+        },
+        calm: {
+          50: '#faf5ff',
+          100: '#f3e8ff',
+          200: '#e9d5ff',
+          300: '#d8b4fe',
+          400: '#c084fc',
+          500: '#a855f7',
+          600: '#9333ea',
+          700: '#7e22ce',
+          800: '#6b21a8',
+          900: '#581c87',
+        },
+      },
+      fontFamily: {
+        sans: ['Inter', 'system-ui', '-apple-system', 'sans-serif'],
+      },
+      animation: {
+        'fade-in': 'fadeIn 0.2s ease-out',
+        'slide-up': 'slideUp 0.2s ease-out',
+      },
+      keyframes: {
+        fadeIn: {
+          '0%': { opacity: '0' },
+          '100%': { opacity: '1' },
+        },
+        slideUp: {
+          '0%': { opacity: '0', transform: 'translateY(4px)' },
+          '100%': { opacity: '1', transform: 'translateY(0)' },
+        },
+      },
+    },
+  },
+  plugins: [],
+}
diff --git a/frontend/tailwind.config.ts b/frontend/tailwind.config.ts
deleted file mode 100644
index e86e611..0000000
--- a/frontend/tailwind.config.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import type { Config } from 'tailwindcss';
-
-const config: Config = {
-  content: [
-    './src/pages/**/*.{js,ts,jsx,tsx,mdx}',
-    './src/components/**/*.{js,ts,jsx,tsx,mdx}',
-    './src/app/**/*.{js,ts,jsx,tsx,mdx}',
-  ],
-  theme: {
-    extend: {
-      colors: {
-        primary: {
-          50: '#f0f9ff',
-          100: '#e0f2fe',
-          200: '#bae6fd',
-          300: '#7dd3fc',
-          400: '#38bdf8',
-          500: '#0ea5e9',
-          600: '#0284c7',
-          700: '#0369a1',
-          800: '#075985',
-          900: '#0c4a6e',
-        },
-      },
-    },
-  },
-  plugins: [],
-};
-
-export default config;
diff --git a/frontend/tsconfig.json b/frontend/tsconfig.json
index 33514fa..8123cfd 100644
--- a/frontend/tsconfig.json
+++ b/frontend/tsconfig.json
@@ -5,26 +5,21 @@
     "lib": ["ES2020", "DOM", "DOM.Iterable"],
     "module": "ESNext",
     "skipLibCheck": true,
-
-    /* Bundler mode */
     "moduleResolution": "bundler",
     "allowImportingTsExtensions": true,
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
     "jsx": "react-jsx",
-
-    /* Linting */
     "strict": true,
     "noUnusedLocals": true,
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true,
-
-    /* Path aliases */
     "baseUrl": ".",
     "paths": {
-      "@/*": ["./src/*"]
-    }
+      "@/*": ["src/*"]
+    },
+    "types": ["vite/client"]
   },
   "include": ["src"],
   "references": [{ "path": "./tsconfig.node.json" }]
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
index 036d04e..f670a89 100644
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -1,8 +1,7 @@
-import { defineConfig } from 'vite';
-import react from '@vitejs/plugin-react';
-import path from 'path';
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import path from 'path'
 
-// https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
   resolve: {
@@ -14,8 +13,4 @@ export default defineConfig({
     port: 3000,
     open: true,
   },
-  build: {
-    outDir: 'dist',
-    sourcemap: true,
-  },
-});
+})
diff --git a/image.png b/image.png
deleted file mode 100644
index b64f6e0..0000000
Binary files a/image.png and /dev/null differ
diff --git a/package-lock.json b/package-lock.json
deleted file mode 100644
index 4c48235..0000000
--- a/package-lock.json
+++ /dev/null
@@ -1,373 +0,0 @@
-{
-  "name": "openmindwell",
-  "version": "1.0.0",
-  "lockfileVersion": 3,
-  "requires": true,
-  "packages": {
-    "": {
-      "name": "openmindwell",
-      "version": "1.0.0",
-      "license": "MIT",
-      "devDependencies": {
-        "concurrently": "^8.2.2"
-      }
-    },
-    "node_modules/@babel/runtime": {
-      "version": "7.28.4",
-      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.28.4.tgz",
-      "integrity": "sha512-Q/N6JNWvIvPnLDvjlE1OUBLPQHH6l3CltCEsHIujp45zQUSSh8K+gHnaEX45yAT1nyngnINhvWtzN+Nb9D8RAQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6.9.0"
-      }
-    },
-    "node_modules/ansi-regex": {
-      "version": "5.0.1",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
-      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/ansi-styles": {
-      "version": "4.3.0",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-      "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "color-convert": "^2.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/ansi-styles?sponsor=1"
-      }
-    },
-    "node_modules/chalk": {
-      "version": "4.1.2",
-      "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-      "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^4.1.0",
-        "supports-color": "^7.1.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/chalk?sponsor=1"
-      }
-    },
-    "node_modules/chalk/node_modules/supports-color": {
-      "version": "7.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-      "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/cliui": {
-      "version": "8.0.1",
-      "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
-      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
-      "dev": true,
-      "license": "ISC",
-      "dependencies": {
-        "string-width": "^4.2.0",
-        "strip-ansi": "^6.0.1",
-        "wrap-ansi": "^7.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/color-convert": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-      "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "color-name": "~1.1.4"
-      },
-      "engines": {
-        "node": ">=7.0.0"
-      }
-    },
-    "node_modules/color-name": {
-      "version": "1.1.4",
-      "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-      "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/concurrently": {
-      "version": "8.2.2",
-      "resolved": "https://registry.npmjs.org/concurrently/-/concurrently-8.2.2.tgz",
-      "integrity": "sha512-1dP4gpXFhei8IOtlXRE/T/4H88ElHgTiUzh71YUmtjTEHMSRS2Z/fgOxHSxxusGHogsRfxNq1vyAwxSC+EVyDg==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "chalk": "^4.1.2",
-        "date-fns": "^2.30.0",
-        "lodash": "^4.17.21",
-        "rxjs": "^7.8.1",
-        "shell-quote": "^1.8.1",
-        "spawn-command": "0.0.2",
-        "supports-color": "^8.1.1",
-        "tree-kill": "^1.2.2",
-        "yargs": "^17.7.2"
-      },
-      "bin": {
-        "conc": "dist/bin/concurrently.js",
-        "concurrently": "dist/bin/concurrently.js"
-      },
-      "engines": {
-        "node": "^14.13.0 || >=16.0.0"
-      },
-      "funding": {
-        "url": "https://github.com/open-cli-tools/concurrently?sponsor=1"
-      }
-    },
-    "node_modules/date-fns": {
-      "version": "2.30.0",
-      "resolved": "https://registry.npmjs.org/date-fns/-/date-fns-2.30.0.tgz",
-      "integrity": "sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "@babel/runtime": "^7.21.0"
-      },
-      "engines": {
-        "node": ">=0.11"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/date-fns"
-      }
-    },
-    "node_modules/emoji-regex": {
-      "version": "8.0.0",
-      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
-      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/escalade": {
-      "version": "3.2.0",
-      "resolved": "https://registry.npmjs.org/escalade/-/escalade-3.2.0.tgz",
-      "integrity": "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
-    "node_modules/get-caller-file": {
-      "version": "2.0.5",
-      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
-      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": "6.* || 8.* || >= 10.*"
-      }
-    },
-    "node_modules/has-flag": {
-      "version": "4.0.0",
-      "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-      "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/is-fullwidth-code-point": {
-      "version": "3.0.0",
-      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
-      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/lodash": {
-      "version": "4.17.21",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
-      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/require-directory": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
-      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/rxjs": {
-      "version": "7.8.2",
-      "resolved": "https://registry.npmjs.org/rxjs/-/rxjs-7.8.2.tgz",
-      "integrity": "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA==",
-      "dev": true,
-      "license": "Apache-2.0",
-      "dependencies": {
-        "tslib": "^2.1.0"
-      }
-    },
-    "node_modules/shell-quote": {
-      "version": "1.8.3",
-      "resolved": "https://registry.npmjs.org/shell-quote/-/shell-quote-1.8.3.tgz",
-      "integrity": "sha512-ObmnIF4hXNg1BqhnHmgbDETF8dLPCggZWBjkQfhZpbszZnYur5DUljTcCHii5LC3J5E0yeO/1LIMyH+UvHQgyw==",
-      "dev": true,
-      "license": "MIT",
-      "engines": {
-        "node": ">= 0.4"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/ljharb"
-      }
-    },
-    "node_modules/spawn-command": {
-      "version": "0.0.2",
-      "resolved": "https://registry.npmjs.org/spawn-command/-/spawn-command-0.0.2.tgz",
-      "integrity": "sha512-zC8zGoGkmc8J9ndvml8Xksr1Amk9qBujgbF0JAIWO7kXr43w0h/0GJNM/Vustixu+YE8N/MTrQ7N31FvHUACxQ==",
-      "dev": true
-    },
-    "node_modules/string-width": {
-      "version": "4.2.3",
-      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
-      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "emoji-regex": "^8.0.0",
-        "is-fullwidth-code-point": "^3.0.0",
-        "strip-ansi": "^6.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/strip-ansi": {
-      "version": "6.0.1",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
-      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-regex": "^5.0.1"
-      },
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/supports-color": {
-      "version": "8.1.1",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-8.1.1.tgz",
-      "integrity": "sha512-MpUEN2OodtUzxvKQl72cUF7RQ5EiHsGvSsVG0ia9c5RbWGL2CI4C7EpPS8UTBIplnlzZiNuV56w+FuNxy3ty2Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "has-flag": "^4.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/supports-color?sponsor=1"
-      }
-    },
-    "node_modules/tree-kill": {
-      "version": "1.2.2",
-      "resolved": "https://registry.npmjs.org/tree-kill/-/tree-kill-1.2.2.tgz",
-      "integrity": "sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A==",
-      "dev": true,
-      "license": "MIT",
-      "bin": {
-        "tree-kill": "cli.js"
-      }
-    },
-    "node_modules/tslib": {
-      "version": "2.8.1",
-      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
-      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
-      "dev": true,
-      "license": "0BSD"
-    },
-    "node_modules/wrap-ansi": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
-      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "ansi-styles": "^4.0.0",
-        "string-width": "^4.1.0",
-        "strip-ansi": "^6.0.0"
-      },
-      "engines": {
-        "node": ">=10"
-      },
-      "funding": {
-        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-      }
-    },
-    "node_modules/y18n": {
-      "version": "5.0.8",
-      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
-      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=10"
-      }
-    },
-    "node_modules/yargs": {
-      "version": "17.7.2",
-      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
-      "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
-      "dev": true,
-      "license": "MIT",
-      "dependencies": {
-        "cliui": "^8.0.1",
-        "escalade": "^3.1.1",
-        "get-caller-file": "^2.0.5",
-        "require-directory": "^2.1.1",
-        "string-width": "^4.2.3",
-        "y18n": "^5.0.5",
-        "yargs-parser": "^21.1.1"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/yargs-parser": {
-      "version": "21.1.1",
-      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
-      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
-      "dev": true,
-      "license": "ISC",
-      "engines": {
-        "node": ">=12"
-      }
-    }
-  }
-}
diff --git a/package.json b/package.json
deleted file mode 100644
index 6f3e23a..0000000
--- a/package.json
+++ /dev/null
@@ -1,27 +0,0 @@
-{
-  "name": "openmindwell",
-  "version": "1.0.0",
-  "description": "Open-source anonymous mental health support platform",
-  "private": true,
-  "scripts": {
-    "dev": "concurrently \"npm run dev:backend\" \"npm run dev:frontend\"",
-    "dev:backend": "cd backend && npm run dev",
-    "dev:frontend": "cd frontend && npm run dev",
-    "build": "npm run build:backend && npm run build:frontend",
-    "build:backend": "cd backend && npm run build",
-    "build:frontend": "cd frontend && npm run build",
-    "preview": "cd frontend && npm run preview"
-  },
-  "keywords": [
-    "mental-health",
-    "support",
-    "anonymous",
-    "peer-support",
-    "wellness"
-  ],
-  "author": "OpenMindWell Contributors",
-  "license": "MIT",
-  "devDependencies": {
-    "concurrently": "^8.2.2"
-  }
-}