OT NoteBuilder - Production deployment

.dockerignore

@@ -0,0 +1,10 @@
+node_modules
+.venv
+venv
+__pycache__
+*.pyc
+.env
+.env.*
+*.docx
+.git
+frontend/node_modules

.gitignore

@@ -0,0 +1,25 @@
+# Environment secrets
+.env
+.env.*
+
+# Source template document (confidential)
+*.docx
+doc_content.txt
+convert_template.cjs
+template_data.json
+
+# Python
+__pycache__/
+*.pyc
+*.pyo
+venv/
+.venv/
+
+# Node
+node_modules/
+dist/
+.vite/
+
+# OS
+.DS_Store
+Thumbs.db

Dockerfile

@@ -0,0 +1,29 @@
+# ── Stage 1: Build React frontend ──
+FROM node:20-slim AS frontend-build
+
+WORKDIR /app/frontend
+COPY frontend/package.json frontend/package-lock.json* ./
+RUN npm ci --production=false
+COPY frontend/ ./
+RUN npm run build
+
+# ── Stage 2: Production image ──
+FROM python:3.11-slim
+
+WORKDIR /app
+
+# Install Python dependencies
+COPY backend/requirements.txt ./
+RUN pip install --no-cache-dir -r requirements.txt
+
+# Copy backend code
+COPY backend/ ./
+
+# Copy built frontend into backend's static directory
+COPY --from=frontend-build /app/frontend/dist ./static
+
+# HuggingFace Spaces requires port 7860
+EXPOSE 7860
+
+# Run with uvicorn (production)
+CMD ["uvicorn", "main:app", "--host", "0.0.0.0", "--port", "7860"]

README.md

@@ -0,0 +1,9 @@
+---
+title: OT NoteBuilder
+emoji: 📋
+colorFrom: green
+colorTo: gray
+sdk: docker
+app_port: 7860
+pinned: false
+---

backend/main.py

@@ -0,0 +1,525 @@
+"""
+SNF OT Daily Progress Note Generator — FastAPI Backend
+Handles Groq AI integration for converting structured selections into
+Med A-compliant clinical paragraphs.
+"""
+
+import os
+import re
+import json
+import logging
+import hashlib
+import hmac
+import time
+import secrets
+from typing import Any, Dict, List, Optional
+
+from fastapi import FastAPI, HTTPException, Request, Depends
+from fastapi.middleware.cors import CORSMiddleware
+from fastapi.middleware.trustedhost import TrustedHostMiddleware
+from fastapi.security import HTTPBearer, HTTPAuthorizationCredentials
+from pydantic import BaseModel, Field, validator
+from dotenv import load_dotenv
+from groq import Groq
+import httpx
+from slowapi import Limiter
+from slowapi.util import get_remote_address
+from slowapi.errors import RateLimitExceeded
+from fastapi.responses import JSONResponse
+
+# ---------------------------------------------------------------------------
+# Config
+# ---------------------------------------------------------------------------
+
+load_dotenv()
+
+logging.basicConfig(level=logging.INFO)
+logger = logging.getLogger(__name__)
+
+# Groq API keys — multiple for fallback on rate limits
+_raw_keys = os.getenv("GROQ_API_KEYS", os.getenv("GROQ_API_KEY", ""))
+GROQ_API_KEYS = [k.strip() for k in _raw_keys.split(",") if k.strip()]
+ALLOWED_ORIGINS = os.getenv(
+    "ALLOWED_ORIGINS",
+    "http://localhost:5173,http://localhost:3000,https://jashdoshi77-ot.hf.space"
+).split(",")
+GROQ_MODEL = "llama-3.3-70b-versatile"
+
+# JWT secret
+JWT_SECRET = os.getenv("JWT_SECRET", secrets.token_hex(32))
+JWT_EXPIRY_HOURS = 24
+
+logger.info(f"Loaded {len(GROQ_API_KEYS)} Groq API key(s)")
+
+# ---------------------------------------------------------------------------
+# Authorized users — loaded from env (format: user1:pass1,user2:pass2)
+# ---------------------------------------------------------------------------
+
+def _hash_pw(pw: str) -> str:
+    return hashlib.sha256(pw.encode()).hexdigest()
+
+def _load_users() -> dict:
+    raw = os.getenv("AUTH_USERS", "")
+    users = {}
+    for pair in raw.split(","):
+        pair = pair.strip()
+        if ":" in pair:
+            uname, pw = pair.split(":", 1)
+            users[uname.strip().lower()] = _hash_pw(pw.strip())
+    return users
+
+AUTHORIZED_USERS = _load_users()
+logger.info(f"Loaded {len(AUTHORIZED_USERS)} authorized user(s)")
+
+# ---------------------------------------------------------------------------
+# JWT helpers (lightweight, no external dependency)
+# ---------------------------------------------------------------------------
+
+import base64, json as _json
+
+def _b64url_encode(data: bytes) -> str:
+    return base64.urlsafe_b64encode(data).rstrip(b"=").decode()
+
+def _b64url_decode(s: str) -> bytes:
+    s += "=" * (4 - len(s) % 4)
+    return base64.urlsafe_b64decode(s)
+
+def create_jwt(username: str) -> str:
+    header = _b64url_encode(_json.dumps({"alg": "HS256", "typ": "JWT"}).encode())
+    payload = _b64url_encode(_json.dumps({
+        "sub": username,
+        "iat": int(time.time()),
+        "exp": int(time.time()) + JWT_EXPIRY_HOURS * 3600,
+    }).encode())
+    signature = hmac.new(JWT_SECRET.encode(), f"{header}.{payload}".encode(), hashlib.sha256).digest()
+    sig_b64 = _b64url_encode(signature)
+    return f"{header}.{payload}.{sig_b64}"
+
+def verify_jwt(token: str) -> dict:
+    try:
+        parts = token.split(".")
+        if len(parts) != 3:
+            raise ValueError("Invalid token")
+        header_b64, payload_b64, sig_b64 = parts
+        expected_sig = hmac.new(JWT_SECRET.encode(), f"{header_b64}.{payload_b64}".encode(), hashlib.sha256).digest()
+        actual_sig = _b64url_decode(sig_b64)
+        if not hmac.compare_digest(expected_sig, actual_sig):
+            raise ValueError("Invalid signature")
+        payload = _json.loads(_b64url_decode(payload_b64))
+        if payload.get("exp", 0) < time.time():
+            raise ValueError("Token expired")
+        return payload
+    except Exception as e:
+        raise ValueError(f"Token verification failed: {e}")
+
+# ---------------------------------------------------------------------------
+# Auth dependency
+# ---------------------------------------------------------------------------
+
+bearer_scheme = HTTPBearer()
+
+async def get_current_user(credentials: HTTPAuthorizationCredentials = Depends(bearer_scheme)):
+    try:
+        payload = verify_jwt(credentials.credentials)
+        username = payload.get("sub")
+        if username not in AUTHORIZED_USERS:
+            raise HTTPException(status_code=401, detail="User not authorized")
+        return username
+    except ValueError as e:
+        raise HTTPException(status_code=401, detail=str(e))
+
+# ---------------------------------------------------------------------------
+# Rate limiting
+# ---------------------------------------------------------------------------
+
+limiter = Limiter(key_func=get_remote_address)
+
+# ---------------------------------------------------------------------------
+# FastAPI app
+# ---------------------------------------------------------------------------
+
+app = FastAPI(
+    title="OT Note Generator API",
+    version="1.0.0",
+    docs_url="/api/docs",
+    redoc_url=None,
+)
+
+app.state.limiter = limiter
+
+
+@app.exception_handler(RateLimitExceeded)
+async def rate_limit_handler(request: Request, exc: RateLimitExceeded):
+    return JSONResponse(
+        status_code=429,
+        content={"detail": "Rate limit exceeded. Please wait before trying again."},
+    )
+
+
+# Security middleware
+app.add_middleware(
+    CORSMiddleware,
+    allow_origins=ALLOWED_ORIGINS,
+    allow_credentials=True,
+    allow_methods=["GET", "POST"],
+    allow_headers=["Content-Type", "Authorization"],
+    max_age=600,
+)
+
+app.add_middleware(
+    TrustedHostMiddleware,
+    allowed_hosts=["localhost", "127.0.0.1", "*.localhost", "*.hf.space", "*.huggingface.co"],
+)
+
+# ---------------------------------------------------------------------------
+# Pydantic models
+# ---------------------------------------------------------------------------
+
+MAX_SECTIONS = 20
+MAX_FIELDS_PER_SECTION = 200
+MAX_TEXT_LENGTH = 2000
+
+
+class FieldSelection(BaseModel):
+    fieldId: str = Field(..., max_length=200)
+    fieldLabel: str = Field(..., max_length=500)
+    selectedOptions: List[str] = Field(default_factory=list)
+    customText: Optional[str] = Field(None, max_length=MAX_TEXT_LENGTH)
+    numericValue: Optional[str] = Field(None, max_length=50)
+
+    @validator("selectedOptions", each_item=True)
+    def validate_option_length(cls, v):
+        if len(v) > 500:
+            raise ValueError("Option text too long")
+        return v
+
+
+class SectionData(BaseModel):
+    sectionId: str = Field(..., max_length=200)
+    sectionTitle: str = Field(..., max_length=300)
+    enabled: bool = True
+    fields: List[FieldSelection] = Field(default_factory=list)
+
+    @validator("fields")
+    def validate_fields_count(cls, v):
+        if len(v) > MAX_FIELDS_PER_SECTION:
+            raise ValueError(f"Too many fields (max {MAX_FIELDS_PER_SECTION})")
+        return v
+
+
+class GenerateRequest(BaseModel):
+    patientInfo: Dict[str, str] = Field(default_factory=dict)
+    sections: List[SectionData] = Field(default_factory=list)
+    customSections: List[SectionData] = Field(default_factory=list)
+
+    @validator("sections")
+    def validate_sections_count(cls, v):
+        if len(v) > MAX_SECTIONS:
+            raise ValueError(f"Too many sections (max {MAX_SECTIONS})")
+        return v
+
+    @validator("patientInfo")
+    def sanitize_patient_info(cls, v):
+        sanitized = {}
+        for key, value in v.items():
+            clean_key = re.sub(r"[^\w\s\-/]", "", key)[:100]
+            clean_val = re.sub(r"[<>]", "", str(value))[:500]
+            sanitized[clean_key] = clean_val
+        return sanitized
+
+
+# ---------------------------------------------------------------------------
+# System prompt for Groq
+# ---------------------------------------------------------------------------
+
+SYSTEM_PROMPT = """You are an expert Occupational Therapy clinical documentation specialist. Your job is to convert structured selections from an OT daily progress note template into polished, professional, Med A-compliant clinical narrative paragraphs.
+
+RULES:
+1. Write in the EXACT style of skilled nursing facility (SNF) occupational therapy daily treatment encounter notes.
+2. Use proper OT abbreviations: pt (patient), BUE/BLE (bilateral upper/lower extremity), AROM (active ROM), ADL, IADL, LBD/UBD (lower/upper body dressing), FM (fine motor), GM (gross motor), vc (verbal cue), tc (tactile cue), hoh (hand-over-hand), SBA (standby assist), CGA (contact guard assist), Min/Mod/Max A (assist levels), ec (energy conservation), JP (joint protection), STS (sit to stand), w/c (wheelchair), EOB (edge of bed), WFL (within functional limits), 2 degrees (secondary to), d/c (discharge), HEP (home exercise program), etc.
+3. IMPORTANT: You MUST write a SEPARATE section with its own header for EVERY section provided in the input. This includes non-CPT sections like Patient Presentation, Education Provided, Response to Treatment, Assessment, Therapist Signature, and any other section. Do NOT merge or absorb non-CPT sections into CPT sections.
+4. DO NOT use asterisks (*), stars, bold markers, or any markdown formatting whatsoever. Output must be clean plain text only.
+5. DO NOT use em dashes, en dashes, or any special unicode characters. Use regular hyphens (-) or commas instead.
+6. Write flowing narrative paragraphs, NOT bullet points.
+7. Include clinical justification language that supports medical necessity.
+8. Maintain a professional, skilled, clinical tone throughout.
+9. If exercise details (sets/reps) are provided, weave them naturally into sentences.
+10. Connect deficits to functional impacts and goals.
+11. Include cueing types and assist levels naturally in the narrative.
+12. Do NOT invent information not provided in the selections.
+13. If a section has no selections, skip it entirely.
+14. Format each section header as plain text followed by a colon. For CPT sections include the code, e.g. "Therapeutic Exercise (97110):". For non-CPT sections just use the name, e.g. "Patient Presentation:" or "Assessment:".
+15. Use regular quotation marks and standard ASCII punctuation only.
+16. The order of sections in the output should match the order they appear in the input.
+
+EXAMPLE OUTPUT STYLE:
+
+Patient Presentation:
+Pt was seen seated in w/c upon arrival, presenting with an initially reluctant demeanor; however, with skilled encouragement and verbal cueing, pt became engaged and receptive to treatment. Pt c/o pain at 6/10 localized to the right shoulder, which was managed with positioning and activity modification. Pt was alert and oriented x3 (person, place, time).
+
+Therapeutic Exercise (97110):
+Pt participated in skilled therapeutic exercise targeting BUE strength and AROM in seated position with back support to improve functional performance with ADLs, transfers, and mobility. Exercises were graded by therapist to address grip strength and core stability that directly impact pt's safe and independent functional task performance. Exercises performed today included shoulder flexion (3 x 10), shoulder abduction (3 x 10), and grip strengthening via putty squeeze. Pt required vc/tc for proper joint alignment and controlled movement speed throughout exercise program. Pt demonstrated fair tolerance to therapeutic exercise, completing 20 min of activity with intermittent rest breaks (1-2) secondary to fatigue and decreased endurance.
+
+Therapeutic Activities (97530):
+Pt engaged in skilled therapeutic activities addressing static and dynamic standing balance in alignment with established OT goals and POC. Pt participated in dynamic standing ball toss to targets and ring toss on cone (3 x 10 each) to improve dynamic balance and postural reactions. Pt required CGA for balance and safety, as well as vc for safety awareness and fall prevention. Pt demonstrated fair tolerance to therapeutic activities, with performance impacted by decreased endurance and impaired postural control.
+
+Self-Care / ADL Training (97535):
+Pt engaged in skilled ADL retraining focused on UBD and LBD and toileting to support goal of increased functional independence. Pt performed LBD donning with Min A, doffing with SBA. AE utilized: reacher and sock aid. Pt was able to thread bilateral LE through garment independently and pull clothing to knee level.
+
+Education Provided:
+Pt and/or caregiver educated on ec strategies for ADL participation, safe transfer techniques, and HEP compliance. Pt demonstrated fair understanding via return demonstration with minimal cueing required.
+
+Response to Treatment:
+Pt demonstrated fair participation with fatigue and decreased endurance, requiring frequent rest breaks and cueing for task completion, but was able to complete all graded activities with assistance. Pt demonstrated emerging carryover of compensatory strategies with minimal verbal cueing.
+
+Assessment:
+Pt presents with deficits in bed mobility, strength, activity tolerance, and ADL sequencing, impacting independence in self-care tasks. Skilled OT remains necessary for functional mobility training, ADL retraining, balance, and fine motor coordination to improve safety and independence.
+"""
+
+# ---------------------------------------------------------------------------
+# Helper: build user message from selections
+# ---------------------------------------------------------------------------
+
+
+def build_user_message(data: GenerateRequest) -> str:
+    parts: List[str] = []
+
+    # Patient info
+    if data.patientInfo:
+        info_lines = [f"- {k}: {v}" for k, v in data.patientInfo.items() if v]
+        if info_lines:
+            parts.append("PATIENT INFO:\n" + "\n".join(info_lines))
+
+    # Sections
+    all_sections = [s for s in data.sections if s.enabled] + [
+        s for s in data.customSections if s.enabled
+    ]
+
+    for section in all_sections:
+        has_data = any(
+            f.selectedOptions or f.customText or f.numericValue for f in section.fields
+        )
+        if not has_data:
+            continue
+
+        section_lines = [f"\n--- {section.sectionTitle} ---"]
+
+        for field in section.fields:
+            if not field.selectedOptions and not field.customText and not field.numericValue:
+                continue
+
+            line = f"  {field.fieldLabel}: "
+            values = []
+
+            if field.selectedOptions:
+                values.extend(field.selectedOptions)
+            if field.customText:
+                values.append(field.customText)
+            if field.numericValue:
+                values.append(field.numericValue)
+
+            line += " / ".join(values)
+            section_lines.append(line)
+
+        parts.append("\n".join(section_lines))
+
+    return "\n".join(parts)
+
+
+# ---------------------------------------------------------------------------
+# Routes
+# ---------------------------------------------------------------------------
+
+
+# ---------------------------------------------------------------------------
+# Auth models & login route
+# ---------------------------------------------------------------------------
+
+class LoginRequest(BaseModel):
+    username: str = Field(..., max_length=100)
+    password: str = Field(..., max_length=200)
+
+
+@app.post("/api/login")
+@limiter.limit("5/minute")
+async def login(request: Request, data: LoginRequest):
+    username = data.username.strip().lower()
+    password_hash = _hash_pw(data.password)
+
+    stored_hash = AUTHORIZED_USERS.get(username)
+    if not stored_hash or not hmac.compare_digest(stored_hash, password_hash):
+        logger.warning(f"Failed login attempt for user: {username}")
+        raise HTTPException(status_code=401, detail="Invalid username or password")
+
+    token = create_jwt(username)
+    logger.info(f"User '{username}' logged in successfully")
+    return {"token": token, "username": username}
+
+
+@app.get("/api/verify")
+async def verify_token(user: str = Depends(get_current_user)):
+    return {"valid": True, "username": user}
+
+
+# Load template data — encrypted at rest, decrypted at startup using TEMPLATE_KEY
+_TEMPLATE_DATA = None
+_base_dir = os.path.dirname(__file__)
+_enc_path = os.path.join(_base_dir, "template_data.enc")
+_json_path = os.path.join(_base_dir, "template_data.json")
+
+try:
+    if os.path.exists(_enc_path):
+        # Production: decrypt the encrypted template
+        from cryptography.fernet import Fernet
+        _template_key = os.getenv("TEMPLATE_KEY")
+        if not _template_key:
+            raise RuntimeError("TEMPLATE_KEY env variable is required to decrypt template data")
+        _fernet = Fernet(_template_key.encode())
+        with open(_enc_path, "rb") as f:
+            _encrypted = f.read()
+        _decrypted = _fernet.decrypt(_encrypted)
+        _TEMPLATE_DATA = json.loads(_decrypted.decode("utf-8"))
+        logger.info(f"Loaded encrypted template data ({len(_decrypted) // 1024} KB)")
+    elif os.path.exists(_json_path):
+        # Local dev fallback: load plain JSON
+        with open(_json_path, "r", encoding="utf-8") as f:
+            _TEMPLATE_DATA = json.load(f)
+        logger.info(f"Loaded template data from JSON ({os.path.getsize(_json_path) // 1024} KB)")
+    else:
+        logger.warning("No template data file found — /api/template will be unavailable")
+except Exception as e:
+    logger.error(f"Failed to load template data: {e}")
+    _TEMPLATE_DATA = None
+
+
+@app.get("/api/template")
+async def get_template(user: str = Depends(get_current_user)):
+    """Serves the template structure. Requires authentication."""
+    if _TEMPLATE_DATA is None:
+        raise HTTPException(status_code=500, detail="Template data not available")
+    return _TEMPLATE_DATA
+
+
+@app.get("/api/health")
+async def health_check():
+    return {"status": "ok", "model": GROQ_MODEL}
+
+
+@app.post("/api/generate")
+@limiter.limit("10/minute")
+async def generate_note(request: Request, data: GenerateRequest, user: str = Depends(get_current_user)):
+    if not GROQ_API_KEYS:
+        raise HTTPException(
+            status_code=500,
+            detail="No Groq API keys configured. Please set GROQ_API_KEYS in .env file.",
+        )
+
+    user_message = build_user_message(data)
+
+    if not user_message.strip():
+        raise HTTPException(
+            status_code=400,
+            detail="No selections provided. Please fill in at least one section.",
+        )
+
+    logger.info(f"Generating note for '{user}' - payload size: {len(user_message)} chars")
+
+    messages = [
+        {"role": "system", "content": SYSTEM_PROMPT},
+        {
+            "role": "user",
+            "content": f"Convert the following OT daily note selections into a polished, professional Med A-compliant clinical narrative:\n\n{user_message}",
+        },
+    ]
+
+    last_error = None
+
+    # Try each API key in order — rotate on rate limit or auth errors
+    for i, api_key in enumerate(GROQ_API_KEYS):
+        try:
+            key_label = f"key #{i + 1}/{len(GROQ_API_KEYS)}"
+            logger.info(f"Attempting generation with {key_label}")
+
+            http_client = httpx.Client()
+            client = Groq(api_key=api_key, http_client=http_client)
+            chat_completion = client.chat.completions.create(
+                messages=messages,
+                model=GROQ_MODEL,
+                temperature=0.7,
+                max_tokens=4096,
+                top_p=0.9,
+            )
+
+            generated_text = chat_completion.choices[0].message.content
+            logger.info(f"Generation succeeded with {key_label}")
+
+            return {
+                "success": True,
+                "note": generated_text,
+                "model": GROQ_MODEL,
+                "usage": {
+                    "prompt_tokens": chat_completion.usage.prompt_tokens,
+                    "completion_tokens": chat_completion.usage.completion_tokens,
+                },
+            }
+
+        except Exception as e:
+            last_error = str(e)
+            error_lower = last_error.lower()
+            # If it's a rate limit or auth error, try the next key
+            if "rate_limit" in error_lower or "429" in error_lower or "quota" in error_lower or "limit" in error_lower:
+                logger.warning(f"{key_label} hit rate limit, trying next key...")
+                continue
+            elif "401" in error_lower or "invalid" in error_lower or "auth" in error_lower:
+                logger.warning(f"{key_label} auth error, trying next key...")
+                continue
+            else:
+                # Non-recoverable error — don't try other keys
+                logger.error(f"Groq API error (non-recoverable): {last_error}")
+                raise HTTPException(status_code=502, detail=f"AI generation failed: {last_error}")
+
+    # All keys exhausted
+    logger.error(f"All {len(GROQ_API_KEYS)} API keys exhausted. Last error: {last_error}")
+    raise HTTPException(
+        status_code=502,
+        detail="All API keys have been rate-limited. Please wait a moment and try again.",
+    )
+
+
+# ---------------------------------------------------------------------------
+# Static file serving (production — serves built React app)
+# ---------------------------------------------------------------------------
+
+from fastapi.staticfiles import StaticFiles
+from fastapi.responses import FileResponse
+
+_static_dir = os.path.join(os.path.dirname(__file__), "static")
+
+if os.path.isdir(_static_dir):
+    # Serve static assets (JS, CSS, images)
+    app.mount("/assets", StaticFiles(directory=os.path.join(_static_dir, "assets")), name="assets")
+
+    # SPA fallback — serve index.html for all non-API routes
+    @app.get("/{path:path}")
+    async def serve_spa(path: str):
+        # If the file exists in static dir, serve it
+        file_path = os.path.join(_static_dir, path)
+        if os.path.isfile(file_path):
+            return FileResponse(file_path)
+        # Otherwise serve index.html (SPA routing)
+        return FileResponse(os.path.join(_static_dir, "index.html"))
+
+    logger.info(f"Serving frontend from {_static_dir}")
+else:
+    logger.info("No static directory found — running in API-only mode")
+
+
+# ---------------------------------------------------------------------------
+# Entry point
+# ---------------------------------------------------------------------------
+
+if __name__ == "__main__":
+    import uvicorn
+
+    port = int(os.getenv("PORT", "7860"))
+    uvicorn.run("main:app", host="0.0.0.0", port=port, reload=True)

