Upload 18 files

.env.example

@@ -0,0 +1,47 @@
+# Rox AI Environment Configuration
+# ================================
+# Copy this file to .env and fill in your values
+# DO NOT commit .env to version control
+#
+# Required variables are marked with [REQUIRED]
+# Optional variables have default values shown
+
+# ================================
+# API Configuration [REQUIRED]
+# ================================
+
+# NVIDIA API Key for AI model access
+# Get your key from: https://build.nvidia.com/
+# This is required for the AI chat functionality to work
+NVIDIA_API_KEY=your-nvidia-api-key-here
+
+# ================================
+# Server Configuration [OPTIONAL]
+# ================================
+
+# Port to run the server on (default: 7860)
+PORT=7860
+
+# Host to bind to (default: 0.0.0.0 for all interfaces)
+HOST=0.0.0.0
+
+# Environment mode: 'production' or 'development'
+# Production mode: reduces logging, enables caching
+# Development mode: verbose logging, no caching
+NODE_ENV=production
+
+# ================================
+# Security Configuration [OPTIONAL]
+# ================================
+
+# Admin Panel Password (default: rox-admin-2024)
+# Change this to a secure password in production!
+ADMIN_PASSWORD=your-secure-admin-password
+
+# JWT Secret for admin sessions (auto-generated if not set)
+# JWT_SECRET=your-jwt-secret-key
+
+# CORS allowed origins (comma-separated)
+# Leave empty to allow all origins (not recommended for production)
+# Example: https://yourdomain.com,https://app.yourdomain.com
+# ALLOWED_ORIGINS=

.gitattributes

@@ -0,0 +1,57 @@
+# Auto detect text files and perform LF normalization
+* text=auto
+
+# JavaScript and JSON
+*.js text eol=lf
+*.json text eol=lf
+
+# CSS and HTML
+*.css text eol=lf
+*.html text eol=lf
+
+# Markdown and documentation
+*.md text eol=lf
+*.txt text eol=lf
+
+# Shell scripts
+*.sh text eol=lf
+
+# Docker
+Dockerfile text eol=lf
+
+# Git LFS for large files
+*.7z filter=lfs diff=lfs merge=lfs -text
+*.arrow filter=lfs diff=lfs merge=lfs -text
+*.bin filter=lfs diff=lfs merge=lfs -text
+*.bz2 filter=lfs diff=lfs merge=lfs -text
+*.ckpt filter=lfs diff=lfs merge=lfs -text
+*.ftz filter=lfs diff=lfs merge=lfs -text
+*.gz filter=lfs diff=lfs merge=lfs -text
+*.h5 filter=lfs diff=lfs merge=lfs -text
+*.joblib filter=lfs diff=lfs merge=lfs -text
+*.lfs.* filter=lfs diff=lfs merge=lfs -text
+*.mlmodel filter=lfs diff=lfs merge=lfs -text
+*.model filter=lfs diff=lfs merge=lfs -text
+*.msgpack filter=lfs diff=lfs merge=lfs -text
+*.npy filter=lfs diff=lfs merge=lfs -text
+*.npz filter=lfs diff=lfs merge=lfs -text
+*.onnx filter=lfs diff=lfs merge=lfs -text
+*.ot filter=lfs diff=lfs merge=lfs -text
+*.parquet filter=lfs diff=lfs merge=lfs -text
+*.pb filter=lfs diff=lfs merge=lfs -text
+*.pickle filter=lfs diff=lfs merge=lfs -text
+*.pkl filter=lfs diff=lfs merge=lfs -text
+*.pt filter=lfs diff=lfs merge=lfs -text
+*.pth filter=lfs diff=lfs merge=lfs -text
+*.rar filter=lfs diff=lfs merge=lfs -text
+*.safetensors filter=lfs diff=lfs merge=lfs -text
+saved_model/**/* filter=lfs diff=lfs merge=lfs -text
+*.tar.* filter=lfs diff=lfs merge=lfs -text
+*.tar filter=lfs diff=lfs merge=lfs -text
+*.tflite filter=lfs diff=lfs merge=lfs -text
+*.tgz filter=lfs diff=lfs merge=lfs -text
+*.wasm filter=lfs diff=lfs merge=lfs -text
+*.xz filter=lfs diff=lfs merge=lfs -text
+*.zip filter=lfs diff=lfs merge=lfs -text
+*.zst filter=lfs diff=lfs merge=lfs -text
+*tfevents* filter=lfs diff=lfs merge=lfs -text

.gitignore

