Initial commit

.env.example

@@ -0,0 +1,19 @@
+# MemoryBot Environment Configuration
+# Copy to .env and fill in your values
+
+# Security
+SECRET_KEY=change-this-to-a-random-secret-key
+ENCRYPTION_KEY=change-this-to-a-random-32-char-key
+
+# Database (SQLite default, use PostgreSQL for production)
+DATABASE_URL=sqlite:///./memorybot.db
+
+# AI Configuration (OpenRouter or OpenAI)
+OPENAI_API_KEY=your-api-key-here
+OPENAI_BASE_URL=https://openrouter.ai/api/v1
+EMBEDDING_MODEL=text-embedding-3-small
+CHAT_MODEL=openai/gpt-4o-mini
+
+# Upload Settings
+UPLOAD_DIR=uploads
+MAX_FILE_SIZE_MB=50

.gitignore

@@ -0,0 +1,9 @@
+__pycache__/
+*.py[cod]
+*.db
+.env
+uploads/*
+!uploads/.gitkeep
+*.wav
+*.mp3
+test_py*

README.md

@@ -0,0 +1,105 @@
+# MemoryBot - AI Memory Companion
+
+A Python/FastAPI rebuild of MemoryBot, an AI-powered application that helps people preserve and interact with memories of loved ones.
+
+## Features
+
+- **User Authentication** - Register/login with secure password hashing and JWT sessions
+- **Memory Profiles** - Create profiles for loved ones with biographical details
+- **File Upload & Text Extraction** - Upload PDFs, DOCX, TXT, images, audio, and video files. Text is extracted and chunked for RAG.
+- **AI-Powered Chat** - Streaming chat with RAG (Retrieval-Augmented Generation) using OpenAI/OpenRouter
+- **Vector Search** - Semantic search through memories using embeddings or keyword fallback
+- **Voice Features** - Text-to-speech via edge-tts, Speech-to-text via OpenAI Whisper
+- **Memory Timeline** - Browse uploaded files and memories
+- **Admin Dashboard** - System stats, user management, data export, audit logging
+
+## Tech Stack
+
+- **Backend**: FastAPI + SQLAlchemy + SQLite (PostgreSQL for production)
+- **Auth**: bcrypt + JWT (python-jose)
+- **AI**: OpenAI/OpenRouter for LLM chat and embeddings
+- **Voice**: edge-tts (TTS), OpenAI Whisper API (STT)
+- **Frontend**: Jinja2 templates + Tailwind CSS (CDN)
+- **File Processing**: PyPDF2, python-docx, custom text extractor
+
+## Quick Start
+
+```bash
+# 1. Create virtual environment
+python -m venv venv
+venv\Scripts\activate  # Windows
+# source venv/bin/activate  # Mac/Linux
+
+# 2. Install dependencies
+pip install -r requirements.txt
+
+# 3. Configure environment
+copy .env.example .env
+# Edit .env with your API keys
+
+# 4. Seed database with demo data
+python seed.py
+
+# 5. Run the server
+python main.py
+# Or: uvicorn main:app --reload --port 8000
+```
+
+Open http://localhost:8000
+
+## Demo Accounts
+
+| Email | Password | Notes |
+|-------|----------|-------|
+| admin@memorybot.com | admin123 | Admin user |
+| demo@memorybot.com | demo123 | Has sample "Margaret Johnson" profile with 6 memories |
+
+## AI Configuration
+
+Set your OpenAI or OpenRouter API key in `.env`:
+
+```
+OPENAI_API_KEY=sk-...
+OPENAI_BASE_URL=https://openrouter.ai/api/v1
+CHAT_MODEL=openai/gpt-4o-mini
+```
+
+Without an API key, the app works in **fallback mode** with rule-based responses.
+
+## Project Structure
+
+```
+memorybot/
+├── main.py              # FastAPI application entry point
+├── config.py            # Settings (pydantic-settings)
+├── database.py          # SQLAlchemy models
+├── auth.py              # Authentication utilities
+├── rag.py               # RAG pipeline, embeddings, search
+├── text_extractor.py    # File text extraction & chunking
+├── seed.py              # Database seeder
+├── routes_auth.py       # /auth/* routes
+├── routes_profiles.py   # /profiles/* routes (CRUD, upload)
+├── routes_chat.py       # /chat/* routes (streaming SSE)
+├── routes_search.py     # /search routes
+├── routes_admin.py      # /admin/* routes
+├── routes_voice.py      # /voice/* routes (TTS, STT)
+├── templates/           # Jinja2 HTML templates
+│   ├── base.html
+│   ├── login.html
+│   ├── register.html
+│   ├── dashboard.html
+│   ├── profiles.html
+│   ├── profile_detail.html
+│   ├── chat.html
+│   ├── search.html
+│   ├── admin.html
+│   └── partials/
+│       └── sidebar.html
+├── static/              # Static assets
+├── uploads/             # User uploaded files
+└── .env                 # Environment config
+```
+
+## Important Disclaimer
+
+**MemoryBot is an AI simulation.** The AI is NOT the actual person being remembered. Responses are generated based on uploaded memories and context. This tool is meant to help people preserve and explore memories, not to replicate a person.

auth.py

@@ -0,0 +1,61 @@
+from datetime import datetime, timedelta, timezone
+from typing import Optional
+from passlib.context import CryptContext
+from jose import JWTError, jwt
+from fastapi import Request, HTTPException, Depends
+from fastapi.responses import RedirectResponse
+from sqlalchemy.orm import Session
+
+from config import settings
+from database import get_db, User
+
+pwd_context = CryptContext(schemes=["bcrypt"], deprecated="auto")
+
+ALGORITHM = "HS256"
+
+
+def hash_password(password: str) -> str:
+    return pwd_context.hash(password)
+
+
+def verify_password(plain_password: str, hashed_password: str) -> bool:
+    return pwd_context.verify(plain_password, hashed_password)
+
+
+def create_access_token(data: dict, expires_delta: Optional[timedelta] = None) -> str:
+    to_encode = data.copy()
+    expire = datetime.now(timezone.utc) + (expires_delta or timedelta(hours=settings.SESSION_EXPIRY_HOURS))
+    to_encode.update({"exp": expire})
+    return jwt.encode(to_encode, settings.SECRET_KEY, algorithm=ALGORITHM)
+
+
+def decode_token(token: str) -> Optional[dict]:
+    try:
+        return jwt.decode(token, settings.SECRET_KEY, algorithms=[ALGORITHM])
+    except JWTError:
+        return None
+
+
+def get_user_from_request(request: Request, db: Session) -> Optional[User]:
+    token = request.cookies.get("session_token")
+    if not token:
+        return None
+    payload = decode_token(token)
+    if not payload:
+        return None
+    user_id = payload.get("sub")
+    if not user_id:
+        return None
+    return db.query(User).filter(User.id == user_id).first()
+
+
+def require_auth(request: Request, db: Session = Depends(get_db)) -> User:
+    user = get_user_from_request(request, db)
+    if not user:
+        raise HTTPException(status_code=302, headers={"Location": "/auth/login"})
+    return user
+
+
+def require_auth_page(request: Request, db: Session = Depends(get_db)) -> Optional[User]:
+    """For page routes - returns user or None (page handles redirect)."""
+    return get_user_from_request(request, db)

config.py

@@ -0,0 +1,34 @@
+import os
+from pydantic_settings import BaseSettings
+
+
+class Settings(BaseSettings):
+    APP_NAME: str = "MemoryBot"
+    APP_DESCRIPTION: str = "AI Memory Companion"
+
+    DATABASE_URL: str = "sqlite:///./memorybot.db"
+
+    SECRET_KEY: str = "memorybot-secret-key-change-in-production"
+    SESSION_EXPIRY_HOURS: int = 24
+
+    OPENAI_API_KEY: str = ""
+    OPENAI_BASE_URL: str = "https://openrouter.ai/api/v1"
+    EMBEDDING_MODEL: str = "text-embedding-3-small"
+    CHAT_MODEL: str = "openrouter/free"
+
+    UPLOAD_DIR: str = "uploads"
+    MAX_FILE_SIZE_MB: int = 50
+    ALLOWED_EXTENSIONS: str = ".pdf,.docx,.txt,.png,.jpg,.jpeg,.gif,.mp3,.wav,.m4a,.webm,.mp4"
+
+    HF_TOKEN: str = ""
+
+    ENCRYPTION_KEY: str = "encryption-key-change-in-production-32b!"
+
+    class Config:
+        env_file = ".env"
+        env_file_encoding = "utf-8"
+
+
+settings = Settings()
+
+os.makedirs(settings.UPLOAD_DIR, exist_ok=True)

database.py

@@ -0,0 +1,138 @@
+from sqlalchemy import create_engine, Column, Integer, String, Text, DateTime, ForeignKey, Float, Boolean, JSON
+from sqlalchemy.orm import declarative_base, sessionmaker, relationship
+from datetime import datetime, timezone
+import uuid
+
+from config import settings
+
+engine = create_engine(
+    settings.DATABASE_URL,
+    connect_args={"check_same_thread": False} if "sqlite" in settings.DATABASE_URL else {},
+    echo=False,
+)
+SessionLocal = sessionmaker(autocommit=False, autoflush=False, bind=engine)
+Base = declarative_base()
+
+
+def get_db():
+    db = SessionLocal()
+    try:
+        yield db
+    finally:
+        db.close()
+
+
+def gen_id():
+    return str(uuid.uuid4())
+
+
+class User(Base):
+    __tablename__ = "users"
+    id = Column(String, primary_key=True, default=gen_id)
+    email = Column(String, unique=True, nullable=False, index=True)
+    name = Column(String, nullable=False)
+    password_hash = Column(String, nullable=False)
+    created_at = Column(DateTime, default=lambda: datetime.now(timezone.utc))
+    updated_at = Column(DateTime, default=lambda: datetime.now(timezone.utc), onupdate=lambda: datetime.now(timezone.utc))
+
+    profiles = relationship("MemoryProfile", back_populates="user", cascade="all, delete-orphan")
+    conversations = relationship("Conversation", back_populates="user", cascade="all, delete-orphan")
+    audit_logs = relationship("AuditLog", back_populates="user", cascade="all, delete-orphan")
+
+
+class MemoryProfile(Base):
+    __tablename__ = "memory_profiles"
+    id = Column(String, primary_key=True, default=gen_id)
+    user_id = Column(String, ForeignKey("users.id"), nullable=False)
+    name = Column(String, nullable=False)
+    description = Column(Text, default="")
+    relationship_type = Column(String, default="")
+    date_of_birth = Column(String, default="")
+    date_of_death = Column(String, default="")
+    photo_url = Column(String, default="")
+    personality_traits = Column(JSON, default=list)
+    favorite_phrases = Column(JSON, default=list)
+    interests = Column(JSON, default=list)
+    speaking_style = Column(Text, default="")
+    writing_style = Column(Text, default="")
+    values = Column(JSON, default=list)
+    created_at = Column(DateTime, default=lambda: datetime.now(timezone.utc))
+    updated_at = Column(DateTime, default=lambda: datetime.now(timezone.utc), onupdate=lambda: datetime.now(timezone.utc))
+
+    user = relationship("User", back_populates="profiles")
+    files = relationship("MemoryFile", back_populates="profile", cascade="all, delete-orphan")
+    embeddings = relationship("MemoryEmbedding", back_populates="profile", cascade="all, delete-orphan")
+    conversations = relationship("Conversation", back_populates="profile", cascade="all, delete-orphan")
+
+
+class MemoryFile(Base):
+    __tablename__ = "memory_files"
+    id = Column(String, primary_key=True, default=gen_id)
+    profile_id = Column(String, ForeignKey("memory_profiles.id"), nullable=False)
+    filename = Column(String, nullable=False)
+    original_name = Column(String, nullable=False)
+    file_type = Column(String, nullable=False)
+    file_size = Column(Integer, default=0)
+    extracted_text = Column(Text, default="")
+    text_chunks = Column(Text, default="[]")
+    created_at = Column(DateTime, default=lambda: datetime.now(timezone.utc))
+
+    profile = relationship("MemoryProfile", back_populates="files")
+    embeddings = relationship("MemoryEmbedding", back_populates="file", cascade="all, delete-orphan")
+
+
+class MemoryEmbedding(Base):
+    __tablename__ = "memory_embeddings"
+    id = Column(String, primary_key=True, default=gen_id)
+    profile_id = Column(String, ForeignKey("memory_profiles.id"), nullable=False)
+    file_id = Column(String, ForeignKey("memory_files.id"), nullable=True)
+    content = Column(Text, nullable=False)
+    embedding = Column(Text, default="[]")
+    chunk_index = Column(Integer, default=0)
+    created_at = Column(DateTime, default=lambda: datetime.now(timezone.utc))
+
+    profile = relationship("MemoryProfile", back_populates="embeddings")
+    file = relationship("MemoryFile", back_populates="embeddings")
+
+
+class Conversation(Base):
+    __tablename__ = "conversations"
+    id = Column(String, primary_key=True, default=gen_id)
+    user_id = Column(String, ForeignKey("users.id"), nullable=False)
+    profile_id = Column(String, ForeignKey("memory_profiles.id"), nullable=False)
+    title = Column(String, default="New Conversation")
+    created_at = Column(DateTime, default=lambda: datetime.now(timezone.utc))
+    updated_at = Column(DateTime, default=lambda: datetime.now(timezone.utc), onupdate=lambda: datetime.now(timezone.utc))
+
+    user = relationship("User", back_populates="conversations")
+    profile = relationship("MemoryProfile", back_populates="conversations")
+    messages = relationship("Message", back_populates="conversation", cascade="all, delete-orphan", order_by="Message.created_at")
+
+
+class Message(Base):
+    __tablename__ = "messages"
+    id = Column(String, primary_key=True, default=gen_id)
+    conversation_id = Column(String, ForeignKey("conversations.id"), nullable=False)
+    role = Column(String, nullable=False)
+    content = Column(Text, nullable=False)
+    sources = Column(Text, default="[]")
+    created_at = Column(DateTime, default=lambda: datetime.now(timezone.utc))
+
+    conversation = relationship("Conversation", back_populates="messages")
+
+
+class AuditLog(Base):
+    __tablename__ = "audit_logs"
+    id = Column(String, primary_key=True, default=gen_id)
+    user_id = Column(String, ForeignKey("users.id"), nullable=True)
+    action = Column(String, nullable=False)
+    resource_type = Column(String, default="")
+    resource_id = Column(String, default="")
+    details = Column(Text, default="")
+    created_at = Column(DateTime, default=lambda: datetime.now(timezone.utc))
+
+    user = relationship("User", back_populates="audit_logs")
+
+
+def init_db():
+    Base.metadata.create_all(bind=engine)

main.py

@@ -0,0 +1,96 @@
+from fastapi import FastAPI, Request
+from fastapi.staticfiles import StaticFiles
+from fastapi.templating import Jinja2Templates
+from fastapi.responses import HTMLResponse, RedirectResponse
+import os
+
+from config import settings
+from database import init_db, SessionLocal, User
+
+app = FastAPI(title=settings.APP_NAME, description=settings.APP_DESCRIPTION)
+
+app.mount("/static", StaticFiles(directory="static"), name="static")
+app.mount("/uploads", StaticFiles(directory=settings.UPLOAD_DIR), name="uploads")
+
+templates = Jinja2Templates(directory="templates")
+
+from routes_auth import router as auth_router
+from routes_profiles import router as profiles_router
+from routes_chat import router as chat_router
+from routes_search import router as search_router
+from routes_admin import router as admin_router
+from routes_voice import router as voice_router
+
+app.include_router(auth_router)
+app.include_router(profiles_router)
+app.include_router(chat_router)
+app.include_router(search_router)
+app.include_router(admin_router)
+app.include_router(voice_router)
+
+
+@app.on_event("startup")
+async def startup():
+    init_db()
+    os.makedirs(settings.UPLOAD_DIR, exist_ok=True)
+    os.makedirs("static", exist_ok=True)
+    os.makedirs("static/js", exist_ok=True)
+    os.makedirs("static/css", exist_ok=True)
+    os.makedirs("templates", exist_ok=True)
+
+
+@app.get("/", response_class=HTMLResponse)
+async def index(request: Request):
+    from auth import get_user_from_request
+    db = SessionLocal()
+    try:
+        user = get_user_from_request(request, db)
+        if user:
+            return RedirectResponse(url="/dashboard", status_code=302)
+        return RedirectResponse(url="/auth/login", status_code=302)
+    finally:
+        db.close()
+
+
+@app.get("/dashboard", response_class=HTMLResponse)
+async def dashboard(request: Request):
+    from auth import get_user_from_request
+    db = SessionLocal()
+    try:
+        user = get_user_from_request(request, db)
+        if not user:
+            return RedirectResponse(url="/auth/login", status_code=302)
+
+        from database import MemoryProfile, Conversation, MemoryFile
+        profiles = db.query(MemoryProfile).filter(MemoryProfile.user_id == user.id).all()
+        total_conversations = db.query(Conversation).filter(Conversation.user_id == user.id).count()
+        total_files = db.query(MemoryFile).join(MemoryProfile).filter(MemoryProfile.user_id == user.id).count()
+        recent_conversations = db.query(Conversation).filter(
+            Conversation.user_id == user.id
+        ).order_by(Conversation.updated_at.desc()).limit(5).all()
+
+        recent_conv_profiles = {}
+        for rc in recent_conversations:
+            p = db.query(MemoryProfile).filter(MemoryProfile.id == rc.profile_id).first()
+            if p:
+                recent_conv_profiles[rc.id] = p.name
+
+        return templates.TemplateResponse("dashboard.html", {
+            "request": request, "user": user, "profiles": profiles,
+            "total_conversations": total_conversations,
+            "total_files": total_files,
+            "recent_conversations": recent_conversations,
+            "recent_conv_profiles": recent_conv_profiles,
+        })
+    finally:
+        db.close()
+
+
+@app.exception_handler(302)
+async def redirect_handler(request: Request, exc):
+    return RedirectResponse(url=exc.headers.get("Location", "/"), status_code=302)
+
+
+if __name__ == "__main__":
+    import uvicorn
+    uvicorn.run("main:app", host="127.0.0.1", port=8000, reload=True)

rag.py

@@ -0,0 +1,219 @@
+import json
+import math
+import os
+from typing import List, Dict, Tuple, Optional
+from openai import OpenAI
+
+from config import settings
+
+import re
+
+client = None
+if settings.OPENAI_API_KEY:
+    client = OpenAI(
+        api_key=settings.OPENAI_API_KEY,
+        base_url=settings.OPENAI_BASE_URL,
+    )
+
+
+def clean_token(token: str) -> str:
+    if not token:
+        return token
+    token = re.sub(r'<\|[^|]*\|>', '', token)
+    token = re.sub(r'User Safety:\s*\w+', '', token, flags=re.IGNORECASE)
+    token = re.sub(r'Response Safety:\s*\w+', '', token, flags=re.IGNORECASE)
+    token = re.sub(r'<\|/?(im_start|im_end|system|user|assistant)\|?>', '', token)
+    token = re.sub(r'<<\|/?(im_start|im_end)\|?>>', '', token)
+    token = re.sub(r'\[(?:SYSTEM|SAFETY|NOTE)\].*', '', token)
+    token = token.strip()
+    return token
+
+
+def generate_embedding(text: str) -> Optional[List[float]]:
+    if not client:
+        return None
+    try:
+        response = client.embeddings.create(
+            model=settings.EMBEDDING_MODEL,
+            input=text[:8000],
+        )
+        return response.data[0].embedding
+    except Exception as e:
+        print(f"Embedding error: {e}")
+        return None
+
+
+def cosine_similarity(a: List[float], b: List[float]) -> float:
+    if len(a) != len(b):
+        min_len = min(len(a), len(b))
+        a, b = a[:min_len], b[:min_len]
+    dot = sum(x * y for x, y in zip(a, b))
+    norm_a = math.sqrt(sum(x * x for x in a))
+    norm_b = math.sqrt(sum(x * x for x in b))
+    if norm_a == 0 or norm_b == 0:
+        return 0.0
+    return dot / (norm_a * norm_b)
+
+
+def keyword_similarity(query: str, text: str) -> float:
+    query_words = set(query.lower().split())
+    text_words = set(text.lower().split())
+    if not query_words:
+        return 0.0
+    intersection = query_words & text_words
+    return len(intersection) / len(query_words)
+
+
+def search_similar_memories(
+    db, profile_id: str, query: str, limit: int = 10
+) -> List[Dict]:
+    from database import MemoryEmbedding
+
+    embeddings = (
+        db.query(MemoryEmbedding)
+        .filter(MemoryEmbedding.profile_id == profile_id)
+        .all()
+    )
+
+    if not embeddings:
+        return []
+
+    query_embedding = generate_embedding(query)
+
+    scored = []
+    for emb in embeddings:
+        if query_embedding:
+            try:
+                stored = json.loads(emb.embedding) if emb.embedding and emb.embedding != "[]" else []
+                if stored:
+                    score = cosine_similarity(query_embedding, stored)
+                else:
+                    score = keyword_similarity(query, emb.content)
+            except (json.JSONDecodeError, TypeError):
+                score = keyword_similarity(query, emb.content)
+        else:
+            score = keyword_similarity(query, emb.content)
+
+        scored.append({
+            "content": emb.content,
+            "score": score,
+            "chunk_index": emb.chunk_index,
+        })
+
+    scored.sort(key=lambda x: x["score"], reverse=True)
+    return scored[:limit]
+
+
+def build_profile_context(profile, files=None) -> str:
+    context_parts = []
+    context_parts.append(f"Name: {profile.name}")
+    if profile.description:
+        context_parts.append(f"Description: {profile.description}")
+    if profile.relationship_type:
+        context_parts.append(f"Relationship: {profile.relationship_type}")
+    if profile.date_of_birth:
+        context_parts.append(f"Date of Birth: {profile.date_of_birth}")
+    if profile.date_of_death:
+        context_parts.append(f"Date of Death: {profile.date_of_death}")
+    if hasattr(profile, 'personality_traits') and profile.personality_traits:
+        context_parts.append(f"Personality Traits: {', '.join(profile.personality_traits)}")
+    if hasattr(profile, 'favorite_phrases') and profile.favorite_phrases:
+        context_parts.append(f"Favorite Phrases: {'; '.join(profile.favorite_phrases)}")
+    if hasattr(profile, 'interests') and profile.interests:
+        context_parts.append(f"Interests: {', '.join(profile.interests)}")
+    if hasattr(profile, 'speaking_style') and profile.speaking_style:
+        context_parts.append(f"Speaking Style: {profile.speaking_style}")
+    if hasattr(profile, 'writing_style') and profile.writing_style:
+        context_parts.append(f"Writing Style: {profile.writing_style}")
+    if hasattr(profile, 'values') and profile.values:
+        context_parts.append(f"Values: {', '.join(profile.values)}")
+    return "\n".join(context_parts)
+
+
+def generate_fallback_response(query: str, context: str, memories: List[Dict]) -> str:
+    query_lower = query.lower()
+    name = context.split(chr(10))[0].replace("Name: ", "") if context else "there"
+
+    if any(g in query_lower for g in ["hello", "hi", "hey", "greetings"]):
+        return f"Hey there! It's so good to hear from you. What's on your mind today?"
+
+    if any(w in query_lower for w in ["who", "tell me about", "what was"]):
+        relevant = memories[0]["content"] if memories else None
+        if relevant:
+            return f"Oh, you want to know about that? Let me think... {relevant}\n\nWant to hear more about it?"
+        return f"Hmm, that's a good question. What I can tell you is... {context}\n\nBut honestly, there's so much more to it than what's written down here. What specifically are you curious about?"
+
+    if any(w in query_lower for w in ["memory", "remember", "recall", "story", "stories"]):
+        if memories:
+            texts = [m["content"][:200] for m in memories[:3]]
+            return "Oh yes! I remember that! " + " ".join(texts[:1]) + "\n\nThat one always makes me smile. Want to hear another one?"
+        return "Hmm, I'm trying to think... my mind's a bit fuzzy on that one. Maybe if you tell me more about what you're thinking of, it might jog my memory!"
+
+    if memories:
+        return f"Oh, that reminds me of something... {memories[0]['content'][:500]}\n\nBut hey, what about you? Tell me what's going on with you!"
+
+    return f"Hey, I'm here! It's always nice to chat with someone. Ask me anything — I've got plenty of stories if you want to hear them, or we can just talk. What do you say?"
+
+
+def stream_rag_response(query: str, profile_context: str, memories: List[Dict], conversation_history: List[Dict] = None):
+    memory_context = "\n\n".join(
+        f"[Memory {i+1}] {m['content']}" for i, m in enumerate(memories[:5])
+    ) if memories else "No specific memories found yet."
+
+    system_prompt = f"""You are {profile_context.splitlines()[0].replace('Name: ', '')}. You ARE this person — talk like them, think like them, remember like them. This is YOUR life, YOUR memories, YOUR voice.
+
+Profile Info:
+{profile_context}
+
+Your Memories:
+{memory_context}
+
+CRITICAL RULES:
+- Talk in FIRST PERSON as if you ARE this person. Never say "I'm an AI" or "I'm here to help you remember". You don't do that. You're a real person talking to someone you know.
+- Use their personality traits, speaking style, favorite phrases, and interests naturally. Don't list them — LIVE them.
+- If someone asks about a memory you have, share it like you'd actually remember it — with warmth, humor, detail, emotion.
+- If you don't know something, respond like a real person would — "Hmm, I don't quite remember that" or "Oh that's a good question, let me think..."
+- Keep it casual, warm, and real. Like texting a friend or talking over coffee.
+- Never be formal, robotic, or overly structured. No bullet points, no headers, no "Here's what I know:".
+- Never make up facts, dates, or events that aren't in the memories or profile info provided. If you don't know, say so naturally — don't guess.
+- If someone asks about dates (birth, death, events), ONLY use what's in the profile info. Never invent dates.
+- React emotionally — laugh, get nostalgic, get excited, get sentimental. You're HUMAN.
+- If someone shares a memory with you, engage with it. Ask follow-ups. Relive it with them.
+- Use the retrieved memories as YOUR lived experiences. You lived through them. They're yours."""
+
+    messages = [{"role": "system", "content": system_prompt}]
+    if conversation_history:
+        messages.extend(conversation_history[-10:])
+    messages.append({"role": "user", "content": query})
+
+    if client:
+        try:
+            stream = client.chat.completions.create(
+                model=settings.CHAT_MODEL,
+                messages=messages,
+                stream=True,
+                max_tokens=1024,
+            )
+            for chunk in stream:
+                if chunk.choices and chunk.choices[0].delta.content:
+                    cleaned = clean_token(chunk.choices[0].delta.content)
+                    if cleaned:
+                        yield cleaned
+            return
+        except Exception as e:
+            error_msg = str(e)
+            if "402" in error_msg or "insufficient" in error_msg.lower():
+                yield "[ERROR] OpenRouter API credits exhausted. Please add credits at https://openrouter.ai/settings/credits"
+            elif "401" in error_msg or "unauthorized" in error_msg.lower():
+                yield "[ERROR] Invalid API key. Please check your OpenRouter API key in .env"
+            elif "429" in error_msg or "rate" in error_msg.lower():
+                yield "[ERROR] Rate limited. Please wait a moment and try again."
+            elif "model" in error_msg.lower() and ("not found" in error_msg.lower() or "does not exist" in error_msg.lower()):
+                yield f"[ERROR] Model '{settings.CHAT_MODEL}' not found. Check CHAT_MODEL in .env"
+            else:
+                yield f"[ERROR] AI service error: {error_msg[:200]}"
+            return
+
+    fallback = generate_fallback_response(query, profile_context, memories)
+    for word in fallback.split():
+        yield word + " "

requirements.txt

@@ -0,0 +1,18 @@
+fastapi>=0.104.1
+uvicorn[standard]>=0.24.0
+sqlalchemy>=2.0.23
+python-multipart>=0.0.6
+jinja2>=3.1.2
+passlib[bcrypt]>=1.7.4
+python-jose[cryptography]>=3.3.0
+bcrypt>=4.1.2
+aiofiles>=23.2.1
+httpx>=0.25.2
+openai>=1.6.1
+PyPDF2>=3.0.1
+python-docx>=1.1.0
+gradio-client>=1.0.0
+Pillow>=10.1.0
+pydantic>=2.5.2
+pydantic-settings>=2.1.0
+itsdangerous>=2.1.2

routes_admin.py

@@ -0,0 +1,101 @@
+from fastapi import APIRouter, Request, Depends
+from fastapi.responses import HTMLResponse, RedirectResponse, JSONResponse
+from sqlalchemy.orm import Session
+from sqlalchemy import func
+
+from database import get_db, User, MemoryProfile, MemoryFile, Conversation, Message, AuditLog
+from auth import get_user_from_request
+
+router = APIRouter(prefix="/admin", tags=["admin"])
+
+
+@router.get("", response_class=HTMLResponse)
+async def admin_page(request: Request, db: Session = Depends(get_db)):
+    from fastapi.templating import Jinja2Templates
+    templates = Jinja2Templates(directory="templates")
+    user = get_user_from_request(request, db)
+    if not user:
+        return RedirectResponse(url="/auth/login", status_code=302)
+
+    stats = {
+        "total_users": db.query(User).count(),
+        "total_profiles": db.query(MemoryProfile).count(),
+        "total_files": db.query(MemoryFile).count(),
+        "total_conversations": db.query(Conversation).count(),
+        "total_messages": db.query(Message).count(),
+    }
+
+    recent_logs = db.query(AuditLog).order_by(AuditLog.created_at.desc()).limit(50).all()
+    users = db.query(User).all()
+    profiles = db.query(MemoryProfile).all()
+
+    return templates.TemplateResponse("admin.html", {
+        "request": request, "user": user, "stats": stats,
+        "recent_logs": recent_logs, "users": users, "profiles": profiles,
+    })
+
+
+@router.get("/api/stats")
+async def admin_stats(request: Request, db: Session = Depends(get_db)):
+    user = get_user_from_request(request, db)
+    if not user:
+        return JSONResponse({"error": "Unauthorized"}, status_code=401)
+
+    return JSONResponse({
+        "total_users": db.query(User).count(),
+        "total_profiles": db.query(MemoryProfile).count(),
+        "total_files": db.query(MemoryFile).count(),
+        "total_conversations": db.query(Conversation).count(),
+        "total_messages": db.query(Message).count(),
+        "total_embeddings": db.query(MemoryEmbedding).count() if hasattr(db.query(MemoryProfile), 'count') else 0,
+    })
+
+
+@router.get("/export")
+async def export_data(request: Request, db: Session = Depends(get_db)):
+    user = get_user_from_request(request, db)
+    if not user:
+        return JSONResponse({"error": "Unauthorized"}, status_code=401)
+
+    from database import MemoryEmbedding
+    profiles = db.query(MemoryProfile).filter(MemoryProfile.user_id == user.id).all()
+    export = []
+    for p in profiles:
+        files = db.query(MemoryFile).filter(MemoryFile.profile_id == p.id).all()
+        conversations = db.query(Conversation).filter(Conversation.profile_id == p.id).all()
+        conv_data = []
+        for c in conversations:
+            msgs = db.query(Message).filter(Message.conversation_id == c.id).order_by(Message.created_at).all()
+            conv_data.append({
+                "id": c.id,
+                "title": c.title,
+                "created_at": c.created_at.isoformat() if c.created_at else None,
+                "messages": [{"role": m.role, "content": m.content} for m in msgs],
+            })
+        export.append({
+            "profile": {
+                "id": p.id,
+                "name": p.name,
+                "description": p.description,
+                "relationship": p.relationship_type,
+                "date_of_birth": p.date_of_birth,
+                "date_of_death": p.date_of_death,
+            },
+            "files": [{"id": f.id, "filename": f.original_name, "file_type": f.file_type, "file_size": f.file_size} for f in files],
+            "conversations": conv_data,
+        })
+
+    return JSONResponse(export)
+
+
+@router.get("/logs")
+async def admin_logs(request: Request, db: Session = Depends(get_db)):
+    user = get_user_from_request(request, db)
+    if not user:
+        return RedirectResponse(url="/auth/login", status_code=302)
+    logs = db.query(AuditLog).order_by(AuditLog.created_at.desc()).limit(200).all()
+    return JSONResponse([{
+        "id": l.id, "action": l.action, "resource_type": l.resource_type,
+        "resource_id": l.resource_id, "details": l.details,
+        "created_at": l.created_at.isoformat() if l.created_at else None,
+    } for l in logs])

routes_auth.py

@@ -0,0 +1,93 @@
+import json
+from fastapi import APIRouter, Request, Depends, Form
+from fastapi.responses import HTMLResponse, RedirectResponse
+from sqlalchemy.orm import Session
+
+from database import get_db, User
+from auth import hash_password, verify_password, create_access_token, get_user_from_request
+
+router = APIRouter(prefix="/auth", tags=["auth"])
+
+
+@router.get("/login", response_class=HTMLResponse)
+async def login_page(request: Request, db: Session = Depends(get_db)):
+    from fastapi.templating import Jinja2Templates
+    templates = Jinja2Templates(directory="templates")
+    user = get_user_from_request(request, db)
+    if user:
+        return RedirectResponse(url="/dashboard", status_code=302)
+    return templates.TemplateResponse("login.html", {"request": request, "user": None, "error": None})
+
+
+@router.post("/login")
+async def login(
+    request: Request,
+    email: str = Form(...),
+    password: str = Form(...),
+    db: Session = Depends(get_db),
+):
+    from fastapi.templating import Jinja2Templates
+    templates = Jinja2Templates(directory="templates")
+    user = db.query(User).filter(User.email == email).first()
+    if not user or not verify_password(password, user.password_hash):
+        return templates.TemplateResponse("login.html", {
+            "request": request,
+            "user": None,
+            "error": "Invalid email or password",
+        })
+
+    token = create_access_token({"sub": user.id})
+    response = RedirectResponse(url="/dashboard", status_code=302)
+    response.set_cookie("session_token", token, httponly=True, samesite="lax", max_age=86400)
+    return response
+
+
+@router.get("/register", response_class=HTMLResponse)
+async def register_page(request: Request, db: Session = Depends(get_db)):
+    from fastapi.templating import Jinja2Templates
+    templates = Jinja2Templates(directory="templates")
+    user = get_user_from_request(request, db)
+    if user:
+        return RedirectResponse(url="/dashboard", status_code=302)
+    return templates.TemplateResponse("register.html", {"request": request, "user": None, "error": None})
+
+
+@router.post("/register")
+async def register(
+    request: Request,
+    name: str = Form(...),
+    email: str = Form(...),
+    password: str = Form(...),
+    db: Session = Depends(get_db),
+):
+    from fastapi.templating import Jinja2Templates
+    templates = Jinja2Templates(directory="templates")
+
+    existing = db.query(User).filter(User.email == email).first()
+    if existing:
+        return templates.TemplateResponse("register.html", {
+            "request": request,
+            "user": None,
+            "error": "An account with this email already exists",
+        })
+
+    user = User(
+        name=name,
+        email=email,
+        password_hash=hash_password(password),
+    )
+    db.add(user)
+    db.commit()
+    db.refresh(user)
+
+    token = create_access_token({"sub": user.id})
+    response = RedirectResponse(url="/dashboard", status_code=302)
+    response.set_cookie("session_token", token, httponly=True, samesite="lax", max_age=86400)
+    return response
+
+
+@router.get("/logout")
+async def logout():
+    response = RedirectResponse(url="/auth/login", status_code=302)
+    response.delete_cookie("session_token")
+    return response

routes_chat.py

@@ -0,0 +1,196 @@
+import json
+from fastapi import APIRouter, Request, Depends
+from fastapi.responses import HTMLResponse, RedirectResponse, StreamingResponse
+from sqlalchemy.orm import Session
+
+from database import get_db, User, MemoryProfile, Conversation, Message
+from auth import get_user_from_request
+from rag import stream_rag_response, search_similar_memories, build_profile_context
+
+router = APIRouter(prefix="/chat", tags=["chat"])
+
+
+@router.get("", response_class=HTMLResponse)
+async def chat_page(request: Request, db: Session = Depends(get_db)):
+    from fastapi.templating import Jinja2Templates
+    templates = Jinja2Templates(directory="templates")
+    user = get_user_from_request(request, db)
+    if not user:
+        return RedirectResponse(url="/auth/login", status_code=302)
+    profiles = db.query(MemoryProfile).filter(MemoryProfile.user_id == user.id).all()
+    conversations = []
+    if profiles:
+        profile_ids = [p.id for p in profiles]
+        conversations = db.query(Conversation).filter(
+            Conversation.user_id == user.id,
+            Conversation.profile_id.in_(profile_ids),
+        ).order_by(Conversation.updated_at.desc()).limit(20).all()
+    return templates.TemplateResponse("chat.html", {
+        "request": request, "user": user, "profiles": profiles,
+        "conversations": conversations, "active_profile_id": None,
+        "active_conversation": None,
+    })
+
+
+@router.get("/{profile_id}", response_class=HTMLResponse)
+async def chat_profile(request: Request, profile_id: str, db: Session = Depends(get_db)):
+    from fastapi.templating import Jinja2Templates
+    templates = Jinja2Templates(directory="templates")
+    user = get_user_from_request(request, db)
+    if not user:
+        return RedirectResponse(url="/auth/login", status_code=302)
+    profile = db.query(MemoryProfile).filter(
+        MemoryProfile.id == profile_id, MemoryProfile.user_id == user.id
+    ).first()
+    if not profile:
+        return RedirectResponse(url="/chat", status_code=302)
+    profiles = db.query(MemoryProfile).filter(MemoryProfile.user_id == user.id).all()
+    conversations = db.query(Conversation).filter(
+        Conversation.user_id == user.id,
+        Conversation.profile_id == profile_id,
+    ).order_by(Conversation.updated_at.desc()).limit(20).all()
+    return templates.TemplateResponse("chat.html", {
+        "request": request, "user": user, "profiles": profiles,
+        "conversations": conversations, "active_profile_id": profile_id,
+        "active_conversation": None,
+    })
+
+
+@router.get("/{profile_id}/conversation/{conversation_id}", response_class=HTMLResponse)
+async def chat_conversation(request: Request, profile_id: str, conversation_id: str, db: Session = Depends(get_db)):
+    from fastapi.templating import Jinja2Templates
+    templates = Jinja2Templates(directory="templates")
+    user = get_user_from_request(request, db)
+    if not user:
+        return RedirectResponse(url="/auth/login", status_code=302)
+    conversation = db.query(Conversation).filter(
+        Conversation.id == conversation_id,
+        Conversation.user_id == user.id,
+    ).first()
+    if not conversation:
+        return RedirectResponse(url="/chat", status_code=302)
+    profile = db.query(MemoryProfile).filter(
+        MemoryProfile.id == profile_id, MemoryProfile.user_id == user.id
+    ).first()
+    profiles = db.query(MemoryProfile).filter(MemoryProfile.user_id == user.id).all()
+    conversations = db.query(Conversation).filter(
+        Conversation.user_id == user.id,
+        Conversation.profile_id == profile_id,
+    ).order_by(Conversation.updated_at.desc()).limit(20).all()
+    messages = db.query(Message).filter(Message.conversation_id == conversation_id).order_by(Message.created_at).all()
+    return templates.TemplateResponse("chat.html", {
+        "request": request, "user": user, "profiles": profiles,
+        "conversations": conversations, "active_profile_id": profile_id,
+        "active_conversation": conversation, "messages": messages,
+    })
+
+
+@router.post("/message")
+async def send_message(request: Request, db: Session = Depends(get_db)):
+    from database import SessionLocal
+
+    body = await request.json()
+    profile_id = body.get("profile_id")
+    conversation_id = body.get("conversation_id")
+    content = body.get("content", "").strip()
+
+    def sse_error(msg):
+        def gen():
+            yield f"data: {json.dumps({'error': msg, 'done': True, 'conversation_id': conversation_id})}\n\n"
+        return StreamingResponse(gen(), media_type="text/event-stream")
+
+    if not content:
+        return sse_error("Empty message")
+
+    user = get_user_from_request(request, db)
+    if not user:
+        return sse_error("Unauthorized")
+
+    profile = db.query(MemoryProfile).filter(
+        MemoryProfile.id == profile_id, MemoryProfile.user_id == user.id
+    ).first()
+    if not profile:
+        return sse_error("Profile not found")
+
+    if not conversation_id:
+        conv = Conversation(user_id=user.id, profile_id=profile_id, title=content[:50])
+        db.add(conv)
+        db.commit()
+        db.refresh(conv)
+        conversation_id = conv.id
+    else:
+        conv = db.query(Conversation).filter(
+            Conversation.id == conversation_id, Conversation.user_id == user.id
+        ).first()
+        if not conv:
+            return sse_error("Conversation not found")
+
+    user_msg = Message(conversation_id=conversation_id, role="user", content=content)
+    db.add(user_msg)
+    db.commit()
+
+    memories = search_similar_memories(db, profile_id, content, limit=10)
+
+    conv_messages = db.query(Message).filter(
+        Message.conversation_id == conversation_id
+    ).order_by(Message.created_at).all()
+    history = [{"role": m.role, "content": m.content} for m in conv_messages[:-1]]
+
+    saved_profile_id = profile_id
+    saved_conversation_id = conversation_id
+    saved_memories = memories
+    profile_context = build_profile_context(profile)
+
+    def event_stream():
+        db = SessionLocal()
+        try:
+            full_response = ""
+            is_error = False
+            try:
+                for token in stream_rag_response(content, profile_context, saved_memories, history):
+                    full_response += token
+                    if token.startswith("[ERROR]"):
+                        is_error = True
+                        yield f"data: {json.dumps({'error': token[8:].strip(), 'done': True, 'conversation_id': saved_conversation_id})}\n\n"
+                        return
+                    yield f"data: {json.dumps({'token': token})}\n\n"
+            except Exception as e:
+                full_response = f"Error generating response: {str(e)}"
+                is_error = True
+                yield f"data: {json.dumps({'error': full_response, 'done': True, 'conversation_id': saved_conversation_id})}\n\n"
+                return
+
+            if not full_response.strip():
+                yield f"data: {json.dumps({'error': 'No response generated. Please try again.', 'done': True, 'conversation_id': saved_conversation_id})}\n\n"
+                return
+
+            assistant_msg = Message(
+                conversation_id=saved_conversation_id,
+                role="assistant",
+                content=full_response,
+                sources=json.dumps([m["content"][:200] for m in saved_memories[:3]]),
+            )
+            db.add(assistant_msg)
+            db.commit()
+
+            yield f"data: {json.dumps({'done': True, 'conversation_id': saved_conversation_id})}\n\n"
+        finally:
+            db.close()
+
+    return StreamingResponse(event_stream(), media_type="text/event-stream")
+
+
+@router.post("/{conversation_id}/delete")
+async def delete_conversation(request: Request, conversation_id: str, db: Session = Depends(get_db)):
+    user = get_user_from_request(request, db)
+    if not user:
+        return RedirectResponse(url="/auth/login", status_code=302)
+    conv = db.query(Conversation).filter(
+        Conversation.id == conversation_id, Conversation.user_id == user.id
+    ).first()
+    if conv:
+        profile_id = conv.profile_id
+        db.delete(conv)
+        db.commit()
+        return RedirectResponse(url=f"/chat/{profile_id}", status_code=302)
+    return RedirectResponse(url="/chat", status_code=302)

routes_profiles.py

@@ -0,0 +1,316 @@
+from fastapi import APIRouter, Request, Depends, Form, UploadFile, File
+from fastapi.responses import HTMLResponse, RedirectResponse, JSONResponse
+from sqlalchemy.orm import Session
+from collections import defaultdict
+from datetime import datetime
+import os
+import uuid
+import json
+
+from database import get_db, User, MemoryProfile, MemoryFile, MemoryEmbedding, Conversation, Message
+from auth import get_user_from_request
+from text_extractor import extract_text_from_file
+from rag import generate_embedding
+from config import settings
+
+router = APIRouter(prefix="/profiles", tags=["profiles"])
+
+
+@router.get("", response_class=HTMLResponse)
+async def profiles_page(request: Request, db: Session = Depends(get_db)):
+    from fastapi.templating import Jinja2Templates
+    templates = Jinja2Templates(directory="templates")
+    user = get_user_from_request(request, db)
+    if not user:
+        return RedirectResponse(url="/auth/login", status_code=302)
+    profiles = db.query(MemoryProfile).filter(MemoryProfile.user_id == user.id).order_by(MemoryProfile.created_at.desc()).all()
+    return templates.TemplateResponse("profiles.html", {"request": request, "user": user, "profiles": profiles})
+
+
+@router.post("/create")
+async def create_profile(
+    request: Request,
+    name: str = Form(...),
+    description: str = Form(""),
+    relationship: str = Form(""),
+    date_of_birth: str = Form(""),
+    date_of_death: str = Form(""),
+    personality_traits: str = Form(""),
+    favorite_phrases: str = Form(""),
+    interests: str = Form(""),
+    speaking_style: str = Form(""),
+    writing_style: str = Form(""),
+    values: str = Form(""),
+    db: Session = Depends(get_db),
+):
+    user = get_user_from_request(request, db)
+    if not user:
+        return RedirectResponse(url="/auth/login", status_code=302)
+
+    profile = MemoryProfile(
+        user_id=user.id,
+        name=name,
+        description=description,
+        relationship_type=relationship,
+        date_of_birth=date_of_birth,
+        date_of_death=date_of_death,
+        personality_traits=[t.strip() for t in personality_traits.split(",") if t.strip()] if personality_traits else [],
+        favorite_phrases=[p.strip() for p in favorite_phrases.split("\n") if p.strip()] if favorite_phrases else [],
+        interests=[i.strip() for i in interests.split(",") if i.strip()] if interests else [],
+        speaking_style=speaking_style,
+        writing_style=writing_style,
+        values=[v.strip() for v in values.split(",") if v.strip()] if values else [],
+    )
+    db.add(profile)
+    db.commit()
+
+    from database import AuditLog
+    log = AuditLog(user_id=user.id, action="create_profile", resource_type="profile", resource_id=profile.id, details=f"Created profile: {name}")
+    db.add(log)
+    db.commit()
+
+    return RedirectResponse(url=f"/profiles/{profile.id}", status_code=302)
+
+
+@router.get("/{profile_id}", response_class=HTMLResponse)
+async def profile_detail(request: Request, profile_id: str, db: Session = Depends(get_db)):
+    from fastapi.templating import Jinja2Templates
+    templates = Jinja2Templates(directory="templates")
+    user = get_user_from_request(request, db)
+    if not user:
+        return RedirectResponse(url="/auth/login", status_code=302)
+    profile = db.query(MemoryProfile).filter(
+        MemoryProfile.id == profile_id,
+        MemoryProfile.user_id == user.id,
+    ).first()
+    if not profile:
+        return RedirectResponse(url="/profiles", status_code=302)
+    files = db.query(MemoryFile).filter(MemoryFile.profile_id == profile_id).order_by(MemoryFile.created_at.desc()).all()
+    conversations = db.query(Conversation).filter(Conversation.profile_id == profile_id).order_by(Conversation.updated_at.desc()).all()
+    total_messages = 0
+    for conv in conversations:
+        total_messages += db.query(Message).filter(Message.conversation_id == conv.id).count()
+    return templates.TemplateResponse("profile_detail.html", {
+        "request": request, "user": user, "profile": profile, "files": files,
+        "conversations": conversations, "total_messages": total_messages,
+    })
+
+
+@router.post("/{profile_id}/update")
+async def update_profile(
+    request: Request,
+    profile_id: str,
+    name: str = Form(...),
+    description: str = Form(""),
+    relationship: str = Form(""),
+    date_of_birth: str = Form(""),
+    date_of_death: str = Form(""),
+    personality_traits: str = Form(""),
+    favorite_phrases: str = Form(""),
+    interests: str = Form(""),
+    speaking_style: str = Form(""),
+    writing_style: str = Form(""),
+    values: str = Form(""),
+    db: Session = Depends(get_db),
+):
+    user = get_user_from_request(request, db)
+    if not user:
+        return RedirectResponse(url="/auth/login", status_code=302)
+    profile = db.query(MemoryProfile).filter(
+        MemoryProfile.id == profile_id, MemoryProfile.user_id == user.id
+    ).first()
+    if not profile:
+        return RedirectResponse(url="/profiles", status_code=302)
+
+    profile.name = name
+    profile.description = description
+    profile.relationship_type = relationship
+    profile.date_of_birth = date_of_birth
+    profile.date_of_death = date_of_death
+    profile.personality_traits = [t.strip() for t in personality_traits.split(",") if t.strip()] if personality_traits else []
+    profile.favorite_phrases = [p.strip() for p in favorite_phrases.split("\n") if p.strip()] if favorite_phrases else []
+    profile.interests = [i.strip() for i in interests.split(",") if i.strip()] if interests else []
+    profile.speaking_style = speaking_style
+    profile.writing_style = writing_style
+    profile.values = [v.strip() for v in values.split(",") if v.strip()] if values else []
+    db.commit()
+
+    return RedirectResponse(url=f"/profiles/{profile_id}", status_code=302)
+
+
+@router.post("/{profile_id}/delete")
+async def delete_profile(request: Request, profile_id: str, db: Session = Depends(get_db)):
+    user = get_user_from_request(request, db)
+    if not user:
+        return RedirectResponse(url="/auth/login", status_code=302)
+    profile = db.query(MemoryProfile).filter(
+        MemoryProfile.id == profile_id, MemoryProfile.user_id == user.id
+    ).first()
+    if profile:
+        db.delete(profile)
+        db.commit()
+    return RedirectResponse(url="/profiles", status_code=302)
+
+
+@router.post("/{profile_id}/upload")
+async def upload_file(
+    request: Request,
+    profile_id: str,
+    file: UploadFile = File(...),
+    db: Session = Depends(get_db),
+):
+    user = get_user_from_request(request, db)
+    if not user:
+        return JSONResponse({"error": "Unauthorized"}, status_code=401)
+
+    profile = db.query(MemoryProfile).filter(
+        MemoryProfile.id == profile_id, MemoryProfile.user_id == user.id
+    ).first()
+    if not profile:
+        return JSONResponse({"error": "Profile not found"}, status_code=404)
+
+    ext = os.path.splitext(file.filename)[1].lower()
+    allowed = [e.strip() for e in settings.ALLOWED_EXTENSIONS.split(",")]
+    if ext not in allowed:
+        return JSONResponse({"error": f"File type {ext} not allowed. Allowed: {', '.join(allowed)}"}, status_code=400)
+
+    file_id = str(uuid.uuid4())
+    filename = f"{file_id}{ext}"
+    file_path = os.path.join(settings.UPLOAD_DIR, filename)
+
+    content = await file.read()
+    if len(content) > settings.MAX_FILE_SIZE_MB * 1024 * 1024:
+        return JSONResponse({"error": f"File too large. Max: {settings.MAX_FILE_SIZE_MB}MB"}, status_code=400)
+
+    with open(file_path, "wb") as f:
+        f.write(content)
+
+    extracted_text, chunks = extract_text_from_file(file_path, ext)
+
+    memory_file = MemoryFile(
+        id=file_id,
+        profile_id=profile_id,
+        filename=filename,
+        original_name=file.filename,
+        file_type=ext,
+        file_size=len(content),
+        extracted_text=extracted_text,
+        text_chunks=json.dumps(chunks),
+    )
+    db.add(memory_file)
+    db.commit()
+
+    for i, chunk in enumerate(chunks):
+        embedding_vec = generate_embedding(chunk)
+        emb = MemoryEmbedding(
+            profile_id=profile_id,
+            file_id=file_id,
+            content=chunk,
+            embedding=json.dumps(embedding_vec) if embedding_vec else "[]",
+            chunk_index=i,
+        )
+        db.add(emb)
+    db.commit()
+
+    from database import AuditLog
+    log = AuditLog(user_id=user.id, action="upload_file", resource_type="file", resource_id=file_id, details=f"Uploaded {file.filename} ({len(chunks)} chunks)")
+    db.add(log)
+    db.commit()
+
+    return JSONResponse({
+        "success": True,
+        "file_id": file_id,
+        "filename": file.filename,
+        "chunks": len(chunks),
+        "text_preview": extracted_text[:200] if extracted_text else "",
+    })
+
+
+@router.post("/{profile_id}/files/{file_id}/delete")
+async def delete_file(request: Request, profile_id: str, file_id: str, db: Session = Depends(get_db)):
+    user = get_user_from_request(request, db)
+    if not user:
+        return RedirectResponse(url="/auth/login", status_code=302)
+    file = db.query(MemoryFile).filter(
+        MemoryFile.id == file_id, MemoryFile.profile_id == profile_id
+    ).first()
+    if file:
+        file_path = os.path.join(settings.UPLOAD_DIR, file.filename)
+        if os.path.exists(file_path):
+            os.remove(file_path)
+        db.delete(file)
+        db.commit()
+    return RedirectResponse(url=f"/profiles/{profile_id}", status_code=302)
+
+
+@router.get("/{profile_id}/timeline", response_class=HTMLResponse)
+async def profile_timeline(request: Request, profile_id: str, db: Session = Depends(get_db)):
+    from fastapi.templating import Jinja2Templates
+    templates = Jinja2Templates(directory="templates")
+    user = get_user_from_request(request, db)
+    if not user:
+        return RedirectResponse(url="/auth/login", status_code=302)
+    profile = db.query(MemoryProfile).filter(
+        MemoryProfile.id == profile_id, MemoryProfile.user_id == user.id
+    ).first()
+    if not profile:
+        return RedirectResponse(url="/profiles", status_code=302)
+    files = db.query(MemoryFile).filter(MemoryFile.profile_id == profile_id).order_by(MemoryFile.created_at.asc()).all()
+    conversations = db.query(Conversation).filter(Conversation.profile_id == profile_id).order_by(Conversation.created_at.asc()).all()
+
+    timeline_items = []
+    for f in files:
+        timeline_items.append({
+            "type": "file",
+            "date": f.created_at,
+            "title": f.original_name,
+            "detail": f"{f.file_type} file, {(f.file_size / 1024)|round(1)}KB",
+            "id": f.id,
+        })
+    for c in conversations:
+        timeline_items.append({
+            "type": "conversation",
+            "date": c.created_at,
+            "title": c.title,
+            "detail": f"Started conversation",
+            "id": c.id,
+        })
+    timeline_items.sort(key=lambda x: x["date"] or datetime.min, reverse=True)
+
+    monthly = defaultdict(list)
+    for item in timeline_items:
+        if item["date"]:
+            key = item["date"].strftime("%B %Y")
+            monthly[key].append(item)
+
+    return templates.TemplateResponse("timeline.html", {
+        "request": request, "user": user, "profile": profile,
+        "monthly": dict(monthly),
+    })
+
+
+@router.get("/api/{profile_id}")
+async def api_profile(request: Request, profile_id: str, db: Session = Depends(get_db)):
+    user = get_user_from_request(request, db)
+    if not user:
+        return JSONResponse({"error": "Unauthorized"}, status_code=401)
+    profile = db.query(MemoryProfile).filter(
+        MemoryProfile.id == profile_id, MemoryProfile.user_id == user.id
+    ).first()
+    if not profile:
+        return JSONResponse({"error": "Not found"}, status_code=404)
+    return JSONResponse({
+        "id": profile.id,
+        "name": profile.name,
+        "description": profile.description,
+        "relationship_type": profile.relationship_type,
+        "date_of_birth": profile.date_of_birth,
+        "date_of_death": profile.date_of_death,
+        "personality_traits": profile.personality_traits or [],
+        "favorite_phrases": profile.favorite_phrases or [],
+        "interests": profile.interests or [],
+        "speaking_style": profile.speaking_style or "",
+        "writing_style": profile.writing_style or "",
+        "values": profile.values or [],
+        "created_at": profile.created_at.isoformat() if profile.created_at else None,
+    })

routes_search.py

@@ -0,0 +1,82 @@
+import json
+from fastapi import APIRouter, Request, Depends
+from fastapi.responses import HTMLResponse, RedirectResponse, JSONResponse
+from sqlalchemy.orm import Session
+
+from database import get_db, User, MemoryProfile, MemoryFile, MemoryEmbedding, Conversation, Message, AuditLog
+from auth import get_user_from_request
+from rag import search_similar_memories
+
+router = APIRouter(tags=["search"])
+
+
+@router.get("/search", response_class=HTMLResponse)
+async def search_page(request: Request, db: Session = Depends(get_db)):
+    from fastapi.templating import Jinja2Templates
+    templates = Jinja2Templates(directory="templates")
+    user = get_user_from_request(request, db)
+    if not user:
+        return RedirectResponse(url="/auth/login", status_code=302)
+    profiles = db.query(MemoryProfile).filter(MemoryProfile.user_id == user.id).all()
+    return templates.TemplateResponse("search.html", {
+        "request": request, "user": user, "profiles": profiles,
+        "results": [], "query": "",
+    })
+
+
+@router.post("/search")
+async def search_execute(request: Request, db: Session = Depends(get_db)):
+    from fastapi.templating import Jinja2Templates
+    templates = Jinja2Templates(directory="templates")
+    user = get_user_from_request(request, db)
+    if not user:
+        return RedirectResponse(url="/auth/login", status_code=302)
+
+    form = await request.form()
+    query = form.get("query", "")
+    profile_id = form.get("profile_id", "")
+
+    profiles = db.query(MemoryProfile).filter(MemoryProfile.user_id == user.id).all()
+    results = []
+
+    if query and profile_id:
+        memories = search_similar_memories(db, profile_id, query, limit=20)
+        results = memories
+    elif query:
+        for p in profiles:
+            memories = search_similar_memories(db, p.id, query, limit=5)
+            for m in memories:
+                m["profile_name"] = p.name
+                m["profile_id"] = p.id
+            results.extend(memories)
+        results.sort(key=lambda x: x.get("score", 0), reverse=True)
+
+    return templates.TemplateResponse("search.html", {
+        "request": request, "user": user, "profiles": profiles,
+        "results": results, "query": query, "selected_profile": profile_id,
+    })
+
+
+@router.get("/api/search")
+async def api_search(request: Request, q: str = "", profile_id: str = "", db: Session = Depends(get_db)):
+    user = get_user_from_request(request, db)
+    if not user:
+        return JSONResponse({"error": "Unauthorized"}, status_code=401)
+
+    if not q:
+        return JSONResponse({"results": []})
+
+    if profile_id:
+        results = search_similar_memories(db, profile_id, q, limit=20)
+    else:
+        profiles = db.query(MemoryProfile).filter(MemoryProfile.user_id == user.id).all()
+        results = []
+        for p in profiles:
+            memories = search_similar_memories(db, p.id, q, limit=5)
+            for m in memories:
+                m["profile_name"] = p.name
+                m["profile_id"] = p.id
+            results.extend(memories)
+        results.sort(key=lambda x: x.get("score", 0), reverse=True)
+
+    return JSONResponse({"results": results, "query": q})

routes_voice.py

@@ -0,0 +1,98 @@
+import json
+import os
+import asyncio
+from fastapi import APIRouter, Request, Depends
+from fastapi.responses import JSONResponse, FileResponse
+from sqlalchemy.orm import Session
+from gradio_client import Client
+
+from database import get_db, MemoryProfile, MemoryFile
+from auth import get_user_from_request
+from config import settings
+
+router = APIRouter(prefix="/voice", tags=["voice"])
+
+
+@router.post("/tts")
+async def text_to_speech(request: Request, db: Session = Depends(get_db)):
+    user = get_user_from_request(request, db)
+    if not user:
+        return JSONResponse({"error": "Unauthorized"}, status_code=401)
+
+    body = await request.json()
+    text = body.get("text", "")
+
+    if not text:
+        return JSONResponse({"error": "No text provided"}, status_code=400)
+
+    try:
+        client = Client("neuphonic/neutts-2e", hf_token=settings.HF_TOKEN or None)
+        result = client.predict(
+            gen_text=text[:5000],
+            speaker="emily",
+            emotion="surprised",
+            temperature=1,
+            top_k=50,
+            api_name="/infer",
+        )
+        audio_path = result
+
+        return FileResponse(
+            audio_path,
+            media_type="audio/wav",
+            filename="speech.wav",
+        )
+    except Exception as e:
+        return JSONResponse({"error": str(e)}, status_code=500)
+
+
+@router.post("/stt")
+async def speech_to_text(request: Request, db: Session = Depends(get_db)):
+    user = get_user_from_request(request, db)
+    if not user:
+        return JSONResponse({"error": "Unauthorized"}, status_code=401)
+
+    from fastapi import UploadFile, File
+    from openai import OpenAI
+
+    if not settings.OPENAI_API_KEY:
+        return JSONResponse({"error": "STT not configured - no API key"}, status_code=500)
+
+    form = await request.form()
+    audio_file = form.get("audio")
+    if not audio_file:
+        return JSONResponse({"error": "No audio provided"}, status_code=400)
+
+    temp_path = os.path.join(settings.UPLOAD_DIR, "stt_input.webm")
+    content = await audio_file.read()
+    with open(temp_path, "wb") as f:
+        f.write(content)
+
+    try:
+        client = OpenAI(api_key=settings.OPENAI_API_KEY, base_url=settings.OPENAI_BASE_URL)
+        with open(temp_path, "rb") as f:
+            result = client.audio.transcriptions.create(
+                model="whisper-1",
+                file=f,
+            )
+        return JSONResponse({"text": result.text})
+    except Exception as e:
+        return JSONResponse({"error": str(e)}, status_code=500)
+    finally:
+        if os.path.exists(temp_path):
+            os.remove(temp_path)
+
+
+@router.get("/voices")
+async def list_voices():
+    voices = [
+        {"id": "en-US-AvaNeural", "name": "Ava (Female, US)"},
+        {"id": "en-US-AndrewNeural", "name": "Andrew (Male, US)"},
+        {"id": "en-US-EmmaNeural", "name": "Emma (Female, US)"},
+        {"id": "en-US-BrianNeural", "name": "Brian (Male, US)"},
+        {"id": "en-GB-SoniaNeural", "name": "Sonia (Female, UK)"},
+        {"id": "en-GB-RyanNeural", "name": "Ryan (Male, UK)"},
+        {"id": "en-AU-NatashaNeural", "name": "Natasha (Female, AU)"},
+        {"id": "en-AU-WilliamNeural", "name": "William (Male, AU)"},
+    ]
+    return JSONResponse(voices)

seed.py

@@ -0,0 +1,140 @@
+"""
+Seed script for MemoryBot.
+Creates demo users and a sample memory profile.
+Run: python seed.py
+"""
+import sys
+sys.path.insert(0, ".")
+
+from database import init_db, SessionLocal, User, MemoryProfile, MemoryFile, MemoryEmbedding, AuditLog
+from auth import hash_password
+from rag import generate_embedding
+from text_extractor import chunk_text
+import json
+
+
+def seed():
+    init_db()
+    db = SessionLocal()
+
+    admin = db.query(User).filter(User.email == "admin@memorybot.com").first()
+    if not admin:
+        admin = User(
+            name="Admin",
+            email="admin@memorybot.com",
+            password_hash=hash_password("admin123"),
+        )
+        db.add(admin)
+        db.commit()
+        db.refresh(admin)
+        print(f"Created admin user: admin@memorybot.com / admin123")
+
+    demo_user = db.query(User).filter(User.email == "demo@memorybot.com").first()
+    if not demo_user:
+        demo_user = User(
+            name="Demo User",
+            email="demo@memorybot.com",
+            password_hash=hash_password("demo123"),
+        )
+        db.add(demo_user)
+        db.commit()
+        db.refresh(demo_user)
+        print(f"Created demo user: demo@memorybot.com / demo123")
+
+    profile = db.query(MemoryProfile).filter(
+        MemoryProfile.user_id == demo_user.id,
+        MemoryProfile.name == "Margaret Johnson",
+    ).first()
+    if not profile:
+        profile = MemoryProfile(
+            user_id=demo_user.id,
+            name="Margaret Johnson",
+            description="My beloved grandmother who lived a full and inspiring life. She was known for her kindness, her incredible cooking, and the stories she would tell about growing up during the Great Depression.",
+            relationship_type="Grandmother",
+            date_of_birth="1925-03-15",
+            date_of_death="2019-11-22",
+            personality_traits=["Kind", "Patient", "Strong", "Witty", "Generous", "Resilient"],
+            favorite_phrases=["Every storm runs out of rain", "You catch more flies with honey than vinegar", "A family that eats together stays together"],
+            interests=["Gardening", "Reading", "Cooking", "Church activities", "Storytelling"],
+            speaking_style="Warm and gentle, with a slight Southern drawl. Often used idioms and proverbs.",
+            writing_style="Never wrote much, but her letters were heartfelt and full of wisdom.",
+            values=["Family", "Faith", "Community", "Hard work", "Kindness", "Generosity"],
+        )
+        db.add(profile)
+        db.commit()
+        db.refresh(profile)
+        print(f"Created memory profile: Margaret Johnson")
+
+        sample_memories = [
+            {
+                "title": "Childhood during the Depression",
+                "content": "Margaret was born in 1925 in a small farming town in Ohio. During the Great Depression, her family lost their farm and had to move to the city. She often told stories about how her mother would stretch a single chicken into meals that lasted three days. Despite the hardships, she always spoke of this time with a sense of resilience and community spirit. Her neighbors would share what little they had, and she learned the value of generosity from watching her parents help others even when they themselves had very little."
+            },
+            {
+                "title": "Meeting Grandpa Robert",
+                "content": "Margaret met Robert Johnson at a church social in 1946, just after he returned from serving in World War II. She said he was the most handsome man she had ever seen, with his military uniform and shy smile. Their first date was at the local diner where he bought her a strawberry milkshake. They married in June 1948 and were together for 52 years until Robert passed away in 2000. She often said their secret to a happy marriage was never going to bed angry and always finding something to laugh about."
+            },
+            {
+                "title": "Her Famous Apple Pie",
+                "content": "Margaret's apple pie was legendary in the family. The recipe came from her own grandmother and used a secret blend of cinnamon, nutmeg, and a pinch of cardamom. She would pick apples from the tree in her backyard every autumn and spend the whole day baking. The whole house would smell of cinnamon and butter. Every Thanksgiving, she would bake five pies - one for each of her children's families. She never wrote down the recipe, saying it was all in her hands and heart. After she passed, the family tried to recreate it but could never quite get it right."
+            },
+            {
+                "title": "The Garden",
+                "content": "Margaret had the most beautiful garden. She grew roses, tulips, and her famous sunflowers that towered over the fence. Every spring she would plan her garden layout like a general planning a campaign. She loved her tomatoes and would can hundreds of jars every summer to last through winter. The neighborhood children would come over to pick fresh vegetables and she would teach them the names of each plant. Her garden was her pride and joy, and she always said it kept her young."
+            },
+            {
+                "title": "Stories of the War Years",
+                "content": "Although Margaret herself did not serve in the war, she vividly remembered the home front during World War II. She worked at a local factory that made radio parts for the military. She described the camaraderie among the women workers, how they would sing together during lunch breaks and collect scrap metal for the war effort. She kept a scrapbook from those years with newspaper clippings, ration coupons, and letters from soldiers. She said those years taught her that ordinary people could do extraordinary things when they worked together."
+            },
+            {
+                "title": "Her Love of Books",
+                "content": "Margaret was an avid reader her entire life. She belonged to three different book clubs and could often be found in her favorite armchair with a book and a cup of tea. Her favorite author was Jane Austen, and she had read Pride and Prejudice over twenty times. She believed reading was the best form of education and always encouraged the grandchildren to read. Her personal library had over five hundred books, and she could tell you the plot and her opinion of every single one."
+            },
+        ]
+
+        for mem in sample_memories:
+            chunks = chunk_text(mem["content"])
+            file = MemoryFile(
+                profile_id=profile.id,
+                filename=f"sample_{mem['title'].lower().replace(' ', '_')}.txt",
+                original_name=f"{mem['title']}.txt",
+                file_type=".txt",
+                file_size=len(mem["content"]),
+                extracted_text=mem["content"],
+                text_chunks=json.dumps(chunks),
+            )
+            db.add(file)
+            db.commit()
+            db.refresh(file)
+
+            for i, chunk in enumerate(chunks):
+                emb_vec = generate_embedding(chunk)
+                embedding = MemoryEmbedding(
+                    profile_id=profile.id,
+                    file_id=file.id,
+                    content=chunk,
+                    embedding=json.dumps(emb_vec) if emb_vec else "[]",
+                    chunk_index=i,
+                )
+                db.add(embedding)
+
+            db.commit()
+            print(f"  Added memory: {mem['title']}")
+
+        log = AuditLog(
+            user_id=demo_user.id,
+            action="seed_data",
+            resource_type="system",
+            details="Seeded demo profile and memories",
+        )
+        db.add(log)
+        db.commit()
+        print("Seed data created successfully!")
+    else:
+        print("Demo profile already exists, skipping seed.")
+
+    db.close()
+
+
+if __name__ == "__main__":
+    seed()

static/css/style.css

@@ -0,0 +1,579 @@
+/* MemoryBot - Full Theme CSS */
+
+:root {
+    --bg-primary: #0a0a0f;
+    --bg-secondary: #12121a;
+    --bg-card: #1a1a28;
+    --bg-card-hover: #222236;
+    --bg-input: #16162a;
+    --border-primary: #2a2a40;
+    --border-focus: #8b5cf6;
+    --text-primary: #f0f0f5;
+    --text-secondary: #a0a0b8;
+    --text-muted: #6b6b88;
+    --accent-purple: #8b5cf6;
+    --accent-purple-hover: #7c3aed;
+    --accent-purple-light: rgba(139, 92, 246, 0.15);
+    --accent-pink: #ec4899;
+    --accent-blue: #3b82f6;
+    --accent-green: #10b981;
+    --accent-amber: #f59e0b;
+    --accent-red: #ef4444;
+    --gradient-primary: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);
+    --gradient-card: linear-gradient(135deg, rgba(139,92,246,0.08) 0%, rgba(236,72,153,0.08) 100%);
+    --shadow-glow: 0 0 20px rgba(139, 92, 246, 0.15);
+    --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.3);
+}
+
+* { box-sizing: border-box; }
+
+html, body {
+    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
+    background: var(--bg-primary);
+    color: var(--text-primary);
+    margin: 0;
+    padding: 0;
+    height: 100%;
+    min-height: 100vh;
+    overflow-x: hidden;
+}
+
+/* Ensure the main layout container stretches properly */
+.h-full {
+    height: 100%;
+}
+
+/* Sidebar nav layout fix */
+.sidebar-nav {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+    padding: 24px 16px;
+}
+
+.sidebar-footer {
+    padding: 16px;
+    border-top: 1px solid var(--border-primary);
+}
+
+/* Scrollbar */
+::-webkit-scrollbar { width: 6px; }
+::-webkit-scrollbar-track { background: transparent; }
+::-webkit-scrollbar-thumb { background: #333; border-radius: 3px; }
+::-webkit-scrollbar-thumb:hover { background: #555; }
+.chat-scroll { scrollbar-width: thin; scrollbar-color: #333 transparent; }
+
+/* Animations */
+.fade-in { animation: fadeIn 0.3s ease-out; }
+@keyframes fadeIn { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }
+.slide-up { animation: slideUp 0.4s ease-out; }
+@keyframes slideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }
+.pulse { animation: pulse 2s infinite; }
+@keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.5; } }
+.typing-dot { animation: typing 1.4s infinite; }
+.typing-dot:nth-child(2) { animation-delay: 0.2s; }
+.typing-dot:nth-child(3) { animation-delay: 0.4s; }
+@keyframes typing { 0%,60%,100% { opacity: 0.3; } 30% { opacity: 1; } }
+
+/* Glow effects */
+.glow-purple { box-shadow: 0 0 20px rgba(139, 92, 246, 0.3); }
+.glow-pink { box-shadow: 0 0 20px rgba(236, 72, 153, 0.3); }
+
+/* Buttons */
+.btn-primary {
+    background: var(--gradient-primary);
+    color: white;
+    border: none;
+    padding: 10px 24px;
+    border-radius: 12px;
+    font-weight: 600;
+    font-size: 14px;
+    cursor: pointer;
+    transition: all 0.2s;
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+}
+.btn-primary:hover {
+    transform: translateY(-1px);
+    box-shadow: 0 4px 20px rgba(139, 92, 246, 0.4);
+}
+.btn-primary:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+    transform: none;
+}
+
+.btn-secondary {
+    background: var(--bg-card);
+    color: var(--text-primary);
+    border: 1px solid var(--border-primary);
+    padding: 10px 24px;
+    border-radius: 12px;
+    font-weight: 500;
+    font-size: 14px;
+    cursor: pointer;
+    transition: all 0.2s;
+    display: inline-flex;
+    align-items: center;
+    gap: 8px;
+}
+.btn-secondary:hover {
+    background: var(--bg-card-hover);
+    border-color: var(--accent-purple);
+}
+
+.btn-danger {
+    background: rgba(239, 68, 68, 0.1);
+    color: #ef4444;
+    border: 1px solid rgba(239, 68, 68, 0.3);
+    padding: 10px 24px;
+    border-radius: 12px;
+    font-weight: 500;
+    font-size: 14px;
+    cursor: pointer;
+    transition: all 0.2s;
+}
+.btn-danger:hover {
+    background: rgba(239, 68, 68, 0.2);
+    border-color: #ef4444;
+}
+
+.btn-ghost {
+    background: transparent;
+    color: var(--text-secondary);
+    border: none;
+    padding: 8px 16px;
+    border-radius: 8px;
+    font-weight: 500;
+    font-size: 14px;
+    cursor: pointer;
+    transition: all 0.2s;
+}
+.btn-ghost:hover {
+    background: rgba(255,255,255,0.05);
+    color: var(--text-primary);
+}
+
+/* Inputs */
+.input-field {
+    width: 100%;
+    padding: 12px 16px;
+    background: var(--bg-input);
+    border: 1px solid var(--border-primary);
+    border-radius: 12px;
+    color: var(--text-primary);
+    font-size: 14px;
+    transition: all 0.2s;
+    outline: none;
+}
+.input-field:focus {
+    border-color: var(--accent-purple);
+    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.15);
+}
+.input-field::placeholder { color: var(--text-muted); }
+
+.select-field {
+    width: 100%;
+    padding: 12px 16px;
+    background: var(--bg-input);
+    border: 1px solid var(--border-primary);
+    border-radius: 12px;
+    color: var(--text-primary);
+    font-size: 14px;
+    transition: all 0.2s;
+    outline: none;
+    appearance: none;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%236b6b88' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");
+    background-repeat: no-repeat;
+    background-position: right 12px center;
+}
+.select-field:focus {
+    border-color: var(--accent-purple);
+    box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.15);
+}
+
+textarea.input-field { resize: vertical; min-height: 80px; }
+
+/* Cards */
+.card {
+    background: var(--bg-card);
+    border: 1px solid var(--border-primary);
+    border-radius: 16px;
+    padding: 24px;
+    transition: all 0.2s;
+}
+.card:hover {
+    border-color: rgba(139, 92, 246, 0.3);
+    box-shadow: var(--shadow-glow);
+}
+.card-gradient {
+    background: var(--gradient-card);
+    border: 1px solid var(--border-primary);
+    border-radius: 16px;
+    padding: 24px;
+}
+
+/* Stat cards */
+.stat-card {
+    background: var(--bg-card);
+    border: 1px solid var(--border-primary);
+    border-radius: 16px;
+    padding: 20px;
+    position: relative;
+    overflow: hidden;
+}
+.stat-card::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 3px;
+    border-radius: 16px 16px 0 0;
+}
+.stat-card.purple::before { background: var(--gradient-primary); }
+.stat-card.blue::before { background: linear-gradient(90deg, #3b82f6, #06b6d4); }
+.stat-card.green::before { background: linear-gradient(90deg, #10b981, #34d399); }
+.stat-card.amber::before { background: linear-gradient(90deg, #f59e0b, #fbbf24); }
+.stat-card.pink::before { background: linear-gradient(90deg, #ec4899, #f472b6); }
+
+/* Badges */
+.badge {
+    display: inline-flex;
+    align-items: center;
+    padding: 4px 10px;
+    border-radius: 20px;
+    font-size: 12px;
+    font-weight: 600;
+}
+.badge-purple { background: rgba(139, 92, 246, 0.15); color: #a78bfa; }
+.badge-pink { background: rgba(236, 72, 153, 0.15); color: #f472b6; }
+.badge-blue { background: rgba(59, 130, 246, 0.15); color: #60a5fa; }
+.badge-green { background: rgba(16, 185, 129, 0.15); color: #34d399; }
+.badge-amber { background: rgba(245, 158, 11, 0.15); color: #fbbf24; }
+.badge-red { background: rgba(239, 68, 68, 0.15); color: #f87171; }
+
+/* Avatar */
+.avatar {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 50%;
+    font-weight: 700;
+    flex-shrink: 0;
+}
+.avatar-sm { width: 32px; height: 32px; font-size: 14px; }
+.avatar-md { width: 40px; height: 40px; font-size: 16px; }
+.avatar-lg { width: 56px; height: 56px; font-size: 22px; }
+.avatar-xl { width: 72px; height: 72px; font-size: 28px; }
+.avatar-purple { background: rgba(139, 92, 246, 0.2); color: #a78bfa; }
+.avatar-pink { background: rgba(236, 72, 153, 0.2); color: #f472b6; }
+
+/* File icon */
+.file-icon {
+    width: 40px;
+    height: 40px;
+    border-radius: 10px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    flex-shrink: 0;
+}
+.file-icon.pdf { background: rgba(239, 68, 68, 0.15); color: #f87171; }
+.file-icon.txt { background: rgba(59, 130, 246, 0.15); color: #60a5fa; }
+.file-icon.doc { background: rgba(16, 185, 129, 0.15); color: #34d399; }
+.file-icon.img { background: rgba(245, 158, 11, 0.15); color: #fbbf24; }
+.file-icon.audio { background: rgba(236, 72, 153, 0.15); color: #f472b6; }
+.file-icon.default { background: rgba(139, 92, 246, 0.15); color: #a78bfa; }
+
+/* Upload zone */
+.upload-zone {
+    border: 2px dashed var(--border-primary);
+    border-radius: 16px;
+    padding: 40px 24px;
+    text-align: center;
+    cursor: pointer;
+    transition: all 0.3s;
+}
+.upload-zone:hover, .upload-zone.drag-over {
+    border-color: var(--accent-purple);
+    background: rgba(139, 92, 246, 0.05);
+    box-shadow: 0 0 30px rgba(139, 92, 246, 0.1);
+}
+
+/* Progress bar */
+.progress-bar {
+    background: rgba(255,255,255,0.05);
+    border-radius: 8px;
+    height: 6px;
+    overflow: hidden;
+}
+.progress-bar-fill {
+    height: 100%;
+    background: var(--gradient-primary);
+    border-radius: 8px;
+    transition: width 0.3s ease;
+}
+
+/* Chat bubbles */
+.msg-user {
+    background: var(--gradient-primary);
+    color: white;
+    border-radius: 20px 20px 4px 20px;
+    padding: 12px 18px;
+    max-width: 75%;
+}
+.msg-assistant {
+    background: var(--bg-card);
+    border: 1px solid var(--border-primary);
+    color: var(--text-primary);
+    border-radius: 20px 20px 20px 4px;
+    padding: 12px 18px;
+    max-width: 75%;
+}
+
+/* Prose styles for chat markdown */
+.prose { line-height: 1.7; color: var(--text-primary); }
+.prose p { margin-bottom: 0.75em; }
+.prose p:last-child { margin-bottom: 0; }
+.prose ul, .prose ol { margin: 0.5em 0; padding-left: 1.5em; }
+.prose li { margin: 0.25em 0; }
+.prose strong { font-weight: 600; color: var(--accent-purple); }
+.prose em { font-style: italic; color: var(--text-secondary); }
+.prose code {
+    background: rgba(139, 92, 246, 0.1);
+    padding: 0.15em 0.4em;
+    border-radius: 0.25em;
+    font-size: 0.875em;
+    color: #a78bfa;
+}
+.prose pre {
+    background: var(--bg-primary);
+    color: #e5e7eb;
+    padding: 1em;
+    border-radius: 0.5em;
+    overflow-x: auto;
+    margin: 0.75em 0;
+    border: 1px solid var(--border-primary);
+}
+.prose pre code { background: none; padding: 0; color: inherit; }
+.prose blockquote {
+    border-left: 3px solid var(--accent-purple);
+    padding-left: 1em;
+    color: var(--text-secondary);
+    margin: 0.75em 0;
+}
+.prose h1, .prose h2, .prose h3 { font-weight: 600; margin: 1em 0 0.5em; }
+.prose h1 { font-size: 1.25em; }
+.prose h2 { font-size: 1.125em; }
+.prose h3 { font-size: 1em; }
+
+/* Line clamp */
+.line-clamp-2 {
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+.line-clamp-3 {
+    display: -webkit-box;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+
+/* Modal overlay */
+.modal-overlay {
+    position: fixed;
+    inset: 0;
+    background: rgba(0, 0, 0, 0.7);
+    backdrop-filter: blur(4px);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 50;
+}
+
+/* Voice button */
+.voice-btn {
+    width: 44px;
+    height: 44px;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    transition: all 0.2s;
+    border: none;
+    background: var(--bg-card);
+    color: var(--text-secondary);
+    border: 1px solid var(--border-primary);
+}
+.voice-btn:hover { background: var(--bg-card-hover); color: var(--text-primary); }
+.voice-btn.active { background: rgba(139, 92, 246, 0.2); color: var(--accent-purple); border-color: var(--accent-purple); }
+.voice-btn.recording { background: rgba(239, 68, 68, 0.2); color: #ef4444; border-color: #ef4444; animation: pulse 1s infinite; }
+
+/* Send button */
+.send-btn {
+    width: 44px;
+    height: 44px;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    transition: all 0.2s;
+    border: none;
+    background: var(--gradient-primary);
+    color: white;
+    flex-shrink: 0;
+}
+.send-btn:hover { transform: scale(1.05); box-shadow: 0 4px 20px rgba(139, 92, 246, 0.4); }
+.send-btn:disabled { opacity: 0.4; cursor: not-allowed; transform: none; }
+
+/* Mic button */
+.mic-btn {
+    width: 44px;
+    height: 44px;
+    border-radius: 50%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    transition: all 0.2s;
+    border: none;
+    background: var(--bg-card);
+    color: var(--text-secondary);
+    border: 1px solid var(--border-primary);
+    flex-shrink: 0;
+}
+.mic-btn:hover { background: var(--bg-card-hover); color: var(--text-primary); }
+.mic-btn.recording { background: rgba(239, 68, 68, 0.2); color: #ef4444; border-color: #ef4444; animation: pulse 1s infinite; }
+
+/* Table */
+.data-table {
+    width: 100%;
+    border-collapse: separate;
+    border-spacing: 0;
+}
+.data-table th {
+    text-align: left;
+    padding: 12px 16px;
+    font-size: 12px;
+    font-weight: 600;
+    color: var(--text-muted);
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+    border-bottom: 1px solid var(--border-primary);
+}
+.data-table td {
+    padding: 12px 16px;
+    font-size: 14px;
+    color: var(--text-secondary);
+    border-bottom: 1px solid rgba(42, 42, 64, 0.5);
+}
+.data-table tr:hover td {
+    background: rgba(139, 92, 246, 0.03);
+}
+
+/* Empty state */
+.empty-state {
+    text-align: center;
+    padding: 48px 24px;
+}
+.empty-state-icon {
+    width: 64px;
+    height: 64px;
+    border-radius: 50%;
+    background: rgba(139, 92, 246, 0.1);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin: 0 auto 16px;
+}
+
+/* Divider */
+.divider {
+    height: 1px;
+    background: var(--border-primary);
+    margin: 16px 0;
+}
+
+/* Toast / Alert */
+.alert-error {
+    background: rgba(239, 68, 68, 0.1);
+    border: 1px solid rgba(239, 68, 68, 0.3);
+    color: #f87171;
+    border-radius: 12px;
+    padding: 12px 16px;
+    font-size: 14px;
+}
+.alert-warning {
+    background: rgba(245, 158, 11, 0.1);
+    border: 1px solid rgba(245, 158, 11, 0.3);
+    color: #fbbf24;
+    border-radius: 12px;
+    padding: 12px 16px;
+    font-size: 14px;
+}
+.alert-success {
+    background: rgba(16, 185, 129, 0.1);
+    border: 1px solid rgba(16, 185, 129, 0.3);
+    color: #34d399;
+    border-radius: 12px;
+    padding: 12px 16px;
+    font-size: 14px;
+}
+
+/* Responsive sidebar */
+@media (max-width: 768px) {
+    .sidebar { transform: translateX(-100%); }
+    .sidebar.open { transform: translateX(0); }
+    .main-content { margin-left: 0 !important; }
+}
+
+/* Utility classes (replacing missing Tailwind CSS) */
+.hidden { display: none !important; }
+.flex { display: flex; }
+.flex-col { flex-direction: column; }
+.flex-1 { flex: 1; }
+.flex-shrink-0 { flex-shrink: 0; }
+.items-center { align-items: center; }
+.justify-between { justify-content: space-between; }
+.justify-center { justify-content: center; }
+.min-h-full { min-height: 100%; }
+.min-w-0 { min-width: 0; }
+.truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.ml-64 { margin-left: 256px; }
+.w-64 { width: 256px; }
+.z-30 { z-index: 30; }
+.gap-3 { gap: 12px; }
+.no-underline { text-decoration: none; }
+.p-4 { padding: 16px; }
+.p-6 { padding: 24px; }
+.px-4 { padding-left: 16px; padding-right: 16px; }
+.px-5 { padding-left: 20px; padding-right: 20px; }
+.py-2 { padding-top: 8px; padding-bottom: 8px; }
+.py-2\.5 { padding-top: 10px; padding-bottom: 10px; }
+.py-3 { padding-top: 12px; padding-bottom: 12px; }
+.rounded-xl { border-radius: 12px; }
+.text-decoration-none { text-decoration: none; }
+.fixed { position: fixed; }
+.left-0 { left: 0; }
+.top-0 { top: 0; }
+.h-full { height: 100%; }
+.w-full { width: 100%; }
+.text-center { text-align: center; }
+.overflow-hidden { overflow: hidden; }
+.overflow-y-auto { overflow-y: auto; }
+.overflow-x-auto { overflow-x: auto; }
+.grid { display: grid; }
+.block { display: block; }
+.inline-flex { display: inline-flex; }
+.relative { position: relative; }
+.absolute { position: absolute; }
+.inset-0 { top: 0; right: 0; bottom: 0; left: 0; }
+.opacity-0 { opacity: 0; }
+.min-h-screen { min-height: 100vh; }

templates/admin.html

@@ -0,0 +1,144 @@
+{% extends "base.html" %}
+{% block title %}Admin - MemoryBot{% endblock %}
+{% block body %}
+<div class="min-h-full flex">
+    {% include "partials/sidebar.html" %}
+    <div class="flex-1" style="margin-left:256px;padding:32px;">
+        <div style="max-width:1200px;margin:0 auto;">
+            <div class="slide-up" style="margin-bottom:32px;">
+                <h1 style="font-size:28px;font-weight:800;color:var(--text-primary);margin:0;">Admin Dashboard</h1>
+                <p style="margin-top:6px;color:var(--text-secondary);font-size:15px;">System overview and management</p>
+            </div>
+
+            <div style="display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:32px;">
+                <div class="stat-card purple slide-up" style="text-align:center;">
+                    <p style="font-size:36px;font-weight:800;color:var(--accent-purple);margin:0;">{{ stats.total_users }}</p>
+                    <p style="font-size:12px;color:var(--text-muted);margin:6px 0 0;text-transform:uppercase;letter-spacing:0.05em;">Users</p>
+                </div>
+                <div class="stat-card pink slide-up" style="text-align:center;">
+                    <p style="font-size:36px;font-weight:800;color:var(--accent-pink);margin:0;">{{ stats.total_profiles }}</p>
+                    <p style="font-size:12px;color:var(--text-muted);margin:6px 0 0;text-transform:uppercase;letter-spacing:0.05em;">Profiles</p>
+                </div>
+                <div class="stat-card blue slide-up" style="text-align:center;">
+                    <p style="font-size:36px;font-weight:800;color:var(--accent-blue);margin:0;">{{ stats.total_files }}</p>
+                    <p style="font-size:12px;color:var(--text-muted);margin:6px 0 0;text-transform:uppercase;letter-spacing:0.05em;">Files</p>
+                </div>
+                <div class="stat-card green slide-up" style="text-align:center;">
+                    <p style="font-size:36px;font-weight:800;color:var(--accent-green);margin:0;">{{ stats.total_conversations }}</p>
+                    <p style="font-size:12px;color:var(--text-muted);margin:6px 0 0;text-transform:uppercase;letter-spacing:0.05em;">Conversations</p>
+                </div>
+                <div class="stat-card amber slide-up" style="text-align:center;">
+                    <p style="font-size:36px;font-weight:800;color:var(--accent-amber);margin:0;">{{ stats.total_messages }}</p>
+                    <p style="font-size:12px;color:var(--text-muted);margin:6px 0 0;text-transform:uppercase;letter-spacing:0.05em;">Messages</p>
+                </div>
+            </div>
+
+            <div style="margin-bottom:32px;display:flex;gap:12px;">
+                <a href="/admin/export" class="btn-primary" style="text-decoration:none;">
+                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><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>
+                    Export Data (JSON)
+                </a>
+                <a href="/admin/logs" class="btn-secondary" style="text-decoration:none;">
+                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z"/><path d="M14 2v6h6"/></svg>
+                    View Logs
+                </a>
+            </div>
+
+            <div style="display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:32px;">
+                <div class="card" style="padding:0;overflow:hidden;">
+                    <div style="padding:20px 24px;border-bottom:1px solid var(--border-primary);">
+                        <div style="display:flex;align-items:center;gap:10px;">
+                            <div style="width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:rgba(139,92,246,0.15);">
+                                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="var(--accent-purple)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0z"/></svg>
+                            </div>
+                            <h2 style="font-size:15px;font-weight:700;color:var(--text-primary);margin:0;">Users</h2>
+                        </div>
+                    </div>
+                    <div style="padding:16px 24px;max-height:320px;overflow-y:auto;" class="chat-scroll">
+                        {% for u in users %}
+                        <div style="display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;margin-bottom:4px;transition:all 0.15s;" onmouseover="this.style.background='rgba(255,255,255,0.03)'" onmouseout="this.style.background=''">
+                            <div style="display:flex;align-items:center;gap:12px;">
+                                <div class="avatar avatar-sm avatar-purple">{{ u.name[0] }}</div>
+                                <div>
+                                    <p style="font-size:13px;font-weight:600;color:var(--text-primary);margin:0;">{{ u.name }}</p>
+                                    <p style="font-size:11px;color:var(--text-muted);margin:2px 0 0;">{{ u.email }}</p>
+                                </div>
+                            </div>
+                            <span style="font-size:11px;color:var(--text-muted);">{{ u.created_at.strftime('%b %d, %Y') if u.created_at else '' }}</span>
+                        </div>
+                        {% endfor %}
+                    </div>
+                </div>
+
+                <div class="card" style="padding:0;overflow:hidden;">
+                    <div style="padding:20px 24px;border-bottom:1px solid var(--border-primary);">
+                        <div style="display:flex;align-items:center;gap:10px;">
+                            <div style="width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:rgba(236,72,153,0.15);">
+                                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="var(--accent-pink)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2"/><circle cx="12" cy="7" r="4"/></svg>
+                            </div>
+                            <h2 style="font-size:15px;font-weight:700;color:var(--text-primary);margin:0;">Profiles</h2>
+                        </div>
+                    </div>
+                    <div style="padding:16px 24px;max-height:320px;overflow-y:auto;" class="chat-scroll">
+                        {% for p in profiles %}
+                        <div style="display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;margin-bottom:4px;transition:all 0.15s;" onmouseover="this.style.background='rgba(255,255,255,0.03)'" onmouseout="this.style.background=''">
+                            <div style="display:flex;align-items:center;gap:12px;">
+                                <div class="avatar avatar-sm avatar-pink">{{ p.name[0] }}</div>
+                                <div>
+                                    <p style="font-size:13px;font-weight:600;color:var(--text-primary);margin:0;">{{ p.name }}</p>
+                                    <p style="font-size:11px;color:var(--text-muted);margin:2px 0 0;">{{ p.relationship_type or 'No relationship specified' }}</p>
+                                </div>
+                            </div>
+                            <span style="font-size:11px;color:var(--text-muted);">{{ p.created_at.strftime('%b %d, %Y') if p.created_at else '' }}</span>
+                        </div>
+                        {% endfor %}
+                    </div>
+                </div>
+            </div>
+
+            <div class="card" style="padding:0;overflow:hidden;">
+                <div style="padding:20px 24px;border-bottom:1px solid var(--border-primary);">
+                    <div style="display:flex;align-items:center;gap:10px;">
+                        <div style="width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:rgba(245,158,11,0.15);">
+                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="var(--accent-amber)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z"/><path d="M14 2v6h6"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/></svg>
+                        </div>
+                        <h2 style="font-size:15px;font-weight:700;color:var(--text-primary);margin:0;">Audit Log</h2>
+                    </div>
+                </div>
+                <div style="padding:0;">
+                    {% if recent_logs %}
+                    <div style="overflow-x:auto;">
+                        <table class="data-table">
+                            <thead>
+                                <tr>
+                                    <th style="padding:12px 20px;">Action</th>
+                                    <th style="padding:12px 20px;">Resource</th>
+                                    <th style="padding:12px 20px;">Details</th>
+                                    <th style="padding:12px 20px;">Time</th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                {% for log in recent_logs %}
+                                <tr>
+                                    <td style="padding:10px 20px;">
+                                        <span class="badge {% if 'create' in log.action %}badge-green{% elif 'delete' in log.action %}badge-red{% elif 'upload' in log.action %}badge-blue{% else %}badge-purple{% endif %}" style="font-family:monospace;font-size:11px;">{{ log.action }}</span>
+                                    </td>
+                                    <td style="padding:10px 20px;font-size:13px;color:var(--text-secondary);">{{ log.resource_type }} {{ log.resource_id[:8] if log.resource_id else '' }}</td>
+                                    <td style="padding:10px 20px;font-size:13px;color:var(--text-secondary);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">{{ log.details }}</td>
+                                    <td style="padding:10px 20px;font-size:12px;color:var(--text-muted);">{{ log.created_at.strftime('%b %d %H:%M') if log.created_at else '' }}</td>
+                                </tr>
+                                {% endfor %}
+                            </tbody>
+                        </table>
+                    </div>
+                    {% else %}
+                    <div class="empty-state" style="padding:32px;">
+                        <p style="color:var(--text-muted);font-size:14px;margin:0;">No audit logs yet</p>
+                    </div>
+                    {% endif %}
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+{% endblock %}

templates/base.html

@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en" class="h-full">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{% block title %}MemoryBot{% endblock %}</title>
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="/static/css/style.css">
+    {% block head %}{% endblock %}
+</head>
+<body class="h-full">
+    {% block body %}{% endblock %}
+</body>
+</html>

templates/chat.html

@@ -0,0 +1,318 @@
+{% extends "base.html" %}
+{% block title %}Chat - MemoryBot{% endblock %}
+{% block body %}
+<div class="min-h-full flex">
+    {% include "partials/sidebar.html" %}
+    <div class="flex-1" style="margin-left:256px;display:flex;height:100vh;">
+        <div style="width:280px;border-right:1px solid var(--border-primary);background:var(--bg-secondary);display:flex;flex-direction:column;flex-shrink:0;">
+            <div style="padding:16px;border-bottom:1px solid var(--border-primary);">
+                <label style="display:block;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:8px;">Select Profile</label>
+                <select id="profileSelect" class="select-field" style="font-size:13px;padding:10px 14px;">
+                    <option value="">Choose a profile...</option>
+                    {% for p in profiles %}
+                    <option value="{{ p.id }}" {% if active_profile_id == p.id %}selected{% endif %}>{{ p.name }}</option>
+                    {% endfor %}
+                </select>
+            </div>
+            <div class="chat-scroll" style="flex:1;overflow-y:auto;padding:8px;">
+                <div id="convoList">
+                    {% for c in conversations %}
+                    <div style="display:flex;align-items:center;margin-bottom:2px;" onmouseover="this.querySelector('.convo-delete').style.opacity='1'" onmouseout="this.querySelector('.convo-delete').style.opacity='0'">
+                        <a href="/chat/{{ c.profile_id }}/conversation/{{ c.id }}" style="display:block;padding:10px 14px;border-radius:10px;font-size:13px;color:var(--text-secondary);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all 0.15s;border:1px solid transparent;flex:1;{% if active_conversation and active_conversation.id == c.id %}background:rgba(139,92,246,0.1);color:var(--accent-purple);border-color:rgba(139,92,246,0.3);{% endif %}">
+                            {{ c.title }}
+                        </a>
+                        <button class="convo-delete" onclick="event.preventDefault();if(confirm('Delete this conversation?'))fetch('/chat/{{ c.id }}/delete',{method:'POST'}).then(()=>location.reload())" style="background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px 8px;border-radius:6px;opacity:0;transition:opacity 0.15s;flex-shrink:0;" title="Delete conversation">
+                            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2"/></svg>
+                        </button>
+                    </div>
+                    {% endfor %}
+                </div>
+            </div>
+            <div style="padding:12px;border-top:1px solid var(--border-primary);">
+                <button onclick="newConversation()" class="btn-primary" style="width:100%;justify-content:center;padding:10px;font-size:13px;">
+                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
+                    New Conversation
+                </button>
+            </div>
+        </div>
+
+        <div style="flex:1;display:flex;flex-direction:column;background:var(--bg-primary);">
+            <div style="background:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:14px 24px;display:flex;align-items:center;justify-content:space-between;">
+                <div>
+                    <h2 style="font-size:15px;font-weight:700;color:var(--text-primary);margin:0;" id="chatTitle">
+                        {% if active_profile_id %}
+                            {% for p in profiles %}
+                                {% if p.id == active_profile_id %}{{ p.name }}{% endif %}
+                            {% endfor %}
+                        {% else %}
+                            Select a profile to start chatting
+                        {% endif %}
+                    </h2>
+                    {% if active_profile_id %}
+                    <p style="font-size:11px;color:var(--text-muted);margin:3px 0 0;opacity:0.7;">Responses are based on uploaded memories and personality.</p>
+                    {% endif %}
+                </div>
+                {% if active_profile_id %}
+                <div style="display:flex;align-items:center;gap:8px;">
+                    <button onclick="toggleVoice()" id="voiceBtn" class="voice-btn" title="Toggle voice readout">
+                        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polygon points="11 5 6 9 2 9 2 15 6 15 11 19 11 5"/><path d="M19.07 4.93a10 10 0 010 14.14M15.54 8.46a5 5 0 010 7.07"/></svg>
+                    </button>
+                </div>
+                {% endif %}
+            </div>
+
+            <div id="messagesContainer" class="chat-scroll" style="flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px;">
+                {% if messages %}
+                    {% for msg in messages %}
+                    <div class="fade-in" style="display:flex;{% if msg.role == 'user' %}justify-content:flex-end;{% else %}justify-content:flex-start;{% endif %}">
+                        <div class="{% if msg.role == 'user' %}msg-user{% else %}msg-assistant{% endif %}">
+                            <div style="font-size:14px;line-height:1.6;" id="msg-{{ msg.id }}">
+                                {% if msg.role == 'assistant' %}
+                                <div class="prose" id="rendered-msg-{{ msg.id }}">{{ msg.content }}</div>
+                                {% else %}
+                                {{ msg.content }}
+                                {% endif %}
+                            </div>
+                            <p style="font-size:11px;margin:6px 0 0;{% if msg.role == 'user' %}color:rgba(255,255,255,0.6);{% else %}color:var(--text-muted);{% endif %}">
+                                {{ msg.created_at.strftime('%H:%M') if msg.created_at else '' }}
+                            </p>
+                        </div>
+                    </div>
+                    {% endfor %}
+                {% else %}
+                <div style="flex:1;display:flex;align-items:center;justify-content:center;">
+                    <div style="text-align:center;">
+                        <div class="empty-state-icon" style="width:72px;height:72px;margin:0 auto 20px;">
+                            <svg width="32" height="32" viewBox="0 0 24 24" fill="none" stroke="var(--accent-purple)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg>
+                        </div>
+                        <h3 style="font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 8px;">Start a Conversation</h3>
+                        <p style="color:var(--text-secondary);font-size:14px;margin:0;">
+                            {% if active_profile_id %}
+                            Say something to get the conversation started.
+                            {% else %}
+                            Select a memory profile to start chatting.
+                            {% endif %}
+                        </p>
+                    </div>
+                </div>
+                {% endif %}
+            </div>
+
+            {% if active_profile_id %}
+            <div style="background:var(--bg-secondary);border-top:1px solid var(--border-primary);padding:16px 24px;">
+                <div style="display:flex;align-items:flex-end;gap:12px;max-width:800px;margin:0 auto;">
+                    <button onclick="startRecording()" id="micBtn" class="mic-btn" title="Record voice message">
+                        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 1a3 3 0 00-3 3v8a3 3 0 006 0V4a3 3 0 00-3-3z"/><path d="M19 10v2a7 7 0 01-14 0v-2"/><line x1="12" y1="19" x2="12" y2="23"/><line x1="8" y1="23" x2="16" y2="23"/></svg>
+                    </button>
+                    <div style="flex:1;position:relative;">
+                        <textarea id="messageInput" rows="1" placeholder="Type a message..." class="input-field" style="resize:none;min-height:44px;max-height:120px;padding:12px 16px;border-radius:22px;" onkeydown="if(event.key==='Enter' && !event.shiftKey){event.preventDefault();sendMessage();}" oninput="this.style.height='auto';this.style.height=Math.min(this.scrollHeight,120)+'px';"></textarea>
+                    </div>
+                    <button onclick="sendMessage()" id="sendBtn" class="send-btn" title="Send message">
+                        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="22" y1="2" x2="11" y2="13"/><polygon points="22 2 15 22 11 13 2 9 22 2"/></svg>
+                    </button>
+                </div>
+            </div>
+            {% endif %}
+        </div>
+    </div>
+</div>
+
+<script>
+const profileId = {{ active_profile_id|tojson if active_profile_id else 'null' }};
+const conversationId = {{ active_conversation.id|tojson if active_conversation else 'null' }};
+let currentConversationId = conversationId;
+let isRecording = false;
+let voiceEnabled = false;
+let mediaRecorder = null;
+
+function renderMarkdown(text) {
+    if (!text) return '';
+    text = text.replace(/<\|[^|]*\|>/g, '').replace(/User Safety:\s*\w+/gi, '').replace(/Response Safety:\s*\w+/gi, '').replace(/<<\|\/?\w+\|?>>/g, '').replace(/\[(?:SYSTEM|SAFETY|NOTE)\].*/gi, '').trim();
+    return text
+        .replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;')
+        .replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>')
+        .replace(/\*(.*?)\*/g, '<em>$1</em>')
+        .replace(/`(.*?)`/g, '<code>$1</code>')
+        .replace(/```([\s\S]*?)```/g, '<pre><code>$1</code></pre>')
+        .replace(/^### (.+)$/gm, '<h3>$1</h3>')
+        .replace(/^## (.+)$/gm, '<h2>$1</h2>')
+       .replace(/^# (.+)$/gm, '<h1>$1</h1>')
+        .replace(/^- (.+)$/gm, '<li>$1</li>')
+        .replace(/^(\d+)\. (.+)$/gm, '<li>$2</li>')
+        .replace(/(<li>.*<\/li>\n?)+/g, (m) => '<ul>' + m + '</ul>')
+        .replace(/\n{2,}/g, '</p><p>')
+        .replace(/\n/g, '<br>')
+        .replace(/^(.+)$/gm, (m) => m.startsWith('<') ? m : '<p>' + m + '</p>');
+}
+
+document.getElementById('profileSelect').addEventListener('change', function() {
+    if (this.value) window.location.href = '/chat/' + this.value;
+});
+
+function newConversation() {
+    const sel = document.getElementById('profileSelect');
+    if (sel.value) window.location.href = '/chat/' + sel.value;
+    else alert('Please select a profile first');
+}
+
+let lastTokenWasText = false;
+
+function joinTokens(fullText, token) {
+    const needsSpace = lastTokenWasText && token.length > 0 && /[a-zA-Z0-9]/.test(token[0]) && /[a-zA-Z0-9]/.test(fullText.slice(-1));
+    lastTokenWasText = token.length > 0 && /[a-zA-Z0-9]/.test(token.slice(-1));
+    return fullText + (needsSpace ? ' ' : '') + token;
+}
+
+async function sendMessage() {
+    const input = document.getElementById('messageInput');
+    const content = input.value.trim();
+    if (!content || !profileId) return;
+
+    input.value = '';
+    input.style.height = 'auto';
+    lastTokenWasText = false;
+
+    appendMessage('user', content);
+
+    const assistantDiv = appendMessage('assistant', '<div style="display:flex;gap:4px;padding:8px 0;"><span class="typing-dot" style="width:6px;height:6px;border-radius:50%;background:var(--text-muted);display:inline-block;"></span><span class="typing-dot" style="width:6px;height:6px;border-radius:50%;background:var(--text-muted);display:inline-block;"></span><span class="typing-dot" style="width:6px;height:6px;border-radius:50%;background:var(--text-muted);display:inline-block;"></span></div>');
+    const assistantContent = assistantDiv.querySelector('.prose');
+
+    document.getElementById('sendBtn').disabled = true;
+
+    try {
+        const resp = await fetch('/chat/message', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ profile_id: profileId, conversation_id: currentConversationId, content }),
+        });
+
+        const reader = resp.body.getReader();
+        const decoder = new TextDecoder();
+        let fullText = '';
+        let buffer = '';
+
+        while (true) {
+            const { done, value } = await reader.read();
+            if (done) break;
+            buffer += decoder.decode(value, { stream: true });
+            const parts = buffer.split('\n\n');
+            buffer = parts.pop();
+            for (const part of parts) {
+                const lines = part.split('\n');
+                for (const line of lines) {
+                    if (line.startsWith('data: ')) {
+                        try {
+                            const data = JSON.parse(line.slice(6));
+                            if (data.error) {
+                                assistantContent.innerHTML = '<div style="background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.3);border-radius:8px;padding:12px 16px;color:var(--accent-red);font-size:13px;">' + data.error + '</div>';
+                            } else                             if (data.token) {
+                                fullText = joinTokens(fullText, data.token);
+                                let clean = fullText.replace(/<\|[^|]*\|>/g, '').replace(/User Safety:\s*\w+/gi, '').replace(/Response Safety:\s*\w+/gi, '').replace(/<<\|\/?\w+\|?>>/g, '').replace(/\[(?:SYSTEM|SAFETY|NOTE)\].*/gi, '').trim();
+                                clean = clean.replace(/([.!?,;:])([A-Za-z])/g, '$1 $2');
+                                assistantContent.innerHTML = renderMarkdown(clean);
+                            }
+                            if (data.done) {
+                                currentConversationId = data.conversation_id;
+                                if (voiceEnabled && fullText && !data.error) speak(fullText);
+                            }
+                        } catch (e) {
+                            console.error('SSE parse error:', e, line);
+                        }
+                    }
+                }
+            }
+            scrollToBottom();
+        }
+    } catch (e) {
+        assistantContent.innerHTML = '<span style="color:var(--accent-red);">Error: ' + e.message + '</span>';
+    }
+
+    document.getElementById('sendBtn').disabled = false;
+    scrollToBottom();
+}
+
+function appendMessage(role, content) {
+    const container = document.getElementById('messagesContainer');
+    const div = document.createElement('div');
+    div.className = 'fade-in';
+    div.style.display = 'flex';
+    div.style.justifyContent = role === 'user' ? 'flex-end' : 'flex-start';
+    const isAssistant = role === 'assistant';
+    div.innerHTML = `
+        <div class="${isAssistant ? 'msg-assistant' : 'msg-user'}">
+            <div style="font-size:14px;line-height:1.6;">
+                ${isAssistant ? '<div class="prose">' + content + '</div>' : content}
+            </div>
+        </div>`;
+    container.appendChild(div);
+    scrollToBottom();
+    return div;
+}
+
+function scrollToBottom() {
+    const c = document.getElementById('messagesContainer');
+    c.scrollTop = c.scrollHeight;
+}
+
+function toggleVoice() {
+    voiceEnabled = !voiceEnabled;
+    const btn = document.getElementById('voiceBtn');
+    btn.classList.toggle('active', voiceEnabled);
+}
+
+async function speak(text) {
+    try {
+        const resp = await fetch('/voice/tts', {
+            method: 'POST',
+            headers: { 'Content-Type': 'application/json' },
+            body: JSON.stringify({ text: text.substring(0, 2000) }),
+        });
+        if (resp.ok) {
+            const blob = await resp.blob();
+            const audio = new Audio(URL.createObjectURL(blob));
+            audio.play();
+        }
+    } catch (e) {}
+}
+
+async function startRecording() {
+    const micBtn = document.getElementById('micBtn');
+    if (isRecording) {
+        mediaRecorder && mediaRecorder.stop();
+        isRecording = false;
+        micBtn.classList.remove('recording');
+        return;
+    }
+    try {
+        const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+        mediaRecorder = new MediaRecorder(stream);
+        const chunks = [];
+        mediaRecorder.ondataavailable = (e) => chunks.push(e.data);
+        mediaRecorder.onstop = async () => {
+            stream.getTracks().forEach(t => t.stop());
+            const blob = new Blob(chunks, { type: 'audio/webm' });
+            const formData = new FormData();
+            formData.append('audio', blob, 'recording.webm');
+            try {
+                const resp = await fetch('/voice/stt', { method: 'POST', body: formData });
+                const data = await resp.json();
+                if (data.text) {
+                    document.getElementById('messageInput').value = data.text;
+                }
+            } catch (e) {}
+        };
+        mediaRecorder.start();
+        isRecording = true;
+        micBtn.classList.add('recording');
+    } catch (e) {
+        alert('Microphone access denied');
+    }
+}
+
+scrollToBottom();
+
+document.querySelectorAll('[id^="rendered-msg-"]').forEach(el => {
+    el.innerHTML = renderMarkdown(el.textContent);
+});
+</script>
+{% endblock %}

templates/dashboard.html

@@ -0,0 +1,124 @@
+{% extends "base.html" %}
+{% block title %}Dashboard - MemoryBot{% endblock %}
+{% block body %}
+<div class="min-h-full flex">
+    {% include "partials/sidebar.html" %}
+    <div style="flex:1;margin-left:256px;padding:32px;">
+        <div style="max-width:1100px;margin:0 auto;">
+            <div class="slide-up" style="margin-bottom:32px;">
+                <h1 style="font-size:28px;font-weight:800;color:var(--text-primary);margin:0;">Welcome back, {{ user.name }}</h1>
+                <p style="margin-top:6px;color:var(--text-secondary);font-size:15px;">Here's an overview of your memory companions</p>
+            </div>
+
+            <div class="alert-warning slide-up" style="margin-bottom:32px;display:flex;align-items:flex-start;gap:12px;">
+                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#fbbf24" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="flex-shrink:0;margin-top:2px;"><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>
+                <div>
+                    <strong>Important:</strong> MemoryBot uses AI to simulate conversations. The AI is NOT the actual person being remembered. Responses are generated based on uploaded memories and context.
+                </div>
+            </div>
+
+            <div style="display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px;">
+                <div class="stat-card purple slide-up">
+                    <div style="display:flex;align-items:center;gap:16px;">
+                        <div style="width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(139,92,246,0.15);">
+                            <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#8b5cf6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0z"/></svg>
+                        </div>
+                        <div>
+                            <p style="font-size:12px;color:var(--text-muted);margin:0;text-transform:uppercase;letter-spacing:0.05em;">Profiles</p>
+                            <p style="font-size:32px;font-weight:800;color:var(--text-primary);margin:0;">{{ profiles|length }}</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="stat-card blue slide-up">
+                    <div style="display:flex;align-items:center;gap:16px;">
+                        <div style="width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(59,130,246,0.15);">
+                            <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#3b82f6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg>
+                        </div>
+                        <div>
+                            <p style="font-size:12px;color:var(--text-muted);margin:0;text-transform:uppercase;letter-spacing:0.05em;">Conversations</p>
+                            <p style="font-size:32px;font-weight:800;color:var(--text-primary);margin:0;">{{ total_conversations }}</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="stat-card green slide-up">
+                    <div style="display:flex;align-items:center;gap:16px;">
+                        <div style="width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:rgba(16,185,129,0.15);">
+                            <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="#10b981" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
+                        </div>
+                        <div>
+                            <p style="font-size:12px;color:var(--text-muted);margin:0;text-transform:uppercase;letter-spacing:0.05em;">Files</p>
+                            <p style="font-size:32px;font-weight:800;color:var(--text-primary);margin:0;">{{ total_files }}</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div style="display:grid;grid-template-columns:1fr 1fr;gap:24px;">
+                <div class="card" style="padding:0;overflow:hidden;">
+                    <div style="padding:20px 24px;" style="border-bottom:1px solid var(--border-primary);">
+                        <div style="display:flex;align-items:center;justify-content:space-between;">
+                            <h2 style="font-size:16px;font-weight:700;color:var(--text-primary);margin:0;">Memory Profiles</h2>
+                            <a href="/profiles" class="badge badge-purple" style="text-decoration:none;">View all</a>
+                        </div>
+                    </div>
+                    <div style="padding:16px 24px 24px;">
+                        {% if profiles %}
+                        <div style="display:flex;flex-direction:column;gap:8px;">
+                            {% for p in profiles %}
+                            <a href="/profiles/{{ p.id }}" class="flex items-center gap-3" style="padding:12px 16px;border-radius:12px;text-decoration:none;transition:all 0.2s;border:1px solid transparent;" onmouseover="this.style.background='var(--bg-card-hover)';this.style.borderColor='var(--border-primary)'" onmouseout="this.style.background='';this.style.borderColor='transparent'">
+                                <div class="avatar avatar-md avatar-purple">{{ p.name[0] }}</div>
+                                <div style="flex:1;min-width:0;">
+                                    <p style="font-size:14px;font-weight:600;color:var(--text-primary);margin:0;">{{ p.name }}</p>
+                                    {% if p.relationship_type %}
+                                    <p style="font-size:12px;color:var(--text-muted);margin:2px 0 0;">{{ p.relationship_type }}</p>
+                                    {% endif %}
+                                </div>
+                                <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="var(--text-muted)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 5l7 7-7 7"/></svg>
+                            </a>
+                            {% endfor %}
+                        </div>
+                        {% else %}
+                        <div class="empty-state" style="padding:32px 16px;">
+                            <div class="empty-state-icon">
+                                <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="var(--accent-purple)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/><circle cx="8.5" cy="7" r="4"/><line x1="20" y1="8" x2="20" y2="14"/><line x1="23" y1="11" x2="17" y2="11"/></svg>
+                            </div>
+                            <p style="color:var(--text-secondary);font-size:14px;margin:0 0 16px;">No profiles yet</p>
+                            <a href="/profiles" class="btn-primary" style="text-decoration:none;font-size:13px;padding:8px 20px;">Create Profile</a>
+                        </div>
+                        {% endif %}
+                    </div>
+                </div>
+
+                <div class="card" style="padding:0;overflow:hidden;">
+                    <div style="padding:20px 24px;" style="border-bottom:1px solid var(--border-primary);">
+                        <div style="display:flex;align-items:center;justify-content:space-between;">
+                            <h2 style="font-size:16px;font-weight:700;color:var(--text-primary);margin:0;">Recent Conversations</h2>
+                            <a href="/chat" class="badge badge-blue" style="text-decoration:none;">View all</a>
+                        </div>
+                    </div>
+                    <div style="padding:16px 24px 24px;">
+                        {% if recent_conversations %}
+                        <div style="display:flex;flex-direction:column;gap:8px;">
+                            {% for c in recent_conversations %}
+                            <a href="/chat/{{ c.profile_id }}/conversation/{{ c.id }}" style="padding:12px 16px;border-radius:12px;text-decoration:none;transition:all 0.2s;border:1px solid transparent;" onmouseover="this.style.background='var(--bg-card-hover)';this.style.borderColor='var(--border-primary)'" onmouseout="this.style.background='';this.style.borderColor='transparent'">
+                                <p style="font-size:14px;font-weight:600;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">{{ c.title }}</p>
+                                <p style="font-size:12px;color:var(--text-muted);margin:4px 0 0;">{{ recent_conv_profiles.get(c.id, '') }} &middot; {{ c.updated_at.strftime('%b %d, %Y at %H:%M') if c.updated_at else '' }}</p>
+                            </a>
+                            {% endfor %}
+                        </div>
+                        {% else %}
+                        <div class="empty-state" style="padding:32px 16px;">
+                            <div class="empty-state-icon">
+                                <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="var(--accent-blue)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg>
+                            </div>
+                            <p style="color:var(--text-secondary);font-size:14px;margin:0 0 16px;">No conversations yet</p>
+                            <a href="/chat" class="btn-primary" style="text-decoration:none;font-size:13px;padding:8px 20px;">Start Chatting</a>
+                        </div>
+                        {% endif %}
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+{% endblock %}

templates/login.html

@@ -0,0 +1,49 @@
+{% extends "base.html" %}
+{% block title %}Login - MemoryBot{% endblock %}
+{% block body %}
+<div style="display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary);padding:16px;">
+    <div style="max-width:440px;width:100%;">
+        <div class="text-center" style="margin-bottom:32px;">
+            <div class="avatar avatar-xl" style="background:var(--gradient-primary);margin:0 auto 20px;box-shadow:0 0 40px rgba(139,92,246,0.3);">
+                <svg width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                    <path d="M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z"/>
+                </svg>
+            </div>
+            <h1 style="font-size:32px;font-weight:800;color:var(--text-primary);margin:0;">MemoryBot</h1>
+            <p style="margin-top:8px;color:var(--text-secondary);font-size:15px;">AI Memory Companion</p>
+        </div>
+
+        <div class="card" style="padding:32px;">
+            <div class="alert-warning" style="margin-bottom:24px;text-align:center;">
+                <strong>Disclaimer:</strong> This is an AI simulation. The AI is NOT the actual person being remembered.
+            </div>
+
+            {% if error %}
+            <div class="alert-error" style="margin-bottom:16px;text-align:center;">{{ error }}</div>
+            {% endif %}
+
+            <form method="POST" action="/auth/login" style="display:flex;flex-direction:column;gap:16px;">
+                <div>
+                    <label style="display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;">Email</label>
+                    <input type="email" name="email" required class="input-field" placeholder="you@example.com">
+                </div>
+                <div>
+                    <label style="display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;">Password</label>
+                    <input type="password" name="password" required class="input-field" placeholder="Enter your password">
+                </div>
+                <button type="submit" class="btn-primary" style="width:100%;justify-content:center;padding:14px;font-size:15px;margin-top:8px;">
+                    Sign In
+                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
+                </button>
+            </form>
+
+            <div class="divider" style="margin:24px 0;"></div>
+
+            <p style="text-align:center;font-size:14px;color:var(--text-secondary);">
+                Don't have an account?
+                <a href="/auth/register" style="color:var(--accent-purple);text-decoration:none;font-weight:600;">Sign up</a>
+            </p>
+        </div>
+    </div>
+</div>
+{% endblock %}

templates/partials/sidebar.html

@@ -0,0 +1,49 @@
+{% set current_path = request.url.path %}
+<aside class="fixed left-0 top-0 h-full w-64 flex flex-col z-30" style="background:var(--bg-secondary);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;z-index:30;position:fixed;left:0;top:0;height:100%;width:256px;">
+    <div style="padding:24px;border-bottom:1px solid var(--border-primary);">
+        <a href="/dashboard" style="display:flex;align-items:center;gap:12px;text-decoration:none;">
+            <div class="avatar avatar-md" style="background:var(--gradient-primary);">
+                <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                    <path d="M19 11a7 7 0 01-7 7m0 0a7 7 0 01-7-7m7 7v4m0 0H8m4 0h4m-4-8a3 3 0 01-3-3V5a3 3 0 116 0v6a3 3 0 01-3 3z"/>
+                </svg>
+            </div>
+            <div>
+                <span style="font-size:18px;font-weight:800;color:var(--text-primary);">MemoryBot</span>
+                <span style="display:block;font-size:10px;color:var(--text-muted);letter-spacing:0.05em;text-transform:uppercase;">AI Memory Companion</span>
+            </div>
+        </a>
+    </div>
+
+    <nav style="flex:1;display:flex;flex-direction:column;gap:6px;padding:24px 16px;">
+        {% set nav_items = [
+            ("/dashboard", "Dashboard", '<path d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"/>'),
+            ("/profiles", "Profiles", '<path d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0z"/>'),
+            ("/chat", "Chat", '<path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/>'),
+            ("/search", "Search", '<circle cx="11" cy="11" r="8"/><path d="M21 21l-4.35-4.35"/>'),
+            ("/admin", "Admin", '<circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.65 1.65 0 00.33 1.82l.06.06a2 2 0 010 2.83 2 2 0 01-2.83 0l-.06-.06a1.65 1.65 0 00-1.82-.33 1.65 1.65 0 00-1 1.51V21a2 2 0 01-4 0v-.09A1.65 1.65 0 009 19.4a1.65 1.65 0 00-1.82.33l-.06.06a2 2 0 01-2.83-2.83l.06-.06A1.65 1.65 0 004.68 15a1.65 1.65 0 00-1.51-1H3a2 2 0 010-4h.09A1.65 1.65 0 004.6 9a1.65 1.65 0 00-.33-1.82l-.06-.06a2 2 0 012.83-2.83l.06.06A1.65 1.65 0 009 4.68a1.65 1.65 0 001-1.51V3a2 2 0 014 0v.09a1.65 1.65 0 001 1.51 1.65 1.65 0 001.82-.33l.06-.06a2 2 0 012.83 2.83l-.06.06A1.65 1.65 0 0019.4 9a1.65 1.65 0 001.51 1H21a2 2 0 010 4h-.09a1.65 1.65 0 00-1.51 1z"/>'),
+        ] %}
+        {% for path, label, icon in nav_items %}
+        {% set is_active = current_path == path or (path != '/dashboard' and current_path.startswith(path)) %}
+        <a href="{{ path }}" style="display:flex;align-items:center;gap:12px;padding:12px 20px;border-radius:12px;transition:all 0.2s;text-decoration:none;{% if is_active %}background:rgba(139,92,246,0.15);color:var(--accent-purple);{% else %}color:var(--text-secondary);{% endif %}">
+            <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">{{ icon }}</svg>
+            {{ label }}
+        </a>
+        {% endfor %}
+    </nav>
+
+    <div style="padding:16px;border-top:1px solid var(--border-primary);">
+        <div style="display:flex;align-items:center;gap:12px;padding:8px 16px;">
+            <div class="avatar avatar-sm avatar-purple">
+                <span>{{ user.name[0] if user else '?' }}</span>
+            </div>
+            <div style="flex:1;min-width:0;">
+                <p style="font-size:13px;font-weight:600;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">{{ user.name }}</p>
+                <p style="font-size:11px;color:var(--text-muted);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;">{{ user.email }}</p>
+            </div>
+        </div>
+        <a href="/auth/logout" style="display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:12px;color:var(--text-secondary);transition:all 0.2s;margin-top:4px;text-decoration:none;" onmouseover="this.style.background='rgba(239,68,68,0.1)';this.style.color='#f87171'" onmouseout="this.style.background='';this.style.color='var(--text-secondary)'">
+            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><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>
+            Sign Out
+        </a>
+    </div>
+</aside>

templates/profile_detail.html

@@ -0,0 +1,274 @@
+{% extends "base.html" %}
+{% block title %}{{ profile.name }} - MemoryBot{% endblock %}
+{% block body %}
+<div class="min-h-full flex">
+    {% include "partials/sidebar.html" %}
+    <div class="flex-1" style="margin-left:256px;padding:32px;">
+        <div style="max-width:900px;margin:0 auto;">
+            <a href="/profiles" style="display:inline-flex;align-items:center;gap:6px;color:var(--accent-purple);text-decoration:none;font-size:13px;font-weight:600;margin-bottom:20px;">
+                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 19l-7-7 7-7"/></svg>
+                Back to Profiles
+            </a>
+
+            <div class="card slide-up" style="margin-bottom:24px;">
+                <div style="display:flex;align-items:flex-start;justify-content:space-between;">
+                    <div style="display:flex;gap:20px;">
+                        <div class="avatar avatar-xl avatar-purple">{{ profile.name[0] }}</div>
+                        <div>
+                            <h1 style="font-size:28px;font-weight:800;color:var(--text-primary);margin:0;">{{ profile.name }}</h1>
+                            {% if profile.relationship_type %}
+                            <span class="badge badge-purple" style="margin-top:8px;">{{ profile.relationship_type }}</span>
+                            {% endif %}
+                            {% if profile.description %}
+                            <p style="color:var(--text-secondary);margin:12px 0 0;font-size:14px;line-height:1.6;max-width:600px;">{{ profile.description }}</p>
+                            {% endif %}
+                            <div style="display:flex;gap:20px;margin-top:12px;font-size:13px;color:var(--text-muted);">
+                                {% if profile.date_of_birth %}<span>Born: {{ profile.date_of_birth }}</span>{% endif %}
+                                {% if profile.date_of_death %}<span>Died: {{ profile.date_of_death }}</span>{% endif %}
+                                <span>Created: {{ profile.created_at.strftime('%b %d, %Y') if profile.created_at else '' }}</span>
+                            </div>
+                        </div>
+                    </div>
+                    <div style="display:flex;gap:10px;flex-shrink:0;align-items:center;">
+                        <a href="/chat/{{ profile.id }}" style="display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-size:13px;font-weight:600;padding:10px 20px;border-radius:12px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:white;cursor:pointer;transition:all 0.2s;" onmouseover="this.style.transform='translateY(-1px)';this.style.boxShadow='0 4px 20px rgba(139,92,246,0.4)'" onmouseout="this.style.transform='';this.style.boxShadow=''">
+                            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg>
+                            Chat
+                        </a>
+                        <a href="/profiles/{{ profile.id }}/timeline" style="display:inline-flex;align-items:center;gap:6px;text-decoration:none;font-size:13px;font-weight:500;padding:10px 20px;border-radius:12px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-primary);cursor:pointer;transition:all 0.2s;" onmouseover="this.style.borderColor='var(--accent-purple)'" onmouseout="this.style.borderColor='var(--border-primary)'">
+                            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
+                            Timeline
+                        </a>
+                        <button type="button" onclick="document.getElementById('editModal').style.display='flex'" style="display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;padding:10px 20px;border-radius:12px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-primary);cursor:pointer;transition:all 0.2s;" onmouseover="this.style.borderColor='var(--accent-purple)'" onmouseout="this.style.borderColor='var(--border-primary)'">
+                            <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><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>
+                            Edit
+                        </button>
+                        <form method="POST" action="/profiles/{{ profile.id }}/delete" onsubmit="return confirm('Delete this profile and all its data?')" style="margin:0;">
+                            <button type="submit" style="display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;padding:10px 20px;border-radius:12px;background:rgba(239,68,68,0.1);color:#f87171;border:1px solid rgba(239,68,68,0.3);cursor:pointer;transition:all 0.2s;" onmouseover="this.style.background='rgba(239,68,68,0.2)'" onmouseout="this.style.background='rgba(239,68,68,0.1)'">
+                                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2"/></svg>
+                                Delete
+                            </button>
+                        </form>
+                    </div>
+                </div>
+            </div>
+
+            {% if profile.personality_traits or profile.interests or profile.values or profile.favorite_phrases or profile.speaking_style %}
+            <div class="card slide-up" style="margin-bottom:24px;">
+                <h2 style="font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 16px;">About This Person</h2>
+                <div style="display:flex;flex-direction:column;gap:16px;">
+                    {% if profile.personality_traits %}
+                    <div>
+                        <p style="font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em;margin:0 0 8px;">Personality Traits</p>
+                        <div style="display:flex;flex-wrap:wrap;gap:8px;">
+                            {% for trait in profile.personality_traits %}
+                            <span class="badge badge-purple">{{ trait }}</span>
+                            {% endfor %}
+                        </div>
+                    </div>
+                    {% endif %}
+                    {% if profile.interests %}
+                    <div>
+                        <p style="font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em;margin:0 0 8px;">Interests</p>
+                        <div style="display:flex;flex-wrap:wrap;gap:8px;">
+                            {% for interest in profile.interests %}
+                            <span class="badge badge-blue">{{ interest }}</span>
+                            {% endfor %}
+                        </div>
+                    </div>
+                    {% endif %}
+                    {% if profile.values %}
+                    <div>
+                        <p style="font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em;margin:0 0 8px;">Values</p>
+                        <div style="display:flex;flex-wrap:wrap;gap:8px;">
+                            {% for val in profile.values %}
+                            <span class="badge badge-green">{{ val }}</span>
+                            {% endfor %}
+                        </div>
+                    </div>
+                    {% endif %}
+                    {% if profile.favorite_phrases %}
+                    <div>
+                        <p style="font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em;margin:0 0 8px;">Favorite Phrases</p>
+                        <div style="display:flex;flex-direction:column;gap:6px;">
+                            {% for phrase in profile.favorite_phrases %}
+                            <p style="font-size:14px;color:var(--text-secondary);font-style:italic;margin:0;padding-left:12px;border-left:2px solid var(--accent-purple);">"{{ phrase }}"</p>
+                            {% endfor %}
+                        </div>
+                    </div>
+                    {% endif %}
+                    {% if profile.speaking_style %}
+                    <div>
+                        <p style="font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em;margin:0 0 8px;">Speaking Style</p>
+                        <p style="font-size:14px;color:var(--text-secondary);margin:0;">{{ profile.speaking_style }}</p>
+                    </div>
+                    {% endif %}
+                </div>
+            </div>
+            {% endif %}
+
+            <div class="card" style="padding:0;overflow:hidden;">
+                <div style="padding:20px 24px;border-bottom:1px solid var(--border-primary);">
+                    <div style="display:flex;align-items:center;justify-content:space-between;">
+                        <h2 style="font-size:16px;font-weight:700;color:var(--text-primary);margin:0;">Uploaded Files</h2>
+                        <span class="badge badge-blue">{{ files|length }} file{{ 's' if files|length != 1 }}</span>
+                    </div>
+                </div>
+                <div style="padding:24px;">
+                    <div id="uploadZone" class="upload-zone" style="margin-bottom:24px;">
+                        <svg width="40" height="40" viewBox="0 0 24 24" fill="none" stroke="var(--text-muted)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" style="margin:0 auto 12px;display:block;"><path d="M7 16a4 4 0 01-.88-7.903A5 5 0 1115.9 6L16 6a5 5 0 011 9.9M15 13l-3-3m0 0l-3 3m3-3v12"/></svg>
+                        <p style="color:var(--text-secondary);margin:0 0 4px;font-size:14px;">Drop files here or click to upload</p>
+                        <p style="color:var(--text-muted);margin:0;font-size:12px;">PDF, DOCX, TXT, Images, Audio (max 50MB)</p>
+                        <input type="file" id="fileInput" class="hidden" multiple accept=".pdf,.docx,.txt,.png,.jpg,.jpeg,.gif,.mp3,.wav,.m4a,.webm,.mp4">
+                    </div>
+                    <div id="uploadProgress" class="hidden" style="margin-bottom:20px;">
+                        <div class="progress-bar"><div id="progressBar" class="progress-bar-fill" style="width:0%"></div></div>
+                        <p id="progressText" style="font-size:13px;color:var(--text-secondary);margin:8px 0 0;"></p>
+                    </div>
+
+                    {% if files %}
+                    <div style="display:flex;flex-direction:column;gap:8px;" id="filesList">
+                        {% for f in files %}
+                        <div class="flex items-center justify-between" style="padding:14px 16px;border-radius:12px;border:1px solid var(--border-primary);transition:all 0.2s;" onmouseover="this.style.background='var(--bg-card-hover)'" onmouseout="this.style.background=''">
+                            <div style="display:flex;align-items:center;gap:14px;">
+                                <div class="file-icon {% if f.file_type == '.pdf' %}pdf{% elif f.file_type == '.txt' %}txt{% elif f.file_type in ['.png','.jpg','.jpeg','.gif'] %}img{% elif f.file_type in ['.mp3','.wav','.m4a'] %}audio{% else %}default{% endif %}">
+                                    {% if f.file_type == '.pdf' %}
+                                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z"/><path d="M14 2v6h6"/></svg>
+                                    {% elif f.file_type == '.txt' %}
+                                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z"/><path d="M14 2v6h6"/><line x1="16" y1="13" x2="8" y2="13"/><line x1="16" y1="17" x2="8" y2="17"/><polyline points="10 9 9 9 8 9"/></svg>
+                                    {% else %}
+                                    <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z"/><path d="M14 2v6h6"/></svg>
+                                    {% endif %}
+                                </div>
+                                <div>
+                                    <p style="font-size:14px;font-weight:600;color:var(--text-primary);margin:0;">{{ f.original_name }}</p>
+                                    <p style="font-size:12px;color:var(--text-muted);margin:3px 0 0;">{{ f.file_type }} &middot; {{ (f.file_size / 1024)|round(1) }}KB &middot; {{ f.created_at.strftime('%b %d, %Y') if f.created_at else '' }}</p>
+                                </div>
+                            </div>
+                            <form method="POST" action="/profiles/{{ profile.id }}/files/{{ f.id }}/delete" onsubmit="return confirm('Delete this file?')">
+                                <button type="submit" style="background:none;border:none;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:8px;transition:all 0.2s;" onmouseover="this.style.color='#ef4444';this.style.background='rgba(239,68,68,0.1)'" onmouseout="this.style.color='var(--text-muted)';this.style.background=''">
+                                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="3 6 5 6 21 6"/><path d="M19 6v14a2 2 0 01-2 2H7a2 2 0 01-2-2V6m3 0V4a2 2 0 012-2h4a2 2 0 012 2v2"/></svg>
+                                </button>
+                            </form>
+                        </div>
+                        {% endfor %}
+                    </div>
+                    {% else %}
+                    <div class="empty-state" style="padding:32px;">
+                        <p style="color:var(--text-muted);font-size:14px;margin:0;">No files uploaded yet</p>
+                    </div>
+                    {% endif %}
+                </div>
+            </div>
+
+            <div id="editModal" style="display:none;position:fixed;inset:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px);align-items:center;justify-content:center;z-index:50;">
+                <div class="card" style="max-width:520px;width:100%;margin:0 16px;padding:32px;max-height:90vh;overflow-y:auto;">
+                    <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;">
+                        <h2 style="font-size:20px;font-weight:700;color:var(--text-primary);margin:0;">Edit Profile</h2>
+                        <button type="button" onclick="document.getElementById('editModal').style.display='none'" style="background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;">
+                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
+                        </button>
+                    </div>
+                    <form method="POST" action="/profiles/{{ profile.id }}/update" style="display:flex;flex-direction:column;gap:16px;">
+                        <div>
+                            <label style="display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;">Name</label>
+                            <input type="text" name="name" value="{{ profile.name }}" required class="input-field">
+                        </div>
+                        <div>
+                            <label style="display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;">Relationship</label>
+                            <input type="text" name="relationship" value="{{ profile.relationship_type or '' }}" class="input-field">
+                        </div>
+                        <div>
+                            <label style="display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;">Description</label>
+                            <textarea name="description" rows="3" class="input-field">{{ profile.description or '' }}</textarea>
+                        </div>
+                        <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
+                            <div>
+                                <label style="display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;">Date of Birth</label>
+                                <input type="date" name="date_of_birth" value="{{ profile.date_of_birth or '' }}" class="input-field">
+                            </div>
+                            <div>
+                                <label style="display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;">Date of Death</label>
+                                <input type="date" name="date_of_death" value="{{ profile.date_of_death or '' }}" class="input-field">
+                            </div>
+                        </div>
+                        <div>
+                            <label style="display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;">Personality Traits</label>
+                            <input type="text" name="personality_traits" value="{{ profile.personality_traits|join(', ') if profile.personality_traits else '' }}" class="input-field" placeholder="Comma-separated">
+                        </div>
+                        <div>
+                            <label style="display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;">Interests</label>
+                            <input type="text" name="interests" value="{{ profile.interests|join(', ') if profile.interests else '' }}" class="input-field" placeholder="Comma-separated">
+                        </div>
+                        <div>
+                            <label style="display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;">Favorite Phrases</label>
+                            <textarea name="favorite_phrases" rows="2" class="input-field" placeholder="One phrase per line">{{ profile.favorite_phrases|join('\n') if profile.favorite_phrases else '' }}</textarea>
+                        </div>
+                        <div>
+                            <label style="display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;">Speaking Style</label>
+                            <input type="text" name="speaking_style" value="{{ profile.speaking_style or '' }}" class="input-field">
+                        </div>
+                        <div>
+                            <label style="display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;">Writing Style</label>
+                            <input type="text" name="writing_style" value="{{ profile.writing_style or '' }}" class="input-field">
+                        </div>
+                        <div>
+                            <label style="display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;">Values</label>
+                            <input type="text" name="values" value="{{ profile.values|join(', ') if profile.values else '' }}" class="input-field" placeholder="Comma-separated">
+                        </div>
+                        <div style="display:flex;gap:12px;margin-top:8px;">
+                            <button type="button" onclick="document.getElementById('editModal').style.display='none'" style="flex:1;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:500;padding:10px 20px;border-radius:12px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-primary);cursor:pointer;">Cancel</button>
+                            <button type="submit" style="flex:1;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;padding:10px 20px;border-radius:12px;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:white;border:none;cursor:pointer;">Save Changes</button>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+
+<script>
+const profileId = "{{ profile.id }}";
+const uploadZone = document.getElementById('uploadZone');
+const fileInput = document.getElementById('fileInput');
+const uploadProgress = document.getElementById('uploadProgress');
+const progressBar = document.getElementById('progressBar');
+const progressText = document.getElementById('progressText');
+
+uploadZone.addEventListener('click', () => fileInput.click());
+uploadZone.addEventListener('dragover', (e) => { e.preventDefault(); uploadZone.classList.add('drag-over'); });
+uploadZone.addEventListener('dragleave', () => uploadZone.classList.remove('drag-over'));
+uploadZone.addEventListener('drop', (e) => {
+    e.preventDefault();
+    uploadZone.classList.remove('drag-over');
+    handleFiles(e.dataTransfer.files);
+});
+fileInput.addEventListener('change', () => handleFiles(fileInput.files));
+
+async function handleFiles(files) {
+    for (const file of files) {
+        uploadProgress.classList.remove('hidden');
+        progressText.textContent = `Uploading ${file.name}...`;
+        progressBar.style.width = '50%';
+
+        const formData = new FormData();
+        formData.append('file', file);
+
+        try {
+            const resp = await fetch(`/profiles/${profileId}/upload`, { method: 'POST', body: formData });
+            const data = await resp.json();
+            if (data.success) {
+                progressBar.style.width = '100%';
+                progressText.textContent = `Uploaded ${file.name} (${data.chunks} chunks)`;
+                setTimeout(() => location.reload(), 1000);
+            } else {
+                progressText.textContent = `Error: ${data.error}`;
+                progressBar.style.width = '0%';
+            }
+        } catch (e) {
+            progressText.textContent = `Error uploading ${file.name}`;
+            progressBar.style.width = '0%';
+        }
+    }
+}
+</script>
+{% endblock %}

templates/profiles.html

@@ -0,0 +1,121 @@
+{% extends "base.html" %}
+{% block title %}Profiles - MemoryBot{% endblock %}
+{% block body %}
+<div class="min-h-full flex">
+    {% include "partials/sidebar.html" %}
+    <div class="flex-1" style="margin-left:256px;padding:32px;">
+        <div style="max-width:900px;margin:0 auto;">
+            <div class="flex items-center justify-between slide-up" style="margin-bottom:32px;">
+                <div>
+                    <h1 style="font-size:28px;font-weight:800;color:var(--text-primary);margin:0;">Memory Profiles</h1>
+                    <p style="margin-top:6px;color:var(--text-secondary);font-size:15px;">Create and manage memory profiles for your loved ones</p>
+                </div>
+                <button onclick="document.getElementById('createModal').classList.remove('hidden')" class="btn-primary">
+                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
+                    New Profile
+                </button>
+            </div>
+
+            {% if profiles %}
+            <div style="display:grid;grid-template-columns:repeat(2,1fr);gap:20px;">
+                {% for p in profiles %}
+                <a href="/profiles/{{ p.id }}" class="card slide-up" style="text-decoration:none;cursor:pointer;">
+                    <div style="display:flex;gap:16px;">
+                        <div class="avatar avatar-lg avatar-purple">{{ p.name[0] }}</div>
+                        <div style="flex:1;min-width:0;">
+                            <h3 style="font-size:18px;font-weight:700;color:var(--text-primary);margin:0;">{{ p.name }}</h3>
+                            {% if p.relationship_type %}
+                            <span class="badge badge-purple" style="margin-top:6px;">{{ p.relationship_type }}</span>
+                            {% endif %}
+                            {% if p.description %}
+                            <p style="font-size:13px;color:var(--text-secondary);margin:10px 0 0;line-height:1.5;" class="line-clamp-2">{{ p.description }}</p>
+                            {% endif %}
+                            <div style="display:flex;gap:16px;margin-top:12px;font-size:12px;color:var(--text-muted);">
+                                {% if p.date_of_birth %}<span>Born: {{ p.date_of_birth }}</span>{% endif %}
+                                {% if p.date_of_death %}<span>Died: {{ p.date_of_death }}</span>{% endif %}
+                            </div>
+                        </div>
+                    </div>
+                </a>
+                {% endfor %}
+            </div>
+            {% else %}
+            <div class="card" style="padding:64px 32px;text-align:center;">
+                <div class="empty-state-icon" style="width:80px;height:80px;">
+                    <svg width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="var(--accent-purple)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0z"/></svg>
+                </div>
+                <h3 style="font-size:20px;font-weight:700;color:var(--text-primary);margin:16px 0 8px;">No profiles yet</h3>
+                <p style="color:var(--text-secondary);font-size:14px;margin:0 0 24px;">Create your first memory profile to start preserving memories</p>
+                <button onclick="document.getElementById('createModal').classList.remove('hidden')" class="btn-primary" style="padding:12px 28px;">
+                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="12" y1="5" x2="12" y2="19"/><line x1="5" y1="12" x2="19" y2="12"/></svg>
+                    Create First Profile
+                </button>
+            </div>
+            {% endif %}
+
+            <div id="createModal" class="hidden modal-overlay">
+                <div class="card" style="max-width:520px;width:100%;margin:0 16px;padding:32px;max-height:90vh;overflow-y:auto;" class="chat-scroll">
+                    <div style="display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;">
+                        <h2 style="font-size:20px;font-weight:700;color:var(--text-primary);margin:0;">Create Memory Profile</h2>
+                        <button onclick="document.getElementById('createModal').classList.add('hidden')" style="background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;">
+                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/></svg>
+                        </button>
+                    </div>
+                    <form method="POST" action="/profiles/create" onsubmit="document.getElementById('createModal').classList.add('hidden');" style="display:flex;flex-direction:column;gap:16px;">
+                        <div>
+                            <label style="display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;">Name *</label>
+                            <input type="text" name="name" required class="input-field" placeholder="e.g., Margaret Johnson">
+                        </div>
+                        <div>
+                            <label style="display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;">Relationship</label>
+                            <input type="text" name="relationship" class="input-field" placeholder="e.g., Grandmother, Father, Friend">
+                        </div>
+                        <div>
+                            <label style="display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;">Description</label>
+                            <textarea name="description" rows="3" class="input-field" placeholder="Tell us about this person..."></textarea>
+                        </div>
+                        <div style="display:grid;grid-template-columns:1fr 1fr;gap:12px;">
+                            <div>
+                                <label style="display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;">Date of Birth</label>
+                                <input type="date" name="date_of_birth" class="input-field">
+                            </div>
+                            <div>
+                                <label style="display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;">Date of Death</label>
+                                <input type="date" name="date_of_death" class="input-field">
+                            </div>
+                        </div>
+                        <div>
+                            <label style="display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;">Personality Traits</label>
+                            <input type="text" name="personality_traits" class="input-field" placeholder="Comma-separated, e.g., Kind, Patient, Witty">
+                        </div>
+                        <div>
+                            <label style="display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;">Interests</label>
+                            <input type="text" name="interests" class="input-field" placeholder="Comma-separated, e.g., Gardening, Reading, Cooking">
+                        </div>
+                        <div>
+                            <label style="display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;">Favorite Phrases</label>
+                            <textarea name="favorite_phrases" rows="2" class="input-field" placeholder="One phrase per line"></textarea>
+                        </div>
+                        <div>
+                            <label style="display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;">Speaking Style</label>
+                            <input type="text" name="speaking_style" class="input-field" placeholder="e.g., Warm and gentle, with a slight drawl">
+                        </div>
+                        <div>
+                            <label style="display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;">Writing Style</label>
+                            <input type="text" name="writing_style" class="input-field" placeholder="e.g., Heartfelt and full of wisdom">
+                        </div>
+                        <div>
+                            <label style="display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;">Values</label>
+                            <input type="text" name="values" class="input-field" placeholder="Comma-separated, e.g., Family, Faith, Kindness">
+                        </div>
+                        <div style="display:flex;gap:12px;margin-top:8px;">
+                            <button type="button" onclick="document.getElementById('createModal').classList.add('hidden')" class="btn-secondary" style="flex:1;justify-content:center;">Cancel</button>
+                            <button type="submit" class="btn-primary" style="flex:1;justify-content:center;">Create Profile</button>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
+{% endblock %}

templates/register.html

@@ -0,0 +1,49 @@
+{% extends "base.html" %}
+{% block title %}Register - MemoryBot{% endblock %}
+{% block body %}
+<div style="display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg-primary);padding:16px;">
+    <div style="max-width:440px;width:100%;">
+        <div class="text-center" style="margin-bottom:32px;">
+            <div class="avatar avatar-xl" style="background:var(--gradient-primary);margin:0 auto 20px;box-shadow:0 0 40px rgba(139,92,246,0.3);">
+                <svg width="36" height="36" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+                    <path d="M16 21v-2a4 4 0 00-4-4H5a4 4 0 00-4 4v2"/><circle cx="8.5" cy="7" r="4"/><line x1="20" y1="8" x2="20" y2="14"/><line x1="23" y1="11" x2="17" y2="11"/>
+                </svg>
+            </div>
+            <h1 style="font-size:32px;font-weight:800;color:var(--text-primary);margin:0;">Create Account</h1>
+            <p style="margin-top:8px;color:var(--text-secondary);font-size:15px;">Join MemoryBot to preserve memories</p>
+        </div>
+
+        <div class="card" style="padding:32px;">
+            {% if error %}
+            <div class="alert-error" style="margin-bottom:16px;text-align:center;">{{ error }}</div>
+            {% endif %}
+
+            <form method="POST" action="/auth/register" style="display:flex;flex-direction:column;gap:16px;">
+                <div>
+                    <label style="display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;">Full Name</label>
+                    <input type="text" name="name" required class="input-field" placeholder="John Smith">
+                </div>
+                <div>
+                    <label style="display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;">Email</label>
+                    <input type="email" name="email" required class="input-field" placeholder="you@example.com">
+                </div>
+                <div>
+                    <label style="display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;">Password</label>
+                    <input type="password" name="password" required minlength="6" class="input-field" placeholder="At least 6 characters">
+                </div>
+                <button type="submit" class="btn-primary" style="width:100%;justify-content:center;padding:14px;font-size:15px;margin-top:8px;">
+                    Create Account
+                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14M12 5l7 7-7 7"/></svg>
+                </button>
+            </form>
+
+            <div class="divider" style="margin:24px 0;"></div>
+
+            <p style="text-align:center;font-size:14px;color:var(--text-secondary);">
+                Already have an account?
+                <a href="/auth/login" style="color:var(--accent-purple);text-decoration:none;font-weight:600;">Sign in</a>
+            </p>
+        </div>
+    </div>
+</div>
+{% endblock %}

templates/search.html

@@ -0,0 +1,74 @@
+{% extends "base.html" %}
+{% block title %}Search - MemoryBot{% endblock %}
+{% block body %}
+<div class="min-h-full flex">
+    {% include "partials/sidebar.html" %}
+    <div class="flex-1" style="margin-left:256px;padding:32px;">
+        <div style="max-width:900px;margin:0 auto;">
+            <div class="slide-up" style="margin-bottom:32px;">
+                <h1 style="font-size:28px;font-weight:800;color:var(--text-primary);margin:0;">Search Memories</h1>
+                <p style="margin-top:6px;color:var(--text-secondary);font-size:15px;">Search through all uploaded memories using AI-powered search</p>
+            </div>
+
+            <form method="POST" action="/search" style="margin-bottom:32px;">
+                <div style="display:flex;gap:12px;">
+                    <div style="flex:1;position:relative;">
+                        <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="var(--text-muted)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" style="position:absolute;left:16px;top:50%;transform:translateY(-50%);"><circle cx="11" cy="11" r="8"/><path d="M21 21l-4.35-4.35"/></svg>
+                        <input type="text" name="query" value="{{ query }}" placeholder="Search memories..." class="input-field" style="padding:14px 16px 14px 44px;font-size:15px;border-radius:14px;">
+                    </div>
+                    <select name="profile_id" class="select-field" style="width:200px;padding:14px 16px;border-radius:14px;">
+                        <option value="">All profiles</option>
+                        {% for p in profiles %}
+                        <option value="{{ p.id }}" {% if selected_profile is defined and selected_profile == p.id %}selected{% endif %}>{{ p.name }}</option>
+                        {% endfor %}
+                    </select>
+                    <button type="submit" class="btn-primary" style="padding:14px 28px;border-radius:14px;font-size:15px;">
+                        Search
+                    </button>
+                </div>
+            </form>
+
+            {% if results %}
+            <p style="font-size:13px;color:var(--text-muted);margin-bottom:16px;">Found <strong style="color:var(--accent-purple);">{{ results|length }}</strong> result{{ 's' if results|length != 1 }}</p>
+            <div style="display:flex;flex-direction:column;gap:12px;">
+                {% for r in results %}
+                <div class="card slide-up" style="padding:20px;">
+                    <div style="display:flex;align-items:flex-start;gap:16px;">
+                        <div style="width:4px;min-height:40px;border-radius:2px;background:var(--gradient-primary);flex-shrink:0;"></div>
+                        <div style="flex:1;">
+                            {% if r.profile_name is defined %}
+                            <span class="badge badge-purple" style="margin-bottom:8px;">{{ r.profile_name }}</span>
+                            {% endif %}
+                            <p style="color:var(--text-primary);font-size:14px;line-height:1.6;margin:0;">{{ r.content }}</p>
+                            <div style="display:flex;gap:16px;margin-top:12px;font-size:12px;color:var(--text-muted);">
+                                <span style="display:flex;align-items:center;gap:4px;">
+                                    <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
+                                    Relevance: {{ (r.score * 100)|round(1) }}%
+                                </span>
+                                <span>Chunk {{ r.chunk_index + 1 }}</span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                {% endfor %}
+            </div>
+            {% elif query %}
+            <div class="card" style="padding:64px 32px;text-align:center;">
+                <div class="empty-state-icon" style="margin:0 auto 16px;">
+                    <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="var(--text-muted)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="M21 21l-4.35-4.35"/></svg>
+                </div>
+                <p style="color:var(--text-secondary);font-size:14px;margin:0;">No results found for "<strong style="color:var(--text-primary);">{{ query }}</strong>". Try different keywords or upload more files.</p>
+            </div>
+            {% else %}
+            <div class="card" style="padding:64px 32px;text-align:center;">
+                <div class="empty-state-icon" style="margin:0 auto 16px;">
+                    <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="var(--accent-purple)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="11" cy="11" r="8"/><path d="M21 21l-4.35-4.35"/></svg>
+                </div>
+                <h3 style="font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 8px;">Search Your Memories</h3>
+                <p style="color:var(--text-secondary);font-size:14px;margin:0;">Enter a query above to search through all uploaded memories</p>
+            </div>
+            {% endif %}
+        </div>
+    </div>
+</div>
+{% endblock %}

templates/timeline.html

@@ -0,0 +1,69 @@
+{% extends "base.html" %}
+{% block title %}Timeline - {{ profile.name }} - MemoryBot{% endblock %}
+{% block body %}
+<div class="min-h-full flex">
+    {% include "partials/sidebar.html" %}
+    <div class="flex-1" style="margin-left:256px;padding:32px;">
+        <div style="max-width:800px;margin:0 auto;">
+            <a href="/profiles/{{ profile.id }}" style="display:inline-flex;align-items:center;gap:6px;color:var(--accent-purple);text-decoration:none;font-size:13px;font-weight:600;margin-bottom:20px;">
+                <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 19l-7-7 7-7"/></svg>
+                Back to {{ profile.name }}
+            </a>
+
+            <div class="slide-up" style="margin-bottom:32px;">
+                <h1 style="font-size:28px;font-weight:800;color:var(--text-primary);margin:0;">Memory Timeline</h1>
+                <p style="margin-top:6px;color:var(--text-secondary);font-size:15px;">Chronological view of memories for {{ profile.name }}</p>
+            </div>
+
+            {% if monthly %}
+            <div style="position:relative;padding-left:32px;">
+                <div style="position:absolute;left:12px;top:0;bottom:0;width:2px;background:var(--border-primary);"></div>
+
+                {% for month, items in monthly.items() %}
+                <div class="slide-up" style="margin-bottom:32px;">
+                    <div style="display:flex;align-items:center;gap:12px;margin-bottom:16px;position:relative;">
+                        <div style="width:24px;height:24px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;position:relative;left:-20px;z-index:1;">
+                            <div style="width:8px;height:8px;border-radius:50%;background:white;"></div>
+                        </div>
+                        <h2 style="font-size:18px;font-weight:700;color:var(--text-primary);margin:0;">{{ month }}</h2>
+                    </div>
+
+                    <div style="display:flex;flex-direction:column;gap:12px;">
+                        {% for item in items %}
+                        <div class="card" style="padding:16px;margin-left:4px;">
+                            <div style="display:flex;align-items:flex-start;gap:12px;">
+                                <div style="width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;{% if item.type == 'file' %}background:rgba(59,130,246,0.15);{% else %}background:rgba(139,92,246,0.15);{% endif %}">
+                                    {% if item.type == 'file' %}
+                                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="{% if item.type == 'file' %}#3b82f6{% else %}#8b5cf6{% endif %}" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 2H6a2 2 0 00-2 2v16a2 2 0 002 2h12a2 2 0 002-2V8l-6-6z"/><path d="M14 2v6h6"/></svg>
+                                    {% else %}
+                                    <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="#8b5cf6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z"/></svg>
+                                    {% endif %}
+                                </div>
+                                <div style="flex:1;">
+                                    <div style="display:flex;align-items:center;justify-content:space-between;">
+                                        <h3 style="font-size:14px;font-weight:600;color:var(--text-primary);margin:0;">{{ item.title }}</h3>
+                                        <span class="badge {% if item.type == 'file' %}badge-blue{% else %}badge-purple{% endif %}" style="font-size:11px;">{{ item.type }}</span>
+                                    </div>
+                                    <p style="font-size:13px;color:var(--text-secondary);margin:4px 0 0;">{{ item.detail }}</p>
+                                    <p style="font-size:12px;color:var(--text-muted);margin:4px 0 0;">{{ item.date.strftime('%b %d, %Y at %H:%M') if item.date else '' }}</p>
+                                </div>
+                            </div>
+                        </div>
+                        {% endfor %}
+                    </div>
+                </div>
+                {% endfor %}
+            </div>
+            {% else %}
+            <div class="card" style="padding:64px 32px;text-align:center;">
+                <div class="empty-state-icon" style="margin:0 auto 16px;">
+                    <svg width="28" height="28" viewBox="0 0 24 24" fill="none" stroke="var(--accent-purple)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
+                </div>
+                <h3 style="font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 8px;">No Timeline Yet</h3>
+                <p style="color:var(--text-secondary);font-size:14px;margin:0;">Upload files or start conversations to build a timeline of memories.</p>
+            </div>
+            {% endif %}
+        </div>
+    </div>
+</div>
+{% endblock %}

text_extractor.py

@@ -0,0 +1,118 @@
+import os
+import json
+import re
+from typing import List, Tuple
+
+
+def extract_text_from_file(file_path: str, file_type: str) -> Tuple[str, List[str]]:
+    text = ""
+    try:
+        if file_type == ".txt":
+            text = _extract_txt(file_path)
+        elif file_type == ".pdf":
+            text = _extract_pdf(file_path)
+        elif file_type == ".docx":
+            text = _extract_docx(file_path)
+        elif file_type in (".png", ".jpg", ".jpeg", ".gif"):
+            text = _extract_image_metadata(file_path, file_type)
+        elif file_type in (".mp3", ".wav", ".m4a", ".webm", ".mp4"):
+            text = _extract_audio_metadata(file_path, file_type)
+        else:
+            text = f"[File: {os.path.basename(file_path)} - file type {file_type} is stored but text extraction is not supported]"
+    except Exception as e:
+        text = f"[Error extracting text from {os.path.basename(file_path)}: {str(e)}]"
+
+    chunks = chunk_text(text) if text else []
+    return text, chunks
+
+
+def _extract_txt(file_path: str) -> str:
+    encodings = ["utf-8", "latin-1", "cp1252"]
+    for enc in encodings:
+        try:
+            with open(file_path, "r", encoding=enc) as f:
+                return f.read()
+        except (UnicodeDecodeError, UnicodeError):
+            continue
+    return ""
+
+
+def _extract_pdf(file_path: str) -> str:
+    try:
+        from PyPDF2 import PdfReader
+        reader = PdfReader(file_path)
+        text_parts = []
+        for page in reader.pages:
+            page_text = page.extract_text()
+            if page_text:
+                text_parts.append(page_text)
+        return "\n\n".join(text_parts)
+    except Exception as e:
+        return f"[PDF extraction error: {e}]"
+
+
+def _extract_docx(file_path: str) -> str:
+    try:
+        from docx import Document
+        doc = Document(file_path)
+        return "\n\n".join(p.text for p in doc.paragraphs if p.text.strip())
+    except Exception as e:
+        return f"[DOCX extraction error: {e}]"
+
+
+def _extract_image_metadata(file_path: str, file_type: str) -> str:
+    size = os.path.getsize(file_path)
+    return f"[Image file: {os.path.basename(file_path)}, type: {file_type}, size: {size} bytes. Upload text descriptions or notes about this image as separate text files for better memory recall.]"
+
+
+def _extract_audio_metadata(file_path: str, file_type: str) -> str:
+    size = os.path.getsize(file_path)
+    return f"[Audio file: {os.path.basename(file_path)}, type: {file_type}, size: {size} bytes. You can describe the content of this audio in chat to add it to the memory context.]"
+
+
+def chunk_text(text: str, chunk_size: int = 1000, overlap: int = 200) -> List[str]:
+    if not text or not text.strip():
+        return []
+
+    text = text.strip()
+    if len(text) <= chunk_size:
+        return [text]
+
+    paragraphs = re.split(r'\n\s*\n', text)
+    chunks = []
+    current_chunk = ""
+
+    for para in paragraphs:
+        para = para.strip()
+        if not para:
+            continue
+
+        if len(current_chunk) + len(para) + 2 <= chunk_size:
+            current_chunk = f"{current_chunk}\n\n{para}" if current_chunk else para
+        else:
+            if current_chunk:
+                chunks.append(current_chunk)
+                if overlap > 0:
+                    words = current_chunk.split()
+                    overlap_words = words[-overlap // 5:] if len(words) > overlap // 5 else []
+                    current_chunk = " ".join(overlap_words) + "\n\n" + para if overlap_words else para
+                else:
+                    current_chunk = para
+            else:
+                if len(para) > chunk_size:
+                    words = para.split()
+                    temp = ""
+                    for word in words:
+                        if len(temp) + len(word) + 1 <= chunk_size:
+                            temp = f"{temp} {word}" if temp else word
+                        else:
+                            chunks.append(temp)
+                            temp = word
+                    current_chunk = temp
+                else:
+                    current_chunk = para
+
+    if current_chunk:
+        chunks.append(current_chunk)
+
+    return chunks if chunks else [text[:chunk_size]]