backend/requirements.txt

@@ -0,0 +1,9 @@
+fastapi==0.115.0
+uvicorn[standard]==0.30.0
+python-dotenv==1.0.1
+groq==0.9.0
+pydantic==2.9.0
+python-multipart==0.0.9
+slowapi==0.1.9
+httpx==0.27.0
+cryptography==42.0.0

frontend/.gitignore

@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?

frontend/README.md

@@ -0,0 +1,16 @@
+# React + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Oxc](https://oxc.rs)
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/)
+
+## React Compiler
+
+The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project.

frontend/eslint.config.js

@@ -0,0 +1,29 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import { defineConfig, globalIgnores } from 'eslint/config'
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{js,jsx}'],
+    extends: [
+      js.configs.recommended,
+      reactHooks.configs.flat.recommended,
+      reactRefresh.configs.vite,
+    ],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+      parserOptions: {
+        ecmaVersion: 'latest',
+        ecmaFeatures: { jsx: true },
+        sourceType: 'module',
+      },
+    },
+    rules: {
+      'no-unused-vars': ['error', { varsIgnorePattern: '^[A-Z_]' }],
+    },
+  },
+])

frontend/index.html

@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en" data-theme="dark">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="SNF Occupational Therapy Daily Progress Note Builder - AI-powered clinical documentation tool" />
+    <meta name="theme-color" content="#10b981" />
+    <link rel="icon" type="image/svg+xml" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2310b981'%3E%3Cpath d='M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5'/%3E%3C/svg%3E" />
+    <title>OT NoteBuilder — Clinical Documentation Tool</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.jsx"></script>
+  </body>
+</html>

frontend/package-lock.json