@@ -0,0 +1,72 @@
+# Dependencies
+node_modules/
+
+# Environment files (contain secrets)
+.env
+.env.local
+.env.*.local
+.env.production
+.env.development
+
+# Uploaded files
+uploads/*
+!uploads/.gitkeep
+!uploads/gitkeep
+
+# Logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+
+# OS files
+.DS_Store
+.DS_Store?
+._*
+Thumbs.db
+ehthumbs.db
+Desktop.ini
+
+# IDE and editors
+.idea/
+.vscode/
+*.swp
+*.swo
+*.swn
+*~
+*.sublime-workspace
+*.sublime-project
+
+# Build artifacts
+dist/
+build/
+out/
+.next/
+.nuxt/
+
+# Coverage and testing
+coverage/
+tests/
+.nyc_output/
+*.lcov
+
+# Temporary files
+tmp/
+temp/
+*.tmp
+*.temp
+
+# Package manager locks (keep package-lock.json)
+yarn.lock
+pnpm-lock.yaml
+
+# Debug
+*.pid
+*.seed
+*.pid.lock
+
+# Dev files
+jsconfig.json
+*.md
+!README.md

Dockerfile

@@ -0,0 +1,53 @@
+# Rox AI - Hugging Face Spaces Docker Deployment
+# Multi-stage build for smaller image size
+FROM node:20-slim AS builder
+
+# Install dependencies only (for caching)
+WORKDIR /app
+COPY package.json package-lock.json* ./
+RUN npm ci --omit=dev 2>/dev/null || npm install --omit=dev && npm cache clean --force
+
+# Production image
+FROM node:20-slim
+
+# Container metadata
+LABEL maintainer="Rox AI Technologies"
+LABEL version="3.9.2"
+LABEL description="Rox AI - Production-Ready Professional AI Chat Interface"
+
+# Environment configuration
+ENV NODE_ENV=production
+ENV PORT=7860
+ENV HOST=0.0.0.0
+ENV NODE_OPTIONS="--max-old-space-size=512"
+
+# Create non-root user for security
+RUN groupadd -r roxai && useradd -r -g roxai -s /bin/false roxai
+
+# Create app directory
+WORKDIR /app
+
+# Copy dependencies from builder
+COPY --from=builder /app/node_modules ./node_modules
+
+# Copy application files
+COPY package.json ./
+COPY server.js ./
+COPY public ./public
+
+# Create uploads directory with proper permissions
+RUN mkdir -p uploads && \
+    chown -R roxai:roxai /app && \
+    chmod -R 755 /app && \
+    chmod 700 uploads
+
+# Switch to non-root user
+USER roxai
+
+EXPOSE 7860
+
+# Health check for container orchestration
+HEALTHCHECK --interval=30s --timeout=5s --start-period=10s --retries=3 \
+    CMD node -e "require('http').get('http://localhost:7860/api/health', (r) => process.exit(r.statusCode === 200 ? 0 : 1)).on('error', () => process.exit(1))"
+
+CMD ["node", "server.js"]

README.md

@@ -0,0 +1,108 @@
+---
+title: Rox AI
+emoji: 🤖
+colorFrom: indigo
+colorTo: purple
+sdk: docker
+pinned: false
+license: mit
+app_port: 7860
+---
+
+# 🚀 Rox AI
+
+A production-ready AI chat interface with multi-model support, file processing, real-time internet search, and seamless conversations.
+
+## ✨ Features
+
+- **Multi-Model Support**: Choose from 5 powerful standalone AI models
+  - Rox Core (405B) - Fast & efficient for everyday tasks
+  - Rox 2.1 Turbo (671B) - Deep thinking & reasoning
+  - Rox 3.5 Coder (480B) - Optimized for coding & development
+  - Rox 4.5 Turbo (685B) - Advanced reasoning & analysis
+  - Rox 5 Ultra (14.8T Data Sets) - Most powerful flagship model
+
+All Rox AI models are standalone, proprietary models developed from scratch by Rox AI.
+
+- **🆕 Rox Vision** - Advanced Vision-Language Model
+  - Dedicated vision-language model for image understanding and analysis
+  - Powers image processing across all Rox LLM models
+  - Supports JPG, PNG, GIF, WebP, BMP formats
+  - Advanced scene understanding, object detection, and visual reasoning
+  - Seamlessly integrated with all Rox models for multimodal conversations
+
+- **🌐 Live Internet Search**
+  - Real-time web search for latest news, events, and information
+  - Multiple search sources with intelligent fallback
+  - Automatic detection of queries requiring live data
+  - Visual indicator shows when responses use internet data
+
+- **File Processing**: Upload and analyze documents
+  - PDF parsing with text extraction (pdf-parse)
+  - Word documents (.docx) with full text extraction (mammoth)
+  - Excel spreadsheets (.xlsx)
+  - PowerPoint presentations (.pptx)
+  - RTF documents
+  - Code files (60+ languages: JS, Python, Java, C++, Go, Rust, Vue, Svelte, R, Lua, Dart, etc.)
+  - Text and data files (CSV, JSON, YAML, XML, etc.)
+  - Images with Rox Vision AI analysis (JPG, PNG, GIF, WebP, BMP)
+
+- **Modern UI/UX**
+  - Dark/Light theme toggle
+  - Smooth animations
+  - Mobile-responsive design
+  - Code syntax highlighting
+  - Math rendering with KaTeX
+
+- **Advanced Features**
+  - Conversation history
+  - Message editing & regeneration
+  - Text-to-speech (Listen Aloud)
+  - PDF export
+  - Keyboard shortcuts
+  - PWA support (installable)
+
+## 🚀 Deployment
+
+Simply deploy to Hugging Face Spaces using Docker. The API key is pre-configured.
+
+```bash
+# Local development
+npm install
+cp .env.example .env  # Configure your NVIDIA API key
+npm start
+```
+
+### Environment Variables
+
+| Variable | Required | Description |
+|----------|----------|-------------|
+| `NVIDIA_API_KEY` | Yes | Your NVIDIA API key from build.nvidia.com |
+| `PORT` | No | Server port (default: 7860) |
+| `HOST` | No | Server host (default: 0.0.0.0) |
+| `NODE_ENV` | No | Environment mode (production/development) |
+
+## 📝 API Endpoints
+
+- `POST /api/chat` - Send messages to AI
+- `GET /api/health` - Health check with system info
+- `GET /api/models` - List available models
+- `GET /api/version` - Get server version
+
+## 🛡️ Security
+
+- Input validation and sanitization
+- XSS protection
+- CORS configuration
+- Rate limiting (1000 req/min)
+- Security headers (CSP, HSTS, etc.)
+- No sensitive data logging
+- Non-root Docker user
+
+## 📄 License
+
+MIT License
+
+---
+
+Built with ❤️ by Mohammad Faiz, CEO & Founder of Rox AI

package-lock.json

@@ -0,0 +1,1515 @@
+{
+  "name": "rox-ai",
+  "version": "3.9.2",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "rox-ai",
+      "version": "3.9.2",
+      "license": "MIT",
+      "dependencies": {
+        "compression": "^1.7.4",
+        "express": "^4.18.2",
+        "mammoth": "^1.11.0",
+        "multer": "^1.4.5-lts.1",
+        "openai": "^4.104.0",
+        "pdf-parse": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=9.0.0"
+      }
+    },
+    "node_modules/@types/node": {
+      "version": "18.19.130",
+      "resolved": "https://registry.npmjs.org/@types/node/-/node-18.19.130.tgz",
+      "integrity": "sha512-GRaXQx6jGfL8sKfaIDD6OupbIHBr9jv7Jnaml9tB7l4v068PAOXqfcujMMo5PhbIs6ggR1XODELqahT2R8v0fg==",
+      "license": "MIT",
+      "dependencies": {
+        "undici-types": "~5.26.4"
+      }
+    },
+    "node_modules/@types/node-fetch": {
+      "version": "2.6.13",
+      "resolved": "https://registry.npmjs.org/@types/node-fetch/-/node-fetch-2.6.13.tgz",
+      "integrity": "sha512-QGpRVpzSaUs30JBSGPjOg4Uveu384erbHBoT1zeONvyCfwQxIkUshLAOqN/k9EjGviPRmWTTe6aH2qySWKTVSw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/node": "*",
+        "form-data": "^4.0.4"
+      }
+    },
+    "node_modules/@xmldom/xmldom": {
+      "version": "0.8.11",
+      "resolved": "https://registry.npmjs.org/@xmldom/xmldom/-/xmldom-0.8.11.tgz",
+      "integrity": "sha512-cQzWCtO6C8TQiYl1ruKNn2U6Ao4o4WBBcbL61yJl84x+j5sOWWFU9X7DpND8XZG3daDppSsigMdfAIl2upQBRw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/abort-controller": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz",
+      "integrity": "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg==",
+      "license": "MIT",
+      "dependencies": {
+        "event-target-shim": "^5.0.0"
+      },
+      "engines": {
+        "node": ">=6.5"
+      }
+    },
+    "node_modules/accepts": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/accepts/-/accepts-1.3.8.tgz",
+      "integrity": "sha512-PYAthTa2m2VKxuvSD3DPC/Gy+U+sOA1LAuT8mkmRuvw+NACSaeXEQ+NHcVF7rONl6qcaxV3Uuemwawk+7+SJLw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-types": "~2.1.34",
+        "negotiator": "0.6.3"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/accepts/node_modules/negotiator": {
+      "version": "0.6.3",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.3.tgz",
+      "integrity": "sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/agentkeepalive": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/agentkeepalive/-/agentkeepalive-4.6.0.tgz",
+      "integrity": "sha512-kja8j7PjmncONqaTsB8fQ+wE2mSU2DJ9D4XKoJ5PFWIdRMa6SLSN1ff4mOr4jCbfRSsxR4keIiySJU0N9T5hIQ==",
+      "license": "MIT",
+      "dependencies": {
+        "humanize-ms": "^1.2.1"
+      },
+      "engines": {
+        "node": ">= 8.0.0"
+      }
+    },
+    "node_modules/append-field": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/append-field/-/append-field-1.0.0.tgz",
+      "integrity": "sha512-klpgFSWLW1ZEs8svjfb7g4qWY0YS5imI82dTg+QahUvJ8YqAY0P10Uk8tTyh9ZGuYEZEMaeJYCF5BFuX552hsw==",
+      "license": "MIT"
+    },
+    "node_modules/argparse": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+      "license": "MIT",
+      "dependencies": {
+        "sprintf-js": "~1.0.2"
+      }
+    },
+    "node_modules/array-flatten": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/array-flatten/-/array-flatten-1.1.1.tgz",
+      "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==",
+      "license": "MIT"
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "license": "MIT"
+    },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/bluebird": {
+      "version": "3.4.7",
+      "resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.4.7.tgz",
+      "integrity": "sha512-iD3898SR7sWVRHbiQv+sHUtHnMvC1o3nW5rAcqnq3uOn07DSAppZYUkIGslDz6gXC7HfunPe7YVBgoEJASPcHA==",
+      "license": "MIT"
+    },
+    "node_modules/body-parser": {
+      "version": "1.20.4",
+      "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.4.tgz",
+      "integrity": "sha512-ZTgYYLMOXY9qKU/57FAo8F+HA2dGX7bqGc71txDRC1rS4frdFI5R7NhluHxH6M0YItAP0sHB4uqAOcYKxO6uGA==",
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "~3.1.2",
+        "content-type": "~1.0.5",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "~1.2.0",
+        "http-errors": "~2.0.1",
+        "iconv-lite": "~0.4.24",
+        "on-finished": "~2.4.1",
+        "qs": "~6.14.0",
+        "raw-body": "~2.5.3",
+        "type-is": "~1.6.18",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/buffer-from": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
+      "integrity": "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ==",
+      "license": "MIT"
+    },
+    "node_modules/busboy": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/busboy/-/busboy-1.6.0.tgz",
+      "integrity": "sha512-8SFQbg/0hQ9xy3UNTB0YEnsNBbWfhf7RtnzpL7TkBiTBRfrQ9Fxcnz7VJsleJpyp6rVLvXiuORqjlHi5q+PYuA==",
+      "dependencies": {
+        "streamsearch": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=10.16.0"
+      }
+    },
+    "node_modules/bytes": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/bytes/-/bytes-3.1.2.tgz",
+      "integrity": "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "get-intrinsic": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "license": "MIT",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/compressible": {
+      "version": "2.0.18",
+      "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
+      "integrity": "sha512-AF3r7P5dWxL8MxyITRMlORQNaOA2IkAFaTr4k7BUumjPtRpGDTZpl0Pb1XCO6JeDCBdp126Cgs9sMxqSjgYyRg==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": ">= 1.43.0 < 2"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/compression": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/compression/-/compression-1.8.1.tgz",
+      "integrity": "sha512-9mAqGPHLakhCLeNyxPkK4xVo746zQ/czLH1Ky+vkitMnWfWZps8r0qXuwhwizagCRttsL4lfG4pIOvaWLpAP0w==",
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "3.1.2",
+        "compressible": "~2.0.18",
+        "debug": "2.6.9",
+        "negotiator": "~0.6.4",
+        "on-headers": "~1.1.0",
+        "safe-buffer": "5.2.1",
+        "vary": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/concat-stream": {
+      "version": "1.6.2",
+      "resolved": "https://registry.npmjs.org/concat-stream/-/concat-stream-1.6.2.tgz",
+      "integrity": "sha512-27HBghJxjiZtIk3Ycvn/4kbJk/1uZuJFfuPEns6LaEvpvG1f0hTea8lilrouyo9mVc2GWdcEZ8OLoGmSADlrCw==",
+      "engines": [
+        "node >= 0.8"
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "buffer-from": "^1.0.0",
+        "inherits": "^2.0.3",
+        "readable-stream": "^2.2.2",
+        "typedarray": "^0.0.6"
+      }
+    },
+    "node_modules/content-disposition": {
+      "version": "0.5.4",
+      "resolved": "https://registry.npmjs.org/content-disposition/-/content-disposition-0.5.4.tgz",
+      "integrity": "sha512-FveZTNuGw04cxlAiWbzi6zTAL/lhehaWbTtgluJh4/E95DqMwTmha3KZN1aAWA8cFIhHzMZUvLevkw5Rqk+tSQ==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "5.2.1"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/content-type": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/content-type/-/content-type-1.0.5.tgz",
+      "integrity": "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie": {
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/cookie/-/cookie-0.7.2.tgz",
+      "integrity": "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/cookie-signature": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/cookie-signature/-/cookie-signature-1.0.7.tgz",
+      "integrity": "sha512-NXdYc3dLr47pBkpUCHtKSwIOQXLVn8dZEuywboCOJY/osA0wFSLlSawr3KN8qXJEyX66FcONTH8EIlVuK0yyFA==",
+      "license": "MIT"
+    },
+    "node_modules/core-util-is": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/core-util-is/-/core-util-is-1.0.3.tgz",
+      "integrity": "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ==",
+      "license": "MIT"
+    },
+    "node_modules/debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npmjs.org/debug/-/debug-2.6.9.tgz",
+      "integrity": "sha512-bC7ElrdJaJnPbAP+1EotYvqZsb3ecl5wi6Bfi6BJTUcNowp6cvspg0jXznRTKDjm/E7AdgFBVeAPVMNcKGsHMA==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "2.0.0"
+      }
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/depd": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/depd/-/depd-2.0.0.tgz",
+      "integrity": "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/destroy": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/destroy/-/destroy-1.2.0.tgz",
+      "integrity": "sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8",
+        "npm": "1.2.8000 || >= 1.4.16"
+      }
+    },
+    "node_modules/dingbat-to-unicode": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dingbat-to-unicode/-/dingbat-to-unicode-1.0.1.tgz",
+      "integrity": "sha512-98l0sW87ZT58pU4i61wa2OHwxbiYSbuxsCBozaVnYX2iCnr3bLM3fIes1/ej7h1YdOKuKt/MLs706TVnALA65w==",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/duck": {
+      "version": "0.1.12",
+      "resolved": "https://registry.npmjs.org/duck/-/duck-0.1.12.tgz",
+      "integrity": "sha512-wkctla1O6VfP89gQ+J/yDesM0S7B7XLXjKGzXxMDVFg7uEn706niAtyYovKbyq1oT9YwDcly721/iUWoc8MVRg==",
+      "license": "BSD",
+      "dependencies": {
+        "underscore": "^1.13.1"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/ee-first/-/ee-first-1.1.1.tgz",
+      "integrity": "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==",
+      "license": "MIT"
+    },
+    "node_modules/encodeurl": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
+      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/escape-html/-/escape-html-1.0.3.tgz",
+      "integrity": "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==",
+      "license": "MIT"
+    },
+    "node_modules/etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npmjs.org/etag/-/etag-1.8.1.tgz",
+      "integrity": "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/event-target-shim": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/event-target-shim/-/event-target-shim-5.0.1.tgz",
+      "integrity": "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/express": {
+      "version": "4.22.1",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.22.1.tgz",
+      "integrity": "sha512-F2X8g9P1X7uCPZMA3MVf9wcTqlyNp7IhH5qPCI0izhaOIYXaW9L535tGA3qmjRzpH+bZczqq7hVKxTR4NWnu+g==",
+      "license": "MIT",
+      "dependencies": {
+        "accepts": "~1.3.8",
+        "array-flatten": "1.1.1",
+        "body-parser": "~1.20.3",
+        "content-disposition": "~0.5.4",
+        "content-type": "~1.0.4",
+        "cookie": "~0.7.1",
+        "cookie-signature": "~1.0.6",
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "finalhandler": "~1.3.1",
+        "fresh": "~0.5.2",
+        "http-errors": "~2.0.0",
+        "merge-descriptors": "1.0.3",
+        "methods": "~1.1.2",
+        "on-finished": "~2.4.1",
+        "parseurl": "~1.3.3",
+        "path-to-regexp": "~0.1.12",
+        "proxy-addr": "~2.0.7",
+        "qs": "~6.14.0",
+        "range-parser": "~1.2.1",
+        "safe-buffer": "5.2.1",
+        "send": "~0.19.0",
+        "serve-static": "~1.16.2",
+        "setprototypeof": "1.2.0",
+        "statuses": "~2.0.1",
+        "type-is": "~1.6.18",
+        "utils-merge": "1.0.1",
+        "vary": "~1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.10.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/finalhandler": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/finalhandler/-/finalhandler-1.3.2.tgz",
+      "integrity": "sha512-aA4RyPcd3badbdABGDuTXCMTtOneUCAYH/gxoYRTZlIJdF0YPWuGqiAsIrhNnnqdXGswYk6dGujem4w80UJFhg==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "2.6.9",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "on-finished": "~2.4.1",
+        "parseurl": "~1.3.3",
+        "statuses": "~2.0.2",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.5.tgz",
+      "integrity": "sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==",
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "es-set-tostringtag": "^2.1.0",
+        "hasown": "^2.0.2",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/form-data-encoder": {
+      "version": "1.7.2",
+      "resolved": "https://registry.npmjs.org/form-data-encoder/-/form-data-encoder-1.7.2.tgz",
+      "integrity": "sha512-qfqtYan3rxrnCk1VYaA4H+Ms9xdpPqvLZa6xmMgFvhO32x7/3J/ExcTd6qpxM0vH2GdMI+poehyBZvqfMTto8A==",
+      "license": "MIT"
+    },
+    "node_modules/formdata-node": {
+      "version": "4.4.1",
+      "resolved": "https://registry.npmjs.org/formdata-node/-/formdata-node-4.4.1.tgz",
+      "integrity": "sha512-0iirZp3uVDjVGt9p49aTaqjk84TrglENEDuqfdlZQ1roC9CWlPk6Avf8EEnZNcAqPonwkG35x4n3ww/1THYAeQ==",
+      "license": "MIT",
+      "dependencies": {
+        "node-domexception": "1.0.0",
+        "web-streams-polyfill": "4.0.0-beta.3"
+      },
+      "engines": {
+        "node": ">= 12.20"
+      }
+    },
+    "node_modules/forwarded": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/forwarded/-/forwarded-0.2.0.tgz",
+      "integrity": "sha512-buRG0fpBtRHSTCOASe6hD258tEubFoRLb4ZNA6NxMVHNw2gOcwHo9wyablzMzOA5z9xA9L1KNjk/Nt6MT9aYow==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/fresh/-/fresh-0.5.2.tgz",
+      "integrity": "sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/http-errors": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.1.tgz",
+      "integrity": "sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ==",
+      "license": "MIT",
+      "dependencies": {
+        "depd": "~2.0.0",
+        "inherits": "~2.0.4",
+        "setprototypeof": "~1.2.0",
+        "statuses": "~2.0.2",
+        "toidentifier": "~1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
+      }
+    },
+    "node_modules/humanize-ms": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/humanize-ms/-/humanize-ms-1.2.1.tgz",
+      "integrity": "sha512-Fl70vYtsAFb/C06PTS9dZBo7ihau+Tu/DNCk/OyHhea07S+aeMWpFFkUaXRa8fI+ScZbEI8dfSxwY7gxZ9SAVQ==",
+      "license": "MIT",
+      "dependencies": {
+        "ms": "^2.0.0"
+      }
+    },
+    "node_modules/iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.24.tgz",
+      "integrity": "sha512-v3MXnZAcvnywkTUEZomIActle7RXXeedOR31wwl7VlyoXO4Qi9arvSenNQWne1TcRwhCL1HwLI21bEqdpj8/rA==",
+      "license": "MIT",
+      "dependencies": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/immediate": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/immediate/-/immediate-3.0.6.tgz",
+      "integrity": "sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ==",
+      "license": "MIT"
+    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "license": "ISC"
+    },
+    "node_modules/ipaddr.js": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npmjs.org/ipaddr.js/-/ipaddr.js-1.9.1.tgz",
+      "integrity": "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-1.0.0.tgz",
+      "integrity": "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ==",
+      "license": "MIT"
+    },
+    "node_modules/jszip": {
+      "version": "3.10.1",
+      "resolved": "https://registry.npmjs.org/jszip/-/jszip-3.10.1.tgz",
+      "integrity": "sha512-xXDvecyTpGLrqFrvkrUSoxxfJI5AH7U8zxxtVclpsUtMCq4JQ290LY8AW5c7Ggnr/Y/oK+bQMbqK2qmtk3pN4g==",
+      "license": "(MIT OR GPL-3.0-or-later)",
+      "dependencies": {
+        "lie": "~3.3.0",
+        "pako": "~1.0.2",
+        "readable-stream": "~2.3.6",
+        "setimmediate": "^1.0.5"
+      }
+    },
+    "node_modules/lie": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/lie/-/lie-3.3.0.tgz",
+      "integrity": "sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ==",
+      "license": "MIT",
+      "dependencies": {
+        "immediate": "~3.0.5"
+      }
+    },
+    "node_modules/lop": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/lop/-/lop-0.4.2.tgz",
+      "integrity": "sha512-RefILVDQ4DKoRZsJ4Pj22TxE3omDO47yFpkIBoDKzkqPRISs5U1cnAdg/5583YPkWPaLIYHOKRMQSvjFsO26cw==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "duck": "^0.1.12",
+        "option": "~0.2.1",
+        "underscore": "^1.13.1"
+      }
+    },
+    "node_modules/mammoth": {
+      "version": "1.11.0",
+      "resolved": "https://registry.npmjs.org/mammoth/-/mammoth-1.11.0.tgz",
+      "integrity": "sha512-BcEqqY/BOwIcI1iR5tqyVlqc3KIaMRa4egSoK83YAVrBf6+yqdAAbtUcFDCWX8Zef8/fgNZ6rl4VUv+vVX8ddQ==",
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "@xmldom/xmldom": "^0.8.6",
+        "argparse": "~1.0.3",
+        "base64-js": "^1.5.1",
+        "bluebird": "~3.4.0",
+        "dingbat-to-unicode": "^1.0.1",
+        "jszip": "^3.7.1",
+        "lop": "^0.4.2",
+        "path-is-absolute": "^1.0.0",
+        "underscore": "^1.13.1",
+        "xmlbuilder": "^10.0.0"
+      },
+      "bin": {
+        "mammoth": "bin/mammoth"
+      },
+      "engines": {
+        "node": ">=12.0.0"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-0.3.0.tgz",
+      "integrity": "sha512-dq+qelQ9akHpcOl/gUVRTxVIOkAJ1wR3QAvb4RsVjS8oVoFjDGTc679wJYmUmknUF5HwMLOgb5O+a3KxfWapPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/merge-descriptors": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/merge-descriptors/-/merge-descriptors-1.0.3.tgz",
+      "integrity": "sha512-gaNvAS7TZ897/rVaZ0nMtAyxNyi/pdbjbAwUpFQpN70GqnVfOiXpeUUMKRBmzXaSQ8DdTX4/0ms62r2K+hE6mQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/methods": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/methods/-/methods-1.1.2.tgz",
+      "integrity": "sha512-iclAHeNqNm68zFtnZ0e+1L2yUIdvzNoauKU4WBA3VvH/vPFieF7qfRlwUZU+DA9P9bPXIS90ulxoUoCH23sV2w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/mime/-/mime-1.6.0.tgz",
+      "integrity": "sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==",
+      "license": "MIT",
+      "bin": {
+        "mime": "cli.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.54.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.54.0.tgz",
+      "integrity": "sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types/node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/minimist": {
+      "version": "1.2.8",
+      "resolved": "https://registry.npmjs.org/minimist/-/minimist-1.2.8.tgz",
+      "integrity": "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/mkdirp": {
+      "version": "0.5.6",
+      "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz",
+      "integrity": "sha512-FP+p8RB8OWpF3YZBCrP5gtADmtXApB5AMLn+vdyA+PyxCjrCs00mjyUozssO33cwDeT3wNGdLxJ5M//YqtHAJw==",
+      "license": "MIT",
+      "dependencies": {
+        "minimist": "^1.2.6"
+      },
+      "bin": {
+        "mkdirp": "bin/cmd.js"
+      }
+    },
+    "node_modules/ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.0.0.tgz",
+      "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A==",
+      "license": "MIT"
+    },
+    "node_modules/multer": {
+      "version": "1.4.5-lts.2",
+      "resolved": "https://registry.npmjs.org/multer/-/multer-1.4.5-lts.2.tgz",
+      "integrity": "sha512-VzGiVigcG9zUAoCNU+xShztrlr1auZOlurXynNvO9GiWD1/mTBbUljOKY+qMeazBqXgRnjzeEgJI/wyjJUHg9A==",
+      "deprecated": "Multer 1.x is impacted by a number of vulnerabilities, which have been patched in 2.x. You should upgrade to the latest 2.x version.",
+      "license": "MIT",
+      "dependencies": {
+        "append-field": "^1.0.0",
+        "busboy": "^1.0.0",
+        "concat-stream": "^1.5.2",
+        "mkdirp": "^0.5.4",
+        "object-assign": "^4.1.1",
+        "type-is": "^1.6.4",
+        "xtend": "^4.0.0"
+      },
+      "engines": {
+        "node": ">= 6.0.0"
+      }
+    },
+    "node_modules/negotiator": {
+      "version": "0.6.4",
+      "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-0.6.4.tgz",
+      "integrity": "sha512-myRT3DiWPHqho5PrJaIRyaMv2kgYf0mUVgBNOYMuCH5Ki1yEiQaf/ZJuQ62nvpc44wL5WDbTX7yGJi1Neevw8w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/node-domexception": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/node-domexception/-/node-domexception-1.0.0.tgz",
+      "integrity": "sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ==",
+      "deprecated": "Use your platform's native DOMException instead",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/jimmywarting"
+        },
+        {
+          "type": "github",
+          "url": "https://paypal.me/jimmywarting"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.5.0"
+      }
+    },
+    "node_modules/node-ensure": {
+      "version": "0.0.0",
+      "resolved": "https://registry.npmjs.org/node-ensure/-/node-ensure-0.0.0.tgz",
+      "integrity": "sha512-DRI60hzo2oKN1ma0ckc6nQWlHU69RH6xN0sjQTjMpChPfTYvKZdcQFfdYK2RWbJcKyUizSIy/l8OTGxMAM1QDw==",
+      "license": "MIT"
+    },
+    "node_modules/node-fetch": {
+      "version": "2.7.0",
+      "resolved": "https://registry.npmjs.org/node-fetch/-/node-fetch-2.7.0.tgz",
+      "integrity": "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A==",
+      "license": "MIT",
+      "dependencies": {
+        "whatwg-url": "^5.0.0"
+      },
+      "engines": {
+        "node": "4.x || >=6.0.0"
+      },
+      "peerDependencies": {
+        "encoding": "^0.1.0"
+      },
+      "peerDependenciesMeta": {
+        "encoding": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
+      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-inspect": {
+      "version": "1.13.4",
+      "resolved": "https://registry.npmjs.org/object-inspect/-/object-inspect-1.13.4.tgz",
+      "integrity": "sha512-W67iLl4J2EXEGTbfeHCffrjDfitvLANg0UlX3wFUUSTx92KXRFegMHUVgSqE+wvhAbi4WqjGg9czysTV2Epbew==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/on-finished": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz",
+      "integrity": "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg==",
+      "license": "MIT",
+      "dependencies": {
+        "ee-first": "1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/on-headers": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/on-headers/-/on-headers-1.1.0.tgz",
+      "integrity": "sha512-737ZY3yNnXy37FHkQxPzt4UZ2UWPWiCZWLvFZ4fu5cueciegX0zGPnrlY6bwRg4FdQOe9YU8MkmJwGhoMybl8A==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/openai": {
+      "version": "4.104.0",
+      "resolved": "https://registry.npmjs.org/openai/-/openai-4.104.0.tgz",
+      "integrity": "sha512-p99EFNsA/yX6UhVO93f5kJsDRLAg+CTA2RBqdHK4RtK8u5IJw32Hyb2dTGKbnnFmnuoBv5r7Z2CURI9sGZpSuA==",
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@types/node": "^18.11.18",
+        "@types/node-fetch": "^2.6.4",
+        "abort-controller": "^3.0.0",
+        "agentkeepalive": "^4.2.1",
+        "form-data-encoder": "1.7.2",
+        "formdata-node": "^4.3.2",
+        "node-fetch": "^2.6.7"
+      },
+      "bin": {
+        "openai": "bin/cli"
+      },
+      "peerDependencies": {
+        "ws": "^8.18.0",
+        "zod": "^3.23.8"
+      },
+      "peerDependenciesMeta": {
+        "ws": {
+          "optional": true
+        },
+        "zod": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/option": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/option/-/option-0.2.4.tgz",
+      "integrity": "sha512-pkEqbDyl8ou5cpq+VsnQbe/WlEy5qS7xPzMS1U55OCG9KPvwFD46zDbxQIj3egJSFc3D+XhYOPUzz49zQAVy7A==",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/pako": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-1.0.11.tgz",
+      "integrity": "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw==",
+      "license": "(MIT AND Zlib)"
+    },
+    "node_modules/parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/parseurl/-/parseurl-1.3.3.tgz",
+      "integrity": "sha512-CiyeOxFT/JZyN5m0z9PfXw4SCBJ6Sygz1Dpl0wqjlhDEGGBP1GnsUVEL0p63hoG1fcj3fHynXi9NYO4nWOL+qQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/path-is-absolute/-/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha512-AVbw3UJ2e9bq64vSaS9Am0fje1Pa8pbGqTTsmXfaIiMpnr5DlDhfJOuLj9Sf95ZPVDAUerDfEk88MPmPe7UCQg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-to-regexp": {
+      "version": "0.1.12",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.12.tgz",
+      "integrity": "sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==",
+      "license": "MIT"
+    },
+    "node_modules/pdf-parse": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/pdf-parse/-/pdf-parse-1.1.4.tgz",
+      "integrity": "sha512-XRIRcLgk6ZnUbsHsYXExMw+krrPE81hJ6FQPLdBNhhBefqIQKXu/WeTgNBGSwPrfU0v+UCEwn7AoAUOsVKHFvQ==",
+      "license": "MIT",
+      "dependencies": {
+        "node-ensure": "^0.0.0"
+      },
+      "engines": {
+        "node": ">=6.8.1"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/mehmet-kozan"
+      }
+    },
+    "node_modules/process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==",
+      "license": "MIT"
+    },
+    "node_modules/proxy-addr": {
+      "version": "2.0.7",
+      "resolved": "https://registry.npmjs.org/proxy-addr/-/proxy-addr-2.0.7.tgz",
+      "integrity": "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg==",
+      "license": "MIT",
+      "dependencies": {
+        "forwarded": "0.2.0",
+        "ipaddr.js": "1.9.1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/qs": {
+      "version": "6.14.1",
+      "resolved": "https://registry.npmjs.org/qs/-/qs-6.14.1.tgz",
+      "integrity": "sha512-4EK3+xJl8Ts67nLYNwqw/dsFVnCf+qR7RgXSK9jEEm9unao3njwMDdmsdvoKBKHzxd7tCYz5e5M+SnMjdtXGQQ==",
+      "license": "BSD-3-Clause",
+      "dependencies": {
+        "side-channel": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/range-parser/-/range-parser-1.2.1.tgz",
+      "integrity": "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/raw-body": {
+      "version": "2.5.3",
+      "resolved": "https://registry.npmjs.org/raw-body/-/raw-body-2.5.3.tgz",
+      "integrity": "sha512-s4VSOf6yN0rvbRZGxs8Om5CWj6seneMwK3oDb4lWDH0UPhWcxwOWw5+qk24bxq87szX1ydrwylIOp2uG1ojUpA==",
+      "license": "MIT",
+      "dependencies": {
+        "bytes": "~3.1.2",
+        "http-errors": "~2.0.1",
+        "iconv-lite": "~0.4.24",
+        "unpipe": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/readable-stream": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-2.3.8.tgz",
+      "integrity": "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==",
+      "license": "MIT",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.3",
+        "isarray": "~1.0.0",
+        "process-nextick-args": "~2.0.0",
+        "safe-buffer": "~5.1.1",
+        "string_decoder": "~1.1.1",
+        "util-deprecate": "~1.0.1"
+      }
+    },
+    "node_modules/readable-stream/node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "license": "MIT"
+    },
+    "node_modules/safe-buffer": {
+      "version": "5.2.1",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.2.1.tgz",
+      "integrity": "sha512-rp3So07KcdmmKbGvgaNxQSJr7bGVSVk5S9Eq1F+ppbRo70+YeaDxkw5Dd8NPN+GD6bjnYm2VuPuCXmpuYvmCXQ==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
+    "node_modules/safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz",
+      "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
+      "license": "MIT"
+    },
+    "node_modules/send": {
+      "version": "0.19.2",
+      "resolved": "https://registry.npmjs.org/send/-/send-0.19.2.tgz",
+      "integrity": "sha512-VMbMxbDeehAxpOtWJXlcUS5E8iXh6QmN+BkRX1GARS3wRaXEEgzCcB10gTQazO42tpNIya8xIyNx8fll1OFPrg==",
+      "license": "MIT",
+      "dependencies": {
+        "debug": "2.6.9",
+        "depd": "2.0.0",
+        "destroy": "1.2.0",
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "fresh": "~0.5.2",
+        "http-errors": "~2.0.1",
+        "mime": "1.6.0",
+        "ms": "2.1.3",
+        "on-finished": "~2.4.1",
+        "range-parser": "~1.2.1",
+        "statuses": "~2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/send/node_modules/ms": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
+      "integrity": "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==",
+      "license": "MIT"
+    },
+    "node_modules/serve-static": {
+      "version": "1.16.3",
+      "resolved": "https://registry.npmjs.org/serve-static/-/serve-static-1.16.3.tgz",
+      "integrity": "sha512-x0RTqQel6g5SY7Lg6ZreMmsOzncHFU7nhnRWkKgWuMTu5NN0DR5oruckMqRvacAN9d5w6ARnRBXl9xhDCgfMeA==",
+      "license": "MIT",
+      "dependencies": {
+        "encodeurl": "~2.0.0",
+        "escape-html": "~1.0.3",
+        "parseurl": "~1.3.3",
+        "send": "~0.19.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/setimmediate": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/setimmediate/-/setimmediate-1.0.5.tgz",
+      "integrity": "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA==",
+      "license": "MIT"
+    },
+    "node_modules/setprototypeof": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
+      "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==",
+      "license": "ISC"
+    },
+    "node_modules/side-channel": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/side-channel/-/side-channel-1.1.0.tgz",
+      "integrity": "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3",
+        "side-channel-list": "^1.0.0",
+        "side-channel-map": "^1.0.1",
+        "side-channel-weakmap": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-list": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/side-channel-list/-/side-channel-list-1.0.0.tgz",
+      "integrity": "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-map": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/side-channel-map/-/side-channel-map-1.0.1.tgz",
+      "integrity": "sha512-VCjCNfgMsby3tTdo02nbjtM/ewra6jPHmpThenkTYh8pG9ucZ/1P8So4u4FGBek/BjpOVsDCMoLA/iuBKIFXRA==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/side-channel-weakmap": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/side-channel-weakmap/-/side-channel-weakmap-1.0.2.tgz",
+      "integrity": "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.5",
+        "object-inspect": "^1.13.3",
+        "side-channel-map": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/sprintf-js": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
+      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/statuses": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/statuses/-/statuses-2.0.2.tgz",
+      "integrity": "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/streamsearch": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/streamsearch/-/streamsearch-1.1.0.tgz",
+      "integrity": "sha512-Mcc5wHehp9aXz1ax6bZUyY5afg9u2rv5cqQI3mRrYkGC8rW2hM02jWuwjtL++LS5qinSyhj2QfLyNsuc+VsExg==",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
+    "node_modules/string_decoder": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.1.1.tgz",
+      "integrity": "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==",
+      "license": "MIT",
+      "dependencies": {
+        "safe-buffer": "~5.1.0"
+      }
+    },
+    "node_modules/string_decoder/node_modules/safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npmjs.org/safe-buffer/-/safe-buffer-5.1.2.tgz",
+      "integrity": "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==",
+      "license": "MIT"
+    },
+    "node_modules/toidentifier": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/toidentifier/-/toidentifier-1.0.1.tgz",
+      "integrity": "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.6"
+      }
+    },
+    "node_modules/tr46": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npmjs.org/tr46/-/tr46-0.0.3.tgz",
+      "integrity": "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw==",
+      "license": "MIT"
+    },
+    "node_modules/type-is": {
+      "version": "1.6.18",
+      "resolved": "https://registry.npmjs.org/type-is/-/type-is-1.6.18.tgz",
+      "integrity": "sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==",
+      "license": "MIT",
+      "dependencies": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/typedarray": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
+      "integrity": "sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==",
+      "license": "MIT"
+    },
+    "node_modules/underscore": {
+      "version": "1.13.7",
+      "resolved": "https://registry.npmjs.org/underscore/-/underscore-1.13.7.tgz",
+      "integrity": "sha512-GMXzWtsc57XAtguZgaQViUOzs0KTkk8ojr3/xAxXLITqf/3EMwxC0inyETfDFjH/Krbhuep0HNbbjI9i/q3F3g==",
+      "license": "MIT"
+    },
+    "node_modules/undici-types": {
+      "version": "5.26.5",
+      "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz",
+      "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==",
+      "license": "MIT"
+    },
+    "node_modules/unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unpipe/-/unpipe-1.0.0.tgz",
+      "integrity": "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz",
+      "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==",
+      "license": "MIT"
+    },
+    "node_modules/utils-merge": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/utils-merge/-/utils-merge-1.0.1.tgz",
+      "integrity": "sha512-pMZTvIkT1d+TFGvDOqodOclx0QWkkgi6Tdoa8gC8ffGAAqz9pzPTZWAybbsHHoED/ztMtkv/VoYTYyShUn81hA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/vary/-/vary-1.1.2.tgz",
+      "integrity": "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/web-streams-polyfill": {
+      "version": "4.0.0-beta.3",
+      "resolved": "https://registry.npmjs.org/web-streams-polyfill/-/web-streams-polyfill-4.0.0-beta.3.tgz",
+      "integrity": "sha512-QW95TCTaHmsYfHDybGMwO5IJIM93I/6vTRk+daHTWFPhwh+C8Cg7j7XyKrwrj8Ib6vYXe0ocYNrmzY4xAAN6ug==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/webidl-conversions": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/webidl-conversions/-/webidl-conversions-3.0.1.tgz",
+      "integrity": "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ==",
+      "license": "BSD-2-Clause"
+    },
+    "node_modules/whatwg-url": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/whatwg-url/-/whatwg-url-5.0.0.tgz",
+      "integrity": "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw==",
+      "license": "MIT",
+      "dependencies": {
+        "tr46": "~0.0.3",
+        "webidl-conversions": "^3.0.0"
+      }
+    },
+    "node_modules/xmlbuilder": {
+      "version": "10.1.1",
+      "resolved": "https://registry.npmjs.org/xmlbuilder/-/xmlbuilder-10.1.1.tgz",
+      "integrity": "sha512-OyzrcFLL/nb6fMGHbiRDuPup9ljBycsdCypwuyg5AAHvyWzGfChJpCXMG88AGTIMFhGZ9RccFN1e6lhg3hkwKg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/xtend": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npmjs.org/xtend/-/xtend-4.0.2.tgz",
+      "integrity": "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4"
+      }
+    }
+  }
+}

package.json

@@ -0,0 +1,53 @@
+{
+  "name": "rox-ai",
+  "version": "3.9.2",
+  "description": "Rox AI - Production-Ready Professional AI Chat Interface with Multi-Model Support and Live Internet Search",
+  "main": "server.js",
+  "engines": {
+    "node": ">=18.0.0",
+    "npm": ">=9.0.0"
+  },
+  "scripts": {
+    "start": "node server.js",
+    "clean": "node -e \"require('fs').rmSync('uploads', {recursive:true,force:true}); require('fs').mkdirSync('uploads'); console.log('Uploads cleaned')\"",
+    "health": "node -e \"require('http').get('http://localhost:7860/api/health', r => { let d=''; r.on('data',c=>d+=c); r.on('end',()=>console.log(JSON.parse(d))); }).on('error', e => console.error('Server not running:', e.message))\"",
+    "version": "node -e \"console.log(require('./package.json').version)\""
+  },
+  "keywords": [
+    "ai",
+    "chat",
+    "assistant",
+    "llm",
+    "nvidia",
+    "deepseek",
+    "qwen",
+    "llama",
+    "file-upload",
+    "multi-model",
+    "production-ready",
+    "pwa",
+    "streaming",
+    "web-search",
+    "internet-access",
+    "real-time-data"
+  ],
+  "author": "Mohammad Faiz - Rox AI",
+  "license": "MIT",
+  "homepage": "https://github.com/roxai/rox-ai",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/roxai/rox-ai.git"
+  },
+  "bugs": {
+    "url": "https://github.com/roxai/rox-ai/issues"
+  },
+  "dependencies": {
+    "compression": "^1.7.4",
+    "express": "^4.18.2",
+    "mammoth": "^1.11.0",
+    "multer": "^1.4.5-lts.1",
+    "openai": "^4.104.0",
+    "pdf-parse": "^1.1.1"
+  },
+  "private": true
+}

private/admin/admin.css

@@ -0,0 +1,1198 @@
+/**
+ * Rox AI Admin Panel Stylesheet
+ * Matches the exact theme and UI of the user-side chat interface
+ */
+
+/* ===== CSS Variables - Exact Match with User Side ===== */
+:root {
+    --bg-primary: #0f1a24;
+    --bg-secondary: #152232;
+    --bg-tertiary: #1a2b3c;
+    --bg-elevated: #1e3347;
+    --bg-hover: #243d52;
+    --text-primary: #ffffff;
+    --text-secondary: #a0b4c4;
+    --text-tertiary: #6b8599;
+    --border: #2a3f52;
+    --accent: #3eb489;
+    --accent-hover: #35a07a;
+    --accent-secondary: #d97bb3;
+    --user-bubble: #3d4f5f;
+    --user-avatar: #d97bb3;
+    --ai-avatar: #3eb489;
+    --success: #3eb489;
+    --error: #ef4444;
+    --warning: #f59e0b;
+    --sidebar-width: 280px;
+    --chats-width: 280px;
+    --header-height: 56px;
+    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
+}
+
+/* ===== Base Styles ===== */
+*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+
+html { scroll-behavior: smooth; }
+
+body {
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+    background: var(--bg-primary);
+    color: var(--text-primary);
+    overflow: hidden;
+    -webkit-font-smoothing: antialiased;
+    line-height: 1.5;
+}
+
+/* ===== Scrollbar ===== */
+::-webkit-scrollbar { width: 6px; height: 6px; }
+::-webkit-scrollbar-track { background: transparent; }
+::-webkit-scrollbar-thumb { background: var(--text-tertiary); border-radius: 3px; }
+::-webkit-scrollbar-thumb:hover { background: var(--text-secondary); }
+
+/* ===== Login Overlay ===== */
+.login-overlay {
+    position: fixed;
+    inset: 0;
+    background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 1000;
+}
+
+.login-box {
+    background: var(--bg-tertiary);
+    border: 1px solid var(--border);
+    border-radius: 16px;
+    padding: 40px;
+    width: 100%;
+    max-width: 380px;
+    text-align: center;
+    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
+}
+
+.login-logo { margin-bottom: 24px; }
+.login-logo svg { filter: drop-shadow(0 0 20px rgba(102, 126, 234, 0.4)); }
+
+.login-box h2 {
+    font-size: 24px;
+    font-weight: 600;
+    margin-bottom: 8px;
+    color: var(--text-primary);
+}
+
+.login-box p {
+    font-size: 14px;
+    color: var(--text-secondary);
+    margin-bottom: 24px;
+}
+
+.input-group { margin-bottom: 16px; }
+
+.input-group input {
+    width: 100%;
+    padding: 14px 16px;
+    background: var(--bg-secondary);
+    border: 1px solid var(--border);
+    border-radius: 8px;
+    color: var(--text-primary);
+    font-size: 14px;
+    transition: border-color 0.2s, box-shadow 0.2s;
+}
+
+.input-group input:focus {
+    outline: none;
+    border-color: var(--accent);
+    box-shadow: 0 0 0 3px rgba(62, 180, 137, 0.15);
+}
+
+.input-group input::placeholder { color: var(--text-tertiary); }
+
+.login-error {
+    color: var(--error);
+    font-size: 13px;
+    margin-top: 12px;
+    min-height: 20px;
+}
+
+.login-attempts {
+    color: var(--text-tertiary);
+    font-size: 11px;
+    margin-top: 8px;
+}
+
+/* ===== Buttons ===== */
+.btn {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: 6px;
+    padding: 10px 16px;
+    border: none;
+    border-radius: 6px;
+    font-size: 13px;
+    font-weight: 500;
+    cursor: pointer;
+    transition: all 0.2s ease;
+}
+
+.btn-primary {
+    background: var(--accent);
+    color: white;
+    width: 100%;
+    padding: 14px;
+}
+
+.btn-primary:hover { background: var(--accent-hover); }
+.btn-primary:disabled { opacity: 0.6; cursor: not-allowed; }
+
+.btn-secondary {
+    background: var(--bg-elevated);
+    color: var(--text-secondary);
+    border: 1px solid var(--border);
+}
+
+.btn-secondary:hover {
+    background: var(--bg-hover);
+    color: var(--text-primary);
+}
+
+.btn-danger {
+    background: rgba(239, 68, 68, 0.15);
+    color: var(--error);
+    border: 1px solid rgba(239, 68, 68, 0.3);
+}
+
+.btn-danger:hover { background: rgba(239, 68, 68, 0.25); }
+
+.btn-sm { padding: 6px 10px; font-size: 12px; }
+
+.btn .spinner {
+    animation: spin 1s linear infinite;
+}
+
+.btn.spinning svg {
+    animation: spin 0.8s linear infinite;
+}
+
+@keyframes spin {
+    from { transform: rotate(0deg); }
+    to { transform: rotate(360deg); }
+}
+
+/* ===== App Layout ===== */
+.app {
+    display: flex;
+    height: 100vh;
+    width: 100vw;
+    overflow: hidden;
+}
+
+/* ===== Sidebar ===== */
+.sidebar {
+    width: var(--sidebar-width);
+    background: var(--bg-secondary);
+    border-right: 1px solid var(--border);
+    display: flex;
+    flex-direction: column;
+    flex-shrink: 0;
+    transition: transform 0.3s var(--ease-out-expo);
+}
+
+.sidebar-header {
+    padding: 16px;
+    border-bottom: 1px solid var(--border);
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+
+.logo-section {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+}
+
+.logo-section h1 {
+    font-size: 16px;
+    font-weight: 600;
+    background: linear-gradient(135deg, #667eea, #764ba2);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+}
+
+.btn-logout {
+    background: transparent;
+    border: none;
+    color: var(--text-tertiary);
+    cursor: pointer;
+    padding: 8px;
+    border-radius: 6px;
+    transition: all 0.2s;
+}
+
+.btn-logout:hover {
+    background: var(--bg-hover);
+    color: var(--error);
+}
+
+/* Stats Row */
+.stats-row {
+    display: flex;
+    gap: 8px;
+    padding: 12px 16px;
+    border-bottom: 1px solid var(--border);
+}
+
+.stat-box {
+    flex: 1;
+    background: var(--bg-tertiary);
+    border-radius: 8px;
+    padding: 10px;
+    text-align: center;
+}
+
+.stat-val {
+    font-size: 18px;
+    font-weight: 600;
+    color: var(--accent);
+}
+
+.stat-lbl {
+    font-size: 10px;
+    color: var(--text-tertiary);
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+}
+
+/* Sidebar Tabs */
+.sidebar-tabs {
+    display: flex;
+    padding: 8px 16px;
+    gap: 4px;
+    border-bottom: 1px solid var(--border);
+}
+
+.tab-btn {
+    flex: 1;
+    padding: 8px;
+    background: transparent;
+    border: none;
+    color: var(--text-tertiary);
+    font-size: 12px;
+    font-weight: 500;
+    cursor: pointer;
+    border-radius: 6px;
+    transition: all 0.2s;
+}
+
+.tab-btn:hover { background: var(--bg-tertiary); color: var(--text-secondary); }
+.tab-btn.active { background: var(--bg-tertiary); color: var(--accent); }
+
+.tab-content { flex: 1; overflow: hidden; display: flex; flex-direction: column; }
+
+/* Search Box */
+.search-box {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 8px 16px;
+    margin: 8px 12px;
+    background: var(--bg-tertiary);
+    border-radius: 8px;
+    border: 1px solid var(--border);
+}
+
+.search-box svg { color: var(--text-tertiary); flex-shrink: 0; }
+
+.search-box input {
+    flex: 1;
+    background: transparent;
+    border: none;
+    color: var(--text-primary);
+    font-size: 13px;
+    outline: none;
+}
+
+.search-box input::placeholder { color: var(--text-tertiary); }
+
+/* Users Section */
+.users-section { flex: 1; overflow: hidden; display: flex; flex-direction: column; }
+
+.section-title {
+    padding: 8px 16px;
+    font-size: 11px;
+    font-weight: 600;
+    color: var(--text-tertiary);
+    text-transform: uppercase;
+    letter-spacing: 0.5px;
+}
+
+.user-list {
+    flex: 1;
+    overflow-y: auto;
+    padding: 0 8px 8px;
+}
+
+/* User Card */
+.user-card {
+    padding: 12px;
+    background: var(--bg-tertiary);
+    border-radius: 8px;
+    margin-bottom: 6px;
+    cursor: pointer;
+    transition: all 0.2s;
+    border: 1px solid transparent;
+}
+
+.user-card:hover { background: var(--bg-elevated); }
+.user-card.active { border-color: var(--accent); background: var(--bg-elevated); }
+
+.user-card-header {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 6px;
+}
+
+.user-status {
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    background: var(--text-tertiary);
+}
+
+.user-status.online { background: var(--success); }
+
+.user-ip {
+    font-size: 13px;
+    font-weight: 500;
+    color: var(--text-primary);
+    flex: 1;
+}
+
+.user-time {
+    font-size: 10px;
+    color: var(--text-tertiary);
+}
+
+.user-meta {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    font-size: 11px;
+    color: var(--text-tertiary);
+}
+
+.user-badge {
+    background: var(--bg-hover);
+    padding: 2px 6px;
+    border-radius: 4px;
+    font-size: 10px;
+}
+
+/* Stats Detail */
+.stats-detail {
+    padding: 12px;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.stat-card {
+    background: var(--bg-tertiary);
+    border-radius: 8px;
+    padding: 12px;
+}
+
+.stat-card-title {
+    font-size: 11px;
+    color: var(--text-tertiary);
+    margin-bottom: 4px;
+}
+
+.stat-card-value {
+    font-size: 20px;
+    font-weight: 600;
+    color: var(--accent);
+}
+
+.model-usage { padding: 0 12px 12px; }
+
+.usage-chart {
+    background: var(--bg-tertiary);
+    border-radius: 8px;
+    padding: 12px;
+}
+
+.usage-bar {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 8px;
+}
+
+.usage-bar-label {
+    font-size: 11px;
+    color: var(--text-secondary);
+    width: 100px;
+    flex-shrink: 0;
+}
+
+.usage-bar-track {
+    flex: 1;
+    height: 6px;
+    background: var(--bg-hover);
+    border-radius: 3px;
+    overflow: hidden;
+}
+
+.usage-bar-fill {
+    height: 100%;
+    background: var(--accent);
+    border-radius: 3px;
+    transition: width 0.3s ease;
+}
+
+.usage-bar-value {
+    font-size: 11px;
+    color: var(--text-tertiary);
+    width: 40px;
+    text-align: right;
+}
+
+/* ===== Main Content ===== */
+.main {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+    background: var(--bg-primary);
+}
+
+.main-header {
+    height: var(--header-height);
+    padding: 0 16px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    border-bottom: 1px solid var(--border);
+    background: var(--bg-secondary);
+    flex-shrink: 0;
+}
+
+.header-left {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+}
+
+.menu-btn {
+    display: none;
+    background: transparent;
+    border: none;
+    color: var(--text-secondary);
+    cursor: pointer;
+    padding: 8px;
+    border-radius: 6px;
+}
+
+.menu-btn:hover { background: var(--bg-tertiary); }
+
+.main-header h2 {
+    font-size: 16px;
+    font-weight: 600;
+    color: var(--text-primary);
+}
+
+.last-updated {
+    font-size: 11px;
+    color: var(--text-muted);
+    margin-left: 8px;
+    padding: 2px 8px;
+    background: var(--bg-tertiary);
+    border-radius: 4px;
+}
+
+.header-actions {
+    display: flex;
+    gap: 8px;
+}
+
+/* Content Area */
+.content-area {
+    flex: 1;
+    display: flex;
+    overflow: hidden;
+}
+
+/* Chats Panel */
+.chats-panel {
+    width: var(--chats-width);
+    background: var(--bg-secondary);
+    border-right: 1px solid var(--border);
+    display: flex;
+    flex-direction: column;
+    flex-shrink: 0;
+}
+
+.chats-header {
+    padding: 16px;
+    border-bottom: 1px solid var(--border);
+    font-size: 13px;
+    color: var(--text-secondary);
+}
+
+.chats-header span:last-child {
+    color: var(--accent);
+    font-weight: 500;
+}
+
+.chats-list {
+    flex: 1;
+    overflow-y: auto;
+    padding: 8px;
+}
+
+/* Chat Card */
+.chat-card {
+    padding: 12px;
+    background: var(--bg-tertiary);
+    border-radius: 8px;
+    margin-bottom: 6px;
+    cursor: pointer;
+    transition: all 0.2s;
+    border: 1px solid transparent;
+}
+
+.chat-card:hover { background: var(--bg-elevated); }
+.chat-card.active { border-color: var(--accent); background: var(--bg-elevated); }
+
+.chat-card-title {
+    font-size: 13px;
+    font-weight: 500;
+    color: var(--text-primary);
+    margin-bottom: 4px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.chat-card-meta {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    font-size: 11px;
+    color: var(--text-tertiary);
+}
+
+.chat-card-status {
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    background: var(--text-tertiary);
+}
+
+.chat-card-status.active { background: var(--success); }
+
+/* Chat View */
+.chat-view {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+}
+
+.chat-view-header {
+    padding: 12px 16px;
+    border-bottom: 1px solid var(--border);
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    background: var(--bg-secondary);
+}
+
+.chat-info h3 {
+    font-size: 14px;
+    font-weight: 600;
+    color: var(--text-primary);
+    margin-bottom: 2px;
+}
+
+.chat-info p {
+    font-size: 11px;
+    color: var(--text-tertiary);
+}
+
+.messages-area {
+    flex: 1;
+    overflow-y: auto;
+    padding: 16px;
+}
+
+/* ===== Messages - EXACT MATCH with User Side ===== */
+.message {
+    display: flex;
+    gap: 12px;
+    margin-bottom: 20px;
+    max-width: 100%;
+}
+
+.message.user { flex-direction: row-reverse; }
+
+.message-avatar {
+    width: 32px;
+    height: 32px;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+    font-size: 14px;
+    font-weight: 600;
+}
+
+.message.user .message-avatar {
+    background: var(--user-avatar);
+    color: white;
+}
+
+.message.assistant .message-avatar {
+    background: var(--ai-avatar);
+    color: white;
+}
+
+.message-wrapper {
+    max-width: 85%;
+    min-width: 0;
+}
+
+.message.user .message-wrapper { text-align: right; }
+
+.message-header {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 6px;
+    font-size: 12px;
+}
+
+.message.user .message-header { justify-content: flex-end; }
+
+.message-role {
+    font-weight: 600;
+    color: var(--text-primary);
+}
+
+.model-badge {
+    background: var(--bg-elevated);
+    color: var(--accent);
+    padding: 2px 6px;
+    border-radius: 4px;
+    font-size: 10px;
+    font-weight: 500;
+}
+
+.internet-badge {
+    background: rgba(62, 180, 137, 0.15);
+    color: var(--accent);
+    padding: 2px 6px;
+    border-radius: 4px;
+    font-size: 9px;
+}
+
+.message-time {
+    color: var(--text-tertiary);
+    font-size: 10px;
+}
+
+/* Message Content */
+.message-content {
+    padding: 12px 16px;
+    border-radius: 18px;
+    line-height: 1.6;
+    word-wrap: break-word;
+    overflow-wrap: break-word;
+}
+
+.message.user .message-content {
+    background: var(--user-bubble);
+    color: white;
+    border-radius: 18px 18px 4px 18px;
+    display: inline-block;
+}
+
+.message.assistant .message-content {
+    background: transparent;
+    color: var(--text-primary);
+    padding: 0;
+}
+
+/* Message Typography - Match User Side */
+.message-content p { margin: 0 0 12px; }
+.message-content p:last-child { margin-bottom: 0; }
+
+.message-content h1, .message-content h2, .message-content h3,
+.message-content h4, .message-content h5, .message-content h6 {
+    margin: 16px 0 8px;
+    font-weight: 600;
+    color: var(--text-primary);
+}
+
+.message-content h1 { font-size: 1.5em; }
+.message-content h2 { font-size: 1.3em; }
+.message-content h3 { font-size: 1.15em; }
+.message-content h4, .message-content h5, .message-content h6 { font-size: 1em; }
+
+.message-content ul, .message-content ol {
+    margin: 8px 0;
+    padding-left: 24px;
+}
+
+.message-content li { margin: 4px 0; }
+
+.message-content blockquote {
+    border-left: 3px solid var(--accent);
+    padding-left: 12px;
+    margin: 12px 0;
+    color: var(--text-secondary);
+    font-style: italic;
+}
+
+.message-content a {
+    color: var(--accent);
+    text-decoration: none;
+}
+
+.message-content a:hover { text-decoration: underline; }
+
+.message-content hr {
+    border: none;
+    border-top: 1px solid var(--border);
+    margin: 16px 0;
+}
+
+/* Inline Code */
+.message-content code:not(.code-content code) {
+    background: var(--bg-tertiary);
+    color: var(--accent-secondary);
+    padding: 2px 6px;
+    border-radius: 4px;
+    font-family: 'Fira Code', 'SF Mono', Monaco, Consolas, monospace;
+    font-size: 0.9em;
+}
+
+/* Code Blocks - EXACT Match */
+.code-block {
+    background: #1e293b;
+    border-radius: 8px;
+    overflow: hidden;
+    margin: 12px 0;
+}
+
+.code-header {
+    background: #0f172a;
+    padding: 8px 12px;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.code-language {
+    font-size: 12px;
+    color: #94a3b8;
+    font-weight: 500;
+}
+
+.code-copy-btn {
+    background: transparent;
+    border: 1px solid #334155;
+    color: #94a3b8;
+    padding: 4px 8px;
+    border-radius: 4px;
+    cursor: pointer;
+    font-size: 11px;
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    transition: all 0.2s;
+}
+
+.code-copy-btn:hover {
+    background: #334155;
+    color: #fff;
+}
+
+.code-copy-btn.copied {
+    background: var(--success);
+    border-color: var(--success);
+    color: white;
+}
+
+.code-content {
+    padding: 16px;
+    overflow-x: auto;
+}
+
+.code-content code {
+    font-family: 'Fira Code', 'SF Mono', Monaco, Consolas, monospace;
+    font-size: 13px;
+    line-height: 1.6;
+    color: #e2e8f0;
+    white-space: pre;
+}
+
+/* Math Blocks */
+.math-block {
+    background: var(--bg-tertiary);
+    padding: 16px;
+    border-radius: 8px;
+    margin: 12px 0;
+    overflow-x: auto;
+    text-align: center;
+}
+
+.math-inline { display: inline; }
+
+/* Tables */
+.table-wrapper {
+    overflow-x: auto;
+    margin: 12px 0;
+    border-radius: 8px;
+    border: 1px solid var(--border);
+}
+
+.message-content table {
+    width: 100%;
+    border-collapse: collapse;
+    font-size: 13px;
+}
+
+.message-content th, .message-content td {
+    padding: 10px 12px;
+    text-align: left;
+    border-bottom: 1px solid var(--border);
+}
+
+.message-content th {
+    background: var(--bg-tertiary);
+    font-weight: 600;
+    color: var(--text-primary);
+}
+
+.message-content tr:last-child td { border-bottom: none; }
+.message-content tr:hover td { background: var(--bg-tertiary); }
+
+/* Attachments */
+.message-attachments {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 8px;
+    margin-bottom: 8px;
+}
+
+.attachment-chip {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    padding: 6px 10px;
+    background: var(--bg-tertiary);
+    border-radius: 6px;
+    font-size: 12px;
+    color: var(--text-secondary);
+}
+
+.attachment-chip svg { color: var(--accent); }
+
+/* Empty State */
+.empty-state {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    color: var(--text-tertiary);
+    text-align: center;
+    padding: 40px;
+}
+
+.empty-state svg {
+    margin-bottom: 16px;
+    opacity: 0.5;
+}
+
+.empty-state p {
+    font-size: 14px;
+    max-width: 240px;
+}
+
+/* No Data */
+.no-data {
+    text-align: center;
+    padding: 40px 20px;
+    color: var(--text-tertiary);
+    font-size: 13px;
+}
+
+/* ===== Loading States ===== */
+.loading-skeleton { padding: 8px; }
+
+.skeleton-item {
+    height: 60px;
+    background: linear-gradient(90deg, var(--bg-tertiary) 25%, var(--bg-elevated) 50%, var(--bg-tertiary) 75%);
+    background-size: 200% 100%;
+    animation: shimmer 1.5s infinite;
+    border-radius: 8px;
+    margin-bottom: 8px;
+}
+
+@keyframes shimmer {
+    0% { background-position: 200% 0; }
+    100% { background-position: -200% 0; }
+}
+
+/* ===== Toast Notifications ===== */
+.toast-container {
+    position: fixed;
+    bottom: 20px;
+    right: 20px;
+    z-index: 2000;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+}
+
+.toast {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    padding: 12px 16px;
+    background: var(--bg-tertiary);
+    border: 1px solid var(--border);
+    border-radius: 8px;
+    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
+    animation: slideIn 0.3s ease;
+    max-width: 320px;
+}
+
+.toast.success { border-color: var(--success); }
+.toast.error { border-color: var(--error); }
+.toast.warning { border-color: var(--warning); }
+
+.toast-icon {
+    width: 20px;
+    height: 20px;
+    flex-shrink: 0;
+}
+
+.toast.success .toast-icon { color: var(--success); }
+.toast.error .toast-icon { color: var(--error); }
+.toast.warning .toast-icon { color: var(--warning); }
+
+.toast-message {
+    flex: 1;
+    font-size: 13px;
+    color: var(--text-primary);
+}
+
+.toast-close {
+    background: transparent;
+    border: none;
+    color: var(--text-tertiary);
+    cursor: pointer;
+    padding: 4px;
+}
+
+@keyframes slideIn {
+    from { transform: translateX(100%); opacity: 0; }
+    to { transform: translateX(0); opacity: 1; }
+}
+
+/* ===== Dialog ===== */
+.dialog-overlay {
+    position: fixed;
+    inset: 0;
+    background: rgba(0, 0, 0, 0.6);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 3000;
+    backdrop-filter: blur(4px);
+}
+
+.dialog-box {
+    background: var(--bg-tertiary);
+    border: 1px solid var(--border);
+    border-radius: 12px;
+    padding: 24px;
+    max-width: 400px;
+    width: 90%;
+    text-align: center;
+    animation: scaleIn 0.2s ease;
+}
+
+@keyframes scaleIn {
+    from { transform: scale(0.9); opacity: 0; }
+    to { transform: scale(1); opacity: 1; }
+}
+
+.dialog-icon {
+    width: 48px;
+    height: 48px;
+    margin: 0 auto 16px;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.dialog-icon.warning {
+    background: rgba(245, 158, 11, 0.15);
+    color: var(--warning);
+}
+
+.dialog-icon.danger {
+    background: rgba(239, 68, 68, 0.15);
+    color: var(--error);
+}
+
+.dialog-box h3 {
+    font-size: 18px;
+    margin-bottom: 8px;
+    color: var(--text-primary);
+}
+
+.dialog-box p {
+    font-size: 14px;
+    color: var(--text-secondary);
+    margin-bottom: 20px;
+}
+
+.dialog-actions {
+    display: flex;
+    gap: 12px;
+    justify-content: center;
+}
+
+.dialog-actions .btn { min-width: 100px; }
+
+/* ===== Sidebar Overlay (Mobile) ===== */
+.sidebar-overlay {
+    display: none;
+    position: fixed;
+    inset: 0;
+    background: rgba(0, 0, 0, 0.5);
+    z-index: 99;
+}
+
+.sidebar-overlay.active { display: block; }
+
+/* ===== Responsive Design ===== */
+@media (max-width: 1024px) {
+    .chats-panel { width: 240px; }
+}
+
+@media (max-width: 768px) {
+    .sidebar {
+        position: fixed;
+        left: 0;
+        top: 0;
+        bottom: 0;
+        z-index: 100;
+        transform: translateX(-100%);
+    }
+    
+    .sidebar.open { transform: translateX(0); }
+    
+    .menu-btn { display: block; }
+    
+    .chats-panel {
+        position: fixed;
+        left: 0;
+        top: 0;
+        bottom: 0;
+        z-index: 98;
+        width: 280px;
+        transform: translateX(-100%);
+        transition: transform 0.3s var(--ease-out-expo);
+    }
+    
+    .chats-panel.open { transform: translateX(0); }
+    
+    .header-actions .btn span { display: none; }
+    .header-actions .btn { padding: 8px; }
+    
+    .content-area { flex-direction: column; }
+    
+    .chat-view { width: 100%; }
+}
+
+@media (max-width: 480px) {
+    .login-box { padding: 24px; margin: 16px; }
+    
+    .stats-row { flex-wrap: wrap; }
+    .stat-box { min-width: calc(50% - 4px); }
+    
+    .message-wrapper { max-width: 95%; }
+}
+
+/* ===== Selection ===== */
+::selection {
+    background: rgba(62, 180, 137, 0.3);
+    color: inherit;
+}
+
+/* ===== Focus States ===== */
+button:focus-visible, input:focus-visible {
+    outline: 2px solid var(--accent);
+    outline-offset: 2px;
+}
+
+/* ===== Animations ===== */
+.fade-in {
+    animation: fadeIn 0.3s ease;
+}
+
+@keyframes fadeIn {
+    from { opacity: 0; }
+    to { opacity: 1; }
+}
+
+.slide-up {
+    animation: slideUp 0.3s ease;
+}
+
+@keyframes slideUp {
+    from { transform: translateY(10px); opacity: 0; }
+    to { transform: translateY(0); opacity: 1; }
+}
+
+/* ===== Additional Message Styles ===== */
+.message.assistant .message-content strong {
+    color: var(--text-primary);
+    font-weight: 600;
+}
+
+.message.assistant .message-content em {
+    font-style: italic;
+    color: var(--text-secondary);
+}
+
+/* KaTeX overrides */
+.katex { font-size: 1.1em; }
+.katex-display { margin: 16px 0; overflow-x: auto; }
+
+/* Print styles */
+@media print {
+    .sidebar, .chats-panel, .main-header { display: none !important; }
+    .chat-view { width: 100% !important; }
+    .messages-area { overflow: visible !important; }
+}
+
+/* High contrast mode */
+@media (prefers-contrast: high) {
+    :root {
+        --border: #4a5568;
+        --text-secondary: #cbd5e0;
+    }
+}

private/admin/admin.js

@@ -0,0 +1,1107 @@
+/**
+ * Rox AI Admin Panel - Secure Administration Interface
+ * @version 1.0.0
+ * @description Production-ready admin panel with JWT auth and exact UI matching
+ */
+'use strict';
+
+// ==================== CONSTANTS ====================
+const API_BASE = '/admin/api';
+const TOKEN_KEY = 'rox_admin_token';
+const SESSION_TIMEOUT = 24 * 60 * 60 * 1000; // 24 hours
+
+// HTML escape map for XSS prevention
+const HTML_ESCAPE_MAP = { '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#039;' };
+
+// Language name mappings for code blocks
+const LANGUAGE_NAMES = {
+    'js': 'javascript', 'ts': 'typescript', 'py': 'python', 'rb': 'ruby',
+    'sh': 'bash', 'yml': 'yaml', 'md': 'markdown', 'cs': 'csharp', 'cpp': 'c++'
+};
+
+// ==================== ADMIN PANEL CLASS ====================
+class AdminPanel {
+    constructor() {
+        this.token = null;
+        this.currentUser = null;
+        this.currentChat = null;
+        this.users = [];
+        this.chats = [];
+        this.stats = {};
+        this.refreshInterval = null;
+        
+        this._init();
+    }
+
+    _init() {
+        this._initElements();
+        this._initEventListeners();
+        this._checkAuth();
+    }
+
+    _initElements() {
+        // Login elements
+        this.loginOverlay = document.getElementById('loginOverlay');
+        this.loginForm = document.getElementById('loginForm');
+        this.passwordInput = document.getElementById('passwordInput');
+        this.loginError = document.getElementById('loginError');
+        this.loginAttempts = document.getElementById('loginAttempts');
+        this.loginBtn = document.getElementById('loginBtn');
+        
+        // App elements
+        this.app = document.getElementById('app');
+        this.sidebar = document.getElementById('sidebar');
+        this.sidebarOverlay = document.getElementById('sidebarOverlay');
+        this.menuBtn = document.getElementById('menuBtn');
+        
+        // Stats elements
+        this.totalUsers = document.getElementById('totalUsers');
+        this.totalChats = document.getElementById('totalChats');
+        this.todayQueries = document.getElementById('todayQueries');
+        this.avgResponseTime = document.getElementById('avgResponseTime');
+        this.totalMessages = document.getElementById('totalMessages');
+        this.activeSessions = document.getElementById('activeSessions');
+        this.modelUsageChart = document.getElementById('modelUsageChart');
+        
+        // User list elements
+        this.userList = document.getElementById('userList');
+        this.userSearch = document.getElementById('userSearch');
+        this.selectedUserName = document.getElementById('selectedUserName');
+        
+        // Chat elements
+        this.chatsPanel = document.getElementById('chatsPanel');
+        this.chatsList = document.getElementById('chatsList');
+        this.chatView = document.getElementById('chatView');
+        this.chatHeader = document.getElementById('chatHeader');
+        this.chatTitle = document.getElementById('chatTitle');
+        this.chatMeta = document.getElementById('chatMeta');
+        this.messagesArea = document.getElementById('messagesArea');
+        
+        // Action buttons
+        this.refreshBtn = document.getElementById('refreshBtn');
+        this.exportBtn = document.getElementById('exportBtn');
+        this.clearBtn = document.getElementById('clearBtn');
+        this.logoutBtn = document.getElementById('btnLogout');
+        this.lastUpdated = document.getElementById('lastUpdated');
+        this.lastUpdateTime = null;
+        
+        // Tabs
+        this.tabBtns = document.querySelectorAll('.tab-btn');
+        this.usersTab = document.getElementById('usersTab');
+        this.statsTab = document.getElementById('statsTab');
+        
+        // Dialog
+        this.dialogOverlay = document.getElementById('dialogOverlay');
+        this.dialogTitle = document.getElementById('dialogTitle');
+        this.dialogMessage = document.getElementById('dialogMessage');
+        this.dialogConfirm = document.getElementById('dialogConfirm');
+        this.dialogCancel = document.getElementById('dialogCancel');
+        
+        // Toast container
+        this.toastContainer = document.getElementById('toastContainer');
+    }
+
+    _initEventListeners() {
+        // Login form
+        this.loginForm?.addEventListener('submit', (e) => this._handleLogin(e));
+        
+        // Logout
+        this.logoutBtn?.addEventListener('click', () => this._logout());
+        
+        // Mobile menu
+        this.menuBtn?.addEventListener('click', () => this._toggleSidebar());
+        this.sidebarOverlay?.addEventListener('click', () => this._closeSidebar());
+        
+        // Tabs
+        this.tabBtns.forEach(btn => {
+            btn.addEventListener('click', () => this._switchTab(btn.dataset.tab));
+        });
+        
+        // User search
+        this.userSearch?.addEventListener('input', (e) => this._filterUsers(e.target.value));
+        
+        // Action buttons
+        this.refreshBtn?.addEventListener('click', () => this._refreshData());
+        this.exportBtn?.addEventListener('click', () => this._exportLogs());
+        this.clearBtn?.addEventListener('click', () => this._confirmClearLogs());
+        
+        // Dialog
+        this.dialogCancel?.addEventListener('click', () => this._hideDialog());
+        this.dialogOverlay?.addEventListener('click', (e) => {
+            if (e.target === this.dialogOverlay) this._hideDialog();
+        });
+        
+        // Keyboard shortcuts
+        document.addEventListener('keydown', (e) => {
+            if (e.key === 'Escape') {
+                this._hideDialog();
+                this._closeSidebar();
+            }
+        });
+    }
+
+    // ==================== AUTHENTICATION ====================
+    _checkAuth() {
+        const token = localStorage.getItem(TOKEN_KEY);
+        if (token && this._isTokenValid(token)) {
+            this.token = token;
+            this._showApp();
+            this._loadData();
+        } else {
+            localStorage.removeItem(TOKEN_KEY);
+            this._showLogin();
+        }
+    }
+
+    _isTokenValid(token) {
+        try {
+            const payload = JSON.parse(atob(token.split('.')[1]));
+            return payload.exp * 1000 > Date.now();
+        } catch {
+            return false;
+        }
+    }
+
+    async _handleLogin(e) {
+        e.preventDefault();
+        const password = this.passwordInput?.value?.trim();
+        
+        if (!password) {
+            this._showLoginError('Please enter a password');
+            return;
+        }
+        
+        this._setLoginLoading(true);
+        
+        try {
+            const response = await fetch(`${API_BASE}/login`, {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ password })
+            });
+            
+            const data = await response.json();
+            
+            if (data.success && data.token) {
+                this.token = data.token;
+                localStorage.setItem(TOKEN_KEY, data.token);
+                this._showApp();
+                this._loadData();
+                this._showToast('Login successful', 'success');
+            } else {
+                this._showLoginError(data.error || 'Invalid password');
+                if (data.attemptsLeft !== undefined) {
+                    this.loginAttempts.textContent = `${data.attemptsLeft} attempts remaining`;
+                }
+                if (data.lockoutTime) {
+                    this._showLoginError(`Too many attempts. Try again in ${Math.ceil(data.lockoutTime / 60)} minutes`);
+                }
+            }
+        } catch (err) {
+            this._showLoginError('Connection error. Please try again.');
+        } finally {
+            this._setLoginLoading(false);
+        }
+    }
+
+    _logout() {
+        localStorage.removeItem(TOKEN_KEY);
+        this.token = null;
+        if (this.refreshInterval) clearInterval(this.refreshInterval);
+        if (this.lastUpdatedInterval) clearInterval(this.lastUpdatedInterval);
+        this._showLogin();
+        this._showToast('Logged out successfully', 'success');
+    }
+
+    _showLogin() {
+        this.loginOverlay.style.display = 'flex';
+        this.app.style.display = 'none';
+        this.passwordInput.value = '';
+        this.loginError.textContent = '';
+        this.loginAttempts.textContent = '';
+    }
+
+    _showApp() {
+        this.loginOverlay.style.display = 'none';
+        this.app.style.display = 'flex';
+        // Auto-refresh every 5 seconds for real-time updates
+        this.refreshInterval = setInterval(() => this._loadData(), 5000);
+        // Update "last updated" display every second
+        this.lastUpdatedInterval = setInterval(() => this._updateLastUpdatedDisplay(), 1000);
+    }
+
+    _showLoginError(msg) {
+        this.loginError.textContent = msg;
+    }
+
+    _setLoginLoading(loading) {
+        const btnText = this.loginBtn?.querySelector('.btn-text');
+        const btnLoading = this.loginBtn?.querySelector('.btn-loading');
+        if (loading) {
+            btnText.style.display = 'none';
+            btnLoading.style.display = 'inline-flex';
+            this.loginBtn.disabled = true;
+        } else {
+            btnText.style.display = 'inline';
+            btnLoading.style.display = 'none';
+            this.loginBtn.disabled = false;
+        }
+    }
+
+    // ==================== DATA LOADING ====================
+    async _loadData() {
+        try {
+            const [statsRes, usersRes] = await Promise.all([
+                this._apiGet('/stats'),
+                this._apiGet('/users')
+            ]);
+            
+            if (statsRes.success) {
+                this.stats = statsRes.data;
+                this._renderStats();
+            }
+            
+            if (usersRes.success) {
+                this.users = usersRes.data.users || [];
+                this._renderUsers();
+            }
+            
+            // Update last updated time
+            this.lastUpdateTime = Date.now();
+            this._updateLastUpdatedDisplay();
+        } catch (err) {
+            console.error('Failed to load data:', err);
+            if (err.message === 'Unauthorized') {
+                this._logout();
+            }
+        }
+    }
+    
+    _updateLastUpdatedDisplay() {
+        if (!this.lastUpdated || !this.lastUpdateTime) return;
+        const seconds = Math.floor((Date.now() - this.lastUpdateTime) / 1000);
+        if (seconds < 5) {
+            this.lastUpdated.textContent = 'Updated just now';
+        } else if (seconds < 60) {
+            this.lastUpdated.textContent = `Updated ${seconds}s ago`;
+        } else {
+            const mins = Math.floor(seconds / 60);
+            this.lastUpdated.textContent = `Updated ${mins}m ago`;
+        }
+    }
+
+    async _loadUserChats(userIp) {
+        try {
+            const res = await this._apiGet(`/users/${encodeURIComponent(userIp)}/chats`);
+            if (res.success) {
+                this.chats = res.data.chats || [];
+                this._renderChats();
+            }
+        } catch (err) {
+            console.error('Failed to load chats:', err);
+            this._showToast('Failed to load chats', 'error');
+        }
+    }
+
+    async _loadChatMessages(chatId) {
+        try {
+            const res = await this._apiGet(`/chats/${encodeURIComponent(chatId)}/messages`);
+            if (res.success) {
+                this._renderMessages(res.data.messages || [], res.data.chat);
+            }
+        } catch (err) {
+            console.error('Failed to load messages:', err);
+            this._showToast('Failed to load messages', 'error');
+        }
+    }
+
+    async _apiGet(endpoint) {
+        const response = await fetch(`${API_BASE}${endpoint}`, {
+            headers: { 'Authorization': `Bearer ${this.token}` }
+        });
+        
+        if (response.status === 401) {
+            throw new Error('Unauthorized');
+        }
+        
+        return response.json();
+    }
+
+    async _apiPost(endpoint, data) {
+        const response = await fetch(`${API_BASE}${endpoint}`, {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+                'Authorization': `Bearer ${this.token}`
+            },
+            body: JSON.stringify(data)
+        });
+        
+        if (response.status === 401) {
+            throw new Error('Unauthorized');
+        }
+        
+        return response.json();
+    }
+
+    // ==================== RENDERING ====================
+    _renderStats() {
+        const s = this.stats;
+        this.totalUsers.textContent = s.totalUsers || 0;
+        this.totalChats.textContent = s.totalChats || 0;
+        this.todayQueries.textContent = s.todayQueries || 0;
+        
+        if (this.avgResponseTime) {
+            this.avgResponseTime.textContent = `${s.avgResponseTime || 0}ms`;
+        }
+        if (this.totalMessages) {
+            this.totalMessages.textContent = s.totalMessages || 0;
+        }
+        if (this.activeSessions) {
+            this.activeSessions.textContent = s.activeSessions || 0;
+        }
+        
+        // Render model usage chart
+        if (this.modelUsageChart && s.modelUsage) {
+            this._renderModelUsage(s.modelUsage);
+        }
+    }
+
+    _renderModelUsage(usage) {
+        const total = Object.values(usage).reduce((a, b) => a + b, 0) || 1;
+        let html = '';
+        
+        for (const [model, count] of Object.entries(usage)) {
+            const percent = Math.round((count / total) * 100);
+            html += `
+                <div class="usage-bar">
+                    <span class="usage-bar-label">${this.escapeHtml(model)}</span>
+                    <div class="usage-bar-track">
+                        <div class="usage-bar-fill" style="width: ${percent}%"></div>
+                    </div>
+                    <span class="usage-bar-value">${count}</span>
+                </div>
+            `;
+        }
+        
+        this.modelUsageChart.innerHTML = html || '<div class="no-data">No usage data</div>';
+    }
+
+    _renderUsers() {
+        if (!this.users.length) {
+            this.userList.innerHTML = '<div class="no-data">No users found</div>';
+            return;
+        }
+        
+        let html = '';
+        for (const user of this.users) {
+            const isActive = this.currentUser === user.ip;
+            const isOnline = user.isOnline ? 'online' : '';
+            const timeAgo = this._formatTimeAgo(user.lastActivity);
+            
+            html += `
+                <div class="user-card ${isActive ? 'active' : ''}" data-ip="${this.escapeHtml(user.ip)}">
+                    <div class="user-card-header">
+                        <span class="user-status ${isOnline}"></span>
+                        <span class="user-ip">${this._maskIp(user.ip)}</span>
+                        <span class="user-time">${timeAgo}</span>
+                    </div>
+                    <div class="user-meta">
+                        <span>${user.chatCount || 0} chats</span>
+                        ${user.device?.browser ? `<span class="user-badge">${this.escapeHtml(user.device.browser)}</span>` : ''}
+                        ${user.device?.os ? `<span class="user-badge">${this.escapeHtml(user.device.os)}</span>` : ''}
+                    </div>
+                </div>
+            `;
+        }
+        
+        this.userList.innerHTML = html;
+        
+        // Add click handlers
+        this.userList.querySelectorAll('.user-card').forEach(card => {
+            card.addEventListener('click', () => this._selectUser(card.dataset.ip));
+        });
+    }
+
+    _renderChats() {
+        if (!this.chats.length) {
+            this.chatsList.innerHTML = `
+                <div class="empty-state">
+                    <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+                        <path d="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"/>
+                    </svg>
+                    <p>No chats found for this user</p>
+                </div>
+            `;
+            return;
+        }
+        
+        let html = '';
+        for (const chat of this.chats) {
+            const isActive = this.currentChat === chat.id;
+            const timeAgo = this._formatTimeAgo(chat.lastMessage);
+            const title = chat.title || 'Untitled Chat';
+            
+            html += `
+                <div class="chat-card ${isActive ? 'active' : ''}" data-id="${this.escapeHtml(chat.id)}">
+                    <div class="chat-card-title">${this.escapeHtml(title)}</div>
+                    <div class="chat-card-meta">
+                        <span class="chat-card-status ${chat.isActive ? 'active' : ''}"></span>
+                        <span>${chat.messageCount || 0} messages</span>
+                        <span>·</span>
+                        <span>${timeAgo}</span>
+                    </div>
+                </div>
+            `;
+        }
+        
+        this.chatsList.innerHTML = html;
+        
+        // Add click handlers
+        this.chatsList.querySelectorAll('.chat-card').forEach(card => {
+            card.addEventListener('click', () => this._selectChat(card.dataset.id));
+        });
+    }
+
+    _renderMessages(messages, chatInfo) {
+        if (!messages.length) {
+            this.messagesArea.innerHTML = `
+                <div class="empty-state">
+                    <svg width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+                        <path d="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"/>
+                    </svg>
+                    <p>No messages in this chat</p>
+                </div>
+            `;
+            return;
+        }
+        
+        // Show chat header
+        this.chatHeader.style.display = 'flex';
+        this.chatTitle.textContent = chatInfo?.title || 'Chat';
+        this.chatMeta.textContent = `Started ${this._formatDate(chatInfo?.createdAt)} · ${messages.length} messages`;
+        
+        let html = '';
+        for (const msg of messages) {
+            html += this._renderMessage(msg);
+        }
+        
+        this.messagesArea.innerHTML = html;
+        this._initCodeCopyButtons();
+        this.messagesArea.scrollTop = this.messagesArea.scrollHeight;
+    }
+
+    _renderMessage(msg) {
+        const isUser = msg.role === 'user';
+        const avatar = isUser ? 'U' : 'R';
+        const roleName = isUser ? 'User' : 'Rox';
+        const time = this._formatTime(msg.timestamp);
+        
+        // Attachments
+        let attachmentsHtml = '';
+        if (msg.attachments?.length) {
+            attachmentsHtml = '<div class="message-attachments">';
+            for (const att of msg.attachments) {
+                attachmentsHtml += `
+                    <div class="attachment-chip">
+                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                            <path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8z"/>
+                            <polyline points="14 2 14 8 20 8"/>
+                        </svg>
+                        ${this.escapeHtml(att.name)}
+                    </div>
+                `;
+            }
+            attachmentsHtml += '</div>';
+        }
+        
+        // Model badge for assistant
+        let modelBadge = '';
+        let internetBadge = '';
+        if (!isUser) {
+            if (msg.model) {
+                modelBadge = `<span class="model-badge">${this.escapeHtml(msg.model)}</span>`;
+            }
+            if (msg.usedInternet) {
+                internetBadge = `<span class="internet-badge">🌐 ${this.escapeHtml(msg.internetSource || 'Web')}</span>`;
+            }
+        }
+        
+        // Duration for assistant
+        let durationHtml = '';
+        if (!isUser && msg.duration) {
+            durationHtml = `<span class="message-time">${(msg.duration / 1000).toFixed(1)}s</span>`;
+        }
+        
+        return `
+            <div class="message ${isUser ? 'user' : 'assistant'} fade-in">
+                <div class="message-avatar">${avatar}</div>
+                <div class="message-wrapper">
+                    <div class="message-header">
+                        <span class="message-role">${roleName}</span>
+                        ${modelBadge}
+                        ${internetBadge}
+                        <span class="message-time">${time}</span>
+                        ${durationHtml}
+                    </div>
+                    ${attachmentsHtml}
+                    <div class="message-content">${this._formatContent(msg.content)}</div>
+                </div>
+            </div>
+        `;
+    }
+
+    // ==================== CONTENT FORMATTING (EXACT MATCH WITH USER SIDE) ====================
+    _formatContent(content) {
+        if (!content || typeof content !== 'string') return '';
+        
+        let formatted = content;
+        
+        // Remove internet search indicator lines
+        formatted = formatted.replace(/^🌐\s*Searching for.*?\.\.\.?\s*$/gm, '');
+        formatted = formatted.replace(/^🌐\s*LIVE INTERNET SEARCH RESULTS:?\s*$/gm, '');
+        formatted = formatted.replace(/^\s*\n+/g, '').replace(/\n{3,}/g, '\n\n');
+        
+        // Fix malformed numbered lists
+        formatted = formatted.replace(/^(\d+)(\*\*)/gm, '$1. $2');
+        formatted = formatted.replace(/^(\d+)([A-Za-z])/gm, '$1. $2');
+        
+        // Store math blocks temporarily
+        const mathBlocks = [];
+        const inlineMath = [];
+        
+        // Protect display math blocks
+        formatted = formatted.replace(/\$\$([\s\S]*?)\$\$/g, (_, math) => {
+            const placeholder = `__MATH_BLOCK_${mathBlocks.length}__`;
+            mathBlocks.push({ math: math.trim(), display: true });
+            return placeholder;
+        });
+        
+        // Protect inline math
+        formatted = formatted.replace(/\$([^\$\n]+?)\$/g, (_, math) => {
+            const placeholder = `__INLINE_MATH_${inlineMath.length}__`;
+            inlineMath.push({ math: math.trim(), display: false });
+            return placeholder;
+        });
+        
+        // Store code blocks
+        const codeBlocks = [];
+        formatted = formatted.replace(/```(\w+)?\n([\s\S]*?)```/g, (_, lang, code) => {
+            const trimmedCode = code.trim();
+            const language = lang ? lang.toLowerCase() : '';
+            const displayLang = lang ? (LANGUAGE_NAMES[language] || language) : 'plaintext';
+            const escapedCode = this.escapeHtml(trimmedCode);
+            const placeholder = `__CODE_BLOCK_${codeBlocks.length}__`;
+            codeBlocks.push(`<div class="code-block"><div class="code-header"><span class="code-language">${displayLang}</span><button class="code-copy-btn" type="button"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2" ry="2"/><path d="M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1"/></svg><span>Copy</span></button></div><div class="code-content"><code>${escapedCode}</code></div></div>`);
+            return placeholder;
+        });
+        
+        // Inline code
+        const inlineCodes = [];
+        formatted = formatted.replace(/`([^`]+)`/g, (_, code) => {
+            const placeholder = `__INLINE_CODE_${inlineCodes.length}__`;
+            inlineCodes.push(`<code>${this.escapeHtml(code)}</code>`);
+            return placeholder;
+        });
+        
+        // Tables
+        const tablePlaceholders = [];
+        formatted = this._parseMarkdownTables(formatted, tablePlaceholders);
+        
+        // Headings
+        formatted = formatted.replace(/^###### (.+)$/gm, (_, text) => `<h6>${this._formatInlineContent(text)}</h6>`);
+        formatted = formatted.replace(/^##### (.+)$/gm, (_, text) => `<h5>${this._formatInlineContent(text)}</h5>`);
+        formatted = formatted.replace(/^#### (.+)$/gm, (_, text) => `<h4>${this._formatInlineContent(text)}</h4>`);
+        formatted = formatted.replace(/^### (.+)$/gm, (_, text) => `<h3>${this._formatInlineContent(text)}</h3>`);
+        formatted = formatted.replace(/^## (.+)$/gm, (_, text) => `<h2>${this._formatInlineContent(text)}</h2>`);
+        formatted = formatted.replace(/^# (.+)$/gm, (_, text) => `<h1>${this._formatInlineContent(text)}</h1>`);
+        
+        // Bold, Italic
+        formatted = formatted.replace(/\*\*([^*]+)\*\*/g, '<strong>$1</strong>');
+        formatted = formatted.replace(/(?<!\*)\*([^*\n]+)\*(?!\*)/g, '<em>$1</em>');
+        
+        // Lists
+        formatted = formatted.replace(/^(\d+)\. (.+)$/gm, (_, num, text) => `<li data-num="${num}">${this._formatInlineContent(text)}</li>`);
+        formatted = formatted.replace(/((?:<li data-num="\d+">[\s\S]*?<\/li>\n?)+)/g, '<ol>$1</ol>');
+        formatted = formatted.replace(/<\/ol>\n<ol>/g, '');
+        formatted = formatted.replace(/ data-num="\d+"/g, '');
+        
+        formatted = formatted.replace(/^[-*] (.+)$/gm, (_, text) => `<uli>${this._formatInlineContent(text)}</uli>`);
+        formatted = formatted.replace(/((?:<uli>[\s\S]*?<\/uli>\n?)+)/g, '<ul>$1</ul>');
+        formatted = formatted.replace(/<\/ul>\n<ul>/g, '');
+        formatted = formatted.replace(/<uli>/g, '<li>');
+        formatted = formatted.replace(/<\/uli>/g, '</li>');
+        
+        // Blockquotes
+        formatted = formatted.replace(/^> (.+)$/gm, (_, text) => `<blockquote>${this._formatInlineContent(text)}</blockquote>`);
+        formatted = formatted.replace(/<\/blockquote>\n<blockquote>/g, '<br>');
+        
+        // Horizontal rule
+        formatted = formatted.replace(/^---$/gm, '<hr>');
+        
+        // Links
+        formatted = formatted.replace(/\[([^\]]+)\]\(([^)]+)\)/g, (_, text, url) => {
+            const safeUrl = this._sanitizeUrl(url);
+            if (!safeUrl) return this.escapeHtml(text);
+            return `<a href="${this.escapeHtml(safeUrl)}" target="_blank" rel="noopener noreferrer">${this.escapeHtml(text)}</a>`;
+        });
+        
+        // Paragraphs
+        const lines = formatted.split('\n');
+        let result = [];
+        let paragraphContent = [];
+        
+        for (const line of lines) {
+            const trimmed = line.trim();
+            const isBlockElement = /^<(h[1-6]|ul|ol|li|blockquote|hr|div|pre|__CODE|__TABLE|__MATH)/.test(trimmed);
+            
+            if (isBlockElement || trimmed === '') {
+                if (paragraphContent.length > 0) {
+                    result.push('<p>' + paragraphContent.join('<br>') + '</p>');
+                    paragraphContent = [];
+                }
+                if (trimmed !== '') result.push(line);
+            } else {
+                paragraphContent.push(trimmed);
+            }
+        }
+        
+        if (paragraphContent.length > 0) {
+            result.push('<p>' + paragraphContent.join('<br>') + '</p>');
+        }
+        
+        formatted = result.join('\n');
+        
+        // Restore placeholders
+        inlineCodes.forEach((code, i) => {
+            formatted = formatted.replace(new RegExp(`__INLINE_CODE_${i}__`, 'g'), code);
+        });
+        codeBlocks.forEach((block, i) => {
+            formatted = formatted.replace(new RegExp(`__CODE_BLOCK_${i}__`, 'g'), block);
+        });
+        tablePlaceholders.forEach((table, i) => {
+            formatted = formatted.replace(new RegExp(`__TABLE_BLOCK_${i}__`, 'g'), table);
+        });
+        mathBlocks.forEach((item, i) => {
+            const rendered = this._renderMath(item.math, true);
+            formatted = formatted.replace(new RegExp(`__MATH_BLOCK_${i}__`, 'g'), rendered);
+        });
+        inlineMath.forEach((item, i) => {
+            const rendered = this._renderMath(item.math, false);
+            formatted = formatted.replace(new RegExp(`__INLINE_MATH_${i}__`, 'g'), rendered);
+        });
+        
+        // Clean up
+        formatted = formatted.replace(/<p><br><\/p>/g, '');
+        formatted = formatted.replace(/<p>\s*<\/p>/g, '');
+        
+        return formatted;
+    }
+
+    _formatInlineContent(text) {
+        if (!text) return '';
+        let result = text;
+        
+        // Bold and italic
+        result = result.replace(/\*\*([^*]+)\*\*/g, '<strong>$1</strong>');
+        result = result.replace(/(?<!\*)\*([^*]+)\*(?!\*)/g, '<em>$1</em>');
+        
+        return this.escapeHtml(result).replace(/&lt;strong&gt;/g, '<strong>').replace(/&lt;\/strong&gt;/g, '</strong>')
+            .replace(/&lt;em&gt;/g, '<em>').replace(/&lt;\/em&gt;/g, '</em>');
+    }
+
+    _renderMath(math, displayMode = false) {
+        if (!math) return '';
+        
+        try {
+            if (typeof katex !== 'undefined') {
+                const html = katex.renderToString(math, {
+                    displayMode: displayMode,
+                    throwOnError: false,
+                    errorColor: '#cc0000',
+                    strict: false,
+                    trust: true
+                });
+                
+                if (displayMode) {
+                    return `<div class="math-block">${html}</div>`;
+                }
+                return `<span class="math-inline">${html}</span>`;
+            }
+        } catch (e) {
+            console.warn('KaTeX rendering failed:', e);
+        }
+        
+        // Fallback: basic Unicode conversion
+        let fallback = math
+            .replace(/\\frac\{([^}]+)\}\{([^}]+)\}/g, '($1/$2)')
+            .replace(/\\sqrt\{([^}]+)\}/g, '√($1)')
+            .replace(/\\infty/g, '∞')
+            .replace(/\\alpha/g, 'α').replace(/\\beta/g, 'β').replace(/\\gamma/g, 'γ')
+            .replace(/\\pi/g, 'π').replace(/\\sigma/g, 'σ').replace(/\\theta/g, 'θ')
+            .replace(/\\times/g, '×').replace(/\\div/g, '÷').replace(/\\pm/g, '±')
+            .replace(/\\leq/g, '≤').replace(/\\geq/g, '≥').replace(/\\neq/g, '≠')
+            .replace(/\\rightarrow/g, '→').replace(/\\leftarrow/g, '←')
+            .replace(/[{}]/g, '');
+        
+        if (displayMode) {
+            return `<div class="math-block math-fallback">${this.escapeHtml(fallback)}</div>`;
+        }
+        return `<span class="math-inline math-fallback">${this.escapeHtml(fallback)}</span>`;
+    }
+
+    _parseMarkdownTables(content, placeholders) {
+        if (!content) return content;
+        
+        const lines = content.split('\n');
+        const result = [];
+        let i = 0;
+        
+        while (i < lines.length) {
+            const line = lines[i];
+            
+            if (line.trim().startsWith('|') && line.trim().endsWith('|')) {
+                const nextLine = lines[i + 1];
+                if (nextLine && /^\|[\s:|-]+\|$/.test(nextLine.trim())) {
+                    const tableLines = [line];
+                    let j = i + 1;
+                    
+                    while (j < lines.length && lines[j].trim().startsWith('|')) {
+                        tableLines.push(lines[j]);
+                        j++;
+                    }
+                    
+                    const tableHtml = this._convertTableToHtml(tableLines);
+                    if (tableHtml) {
+                        const placeholder = `__TABLE_BLOCK_${placeholders.length}__`;
+                        placeholders.push(tableHtml);
+                        result.push(placeholder);
+                        i = j;
+                        continue;
+                    }
+                }
+            }
+            
+            result.push(line);
+            i++;
+        }
+        
+        return result.join('\n');
+    }
+
+    _convertTableToHtml(lines) {
+        if (lines.length < 2) return null;
+        
+        const headerLine = lines[0].trim();
+        const headerCells = headerLine.split('|').filter(c => c.trim()).map(c => c.trim());
+        
+        const separatorLine = lines[1].trim();
+        const aligns = separatorLine.split('|').filter(c => c.trim()).map(c => {
+            const cell = c.trim();
+            if (cell.startsWith(':') && cell.endsWith(':')) return 'center';
+            if (cell.endsWith(':')) return 'right';
+            return 'left';
+        });
+        
+        let html = '<div class="table-wrapper"><table><thead><tr>';
+        headerCells.forEach((h, i) => {
+            html += `<th style="text-align:${aligns[i] || 'left'}">${this._formatInlineContent(h)}</th>`;
+        });
+        html += '</tr></thead><tbody>';
+        
+        for (let i = 2; i < lines.length; i++) {
+            const cells = lines[i].split('|').filter(c => c !== '').map(c => c.trim());
+            html += '<tr>';
+            cells.forEach((c, j) => {
+                if (c !== undefined) {
+                    html += `<td style="text-align:${aligns[j] || 'left'}">${this._formatInlineContent(c)}</td>`;
+                }
+            });
+            html += '</tr>';
+        }
+        
+        html += '</tbody></table></div>';
+        return html;
+    }
+
+    _initCodeCopyButtons() {
+        this.messagesArea?.querySelectorAll('.code-copy-btn').forEach(btn => {
+            btn.addEventListener('click', async () => {
+                const codeBlock = btn.closest('.code-block');
+                const code = codeBlock?.querySelector('code')?.textContent;
+                
+                if (code) {
+                    try {
+                        await navigator.clipboard.writeText(code);
+                        btn.classList.add('copied');
+                        btn.querySelector('span').textContent = 'Copied!';
+                        setTimeout(() => {
+                            btn.classList.remove('copied');
+                            btn.querySelector('span').textContent = 'Copy';
+                        }, 2000);
+                    } catch (err) {
+                        console.error('Failed to copy:', err);
+                    }
+                }
+            });
+        });
+    }
+
+    // ==================== USER INTERACTIONS ====================
+    _selectUser(ip) {
+        this.currentUser = ip;
+        this.currentChat = null;
+        this.selectedUserName.textContent = this._maskIp(ip);
+        
+        // Update active state
+        this.userList.querySelectorAll('.user-card').forEach(card => {
+            card.classList.toggle('active', card.dataset.ip === ip);
+        });
+        
+        // Load chats
+        this._loadUserChats(ip);
+        
+        // Clear messages
+        this.chatHeader.style.display = 'none';
+        this.messagesArea.innerHTML = `
+            <div class="empty-state">
+                <svg width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+                    <path d="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"/>
+                </svg>
+                <p>Select a chat to view messages</p>
+            </div>
+        `;
+        
+        // On mobile, show chats panel
+        if (window.innerWidth <= 768) {
+            this.chatsPanel.classList.add('open');
+        }
+    }
+
+    _selectChat(chatId) {
+        this.currentChat = chatId;
+        
+        // Update active state
+        this.chatsList.querySelectorAll('.chat-card').forEach(card => {
+            card.classList.toggle('active', card.dataset.id === chatId);
+        });
+        
+        // Load messages
+        this._loadChatMessages(chatId);
+        
+        // On mobile, hide chats panel
+        if (window.innerWidth <= 768) {
+            this.chatsPanel.classList.remove('open');
+        }
+    }
+
+    _filterUsers(query) {
+        const q = query.toLowerCase().trim();
+        this.userList.querySelectorAll('.user-card').forEach(card => {
+            const ip = card.dataset.ip.toLowerCase();
+            card.style.display = ip.includes(q) ? '' : 'none';
+        });
+    }
+
+    _switchTab(tab) {
+        this.tabBtns.forEach(btn => {
+            btn.classList.toggle('active', btn.dataset.tab === tab);
+        });
+        
+        this.usersTab.style.display = tab === 'users' ? '' : 'none';
+        this.statsTab.style.display = tab === 'stats' ? '' : 'none';
+    }
+
+    _toggleSidebar() {
+        this.sidebar.classList.toggle('open');
+        this.sidebarOverlay.classList.toggle('active');
+    }
+
+    _closeSidebar() {
+        this.sidebar.classList.remove('open');
+        this.sidebarOverlay.classList.remove('active');
+    }
+
+    // ==================== ACTIONS ====================
+    async _refreshData() {
+        if (this.refreshBtn) {
+            this.refreshBtn.disabled = true;
+            this.refreshBtn.classList.add('spinning');
+        }
+        try {
+            await this._loadData();
+            if (this.currentUser) {
+                await this._loadUserChats(this.currentUser);
+            }
+            if (this.currentChat) {
+                await this._loadChatMessages(this.currentChat);
+            }
+            this._showToast('Data refreshed', 'success');
+        } catch (err) {
+            this._showToast('Refresh failed', 'error');
+        } finally {
+            if (this.refreshBtn) {
+                this.refreshBtn.disabled = false;
+                this.refreshBtn.classList.remove('spinning');
+            }
+        }
+    }
+
+    async _exportLogs() {
+        try {
+            const response = await fetch(`${API_BASE}/export?format=json`, {
+                headers: { 'Authorization': `Bearer ${this.token}` }
+            });
+            
+            if (!response.ok) throw new Error('Export failed');
+            
+            const blob = await response.blob();
+            const url = URL.createObjectURL(blob);
+            const a = document.createElement('a');
+            a.href = url;
+            a.download = `rox-admin-export-${new Date().toISOString().slice(0, 10)}.json`;
+            a.click();
+            URL.revokeObjectURL(url);
+            
+            this._showToast('Export downloaded', 'success');
+        } catch (err) {
+            this._showToast('Export failed', 'error');
+        }
+    }
+
+    _confirmClearLogs() {
+        this._showDialog({
+            title: 'Clear All Logs',
+            message: 'This will permanently delete all chat logs and user data. This action cannot be undone.',
+            type: 'danger',
+            onConfirm: () => this._clearLogs()
+        });
+    }
+
+    async _clearLogs() {
+        try {
+            const res = await this._apiPost('/clear-logs', { confirm: true });
+            if (res.success) {
+                this._showToast(`Cleared ${res.cleared} logs`, 'success');
+                this._loadData();
+                this.currentUser = null;
+                this.currentChat = null;
+                this.selectedUserName.textContent = '-';
+                this.chatsList.innerHTML = '<div class="empty-state"><p>Select a user to view chats</p></div>';
+                this.messagesArea.innerHTML = '<div class="empty-state"><p>Select a chat to view messages</p></div>';
+                this.chatHeader.style.display = 'none';
+            } else {
+                this._showToast(res.error || 'Clear failed', 'error');
+            }
+        } catch (err) {
+            this._showToast('Clear failed', 'error');
+        }
+    }
+
+    // ==================== UI HELPERS ====================
+    _showDialog({ title, message, type = 'warning', onConfirm }) {
+        this.dialogTitle.textContent = title;
+        this.dialogMessage.textContent = message;
+        
+        const icon = document.getElementById('dialogIcon');
+        icon.className = `dialog-icon ${type}`;
+        icon.innerHTML = type === 'danger' 
+            ? '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M3 6h18M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2"/></svg>'
+            : '<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>';
+        
+        this.dialogConfirm.onclick = () => {
+            this._hideDialog();
+            if (onConfirm) onConfirm();
+        };
+        
+        this.dialogOverlay.style.display = 'flex';
+    }
+
+    _hideDialog() {
+        this.dialogOverlay.style.display = 'none';
+    }
+
+    _showToast(message, type = 'info') {
+        const toast = document.createElement('div');
+        toast.className = `toast ${type}`;
+        
+        const icons = {
+            success: '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M22 11.08V12a10 10 0 11-5.93-9.14"/><polyline points="22 4 12 14.01 9 11.01"/></svg>',
+            error: '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><line x1="15" y1="9" x2="9" y2="15"/><line x1="9" y1="9" x2="15" y2="15"/></svg>',
+            warning: '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>',
+            info: '<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><path d="M12 16v-4M12 8h.01"/></svg>'
+        };
+        
+        toast.innerHTML = `
+            <span class="toast-icon">${icons[type] || icons.info}</span>
+            <span class="toast-message">${this.escapeHtml(message)}</span>
+            <button class="toast-close">×</button>
+        `;
+        
+        toast.querySelector('.toast-close').onclick = () => toast.remove();
+        this.toastContainer.appendChild(toast);
+        
+        setTimeout(() => toast.remove(), 5000);
+    }
+
+    // ==================== UTILITY FUNCTIONS ====================
+    escapeHtml(str) {
+        if (!str || typeof str !== 'string') return '';
+        return str.replace(/[&<>"']/g, c => HTML_ESCAPE_MAP[c] || c);
+    }
+
+    _sanitizeUrl(url) {
+        if (!url || typeof url !== 'string') return null;
+        const trimmed = url.trim();
+        if (trimmed.startsWith('javascript:') || trimmed.startsWith('data:')) return null;
+        if (trimmed.startsWith('http://') || trimmed.startsWith('https://') || trimmed.startsWith('/')) {
+            return trimmed;
+        }
+        return null;
+    }
+
+    _maskIp(ip) {
+        if (!ip) return 'Unknown';
+        const parts = ip.split('.');
+        if (parts.length === 4) {
+            return `${parts[0]}.${parts[1]}.xxx.${parts[3]}`;
+        }
+        return ip.slice(0, -3) + 'xxx';
+    }
+
+    _formatTimeAgo(timestamp) {
+        if (!timestamp) return 'Unknown';
+        const date = new Date(timestamp);
+        const now = new Date();
+        const diff = now - date;
+        
+        const minutes = Math.floor(diff / 60000);
+        const hours = Math.floor(diff / 3600000);
+        const days = Math.floor(diff / 86400000);
+        
+        if (minutes < 1) return 'Just now';
+        if (minutes < 60) return `${minutes}m ago`;
+        if (hours < 24) return `${hours}h ago`;
+        if (days < 7) return `${days}d ago`;
+        return date.toLocaleDateString();
+    }
+
+    _formatDate(timestamp) {
+        if (!timestamp) return 'Unknown';
+        return new Date(timestamp).toLocaleDateString('en-US', {
+            month: 'short', day: 'numeric', year: 'numeric'
+        });
+    }
+
+    _formatTime(timestamp) {
+        if (!timestamp) return '';
+        return new Date(timestamp).toLocaleTimeString('en-US', {
+            hour: 'numeric', minute: '2-digit', hour12: true
+        });
+    }
+}
+
+// ==================== INITIALIZE ====================
+document.addEventListener('DOMContentLoaded', () => {
+    window.adminPanel = new AdminPanel();
+});

private/admin/index.html

@@ -0,0 +1,246 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
+    <meta name="robots" content="noindex, nofollow">
+    <title>Rox Admin Panel</title>
+    <meta name="description" content="Rox AI Admin Panel - Secure administration interface">
+    <meta name="theme-color" content="#0f1a24">
+    <!-- KaTeX for Math Rendering -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css" integrity="sha384-n8MVd4RsNIU0tAv4ct0nTaAbDJwPJzDEaqSD1odI+WdtXRGWt2kTvGFasHpSy3SV" crossorigin="anonymous">
+    <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js" integrity="sha384-XjKyOOlGwcjNTAIQHIpgOno0Ber8PWQV9qAwPrNQfByT6CMDgE8XYZynxBnMi5KQ" crossorigin="anonymous"></script>
+    <link rel="stylesheet" href="admin.css">
+</head>
+<body>
+    <!-- Login Overlay -->
+    <div class="login-overlay" id="loginOverlay">
+        <div class="login-box">
+            <div class="login-logo">
+                <svg width="64" height="64" viewBox="0 0 64 64">
+                    <defs>
+                        <linearGradient id="loginGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+                            <stop offset="0%" stop-color="#667eea"/>
+                            <stop offset="100%" stop-color="#764ba2"/>
+                        </linearGradient>
+                    </defs>
+                    <path d="M32 8 L56 20 L56 44 L32 56 L8 44 L8 20 Z" fill="none" stroke="url(#loginGrad)" stroke-width="2"/>
+                    <circle cx="32" cy="32" r="8" fill="url(#loginGrad)"/>
+                </svg>
+            </div>
+            <h2>Admin Access</h2>
+            <p>Enter credentials to continue</p>
+            <form id="loginForm">
+                <div class="input-group">
+                    <input type="password" id="passwordInput" placeholder="Admin Password" required autocomplete="current-password">
+                </div>
+                <button type="submit" class="btn btn-primary" id="loginBtn">
+                    <span class="btn-text">Login</span>
+                    <span class="btn-loading" style="display:none;">
+                        <svg class="spinner" width="16" height="16" viewBox="0 0 24 24">
+                            <circle cx="12" cy="12" r="10" stroke="currentColor" stroke-width="3" fill="none" stroke-dasharray="31.4 31.4" stroke-linecap="round"/>
+                        </svg>
+                    </span>
+                </button>
+            </form>
+            <div class="login-error" id="loginError"></div>
+            <div class="login-attempts" id="loginAttempts"></div>
+        </div>
+    </div>
+
+    <!-- Main App -->
+    <div class="app" id="app" style="display: none;">
+        <!-- Sidebar - Users List -->
+        <aside class="sidebar" id="sidebar">
+            <div class="sidebar-header">
+                <div class="logo-section">
+                    <svg width="28" height="28" viewBox="0 0 64 64">
+                        <defs>
+                            <linearGradient id="sidebarGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+                                <stop offset="0%" stop-color="#667eea"/>
+                                <stop offset="100%" stop-color="#764ba2"/>
+                            </linearGradient>
+                        </defs>
+                        <path d="M32 8 L56 20 L56 44 L32 56 L8 44 L8 20 Z" fill="none" stroke="url(#sidebarGrad)" stroke-width="2"/>
+                        <circle cx="32" cy="32" r="6" fill="url(#sidebarGrad)"/>
+                    </svg>
+                    <h1>Rox Admin</h1>
+                </div>
+                <button class="btn-logout" id="btnLogout" title="Logout">
+                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                        <path d="M9 21H5a2 2 0 01-2-2V5a2 2 0 012-2h4"/>
+                        <polyline points="16 17 21 12 16 7"/>
+                        <line x1="21" y1="12" x2="9" y2="12"/>
+                    </svg>
+                </button>
+            </div>
+            
+            <div class="stats-row">
+                <div class="stat-box">
+                    <div class="stat-val" id="totalUsers">0</div>
+                    <div class="stat-lbl">Users</div>
+                </div>
+                <div class="stat-box">
+                    <div class="stat-val" id="totalChats">0</div>
+                    <div class="stat-lbl">Chats</div>
+                </div>
+                <div class="stat-box">
+                    <div class="stat-val" id="todayQueries">0</div>
+                    <div class="stat-lbl">Today</div>
+                </div>
+            </div>
+
+            <div class="sidebar-tabs">
+                <button class="tab-btn active" data-tab="users">Users</button>
+                <button class="tab-btn" data-tab="stats">Stats</button>
+            </div>
+
+            <div class="tab-content" id="usersTab">
+                <div class="search-box">
+                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                        <circle cx="11" cy="11" r="8"/>
+                        <path d="M21 21l-4.35-4.35"/>
+                    </svg>
+                    <input type="text" id="userSearch" placeholder="Search users...">
+                </div>
+                <div class="users-section">
+                    <div class="section-title">Active Users</div>
+                    <div class="user-list" id="userList">
+                        <div class="loading-skeleton">
+                            <div class="skeleton-item"></div>
+                            <div class="skeleton-item"></div>
+                            <div class="skeleton-item"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="tab-content" id="statsTab" style="display:none;">
+                <div class="stats-detail">
+                    <div class="stat-card">
+                        <div class="stat-card-title">Avg Response Time</div>
+                        <div class="stat-card-value" id="avgResponseTime">0ms</div>
+                    </div>
+                    <div class="stat-card">
+                        <div class="stat-card-title">Total Messages</div>
+                        <div class="stat-card-value" id="totalMessages">0</div>
+                    </div>
+                    <div class="stat-card">
+                        <div class="stat-card-title">Active Sessions</div>
+                        <div class="stat-card-value" id="activeSessions">0</div>
+                    </div>
+                </div>
+                <div class="model-usage">
+                    <div class="section-title">Model Usage</div>
+                    <div id="modelUsageChart" class="usage-chart"></div>
+                </div>
+            </div>
+        </aside>
+
+        <!-- Main Content -->
+        <main class="main">
+            <header class="main-header">
+                <div class="header-left">
+                    <button class="menu-btn" id="menuBtn">
+                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                            <path d="M3 12h18M3 6h18M3 18h18"/>
+                        </svg>
+                    </button>
+                    <h2 id="mainTitle">Dashboard</h2>
+                    <span class="last-updated" id="lastUpdated">Updated just now</span>
+                </div>
+                <div class="header-actions">
+                    <button class="btn btn-secondary" id="refreshBtn" title="Refresh data">
+                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                            <path d="M23 4v6h-6M1 20v-6h6"/>
+                            <path d="M3.51 9a9 9 0 0114.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0020.49 15"/>
+                        </svg>
+                        <span>Refresh</span>
+                    </button>
+                    <button class="btn btn-secondary" id="exportBtn" title="Export logs">
+                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                            <path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/>
+                            <polyline points="7 10 12 15 17 10"/>
+                            <line x1="12" y1="15" x2="12" y2="3"/>
+                        </svg>
+                        <span>Export</span>
+                    </button>
+                    <button class="btn btn-danger" id="clearBtn" title="Clear all logs">
+                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                            <path d="M3 6h18M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2"/>
+                        </svg>
+                        <span>Clear</span>
+                    </button>
+                </div>
+            </header>
+
+            <div class="content-area">
+                <!-- Chats Panel -->
+                <div class="chats-panel" id="chatsPanel">
+                    <div class="chats-header">
+                        <span>Chats by </span>
+                        <span id="selectedUserName">-</span>
+                    </div>
+                    <div class="chats-list" id="chatsList">
+                        <div class="empty-state">
+                            <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+                                <path d="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"/>
+                            </svg>
+                            <p>Select a user to view chats</p>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Messages View -->
+                <div class="chat-view" id="chatView">
+                    <div class="chat-view-header" id="chatHeader" style="display: none;">
+                        <div class="chat-info">
+                            <h3 id="chatTitle">Chat</h3>
+                            <p id="chatMeta"></p>
+                        </div>
+                        <div class="chat-actions">
+                            <button class="btn btn-sm" id="exportChatBtn" title="Export this chat">
+                                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                                    <path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/>
+                                    <polyline points="7 10 12 15 17 10"/>
+                                    <line x1="12" y1="15" x2="12" y2="3"/>
+                                </svg>
+                            </button>
+                        </div>
+                    </div>
+                    <div class="messages-area" id="messagesArea">
+                        <div class="empty-state">
+                            <svg width="64" height="64" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+                                <path d="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"/>
+                            </svg>
+                            <p>Select a user, then select a chat to view messages</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </main>
+    </div>
+
+    <!-- Sidebar Overlay for Mobile -->
+    <div class="sidebar-overlay" id="sidebarOverlay"></div>
+
+    <!-- Toast Container -->
+    <div class="toast-container" id="toastContainer"></div>
+
+    <!-- Confirm Dialog -->
+    <div class="dialog-overlay" id="dialogOverlay" style="display:none;">
+        <div class="dialog-box">
+            <div class="dialog-icon" id="dialogIcon"></div>
+            <h3 id="dialogTitle">Confirm</h3>
+            <p id="dialogMessage">Are you sure?</p>
+            <div class="dialog-actions">
+                <button class="btn btn-secondary" id="dialogCancel">Cancel</button>
+                <button class="btn btn-danger" id="dialogConfirm">Confirm</button>
+            </div>
+        </div>
+    </div>
+
+    <!-- Scripts -->
+    <script src="admin.js" type="module"></script>
+</body>
+</html>

private/admin/routes.js

@@ -0,0 +1,360 @@
+/**
+ * Rox AI Admin Panel - Server Routes
+ * @description Secure admin API endpoints with JWT authentication
+ */
+'use strict';
+
+const crypto = require('crypto');
+const path = require('path');
+const fs = require('fs');
+
+// ==================== CONFIGURATION ====================
+const ADMIN_PASSWORD = process.env.ADMIN_PASSWORD || 'rox-admin-2024';
+const JWT_SECRET = process.env.JWT_SECRET || crypto.randomBytes(32).toString('hex');
+const TOKEN_EXPIRY = 24 * 60 * 60; // 24 hours in seconds
+const MAX_LOGIN_ATTEMPTS = 5;
+const LOCKOUT_DURATION = 15 * 60 * 1000; // 15 minutes
+
+// Rate limiting store
+const loginAttempts = new Map();
+
+// In-memory data store (in production, use a database)
+const dataStore = {
+    users: new Map(),
+    chats: new Map(),
+    logs: []
+};
+
+// ==================== JWT HELPERS ====================
+function createToken(payload) {
+    const header = Buffer.from(JSON.stringify({ alg: 'HS256', typ: 'JWT' })).toString('base64url');
+    const now = Math.floor(Date.now() / 1000);
+    const data = { ...payload, iat: now, exp: now + TOKEN_EXPIRY };
+    const payloadB64 = Buffer.from(JSON.stringify(data)).toString('base64url');
+    const signature = crypto.createHmac('sha256', JWT_SECRET)
+        .update(`${header}.${payloadB64}`).digest('base64url');
+    return `${header}.${payloadB64}.${signature}`;
+}
+
+function verifyToken(token) {
+    try {
+        const [header, payload, signature] = token.split('.');
+        const expectedSig = crypto.createHmac('sha256', JWT_SECRET)
+            .update(`${header}.${payload}`).digest('base64url');
+        if (signature !== expectedSig) return null;
+        const data = JSON.parse(Buffer.from(payload, 'base64url').toString());
+        if (data.exp < Math.floor(Date.now() / 1000)) return null;
+        return data;
+    } catch { return null; }
+}
+
+// ==================== MIDDLEWARE ====================
+function authMiddleware(req, res, next) {
+    const authHeader = req.headers.authorization;
+    if (!authHeader || !authHeader.startsWith('Bearer ')) {
+        return res.status(401).json({ success: false, error: 'Unauthorized' });
+    }
+    const token = authHeader.slice(7);
+    const payload = verifyToken(token);
+    if (!payload) {
+        return res.status(401).json({ success: false, error: 'Invalid or expired token' });
+    }
+    req.admin = payload;
+    next();
+}
+
+function checkLockout(ip) {
+    const attempts = loginAttempts.get(ip);
+    if (!attempts) return { locked: false };
+    if (attempts.lockoutUntil && Date.now() < attempts.lockoutUntil) {
+        return { locked: true, lockoutTime: Math.ceil((attempts.lockoutUntil - Date.now()) / 1000) };
+    }
+    if (attempts.lockoutUntil && Date.now() >= attempts.lockoutUntil) {
+        loginAttempts.delete(ip);
+        return { locked: false };
+    }
+    return { locked: false, attemptsLeft: MAX_LOGIN_ATTEMPTS - attempts.count };
+}
+
+function recordFailedAttempt(ip) {
+    const attempts = loginAttempts.get(ip) || { count: 0 };
+    attempts.count++;
+    if (attempts.count >= MAX_LOGIN_ATTEMPTS) {
+        attempts.lockoutUntil = Date.now() + LOCKOUT_DURATION;
+    }
+    loginAttempts.set(ip, attempts);
+    return { attemptsLeft: Math.max(0, MAX_LOGIN_ATTEMPTS - attempts.count) };
+}
+
+// ==================== DATA HELPERS ====================
+function recordUserActivity(ip, userAgent) {
+    const device = parseUserAgent(userAgent);
+    let user = dataStore.users.get(ip);
+    if (!user) {
+        user = { ip, device, chatCount: 0, lastActivity: Date.now(), isOnline: true, chats: [] };
+        dataStore.users.set(ip, user);
+    } else {
+        user.lastActivity = Date.now();
+        user.isOnline = true;
+        user.device = device;
+    }
+    return user;
+}
+
+function recordChat(ip, chatId, title, messages) {
+    const user = dataStore.users.get(ip);
+    if (user) {
+        const existingChat = user.chats.find(c => c.id === chatId);
+        if (existingChat) {
+            existingChat.messages = messages;
+            existingChat.messageCount = messages.length;
+            existingChat.lastMessage = Date.now();
+            existingChat.title = title || existingChat.title;
+        } else {
+            user.chats.push({
+                id: chatId,
+                title: title || 'New Chat',
+                messages,
+                messageCount: messages.length,
+                createdAt: Date.now(),
+                lastMessage: Date.now(),
+                isActive: true
+            });
+            user.chatCount = user.chats.length;
+        }
+    }
+    dataStore.chats.set(chatId, { ip, title, messages, lastMessage: Date.now() });
+}
+
+function parseUserAgent(ua) {
+    if (!ua) return { browser: 'Unknown', os: 'Unknown' };
+    let browser = 'Unknown', os = 'Unknown';
+    if (ua.includes('Chrome')) browser = 'Chrome';
+    else if (ua.includes('Firefox')) browser = 'Firefox';
+    else if (ua.includes('Safari')) browser = 'Safari';
+    else if (ua.includes('Edge')) browser = 'Edge';
+    if (ua.includes('Windows')) os = 'Windows';
+    else if (ua.includes('Mac')) os = 'macOS';
+    else if (ua.includes('Linux')) os = 'Linux';
+    else if (ua.includes('Android')) os = 'Android';
+    else if (ua.includes('iPhone') || ua.includes('iPad')) os = 'iOS';
+    return { browser, os };
+}
+
+// ==================== ROUTE SETUP ====================
+function setupAdminRoutes(app, express) {
+    // Block direct access to private folder
+    app.use('/private', (req, res, next) => {
+        // Only allow access to admin panel through /admin route
+        res.status(403).json({ error: 'Access denied' });
+    });
+
+    // Serve admin panel
+    app.use('/admin', express.static(path.join(__dirname), {
+        index: 'index.html',
+        dotfiles: 'deny'
+    }));
+
+    // ==================== AUTH ROUTES ====================
+    app.post('/admin/api/login', (req, res) => {
+        try {
+            const ip = req.ip || req.connection?.remoteAddress || 'unknown';
+            const lockout = checkLockout(ip);
+            
+            if (lockout.locked) {
+                return res.status(429).json({
+                    success: false,
+                    error: 'Too many attempts',
+                    lockoutTime: lockout.lockoutTime
+                });
+            }
+            
+            const { password } = req.body || {};
+            
+            if (!password || password !== ADMIN_PASSWORD) {
+                const result = recordFailedAttempt(ip);
+                return res.status(401).json({
+                    success: false,
+                    error: 'Invalid password',
+                    attemptsLeft: result.attemptsLeft
+                });
+            }
+            
+            // Clear failed attempts on success
+            loginAttempts.delete(ip);
+            
+            const token = createToken({ admin: true, ip });
+            res.json({ success: true, token, expiresAt: Date.now() + TOKEN_EXPIRY * 1000 });
+        } catch (err) {
+            res.status(500).json({ success: false, error: 'Login failed' });
+        }
+    });
+
+    app.get('/admin/api/verify', authMiddleware, (req, res) => {
+        res.json({ valid: true, admin: req.admin });
+    });
+
+    // ==================== DATA ROUTES ====================
+    app.get('/admin/api/stats', authMiddleware, (req, res) => {
+        try {
+            const users = Array.from(dataStore.users.values());
+            const totalChats = users.reduce((sum, u) => sum + (u.chatCount || 0), 0);
+            const today = new Date().setHours(0, 0, 0, 0);
+            const todayQueries = dataStore.logs.filter(l => l.timestamp >= today).length;
+            
+            // Model usage stats
+            const modelUsage = {};
+            dataStore.logs.forEach(l => {
+                if (l.model) {
+                    modelUsage[l.model] = (modelUsage[l.model] || 0) + 1;
+                }
+            });
+            
+            // Calculate average response time
+            const responseTimes = dataStore.logs.filter(l => l.duration).map(l => l.duration);
+            const avgResponseTime = responseTimes.length 
+                ? Math.round(responseTimes.reduce((a, b) => a + b, 0) / responseTimes.length)
+                : 0;
+            
+            res.json({
+                success: true,
+                data: {
+                    totalUsers: users.length,
+                    totalChats,
+                    todayQueries,
+                    totalMessages: dataStore.logs.length,
+                    activeSessions: users.filter(u => u.isOnline).length,
+                    avgResponseTime,
+                    modelUsage
+                }
+            });
+        } catch (err) {
+            res.status(500).json({ success: false, error: 'Failed to get stats' });
+        }
+    });
+
+    app.get('/admin/api/users', authMiddleware, (req, res) => {
+        try {
+            const users = Array.from(dataStore.users.values())
+                .sort((a, b) => (b.lastActivity || 0) - (a.lastActivity || 0))
+                .map(u => ({
+                    ip: u.ip,
+                    device: u.device,
+                    chatCount: u.chatCount || 0,
+                    lastActivity: u.lastActivity,
+                    isOnline: u.isOnline && (Date.now() - u.lastActivity < 300000) // 5 min
+                }));
+            
+            res.json({ success: true, data: { users, total: users.length } });
+        } catch (err) {
+            res.status(500).json({ success: false, error: 'Failed to get users' });
+        }
+    });
+
+    app.get('/admin/api/users/:ip/chats', authMiddleware, (req, res) => {
+        try {
+            const userIp = decodeURIComponent(req.params.ip);
+            const user = dataStore.users.get(userIp);
+            
+            if (!user) {
+                return res.json({ success: true, data: { chats: [] } });
+            }
+            
+            const chats = (user.chats || [])
+                .sort((a, b) => (b.lastMessage || 0) - (a.lastMessage || 0))
+                .map(c => ({
+                    id: c.id,
+                    title: c.title || 'Untitled',
+                    messageCount: c.messageCount || 0,
+                    createdAt: c.createdAt,
+                    lastMessage: c.lastMessage,
+                    isActive: c.isActive
+                }));
+            
+            res.json({ success: true, data: { chats } });
+        } catch (err) {
+            res.status(500).json({ success: false, error: 'Failed to get chats' });
+        }
+    });
+
+    app.get('/admin/api/chats/:chatId/messages', authMiddleware, (req, res) => {
+        try {
+            const chatId = decodeURIComponent(req.params.chatId);
+            const chatData = dataStore.chats.get(chatId);
+            
+            if (!chatData) {
+                // Try to find in user chats
+                for (const user of dataStore.users.values()) {
+                    const chat = user.chats?.find(c => c.id === chatId);
+                    if (chat) {
+                        return res.json({
+                            success: true,
+                            data: {
+                                messages: chat.messages || [],
+                                chat: { title: chat.title, createdAt: chat.createdAt }
+                            }
+                        });
+                    }
+                }
+                return res.json({ success: true, data: { messages: [], chat: null } });
+            }
+            
+            res.json({
+                success: true,
+                data: {
+                    messages: chatData.messages || [],
+                    chat: { title: chatData.title, createdAt: chatData.createdAt }
+                }
+            });
+        } catch (err) {
+            res.status(500).json({ success: false, error: 'Failed to get messages' });
+        }
+    });
+
+    app.get('/admin/api/export', authMiddleware, (req, res) => {
+        try {
+            const format = req.query.format || 'json';
+            const data = {
+                exportedAt: new Date().toISOString(),
+                users: Array.from(dataStore.users.values()).map(u => ({
+                    ...u,
+                    ip: u.ip // Keep full IP in export
+                })),
+                logs: dataStore.logs
+            };
+            
+            if (format === 'json') {
+                res.setHeader('Content-Type', 'application/json');
+                res.setHeader('Content-Disposition', 'attachment; filename=rox-admin-export.json');
+                res.json(data);
+            } else {
+                res.status(400).json({ success: false, error: 'Unsupported format' });
+            }
+        } catch (err) {
+            res.status(500).json({ success: false, error: 'Export failed' });
+        }
+    });
+
+    app.post('/admin/api/clear-logs', authMiddleware, (req, res) => {
+        try {
+            const { confirm } = req.body || {};
+            if (!confirm) {
+                return res.status(400).json({ success: false, error: 'Confirmation required' });
+            }
+            
+            const cleared = dataStore.logs.length + dataStore.users.size + dataStore.chats.size;
+            dataStore.logs = [];
+            dataStore.users.clear();
+            dataStore.chats.clear();
+            
+            res.json({ success: true, cleared });
+        } catch (err) {
+            res.status(500).json({ success: false, error: 'Clear failed' });
+        }
+    });
+
+    // Return data store for external access
+    return { dataStore, recordUserActivity, recordChat };
+}
+
+module.exports = { setupAdminRoutes };

public/index.html

@@ -0,0 +1,544 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
+    <title>Rox AI</title>
+    <meta name="description" content="Rox AI - Professional AI chat interface with advanced language models, file processing, and seamless conversations">
+    <meta name="keywords" content="AI, chat, assistant, Rox AI, language model, conversation">
+    <meta name="author" content="Rox AI">
+    <meta name="robots" content="index, follow">
+    <meta name="theme-color" content="#0f1a24">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+    <meta name="apple-mobile-web-app-title" content="Rox AI">
+    <meta name="mobile-web-app-capable" content="yes">
+    <meta name="format-detection" content="telephone=no">
+    <meta name="msapplication-TileColor" content="#0f1a24">
+    <meta name="msapplication-config" content="none">
+    <!-- Android Navigation Support -->
+    <meta name="application-name" content="Rox AI">
+    <!-- iOS Navigation Support -->
+    <meta name="apple-touch-fullscreen" content="yes">
+    <!-- PWA Manifest -->
+    <link rel="manifest" href="/manifest.json" crossorigin="use-credentials">
+    <!-- Favicon and Icons -->
+    <link rel="icon" type="image/svg+xml" sizes="192x192" href="/icon-192.svg">
+    <link rel="icon" type="image/svg+xml" sizes="512x512" href="/icon-512.svg">
+    <link rel="apple-touch-icon" sizes="180x180" href="/icon-192.svg">
+    <link rel="apple-touch-icon" sizes="192x192" href="/icon-192.svg">
+    <link rel="apple-touch-icon" sizes="512x512" href="/icon-512.svg">
+    <link rel="mask-icon" href="/icon-512.svg" color="#667eea">
+    <link rel="stylesheet" href="styles.css">
+    <!-- KaTeX for Math Rendering (CDN with fonts included) -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.css" integrity="sha384-n8MVd4RsNIU0tAv4ct0nTaAbDJwPJzDEaqSD1odI+WdtXRGWt2kTvGFasHpSy3SV" crossorigin="anonymous">
+    <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.9/dist/katex.min.js" integrity="sha384-XjKyOOlGwcjNTAIQHIpgOno0Ber8PWQV9qAwPrNQfByT6CMDgE8XYZynxBnMi5KQ" crossorigin="anonymous"></script>
+    <style>
+        /* Instant loading screen */
+        #loading-screen {
+            position: fixed;
+            inset: 0;
+            background: linear-gradient(135deg, #0f1a24 0%, #1a2b3c 100%);
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            gap: 24px;
+            z-index: 99999;
+            transition: opacity 0.25s ease-out, visibility 0.25s ease-out;
+        }
+        #loading-screen.hidden {
+            opacity: 0;
+            visibility: hidden;
+            pointer-events: none;
+        }
+        .loading-logo {
+            animation: pulse 2s ease-in-out infinite;
+        }
+        .loading-logo svg {
+            filter: drop-shadow(0 0 20px rgba(102, 126, 234, 0.5));
+        }
+        .loading-text {
+            color: #a0b4c4;
+            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+            font-size: 14px;
+            letter-spacing: 2px;
+            text-transform: uppercase;
+        }
+        .loading-dots {
+            display: inline-flex;
+            gap: 4px;
+        }
+        .loading-dots span {
+            width: 6px;
+            height: 6px;
+            background: #667eea;
+            border-radius: 50%;
+            animation: bounce 1.4s ease-in-out infinite;
+        }
+        .loading-dots span:nth-child(2) { animation-delay: 0.2s; }
+        .loading-dots span:nth-child(3) { animation-delay: 0.4s; }
+        @keyframes pulse {
+            0%, 100% { transform: scale(1); }
+            50% { transform: scale(1.05); }
+        }
+        @keyframes bounce {
+            0%, 60%, 100% { transform: translateY(0); }
+            30% { transform: translateY(-8px); }
+        }
+    </style>
+</head>
+<body>
+    <!-- Loading Screen -->
+    <div id="loading-screen">
+        <div class="loading-logo">
+            <svg width="80" height="80" viewBox="0 0 64 64">
+                <defs>
+                    <linearGradient id="loadingGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+                        <stop offset="0%" stop-color="#667eea"/>
+                        <stop offset="100%" stop-color="#764ba2"/>
+                    </linearGradient>
+                </defs>
+                <path d="M32 8 L56 20 L56 44 L32 56 L8 44 L8 20 Z" fill="none" stroke="url(#loadingGrad)" stroke-width="2"/>
+                <circle cx="32" cy="32" r="8" fill="url(#loadingGrad)"/>
+            </svg>
+        </div>
+        <div class="loading-text">
+            Loading
+            <span class="loading-dots">
+                <span></span>
+                <span></span>
+                <span></span>
+            </span>
+        </div>
+    </div>
+    <div class="app">
+        <!-- Sidebar -->
+        <aside class="sidebar" id="sidebar">
+            <div class="sidebar-header">
+                <button class="btn-new-chat" id="btnNewChat" title="Start new chat" aria-label="Start new chat">
+                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                        <path d="M12 5v14M5 12h14"/>
+                    </svg>
+                    <span>New chat</span>
+                </button>
+            </div>
+            
+            <div class="chat-list" id="chatList">
+                <!-- Chat history dynamically loaded -->
+            </div>
+            
+            <div class="sidebar-footer">
+                <div class="app-version-display" id="appVersionDisplay" title="Rox AI Version">
+                    <span>Loading...</span>
+                </div>
+                <button class="user-menu" id="userMenu" title="User menu" aria-label="Open user menu">
+                    <div class="user-avatar">U</div>
+                    <span class="user-name">User</span>
+                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                        <path d="M6 9l6 6 6-6"/>
+                    </svg>
+                </button>
+            </div>
+        </aside>
+
+        <!-- Main Content -->
+        <main class="main">
+            <!-- Header -->
+            <header class="header">
+                <button class="btn-toggle-sidebar" id="btnToggleSidebar" title="Toggle sidebar" aria-label="Toggle sidebar">
+                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                        <path d="M3 12h18M3 6h18M3 18h18"/>
+                    </svg>
+                </button>
+                
+                <!-- Model Selector Dropdown -->
+                <div class="model-selector" id="modelSelector">
+                    <button class="model-selector-btn" id="modelSelectorBtn" title="Select AI model" aria-label="Select AI model">
+                        <span class="model-name" id="currentModelName">Rox</span>
+                        <svg class="model-chevron" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                            <path d="M6 9l6 6 6-6"/>
+                        </svg>
+                    </button>
+                    <div class="model-dropdown" id="modelDropdown">
+                        <div class="model-dropdown-header">Select Model</div>
+                        <div class="model-option active" data-model="rox" data-name="Rox Core">
+                            <div class="model-option-info">
+                                <span class="model-option-name">Rox Core</span>
+                                <span class="model-option-desc">Fast & reliable for everyday tasks</span>
+                            </div>
+                            <svg class="model-check" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                                <polyline points="20 6 9 17 4 12"/>
+                            </svg>
+                        </div>
+                        <div class="model-option" data-model="rox-2.1-turbo" data-name="Rox 2.1 Turbo">
+                            <div class="model-option-info">
+                                <span class="model-option-name">Rox 2.1 Turbo</span>
+                                <span class="model-option-desc">Deep thinking & reasoning</span>
+                            </div>
+                            <svg class="model-check" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                                <polyline points="20 6 9 17 4 12"/>
+                            </svg>
+                        </div>
+                        <div class="model-option" data-model="rox-3.5-coder" data-name="Rox 3.5 Coder">
+                            <div class="model-option-info">
+                                <span class="model-option-name">Rox 3.5 Coder</span>
+                                <span class="model-option-desc">Best for coding & development</span>
+                            </div>
+                            <svg class="model-check" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                                <polyline points="20 6 9 17 4 12"/>
+                            </svg>
+                        </div>
+                        <div class="model-option" data-model="rox-4.5-turbo" data-name="Rox 4.5 Turbo">
+                            <div class="model-option-info">
+                                <span class="model-option-name">Rox 4.5 Turbo</span>
+                                <span class="model-option-desc">Advanced reasoning & analysis</span>
+                            </div>
+                            <svg class="model-check" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                                <polyline points="20 6 9 17 4 12"/>
+                            </svg>
+                        </div>
+                        <div class="model-option" data-model="rox-5-ultra" data-name="Rox 5 Ultra">
+                            <div class="model-option-info">
+                                <span class="model-option-name">Rox 5 Ultra</span>
+                                <span class="model-option-desc">Most powerful flagship model</span>
+                            </div>
+                            <svg class="model-check" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                                <polyline points="20 6 9 17 4 12"/>
+                            </svg>
+                        </div>
+                    </div>
+                </div>
+                
+                <div class="header-title">
+                    <h1 id="chatTitle">New Chat</h1>
+                </div>
+                
+                <div class="header-actions">
+                    <button class="btn-download" id="btnInstallPWA" title="Install Rox AI App" style="display: none;">
+                        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                            <path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/>
+                            <polyline points="7 10 12 15 17 10"/>
+                            <line x1="12" y1="15" x2="12" y2="3"/>
+                        </svg>
+                        <span class="download-text">Install App</span>
+                    </button>
+                    <button class="btn-icon" id="btnThemeToggle" title="Toggle theme" aria-label="Toggle light/dark theme">
+                        <svg class="icon-sun" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                            <circle cx="12" cy="12" r="5"/><path d="M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42"/>
+                        </svg>
+                        <svg class="icon-moon" width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="display:none;">
+                            <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"/>
+                        </svg>
+                    </button>
+                </div>
+            </header>
+
+            <!-- Chat Container -->
+            <div class="chat-container" id="chatContainer">
+                <!-- Welcome Screen -->
+                <div class="welcome" id="welcome">
+                    <div class="welcome-content">
+                        <div class="logo-container">
+                            <div class="logo-glow"></div>
+                            <svg class="logo" width="64" height="64" viewBox="0 0 64 64">
+                                <defs>
+                                    <linearGradient id="logoGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+                                        <stop offset="0%" stop-color="#667eea"/>
+                                        <stop offset="100%" stop-color="#764ba2"/>
+                                    </linearGradient>
+                                </defs>
+                                <path d="M32 8 L56 20 L56 44 L32 56 L8 44 L8 20 Z" fill="none" stroke="url(#logoGrad)" stroke-width="2"/>
+                                <circle cx="32" cy="32" r="8" fill="url(#logoGrad)"/>
+                            </svg>
+                        </div>
+                        <h2 class="welcome-title">How can I help you today?</h2>
+                        
+                        <div class="suggestions">
+                            <button class="suggestion-card" data-prompt="Explain quantum computing in simple terms" title="Explain concepts" aria-label="Explain quantum computing in simple terms">
+                                <div class="suggestion-icon">
+                                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                                        <circle cx="12" cy="12" r="10"/><path d="M12 16v-4M12 8h.01"/>
+                                    </svg>
+                                </div>
+                                <div class="suggestion-text">
+                                    <div class="suggestion-title">Explain concepts</div>
+                                    <div class="suggestion-desc">Break down complex topics</div>
+                                </div>
+                            </button>
+                            
+                            <button class="suggestion-card" data-prompt="Write a Python function to sort a list" title="Code assistance" aria-label="Write a Python function to sort a list">
+                                <div class="suggestion-icon">
+                                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                                        <path d="M16 18l6-6-6-6M8 6l-6 6 6 6"/>
+                                    </svg>
+                                </div>
+                                <div class="suggestion-text">
+                                    <div class="suggestion-title">Code assistance</div>
+                                    <div class="suggestion-desc">Write and debug code</div>
+                                </div>
+                            </button>
+                            
+                            <button class="suggestion-card" data-prompt="Analyze this data and provide insights" title="Data analysis" aria-label="Analyze this data and provide insights">
+                                <div class="suggestion-icon">
+                                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                                        <path d="M21 21H4.6c-.56 0-.6-.44-.6-1V3"/>
+                                        <path d="M9 18v-6M15 18V9M21 18v-3"/>
+                                    </svg>
+                                </div>
+                                <div class="suggestion-text">
+                                    <div class="suggestion-title">Data analysis</div>
+                                    <div class="suggestion-desc">Process and interpret data</div>
+                                </div>
+                            </button>
+                            
+                            <button class="suggestion-card" data-prompt="Help me brainstorm ideas for" title="Creative thinking" aria-label="Help me brainstorm ideas">
+                                <div class="suggestion-icon">
+                                    <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                                        <path d="M12 2v4M12 18v4M4.93 4.93l2.83 2.83M16.24 16.24l2.83 2.83M2 12h4M18 12h4M4.93 19.07l2.83-2.83M16.24 7.76l2.83-2.83"/>
+                                    </svg>
+                                </div>
+                                <div class="suggestion-text">
+                                    <div class="suggestion-title">Creative thinking</div>
+                                    <div class="suggestion-desc">Generate and refine ideas</div>
+                                </div>
+                            </button>
+                        </div>
+                    </div>
+                </div>
+
+                <!-- Messages -->
+                <div class="messages" id="messages"></div>
+            </div>
+
+            <!-- Input Area -->
+            <div class="input-area">
+                <!-- Attachments Preview -->
+                <div class="attachments-preview" id="attachmentsPreview"></div>
+                
+                <div class="input-container">
+                    <button class="btn-attach" id="btnAttach" title="Attach files">
+                        <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                            <path d="M21.44 11.05l-9.19 9.19a6 6 0 01-8.49-8.49l9.19-9.19a4 4 0 015.66 5.66l-9.2 9.19a2 2 0 01-2.83-2.83l8.49-8.48"/>
+                        </svg>
+                    </button>
+                    <input type="file" id="fileInput" multiple hidden accept="image/*,.pdf,.txt,.doc,.docx,.xlsx,.xls,.pptx,.ppt,.rtf,.odt,.csv,.json,.md,.js,.ts,.jsx,.tsx,.py,.java,.c,.cpp,.h,.hpp,.cs,.go,.rs,.rb,.php,.swift,.html,.css,.xml,.yaml,.yml,.toml,.log,.sql,.sh,.bat,.ps1,.ini,.env,.cfg,.conf,.vue,.svelte,.astro,.kt,.scala,.r,.lua,.dart,.zig,.ex,.exs,.erl,.clj,.hs,.ml,.fs" aria-label="Attach files">
+                    
+                    <div class="input-wrapper">
+                        <label for="messageInput" class="visually-hidden">Message input</label>
+                        <textarea 
+                            id="messageInput" 
+                            placeholder="Message AI Assistant..." 
+                            rows="1"
+                            aria-label="Type your message here"
+                        ></textarea>
+                    </div>
+                    
+                    <button class="btn-send" id="btnSend" disabled title="Send message" aria-label="Send message">
+                        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5">
+                            <path d="M12 19V5M5 12l7-7 7 7"/>
+                        </svg>
+                    </button>
+                </div>
+                
+                <div class="input-footer">
+                    <span class="input-hint">Rox AI can make mistakes. <a href="#" id="openDocsLink" class="docs-link">Check important info.</a></span>
+                    <span class="offline-indicator" id="offlineIndicator" style="display: none;">
+                        <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                            <line x1="1" y1="1" x2="23" y2="23"/>
+                            <path d="M16.72 11.06A10.94 10.94 0 0119 12.55"/>
+                            <path d="M5 12.55a10.94 10.94 0 015.17-2.39"/>
+                            <path d="M10.71 5.05A16 16 0 0122.58 9"/>
+                            <path d="M1.42 9a15.91 15.91 0 014.7-2.88"/>
+                            <path d="M8.53 16.11a6 6 0 016.95 0"/>
+                            <line x1="12" y1="20" x2="12.01" y2="20"/>
+                        </svg>
+                        Offline
+                    </span>
+                </div>
+            </div>
+        </main>
+    </div>
+
+    <!-- Sidebar Overlay for Mobile -->
+    <div class="sidebar-overlay" id="sidebarOverlay"></div>
+
+    <!-- Context Menu -->
+    <div class="context-menu" id="contextMenu">
+        <button class="context-menu-item" data-action="rename" title="Rename chat" aria-label="Rename chat">
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7"/>
+                <path d="M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z"/>
+            </svg>
+            <span>Rename</span>
+        </button>
+        <button class="context-menu-item" data-action="delete" title="Delete chat" aria-label="Delete chat">
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                <path d="M3 6h18M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2"/>
+            </svg>
+            <span>Delete</span>
+        </button>
+    </div>
+
+    <!-- Modal for Rename -->
+    <div class="modal" id="renameModal">
+        <div class="modal-content">
+            <h3>Rename chat</h3>
+            <label for="renameInput" class="visually-hidden">New chat name</label>
+            <input type="text" id="renameInput" placeholder="Enter new name" aria-label="Enter new chat name">
+            <div class="modal-actions">
+                <button class="btn-secondary" id="btnCancelRename" title="Cancel" aria-label="Cancel rename">Cancel</button>
+                <button class="btn-primary" id="btnConfirmRename" title="Confirm rename" aria-label="Confirm rename">Rename</button>
+            </div>
+        </div>
+    </div>
+
+    <!-- Documentation Modal -->
+    <div class="docs-modal-overlay" id="docsModalOverlay">
+        <div class="docs-modal">
+            <div class="docs-modal-header">
+                <div class="docs-modal-title">
+                    <svg width="24" height="24" viewBox="0 0 64 64">
+                        <defs>
+                            <linearGradient id="docsLogoGrad" x1="0%" y1="0%" x2="100%" y2="100%">
+                                <stop offset="0%" stop-color="#667eea"/>
+                                <stop offset="100%" stop-color="#764ba2"/>
+                            </linearGradient>
+                        </defs>
+                        <path d="M32 8 L56 20 L56 44 L32 56 L8 44 L8 20 Z" fill="none" stroke="url(#docsLogoGrad)" stroke-width="3"/>
+                        <circle cx="32" cy="32" r="8" fill="url(#docsLogoGrad)"/>
+                    </svg>
+                    Rox AI Documentation
+                </div>
+                <button class="docs-modal-close" id="docsModalClose" aria-label="Close documentation">
+                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
+                        <path d="M18 6L6 18M6 6l12 12"/>
+                    </svg>
+                </button>
+            </div>
+            <div class="docs-modal-content" id="docsModalContent">
+                <!-- Documentation content will be injected by JavaScript -->
+            </div>
+        </div>
+    </div>
+
+    <!-- JavaScript -->
+    <script src="app.js"></script>
+    <script>
+        // Register Service Worker for PWA with enhanced update handling
+        if ('serviceWorker' in navigator) {
+            window.addEventListener('load', async () => {
+                try {
+                    // Check if we just completed an update
+                    const urlParams = new URLSearchParams(window.location.search);
+                    const isUpdateFlow = urlParams.has('_v') || urlParams.has('_emergency');
+                    const updateJustCompleted = sessionStorage.getItem('roxai_update_complete') === 'true';
+                    
+                    // If in update flow, clean URL after load (app.js handles this too)
+                    if (isUpdateFlow) {
+                        const cleanUrl = window.location.pathname;
+                        window.history.replaceState({}, document.title, cleanUrl);
+                        console.log('✅ Update complete, URL cleaned');
+                    }
+                    
+                    const registration = await navigator.serviceWorker.register('/sw.js', {
+                        scope: '/',
+                        updateViaCache: 'none'
+                    });
+                    
+                    console.log('✅ Service Worker registered:', registration.scope);
+                    
+                    // Only check for updates if we didn't just complete one
+                    if (!updateJustCompleted && !isUpdateFlow) {
+                        registration.update();
+                    }
+                    
+                    // Check for updates periodically (every 5 minutes)
+                    setInterval(() => {
+                        // Skip if update just completed (let app.js handle timing)
+                        if (sessionStorage.getItem('roxai_update_complete') !== 'true') {
+                            registration.update();
+                        }
+                    }, 5 * 60 * 1000);
+                    
+                    // Check for updates when tab becomes visible
+                    document.addEventListener('visibilitychange', () => {
+                        if (document.visibilityState === 'visible') {
+                            if (sessionStorage.getItem('roxai_update_complete') !== 'true') {
+                                registration.update();
+                            }
+                        }
+                    });
+                    
+                    // Handle update found
+                    registration.addEventListener('updatefound', () => {
+                        const newWorker = registration.installing;
+                        console.log('🔄 Service Worker update found');
+                        
+                        newWorker.addEventListener('statechange', () => {
+                            if (newWorker.state === 'installed' && navigator.serviceWorker.controller) {
+                                // New version available - but don't trigger if update just completed
+                                console.log('📦 New service worker installed');
+                                
+                                if (updateJustCompleted || isUpdateFlow) {
+                                    console.log('⏸️ Skipping update dialog (just completed update)');
+                                    return;
+                                }
+                                
+                                // Let the app handle the update dialog with version info
+                                if (window.roxAI && typeof window.roxAI._showUpdateDialog === 'function') {
+                                    window.roxAI._updateAvailable = true;
+                                    const currentVer = window.roxAI._appVersion || 'Unknown';
+                                    const newVer = window.roxAI._newAppVersion || 'Latest';
+                                    window.roxAI._showUpdateDialog(currentVer, newVer);
+                                }
+                            }
+                        });
+                    });
+                    
+                    // Handle controller change (when skipWaiting is called)
+                    navigator.serviceWorker.addEventListener('controllerchange', () => {
+                        console.log('🔄 Service worker controller changed');
+                        // Only reload if not already in an update flow and not just completed
+                        if (!window._isUpdating && !updateJustCompleted && !isUpdateFlow) {
+                            window._isUpdating = true;
+                            window.location.reload();
+                        }
+                    });
+                    
+                    // Listen for messages from service worker
+                    navigator.serviceWorker.addEventListener('message', (event) => {
+                        if (event.data?.type === 'FORCE_RELOAD') {
+                            console.log('🔄 Force reload from service worker');
+                            // Skip if update just completed
+                            if (updateJustCompleted || isUpdateFlow) {
+                                console.log('⏸️ Skipping force reload (just completed update)');
+                                return;
+                            }
+                            if (!window._isUpdating) {
+                                window._isUpdating = true;
+                                sessionStorage.setItem('roxai_update_complete', 'true');
+                                if ('caches' in window) {
+                                    caches.keys().then(names => {
+                                        Promise.all(names.map(name => caches.delete(name))).then(() => {
+                                            window.location.reload();
+                                        });
+                                    });
+                                } else {
+                                    window.location.reload();
+                                }
+                            }
+                        }
+                        if (event.data?.type === 'CACHES_CLEARED') {
+                            console.log('✅ Caches cleared by service worker');
+                        }
+                    });
+                    
+                } catch (error) {
+                    console.warn('⚠️ Service Worker registration failed:', error);
+                }
+            });
+        }
+    </script>
+</body>
+</html>

public/manifest.json

@@ -0,0 +1,75 @@
+{
+  "id": "/",
+  "name": "Rox AI",
+  "short_name": "Rox AI",
+  "description": "Professional AI chat interface with multi-model support. Chat with advanced AI models for coding, analysis, creative tasks, and more.",
+  "start_url": "/",
+  "display": "standalone",
+  "display_override": ["standalone", "minimal-ui"],
+  "background_color": "#0f1a24",
+  "theme_color": "#0f1a24",
+  "orientation": "any",
+  "scope": "/",
+  "lang": "en",
+  "dir": "ltr",
+  "categories": ["productivity", "utilities", "education", "developer tools"],
+  "launch_handler": {
+    "client_mode": ["navigate-existing", "auto"]
+  },
+  "icons": [
+    {
+      "src": "/icon-192.svg",
+      "sizes": "192x192",
+      "type": "image/svg+xml",
+      "purpose": "any"
+    },
+    {
+      "src": "/icon-512.svg",
+      "sizes": "512x512",
+      "type": "image/svg+xml",
+      "purpose": "any"
+    },
+    {
+      "src": "/icon-maskable-192.svg",
+      "sizes": "192x192",
+      "type": "image/svg+xml",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/icon-maskable-512.svg",
+      "sizes": "512x512",
+      "type": "image/svg+xml",
+      "purpose": "maskable"
+    }
+  ],
+  "screenshots": [
+    {
+      "src": "/screenshot-wide.png",
+      "sizes": "1280x720",
+      "type": "image/png",
+      "form_factor": "wide",
+      "label": "Rox AI Desktop Interface"
+    },
+    {
+      "src": "/screenshot-mobile.png",
+      "sizes": "390x844",
+      "type": "image/png",
+      "form_factor": "narrow",
+      "label": "Rox AI Mobile Interface"
+    }
+  ],
+  "shortcuts": [
+    {
+      "name": "New Chat",
+      "short_name": "New",
+      "description": "Start a new conversation",
+      "url": "/?action=new",
+      "icons": [{"src": "/icon-192.svg", "sizes": "192x192", "type": "image/svg+xml"}]
+    }
+  ],
+  "related_applications": [],
+  "prefer_related_applications": false,
+  "edge_side_panel": {
+    "preferred_width": 400
+  }
+}

public/sw.js

@@ -0,0 +1,496 @@
+// Rox AI Service Worker - PWA Support v32 (Production Ready - Optimized)
+'use strict';
+
+// ==================== CONFIGURATION ====================
+/** @constant {number} Cache version - increment to force update */
+const CACHE_VERSION = 32;
+/** @constant {string} Static cache name */
+const STATIC_CACHE = `rox-ai-static-v${CACHE_VERSION}`;
+/** @constant {string} Dynamic cache name */
+const DYNAMIC_CACHE = `rox-ai-dynamic-v${CACHE_VERSION}`;
+
+/** @constant {string[]} Core assets that must be cached for offline use */
+const STATIC_ASSETS = Object.freeze([
+    '/',
+    '/index.html',
+    '/app.js',
+    '/styles.css',
+    '/manifest.json',
+    '/icon-192.svg',
+    '/icon-512.svg'
+]);
+
+/** @constant {string[]} Assets that should ALWAYS be fetched fresh (never serve stale) */
+const ALWAYS_FRESH = Object.freeze([
+    '/app.js',
+    '/styles.css',
+    '/index.html',
+    '/'
+]);
+
+/** @constant {number} Maximum entries in dynamic cache */
+const MAX_DYNAMIC_CACHE_SIZE = 50;
+
+/** @constant {number} Network timeout for fetch requests (ms) - optimized for weak connections */
+const NETWORK_TIMEOUT = 10000;
+
+/** @constant {number} Fast network timeout for quick fallback to cache (ms) */
+const FAST_NETWORK_TIMEOUT = 3000;
+
+/** @constant {Set<string>} Valid cache names for quick lookup */
+const VALID_CACHES = new Set([STATIC_CACHE, DYNAMIC_CACHE]);
+
+// ==================== LOGGING ====================
+/** @constant {boolean} Enable debug logging */
+const DEBUG = false;
+/**
+ * Debug logger - only logs when DEBUG is true
+ * @param {...any} args - Arguments to log
+ */
+const log = (...args) => DEBUG && console.log('[SW]', ...args);
+
+// ==================== NETWORK UTILITIES ====================
+
+/**
+ * Fetch with timeout - prevents hanging on slow connections
+ * @param {Request} request - The request to fetch
+ * @param {number} timeout - Timeout in milliseconds
+ * @returns {Promise<Response>}
+ */
+async function fetchWithTimeout(request, timeout = NETWORK_TIMEOUT) {
+    const controller = new AbortController();
+    const timeoutId = setTimeout(() => controller.abort(), timeout);
+    
+    try {
+        const response = await fetch(request, { signal: controller.signal });
+        clearTimeout(timeoutId);
+        return response;
+    } catch (error) {
+        clearTimeout(timeoutId);
+        throw error;
+    }
+}
+
+// ==================== CACHE MANAGEMENT ====================
+
+/**
+ * Clear ALL caches completely - nuclear option
+ * @returns {Promise<number>} Number of caches cleared
+ */
+async function clearAllCaches() {
+    try {
+        const cacheNames = await caches.keys();
+        if (cacheNames.length === 0) return 0;
+        log('Clearing all caches:', cacheNames);
+        await Promise.all(cacheNames.map(name => caches.delete(name)));
+        log('All caches cleared:', cacheNames.length);
+        return cacheNames.length;
+    } catch (err) {
+        console.error('[SW] Failed to clear caches:', err);
+        return 0;
+    }
+}
+
+/**
+ * Clear specific cache entries for core assets
+ */
+async function clearCoreAssets() {
+    try {
+        const cacheNames = await caches.keys();
+        if (cacheNames.length === 0) return;
+        
+        const deletePromises = [];
+        for (const cacheName of cacheNames) {
+            const cache = await caches.open(cacheName);
+            for (const asset of ALWAYS_FRESH) {
+                deletePromises.push(
+                    cache.delete(asset),
+                    cache.delete(asset + '?v=' + CACHE_VERSION)
+                );
+            }
+        }
+        await Promise.all(deletePromises);
+        log('Core assets cleared from all caches');
+    } catch (err) {
+        console.error('[SW] Failed to clear core assets:', err);
+    }
+}
+
+/**
+ * Limit cache size by removing oldest entries (recursive)
+ * @param {string} cacheName - Name of the cache
+ * @param {number} maxSize - Maximum number of entries
+ */
+async function limitCacheSize(cacheName, maxSize) {
+    const cache = await caches.open(cacheName);
+    const keys = await cache.keys();
+    if (keys.length > maxSize) {
+        await cache.delete(keys[0]);
+        await limitCacheSize(cacheName, maxSize);
+    }
+}
+
+// ==================== SERVICE WORKER LIFECYCLE ====================
+
+// Install - cache static assets
+self.addEventListener('install', (event) => {
+    log(`Installing v${CACHE_VERSION}...`);
+    event.waitUntil(
+        (async () => {
+            try {
+                // Clear old caches first before installing new ones
+                await clearAllCaches();
+                
+                const cache = await caches.open(STATIC_CACHE);
+                log('Caching static assets');
+                
+                // Cache assets individually to handle failures gracefully
+                const cachePromises = STATIC_ASSETS.map(async (asset) => {
+                    try {
+                        // Fetch with cache-busting to ensure fresh content
+                        const response = await fetch(asset + '?v=' + CACHE_VERSION, { cache: 'no-store' });
+                        if (response.ok) {
+                            await cache.put(asset, response);
+                            return true;
+                        }
+                        return false;
+                    } catch (err) {
+                        console.warn('[SW] Failed to cache:', asset, err.message);
+                        return false;
+                    }
+                });
+                
+                const results = await Promise.all(cachePromises);
+                const successCount = results.filter(Boolean).length;
+                log(`Install complete: ${successCount}/${STATIC_ASSETS.length} assets cached`);
+                
+                // Notify all clients that an update is available
+                const clients = await self.clients.matchAll({ includeUncontrolled: true });
+                clients.forEach((client) => {
+                    client.postMessage({ type: 'UPDATE_AVAILABLE', version: CACHE_VERSION });
+                });
+                log(`Notified ${clients.length} clients about update`);
+                
+                // Skip waiting to activate immediately
+                await self.skipWaiting();
+            } catch (err) {
+                console.error('[SW] Install failed:', err);
+            }
+        })()
+    );
+});
+
+// Activate - clean ALL old caches, take control immediately
+self.addEventListener('activate', (event) => {
+    log(`Activating v${CACHE_VERSION}...`);
+    event.waitUntil(
+        (async () => {
+            // Clean ALL old caches - keep only current versions
+            const keys = await caches.keys();
+            const deletePromises = keys
+                .filter((key) => !VALID_CACHES.has(key))
+                .map((key) => {
+                    log('Deleting old cache:', key);
+                    return caches.delete(key);
+                });
+            
+            await Promise.all(deletePromises);
+            
+            // Enable navigation preload if supported
+            if ('navigationPreload' in self.registration) {
+                await self.registration.navigationPreload.enable();
+                log('Navigation preload enabled');
+            }
+            
+            log('Claiming clients');
+            await self.clients.claim();
+            
+            // Notify all clients that update is now active
+            const clients = await self.clients.matchAll({ includeUncontrolled: true });
+            clients.forEach((client) => {
+                client.postMessage({ type: 'UPDATE_ACTIVATED', version: CACHE_VERSION });
+            });
+            log(`Notified ${clients.length} clients about activation`);
+        })()
+    );
+});
+
+// ==================== FETCH HANDLER ====================
+
+// Fetch - network first for core assets, stale-while-revalidate for others
+self.addEventListener('fetch', (event) => {
+    const { request } = event;
+    
+    // Skip non-GET requests
+    if (request.method !== 'GET') return;
+    
+    let url;
+    try {
+        url = new URL(request.url);
+    } catch (e) {
+        // Invalid URL, skip
+        return;
+    }
+
+    // Skip API calls - always go to network (important for streaming)
+    if (url.pathname.startsWith('/api/')) return;
+    
+    // Skip download routes - always go to network for file downloads
+    if (url.pathname.startsWith('/download/')) return;
+
+    // Skip chrome-extension and other non-http(s) requests
+    if (!url.protocol.startsWith('http')) return;
+
+    // Skip cross-origin requests
+    if (url.origin !== self.location.origin) return;
+    
+    // If URL has update/cache-bust parameters, ALWAYS fetch fresh
+    const hasUpdateParam = url.searchParams.has('_v') || 
+                          url.searchParams.has('_update') || 
+                          url.searchParams.has('_nocache') ||
+                          url.searchParams.has('_emergency');
+    
+    if (hasUpdateParam) {
+        // Force network fetch, bypass all caches
+        event.respondWith(
+            fetch(request, { cache: 'no-store' })
+                .catch(() => caches.match('/index.html'))
+        );
+        return;
+    }
+
+    // Handle app shortcuts (from manifest)
+    if (url.searchParams.get('action') === 'new') {
+        event.respondWith(
+            caches.match('/index.html').then((response) => {
+                return response || fetch('/index.html');
+            })
+        );
+        return;
+    }
+    
+    // Check if this is a core asset that should always be fresh
+    const isCoreAsset = ALWAYS_FRESH.some(asset => url.pathname === asset || url.pathname.endsWith(asset));
+    
+    if (isCoreAsset) {
+        // Network-first strategy for core assets with timeout for weak connections
+        event.respondWith(
+            (async () => {
+                try {
+                    // Try network with timeout - falls back to cache quickly on slow connections
+                    const networkResponse = await fetchWithTimeout(request, FAST_NETWORK_TIMEOUT);
+                    if (networkResponse.ok) {
+                        // Update cache with fresh response
+                        const cache = await caches.open(STATIC_CACHE);
+                        cache.put(request, networkResponse.clone()).catch(() => {});
+                        return networkResponse;
+                    }
+                } catch (e) {
+                    // Network failed or timed out, fall back to cache
+                    log('Network failed/timeout for core asset, using cache:', url.pathname);
+                }
+                
+                // Fallback to cache
+                const cachedResponse = await caches.match(request);
+                if (cachedResponse) return cachedResponse;
+                
+                // Last resort for navigation - return index.html
+                if (request.mode === 'navigate') {
+                    return caches.match('/index.html');
+                }
+                
+                return new Response('Offline', { status: 503 });
+            })()
+        );
+        return;
+    }
+
+    // Stale-while-revalidate strategy for other assets with timeout
+    event.respondWith(
+        (async () => {
+            // Try to get from cache first
+            const cachedResponse = await caches.match(request);
+            
+            // Fetch from network in background with timeout
+            const fetchPromise = fetchWithTimeout(request, NETWORK_TIMEOUT)
+                .then(async (response) => {
+                    // Don't cache non-successful responses
+                    if (!response || response.status !== 200 || response.type !== 'basic') {
+                        return response;
+                    }
+
+                    // Clone and cache successful responses in dynamic cache
+                    const responseToCache = response.clone();
+                    const cache = await caches.open(DYNAMIC_CACHE);
+                    await cache.put(request, responseToCache);
+                    
+                    // Limit dynamic cache size
+                    await limitCacheSize(DYNAMIC_CACHE, MAX_DYNAMIC_CACHE_SIZE);
+
+                    return response;
+                })
+                .catch(() => null);
+            
+            // Return cached response immediately if available, otherwise wait for network
+            if (cachedResponse) {
+                // Update cache in background (stale-while-revalidate)
+                fetchPromise.catch(() => {});
+                return cachedResponse;
+            }
+            
+            // No cache, wait for network
+            const networkResponse = await fetchPromise;
+            if (networkResponse) {
+                return networkResponse;
+            }
+            
+            // Network failed and no cache - return offline response
+            if (request.mode === 'navigate') {
+                const offlineIndex = await caches.match('/index.html');
+                if (offlineIndex) return offlineIndex;
+            }
+            
+            return new Response('Offline', {
+                status: 503,
+                statusText: 'Service Unavailable',
+                headers: new Headers({
+                    'Content-Type': 'text/plain'
+                })
+            });
+        })()
+    );
+});
+
+// ==================== MESSAGE HANDLER ====================
+
+// Handle messages from main thread
+self.addEventListener('message', (event) => {
+    log('Received message:', event.data);
+    
+    if (event.data === 'skipWaiting') {
+        self.skipWaiting();
+    }
+    
+    if (event.data === 'clearCache' || event.data === 'clearAllCaches') {
+        // Clear ALL caches completely
+        event.waitUntil(
+            (async () => {
+                const count = await clearAllCaches();
+                log(`Cleared ${count} caches`);
+                
+                // Notify all clients that caches are cleared
+                const clients = await self.clients.matchAll();
+                clients.forEach((client) => {
+                    client.postMessage({ type: 'CACHES_CLEARED', count });
+                });
+            })()
+        );
+    }
+    
+    if (event.data === 'clearCoreAssets') {
+        // Clear only core assets from cache
+        event.waitUntil(clearCoreAssets());
+    }
+    
+    if (event.data === 'forceUpdate' || event.data?.type === 'FORCE_UPDATE') {
+        // Force update - clear ALL caches, unregister, and notify clients to reload
+        event.waitUntil(
+            (async () => {
+                // Step 1: Clear all caches
+                await clearAllCaches();
+                log('All caches cleared for force update');
+                
+                // Step 2: Unregister this service worker
+                try {
+                    await self.registration.unregister();
+                    log('Service worker unregistered');
+                } catch (err) {
+                    console.error('[SW] Failed to unregister:', err);
+                }
+                
+                // Step 3: Notify all clients to reload
+                const clients = await self.clients.matchAll({ includeUncontrolled: true });
+                clients.forEach((client) => {
+                    client.postMessage({ type: 'FORCE_RELOAD', timestamp: Date.now() });
+                });
+                log(`Notified ${clients.length} clients to reload`);
+            })()
+        );
+    }
+    
+    if (event.data === 'getVersion') {
+        // Return current cache version
+        event.source?.postMessage({ type: 'VERSION', version: CACHE_VERSION });
+    }
+    
+    if (event.data?.type === 'CHECK_UPDATE') {
+        // Check if there's a newer service worker waiting
+        event.waitUntil(
+            (async () => {
+                const reg = self.registration;
+                if (reg.waiting) {
+                    // There's a new version waiting - activate it
+                    reg.waiting.postMessage('skipWaiting');
+                }
+            })()
+        );
+    }
+});
+
+// ==================== BACKGROUND FEATURES ====================
+
+// Background sync for offline messages (future feature)
+self.addEventListener('sync', (event) => {
+    if (event.tag === 'sync-messages') {
+        log('Syncing messages...');
+    }
+});
+
+// ==================== PUSH NOTIFICATIONS ====================
+
+// Push notifications (future feature)
+self.addEventListener('push', (event) => {
+    if (event.data) {
+        let data;
+        try {
+            data = event.data.json();
+        } catch (e) {
+            console.error('[SW] Failed to parse push data:', e);
+            data = { title: 'Rox AI', body: event.data.text() || 'New notification' };
+        }
+        const options = {
+            body: data.body || 'New message from Rox AI',
+            icon: '/icon-192.svg',
+            badge: '/icon-192.svg',
+            vibrate: [100, 50, 100],
+            data: {
+                url: data.url || '/'
+            }
+        };
+        
+        event.waitUntil(
+            self.registration.showNotification(data.title || 'Rox AI', options)
+        );
+    }
+});
+
+// Notification click handler
+self.addEventListener('notificationclick', (event) => {
+    event.notification.close();
+    
+    event.waitUntil(
+        clients.matchAll({ type: 'window', includeUncontrolled: true })
+            .then((clientList) => {
+                // Focus existing window if available
+                for (const client of clientList) {
+                    if (client.url === event.notification.data.url && 'focus' in client) {
+                        return client.focus();
+                    }
+                }
+                // Open new window
+                if (clients.openWindow) {
+                    return clients.openWindow(event.notification.data.url);
+                }
+            })
+    );
+});

uploads/gitkeep

@@ -0,0 +1,2 @@
+# This file ensures the uploads directory is tracked by git
+# Uploaded files are ignored via .gitignore