@@ -0,0 +1,2639 @@
+{
+  "name": "frontend",
+  "version": "0.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "frontend",
+      "version": "0.0.0",
+      "dependencies": {
+        "lucide-react": "^1.8.0",
+        "react": "^19.2.4",
+        "react-dom": "^19.2.4",
+        "react-hot-toast": "^2.6.0"
+      },
+      "devDependencies": {
+        "@eslint/js": "^9.39.4",
+        "@types/react": "^19.2.14",
+        "@types/react-dom": "^19.2.3",
+        "@vitejs/plugin-react": "^6.0.1",
+        "eslint": "^9.39.4",
+        "eslint-plugin-react-hooks": "^7.0.1",
+        "eslint-plugin-react-refresh": "^0.5.2",
+        "globals": "^17.4.0",
+        "vite": "^8.0.4"
+      }
+    },
+    "node_modules/@babel/code-frame": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.0.tgz",
+      "integrity": "sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-validator-identifier": "^7.28.5",
+        "js-tokens": "^4.0.0",
+        "picocolors": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/compat-data": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.0.tgz",
+      "integrity": "sha512-T1NCJqT/j9+cn8fvkt7jtwbLBfLC/1y1c7NtCeXFRgzGTsafi68MRv8yzkYSapBnFA6L3U2VSc02ciDzoAJhJg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/core": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.0.tgz",
+      "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.0",
+        "@babel/generator": "^7.29.0",
+        "@babel/helper-compilation-targets": "^7.28.6",
+        "@babel/helper-module-transforms": "^7.28.6",
+        "@babel/helpers": "^7.28.6",
+        "@babel/parser": "^7.29.0",
+        "@babel/template": "^7.28.6",
+        "@babel/traverse": "^7.29.0",
+        "@babel/types": "^7.29.0",
+        "@jridgewell/remapping": "^2.3.5",
+        "convert-source-map": "^2.0.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.2",
+        "json5": "^2.2.3",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/babel"
+      }
+    },
+    "node_modules/@babel/generator": {
+      "version": "7.29.1",
+      "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.1.tgz",
+      "integrity": "sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.29.0",
+        "@babel/types": "^7.29.0",
+        "@jridgewell/gen-mapping": "^0.3.12",
+        "@jridgewell/trace-mapping": "^0.3.28",
+        "jsesc": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-compilation-targets": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.28.6.tgz",
+      "integrity": "sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/compat-data": "^7.28.6",
+        "@babel/helper-validator-option": "^7.27.1",
+        "browserslist": "^4.24.0",
+        "lru-cache": "^5.1.1",
+        "semver": "^6.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-globals": {
+      "version": "7.28.0",
+      "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.28.0.tgz",
+      "integrity": "sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-imports": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.28.6.tgz",
+      "integrity": "sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/traverse": "^7.28.6",
+        "@babel/types": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-module-transforms": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.28.6.tgz",
+      "integrity": "sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-module-imports": "^7.28.6",
+        "@babel/helper-validator-identifier": "^7.28.5",
+        "@babel/traverse": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      },
+      "peerDependencies": {
+        "@babel/core": "^7.0.0"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
+      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-option": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.27.1.tgz",
+      "integrity": "sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helpers": {
+      "version": "7.29.2",
+      "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.29.2.tgz",
+      "integrity": "sha512-HoGuUs4sCZNezVEKdVcwqmZN8GoHirLUcLaYVNBK2J0DadGtdcqgr3BCbvH8+XUo4NGjNl3VOtSjEKNzqfFgKw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/template": "^7.28.6",
+        "@babel/types": "^7.29.0"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.29.2",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.2.tgz",
+      "integrity": "sha512-4GgRzy/+fsBa72/RZVJmGKPmZu9Byn8o4MoLpmNe1m8ZfYnz5emHLQz3U4gLud6Zwl0RZIcgiLD7Uq7ySFuDLA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.29.0"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/template": {
+      "version": "7.28.6",
+      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.28.6.tgz",
+      "integrity": "sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.28.6",
+        "@babel/parser": "^7.28.6",
+        "@babel/types": "^7.28.6"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/traverse": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.0.tgz",
+      "integrity": "sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.29.0",
+        "@babel/generator": "^7.29.0",
+        "@babel/helper-globals": "^7.28.0",
+        "@babel/parser": "^7.29.0",
+        "@babel/template": "^7.28.6",
+        "@babel/types": "^7.29.0",
+        "debug": "^4.3.1"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.29.0",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.0.tgz",
+      "integrity": "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.28.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@emnapi/core": {
+      "version": "1.9.2",
+      "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.9.2.tgz",
+      "integrity": "sha512-UC+ZhH3XtczQYfOlu3lNEkdW/p4dsJ1r/bP7H8+rhao3TTTMO1ATq/4DdIi23XuGoFY+Cz0JmCbdVl0hz9jZcA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/wasi-threads": "1.2.1",
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/runtime": {
+      "version": "1.9.2",
+      "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.9.2.tgz",
+      "integrity": "sha512-3U4+MIWHImeyu1wnmVygh5WlgfYDtyf0k8AbLhMFxOipihf6nrWC4syIm/SwEeec0mNSafiiNnMJwbza/Is6Lw==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@emnapi/wasi-threads": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.1.tgz",
+      "integrity": "sha512-uTII7OYF+/Mes/MrcIOYp5yOtSMLBWSIoLPpcgwipoiKbli6k322tcoFsxoIIxPDqW01SQGAgko4EzZi2BNv2w==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@eslint-community/eslint-utils": {
+      "version": "4.9.1",
+      "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.1.tgz",
+      "integrity": "sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==",
+      "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/eslint-utils/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-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/config-array": {
+      "version": "0.21.2",
+      "resolved": "https://registry.npmjs.org/@eslint/config-array/-/config-array-0.21.2.tgz",
+      "integrity": "sha512-nJl2KGTlrf9GjLimgIru+V/mzgSK0ABCDQRvxw5BjURL7WfH5uoWmizbH7QB6MmnMBd8cIC9uceWnezL1VZWWw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/object-schema": "^2.1.7",
+        "debug": "^4.3.1",
+        "minimatch": "^3.1.5"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/config-helpers": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/@eslint/config-helpers/-/config-helpers-0.4.2.tgz",
+      "integrity": "sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/core": "^0.17.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/core": {
+      "version": "0.17.0",
+      "resolved": "https://registry.npmjs.org/@eslint/core/-/core-0.17.0.tgz",
+      "integrity": "sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@types/json-schema": "^7.0.15"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/eslintrc": {
+      "version": "3.3.5",
+      "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.5.tgz",
+      "integrity": "sha512-4IlJx0X0qftVsN5E+/vGujTRIFtwuLbNsVUe7TO6zYPDR1O6nFwvwhIKEKSrl6dZchmYBITazxKoUYOjdtjlRg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ajv": "^6.14.0",
+        "debug": "^4.3.2",
+        "espree": "^10.0.1",
+        "globals": "^14.0.0",
+        "ignore": "^5.2.0",
+        "import-fresh": "^3.2.1",
+        "js-yaml": "^4.1.1",
+        "minimatch": "^3.1.5",
+        "strip-json-comments": "^3.1.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/@eslint/eslintrc/node_modules/globals": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-14.0.0.tgz",
+      "integrity": "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/@eslint/js": {
+      "version": "9.39.4",
+      "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.4.tgz",
+      "integrity": "sha512-nE7DEIchvtiFTwBw4Lfbu59PG+kCofhjsKaCWzxTpt4lfRjRMqG6uMBzKXuEcyXhOHoUp9riAm7/aWYGhXZ9cw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://eslint.org/donate"
+      }
+    },
+    "node_modules/@eslint/object-schema": {
+      "version": "2.1.7",
+      "resolved": "https://registry.npmjs.org/@eslint/object-schema/-/object-schema-2.1.7.tgz",
+      "integrity": "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@eslint/plugin-kit": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/@eslint/plugin-kit/-/plugin-kit-0.4.1.tgz",
+      "integrity": "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@eslint/core": "^0.17.0",
+        "levn": "^0.4.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      }
+    },
+    "node_modules/@humanfs/core": {
+      "version": "0.19.1",
+      "resolved": "https://registry.npmjs.org/@humanfs/core/-/core-0.19.1.tgz",
+      "integrity": "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "node_modules/@humanfs/node": {
+      "version": "0.16.7",
+      "resolved": "https://registry.npmjs.org/@humanfs/node/-/node-0.16.7.tgz",
+      "integrity": "sha512-/zUx+yOsIrG4Y43Eh2peDeKCxlRt/gET6aHfaKpuq267qXdYDFViVHfMaLyygZOnl0kGWxFIgsBy8QFuTLUXEQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@humanfs/core": "^0.19.1",
+        "@humanwhocodes/retry": "^0.4.0"
+      },
+      "engines": {
+        "node": ">=18.18.0"
+      }
+    },
+    "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/retry": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/@humanwhocodes/retry/-/retry-0.4.3.tgz",
+      "integrity": "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=18.18"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/nzakas"
+      }
+    },
+    "node_modules/@jridgewell/gen-mapping": {
+      "version": "0.3.13",
+      "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.13.tgz",
+      "integrity": "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.0",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "node_modules/@jridgewell/remapping": {
+      "version": "2.3.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/remapping/-/remapping-2.3.5.tgz",
+      "integrity": "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/gen-mapping": "^0.3.5",
+        "@jridgewell/trace-mapping": "^0.3.24"
+      }
+    },
+    "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.31",
+      "resolved": "https://registry.npmjs.org/@jridgewell/trace-mapping/-/trace-mapping-0.3.31.tgz",
+      "integrity": "sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/resolve-uri": "^3.1.0",
+        "@jridgewell/sourcemap-codec": "^1.4.14"
+      }
+    },
+    "node_modules/@napi-rs/wasm-runtime": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.1.3.tgz",
+      "integrity": "sha512-xK9sGVbJWYb08+mTJt3/YV24WxvxpXcXtP6B172paPZ+Ts69Re9dAr7lKwJoeIx8OoeuimEiRZ7umkiUVClmmQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@tybys/wasm-util": "^0.10.1"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/Brooooooklyn"
+      },
+      "peerDependencies": {
+        "@emnapi/core": "^1.7.1",
+        "@emnapi/runtime": "^1.7.1"
+      }
+    },
+    "node_modules/@oxc-project/types": {
+      "version": "0.124.0",
+      "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.124.0.tgz",
+      "integrity": "sha512-VBFWMTBvHxS11Z5Lvlr3IWgrwhMTXV+Md+EQF0Xf60+wAdsGFTBx7X7K/hP4pi8N7dcm1RvcHwDxZ16Qx8keUg==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/Boshen"
+      }
+    },
+    "node_modules/@rolldown/binding-android-arm64": {
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.0.0-rc.15.tgz",
+      "integrity": "sha512-YYe6aWruPZDtHNpwu7+qAHEMbQ/yRl6atqb/AhznLTnD3UY99Q1jE7ihLSahNWkF4EqRPVC4SiR4O0UkLK02tA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-darwin-arm64": {
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.0.0-rc.15.tgz",
+      "integrity": "sha512-oArR/ig8wNTPYsXL+Mzhs0oxhxfuHRfG7Ikw7jXsw8mYOtk71W0OkF2VEVh699pdmzjPQsTjlD1JIOoHkLP1Fg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-darwin-x64": {
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.0.0-rc.15.tgz",
+      "integrity": "sha512-YzeVqOqjPYvUbJSWJ4EDL8ahbmsIXQpgL3JVipmN+MX0XnXMeWomLN3Fb+nwCmP/jfyqte5I3XRSm7OfQrbyxw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-freebsd-x64": {
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.0.0-rc.15.tgz",
+      "integrity": "sha512-9Erhx956jeQ0nNTyif1+QWAXDRD38ZNjr//bSHrt6wDwB+QkAfl2q6Mn1k6OBPerznjRmbM10lgRb1Pli4xZPw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-arm-gnueabihf": {
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.0.0-rc.15.tgz",
+      "integrity": "sha512-cVwk0w8QbZJGTnP/AHQBs5yNwmpgGYStL88t4UIaqcvYJWBfS0s3oqVLZPwsPU6M0zlW4GqjP0Zq5MnAGwFeGA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-arm64-gnu": {
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.0.0-rc.15.tgz",
+      "integrity": "sha512-eBZ/u8iAK9SoHGanqe/jrPnY0JvBN6iXbVOsbO38mbz+ZJsaobExAm1Iu+rxa4S1l2FjG0qEZn4Rc6X8n+9M+w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-arm64-musl": {
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.0.0-rc.15.tgz",
+      "integrity": "sha512-ZvRYMGrAklV9PEkgt4LQM6MjQX2P58HPAuecwYObY2DhS2t35R0I810bKi0wmaYORt6m/2Sm+Z+nFgb0WhXNcQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-ppc64-gnu": {
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.0.0-rc.15.tgz",
+      "integrity": "sha512-VDpgGBzgfg5hLg+uBpCLoFG5kVvEyafmfxGUV0UHLcL5irxAK7PKNeC2MwClgk6ZAiNhmo9FLhRYgvMmedLtnQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-s390x-gnu": {
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.0.0-rc.15.tgz",
+      "integrity": "sha512-y1uXY3qQWCzcPgRJATPSOUP4tCemh4uBdY7e3EZbVwCJTY3gLJWnQABgeUetvED+bt1FQ01OeZwvhLS2bpNrAQ==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-x64-gnu": {
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.0.0-rc.15.tgz",
+      "integrity": "sha512-023bTPBod7J3Y/4fzAN6QtpkSABR0rigtrwaP+qSEabUh5zf6ELr9Nc7GujaROuPY3uwdSIXWrvhn1KxOvurWA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-linux-x64-musl": {
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.0.0-rc.15.tgz",
+      "integrity": "sha512-witB2O0/hU4CgfOOKUoeFgQ4GktPi1eEbAhaLAIpgD6+ZnhcPkUtPsoKKHRzmOoWPZue46IThdSgdo4XneOLYw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-openharmony-arm64": {
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.0.0-rc.15.tgz",
+      "integrity": "sha512-UCL68NJ0Ud5zRipXZE9dF5PmirzJE4E4BCIOOssEnM7wLDsxjc6Qb0sGDxTNRTP53I6MZpygyCpY8Aa8sPfKPg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-wasm32-wasi": {
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.0.0-rc.15.tgz",
+      "integrity": "sha512-ApLruZq/ig+nhaE7OJm4lDjayUnOHVUa77zGeqnqZ9pn0ovdVbbNPerVibLXDmWeUZXjIYIT8V3xkT58Rm9u5Q==",
+      "cpu": [
+        "wasm32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@emnapi/core": "1.9.2",
+        "@emnapi/runtime": "1.9.2",
+        "@napi-rs/wasm-runtime": "^1.1.3"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      }
+    },
+    "node_modules/@rolldown/binding-win32-arm64-msvc": {
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.0.0-rc.15.tgz",
+      "integrity": "sha512-KmoUoU7HnN+Si5YWJigfTws1jz1bKBYDQKdbLspz0UaqjjFkddHsqorgiW1mxcAj88lYUE6NC/zJNwT+SloqtA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/binding-win32-x64-msvc": {
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.0.0-rc.15.tgz",
+      "integrity": "sha512-3P2A8L+x75qavWLe/Dll3EYBJLQmtkJN8rfh+U/eR3MqMgL/h98PhYI+JFfXuDPgPeCB7iZAKiqii5vqOvnA0g==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      }
+    },
+    "node_modules/@rolldown/pluginutils": {
+      "version": "1.0.0-rc.7",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.7.tgz",
+      "integrity": "sha512-qujRfC8sFVInYSPPMLQByRh7zhwkGFS4+tyMQ83srV1qrxL4g8E2tyxVVyxd0+8QeBM1mIk9KbWxkegRr76XzA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@tybys/wasm-util": {
+      "version": "0.10.1",
+      "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.1.tgz",
+      "integrity": "sha512-9tTaPJLSiejZKx+Bmog4uSubteqTvFrVrURwkmHixBo0G4seD0zUxp98E1DzUBJxLQ3NPwXrGKDiVjwx/DpPsg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "tslib": "^2.4.0"
+      }
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
+      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+      "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/react": {
+      "version": "19.2.14",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.14.tgz",
+      "integrity": "sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "csstype": "^3.2.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "19.2.3",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.3.tgz",
+      "integrity": "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "^19.2.0"
+      }
+    },
+    "node_modules/@vitejs/plugin-react": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-react/-/plugin-react-6.0.1.tgz",
+      "integrity": "sha512-l9X/E3cDb+xY3SWzlG1MOGt2usfEHGMNIaegaUGFsLkb3RCn/k8/TOXBcab+OndDI4TBtktT8/9BwwW8Vi9KUQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@rolldown/pluginutils": "1.0.0-rc.7"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "peerDependencies": {
+        "@rolldown/plugin-babel": "^0.1.7 || ^0.2.0",
+        "babel-plugin-react-compiler": "^1.0.0",
+        "vite": "^8.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@rolldown/plugin-babel": {
+          "optional": true
+        },
+        "babel-plugin-react-compiler": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/acorn": {
+      "version": "8.16.0",
+      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz",
+      "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==",
+      "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.14.0",
+      "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.14.0.tgz",
+      "integrity": "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw==",
+      "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-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/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/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.10.18",
+      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.18.tgz",
+      "integrity": "sha512-VSnGQAOLtP5mib/DPyg2/t+Tlv65NTBz83BJBJvmLVHHuKJVaDOBvJJykiT5TR++em5nfAySPccDZDa4oSrn8A==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "bin": {
+        "baseline-browser-mapping": "dist/cli.cjs"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/brace-expansion": {
+      "version": "1.1.14",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.14.tgz",
+      "integrity": "sha512-MWPGfDxnyzKU7rNOW9SP/c50vi3xrmrua/+6hfPbCS2ABNWfx24vPidzvC7krjU/RTo235sV776ymlsMtGKj8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "node_modules/browserslist": {
+      "version": "4.28.2",
+      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.2.tgz",
+      "integrity": "sha512-48xSriZYYg+8qXna9kwqjIVzuQxi+KYWp2+5nCYnYKPTr0LvD89Jqk2Or5ogxz0NUMfIjhh2lIUX/LyX9B4oIg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "baseline-browser-mapping": "^2.10.12",
+        "caniuse-lite": "^1.0.30001782",
+        "electron-to-chromium": "^1.5.328",
+        "node-releases": "^2.0.36",
+        "update-browserslist-db": "^1.2.3"
+      },
+      "bin": {
+        "browserslist": "cli.js"
+      },
+      "engines": {
+        "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/caniuse-lite": {
+      "version": "1.0.30001787",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001787.tgz",
+      "integrity": "sha512-mNcrMN9KeI68u7muanUpEejSLghOKlVhRqS/Za2IeyGllJ9I9otGpR9g3nsw7n4W378TE/LyIteA0+/FOZm4Kg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/caniuse-lite"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "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/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/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",
+      "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==",
+      "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/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "license": "MIT"
+    },
+    "node_modules/debug": {
+      "version": "4.4.3",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
+      "integrity": "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.1.3"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "peerDependenciesMeta": {
+        "supports-color": {
+          "optional": true
+        }
+      }
+    },
+    "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/detect-libc": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-2.1.2.tgz",
+      "integrity": "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/electron-to-chromium": {
+      "version": "1.5.335",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.335.tgz",
+      "integrity": "sha512-q9n5T4BR4Xwa2cwbrwcsDJtHD/enpQ5S1xF1IAtdqf5AAgqDFmR/aakqH3ChFdqd/QXJhS3rnnXFtexU7rax6Q==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "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": "9.39.4",
+      "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.4.tgz",
+      "integrity": "sha512-XoMjdBOwe/esVgEvLmNsD3IRHkm7fbKIUGvrleloJXUZgDHig2IPWNniv+GwjyJXzuNqVjlr5+4yVUZjycJwfQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@eslint-community/eslint-utils": "^4.8.0",
+        "@eslint-community/regexpp": "^4.12.1",
+        "@eslint/config-array": "^0.21.2",
+        "@eslint/config-helpers": "^0.4.2",
+        "@eslint/core": "^0.17.0",
+        "@eslint/eslintrc": "^3.3.5",
+        "@eslint/js": "9.39.4",
+        "@eslint/plugin-kit": "^0.4.1",
+        "@humanfs/node": "^0.16.6",
+        "@humanwhocodes/module-importer": "^1.0.1",
+        "@humanwhocodes/retry": "^0.4.2",
+        "@types/estree": "^1.0.6",
+        "ajv": "^6.14.0",
+        "chalk": "^4.0.0",
+        "cross-spawn": "^7.0.6",
+        "debug": "^4.3.2",
+        "escape-string-regexp": "^4.0.0",
+        "eslint-scope": "^8.4.0",
+        "eslint-visitor-keys": "^4.2.1",
+        "espree": "^10.4.0",
+        "esquery": "^1.5.0",
+        "esutils": "^2.0.2",
+        "fast-deep-equal": "^3.1.3",
+        "file-entry-cache": "^8.0.0",
+        "find-up": "^5.0.0",
+        "glob-parent": "^6.0.2",
+        "ignore": "^5.2.0",
+        "imurmurhash": "^0.1.4",
+        "is-glob": "^4.0.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "lodash.merge": "^4.6.2",
+        "minimatch": "^3.1.5",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.9.3"
+      },
+      "bin": {
+        "eslint": "bin/eslint.js"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://eslint.org/donate"
+      },
+      "peerDependencies": {
+        "jiti": "*"
+      },
+      "peerDependenciesMeta": {
+        "jiti": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/eslint-plugin-react-hooks": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-hooks/-/eslint-plugin-react-hooks-7.0.1.tgz",
+      "integrity": "sha512-O0d0m04evaNzEPoSW+59Mezf8Qt0InfgGIBJnpC0h3NH/WjUAR7BIKUfysC6todmtiZ/A0oUVS8Gce0WhBrHsA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/core": "^7.24.4",
+        "@babel/parser": "^7.24.4",
+        "hermes-parser": "^0.25.1",
+        "zod": "^3.25.0 || ^4.0.0",
+        "zod-validation-error": "^3.5.0 || ^4.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      },
+      "peerDependencies": {
+        "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0"
+      }
+    },
+    "node_modules/eslint-plugin-react-refresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/eslint-plugin-react-refresh/-/eslint-plugin-react-refresh-0.5.2.tgz",
+      "integrity": "sha512-hmgTH57GfzoTFjVN0yBwTggnsVUF2tcqi7RJZHqi9lIezSs4eFyAMktA68YD4r5kNw1mxyY4dmkyoFDb3FIqrA==",
+      "dev": true,
+      "license": "MIT",
+      "peerDependencies": {
+        "eslint": "^9 || ^10"
+      }
+    },
+    "node_modules/eslint-scope": {
+      "version": "8.4.0",
+      "resolved": "https://registry.npmjs.org/eslint-scope/-/eslint-scope-8.4.0.tgz",
+      "integrity": "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esrecurse": "^4.3.0",
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/eslint-visitor-keys": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-4.2.1.tgz",
+      "integrity": "sha512-Uhdk5sfqcee/9H/rCOJikYz67o0a2Tw2hGRPOG2Y1R2dg7brRe1uG0yaNQDHu+TO/uQPF/5eCapvYSmHUjt7JQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/espree": {
+      "version": "10.4.0",
+      "resolved": "https://registry.npmjs.org/espree/-/espree-10.4.0.tgz",
+      "integrity": "sha512-j6PAQ2uUr79PZhBjP5C5fhl8e39FmRnOjsD5lGnWrFU8i2G776tBK7+nP8KuQUTTyAZUwfQqXAgrVH5MbH9CYQ==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "acorn": "^8.15.0",
+        "acorn-jsx": "^5.3.2",
+        "eslint-visitor-keys": "^4.2.1"
+      },
+      "engines": {
+        "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
+      },
+      "funding": {
+        "url": "https://opencollective.com/eslint"
+      }
+    },
+    "node_modules/esquery": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.7.0.tgz",
+      "integrity": "sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==",
+      "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": "BSD-2-Clause",
+      "dependencies": {
+        "estraverse": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "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,
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "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": "BSD-2-Clause",
+      "engines": {
+        "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-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/fdir": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/fdir/-/fdir-6.5.0.tgz",
+      "integrity": "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "peerDependencies": {
+        "picomatch": "^3 || ^4"
+      },
+      "peerDependenciesMeta": {
+        "picomatch": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/file-entry-cache": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
+      "integrity": "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flat-cache": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=16.0.0"
+      }
+    },
+    "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": "4.0.1",
+      "resolved": "https://registry.npmjs.org/flat-cache/-/flat-cache-4.0.1.tgz",
+      "integrity": "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "flatted": "^3.2.9",
+        "keyv": "^4.5.4"
+      },
+      "engines": {
+        "node": ">=16"
+      }
+    },
+    "node_modules/flatted": {
+      "version": "3.4.2",
+      "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.4.2.tgz",
+      "integrity": "sha512-PjDse7RzhcPkIJwy5t7KPWQSZ9cAbzQXcafsetQoD7sOJRQlGikNbx7yZp2OotDnJyrDcbyRq3Ttb18iYOqkxA==",
+      "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/gensync": {
+      "version": "1.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/gensync/-/gensync-1.0.0-beta.2.tgz",
+      "integrity": "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/glob-parent": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
+      "integrity": "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "is-glob": "^4.0.3"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      }
+    },
+    "node_modules/globals": {
+      "version": "17.5.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-17.5.0.tgz",
+      "integrity": "sha512-qoV+HK2yFl/366t2/Cb3+xxPUo5BuMynomoDmiaZBIdbs+0pYbjfZU+twLhGKp4uCZ/+NbtpVepH5bGCxRyy2g==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18"
+      },
+      "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/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/hermes-estree": {
+      "version": "0.25.1",
+      "resolved": "https://registry.npmjs.org/hermes-estree/-/hermes-estree-0.25.1.tgz",
+      "integrity": "sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/hermes-parser": {
+      "version": "0.25.1",
+      "resolved": "https://registry.npmjs.org/hermes-parser/-/hermes-parser-0.25.1.tgz",
+      "integrity": "sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "hermes-estree": "0.25.1"
+      }
+    },
+    "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/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/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/js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
+      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
+      "dev": true,
+      "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",
+      "integrity": "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "jsesc": "bin/jsesc"
+      },
+      "engines": {
+        "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",
+      "integrity": "sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==",
+      "dev": true,
+      "license": "MIT",
+      "bin": {
+        "json5": "lib/cli.js"
+      },
+      "engines": {
+        "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/lightningcss": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss/-/lightningcss-1.32.0.tgz",
+      "integrity": "sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ==",
+      "dev": true,
+      "license": "MPL-2.0",
+      "dependencies": {
+        "detect-libc": "^2.0.3"
+      },
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "lightningcss-android-arm64": "1.32.0",
+        "lightningcss-darwin-arm64": "1.32.0",
+        "lightningcss-darwin-x64": "1.32.0",
+        "lightningcss-freebsd-x64": "1.32.0",
+        "lightningcss-linux-arm-gnueabihf": "1.32.0",
+        "lightningcss-linux-arm64-gnu": "1.32.0",
+        "lightningcss-linux-arm64-musl": "1.32.0",
+        "lightningcss-linux-x64-gnu": "1.32.0",
+        "lightningcss-linux-x64-musl": "1.32.0",
+        "lightningcss-win32-arm64-msvc": "1.32.0",
+        "lightningcss-win32-x64-msvc": "1.32.0"
+      }
+    },
+    "node_modules/lightningcss-android-arm64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-android-arm64/-/lightningcss-android-arm64-1.32.0.tgz",
+      "integrity": "sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-arm64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-arm64/-/lightningcss-darwin-arm64-1.32.0.tgz",
+      "integrity": "sha512-RzeG9Ju5bag2Bv1/lwlVJvBE3q6TtXskdZLLCyfg5pt+HLz9BqlICO7LZM7VHNTTn/5PRhHFBSjk5lc4cmscPQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-darwin-x64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-darwin-x64/-/lightningcss-darwin-x64-1.32.0.tgz",
+      "integrity": "sha512-U+QsBp2m/s2wqpUYT/6wnlagdZbtZdndSmut/NJqlCcMLTWp5muCrID+K5UJ6jqD2BFshejCYXniPDbNh73V8w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-freebsd-x64": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-freebsd-x64/-/lightningcss-freebsd-x64-1.32.0.tgz",
+      "integrity": "sha512-JCTigedEksZk3tHTTthnMdVfGf61Fky8Ji2E4YjUTEQX14xiy/lTzXnu1vwiZe3bYe0q+SpsSH/CTeDXK6WHig==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm-gnueabihf": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm-gnueabihf/-/lightningcss-linux-arm-gnueabihf-1.32.0.tgz",
+      "integrity": "sha512-x6rnnpRa2GL0zQOkt6rts3YDPzduLpWvwAF6EMhXFVZXD4tPrBkEFqzGowzCsIWsPjqSK+tyNEODUBXeeVHSkw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-gnu": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-gnu/-/lightningcss-linux-arm64-gnu-1.32.0.tgz",
+      "integrity": "sha512-0nnMyoyOLRJXfbMOilaSRcLH3Jw5z9HDNGfT/gwCPgaDjnx0i8w7vBzFLFR1f6CMLKF8gVbebmkUN3fa/kQJpQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-arm64-musl": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-arm64-musl/-/lightningcss-linux-arm64-musl-1.32.0.tgz",
+      "integrity": "sha512-UpQkoenr4UJEzgVIYpI80lDFvRmPVg6oqboNHfoH4CQIfNA+HOrZ7Mo7KZP02dC6LjghPQJeBsvXhJod/wnIBg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-gnu": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-gnu/-/lightningcss-linux-x64-gnu-1.32.0.tgz",
+      "integrity": "sha512-V7Qr52IhZmdKPVr+Vtw8o+WLsQJYCTd8loIfpDaMRWGUZfBOYEJeyJIkqGIDMZPwPx24pUMfwSxxI8phr/MbOA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-linux-x64-musl": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-linux-x64-musl/-/lightningcss-linux-x64-musl-1.32.0.tgz",
+      "integrity": "sha512-bYcLp+Vb0awsiXg/80uCRezCYHNg1/l3mt0gzHnWV9XP1W5sKa5/TCdGWaR/zBM2PeF/HbsQv/j2URNOiVuxWg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-arm64-msvc": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-arm64-msvc/-/lightningcss-win32-arm64-msvc-1.32.0.tgz",
+      "integrity": "sha512-8SbC8BR40pS6baCM8sbtYDSwEVQd4JlFTOlaD3gWGHfThTcABnNDBda6eTZeqbofalIJhFx0qKzgHJmcPTnGdw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/lightningcss-win32-x64-msvc": {
+      "version": "1.32.0",
+      "resolved": "https://registry.npmjs.org/lightningcss-win32-x64-msvc/-/lightningcss-win32-x64-msvc-1.32.0.tgz",
+      "integrity": "sha512-Amq9B/SoZYdDi1kFrojnoqPLxYhQ4Wo5XiL8EVJrVsB8ARoC1PWW6VGtT0WKCemjy8aC+louJnjS7U18x3b06Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MPL-2.0",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 12.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "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/lru-cache": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
+      "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "yallist": "^3.0.2"
+      }
+    },
+    "node_modules/lucide-react": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/lucide-react/-/lucide-react-1.8.0.tgz",
+      "integrity": "sha512-WuvlsjngSk7TnTBJ1hsCy3ql9V9VOdcPkd3PKcSmM34vJD8KG6molxz7m7zbYFgICwsanQWmJ13JlYs4Zp7Arw==",
+      "license": "ISC",
+      "peerDependencies": {
+        "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/minimatch": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-3.1.5.tgz",
+      "integrity": "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "brace-expansion": "^1.1.7"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "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==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "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.37",
+      "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.37.tgz",
+      "integrity": "sha512-1h5gKZCF+pO/o3Iqt5Jp7wc9rH3eJJ0+nh/CIoiRwjRxde/hAHyLPXYN4V3CqKAbiZPSeJFSWHmJsbkicta0Eg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "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-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/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "4.0.4",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz",
+      "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.9",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.9.tgz",
+      "integrity": "sha512-7a70Nsot+EMX9fFU3064K/kdHWZqGVY+BADLyXc8Dfv+mTLLVl6JzJpPaCZ2kQL9gIJvKXSLMHhqdRRjwQeFtw==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "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/react": {
+      "version": "19.2.5",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.2.5.tgz",
+      "integrity": "sha512-llUJLzz1zTUBrskt2pwZgLq59AemifIftw4aB7JxOqf1HY2FDaGDxgwpAPVzHU1kdWabH7FauP4i1oEeer2WCA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "19.2.5",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.5.tgz",
+      "integrity": "sha512-J5bAZz+DXMMwW/wV3xzKke59Af6CHY7G4uYLN1OvBcKEsWOs4pQExj86BBKamxl/Ik5bx9whOrvBlSDfWzgSag==",
+      "license": "MIT",
+      "dependencies": {
+        "scheduler": "^0.27.0"
+      },
+      "peerDependencies": {
+        "react": "^19.2.5"
+      }
+    },
+    "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/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/rolldown": {
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.0.0-rc.15.tgz",
+      "integrity": "sha512-Ff31guA5zT6WjnGp0SXw76X6hzGRk/OQq2hE+1lcDe+lJdHSgnSX6nK3erbONHyCbpSj9a9E+uX/OvytZoWp2g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@oxc-project/types": "=0.124.0",
+        "@rolldown/pluginutils": "1.0.0-rc.15"
+      },
+      "bin": {
+        "rolldown": "bin/cli.mjs"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "optionalDependencies": {
+        "@rolldown/binding-android-arm64": "1.0.0-rc.15",
+        "@rolldown/binding-darwin-arm64": "1.0.0-rc.15",
+        "@rolldown/binding-darwin-x64": "1.0.0-rc.15",
+        "@rolldown/binding-freebsd-x64": "1.0.0-rc.15",
+        "@rolldown/binding-linux-arm-gnueabihf": "1.0.0-rc.15",
+        "@rolldown/binding-linux-arm64-gnu": "1.0.0-rc.15",
+        "@rolldown/binding-linux-arm64-musl": "1.0.0-rc.15",
+        "@rolldown/binding-linux-ppc64-gnu": "1.0.0-rc.15",
+        "@rolldown/binding-linux-s390x-gnu": "1.0.0-rc.15",
+        "@rolldown/binding-linux-x64-gnu": "1.0.0-rc.15",
+        "@rolldown/binding-linux-x64-musl": "1.0.0-rc.15",
+        "@rolldown/binding-openharmony-arm64": "1.0.0-rc.15",
+        "@rolldown/binding-wasm32-wasi": "1.0.0-rc.15",
+        "@rolldown/binding-win32-arm64-msvc": "1.0.0-rc.15",
+        "@rolldown/binding-win32-x64-msvc": "1.0.0-rc.15"
+      }
+    },
+    "node_modules/rolldown/node_modules/@rolldown/pluginutils": {
+      "version": "1.0.0-rc.15",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-rc.15.tgz",
+      "integrity": "sha512-UromN0peaE53IaBRe9W7CjrZgXl90fqGpK+mIZbA3qSTeYqg3pqpROBdIPvOG3F5ereDHNwoHBI2e50n1BDr1g==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/scheduler": {
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
+      "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==",
+      "license": "MIT"
+    },
+    "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/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/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "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/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/tinyglobby": {
+      "version": "0.2.16",
+      "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.16.tgz",
+      "integrity": "sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "fdir": "^6.5.0",
+        "picomatch": "^4.0.4"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/SuperchupuDev"
+      }
+    },
+    "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",
+      "optional": true
+    },
+    "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/update-browserslist-db": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz",
+      "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/browserslist"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/browserslist"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "escalade": "^3.2.0",
+        "picocolors": "^1.1.1"
+      },
+      "bin": {
+        "update-browserslist-db": "cli.js"
+      },
+      "peerDependencies": {
+        "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/vite": {
+      "version": "8.0.8",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-8.0.8.tgz",
+      "integrity": "sha512-dbU7/iLVa8KZALJyLOBOQ88nOXtNG8vxKuOT4I2mD+Ya70KPceF4IAmDsmU0h1Qsn5bPrvsY9HJstCRh3hG6Uw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "lightningcss": "^1.32.0",
+        "picomatch": "^4.0.4",
+        "postcss": "^8.5.8",
+        "rolldown": "1.0.0-rc.15",
+        "tinyglobby": "^0.2.15"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^20.19.0 || >=22.12.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^20.19.0 || >=22.12.0",
+        "@vitejs/devtools": "^0.1.0",
+        "esbuild": "^0.27.0 || ^0.28.0",
+        "jiti": ">=1.21.0",
+        "less": "^4.0.0",
+        "sass": "^1.70.0",
+        "sass-embedded": "^1.70.0",
+        "stylus": ">=0.54.8",
+        "sugarss": "^5.0.0",
+        "terser": "^5.16.0",
+        "tsx": "^4.8.1",
+        "yaml": "^2.4.2"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "@vitejs/devtools": {
+          "optional": true
+        },
+        "esbuild": {
+          "optional": true
+        },
+        "jiti": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        },
+        "tsx": {
+          "optional": true
+        },
+        "yaml": {
+          "optional": true
+        }
+      }
+    },
+    "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/yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
+      "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/zod": {
+      "version": "4.3.6",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-4.3.6.tgz",
+      "integrity": "sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    },
+    "node_modules/zod-validation-error": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/zod-validation-error/-/zod-validation-error-4.0.2.tgz",
+      "integrity": "sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=18.0.0"
+      },
+      "peerDependencies": {
+        "zod": "^3.25.0 || ^4.0.0"
+      }
+    }
+  }
+}

frontend/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "frontend",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "lint": "eslint .",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "lucide-react": "^1.8.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "react-hot-toast": "^2.6.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.4",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^6.0.1",
+    "eslint": "^9.39.4",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.5.2",
+    "globals": "^17.4.0",
+    "vite": "^8.0.4"
+  }
+}

frontend/src/App.jsx

@@ -0,0 +1,220 @@
+import { useState, useRef, useEffect } from 'react';
+import { Toaster } from 'react-hot-toast';
+import { ThemeProvider } from './context/ThemeContext';
+import { AuthProvider, useAuth } from './context/AuthContext';
+import { FormProvider, useForm } from './context/FormContext';
+import { fetchTemplateData, hydrateTemplateData } from './data/templateData';
+import LoginPage from './components/auth/LoginPage';
+import Navbar from './components/layout/Navbar';
+import Sidebar from './components/layout/Sidebar';
+import PatientHeader from './components/sections/PatientHeader';
+import SectionRenderer from './components/sections/SectionRenderer';
+import AbbreviationPanel from './components/reference/AbbreviationPanel';
+import SmartPhrasesPanel from './components/reference/SmartPhrasesPanel';
+import AIGeneratorPanel from './components/ai/AIGeneratorPanel';
+import PreviewPanel from './components/preview/PreviewPanel';
+import AddSectionModal from './components/modals/AddSectionModal';
+import './index.css';
+
+function AppContent({ templateSections }) {
+  const [activeSection, setActiveSection] = useState('_header');
+  const [showPreview, setShowPreview] = useState(false);
+  const [showGenerator, setShowGenerator] = useState(false);
+  const [showAddSection, setShowAddSection] = useState(false);
+  const [sidebarOpen, setSidebarOpen] = useState(() => window.innerWidth > 1024);
+  const mainRef = useRef(null);
+  const { addCustomSection, formState } = useForm();
+
+  const isMobile = () => window.innerWidth <= 1024;
+
+  const handleSectionClick = (sectionId) => {
+    setActiveSection(sectionId);
+    const el = document.getElementById(`section-${sectionId}`);
+    if (el) {
+      el.scrollIntoView({ behavior: 'smooth', block: 'start' });
+    }
+    // Auto-close sidebar on mobile after clicking a section
+    if (isMobile()) {
+      setSidebarOpen(false);
+    }
+  };
+
+  const handleAddSection = (title) => {
+    addCustomSection(title);
+  };
+
+  return (
+    <>
+      <Navbar
+        onPreview={() => setShowPreview(true)}
+        onGenerate={() => setShowGenerator(true)}
+        onToggleSidebar={() => setSidebarOpen(!sidebarOpen)}
+      />
+
+      <div className="app-layout">
+        {/* Backdrop overlay for mobile sidebar */}
+        {sidebarOpen && isMobile() && (
+          <div
+            className="sidebar-backdrop"
+            onClick={() => setSidebarOpen(false)}
+          />
+        )}
+
+        <Sidebar
+          activeSection={activeSection}
+          onSectionClick={handleSectionClick}
+          onAddSection={() => setShowAddSection(true)}
+          isOpen={sidebarOpen}
+        />
+
+        <main className="main-content" ref={mainRef}>
+          <div id="section-_header">
+            <PatientHeader />
+          </div>
+
+          <div id="section-_abbreviations">
+            <AbbreviationPanel />
+          </div>
+
+          <div id="section-_smart_phrases">
+            <SmartPhrasesPanel />
+          </div>
+
+          {templateSections.map(section => (
+            <SectionRenderer key={section.id} section={section} />
+          ))}
+
+          {formState.customSections.map(cs => (
+            <div key={cs.id} id={`section-${cs.id}`} className="section">
+              <div className="section__header">
+                <div className="section__header-icon" style={{ background: 'linear-gradient(135deg, var(--accent-500), var(--accent-700))' }}>
+                  <span style={{ color: 'white', fontWeight: 700, fontSize: 'var(--font-sm)' }}>C</span>
+                </div>
+                <h2 className="section__title">{cs.title}</h2>
+              </div>
+              <div className="subsection">
+                <div className="subsection__title">
+                  <span className="subsection__title-dot" />
+                  Custom Content
+                </div>
+                <p style={{ color: 'var(--text-secondary)', fontSize: 'var(--font-sm)' }}>
+                  This custom section will be included in AI generation. Add relevant notes below.
+                </p>
+                <div style={{ marginTop: 'var(--space-3)' }}>
+                  <textarea
+                    className="text-input__field"
+                    placeholder="Enter custom notes, observations, or selections for this section..."
+                    rows={4}
+                    style={{ resize: 'vertical', width: '100%' }}
+                  />
+                </div>
+              </div>
+            </div>
+          ))}
+
+          <div style={{ height: 80 }} />
+        </main>
+      </div>
+
+      <PreviewPanel isOpen={showPreview} onClose={() => setShowPreview(false)} />
+      <AIGeneratorPanel isOpen={showGenerator} onClose={() => setShowGenerator(false)} />
+      <AddSectionModal
+        isOpen={showAddSection}
+        onClose={() => setShowAddSection(false)}
+        onAdd={handleAddSection}
+      />
+
+      <Toaster
+        position="bottom-right"
+        toastOptions={{
+          style: {
+            background: 'var(--surface-card)',
+            color: 'var(--text-primary)',
+            border: '1px solid var(--border-primary)',
+            fontFamily: 'var(--font-family)',
+            fontSize: 'var(--font-sm)',
+          },
+        }}
+      />
+    </>
+  );
+}
+
+function AuthGate() {
+  const { isAuthenticated, loading, token } = useAuth();
+  const [templateLoaded, setTemplateLoaded] = useState(false);
+  const [templateSections, setTemplateSections] = useState([]);
+  const [templateError, setTemplateError] = useState('');
+
+  // Fetch template data once authenticated
+  useEffect(() => {
+    if (isAuthenticated && token && !templateLoaded) {
+      fetchTemplateData(token)
+        .then(data => {
+          const hydrated = hydrateTemplateData(data);
+          setTemplateSections(hydrated.TEMPLATE_SECTIONS);
+          setTemplateLoaded(true);
+        })
+        .catch(err => {
+          setTemplateError(err.message);
+        });
+    }
+  }, [isAuthenticated, token, templateLoaded]);
+
+  // Checking stored token
+  if (loading) {
+    return (
+      <div className="login-page">
+        <div className="loading-container">
+          <div className="loading-spinner" />
+          <p className="loading-text">Verifying session...</p>
+        </div>
+      </div>
+    );
+  }
+
+  // Not authenticated
+  if (!isAuthenticated) {
+    return <LoginPage />;
+  }
+
+  // Authenticated but template not yet loaded
+  if (!templateLoaded) {
+    return (
+      <div className="login-page">
+        <div className="loading-container">
+          <div className="loading-spinner" />
+          <p className="loading-text">
+            {templateError || 'Loading clinical template...'}
+          </p>
+          {templateError && (
+            <button
+              className="navbar__btn navbar__btn--primary"
+              onClick={() => { setTemplateError(''); setTemplateLoaded(false); }}
+              style={{ marginTop: 'var(--space-4)' }}
+            >
+              Retry
+            </button>
+          )}
+        </div>
+      </div>
+    );
+  }
+
+  // Fully ready
+  return (
+    <FormProvider>
+      <AppContent templateSections={templateSections} />
+    </FormProvider>
+  );
+}
+
+export default function App() {
+  return (
+    <ThemeProvider>
+      <AuthProvider>
+        <AuthGate />
+      </AuthProvider>
+    </ThemeProvider>
+  );
+}

frontend/src/components/ai/AIGeneratorPanel.jsx

@@ -0,0 +1,157 @@
+import { useState } from 'react';
+import { X, Copy, Download, Sparkles } from 'lucide-react';
+import { useForm } from '../../context/FormContext';
+import { useAuth } from '../../context/AuthContext';
+import toast from 'react-hot-toast';
+
+const API_BASE = import.meta.env.VITE_API_URL || '';
+
+export default function AIGeneratorPanel({ isOpen, onClose }) {
+  const { buildPayload } = useForm();
+  const { getAuthHeaders } = useAuth();
+  const [loading, setLoading] = useState(false);
+  const [generatedNote, setGeneratedNote] = useState('');
+  const [error, setError] = useState('');
+  const [usage, setUsage] = useState(null);
+
+  const handleGenerate = async () => {
+    setLoading(true);
+    setError('');
+    setGeneratedNote('');
+
+    try {
+      const payload = buildPayload();
+      const response = await fetch(`${API_BASE}/api/generate`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json', ...getAuthHeaders() },
+        body: JSON.stringify(payload),
+      });
+
+      if (!response.ok) {
+        const err = await response.json().catch(() => ({}));
+        throw new Error(err.detail || `Server error: ${response.status}`);
+      }
+
+      const data = await response.json();
+      if (data.success) {
+        setGeneratedNote(data.note);
+        setUsage(data.usage);
+      } else {
+        throw new Error('Generation failed');
+      }
+    } catch (err) {
+      setError(err.message);
+      toast.error(err.message);
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  const handleCopy = () => {
+    navigator.clipboard.writeText(generatedNote).then(() => {
+      toast.success('Note copied to clipboard');
+    });
+  };
+
+  const handleDownload = () => {
+    const blob = new Blob([generatedNote], { type: 'text/plain' });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = `OT_Note_${new Date().toISOString().slice(0, 10)}.txt`;
+    a.click();
+    URL.revokeObjectURL(url);
+    toast.success('Note downloaded');
+  };
+
+  if (!isOpen) return null;
+
+  return (
+    <div className="preview-overlay" onClick={onClose}>
+      <div className="preview-panel" onClick={e => e.stopPropagation()}>
+        <div className="preview-panel__header">
+          <h3 className="preview-panel__title">
+            <Sparkles size={20} style={{ marginRight: 8, color: 'var(--accent-500)' }} />
+            AI Note Generator
+          </h3>
+          <button className="preview-panel__close" onClick={onClose}>
+            <X size={16} />
+          </button>
+        </div>
+
+        <div className="preview-panel__body">
+          {!generatedNote && !loading && !error && (
+            <div className="loading-container">
+              <p style={{ color: 'var(--text-secondary)', marginBottom: 'var(--space-4)', textAlign: 'center', maxWidth: 400 }}>
+                Click "Generate" to convert your selections into a polished, Med A-compliant clinical narrative using AI.
+              </p>
+              <button
+                className="navbar__btn navbar__btn--primary"
+                onClick={handleGenerate}
+                style={{ padding: 'var(--space-3) var(--space-8)', fontSize: 'var(--font-md)' }}
+              >
+                <Sparkles size={18} />
+                Generate Clinical Note
+              </button>
+            </div>
+          )}
+
+          {loading && (
+            <div className="loading-container">
+              <div className="loading-spinner" />
+              <p className="loading-text">Generating your clinical note...</p>
+              <p style={{ color: 'var(--text-tertiary)', fontSize: 'var(--font-xs)' }}>
+                This may take 5-15 seconds
+              </p>
+            </div>
+          )}
+
+          {error && (
+            <div className="loading-container">
+              <p style={{ color: 'var(--danger)', fontWeight: 600 }}>{error}</p>
+              <button
+                className="navbar__btn navbar__btn--primary"
+                onClick={handleGenerate}
+                style={{ marginTop: 'var(--space-4)' }}
+              >
+                Try Again
+              </button>
+            </div>
+          )}
+
+          {generatedNote && (
+            <div className="preview-panel__content">
+              {generatedNote.split('\n').map((line, i) => (
+                <p key={i} style={{ minHeight: line.trim() ? undefined : '0.5em' }}>
+                  {line || '\u00A0'}
+                </p>
+              ))}
+            </div>
+          )}
+        </div>
+
+        {generatedNote && (
+          <div className="preview-panel__footer">
+            <button className="navbar__btn" onClick={handleCopy}>
+              <Copy size={16} />
+              Copy to Clipboard
+            </button>
+            <button className="navbar__btn" onClick={handleDownload}>
+              <Download size={16} />
+              Download .txt
+            </button>
+            <button className="navbar__btn navbar__btn--primary" onClick={handleGenerate}>
+              <Sparkles size={16} />
+              Regenerate
+            </button>
+            {usage && (
+              <span style={{ fontSize: 'var(--font-xs)', color: 'var(--text-tertiary)', marginLeft: 'auto' }}>
+                {usage.completion_tokens} tokens
+              </span>
+            )}
+          </div>
+        )}
+      </div>
+    </div>
+  );
+}

frontend/src/components/auth/LoginPage.jsx

@@ -0,0 +1,122 @@
+import { useState } from 'react';
+import { useAuth } from '../../context/AuthContext';
+import { Lock, User, Eye, EyeOff, Sparkles, AlertCircle } from 'lucide-react';
+
+export default function LoginPage() {
+  const { login } = useAuth();
+  const [username, setUsername] = useState('');
+  const [password, setPassword] = useState('');
+  const [showPassword, setShowPassword] = useState(false);
+  const [error, setError] = useState('');
+  const [loading, setLoading] = useState(false);
+
+  const handleSubmit = async (e) => {
+    e.preventDefault();
+    if (!username.trim() || !password.trim()) {
+      setError('Please enter both username and password');
+      return;
+    }
+
+    setLoading(true);
+    setError('');
+
+    try {
+      await login(username.trim(), password);
+    } catch (err) {
+      setError(err.message || 'Invalid credentials');
+    } finally {
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="login-page">
+      <div className="login-card">
+        <div className="login-card__header">
+          <div className="login-card__icon">
+            <Sparkles size={28} />
+          </div>
+          <h1 className="login-card__title">
+            OT <span className="login-card__title-accent">NoteBuilder</span>
+          </h1>
+          <p className="login-card__subtitle">
+            Authorized personnel only
+          </p>
+        </div>
+
+        <form className="login-card__form" onSubmit={handleSubmit}>
+          {error && (
+            <div className="login-card__error">
+              <AlertCircle size={16} />
+              <span>{error}</span>
+            </div>
+          )}
+
+          <div className="login-card__field">
+            <label className="login-card__label" htmlFor="login-username">
+              Username
+            </label>
+            <div className="login-card__input-wrap">
+              <User size={16} className="login-card__input-icon" />
+              <input
+                id="login-username"
+                type="text"
+                className="login-card__input"
+                placeholder="Enter your username"
+                value={username}
+                onChange={e => setUsername(e.target.value)}
+                autoComplete="username"
+                autoFocus
+                disabled={loading}
+              />
+            </div>
+          </div>
+
+          <div className="login-card__field">
+            <label className="login-card__label" htmlFor="login-password">
+              Password
+            </label>
+            <div className="login-card__input-wrap">
+              <Lock size={16} className="login-card__input-icon" />
+              <input
+                id="login-password"
+                type={showPassword ? 'text' : 'password'}
+                className="login-card__input"
+                placeholder="Enter your password"
+                value={password}
+                onChange={e => setPassword(e.target.value)}
+                autoComplete="current-password"
+                disabled={loading}
+              />
+              <button
+                type="button"
+                className="login-card__eye"
+                onClick={() => setShowPassword(!showPassword)}
+                tabIndex={-1}
+              >
+                {showPassword ? <EyeOff size={16} /> : <Eye size={16} />}
+              </button>
+            </div>
+          </div>
+
+          <button
+            type="submit"
+            className="login-card__submit"
+            disabled={loading}
+          >
+            {loading ? (
+              <span className="login-card__spinner" />
+            ) : (
+              <>
+                <Lock size={16} />
+                Sign In
+              </>
+            )}
+          </button>
+        </form>
+
+
+      </div>
+    </div>
+  );
+}

frontend/src/components/fields/CheckboxGroup.jsx

@@ -0,0 +1,66 @@
+import { useState } from 'react';
+import { useForm } from '../../context/FormContext';
+import { Check, Plus } from 'lucide-react';
+
+export default function CheckboxGroup({ field, sectionId }) {
+  const { formState, toggleCheckbox, addCustomCheckboxItem } = useForm();
+  const [customInput, setCustomInput] = useState('');
+
+  const fieldState = formState.sections[sectionId]?.[field.id] || { checked: [], customItems: [] };
+  const checked = fieldState.checked || [];
+  const allItems = [...(field.options || []), ...(fieldState.customItems || [])];
+
+  const handleAddCustom = () => {
+    if (customInput.trim()) {
+      addCustomCheckboxItem(sectionId, field.id, customInput.trim());
+      setCustomInput('');
+    }
+  };
+
+  return (
+    <div className="checkbox-group" id={`field-${field.id}`}>
+      <div className="checkbox-group__label">{field.label}</div>
+
+      {field.sentence && (
+        <div className="checkbox-group__sentence">{field.sentence}</div>
+      )}
+
+      <div className="checkbox-group__items">
+        {allItems.map(item => {
+          const isChecked = checked.includes(item);
+          return (
+            <div
+              key={item}
+              className={`checkbox-item ${isChecked ? 'checkbox-item--checked' : ''}`}
+              onClick={() => toggleCheckbox(sectionId, field.id, item)}
+            >
+              <div className="checkbox-item__box">
+                {isChecked && <Check size={12} strokeWidth={3} />}
+              </div>
+              <span className="checkbox-item__label">{item}</span>
+            </div>
+          );
+        })}
+      </div>
+
+      <div className="fill-blank__custom" style={{ marginTop: '0.5rem' }}>
+        <input
+          type="text"
+          className="fill-blank__custom-input"
+          placeholder="Add custom item..."
+          value={customInput}
+          onChange={e => setCustomInput(e.target.value)}
+          onKeyDown={e => e.key === 'Enter' && handleAddCustom()}
+        />
+        <button
+          type="button"
+          className="fill-blank__custom-add"
+          onClick={handleAddCustom}
+          title="Add custom checkbox item"
+        >
+          <Plus size={14} />
+        </button>
+      </div>
+    </div>
+  );
+}

frontend/src/components/fields/ExerciseList.jsx

@@ -0,0 +1,114 @@
+import { useForm } from '../../context/FormContext';
+import { Check } from 'lucide-react';
+
+export default function ExerciseList({ field, sectionId }) {
+  const { formState, toggleExercise, updateExerciseValue } = useForm();
+
+  const fieldState = formState.sections[sectionId]?.[field.id] || { exercises: {} };
+  const exercises = fieldState.exercises || {};
+
+  return (
+    <div className="exercise-list" id={`field-${field.id}`}>
+      <div className="exercise-list__label">{field.label}</div>
+
+      {field.exercises.map(ex => {
+        const exState = exercises[ex.id] || { enabled: false, sets: '', reps: '', minutes: '', seconds: '', trials: '', steps: '' };
+        const isActive = exState.enabled;
+
+        return (
+          <div
+            key={ex.id}
+            className={`exercise-item ${isActive ? 'exercise-item--active' : ''}`}
+          >
+            <div
+              className="exercise-item__toggle"
+              onClick={() => toggleExercise(sectionId, field.id, ex.id)}
+            >
+              {isActive && <Check size={12} strokeWidth={3} />}
+            </div>
+
+            <span
+              className="exercise-item__name"
+              onClick={() => toggleExercise(sectionId, field.id, ex.id)}
+            >
+              {ex.name}
+            </span>
+
+            {isActive && (
+              <div className="exercise-item__inputs">
+                {ex.usesMinutes ? (
+                  <>
+                    <input
+                      type="number"
+                      className="exercise-item__input"
+                      placeholder="min"
+                      value={exState.minutes}
+                      onChange={e => updateExerciseValue(sectionId, field.id, ex.id, 'minutes', e.target.value)}
+                      min="0"
+                    />
+                    <span className="exercise-item__unit">min</span>
+                  </>
+                ) : ex.usesSeconds ? (
+                  <>
+                    <input
+                      type="number"
+                      className="exercise-item__input"
+                      placeholder="sec"
+                      value={exState.seconds}
+                      onChange={e => updateExerciseValue(sectionId, field.id, ex.id, 'seconds', e.target.value)}
+                      min="0"
+                    />
+                    <span className="exercise-item__unit">sec</span>
+                    <span className="exercise-item__separator">&times;</span>
+                    <input
+                      type="number"
+                      className="exercise-item__input"
+                      placeholder="reps"
+                      value={exState.reps}
+                      onChange={e => updateExerciseValue(sectionId, field.id, ex.id, 'reps', e.target.value)}
+                      min="0"
+                    />
+                    <span className="exercise-item__unit">reps</span>
+                  </>
+                ) : ex.usesTrials ? (
+                  <>
+                    <input
+                      type="number"
+                      className="exercise-item__input"
+                      placeholder="#"
+                      value={exState.trials}
+                      onChange={e => updateExerciseValue(sectionId, field.id, ex.id, 'trials', e.target.value)}
+                      min="0"
+                    />
+                    <span className="exercise-item__unit">{ex.usesSteps ? 'steps' : 'trials'}</span>
+                  </>
+                ) : (
+                  <>
+                    <input
+                      type="number"
+                      className="exercise-item__input"
+                      placeholder="sets"
+                      value={exState.sets}
+                      onChange={e => updateExerciseValue(sectionId, field.id, ex.id, 'sets', e.target.value)}
+                      min="0"
+                    />
+                    <span className="exercise-item__separator">&times;</span>
+                    <input
+                      type="number"
+                      className="exercise-item__input"
+                      placeholder="reps"
+                      value={exState.reps}
+                      onChange={e => updateExerciseValue(sectionId, field.id, ex.id, 'reps', e.target.value)}
+                      min="0"
+                    />
+                    <span className="exercise-item__unit">reps</span>
+                  </>
+                )}
+              </div>
+            )}
+          </div>
+        );
+      })}
+    </div>
+  );
+}

frontend/src/components/fields/FillBlank.jsx

@@ -0,0 +1,87 @@
+import { useState } from 'react';
+import { useForm } from '../../context/FormContext';
+import { Plus } from 'lucide-react';
+
+export default function FillBlank({ field, sectionId }) {
+  const { formState, toggleOption, addCustomOption } = useForm();
+  const [customInput, setCustomInput] = useState('');
+
+  const fieldState = formState.sections[sectionId]?.[field.id] || { selected: [], customOptions: [] };
+  const allOptions = [...(field.options || []), ...(fieldState.customOptions || [])];
+  const selected = fieldState.selected || [];
+
+  const filledSentence = field.sentence?.replace(
+    /____________/g,
+    selected.length > 0
+      ? selected.join(' / ')
+      : '____________'
+  );
+
+  const handleAddCustom = () => {
+    if (customInput.trim()) {
+      addCustomOption(sectionId, field.id, customInput.trim());
+      setCustomInput('');
+    }
+  };
+
+  const handleKeyDown = (e) => {
+    if (e.key === 'Enter') {
+      e.preventDefault();
+      handleAddCustom();
+    }
+  };
+
+  return (
+    <div className="fill-blank" id={`field-${field.id}`}>
+      <div className="fill-blank__label">{field.label}</div>
+
+      {field.sentence && (
+        <div className="fill-blank__sentence">
+          {filledSentence.split('____________').map((part, i, arr) => (
+            <span key={i}>
+              {part}
+              {i < arr.length - 1 && (
+                <span className={`fill-blank__blank ${selected.length > 0 ? 'fill-blank__blank--filled' : ''}`}>
+                  {selected.length > 0 ? selected.join(' / ') : '____________'}
+                </span>
+              )}
+            </span>
+          ))}
+        </div>
+      )}
+
+      <div className="fill-blank__options">
+        {allOptions.map(option => (
+          <button
+            key={option}
+            type="button"
+            className={`option-btn ${selected.includes(option) ? 'option-btn--selected' : ''}`}
+            onClick={() => toggleOption(sectionId, field.id, option, field.multiSelect)}
+            title={option}
+          >
+            {option}
+          </button>
+        ))}
+      </div>
+
+      <div className="fill-blank__custom">
+        <input
+          type="text"
+          className="fill-blank__custom-input"
+          placeholder="Add your own option..."
+          value={customInput}
+          onChange={e => setCustomInput(e.target.value)}
+          onKeyDown={handleKeyDown}
+        />
+        <button
+          type="button"
+          className="fill-blank__custom-add"
+          onClick={handleAddCustom}
+          title="Add custom option"
+        >
+          <Plus size={14} />
+        </button>
+      </div>
+    </div>
+  );
+}

frontend/src/components/fields/StaticText.jsx

@@ -0,0 +1,7 @@
+export default function StaticText({ field }) {
+  return (
+    <div className="static-text" id={`field-${field.id}`}>
+      <div className="static-text__content">{field.text}</div>
+    </div>
+  );
+}

frontend/src/components/fields/TextInput.jsx

@@ -0,0 +1,26 @@
+import { useForm } from '../../context/FormContext';
+
+export default function TextInput({ field, sectionId }) {
+  const { formState, updateTextField } = useForm();
+  const value = formState.sections[sectionId]?.[field.id] || '';
+
+  return (
+    <div className="text-input" id={`field-${field.id}`}>
+      <label className="text-input__label" htmlFor={`input-${field.id}`}>
+        {field.label}
+      </label>
+      <input
+        id={`input-${field.id}`}
+        type={field.type === 'number' ? 'number' : 'text'}
+        className="text-input__field"
+        placeholder={field.placeholder || ''}
+        value={value}
+        onChange={e => updateTextField(sectionId, field.id, e.target.value)}
+        min={field.type === 'number' ? '0' : undefined}
+      />
+      {field.sentence && (
+        <div className="text-input__sentence">{field.sentence}</div>
+      )}
+    </div>
+  );
+}

frontend/src/components/layout/Navbar.jsx

@@ -0,0 +1,72 @@
+import { useTheme } from '../../context/ThemeContext';
+import { useAuth } from '../../context/AuthContext';
+import { Sun, Moon, Eye, Sparkles, LogOut, User, Menu, Settings } from 'lucide-react';
+
+export default function Navbar({ onPreview, onGenerate, onToggleSidebar }) {
+  const { theme, toggleTheme } = useTheme();
+  const { user, logout } = useAuth();
+
+  return (
+    <header className="navbar" role="banner">
+      <div className="navbar__brand">
+        <button
+          className="navbar__hamburger"
+          onClick={onToggleSidebar}
+          title="Toggle sidebar"
+          aria-label="Toggle sidebar"
+        >
+          <Menu size={20} />
+        </button>
+        <div className="navbar__icon navbar__icon--desktop">
+          <Sparkles size={18} />
+        </div>
+        <h1 className="navbar__title">
+          OT <span className="navbar__title-accent">NoteBuilder</span>
+        </h1>
+      </div>
+
+      <div className="navbar__actions">
+        {/* User pill — hidden on small screens via CSS */}
+        <div className="navbar__user">
+          <User size={12} />
+          <span className="navbar__user-name">{user}</span>
+        </div>
+
+        <button
+          className="navbar__btn"
+          onClick={onPreview}
+          title="Preview filled template"
+        >
+          <Eye size={16} />
+          <span className="navbar__btn-label">Preview</span>
+        </button>
+
+        <button
+          className="navbar__btn navbar__btn--primary"
+          onClick={onGenerate}
+          title="Generate AI clinical note"
+        >
+          <Sparkles size={16} />
+          <span className="navbar__btn-label">Generate Note</span>
+        </button>
+
+        <button
+          className="theme-toggle"
+          onClick={toggleTheme}
+          title={theme === 'dark' ? 'Switch to light mode' : 'Switch to dark mode'}
+          aria-label="Toggle theme"
+        >
+          {theme === 'dark' ? <Sun size={16} /> : <Moon size={16} />}
+        </button>
+
+        <button
+          className="navbar__btn navbar__btn--logout"
+          onClick={logout}
+          title="Sign out"
+        >
+          <LogOut size={16} />
+        </button>
+      </div>
+    </header>
+  );
+}

frontend/src/components/layout/Sidebar.jsx

@@ -0,0 +1,80 @@
+import { useForm } from '../../context/FormContext';
+import { getTemplateData } from '../../data/templateData';
+import * as Icons from 'lucide-react';
+import { User, BookOpen, FileText, PlusCircle } from 'lucide-react';
+
+function getIcon(name, size = 18) {
+  const Icon = Icons[name];
+  return Icon ? <Icon size={size} /> : null;
+}
+
+const SPECIAL_SECTIONS = [
+  { id: '_header', label: 'Patient Info', icon: <User size={18} /> },
+  { id: '_abbreviations', label: 'Abbreviations', icon: <BookOpen size={18} /> },
+  { id: '_smart_phrases', label: 'Smart Phrases', icon: <FileText size={18} /> },
+];
+
+export default function Sidebar({ activeSection, onSectionClick, onAddSection, isOpen }) {
+  const { formState, getFilledCount } = useForm();
+  const TEMPLATE_SECTIONS = getTemplateData()?.sections || [];
+
+  return (
+    <nav className={`sidebar ${isOpen ? 'sidebar--open' : ''}`} aria-label="Section navigation">
+      <div className="sidebar__section-title">Document</div>
+
+      {SPECIAL_SECTIONS.map(s => (
+        <div
+          key={s.id}
+          className={`sidebar__item ${activeSection === s.id ? 'sidebar__item--active' : ''}`}
+          onClick={() => onSectionClick(s.id)}
+        >
+          <span className="sidebar__item-icon">{s.icon}</span>
+          <span className="sidebar__item-label">{s.label}</span>
+        </div>
+      ))}
+
+      <div className="sidebar__section-title">CPT Sections</div>
+
+      {TEMPLATE_SECTIONS.map(section => {
+        const count = getFilledCount(section.id);
+        const isEnabled = formState.enabledSections[section.id] !== false;
+        return (
+          <div
+            key={section.id}
+            className={`sidebar__item ${activeSection === section.id ? 'sidebar__item--active' : ''}`}
+            onClick={() => onSectionClick(section.id)}
+            style={{ opacity: isEnabled ? 1 : 0.4 }}
+          >
+            <span className="sidebar__item-icon">{getIcon(section.icon)}</span>
+            <span className="sidebar__item-label">
+              {section.cptCode ? `${section.cptCode} — ` : ''}
+              {section.title.replace(/^\d+\s*[—–-]\s*/, '')}
+            </span>
+            {count > 0 && <span className="sidebar__item-badge">{count}</span>}
+          </div>
+        );
+      })}
+
+      {formState.customSections.length > 0 && (
+        <>
+          <div className="sidebar__section-title">Custom Sections</div>
+          {formState.customSections.map(cs => (
+            <div
+              key={cs.id}
+              className={`sidebar__item ${activeSection === cs.id ? 'sidebar__item--active' : ''}`}
+              onClick={() => onSectionClick(cs.id)}
+            >
+              <span className="sidebar__item-icon"><FileText size={18} /></span>
+              <span className="sidebar__item-label">{cs.title}</span>
+            </div>
+          ))}
+        </>
+      )}
+
+      <div className="sidebar__item" onClick={onAddSection} style={{ color: 'var(--accent-500)', marginTop: 'var(--space-2)' }}>
+        <span className="sidebar__item-icon"><PlusCircle size={18} /></span>
+        <span className="sidebar__item-label">Add Custom Section</span>
+      </div>
+    </nav>
+  );
+}

frontend/src/components/modals/AddSectionModal.jsx

@@ -0,0 +1,59 @@
+import { useState } from 'react';
+import { X, Plus } from 'lucide-react';
+
+export default function AddSectionModal({ isOpen, onClose, onAdd }) {
+  const [title, setTitle] = useState('');
+
+  if (!isOpen) return null;
+
+  const handleAdd = () => {
+    if (title.trim()) {
+      onAdd(title.trim());
+      setTitle('');
+      onClose();
+    }
+  };
+
+  return (
+    <div className="modal-overlay" onClick={onClose}>
+      <div className="modal" onClick={e => e.stopPropagation()}>
+        <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center', marginBottom: 'var(--space-4)' }}>
+          <h3 className="modal__title" style={{ margin: 0 }}>Add Custom Section</h3>
+          <button className="preview-panel__close" onClick={onClose}>
+            <X size={16} />
+          </button>
+        </div>
+
+        <div className="text-input">
+          <label className="text-input__label" htmlFor="custom-section-title">
+            Section Title
+          </label>
+          <input
+            id="custom-section-title"
+            type="text"
+            className="text-input__field"
+            placeholder="e.g., Cognitive Retraining"
+            value={title}
+            onChange={e => setTitle(e.target.value)}
+            onKeyDown={e => e.key === 'Enter' && handleAdd()}
+            autoFocus
+          />
+        </div>
+
+        <div className="modal__actions">
+          <button className="navbar__btn" onClick={onClose}>
+            Cancel
+          </button>
+          <button
+            className="navbar__btn navbar__btn--primary"
+            onClick={handleAdd}
+            disabled={!title.trim()}
+          >
+            <Plus size={16} />
+            Add Section
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}

frontend/src/components/preview/PreviewPanel.jsx

@@ -0,0 +1,128 @@
+import { X, Copy, Download } from 'lucide-react';
+import { useForm } from '../../context/FormContext';
+import { getTemplateData } from '../../data/templateData';
+import toast from 'react-hot-toast';
+
+export default function PreviewPanel({ isOpen, onClose }) {
+  const { formState } = useForm();
+
+  if (!isOpen) return null;
+
+  const buildPreviewText = () => {
+    const TEMPLATE_SECTIONS = getTemplateData()?.sections || [];
+    const lines = [];
+
+    // Header
+    lines.push('SNF OCCUPATIONAL THERAPY \u2014 DAILY PROGRESS NOTE');
+    lines.push('='.repeat(50));
+    const pInfo = formState.patientInfo;
+    if (pInfo.pt_name) lines.push(`Pt: ${pInfo.pt_name}`);
+    if (pInfo.dos) lines.push(`DOS: ${pInfo.dos}`);
+    if (pInfo.dx) lines.push(`Dx: ${pInfo.dx}`);
+    if (pInfo.precautions) lines.push(`Precautions: ${pInfo.precautions}`);
+    if (pInfo.visit_number || pInfo.frequency) lines.push(`Visit #: ${pInfo.visit_number || '___'}  Freq: ${pInfo.frequency || '___'}`);
+    if (pInfo.tx_time || pInfo.cpt_codes) lines.push(`Tx Time: ${pInfo.tx_time || '___'} min  CPT: ${pInfo.cpt_codes || '___'}`);
+    lines.push('');
+
+    TEMPLATE_SECTIONS.forEach(section => {
+      if (formState.enabledSections[section.id] === false) return;
+      const sectionState = formState.sections[section.id];
+      if (!sectionState) return;
+
+      let hasContent = false;
+      const sectionLines = [`\n${'—'.repeat(50)}`, section.title, '—'.repeat(50)];
+
+      section.subsections.forEach(sub => {
+        sub.fields.forEach(field => {
+          const val = sectionState[field.id];
+          if (!val) return;
+
+          if (field.type === 'fill-blank' && val.selected?.length > 0) {
+            hasContent = true;
+            let sentence = field.sentence || '';
+            sentence = sentence.replace('____________', val.selected.join(' / '));
+            sectionLines.push(`  ${sentence}`);
+          } else if (field.type === 'checkbox-group' && val.checked?.length > 0) {
+            hasContent = true;
+            sectionLines.push(`  ${field.label}:`);
+            val.checked.forEach(c => sectionLines.push(`    \u2611 ${c}`));
+          } else if (field.type === 'exercise-list') {
+            const enabled = [];
+            Object.entries(val.exercises || {}).forEach(([exId, exState]) => {
+              if (exState.enabled) {
+                const ex = field.exercises.find(e => e.id === exId);
+                if (ex) {
+                  let desc = ex.name;
+                  if (exState.sets && exState.reps) desc += ` \u2014 ${exState.sets} \u00d7 ${exState.reps}`;
+                  else if (exState.minutes) desc += ` \u2014 ${exState.minutes} min`;
+                  else if (exState.seconds) desc += ` \u2014 ${exState.seconds} sec`;
+                  else if (exState.trials) desc += ` \u2014 ${exState.trials} trials`;
+                  enabled.push(desc);
+                }
+              }
+            });
+            if (enabled.length > 0) {
+              hasContent = true;
+              sectionLines.push(`  ${field.label}: ${enabled.join(', ')}`);
+            }
+          } else if ((field.type === 'text' || field.type === 'number') && val) {
+            hasContent = true;
+            sectionLines.push(`  ${field.label}: ${val}`);
+          }
+        });
+      });
+
+      if (hasContent) {
+        lines.push(...sectionLines);
+      }
+    });
+
+    return lines.join('\n');
+  };
+
+  const previewText = buildPreviewText();
+
+  const handleCopy = () => {
+    navigator.clipboard.writeText(previewText).then(() => {
+      toast.success('Preview copied to clipboard');
+    });
+  };
+
+  const handleDownload = () => {
+    const blob = new Blob([previewText], { type: 'text/plain' });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = `OT_Preview_${new Date().toISOString().slice(0, 10)}.txt`;
+    a.click();
+    URL.revokeObjectURL(url);
+  };
+
+  return (
+    <div className="preview-overlay" onClick={onClose}>
+      <div className="preview-panel" onClick={e => e.stopPropagation()}>
+        <div className="preview-panel__header">
+          <h3 className="preview-panel__title">Template Preview</h3>
+          <button className="preview-panel__close" onClick={onClose}>
+            <X size={16} />
+          </button>
+        </div>
+        <div className="preview-panel__body">
+          <pre className="preview-panel__content" style={{ fontFamily: 'var(--font-family)', whiteSpace: 'pre-wrap' }}>
+            {previewText}
+          </pre>
+        </div>
+        <div className="preview-panel__footer">
+          <button className="navbar__btn" onClick={handleCopy}>
+            <Copy size={16} />
+            Copy
+          </button>
+          <button className="navbar__btn" onClick={handleDownload}>
+            <Download size={16} />
+            Download
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}

frontend/src/components/reference/AbbreviationPanel.jsx

@@ -0,0 +1,40 @@
+import { getTemplateData } from '../../data/templateData';
+import { BookOpen, ChevronDown } from 'lucide-react';
+import { useState } from 'react';
+
+export default function AbbreviationPanel() {
+  const [isOpen, setIsOpen] = useState(false);
+  const ABBREVIATIONS = getTemplateData()?.abbreviations || [];
+
+  return (
+    <div className="section" id="section-abbreviations">
+      <div className="section__header" style={{ cursor: 'pointer' }} onClick={() => setIsOpen(!isOpen)}>
+        <div className="section__header-icon">
+          <BookOpen size={20} />
+        </div>
+        <h2 className="section__title">Net Health Abbreviation Quick Reference</h2>
+        <span className={`collapsible-trigger__icon ${isOpen ? 'collapsible-trigger__icon--open' : ''}`} style={{ marginLeft: 'auto' }}>
+          <ChevronDown size={20} />
+        </span>
+      </div>
+
+      {isOpen && (
+        <div className="abbrev-panel">
+          {ABBREVIATIONS.map(cat => (
+            <div className="abbrev-category" key={cat.category}>
+              <div className="abbrev-category__title">{cat.category}</div>
+              <div className="abbrev-list">
+                {cat.items.map(item => (
+                  <span className="abbrev-chip" key={item.abbr}>
+                    <span className="abbrev-chip__abbr">{item.abbr}</span>
+                    <span className="abbrev-chip__meaning">= {item.meaning}</span>
+                  </span>
+                ))}
+              </div>
+            </div>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}

frontend/src/components/reference/SmartPhrasesPanel.jsx

@@ -0,0 +1,48 @@
+import { getTemplateData } from '../../data/templateData';
+import { FileText, Copy, ChevronDown } from 'lucide-react';
+import { useState } from 'react';
+import toast from 'react-hot-toast';
+
+export default function SmartPhrasesPanel() {
+  const [isOpen, setIsOpen] = useState(false);
+  const SMART_PHRASES = getTemplateData()?.smartPhrases || [];
+
+  const handleCopy = (text) => {
+    navigator.clipboard.writeText(text).then(() => {
+      toast.success('Copied to clipboard');
+    });
+  };
+
+  return (
+    <div className="section" id="section-smart-phrases">
+      <div className="section__header" style={{ cursor: 'pointer' }} onClick={() => setIsOpen(!isOpen)}>
+        <div className="section__header-icon">
+          <FileText size={20} />
+        </div>
+        <h2 className="section__title">Quick Smart Phrases</h2>
+        <span className={`collapsible-trigger__icon ${isOpen ? 'collapsible-trigger__icon--open' : ''}`} style={{ marginLeft: 'auto' }}>
+          <ChevronDown size={20} />
+        </span>
+      </div>
+
+      {isOpen && (
+        <div className="smart-phrases__list">
+          {SMART_PHRASES.map((phrase, i) => (
+            <div
+              key={i}
+              className="smart-phrase"
+              onClick={() => handleCopy(phrase)}
+              title="Click to copy"
+            >
+              <span className="smart-phrase__number">{i + 1}.</span>
+              <span>{phrase}</span>
+              <span className="smart-phrase__copy">
+                <Copy size={14} />
+              </span>
+            </div>
+          ))}
+        </div>
+      )}
+    </div>
+  );
+}

frontend/src/components/sections/PatientHeader.jsx

@@ -0,0 +1,43 @@
+import { useForm } from '../../context/FormContext';
+import { getTemplateData } from '../../data/templateData';
+import { User } from 'lucide-react';
+
+export default function PatientHeader() {
+  const { formState, updatePatientInfo } = useForm();
+  const HEADER_FIELDS = getTemplateData()?.headerFields || [];
+  return (
+    <div className="section" id="section-patient-header">
+      <div className="section__header">
+        <div className="section__header-icon">
+          <User size={20} />
+        </div>
+        <h2 className="section__title">Patient Information</h2>
+      </div>
+
+      <div className="subsection">
+        <div className="subsection__title">
+          <span className="subsection__title-dot" />
+          Header Fields
+        </div>
+
+        <div className="patient-header">
+          {HEADER_FIELDS.map(field => (
+            <div className="text-input" key={field.id}>
+              <label className="text-input__label" htmlFor={`header-${field.id}`}>
+                {field.label}
+              </label>
+              <input
+                id={`header-${field.id}`}
+                type={field.type === 'number' ? 'number' : 'text'}
+                className="text-input__field"
+                placeholder={field.placeholder}
+                value={formState.patientInfo[field.id] || ''}
+                onChange={e => updatePatientInfo(field.id, e.target.value)}
+              />
+            </div>
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+}

frontend/src/components/sections/SectionRenderer.jsx

@@ -0,0 +1,100 @@
+import { useState } from 'react';
+import { useForm } from '../../context/FormContext';
+import FillBlank from '../fields/FillBlank';
+import CheckboxGroup from '../fields/CheckboxGroup';
+import ExerciseList from '../fields/ExerciseList';
+import TextInput from '../fields/TextInput';
+import StaticText from '../fields/StaticText';
+import { ChevronDown, ChevronRight } from 'lucide-react';
+import * as Icons from 'lucide-react';
+
+function getIcon(name, size = 20) {
+  const Icon = Icons[name];
+  return Icon ? <Icon size={size} /> : null;
+}
+
+function FieldRenderer({ field, sectionId }) {
+  switch (field.type) {
+    case 'fill-blank':
+      return <FillBlank field={field} sectionId={sectionId} />;
+    case 'checkbox-group':
+      return <CheckboxGroup field={field} sectionId={sectionId} />;
+    case 'exercise-list':
+      return <ExerciseList field={field} sectionId={sectionId} />;
+    case 'text':
+    case 'number':
+      return <TextInput field={field} sectionId={sectionId} />;
+    case 'static':
+      return <StaticText field={field} />;
+    default:
+      return null;
+  }
+}
+
+export default function SectionRenderer({ section }) {
+  const { formState, toggleSection } = useForm();
+  const isEnabled = formState.enabledSections[section.id] !== false;
+  const [collapsedSubs, setCollapsedSubs] = useState({});
+
+  const toggleSubsection = (subId) => {
+    setCollapsedSubs(prev => ({ ...prev, [subId]: !prev[subId] }));
+  };
+
+  return (
+    <div className="section" id={`section-${section.id}`}>
+      <div className="section__header">
+        <div className="section__header-icon">
+          {getIcon(section.icon, 20)}
+        </div>
+        <h2 className="section__title">{section.title}</h2>
+        {section.cptCode && (
+          <span className="section__cpt">{section.cptCode}</span>
+        )}
+        <div className="section__toggle">
+          <div
+            className={`toggle-switch ${isEnabled ? 'toggle-switch--active' : ''}`}
+            onClick={() => toggleSection(section.id)}
+            role="switch"
+            aria-checked={isEnabled}
+            title={isEnabled ? 'Disable section' : 'Enable section'}
+          />
+        </div>
+      </div>
+
+      <div className={!isEnabled ? 'section-disabled' : ''}>
+        {section.subsections.map(sub => {
+          const isCollapsed = collapsedSubs[sub.id];
+          return (
+            <div className="subsection" key={sub.id} id={`subsection-${sub.id}`}>
+              <button
+                className="collapsible-trigger"
+                onClick={() => toggleSubsection(sub.id)}
+                type="button"
+              >
+                <span className="subsection__title" style={{ margin: 0 }}>
+                  <span className="subsection__title-dot" />
+                  {sub.title}
+                </span>
+                <span className={`collapsible-trigger__icon ${!isCollapsed ? 'collapsible-trigger__icon--open' : ''}`}>
+                  <ChevronDown size={16} />
+                </span>
+              </button>
+
+              {!isCollapsed && (
+                <div style={{ paddingTop: 'var(--space-3)' }}>
+                  {sub.fields.map(field => (
+                    <FieldRenderer
+                      key={field.id}
+                      field={field}
+                      sectionId={section.id}
+                    />
+                  ))}
+                </div>
+              )}
+            </div>
+          );
+        })}
+      </div>
+    </div>
+  );
+}

frontend/src/context/AuthContext.jsx

@@ -0,0 +1,87 @@
+import { createContext, useContext, useState, useEffect, useCallback } from 'react';
+
+const AuthContext = createContext();
+
+const API_BASE = import.meta.env.VITE_API_URL || '';
+
+export function AuthProvider({ children }) {
+  const [user, setUser] = useState(null);
+  const [token, setToken] = useState(null);
+  const [loading, setLoading] = useState(true);
+
+  // On mount, check if we have a stored token and verify it
+  useEffect(() => {
+    const storedToken = sessionStorage.getItem('ot-token');
+    const storedUser = sessionStorage.getItem('ot-user');
+
+    if (storedToken && storedUser) {
+      // Verify the token is still valid
+      fetch(`${API_BASE}/api/verify`, {
+        headers: { Authorization: `Bearer ${storedToken}` },
+      })
+        .then(res => {
+          if (res.ok) {
+            setToken(storedToken);
+            setUser(storedUser);
+          } else {
+            // Token invalid/expired — clear storage
+            sessionStorage.removeItem('ot-token');
+            sessionStorage.removeItem('ot-user');
+          }
+        })
+        .catch(() => {
+          sessionStorage.removeItem('ot-token');
+          sessionStorage.removeItem('ot-user');
+        })
+        .finally(() => setLoading(false));
+    } else {
+      setLoading(false);
+    }
+  }, []);
+
+  const login = useCallback(async (username, password) => {
+    const res = await fetch(`${API_BASE}/api/login`, {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ username, password }),
+    });
+
+    if (!res.ok) {
+      const err = await res.json().catch(() => ({}));
+      throw new Error(err.detail || 'Login failed');
+    }
+
+    const data = await res.json();
+    setToken(data.token);
+    setUser(data.username);
+    sessionStorage.setItem('ot-token', data.token);
+    sessionStorage.setItem('ot-user', data.username);
+    return data;
+  }, []);
+
+  const logout = useCallback(() => {
+    setToken(null);
+    setUser(null);
+    sessionStorage.removeItem('ot-token');
+    sessionStorage.removeItem('ot-user');
+  }, []);
+
+  const getAuthHeaders = useCallback(() => {
+    if (!token) return {};
+    return { Authorization: `Bearer ${token}` };
+  }, [token]);
+
+  const isAuthenticated = !!token && !!user;
+
+  return (
+    <AuthContext.Provider value={{ user, token, loading, isAuthenticated, login, logout, getAuthHeaders }}>
+      {children}
+    </AuthContext.Provider>
+  );
+}
+
+export function useAuth() {
+  const ctx = useContext(AuthContext);
+  if (!ctx) throw new Error('useAuth must be used within AuthProvider');
+  return ctx;
+}

frontend/src/context/FormContext.jsx

@@ -0,0 +1,403 @@
+import { createContext, useContext, useState, useCallback } from 'react';
+import { getTemplateData } from '../data/templateData';
+
+const FormContext = createContext();
+
+function initializeFormState() {
+  const data = getTemplateData();
+  const TEMPLATE_SECTIONS = data?.sections || [];
+  const HEADER_FIELDS = data?.headerFields || [];
+
+  const state = {
+    patientInfo: {},
+    sections: {},
+    customSections: [],
+    enabledSections: {},
+  };
+
+  // Initialize header fields
+  HEADER_FIELDS.forEach(f => {
+    state.patientInfo[f.id] = '';
+  });
+
+  // Initialize all sections
+  TEMPLATE_SECTIONS.forEach(section => {
+    state.enabledSections[section.id] = true;
+    state.sections[section.id] = {};
+
+    section.subsections.forEach(sub => {
+      sub.fields.forEach(field => {
+        if (field.type === 'fill-blank') {
+          state.sections[section.id][field.id] = {
+            selected: [],
+            customOptions: [],
+          };
+        } else if (field.type === 'checkbox-group') {
+          state.sections[section.id][field.id] = {
+            checked: [],
+            customItems: [],
+          };
+        } else if (field.type === 'exercise-list') {
+          const exercises = {};
+          field.exercises.forEach(ex => {
+            exercises[ex.id] = { enabled: false, sets: '', reps: '', minutes: '', seconds: '', trials: '', steps: '' };
+          });
+          state.sections[section.id][field.id] = { exercises, customExercises: [] };
+        } else if (field.type === 'text' || field.type === 'number') {
+          state.sections[section.id][field.id] = '';
+        }
+        // static type needs no state
+      });
+    });
+  });
+
+  return state;
+}
+
+export function FormProvider({ children }) {
+  const [formState, setFormState] = useState(initializeFormState);
+
+  // ── Patient info ──
+  const updatePatientInfo = useCallback((fieldId, value) => {
+    setFormState(prev => ({
+      ...prev,
+      patientInfo: { ...prev.patientInfo, [fieldId]: value },
+    }));
+  }, []);
+
+  // ── Toggle section ──
+  const toggleSection = useCallback((sectionId) => {
+    setFormState(prev => ({
+      ...prev,
+      enabledSections: {
+        ...prev.enabledSections,
+        [sectionId]: !prev.enabledSections[sectionId],
+      },
+    }));
+  }, []);
+
+  // ── Fill-blank selection ──
+  const toggleOption = useCallback((sectionId, fieldId, option, multiSelect) => {
+    setFormState(prev => {
+      const current = prev.sections[sectionId]?.[fieldId]?.selected || [];
+      let updated;
+      if (multiSelect) {
+        updated = current.includes(option)
+          ? current.filter(o => o !== option)
+          : [...current, option];
+      } else {
+        updated = current.includes(option) ? [] : [option];
+      }
+      return {
+        ...prev,
+        sections: {
+          ...prev.sections,
+          [sectionId]: {
+            ...prev.sections[sectionId],
+            [fieldId]: {
+              ...prev.sections[sectionId][fieldId],
+              selected: updated,
+            },
+          },
+        },
+      };
+    });
+  }, []);
+
+  // ── Add custom option to a fill-blank ──
+  const addCustomOption = useCallback((sectionId, fieldId, option) => {
+    if (!option.trim()) return;
+    setFormState(prev => {
+      const field = prev.sections[sectionId]?.[fieldId] || { selected: [], customOptions: [] };
+      if (field.customOptions.includes(option)) return prev;
+      return {
+        ...prev,
+        sections: {
+          ...prev.sections,
+          [sectionId]: {
+            ...prev.sections[sectionId],
+            [fieldId]: {
+              ...field,
+              customOptions: [...(field.customOptions || []), option],
+              selected: [...(field.selected || []), option],
+            },
+          },
+        },
+      };
+    });
+  }, []);
+
+  // ── Checkbox toggle ──
+  const toggleCheckbox = useCallback((sectionId, fieldId, item) => {
+    setFormState(prev => {
+      const current = prev.sections[sectionId]?.[fieldId]?.checked || [];
+      const updated = current.includes(item)
+        ? current.filter(i => i !== item)
+        : [...current, item];
+      return {
+        ...prev,
+        sections: {
+          ...prev.sections,
+          [sectionId]: {
+            ...prev.sections[sectionId],
+            [fieldId]: {
+              ...prev.sections[sectionId][fieldId],
+              checked: updated,
+            },
+          },
+        },
+      };
+    });
+  }, []);
+
+  // ── Add custom checkbox item ──
+  const addCustomCheckboxItem = useCallback((sectionId, fieldId, item) => {
+    if (!item.trim()) return;
+    setFormState(prev => {
+      const field = prev.sections[sectionId]?.[fieldId] || { checked: [], customItems: [] };
+      if (field.customItems?.includes(item)) return prev;
+      return {
+        ...prev,
+        sections: {
+          ...prev.sections,
+          [sectionId]: {
+            ...prev.sections[sectionId],
+            [fieldId]: {
+              ...field,
+              customItems: [...(field.customItems || []), item],
+              checked: [...(field.checked || []), item],
+            },
+          },
+        },
+      };
+    });
+  }, []);
+
+  // ── Exercise toggle & update ──
+  const toggleExercise = useCallback((sectionId, fieldId, exerciseId) => {
+    setFormState(prev => {
+      const exState = prev.sections[sectionId]?.[fieldId]?.exercises?.[exerciseId];
+      if (!exState) return prev;
+      return {
+        ...prev,
+        sections: {
+          ...prev.sections,
+          [sectionId]: {
+            ...prev.sections[sectionId],
+            [fieldId]: {
+              ...prev.sections[sectionId][fieldId],
+              exercises: {
+                ...prev.sections[sectionId][fieldId].exercises,
+                [exerciseId]: { ...exState, enabled: !exState.enabled },
+              },
+            },
+          },
+        },
+      };
+    });
+  }, []);
+
+  const updateExerciseValue = useCallback((sectionId, fieldId, exerciseId, key, value) => {
+    setFormState(prev => {
+      const exState = prev.sections[sectionId]?.[fieldId]?.exercises?.[exerciseId];
+      if (!exState) return prev;
+      return {
+        ...prev,
+        sections: {
+          ...prev.sections,
+          [sectionId]: {
+            ...prev.sections[sectionId],
+            [fieldId]: {
+              ...prev.sections[sectionId][fieldId],
+              exercises: {
+                ...prev.sections[sectionId][fieldId].exercises,
+                [exerciseId]: { ...exState, [key]: value },
+              },
+            },
+          },
+        },
+      };
+    });
+  }, []);
+
+  // ── Text / number update ──
+  const updateTextField = useCallback((sectionId, fieldId, value) => {
+    setFormState(prev => ({
+      ...prev,
+      sections: {
+        ...prev.sections,
+        [sectionId]: {
+          ...prev.sections[sectionId],
+          [fieldId]: value,
+        },
+      },
+    }));
+  }, []);
+
+  // ── Custom sections ──
+  const addCustomSection = useCallback((title) => {
+    const id = `custom_${Date.now()}`;
+    setFormState(prev => ({
+      ...prev,
+      customSections: [
+        ...prev.customSections,
+        {
+          id,
+          title,
+          fields: [],
+        },
+      ],
+      enabledSections: { ...prev.enabledSections, [id]: true },
+    }));
+    return id;
+  }, []);
+
+  const addFieldToCustomSection = useCallback((sectionId, field) => {
+    setFormState(prev => ({
+      ...prev,
+      customSections: prev.customSections.map(s =>
+        s.id === sectionId
+          ? { ...s, fields: [...s.fields, field] }
+          : s
+      ),
+    }));
+  }, []);
+
+  const removeCustomSection = useCallback((sectionId) => {
+    setFormState(prev => ({
+      ...prev,
+      customSections: prev.customSections.filter(s => s.id !== sectionId),
+    }));
+  }, []);
+
+  // ── Build payload for API ──
+  const buildPayload = useCallback(() => {
+    const data = getTemplateData();
+    const TEMPLATE_SECTIONS = data?.sections || [];
+
+    const payload = {
+      patientInfo: formState.patientInfo,
+      sections: [],
+      customSections: [],
+    };
+
+    TEMPLATE_SECTIONS.forEach(section => {
+      if (!formState.enabledSections[section.id]) return;
+
+      const sectionData = {
+        sectionId: section.id,
+        sectionTitle: section.title,
+        enabled: true,
+        fields: [],
+      };
+
+      section.subsections.forEach(sub => {
+        sub.fields.forEach(field => {
+          const val = formState.sections[section.id]?.[field.id];
+          if (!val) return;
+
+          if (field.type === 'fill-blank') {
+            if (val.selected?.length > 0) {
+              sectionData.fields.push({
+                fieldId: field.id,
+                fieldLabel: field.label,
+                selectedOptions: val.selected,
+              });
+            }
+          } else if (field.type === 'checkbox-group') {
+            if (val.checked?.length > 0) {
+              sectionData.fields.push({
+                fieldId: field.id,
+                fieldLabel: field.label,
+                selectedOptions: val.checked,
+              });
+            }
+          } else if (field.type === 'exercise-list') {
+            const enabledExercises = [];
+            Object.entries(val.exercises || {}).forEach(([exId, exState]) => {
+              if (exState.enabled) {
+                const ex = field.exercises.find(e => e.id === exId);
+                if (ex) {
+                  let desc = ex.name;
+                  if (exState.sets && exState.reps) desc += ` \u2014 ${exState.sets} \u00d7 ${exState.reps} reps`;
+                  else if (exState.minutes) desc += ` \u2014 ${exState.minutes} min`;
+                  else if (exState.seconds) desc += ` \u2014 ${exState.seconds} sec`;
+                  else if (exState.trials) desc += ` \u2014 ${exState.trials} trials`;
+                  else if (exState.steps) desc += ` \u2014 ${exState.steps} steps`;
+                  enabledExercises.push(desc);
+                }
+              }
+            });
+            if (enabledExercises.length > 0) {
+              sectionData.fields.push({
+                fieldId: field.id,
+                fieldLabel: field.label,
+                selectedOptions: enabledExercises,
+              });
+            }
+          } else if ((field.type === 'text' || field.type === 'number') && val) {
+            sectionData.fields.push({
+              fieldId: field.id,
+              fieldLabel: field.label,
+              selectedOptions: [],
+              customText: String(val),
+            });
+          }
+        });
+      });
+
+      if (sectionData.fields.length > 0) {
+        payload.sections.push(sectionData);
+      }
+    });
+
+    return payload;
+  }, [formState]);
+
+  // ── Count filled fields per section ──
+  const getFilledCount = useCallback((sectionId) => {
+    const sectionState = formState.sections[sectionId];
+    if (!sectionState) return 0;
+    let count = 0;
+    Object.values(sectionState).forEach(val => {
+      if (typeof val === 'string' && val) count++;
+      else if (val?.selected?.length > 0) count++;
+      else if (val?.checked?.length > 0) count++;
+      else if (val?.exercises) {
+        const hasEnabled = Object.values(val.exercises).some(e => e.enabled);
+        if (hasEnabled) count++;
+      }
+    });
+    return count;
+  }, [formState]);
+
+  const value = {
+    formState,
+    updatePatientInfo,
+    toggleSection,
+    toggleOption,
+    addCustomOption,
+    toggleCheckbox,
+    addCustomCheckboxItem,
+    toggleExercise,
+    updateExerciseValue,
+    updateTextField,
+    addCustomSection,
+    addFieldToCustomSection,
+    removeCustomSection,
+    buildPayload,
+    getFilledCount,
+  };
+
+  return (
+    <FormContext.Provider value={value}>
+      {children}
+    </FormContext.Provider>
+  );
+}
+
+export function useForm() {
+  const ctx = useContext(FormContext);
+  if (!ctx) throw new Error('useForm must be used within FormProvider');
+  return ctx;
+}

frontend/src/context/ThemeContext.jsx

@@ -0,0 +1,46 @@
+import { createContext, useContext, useState, useEffect, useCallback } from 'react';
+
+const ThemeContext = createContext();
+
+export function ThemeProvider({ children }) {
+  const [theme, setTheme] = useState(() => {
+    const saved = localStorage.getItem('ot-theme');
+    return saved || 'dark';
+  });
+
+  useEffect(() => {
+    document.documentElement.setAttribute('data-theme', theme);
+    localStorage.setItem('ot-theme', theme);
+  }, [theme]);
+
+  const toggleTheme = useCallback(() => {
+    // 1. Kill ALL transitions so every element swaps color instantly
+    document.documentElement.classList.add('theme-switching');
+
+    // 2. Swap theme immediately
+    setTheme(prev => (prev === 'dark' ? 'light' : 'dark'));
+
+    // 3. Force reflow so the new colors paint before transitions re-enable
+    // eslint-disable-next-line no-unused-expressions
+    document.documentElement.offsetHeight;
+
+    // 4. Re-enable transitions after a single frame
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        document.documentElement.classList.remove('theme-switching');
+      });
+    });
+  }, []);
+
+  return (
+    <ThemeContext.Provider value={{ theme, toggleTheme }}>
+      {children}
+    </ThemeContext.Provider>
+  );
+}
+
+export function useTheme() {
+  const ctx = useContext(ThemeContext);
+  if (!ctx) throw new Error('useTheme must be used within ThemeProvider');
+  return ctx;
+}

frontend/src/data/templateData.js

@@ -0,0 +1,62 @@
+/**
+ * Template Data Loader
+ * ====================
+ * Fetches the template structure from the protected backend API.
+ * This file replaces the original templateData.js — the actual data
+ * lives on the server and is only accessible to authenticated users.
+ */
+
+const API_BASE = import.meta.env.VITE_API_URL || '';
+
+// In-memory cache so we only fetch once per session
+let _cachedData = null;
+
+/**
+ * Fetches the complete template data from the backend.
+ * Must be called after authentication (needs Bearer token).
+ */
+export async function fetchTemplateData(token) {
+  if (_cachedData) return _cachedData;
+
+  const res = await fetch(`${API_BASE}/api/template`, {
+    headers: { Authorization: `Bearer ${token}` },
+  });
+
+  if (!res.ok) {
+    throw new Error('Failed to load template data');
+  }
+
+  _cachedData = await res.json();
+  return _cachedData;
+}
+
+/**
+ * Returns cached template data (must call fetchTemplateData first).
+ */
+export function getTemplateData() {
+  return _cachedData;
+}
+
+// Provide empty defaults for imports that happen before fetch completes.
+// These get replaced once fetchTemplateData() resolves.
+export let ABBREVIATIONS = [];
+export let SMART_PHRASES = [];
+export let HEADER_FIELDS = [];
+
+// Default export — the sections array
+let TEMPLATE_SECTIONS = [];
+export default TEMPLATE_SECTIONS;
+
+/**
+ * Called after fetchTemplateData resolves to populate the module-level exports.
+ */
+export function hydrateTemplateData(data) {
+  TEMPLATE_SECTIONS = data.sections || [];
+  ABBREVIATIONS = data.abbreviations || [];
+  SMART_PHRASES = data.smartPhrases || [];
+  HEADER_FIELDS = data.headerFields || [];
+  _cachedData = data;
+
+  // Return for convenience
+  return { TEMPLATE_SECTIONS, ABBREVIATIONS, SMART_PHRASES, HEADER_FIELDS };
+}

frontend/src/index.css

@@ -0,0 +1,1961 @@
+/* ═══════════════════════════════════════════════════════════
+   OT Note Builder — Design System
+   ═══════════════════════════════════════════════════════════ */
+
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');
+
+/* ── CSS Custom Properties (Design Tokens) ── */
+
+:root {
+  /* Green accent palette */
+  --accent-50: #ecfdf5;
+  --accent-100: #d1fae5;
+  --accent-200: #a7f3d0;
+  --accent-300: #6ee7b7;
+  --accent-400: #34d399;
+  --accent-500: #10b981;
+  --accent-600: #059669;
+  --accent-700: #047857;
+  --accent-800: #065f46;
+  --accent-900: #064e3b;
+
+  /* Neutrals */
+  --neutral-50: #f9fafb;
+  --neutral-100: #f3f4f6;
+  --neutral-200: #e5e7eb;
+  --neutral-300: #d1d5db;
+  --neutral-400: #9ca3af;
+  --neutral-500: #6b7280;
+  --neutral-600: #4b5563;
+  --neutral-700: #374151;
+  --neutral-800: #1f2937;
+  --neutral-900: #111827;
+  --neutral-950: #030712;
+
+  /* Semantic */
+  --danger: #ef4444;
+  --warning: #f59e0b;
+  --info: #3b82f6;
+
+  /* Typography */
+  --font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+  --font-xs: 0.75rem;
+  --font-sm: 0.8125rem;
+  --font-base: 0.875rem;
+  --font-md: 1rem;
+  --font-lg: 1.125rem;
+  --font-xl: 1.25rem;
+  --font-2xl: 1.5rem;
+  --font-3xl: 1.875rem;
+
+  /* Spacing */
+  --space-1: 0.25rem;
+  --space-2: 0.5rem;
+  --space-3: 0.75rem;
+  --space-4: 1rem;
+  --space-5: 1.25rem;
+  --space-6: 1.5rem;
+  --space-8: 2rem;
+  --space-10: 2.5rem;
+  --space-12: 3rem;
+
+  /* Radius */
+  --radius-sm: 6px;
+  --radius-md: 8px;
+  --radius-lg: 12px;
+  --radius-xl: 16px;
+  --radius-full: 9999px;
+
+  /* Shadows */
+  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
+  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
+  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
+  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
+
+  /* Transitions */
+  --transition-fast: 150ms ease;
+  --transition-base: 200ms ease;
+  --transition-slow: 300ms ease;
+
+  /* Layout */
+  --sidebar-width: 280px;
+  --navbar-height: 64px;
+}
+
+/* ── Theme Transition ── 
+   Applied briefly via JS to create a single smooth crossfade.
+   Without this class, theme swaps are instant (no jank). */
+
+.theme-transitioning,
+.theme-transitioning *,
+.theme-transitioning *::before,
+.theme-transitioning *::after {
+  transition: background-color 400ms ease, color 400ms ease,
+              border-color 400ms ease, box-shadow 400ms ease,
+              fill 400ms ease, stroke 400ms ease !important;
+}
+
+/* ── Light Theme (default) ── */
+
+[data-theme="light"] {
+  color-scheme: light;
+  --bg-primary: #ffffff;
+  --bg-secondary: var(--neutral-50);
+  --bg-tertiary: var(--neutral-100);
+  --bg-elevated: #ffffff;
+  --bg-overlay: rgba(0, 0, 0, 0.5);
+
+  --text-primary: var(--neutral-900);
+  --text-secondary: var(--neutral-600);
+  --text-tertiary: var(--neutral-400);
+  --text-inverse: #ffffff;
+
+  --border-primary: var(--neutral-200);
+  --border-secondary: var(--neutral-100);
+  --border-focus: var(--accent-500);
+
+  --surface-card: #ffffff;
+  --surface-card-hover: var(--neutral-50);
+  --surface-input: #ffffff;
+
+  --glass-bg: rgba(255, 255, 255, 0.8);
+  --glass-border: rgba(255, 255, 255, 0.3);
+
+  --option-bg: var(--neutral-100);
+  --option-hover: var(--neutral-200);
+  --option-selected-bg: var(--accent-50);
+  --option-selected-border: var(--accent-500);
+  --option-selected-text: var(--accent-700);
+
+  --checkbox-bg: var(--neutral-100);
+  --checkbox-checked-bg: var(--accent-500);
+
+  --scrollbar-track: var(--neutral-100);
+  --scrollbar-thumb: var(--neutral-300);
+
+  --sidebar-bg: var(--neutral-50);
+  --navbar-bg: #ffffff;
+  --navbar-border: var(--neutral-200);
+}
+
+/* ── Dark Theme ── */
+
+[data-theme="dark"] {
+  color-scheme: dark;
+  --bg-primary: #0a0f1a;
+  --bg-secondary: #0f1629;
+  --bg-tertiary: #151d35;
+  --bg-elevated: #1a2340;
+  --bg-overlay: rgba(0, 0, 0, 0.7);
+
+  --text-primary: #e8ecf4;
+  --text-secondary: #94a3b8;
+  --text-tertiary: #64748b;
+  --text-inverse: #0a0f1a;
+
+  --border-primary: #1e2d4a;
+  --border-secondary: #162036;
+  --border-focus: var(--accent-400);
+
+  --surface-card: #111a30;
+  --surface-card-hover: #162040;
+  --surface-input: #0f1629;
+
+  --glass-bg: rgba(17, 26, 48, 0.85);
+  --glass-border: rgba(30, 45, 74, 0.5);
+
+  --option-bg: #151d35;
+  --option-hover: #1a2545;
+  --option-selected-bg: rgba(16, 185, 129, 0.12);
+  --option-selected-border: var(--accent-500);
+  --option-selected-text: var(--accent-400);
+
+  --checkbox-bg: #1a2340;
+  --checkbox-checked-bg: var(--accent-500);
+
+  --scrollbar-track: #0f1629;
+  --scrollbar-thumb: #1e2d4a;
+
+  --sidebar-bg: #0c1220;
+  --navbar-bg: #0c1220;
+  --navbar-border: #1e2d4a;
+}
+
+/* ── Global Reset ── */
+
+*,
+*::before,
+*::after {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+html {
+  font-size: 16px;
+  scroll-behavior: smooth;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+body {
+  font-family: var(--font-family);
+  background: var(--bg-primary);
+  color: var(--text-primary);
+  line-height: 1.6;
+  min-height: 100vh;
+}
+
+#root {
+  min-height: 100vh;
+}
+
+/* ── Instant theme swap — disables ALL transitions during toggle ── */
+.theme-switching,
+.theme-switching *,
+.theme-switching *::before,
+.theme-switching *::after {
+  transition: none !important;
+  animation-duration: 0s !important;
+}
+
+/* ── Scrollbar ── */
+
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+::-webkit-scrollbar-track {
+  background: var(--scrollbar-track);
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--scrollbar-thumb);
+  border-radius: var(--radius-full);
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: var(--accent-500);
+}
+
+/* ═══════════════════════════════════════════════════════════
+   Layout
+   ═══════════════════════════════════════════════════════════ */
+
+.app-layout {
+  display: flex;
+  min-height: 100vh;
+}
+
+/* ── Navbar ── */
+
+.navbar {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: var(--navbar-height);
+  background: var(--navbar-bg);
+  border-bottom: 1px solid var(--navbar-border);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 var(--space-6);
+  z-index: 100;
+  backdrop-filter: blur(20px);
+  -webkit-backdrop-filter: blur(20px);
+}
+
+/* Hamburger — hidden on desktop */
+.navbar__hamburger {
+  display: none;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 36px;
+  border: 1px solid var(--border-primary);
+  border-radius: var(--radius-md);
+  background: var(--surface-card);
+  color: var(--text-secondary);
+  cursor: pointer;
+  transition: all var(--transition-fast);
+  flex-shrink: 0;
+}
+
+.navbar__hamburger:hover {
+  border-color: var(--accent-500);
+  color: var(--accent-500);
+}
+
+/* Sidebar backdrop overlay — mobile only */
+.sidebar-backdrop {
+  display: none;
+}
+
+.navbar__brand {
+  display: flex;
+  align-items: center;
+  gap: var(--space-3);
+}
+
+.navbar__icon {
+  width: 36px;
+  height: 36px;
+  background: linear-gradient(135deg, var(--accent-500), var(--accent-700));
+  border-radius: var(--radius-md);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: white;
+}
+
+.navbar__title {
+  font-size: var(--font-lg);
+  font-weight: 700;
+  letter-spacing: -0.025em;
+}
+
+.navbar__title-accent {
+  color: var(--accent-500);
+}
+
+.navbar__actions {
+  display: flex;
+  align-items: center;
+  gap: var(--space-3);
+}
+
+.navbar__btn {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+  padding: var(--space-2) var(--space-4);
+  border: 1px solid var(--border-primary);
+  border-radius: var(--radius-md);
+  background: var(--surface-card);
+  color: var(--text-primary);
+  font-size: var(--font-sm);
+  font-weight: 500;
+  cursor: pointer;
+  transition: all var(--transition-fast);
+  font-family: var(--font-family);
+}
+
+.navbar__btn:hover {
+  border-color: var(--accent-500);
+  color: var(--accent-500);
+}
+
+.navbar__btn--primary {
+  background: linear-gradient(135deg, var(--accent-500), var(--accent-600));
+  color: white;
+  border-color: transparent;
+}
+
+.navbar__btn--primary:hover {
+  background: linear-gradient(135deg, var(--accent-600), var(--accent-700));
+  color: white;
+  transform: translateY(-1px);
+  box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
+}
+
+.theme-toggle {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 36px;
+  border: 1px solid var(--border-primary);
+  border-radius: var(--radius-md);
+  background: var(--surface-card);
+  color: var(--text-secondary);
+  cursor: pointer;
+  transition: all var(--transition-fast);
+}
+
+.theme-toggle:hover {
+  border-color: var(--accent-500);
+  color: var(--accent-500);
+}
+
+/* ── Sidebar ── */
+
+.sidebar {
+  position: fixed;
+  top: var(--navbar-height);
+  left: 0;
+  width: var(--sidebar-width);
+  height: calc(100vh - var(--navbar-height));
+  background: var(--sidebar-bg);
+  border-right: 1px solid var(--border-primary);
+  overflow-y: auto;
+  padding: var(--space-4) 0;
+  z-index: 50;
+}
+
+.sidebar__section-title {
+  font-size: var(--font-xs);
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--text-tertiary);
+  padding: var(--space-3) var(--space-5);
+  margin-top: var(--space-2);
+}
+
+.sidebar__item {
+  display: flex;
+  align-items: center;
+  gap: var(--space-3);
+  padding: var(--space-3) var(--space-5);
+  cursor: pointer;
+  transition: all var(--transition-fast);
+  border-left: 3px solid transparent;
+  color: var(--text-secondary);
+  font-size: var(--font-sm);
+  font-weight: 500;
+  position: relative;
+}
+
+.sidebar__item:hover {
+  background: var(--surface-card-hover);
+  color: var(--text-primary);
+}
+
+.sidebar__item--active {
+  background: var(--option-selected-bg);
+  border-left-color: var(--accent-500);
+  color: var(--accent-500);
+}
+
+.sidebar__item-icon {
+  width: 20px;
+  height: 20px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+
+.sidebar__item-label {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.sidebar__item-badge {
+  margin-left: auto;
+  background: var(--accent-500);
+  color: white;
+  font-size: 10px;
+  font-weight: 700;
+  padding: 2px 6px;
+  border-radius: var(--radius-full);
+  min-width: 20px;
+  text-align: center;
+}
+
+.sidebar__toggle-section {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--space-2) var(--space-5);
+}
+
+/* ── Main Content ── */
+
+.main-content {
+  margin-left: var(--sidebar-width);
+  margin-top: var(--navbar-height);
+  flex: 1;
+  padding: var(--space-8);
+  min-height: calc(100vh - var(--navbar-height));
+  max-width: 960px;
+}
+
+/* ═══════════════════════════════════════════════════════════
+   Section & Subsection Cards
+   ═══════════════════════════════════════════════════════════ */
+
+.section {
+  margin-bottom: var(--space-8);
+  animation: fadeInUp 0.4s ease;
+}
+
+@keyframes fadeInUp {
+  from { opacity: 0; transform: translateY(12px); }
+  to   { opacity: 1; transform: translateY(0); }
+}
+
+.section__header {
+  display: flex;
+  align-items: center;
+  gap: var(--space-3);
+  margin-bottom: var(--space-6);
+  padding-bottom: var(--space-4);
+  border-bottom: 2px solid var(--accent-500);
+}
+
+.section__header-icon {
+  width: 40px;
+  height: 40px;
+  background: linear-gradient(135deg, var(--accent-500), var(--accent-700));
+  border-radius: var(--radius-md);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: white;
+  flex-shrink: 0;
+}
+
+.section__title {
+  font-size: var(--font-xl);
+  font-weight: 700;
+  letter-spacing: -0.025em;
+}
+
+.section__cpt {
+  font-size: var(--font-sm);
+  color: var(--accent-500);
+  font-weight: 600;
+  background: var(--option-selected-bg);
+  padding: 2px 10px;
+  border-radius: var(--radius-full);
+  margin-left: auto;
+}
+
+.section__toggle {
+  margin-left: auto;
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+}
+
+.toggle-switch {
+  position: relative;
+  width: 44px;
+  height: 24px;
+  background: var(--neutral-300);
+  border-radius: var(--radius-full);
+  cursor: pointer;
+  transition: background var(--transition-fast);
+}
+
+[data-theme="dark"] .toggle-switch {
+  background: var(--neutral-700);
+}
+
+.toggle-switch--active {
+  background: var(--accent-500) !important;
+}
+
+.toggle-switch::after {
+  content: '';
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  width: 20px;
+  height: 20px;
+  background: white;
+  border-radius: 50%;
+  transition: transform var(--transition-fast);
+  box-shadow: var(--shadow-sm);
+}
+
+.toggle-switch--active::after {
+  transform: translateX(20px);
+}
+
+.subsection {
+  background: var(--surface-card);
+  border: 1px solid var(--border-primary);
+  border-radius: var(--radius-lg);
+  padding: var(--space-5);
+  margin-bottom: var(--space-4);
+}
+
+.subsection:hover {
+  border-color: var(--accent-500);
+  border-color: color-mix(in srgb, var(--accent-500) 40%, var(--border-primary));
+}
+
+.subsection__title {
+  font-size: var(--font-base);
+  font-weight: 600;
+  color: var(--text-primary);
+  margin-bottom: var(--space-4);
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+}
+
+.subsection__title-dot {
+  width: 6px;
+  height: 6px;
+  background: var(--accent-500);
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+
+/* ═══════════════════════════════════════════════════════════
+   Field Components
+   ═══════════════════════════════════════════════════════════ */
+
+/* ── Fill Blank ── */
+
+.fill-blank {
+  margin-bottom: var(--space-5);
+}
+
+.fill-blank__label {
+  font-size: var(--font-sm);
+  font-weight: 600;
+  color: var(--text-secondary);
+  margin-bottom: var(--space-2);
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+}
+
+.fill-blank__sentence {
+  font-size: var(--font-base);
+  color: var(--text-primary);
+  margin-bottom: var(--space-3);
+  line-height: 1.7;
+  padding: var(--space-3) var(--space-4);
+  background: var(--bg-secondary);
+  border-radius: var(--radius-md);
+  border-left: 3px solid var(--accent-500);
+}
+
+.fill-blank__blank {
+  color: var(--accent-500);
+  font-weight: 600;
+  border-bottom: 2px dashed var(--accent-400);
+  padding: 0 var(--space-1);
+}
+
+.fill-blank__blank--filled {
+  color: var(--accent-400);
+  border-bottom-style: solid;
+  background: var(--option-selected-bg);
+  border-radius: 2px;
+  padding: 1px var(--space-1);
+}
+
+.fill-blank__options {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-2);
+}
+
+.option-btn {
+  padding: var(--space-2) var(--space-3);
+  border: 1px solid var(--border-primary);
+  border-radius: var(--radius-full);
+  background: var(--option-bg);
+  color: var(--text-secondary);
+  font-size: var(--font-sm);
+  font-weight: 500;
+  cursor: pointer;
+  transition: all var(--transition-fast);
+  font-family: var(--font-family);
+  white-space: nowrap;
+}
+
+.option-btn:hover {
+  background: var(--option-hover);
+  color: var(--text-primary);
+  border-color: var(--accent-400);
+}
+
+.option-btn--selected {
+  background: var(--option-selected-bg);
+  border-color: var(--option-selected-border);
+  color: var(--option-selected-text);
+  font-weight: 600;
+}
+
+.option-btn--selected:hover {
+  background: var(--option-selected-bg);
+  border-color: var(--accent-400);
+}
+
+/* ── Custom input inline ── */
+
+.fill-blank__custom {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+  margin-top: var(--space-2);
+}
+
+.fill-blank__custom-input {
+  flex: 1;
+  padding: var(--space-2) var(--space-3);
+  border: 1px solid var(--border-primary);
+  border-radius: var(--radius-full);
+  background: var(--surface-input);
+  color: var(--text-primary);
+  font-size: var(--font-sm);
+  font-family: var(--font-family);
+  transition: border-color var(--transition-fast);
+  max-width: 300px;
+}
+
+.fill-blank__custom-input:focus {
+  outline: none;
+  border-color: var(--accent-500);
+  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
+}
+
+.fill-blank__custom-add {
+  width: 32px;
+  height: 32px;
+  border: 1px solid var(--accent-500);
+  border-radius: 50%;
+  background: transparent;
+  color: var(--accent-500);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  transition: all var(--transition-fast);
+  flex-shrink: 0;
+}
+
+.fill-blank__custom-add:hover {
+  background: var(--accent-500);
+  color: white;
+}
+
+/* ── Checkbox Group ── */
+
+.checkbox-group {
+  margin-bottom: var(--space-5);
+}
+
+.checkbox-group__label {
+  font-size: var(--font-sm);
+  font-weight: 600;
+  color: var(--text-secondary);
+  margin-bottom: var(--space-2);
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+}
+
+.checkbox-group__sentence {
+  font-size: var(--font-base);
+  color: var(--text-primary);
+  margin-bottom: var(--space-3);
+  line-height: 1.7;
+  padding: var(--space-3) var(--space-4);
+  background: var(--bg-secondary);
+  border-radius: var(--radius-md);
+  border-left: 3px solid var(--accent-500);
+}
+
+.checkbox-group__items {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-2);
+}
+
+.checkbox-item {
+  display: flex;
+  align-items: center;
+  gap: var(--space-3);
+  padding: var(--space-3) var(--space-4);
+  border: 1px solid var(--border-primary);
+  border-radius: var(--radius-md);
+  background: var(--surface-card);
+  cursor: pointer;
+  transition: all var(--transition-fast);
+}
+
+.checkbox-item:hover {
+  border-color: var(--accent-400);
+  background: var(--surface-card-hover);
+}
+
+.checkbox-item--checked {
+  background: var(--option-selected-bg);
+  border-color: var(--option-selected-border);
+}
+
+.checkbox-item__box {
+  width: 20px;
+  height: 20px;
+  border: 2px solid var(--border-primary);
+  border-radius: var(--radius-sm);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  transition: all var(--transition-fast);
+}
+
+.checkbox-item--checked .checkbox-item__box {
+  background: var(--accent-500);
+  border-color: var(--accent-500);
+  color: white;
+}
+
+.checkbox-item__label {
+  font-size: var(--font-sm);
+  color: var(--text-primary);
+  font-weight: 500;
+}
+
+/* ── Exercise List ── */
+
+.exercise-list {
+  margin-bottom: var(--space-5);
+}
+
+.exercise-list__label {
+  font-size: var(--font-sm);
+  font-weight: 600;
+  color: var(--text-secondary);
+  margin-bottom: var(--space-3);
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+}
+
+.exercise-item {
+  display: flex;
+  align-items: center;
+  gap: var(--space-3);
+  padding: var(--space-2) var(--space-3);
+  border: 1px solid var(--border-secondary);
+  border-radius: var(--radius-md);
+  margin-bottom: var(--space-2);
+  transition: all var(--transition-fast);
+  background: var(--surface-card);
+}
+
+.exercise-item--active {
+  border-color: var(--accent-500);
+  background: var(--option-selected-bg);
+}
+
+.exercise-item__toggle {
+  width: 20px;
+  height: 20px;
+  border: 2px solid var(--border-primary);
+  border-radius: var(--radius-sm);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  flex-shrink: 0;
+  transition: all var(--transition-fast);
+}
+
+.exercise-item--active .exercise-item__toggle {
+  background: var(--accent-500);
+  border-color: var(--accent-500);
+  color: white;
+}
+
+.exercise-item__name {
+  flex: 1;
+  font-size: var(--font-sm);
+  color: var(--text-primary);
+  font-weight: 500;
+  cursor: pointer;
+}
+
+.exercise-item__inputs {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+}
+
+.exercise-item__input {
+  width: 48px;
+  padding: var(--space-1) var(--space-2);
+  border: 1px solid var(--border-primary);
+  border-radius: var(--radius-sm);
+  background: var(--surface-input);
+  color: var(--text-primary);
+  font-size: var(--font-xs);
+  text-align: center;
+  font-family: var(--font-family);
+  transition: border-color var(--transition-fast);
+}
+
+.exercise-item__input:focus {
+  outline: none;
+  border-color: var(--accent-500);
+}
+
+.exercise-item__separator {
+  color: var(--text-tertiary);
+  font-size: var(--font-xs);
+  font-weight: 600;
+}
+
+.exercise-item__unit {
+  color: var(--text-tertiary);
+  font-size: var(--font-xs);
+  min-width: 32px;
+}
+
+/* ── Text / Number Input ── */
+
+.text-input {
+  margin-bottom: var(--space-4);
+}
+
+.text-input__label {
+  display: block;
+  font-size: var(--font-sm);
+  font-weight: 600;
+  color: var(--text-secondary);
+  margin-bottom: var(--space-2);
+}
+
+.text-input__field {
+  width: 100%;
+  padding: var(--space-3) var(--space-4);
+  border: 1px solid var(--border-primary);
+  border-radius: var(--radius-md);
+  background: var(--surface-input);
+  color: var(--text-primary);
+  font-size: var(--font-base);
+  font-family: var(--font-family);
+  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
+}
+
+.text-input__field:focus {
+  outline: none;
+  border-color: var(--accent-500);
+  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
+}
+
+.text-input__field::placeholder {
+  color: var(--text-tertiary);
+}
+
+.text-input__sentence {
+  font-size: var(--font-sm);
+  color: var(--text-tertiary);
+  margin-top: var(--space-1);
+  font-style: italic;
+}
+
+/* ── Static Text ── */
+
+.static-text {
+  padding: var(--space-4);
+  background: var(--bg-secondary);
+  border-radius: var(--radius-md);
+  border-left: 3px solid var(--accent-500);
+  margin-bottom: var(--space-4);
+}
+
+.static-text__content {
+  font-size: var(--font-sm);
+  color: var(--text-secondary);
+  line-height: 1.7;
+}
+
+/* ═══════════════════════════════════════════════════════════
+   Header / Patient Info
+   ═══════════════════════════════════════════════════════════ */
+
+.patient-header {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: var(--space-4);
+  margin-bottom: var(--space-6);
+}
+
+.patient-header .text-input__field {
+  background: var(--surface-card);
+}
+
+/* ═══════════════════════════════════════════════════════════
+   Abbreviation Reference
+   ═══════════════════════════════════════════════════════════ */
+
+.abbrev-panel {
+  margin-bottom: var(--space-8);
+}
+
+.abbrev-category {
+  margin-bottom: var(--space-4);
+}
+
+.abbrev-category__title {
+  font-size: var(--font-xs);
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.08em;
+  color: var(--accent-500);
+  margin-bottom: var(--space-2);
+  padding-bottom: var(--space-1);
+  border-bottom: 1px solid var(--border-secondary);
+}
+
+.abbrev-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--space-2);
+}
+
+.abbrev-chip {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 3px 10px;
+  border: 1px solid var(--border-primary);
+  border-radius: var(--radius-full);
+  font-size: var(--font-xs);
+  background: var(--surface-card);
+}
+
+.abbrev-chip__abbr {
+  font-weight: 700;
+  color: var(--accent-500);
+}
+
+.abbrev-chip__meaning {
+  color: var(--text-secondary);
+}
+
+/* ═══════════════════════════════════════════════════════════
+   Preview / Generated Note Panel
+   ═══════════════════════════════════════════════════════════ */
+
+.preview-overlay {
+  position: fixed;
+  inset: 0;
+  background: var(--bg-overlay);
+  z-index: 200;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  animation: fadeIn 0.2s ease;
+}
+
+@keyframes fadeIn {
+  from { opacity: 0; }
+  to   { opacity: 1; }
+}
+
+.preview-panel {
+  width: 90%;
+  max-width: 800px;
+  max-height: 90vh;
+  background: var(--bg-elevated);
+  border: 1px solid var(--border-primary);
+  border-radius: var(--radius-xl);
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  box-shadow: var(--shadow-xl);
+  animation: slideUp 0.3s ease;
+}
+
+@keyframes slideUp {
+  from { opacity: 0; transform: translateY(20px); }
+  to   { opacity: 1; transform: translateY(0); }
+}
+
+.preview-panel__header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--space-5) var(--space-6);
+  border-bottom: 1px solid var(--border-primary);
+}
+
+.preview-panel__title {
+  font-size: var(--font-lg);
+  font-weight: 700;
+}
+
+.preview-panel__close {
+  width: 32px;
+  height: 32px;
+  border: 1px solid var(--border-primary);
+  border-radius: var(--radius-md);
+  background: transparent;
+  color: var(--text-secondary);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  transition: all var(--transition-fast);
+}
+
+.preview-panel__close:hover {
+  border-color: var(--danger);
+  color: var(--danger);
+}
+
+.preview-panel__body {
+  flex: 1;
+  overflow-y: auto;
+  padding: var(--space-6);
+}
+
+.preview-panel__content {
+  font-size: var(--font-base);
+  line-height: 1.8;
+  white-space: pre-wrap;
+  color: var(--text-primary);
+}
+
+.preview-panel__content p {
+  margin-bottom: var(--space-4);
+}
+
+.preview-panel__footer {
+  display: flex;
+  align-items: center;
+  gap: var(--space-3);
+  padding: var(--space-4) var(--space-6);
+  border-top: 1px solid var(--border-primary);
+}
+
+.preview-panel__footer .navbar__btn {
+  flex: 1;
+  justify-content: center;
+}
+
+/* ── Loading ── */
+
+.loading-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: var(--space-12);
+  gap: var(--space-4);
+}
+
+.loading-spinner {
+  width: 40px;
+  height: 40px;
+  border: 3px solid var(--border-primary);
+  border-top-color: var(--accent-500);
+  border-radius: 50%;
+  animation: spin 0.8s linear infinite;
+}
+
+@keyframes spin {
+  to { transform: rotate(360deg); }
+}
+
+.loading-text {
+  font-size: var(--font-sm);
+  color: var(--text-secondary);
+  font-weight: 500;
+}
+
+/* ═══════════════════════════════════════════════════════════
+   Smart Phrases Panel
+   ═══════════════════════════════════════════════════════════ */
+
+.smart-phrases__list {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-3);
+}
+
+.smart-phrase {
+  padding: var(--space-3) var(--space-4);
+  background: var(--surface-card);
+  border: 1px solid var(--border-primary);
+  border-radius: var(--radius-md);
+  font-size: var(--font-sm);
+  color: var(--text-secondary);
+  line-height: 1.6;
+  display: flex;
+  gap: var(--space-3);
+  transition: all var(--transition-fast);
+  cursor: pointer;
+}
+
+.smart-phrase:hover {
+  border-color: var(--accent-500);
+  background: var(--option-selected-bg);
+}
+
+.smart-phrase__number {
+  color: var(--accent-500);
+  font-weight: 700;
+  flex-shrink: 0;
+  min-width: 24px;
+}
+
+.smart-phrase__copy {
+  margin-left: auto;
+  color: var(--text-tertiary);
+  flex-shrink: 0;
+  transition: color var(--transition-fast);
+}
+
+.smart-phrase:hover .smart-phrase__copy {
+  color: var(--accent-500);
+}
+
+/* ═══════════════════════════════════════════════════════════
+   Custom Section Modal
+   ═══════════════════════════════════════════════════════════ */
+
+.modal-overlay {
+  position: fixed;
+  inset: 0;
+  background: var(--bg-overlay);
+  z-index: 300;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.modal {
+  width: 90%;
+  max-width: 500px;
+  background: var(--bg-elevated);
+  border: 1px solid var(--border-primary);
+  border-radius: var(--radius-xl);
+  padding: var(--space-6);
+  box-shadow: var(--shadow-xl);
+}
+
+.modal__title {
+  font-size: var(--font-lg);
+  font-weight: 700;
+  margin-bottom: var(--space-5);
+}
+
+.modal__actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: var(--space-3);
+  margin-top: var(--space-5);
+}
+
+/* ═══════════════════════════════════════════════════════════
+   Responsive — Tablet (max 1024px)
+   ══════════��════════════════════════════════════════════════ */
+
+@media (max-width: 1024px) {
+  /* Show hamburger menu button */
+  .navbar__hamburger {
+    display: flex;
+  }
+
+  /* Sidebar backdrop */
+  .sidebar-backdrop {
+    display: block;
+    position: fixed;
+    inset: 0;
+    background: rgba(0, 0, 0, 0.4);
+    z-index: 85;
+    backdrop-filter: blur(2px);
+  }
+
+  /* Sidebar -> overlay drawer */
+  .sidebar {
+    transform: translateX(-100%);
+    transition: transform var(--transition-slow);
+    z-index: 90;
+    box-shadow: none;
+  }
+
+  .sidebar--open {
+    transform: translateX(0);
+    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.2);
+  }
+
+  /* Main content takes full width */
+  .main-content {
+    margin-left: 0;
+    padding: var(--space-6);
+    max-width: 100%;
+  }
+
+  /* Navbar button labels can stay */
+  .navbar {
+    padding: 0 var(--space-4);
+  }
+
+  .navbar__actions {
+    gap: var(--space-2);
+  }
+
+  /* Panels fill more screen */
+  .preview-panel {
+    width: 95%;
+    max-width: 95%;
+    max-height: 95vh;
+  }
+}
+
+/* ═══════════════════════════════════════════════════════════
+   Responsive — Mobile (max 768px)
+   ═══════════════════════════════════════════════════════════ */
+
+@media (max-width: 768px) {
+  /* Navbar compact */
+  .navbar {
+    padding: 0 var(--space-2);
+    height: 52px;
+    overflow-x: hidden;
+  }
+
+  .navbar__brand {
+    gap: var(--space-2);
+    min-width: 0;
+  }
+
+  /* Hide the brand icon on mobile to save space */
+  .navbar__icon--desktop {
+    display: none;
+  }
+
+  .navbar__title {
+    font-size: var(--font-sm);
+    white-space: nowrap;
+  }
+
+  .navbar__actions {
+    gap: 4px;
+    flex-shrink: 0;
+  }
+
+  /* Hide only the label text — NOT all span children */
+  .navbar__btn-label {
+    display: none;
+  }
+
+  .navbar__btn {
+    padding: 6px;
+    min-width: 32px;
+    min-height: 32px;
+    justify-content: center;
+  }
+
+  /* Hide user pill on mobile */
+  .navbar__user {
+    display: none;
+  }
+
+  .theme-toggle {
+    width: 32px;
+    height: 32px;
+    flex-shrink: 0;
+  }
+
+  .theme-toggle svg {
+    width: 14px;
+    height: 14px;
+  }
+
+  .navbar__hamburger {
+    width: 32px;
+    height: 32px;
+  }
+
+  /* Sidebar overlay width */
+  .sidebar {
+    width: 280px;
+  }
+
+  /* Main content */
+  .main-content {
+    padding: var(--space-3);
+    margin-top: 52px;
+  }
+
+  /* Section header */
+  .section__header {
+    flex-wrap: wrap;
+    gap: var(--space-2);
+  }
+
+  .section__header-icon {
+    width: 32px;
+    height: 32px;
+  }
+
+  .section__title {
+    font-size: var(--font-lg);
+    word-break: break-word;
+  }
+
+  .section__toggle {
+    width: 100%;
+    justify-content: flex-end;
+  }
+
+  /* Subsection cards */
+  .subsection {
+    padding: var(--space-3);
+  }
+
+  /* Patient info -> single column */
+  .patient-header {
+    grid-template-columns: 1fr;
+    gap: var(--space-3);
+  }
+
+  /* Fill-blank sentence */
+  .fill-blank__sentence {
+    font-size: var(--font-sm);
+    padding: var(--space-2) var(--space-3);
+  }
+
+  /* Options buttons — wrap naturally, touch-friendly */
+  .option-btn {
+    white-space: normal;
+    text-align: left;
+    padding: var(--space-2) var(--space-3);
+    font-size: var(--font-xs);
+    min-height: 36px;
+  }
+
+  .fill-blank__options {
+    gap: var(--space-1);
+  }
+
+  /* Custom option input */
+  .fill-blank__custom {
+    flex-wrap: nowrap;
+  }
+
+  .fill-blank__custom-input {
+    max-width: none;
+    min-width: 0;
+  }
+
+  /* Exercise items — stack on mobile */
+  .exercise-item {
+    flex-wrap: wrap;
+    gap: var(--space-2);
+    padding: var(--space-2);
+  }
+
+  .exercise-item__name {
+    flex-basis: calc(100% - 32px);
+    font-size: var(--font-xs);
+  }
+
+  .exercise-item__inputs {
+    width: 100%;
+    padding-left: 32px;
+    gap: var(--space-1);
+  }
+
+  .exercise-item__input {
+    width: 40px;
+    padding: var(--space-1);
+  }
+
+  /* Checkbox items touch-friendly */
+  .checkbox-item {
+    padding: var(--space-3);
+  }
+
+  .checkbox-item__label {
+    font-size: var(--font-xs);
+  }
+
+  /* Abbreviation chips */
+  .abbrev-chip {
+    font-size: 10px;
+    padding: 2px 6px;
+  }
+
+  /* Smart phrases */
+  .smart-phrase {
+    font-size: var(--font-xs);
+    padding: var(--space-2) var(--space-3);
+  }
+
+  /* ── Preview / AI panels — true full screen on mobile ── */
+  .preview-overlay {
+    align-items: stretch;
+  }
+
+  .preview-panel {
+    width: 100%;
+    max-width: 100%;
+    max-height: none;
+    height: 100%;
+    border-radius: 0;
+    box-shadow: none;
+  }
+
+  .preview-panel__header {
+    padding: var(--space-3) var(--space-4);
+    position: sticky;
+    top: 0;
+    background: var(--bg-elevated);
+    z-index: 10;
+  }
+
+  .preview-panel__body {
+    padding: var(--space-3);
+    flex: 1;
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .preview-panel__content {
+    font-size: var(--font-sm);
+    word-break: break-word;
+  }
+
+  .preview-panel__footer {
+    padding: var(--space-3);
+    flex-wrap: wrap;
+    gap: var(--space-2);
+    position: sticky;
+    bottom: 0;
+    background: var(--bg-elevated);
+    z-index: 10;
+  }
+
+  .preview-panel__footer .navbar__btn {
+    flex: 1 1 calc(50% - 4px);
+    min-width: 0;
+    justify-content: center;
+    padding: var(--space-2) var(--space-3);
+  }
+
+  /* Modal */
+  .modal {
+    width: 95%;
+    padding: var(--space-4);
+  }
+
+  .modal__title {
+    font-size: var(--font-base);
+  }
+
+  /* Login card */
+  .login-card {
+    padding: var(--space-6);
+    margin: var(--space-3);
+    max-width: 100%;
+  }
+
+  .login-card__title {
+    font-size: var(--font-xl);
+  }
+
+  /* Static text */
+  .static-text {
+    padding: var(--space-3);
+    font-size: var(--font-xs);
+  }
+
+  .static-text__content {
+    font-size: var(--font-xs);
+    line-height: 1.6;
+  }
+
+  /* Text inputs — 16px prevents iOS zoom */
+  .text-input__field {
+    font-size: 16px;
+  }
+
+  .login-card__input {
+    font-size: 16px;
+  }
+}
+
+/* ═══════════════════════════════════════════════════════════
+   Responsive — Small phones (max 420px)
+   ═══════════════════════════════════════════════════════════ */
+
+@media (max-width: 420px) {
+  .navbar__title {
+    font-size: 12px;
+  }
+
+  .navbar__hamburger {
+    width: 28px;
+    height: 28px;
+  }
+
+  .navbar__btn {
+    padding: 5px;
+    min-width: 28px;
+    min-height: 28px;
+  }
+
+  .theme-toggle {
+    width: 28px;
+    height: 28px;
+  }
+
+  .main-content {
+    padding: var(--space-2);
+  }
+
+  .section__title {
+    font-size: var(--font-base);
+  }
+
+  .subsection {
+    padding: var(--space-2);
+    border-radius: var(--radius-md);
+  }
+
+  .option-btn {
+    font-size: 11px;
+    padding: 6px 10px;
+  }
+
+  .fill-blank__label {
+    font-size: 11px;
+  }
+
+  .exercise-item__inputs {
+    padding-left: 0;
+  }
+
+  .login-card {
+    padding: var(--space-4);
+    border-radius: var(--radius-lg);
+  }
+
+  .login-card__icon {
+    width: 44px;
+    height: 44px;
+  }
+}
+
+/* ═══════════════════════════════════════════════════════════
+   Utilities
+   ═══════════════════════════════════════════════════════════ */
+
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0;
+}
+
+.section-disabled {
+  opacity: 0.4;
+  pointer-events: none;
+}
+
+.collapsible-trigger {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  padding: var(--space-3) 0;
+  border: none;
+  background: transparent;
+  color: var(--text-primary);
+  font-size: var(--font-base);
+  font-weight: 600;
+  cursor: pointer;
+  font-family: var(--font-family);
+}
+
+.collapsible-trigger__icon {
+  transition: transform var(--transition-fast);
+}
+
+.collapsible-trigger__icon--open {
+  transform: rotate(180deg);
+}
+
+.collapsible-content {
+  overflow: hidden;
+  transition: max-height var(--transition-slow);
+}
+
+/* ═══════════════════════════════════════════════════════════
+   Login Page
+   ═══════════════════════════════════════════════════════════ */
+
+.login-page {
+  min-height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--bg-primary);
+  padding: var(--space-4);
+  position: relative;
+  overflow: hidden;
+}
+
+.login-page::before {
+  content: '';
+  position: absolute;
+  top: -50%;
+  left: -50%;
+  width: 200%;
+  height: 200%;
+  background: radial-gradient(
+    ellipse at 30% 20%,
+    rgba(16, 185, 129, 0.08) 0%,
+    transparent 50%
+  ),
+  radial-gradient(
+    ellipse at 70% 80%,
+    rgba(16, 185, 129, 0.05) 0%,
+    transparent 50%
+  );
+  pointer-events: none;
+}
+
+.login-card {
+  width: 100%;
+  max-width: 420px;
+  background: var(--surface-card);
+  border: 1px solid var(--border-primary);
+  border-radius: var(--radius-xl);
+  padding: var(--space-10);
+  box-shadow: var(--shadow-xl);
+  position: relative;
+  z-index: 1;
+  animation: loginFadeIn 0.5s ease;
+}
+
+@keyframes loginFadeIn {
+  from { opacity: 0; transform: translateY(16px) scale(0.98); }
+  to   { opacity: 1; transform: translateY(0) scale(1); }
+}
+
+.login-card__header {
+  text-align: center;
+  margin-bottom: var(--space-8);
+}
+
+.login-card__icon {
+  width: 56px;
+  height: 56px;
+  background: linear-gradient(135deg, var(--accent-500), var(--accent-700));
+  border-radius: var(--radius-lg);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: white;
+  margin: 0 auto var(--space-4);
+  box-shadow: 0 8px 24px rgba(16, 185, 129, 0.25);
+}
+
+.login-card__title {
+  font-size: var(--font-2xl);
+  font-weight: 800;
+  letter-spacing: -0.03em;
+}
+
+.login-card__title-accent {
+  color: var(--accent-500);
+}
+
+.login-card__subtitle {
+  font-size: var(--font-sm);
+  color: var(--text-tertiary);
+  margin-top: var(--space-1);
+  text-transform: uppercase;
+  letter-spacing: 0.1em;
+  font-weight: 500;
+}
+
+.login-card__form {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-5);
+}
+
+.login-card__error {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+  padding: var(--space-3) var(--space-4);
+  background: rgba(239, 68, 68, 0.1);
+  border: 1px solid rgba(239, 68, 68, 0.3);
+  border-radius: var(--radius-md);
+  color: #ef4444;
+  font-size: var(--font-sm);
+  font-weight: 500;
+  animation: shakeError 0.4s ease;
+}
+
+@keyframes shakeError {
+  0%, 100% { transform: translateX(0); }
+  20% { transform: translateX(-6px); }
+  40% { transform: translateX(6px); }
+  60% { transform: translateX(-4px); }
+  80% { transform: translateX(4px); }
+}
+
+.login-card__field {
+  display: flex;
+  flex-direction: column;
+  gap: var(--space-2);
+}
+
+.login-card__label {
+  font-size: var(--font-sm);
+  font-weight: 600;
+  color: var(--text-secondary);
+}
+
+.login-card__input-wrap {
+  display: flex;
+  align-items: center;
+  border: 1px solid var(--border-primary);
+  border-radius: var(--radius-md);
+  background: var(--surface-input);
+  transition: border-color var(--transition-fast), box-shadow var(--transition-fast);
+  overflow: hidden;
+}
+
+.login-card__input-wrap:focus-within {
+  border-color: var(--accent-500);
+  box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.15);
+}
+
+.login-card__input-icon {
+  margin-left: var(--space-3);
+  color: var(--text-tertiary);
+  flex-shrink: 0;
+}
+
+.login-card__input {
+  flex: 1;
+  padding: var(--space-3) var(--space-3);
+  border: none;
+  background: transparent;
+  color: var(--text-primary);
+  font-size: var(--font-base);
+  font-family: var(--font-family);
+  outline: none;
+}
+
+.login-card__input::placeholder {
+  color: var(--text-tertiary);
+}
+
+.login-card__eye {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 36px;
+  border: none;
+  background: transparent;
+  color: var(--text-tertiary);
+  cursor: pointer;
+  flex-shrink: 0;
+  transition: color var(--transition-fast);
+}
+
+.login-card__eye:hover {
+  color: var(--accent-500);
+}
+
+.login-card__submit {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--space-2);
+  width: 100%;
+  padding: var(--space-3) var(--space-4);
+  border: none;
+  border-radius: var(--radius-md);
+  background: linear-gradient(135deg, var(--accent-500), var(--accent-600));
+  color: white;
+  font-size: var(--font-md);
+  font-weight: 600;
+  font-family: var(--font-family);
+  cursor: pointer;
+  transition: all var(--transition-fast);
+  min-height: 44px;
+}
+
+.login-card__submit:hover:not(:disabled) {
+  background: linear-gradient(135deg, var(--accent-600), var(--accent-700));
+  transform: translateY(-1px);
+  box-shadow: 0 6px 20px rgba(16, 185, 129, 0.3);
+}
+
+.login-card__submit:disabled {
+  opacity: 0.7;
+  cursor: not-allowed;
+}
+
+.login-card__spinner {
+  width: 20px;
+  height: 20px;
+  border: 2px solid rgba(255, 255, 255, 0.3);
+  border-top-color: white;
+  border-radius: 50%;
+  animation: spin 0.7s linear infinite;
+}
+
+.login-card__footer {
+  text-align: center;
+  font-size: var(--font-xs);
+  color: var(--text-tertiary);
+  margin-top: var(--space-6);
+  text-transform: uppercase;
+  letter-spacing: 0.06em;
+}
+
+/* ── Logged-in user pill in navbar ── */
+
+.navbar__user {
+  display: flex;
+  align-items: center;
+  gap: var(--space-2);
+  padding: var(--space-1) var(--space-3);
+  border: 1px solid var(--border-primary);
+  border-radius: var(--radius-full);
+  font-size: var(--font-xs);
+  color: var(--text-secondary);
+  font-weight: 500;
+}
+
+.navbar__user-name {
+  color: var(--accent-500);
+  font-weight: 600;
+}
+
+/* ── Loading Container ── */
+
+.loading-container {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--space-4);
+}
+
+.loading-spinner {
+  width: 40px;
+  height: 40px;
+  border: 3px solid var(--border-primary);
+  border-top-color: var(--accent-500);
+  border-radius: 50%;
+  animation: spin 0.8s linear infinite;
+}
+
+.loading-text {
+  font-size: var(--font-sm);
+  color: var(--text-tertiary);
+  font-weight: 500;
+}
+
+@keyframes spin {
+  to { transform: rotate(360deg); }
+}

frontend/src/main.jsx

@@ -0,0 +1,9 @@
+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+import App from './App.jsx'
+
+createRoot(document.getElementById('root')).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+)

frontend/vite.config.js

@@ -0,0 +1,15 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+
+export default defineConfig({
+  plugins: [react()],
+  server: {
+    port: 5173,
+    proxy: {
+      '/api': {
+        target: 'http://localhost:8000',
+        changeOrigin: true,
+      },
+    },
+  },
+})