diff --git a/.gitignore b/.gitignore
index 9e1d25d..d6c3ab0 100644
--- a/.gitignore
+++ b/.gitignore
@@ -9,6 +9,5 @@ wheels/
 # Virtual environments
 .venv
 
-# Custom
-*_data/
-*.epub
+# Books
+books/
diff --git a/README.md b/README.md
index 5d868d7..2c131a1 100644
--- a/README.md
+++ b/README.md
@@ -2,26 +2,52 @@
 
 ![reader3](reader3.png)
 
-A lightweight, self-hosted EPUB reader that lets you read through EPUB books one chapter at a time. This makes it very easy to copy paste the contents of a chapter to an LLM, to read along. Basically - get epub books (e.g. [Project Gutenberg](https://www.gutenberg.org/) has many), open them up in this reader, copy paste text around to your favorite LLM, and read together and along.
+A lightweight, self-hosted EPUB/PDF reader that lets you read through EPUB/PDF books one chapter at a time. This makes it very easy to copy paste the contents of a chapter to an LLM, to read along. Basically - get epub/pdf books (e.g. [Project Gutenberg](https://www.gutenberg.org/) has many), open them up in this reader, copy paste text around to your favorite LLM, and read together and along.
 
-This project was 90% vibe coded just to illustrate how one can very easily [read books together with LLMs](https://x.com/karpathy/status/1990577951671509438). I'm not going to support it in any way, it's provided here as is for other people's inspiration and I don't intend to improve it. Code is ephemeral now and libraries are over, ask your LLM to change it in whatever way you like.
+This project was 90% vibe coded just to illustrate how one can very easily [read books together with LLMs](https://x.com/karpathy/status/1990577951671509438) by Mr. Karpathy. 
+
+After branching off, I added pdf support, and a chat pane to allow the similar behavior like Gemini pane when you enable it inside Chrome browser. Currently, it only supports querying with selected text automatically to remote LLMs of your choice. Some interesting ideas could be starting from here, like how to do prompt and context management for the LLMs to make it more effective.
 
 ## Usage
 
-The project uses [uv](https://docs.astral.sh/uv/). So for example, download [Dracula EPUB3](https://www.gutenberg.org/ebooks/345) to this directory as `dracula.epub`, then:
+The project uses [uv](https://docs.astral.sh/uv/). All books (source files and processed data) live in the `books/` subdirectory. For example, download [Dracula EPUB3](https://www.gutenberg.org/ebooks/345), then:
+
+```bash
+uv run reader3.py ~/Downloads/dracula.epub
+```
+
+This creates the directory `books/dracula_data`, which registers the book to your local library.
+
+Similarly, you can also import PDF files. Just run the same command on a `.pdf` file:
+
+```bash
+uv run reader3.py ~/Downloads/mydocument.pdf
+```
+
+### Testing
+
+Run the integration test suite to verify the application:
 
 ```bash
-uv run reader3.py dracula.epub
+uv run pytest 
 ```
 
-This creates the directory `dracula_data`, which registers the book to your local library. We can then run the server:
+### Running the Server
+
+We can then run the server:
 
 ```bash
 uv run server.py
 ```
 
-And visit [localhost:8123](http://localhost:8123/) to see your current Library. You can easily add more books, or delete them from your library by deleting the folder. It's not supposed to be complicated or complex.
+To stop the server:
+
+```bash
+uv run stop_server.py
+```
+
+And visit [localhost:8123](http://localhost:8123/) to see your current Library. You can easily add more books, or delete them from your library by deleting their folder under `books/`. It's not supposed to be complicated or complex.
 
 ## License
 
-MIT
\ No newline at end of file
+MIT
diff --git a/annotations.py b/annotations.py
new file mode 100644
index 0000000..1caa3fa
--- /dev/null
+++ b/annotations.py
@@ -0,0 +1,104 @@
+import os
+import json
+import uuid
+from datetime import datetime
+from typing import List, Optional, Literal
+from pydantic import BaseModel, Field
+
+# --- Data Models ---
+
+class AnnotationTarget(BaseModel):
+    chapter_index: int
+    # For EPUB:
+    cfi: Optional[str] = None 
+    quote: Optional[str] = None
+    # For PDF:
+    page_num: Optional[int] = None
+    rect: Optional[List[float]] = None 
+
+class ChatMessage(BaseModel):
+    role: str
+    content: str
+
+class AnnotationContent(BaseModel):
+    text: Optional[str] = None  # Markdown string for notes
+    color: Optional[str] = None # e.g. "#ffff00"
+    chat_messages: Optional[List[ChatMessage]] = None
+
+class Annotation(BaseModel):
+    id: str = Field(default_factory=lambda: str(uuid.uuid4()))
+    created_at: str = Field(default_factory=lambda: datetime.utcnow().isoformat())
+    type: Literal['highlight', 'note', 'chat_thread']
+    target: AnnotationTarget
+    content: AnnotationContent
+
+# --- Storage Logic ---
+
+def _get_annotations_path(books_dir: str, book_id: str) -> str:
+    return os.path.join(books_dir, book_id, "annotations.json")
+
+def load_annotations(books_dir: str, book_id: str) -> List[Annotation]:
+    path = _get_annotations_path(books_dir, book_id)
+    if not os.path.exists(path):
+        return []
+    
+    try:
+        with open(path, "r", encoding="utf-8") as f:
+            raw_data = json.load(f)
+            return [Annotation(**item) for item in raw_data]
+    except Exception as e:
+        print(f"Error loading annotations for {book_id}: {e}")
+        return []
+
+def save_annotation_to_disk(books_dir: str, book_id: str, new_annotation: Annotation):
+    # Load existing
+    annotations = load_annotations(books_dir, book_id)
+    annotations.append(new_annotation)
+    
+    # Save back
+    path = _get_annotations_path(books_dir, book_id)
+    os.makedirs(os.path.dirname(path), exist_ok=True)
+    try:
+        with open(path, "w", encoding="utf-8") as f:
+            # dumping model_dump(mode='json') handles datetime/uuid serialization
+            json.dump([a.model_dump(mode='json') for a in annotations], f, indent=2)
+    except Exception as e:
+        print(f"Error saving annotation for {book_id}: {e}")
+        raise e
+
+def delete_annotation_from_disk(books_dir: str, book_id: str, annotation_id: str):
+    annotations = load_annotations(books_dir, book_id)
+    filtered = [a for a in annotations if a.id != annotation_id]
+    
+    if len(filtered) == len(annotations):
+        return False # ID not found
+    
+    path = _get_annotations_path(books_dir, book_id)
+    try:
+        with open(path, "w", encoding="utf-8") as f:
+            json.dump([a.model_dump(mode='json') for a in filtered], f, indent=2)
+        return True
+    except Exception as e:
+        print(f"Error deleting annotation for {book_id}: {e}")
+        raise e
+
+def update_annotation_in_disk(books_dir: str, book_id: str, updated_annotation: Annotation):
+    annotations = load_annotations(books_dir, book_id)
+    found = False
+    for i, a in enumerate(annotations):
+        if a.id == updated_annotation.id:
+            annotations[i] = updated_annotation
+            found = True
+            break
+    
+    if not found:
+        return False
+
+    path = _get_annotations_path(books_dir, book_id)
+    try:
+        with open(path, "w", encoding="utf-8") as f:
+            json.dump([a.model_dump(mode='json') for a in annotations], f, indent=2)
+        return True
+    except Exception as e:
+        print(f"Error updating annotation for {book_id}: {e}")
+        raise e
diff --git a/pyproject.toml b/pyproject.toml
index 31e6179..6cdd22f 100644
--- a/pyproject.toml
+++ b/pyproject.toml
@@ -5,9 +5,14 @@ description = "Simple EPUB reader web app"
 readme = "README.md"
 requires-python = ">=3.10"
 dependencies = [
+    "anthropic>=0.79.0",
     "beautifulsoup4>=4.14.2",
     "ebooklib>=0.20",
     "fastapi>=0.121.2",
+    "httpx>=0.28.1",
     "jinja2>=3.1.6",
+    "openai>=2.20.0",
+    "pydantic>=2.12.4",
+    "pymupdf>=1.27.1",
     "uvicorn>=0.38.0",
 ]
diff --git a/reader3.png b/reader3.png
index 45aac09..571fa0d 100644
Binary files a/reader3.png and b/reader3.png differ
diff --git a/reader3.py b/reader3.py
index d0b9d3f..2367ad9 100644
--- a/reader3.py
+++ b/reader3.py
@@ -13,6 +13,7 @@
 import ebooklib
 from ebooklib import epub
 from bs4 import BeautifulSoup, Comment
+import fitz # PyMuPDF
 
 # --- Data structures ---
 
@@ -283,6 +284,52 @@ def process_epub(epub_path: str, output_dir: str) -> Book:
     return final_book
 
 
+def process_pdf(pdf_path: str, output_dir: str) -> Book:
+    """
+    Extracts metadata from a PDF and returns a Book object.
+    Does NOT convert pages to HTML/Images.
+    """
+    print(f"Processing PDF {pdf_path}...")
+
+    # 1. Load PDF
+    doc = fitz.open(pdf_path)
+
+    # 2. Extract Metadata
+    meta = doc.metadata
+
+    # PyMuPDF metadata keys: format, title, author, subject, keywords, creator, producer, creationDate, modDate
+    metadata = BookMetadata(
+        title=meta.get('title') or os.path.basename(pdf_path).replace('.pdf', ''),
+        language="en", # default
+        authors=[meta.get('author')] if meta.get('author') else [],
+        description=meta.get('subject'),
+        publisher=meta.get('producer'),
+        date=meta.get('creationDate'),
+        identifiers=[],
+        subjects=meta.get('keywords', '').split(',') if meta.get('keywords') else []
+    )
+
+    # 3. Create Output Directory
+    if os.path.exists(output_dir):
+        shutil.rmtree(output_dir)
+    os.makedirs(output_dir, exist_ok=True)
+
+    # Save absolute path to original file in the book object? 
+    # Or better: Copy the PDF to the output directory so it's self-contained
+    shutil.copy2(pdf_path, os.path.join(output_dir, "original.pdf"))
+
+    final_book = Book(
+        metadata=metadata,
+        spine=[],
+        toc=[],
+        images={},
+        source_file="original.pdf", # We will look for this in server
+        processed_at=datetime.now().isoformat()
+    )
+
+    return final_book
+
+
 def save_to_pickle(book: Book, output_dir: str):
     p_path = os.path.join(output_dir, 'book.pkl')
     with open(p_path, 'wb') as f:
@@ -301,9 +348,19 @@ def save_to_pickle(book: Book, output_dir: str):
 
     epub_file = sys.argv[1]
     assert os.path.exists(epub_file), "File not found."
-    out_dir = os.path.splitext(epub_file)[0] + "_data"
-
-    book_obj = process_epub(epub_file, out_dir)
+    
+    # Sanitize the directory name
+    original_base_name = os.path.splitext(os.path.basename(epub_file))[0]
+    safe_base_name = "".join([c for c in original_base_name if c.isalnum() or c in '._-']).strip()
+    base_name = safe_base_name + "_data"
+    
+    out_dir = os.path.join("books", base_name)
+    os.makedirs("books", exist_ok=True)
+
+    if epub_file.lower().endswith('.pdf'):
+        book_obj = process_pdf(epub_file, out_dir)
+    else:
+        book_obj = process_epub(epub_file, out_dir)
     save_to_pickle(book_obj, out_dir)
     print("\n--- Summary ---")
     print(f"Title: {book_obj.metadata.title}")
diff --git a/server.py b/server.py
index 9c870dc..072e778 100644
--- a/server.py
+++ b/server.py
@@ -3,18 +3,37 @@
 from functools import lru_cache
 from typing import Optional
 
-from fastapi import FastAPI, Request, HTTPException
-from fastapi.responses import HTMLResponse, FileResponse
+from fastapi import FastAPI, Request, HTTPException, Body
+from fastapi.responses import HTMLResponse, FileResponse, JSONResponse
 from fastapi.staticfiles import StaticFiles
 from fastapi.templating import Jinja2Templates
+import httpx
+import os
+import signal
+import sys
 
 from reader3 import Book, BookMetadata, ChapterContent, TOCEntry
+import json
+from typing import List
+from pydantic import BaseModel
+
+class ProgressUpdate(BaseModel):
+    chapter_index: int
+    page_num: int = 1  # For PDFs
+    scroll_position: float = 0.0
+    zoom: float = 100.0
+    dual_page: bool = False
+
+class ChatMessage(BaseModel):
+    role: str
+    content: str
 
 app = FastAPI()
+app.mount("/books", StaticFiles(directory="books"), name="books")
 templates = Jinja2Templates(directory="templates")
 
 # Where are the book folders located?
-BOOKS_DIR = "."
+BOOKS_DIR = "books"
 
 @lru_cache(maxsize=10)
 def load_book_cached(folder_name: str) -> Optional[Book]:
@@ -34,6 +53,181 @@ def load_book_cached(folder_name: str) -> Optional[Book]:
         print(f"Error loading book {folder_name}: {e}")
         return None
 
+OLD_PROGRESS_FILE = "reading_progress.json"
+
+# --- Per-book storage helpers ---
+
+def _book_dir(book_id: str) -> str:
+    return os.path.join(BOOKS_DIR, book_id)
+
+def load_progress(book_id: str) -> dict:
+    path = os.path.join(_book_dir(book_id), "progress.json")
+    if not os.path.exists(path):
+        return {}
+    try:
+        with open(path, "r") as f:
+            return json.load(f)
+    except Exception as e:
+        print(f"Error loading progress for {book_id}: {e}")
+        return {}
+
+def save_progress_helper(book_id: str, data: dict):
+    d = _book_dir(book_id)
+    os.makedirs(d, exist_ok=True)
+    path = os.path.join(d, "progress.json")
+    with open(path, "w") as f:
+        json.dump(data, f, indent=2)
+
+def load_chat_history(book_id: str) -> list:
+    path = os.path.join(_book_dir(book_id), "chat_history.json")
+    if not os.path.exists(path):
+        return []
+    try:
+        with open(path, "r") as f:
+            return json.load(f)
+    except Exception as e:
+        print(f"Error loading chat history for {book_id}: {e}")
+        return []
+
+def save_chat_history(book_id: str, messages: list):
+    d = _book_dir(book_id)
+    os.makedirs(d, exist_ok=True)
+    path = os.path.join(d, "chat_history.json")
+    with open(path, "w") as f:
+        json.dump(messages, f, indent=2)
+
+def delete_chat_history(book_id: str):
+    path = os.path.join(_book_dir(book_id), "chat_history.json")
+    if os.path.exists(path):
+        os.remove(path)
+
+def migrate_global_progress():
+    """One-time migration: split global reading_progress.json into per-book files."""
+    if not os.path.exists(OLD_PROGRESS_FILE):
+        return
+    try:
+        with open(OLD_PROGRESS_FILE, "r") as f:
+            all_data = json.load(f)
+        for book_id, data in all_data.items():
+            # Only migrate if per-book file doesn't already exist
+            per_book_path = os.path.join(_book_dir(book_id), "progress.json")
+            if not os.path.exists(per_book_path):
+                save_progress_helper(book_id, data)
+                print(f"  Migrated progress for: {book_id}")
+        # Rename old file to .bak
+        os.rename(OLD_PROGRESS_FILE, OLD_PROGRESS_FILE + ".bak")
+        print(f"Migration complete. Old file renamed to {OLD_PROGRESS_FILE}.bak")
+    except Exception as e:
+        print(f"Error during progress migration: {e}")
+
+# Run migration on module load
+print("Checking for progress migration...")
+migrate_global_progress()
+
+@app.post("/api/progress/{book_id}")
+async def save_progress(book_id: str, update: ProgressUpdate):
+    data = update.model_dump()
+    save_progress_helper(book_id, data)
+    return {"status": "ok"}
+
+@app.get("/api/chat-history/{book_id}")
+async def get_chat_history(book_id: str):
+    messages = load_chat_history(book_id)
+    return JSONResponse(messages)
+
+@app.post("/api/chat-history/{book_id}")
+async def append_chat_message(book_id: str, message: ChatMessage):
+    messages = load_chat_history(book_id)
+    messages.append(message.model_dump())
+    save_chat_history(book_id, messages)
+    return {"status": "ok"}
+
+@app.delete("/api/chat-history/{book_id}")
+async def clear_chat_history(book_id: str):
+    delete_chat_history(book_id)
+    return {"status": "ok"}
+
+# --- Annotations API ---
+
+from annotations import (
+    Annotation, AnnotationContent, AnnotationTarget, ChatMessage,
+    load_annotations, save_annotation_to_disk, 
+    delete_annotation_from_disk, update_annotation_in_disk
+)
+
+@app.get("/api/annotations/{book_id}")
+async def get_annotations(book_id: str):
+    return load_annotations(BOOKS_DIR, book_id)
+
+@app.post("/api/annotations/{book_id}")
+async def create_annotation(book_id: str, annotation: Annotation):
+    # Ensure ID is unique (it's UUID so unlikely to collide but good practice)
+    # save_annotation_to_disk simply appends
+    try:
+        save_annotation_to_disk(BOOKS_DIR, book_id, annotation)
+        return {"status": "ok", "id": annotation.id}
+    except Exception as e:
+        raise HTTPException(status_code=500, detail=str(e))
+
+@app.delete("/api/annotations/{book_id}/{annotation_id}")
+async def delete_annotation(book_id: str, annotation_id: str):
+    try:
+        found = delete_annotation_from_disk(BOOKS_DIR, book_id, annotation_id)
+    except Exception as e:
+        raise HTTPException(status_code=500, detail=str(e))
+
+    if not found:
+        raise HTTPException(status_code=404, detail="Annotation not found")
+    return {"status": "ok"}
+
+@app.put("/api/annotations/{book_id}/{annotation_id}")
+async def update_annotation(book_id: str, annotation_id: str, annotation: Annotation):
+    # Ensure ID matches
+    if annotation.id != annotation_id:
+        raise HTTPException(status_code=400, detail="ID mismatch")
+        
+    try:
+        found = update_annotation_in_disk(BOOKS_DIR, book_id, annotation)
+    except Exception as e:
+        raise HTTPException(status_code=500, detail=str(e))
+        
+    if not found:
+        raise HTTPException(status_code=404, detail="Annotation not found")
+    return {"status": "ok"}
+
+@app.post("/api/annotations/{book_id}/{annotation_id}/chat")
+async def append_annotation_chat(book_id: str, annotation_id: str, message: ChatMessage):
+    """
+    Appends a new message to an existing annotation's chat thread.
+    Use this for context-aware chatting.
+    """
+    annotations = load_annotations(BOOKS_DIR, book_id)
+    target_annotation = None
+    for a in annotations:
+        if a.id == annotation_id:
+            target_annotation = a
+            break
+            
+    if not target_annotation:
+        raise HTTPException(status_code=404, detail="Annotation not found")
+        
+    # Ensure chat_messages list exists
+    if target_annotation.content.chat_messages is None:
+        target_annotation.content.chat_messages = []
+        
+    target_annotation.content.chat_messages.append(message)
+    
+    # Update type if it was just a highlight before?
+    # Maybe strict typing matters, but for now we just save content.
+    if target_annotation.type == 'highlight':
+         target_annotation.type = 'chat_thread'
+
+    try:
+        update_annotation_in_disk(BOOKS_DIR, book_id, target_annotation)
+        return {"status": "ok"}
+    except Exception as e:
+        raise HTTPException(status_code=500, detail=str(e))
+
 @app.get("/", response_class=HTMLResponse)
 async def library_view(request: Request):
     """Lists all available processed books."""
@@ -42,7 +236,8 @@ async def library_view(request: Request):
     # Scan directory for folders ending in '_data' that have a book.pkl
     if os.path.exists(BOOKS_DIR):
         for item in os.listdir(BOOKS_DIR):
-            if item.endswith("_data") and os.path.isdir(item):
+            item_path = os.path.join(BOOKS_DIR, item)
+            if item.endswith("_data") and os.path.isdir(item_path):
                 # Try to load it to get the title
                 book = load_book_cached(item)
                 if book:
@@ -56,9 +251,38 @@ async def library_view(request: Request):
     return templates.TemplateResponse("library.html", {"request": request, "books": books})
 
 @app.get("/read/{book_id}", response_class=HTMLResponse)
-async def redirect_to_first_chapter(book_id: str):
-    """Helper to just go to chapter 0."""
-    return await read_chapter(book_id=book_id, chapter_index=0)
+async def redirect_to_first_chapter(request: Request, book_id: str):
+    """Helper to just go to chapter 0 OR open PDF."""
+    book = load_book_cached(book_id)
+    if not book:
+        raise HTTPException(status_code=404, detail="Book not found")
+        
+    # Check if it is a PDF
+    # We stored "original.pdf" as source_file for PDFs
+    progress = load_progress(book_id)
+    
+    if book.source_file.endswith('.pdf'):
+         initial_page = progress.get("page_num", 1)
+         initial_zoom = progress.get("zoom", 1.0)
+         initial_dual_page = "true" if progress.get("dual_page", False) else "false"
+         
+         return templates.TemplateResponse("pdf_reader.html", {
+            "request": request,
+            "book": book,
+            "book_id": book_id,
+            "pdf_url": f"/books/{book_id}/original.pdf",
+            "initial_page": initial_page,
+            "initial_zoom": initial_zoom,
+            "initial_dual_page": initial_dual_page
+        })
+        
+    # For EPUB, redirect to last read chapter if available
+    chapter_idx = progress.get("chapter_index", 0)
+    # Ensure valid index
+    if chapter_idx < 0 or chapter_idx >= len(book.spine):
+        chapter_idx = 0
+        
+    return await read_chapter(request, book_id=book_id, chapter_index=chapter_idx)
 
 @app.get("/read/{book_id}/{chapter_index}", response_class=HTMLResponse)
 async def read_chapter(request: Request, book_id: str, chapter_index: int):
@@ -76,6 +300,16 @@ async def read_chapter(request: Request, book_id: str, chapter_index: int):
     prev_idx = chapter_index - 1 if chapter_index > 0 else None
     next_idx = chapter_index + 1 if chapter_index < len(book.spine) - 1 else None
 
+    # Load progress to restore scroll/zoom if applicable
+    progress = load_progress(book_id)
+    initial_scroll = 0
+    # Always restore zoom — it's a per-book preference
+    initial_zoom = progress.get("zoom", 100)
+    
+    # Only restore scroll position for the same chapter
+    if progress.get("chapter_index") == chapter_index:
+        initial_scroll = progress.get("scroll_position", 0)
+
     return templates.TemplateResponse("reader.html", {
         "request": request,
         "book": book,
@@ -83,7 +317,32 @@ async def read_chapter(request: Request, book_id: str, chapter_index: int):
         "chapter_index": chapter_index,
         "book_id": book_id,
         "prev_idx": prev_idx,
-        "next_idx": next_idx
+        "next_idx": next_idx,
+        "initial_scroll": initial_scroll,
+        "initial_zoom": initial_zoom
+    })
+
+@app.get("/api/chapter/{book_id}/{chapter_index}")
+async def get_chapter_content(book_id: str, chapter_index: int):
+    """Returns chapter HTML + navigation metadata as JSON for AJAX navigation."""
+    book = load_book_cached(book_id)
+    if not book:
+        raise HTTPException(status_code=404, detail="Book not found")
+
+    if chapter_index < 0 or chapter_index >= len(book.spine):
+        raise HTTPException(status_code=404, detail="Chapter not found")
+
+    current_chapter = book.spine[chapter_index]
+    prev_idx = chapter_index - 1 if chapter_index > 0 else None
+    next_idx = chapter_index + 1 if chapter_index < len(book.spine) - 1 else None
+
+    return JSONResponse({
+        "content": current_chapter.content,
+        "chapter_index": chapter_index,
+        "href": current_chapter.href,
+        "prev_idx": prev_idx,
+        "next_idx": next_idx,
+        "total_chapters": len(book.spine)
     })
 
 @app.get("/read/{book_id}/images/{image_name}")
@@ -104,6 +363,87 @@ async def serve_image(book_id: str, image_name: str):
 
     return FileResponse(img_path)
 
+@app.post("/api/chat")
+async def chat_proxy(payload: dict = Body(...)):
+    """
+    Proxies chat requests to LLM providers to avoid CORS issues.
+    Payload: {
+        "provider": "openai" | "anthropic" | "custom",
+        "apiKey": "sk-...",
+        "baseUrl": "https://...",
+        "model": "gpt-4o",
+        "messages": [...]
+    }
+    """
+    provider = payload.get("provider")
+    api_key = payload.get("apiKey")
+    base_url = payload.get("baseUrl")
+    model = payload.get("model")
+    messages = payload.get("messages")
+
+    if not provider or not messages:
+        raise HTTPException(status_code=400, detail="Missing provider or messages")
+
+    try:
+        async with httpx.AsyncClient(timeout=60.0) as client:
+            if provider == "openai":
+                url = "https://api.openai.com/v1/chat/completions"
+                headers = {"Authorization": f"Bearer {api_key}", "Content-Type": "application/json"}
+                data = {"model": model or "gpt-4o", "messages": messages}
+                resp = await client.post(url, json=data, headers=headers)
+                resp.raise_for_status()
+                return resp.json()
+
+            elif provider == "anthropic":
+                url = "https://api.anthropic.com/v1/messages"
+                headers = {
+                    "x-api-key": api_key,
+                    "anthropic-version": "2023-06-01",
+                    "Content-Type": "application/json"
+                }
+                data = {"model": model or "claude-3-5-sonnet-20240620", "messages": messages, "max_tokens": 1024}
+                resp = await client.post(url, json=data, headers=headers)
+                resp.raise_for_status()
+                return resp.json()
+
+            elif provider == "custom":
+                # For custom, we expect a full URL in baseUrl (e.g. http://localhost:1234/v1/chat/completions)
+                # Or we can construct it if strictly OpenAI compatible. 
+                # Let's assume user provides full URL for maximum flexibility
+                if not base_url: 
+                     raise HTTPException(status_code=400, detail="Custom provider requires baseUrl")
+                else:
+                    url = "http://localhost:1234/api/chat/completions"
+                
+                heading = {}
+                if api_key:
+                    heading["Authorization"] = f"Bearer {api_key}"
+                
+                # Assume OpenAI format for custom
+                data = {"model": model, "messages": messages} if model else {"messages": messages}
+                resp = await client.post(base_url, json=data, headers=heading)
+                resp.raise_for_status()
+                return resp.json()
+
+            else:
+                raise HTTPException(status_code=400, detail="Unknown provider")
+
+    except httpx.HTTPStatusError as e:
+        print(f"Upstream error: {e.response.text}")
+        raise HTTPException(status_code=e.response.status_code, detail=f"Upstream error: {e.response.text}")
+    except Exception as e:
+        print(f"Proxy error: {e}")
+        raise HTTPException(status_code=500, detail=str(e))
+
+
+@app.post("/shutdown")
+def shutdown_server():
+    """Shuts down the server."""
+    print("Shutting down server...")
+    # Schedule kill
+    os.kill(os.getpid(), signal.SIGTERM)
+    return {"message": "Server shutting down"}
+
 if __name__ == "__main__":
     import uvicorn
     print("Starting server at http://127.0.0.1:8123")
diff --git a/stop_server.py b/stop_server.py
new file mode 100644
index 0000000..9ac7b13
--- /dev/null
+++ b/stop_server.py
@@ -0,0 +1,18 @@
+import httpx
+import sys
+
+def stop_server():
+    try:
+        # Try to call the shutdown endpoint
+        response = httpx.post("http://127.0.0.1:8123/shutdown", timeout=2.0)
+        if response.status_code == 200:
+            print("Shutdown signal sent successfully.")
+        else:
+            print(f"Server responded with status code: {response.status_code}")
+    except httpx.ConnectError:
+        print("Server is not currently running.")
+    except Exception as e:
+        print(f"An error occurred while trying to stop the server: {e}")
+
+if __name__ == "__main__":
+    stop_server()
diff --git a/templates/components/chat_component.html b/templates/components/chat_component.html
new file mode 100644
index 0000000..7060202
--- /dev/null
+++ b/templates/components/chat_component.html
@@ -0,0 +1,495 @@
+<!-- Shared Chat Sidebar Component -->
+<!-- CSS for Chat -->
+<style>
+    :root {
+        --chat-bg: #E7EEF6;
+        --primary-color: #3498db;
+    }
+
+    #chat-sidebar {
+        /* Removed fixed width and sidebar positioning */
+        display: flex;
+        flex-direction: column;
+        flex: 1;
+        height: 100%;
+        background: #fff;
+    }
+
+    #chat-sidebar.collapsed {
+        /* No longer used */
+    }
+
+    /* Resize Handle Removed */
+
+    .chat-header {
+        padding: 10px 15px;
+        background: #f8f9fa;
+        border-bottom: 1px solid #e9ecef;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        font-weight: 600;
+        color: #495057;
+        font-size: 0.95em;
+        flex-shrink: 0;
+    }
+
+    .chat-messages {
+        flex: 1;
+        overflow-y: auto;
+        padding: 15px;
+        background: var(--chat-bg);
+        display: flex;
+        flex-direction: column;
+        gap: 15px;
+    }
+
+    .message {
+        max-width: 85%;
+        padding: 10px 14px;
+        border-radius: 12px;
+        line-height: 1.4;
+        font-size: 0.95em;
+        word-wrap: break-word;
+    }
+
+    .msg-user {
+        align-self: flex-end;
+        background: #3498db;
+        color: white;
+        border-bottom-right-radius: 2px;
+    }
+
+    .msg-ai {
+        align-self: flex-start;
+        background: white;
+        color: #333;
+        border-bottom-left-radius: 2px;
+        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+    }
+
+    .msg-system {
+        align-self: center;
+        background: rgba(0, 0, 0, 0.05);
+        color: #666;
+        font-size: 0.8em;
+    }
+
+    .chat-input-area {
+        padding: 15px;
+        background: white;
+        border-top: 1px solid #e9ecef;
+        flex-shrink: 0;
+    }
+
+    #chat-context {
+        font-size: 0.8em;
+        color: #666;
+        margin-bottom: 8px;
+        padding: 8px;
+        background: #f8f9fa;
+        border-left: 3px solid #3498db;
+        border-radius: 4px;
+        display: none;
+        max-height: 100px;
+        overflow-y: auto;
+        white-space: pre-wrap;
+    }
+
+    .chat-controls {
+        display: flex;
+        gap: 8px;
+    }
+
+    #chat-input {
+        flex: 1;
+        padding: 10px;
+        border: 1px solid #ddd;
+        border-radius: 6px;
+        resize: none;
+        height: 40px;
+        font-family: inherit;
+    }
+
+    #chat-input:focus {
+        outline: none;
+        border-color: #3498db;
+    }
+
+    button.btn-send {
+        background: #3498db;
+        color: white;
+        border: none;
+        padding: 0 15px;
+        border-radius: 6px;
+        cursor: pointer;
+        font-weight: bold;
+    }
+
+    button.btn-send:disabled {
+        background: #ccc;
+        cursor: not-allowed;
+    }
+
+    /* Settings Modal */
+    #settings-modal {
+        display: none;
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100vh;
+        background: rgba(0, 0, 0, 0.5);
+        z-index: 1000;
+        /* Ensure on top */
+        align-items: center;
+        justify-content: center;
+    }
+
+    .modal-content {
+        background: white;
+        width: 400px;
+        padding: 25px;
+        border-radius: 8px;
+        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
+    }
+
+    .form-group {
+        margin-bottom: 15px;
+    }
+
+    label {
+        display: block;
+        margin-bottom: 5px;
+        font-weight: 500;
+        color: #333;
+    }
+
+    input,
+    select {
+        width: 100%;
+        padding: 8px;
+        border: 1px solid #ddd;
+        border-radius: 4px;
+        box-sizing: border-box;
+    }
+
+    .modal-actions {
+        display: flex;
+        justify-content: flex-end;
+        gap: 10px;
+        margin-top: 20px;
+    }
+
+    .spinner {
+        border: 2px solid #f3f3f3;
+        border-top: 2px solid #3498db;
+        border-radius: 50%;
+        width: 12px;
+        height: 12px;
+        animation: spin 1s linear infinite;
+        display: inline-block;
+    }
+
+    @keyframes spin {
+        0% {
+            transform: rotate(0deg);
+        }
+
+        100% {
+            transform: rotate(360deg);
+        }
+    }
+</style>
+
+<!-- Sidebar HTML -->
+<div id="chat-sidebar">
+    <!-- Resize handle removed -->
+    <div class="chat-header">
+        <span>AI Assistant</span>
+        <div style="display: flex; gap: 5px; align-items: center;">
+            <button class="btn-icon" id="clear-chat-btn" title="Clear chat history"
+                style="background:none; border:none; cursor:pointer; font-size:0.85em; color:#999;">🗑️ Clear</button>
+            <button class="btn-icon" id="settings-btn" style="background:none; border:none; cursor:pointer;">⚙️</button>
+        </div>
+    </div>
+
+    <div class="chat-messages" id="chat-messages">
+        <div class="message msg-system">
+            Select text to ask about it, or just type a question.
+        </div>
+    </div>
+
+    <div class="chat-input-area">
+        <div id="chat-context">
+            <span id="chat-context-text"></span>
+            <button id="clear-context-btn" title="Clear selection"
+                style="float:right; background:none; border:none; cursor:pointer; color:#999; font-size:1.1em; padding:0 4px; line-height:1;">×</button>
+        </div>
+        <div class="chat-controls">
+            <textarea id="chat-input" placeholder="Ask a question..." rows="1"></textarea>
+            <button class="btn-send" id="send-btn">Send</button>
+        </div>
+    </div>
+</div>
+
+<!-- Settings Modal HTML -->
+<div id="settings-modal">
+    <div class="modal-content">
+        <h3 style="margin-top: 0;">AI Settings</h3>
+
+        <div class="form-group">
+            <label>Provider</label>
+            <select id="api-provider">
+                <option value="openai">OpenAI</option>
+                <option value="anthropic">Anthropic (Claude)</option>
+                <option value="custom">Custom Server</option>
+            </select>
+        </div>
+
+        <div class="form-group">
+            <label>API Key</label>
+            <input type="password" id="api-key" placeholder="sk-...">
+        </div>
+
+        <div class="form-group" id="base-url-group" style="display:none;">
+            <label>Base URL</label>
+            <input type="text" id="base-url" placeholder="http://localhost:1234/v1/chat/completions">
+        </div>
+
+        <div class="form-group">
+            <label>Model Name</label>
+            <input type="text" id="model-name" placeholder="gpt-4o" value="gpt-4o">
+        </div>
+
+        <div class="modal-actions">
+            <button id="cancel-settings"
+                style="padding: 8px 15px; border: 1px solid #ddd; background: white; border-radius: 4px; cursor: pointer;">Cancel</button>
+            <button id="save-settings"
+                style="padding: 8px 15px; border: none; background: #3498db; color: white; border-radius: 4px; cursor: pointer;">Save</button>
+        </div>
+    </div>
+</div>
+
+<!-- Chat Logic Script -->
+<script>
+    // --- Chat Logic ---
+    const chatSidebar = document.getElementById('chat-sidebar');
+    const chatMessages = document.getElementById('chat-messages');
+    const chatInput = document.getElementById('chat-input');
+    const sendBtn = document.getElementById('send-btn');
+    const contextDiv = document.getElementById('chat-context');
+
+    let currentSelectedContext = "";
+    let chatHistory = []; // In-memory list of {role, content}
+
+    // Exposed function for external scripts to update context
+    window.updateChatContext = function (text) {
+        currentSelectedContext = text;
+        const contextTextSpan = document.getElementById('chat-context-text');
+        if (text) {
+            contextDiv.style.display = 'block';
+            contextTextSpan.textContent = `Selected: "${text.substring(0, 100)}..."`;
+        } else {
+            contextDiv.style.display = 'none';
+            contextTextSpan.textContent = '';
+        }
+    };
+
+    // Clear context button
+    document.getElementById('clear-context-btn').addEventListener('click', function () {
+        currentSelectedContext = "";
+        contextDiv.style.display = 'none';
+        document.getElementById('chat-context-text').textContent = '';
+    });
+
+    // --- Chat History Persistence ---
+    function getBookId() {
+        return window.bookId || '';
+    }
+
+    async function loadChatHistory() {
+        const bid = getBookId();
+        if (!bid) return;
+        try {
+            const resp = await fetch(`/api/chat-history/${bid}`);
+            if (!resp.ok) return;
+            chatHistory = await resp.json();
+            // Render existing messages
+            chatHistory.forEach(msg => {
+                appendMessageToUI(msg.role, msg.content);
+            });
+        } catch (e) {
+            console.error('Failed to load chat history:', e);
+        }
+    }
+
+    async function saveChatMessage(role, content) {
+        const bid = getBookId();
+        if (!bid) return;
+        try {
+            await fetch(`/api/chat-history/${bid}`, {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ role, content })
+            });
+        } catch (e) {
+            console.error('Failed to save chat message:', e);
+        }
+    }
+
+    async function clearChatHistoryOnServer() {
+        const bid = getBookId();
+        if (!bid) return;
+        try {
+            await fetch(`/api/chat-history/${bid}`, { method: 'DELETE' });
+        } catch (e) {
+            console.error('Failed to clear chat history:', e);
+        }
+    }
+
+    function appendMessageToUI(role, text) {
+        const div = document.createElement('div');
+        div.className = `message msg-${role}`;
+        div.textContent = text;
+        chatMessages.appendChild(div);
+        chatMessages.scrollTop = chatMessages.scrollHeight;
+        return div;
+    }
+    function appendMessage(role, text) {
+        return appendMessageToUI(role, text);
+    }
+
+    async function sendMessage() {
+        const text = chatInput.value.trim();
+        if (!text && !currentSelectedContext) return;
+
+        const finalPrompt = text || "Explain this";
+        const contextSnapshot = currentSelectedContext;
+
+        appendMessage('user', finalPrompt);
+        chatInput.value = "";
+
+        // Save user message to history
+        const userContent = contextSnapshot
+            ? `Context:\n"""${contextSnapshot}"""\n\nQuestion: ${finalPrompt}`
+            : finalPrompt;
+        chatHistory.push({ role: 'user', content: finalPrompt });
+        saveChatMessage('user', finalPrompt);
+
+        const loadingMsg = appendMessage('ai', 'Thinking...');
+        loadingMsg.innerHTML = '<div class="spinner"></div>';
+
+        const provider = localStorage.getItem('ai_provider') || 'openai';
+        const apiKey = localStorage.getItem('ai_api_key') || '';
+        const baseUrl = localStorage.getItem('ai_base_url') || '';
+        const model = localStorage.getItem('ai_model') || 'gpt-4o';
+
+        if (!apiKey && provider !== 'custom') {
+            loadingMsg.textContent = "Error: Please configure API Key in settings ⚙️";
+            return;
+        }
+
+        const messages = [
+            { role: "system", content: "You are a helpful reading assistant. Answer questions about the user's selected text." }
+        ];
+
+        if (contextSnapshot) {
+            messages.push({ role: "user", content: `Context:\n"""${contextSnapshot}"""\n\nQuestion: ${finalPrompt}` });
+        } else {
+            messages.push({ role: "user", content: finalPrompt });
+        }
+
+        try {
+            const response = await fetch('/api/chat', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ provider, apiKey, baseUrl, model, messages })
+            });
+
+            const data = await response.json();
+            if (!response.ok) throw new Error(data.detail || "Request failed");
+
+            let answer = "";
+            if (provider === 'anthropic') {
+                answer = data.content[0].text;
+            } else {
+                answer = data.choices[0].message.content;
+            }
+            loadingMsg.textContent = answer;
+
+            // Save AI response to history
+            chatHistory.push({ role: 'ai', content: answer });
+            saveChatMessage('ai', answer);
+
+        } catch (err) {
+            loadingMsg.textContent = "Error: " + err.message;
+        }
+    }
+
+    sendBtn.addEventListener('click', sendMessage);
+    chatInput.addEventListener('keypress', (e) => {
+        if (e.key === 'Enter' && !e.shiftKey) {
+            e.preventDefault();
+            sendMessage();
+        }
+    });
+
+    // --- Settings Modal Logic ---
+    const modal = document.getElementById('settings-modal');
+    const settingsBtn = document.getElementById('settings-btn');
+    const saveSettingsBtn = document.getElementById('save-settings');
+    const cancelSettingsBtn = document.getElementById('cancel-settings');
+    const providerSelect = document.getElementById('api-provider');
+    const baseUrlGroup = document.getElementById('base-url-group');
+
+    function loadSettings() {
+        providerSelect.value = localStorage.getItem('ai_provider') || 'openai';
+        document.getElementById('api-key').value = localStorage.getItem('ai_api_key') || '';
+        document.getElementById('base-url').value = localStorage.getItem('ai_base_url') || '';
+        document.getElementById('model-name').value = localStorage.getItem('ai_model') || 'gpt-4o';
+        toggleBaseUrl();
+    }
+
+    function toggleBaseUrl() {
+        baseUrlGroup.style.display = providerSelect.value === 'custom' ? 'block' : 'none';
+    }
+
+    settingsBtn.addEventListener('click', () => { modal.style.display = 'flex'; loadSettings(); });
+    cancelSettingsBtn.addEventListener('click', () => { modal.style.display = 'none'; });
+    providerSelect.addEventListener('change', toggleBaseUrl);
+
+    saveSettingsBtn.addEventListener('click', () => {
+        localStorage.setItem('ai_provider', providerSelect.value);
+        localStorage.setItem('ai_api_key', document.getElementById('api-key').value);
+        localStorage.setItem('ai_base_url', document.getElementById('base-url').value);
+        localStorage.setItem('ai_model', document.getElementById('model-name').value);
+        modal.style.display = 'none';
+        alert("Settings saved!");
+    });
+
+    // Toggle Logic (Deprecated/Removed - handled by parent)
+    /*
+    const toggleBtn = document.getElementById('toggle-chat-btn');
+    ...
+    */
+
+    // --- Resizing Logic (Removed) ---
+    /*
+    const handle = document.getElementById('resize-handle');
+    ...
+    */
+
+    // Clear Chat button
+    document.getElementById('clear-chat-btn').addEventListener('click', async () => {
+        chatHistory = [];
+        // Keep the system message, remove everything else
+        chatMessages.innerHTML = '<div class="message msg-system">Select text to ask about it, or just type a question.</div>';
+        await clearChatHistoryOnServer();
+    });
+
+    // --- Restore persisted sidebar width and collapsed state (Removed) ---
+
+    // Load chat history on page load
+    loadChatHistory();
+</script>
\ No newline at end of file
diff --git a/templates/components/right_sidebar.html b/templates/components/right_sidebar.html
new file mode 100644
index 0000000..53e72b2
--- /dev/null
+++ b/templates/components/right_sidebar.html
@@ -0,0 +1,392 @@
+<!-- Right Sidebar: Unified Context Pane -->
+<style>
+    #right-sidebar {
+        width: 350px;
+        background: #f8f9fa;
+        border-left: 1px solid #dee2e6;
+        display: flex;
+        flex-direction: column;
+        flex-shrink: 0;
+        height: 100%;
+        transition: margin-right 0.3s ease;
+        position: relative;
+        /* Anchor resize handle */
+    }
+
+    #right-sidebar.hidden {
+        margin-right: -350px;
+        display: none;
+        /* Actually hide to remove layout space */
+    }
+
+    /* Tabs */
+    .sidebar-tabs {
+        display: flex;
+        border-bottom: 1px solid #dee2e6;
+        background: #e9ecef;
+    }
+
+    .sidebar-tab {
+        flex: 1;
+        padding: 10px;
+        text-align: center;
+        cursor: pointer;
+        font-family: -apple-system, sans-serif;
+        font-size: 0.9em;
+        color: #495057;
+        font-weight: 500;
+        border-bottom: 3px solid transparent;
+    }
+
+    .sidebar-tab:hover {
+        background: #dee2e6;
+    }
+
+    .sidebar-tab.active {
+        border-bottom-color: #3498db;
+        color: #3498db;
+        background: #fff;
+    }
+
+    /* Tab Content Area */
+    .sidebar-content {
+        flex: 1;
+        overflow-y: auto;
+        display: none;
+        padding: 0;
+        position: relative;
+    }
+
+    .sidebar-content.active {
+        display: flex;
+        /* Flex to allow chat component to fill height */
+        flex-direction: column;
+        height: 100%;
+        overflow: hidden;
+        /* Let child handle scrolling if needed */
+    }
+
+    /* List View Items */
+    .annotation-item {
+        padding: 15px;
+        border-bottom: 1px solid #eee;
+        cursor: pointer;
+        transition: background 0.2s;
+    }
+
+    .annotation-item:hover {
+        background: #fff;
+        border-left: 3px solid #3498db;
+    }
+
+    .annotation-quote {
+        font-family: "Georgia", serif;
+        font-style: italic;
+        color: #555;
+        margin-bottom: 8px;
+        font-size: 0.9em;
+        border-left: 2px solid #ddd;
+        padding-left: 8px;
+    }
+
+    .annotation-meta {
+        font-size: 0.8em;
+        color: #999;
+        display: flex;
+        justify-content: space-between;
+    }
+
+    .annotation-note-preview {
+        font-size: 0.9em;
+        color: #333;
+        margin-top: 5px;
+    }
+
+    /* Single Thread View */
+    .thread-header {
+        padding: 10px;
+        background: #fff;
+        border-bottom: 1px solid #eee;
+        font-size: 0.9em;
+        color: #555;
+    }
+
+    .thread-back {
+        cursor: pointer;
+        color: #3498db;
+        margin-right: 10px;
+        text-decoration: underline;
+    }
+
+    /* Markdown Styles for Notes */
+    .note-content {
+        padding: 15px;
+        background: #fff;
+        font-size: 0.95em;
+        line-height: 1.5;
+    }
+
+    .note-content h1,
+    .note-content h2 {
+        font-size: 1.1em;
+        margin: 0.5em 0;
+    }
+
+    .note-content code {
+        background: #f1f1f1;
+        padding: 2px 4px;
+        border-radius: 3px;
+        font-family: monospace;
+    }
+
+    .note-content pre {
+        background: #f1f1f1;
+        padding: 10px;
+        overflow-x: auto;
+        border-radius: 4px;
+    }
+
+    .note-content ul {
+        padding-left: 20px;
+    }
+</style>
+
+<!-- Load marked.js for Markdown -->
+<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
+
+<div id="right-sidebar">
+    <div class="sidebar-tabs">
+        <div class="sidebar-tab" data-tab="tab-list" id="tab-btn-list">Annotations</div>
+        <div class="sidebar-tab active" data-tab="tab-general" id="tab-btn-general">Chat</div>
+    </div>
+
+    <!-- 1. Thread (Context) View - REMOVED -->
+    <!-- Edit/Delete logic moved to List Item or Modal -->
+
+    <!-- Hidden Edit Container for List View Inline Edits -->
+    <div id="inline-edit-overlay"
+        style="display:none; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,0.95); z-index:10; flex-direction:column; padding:20px;">
+        <h3>Edit Note</h3>
+        <textarea id="note-edit-textarea"
+            style="flex:1; margin-bottom:10px; padding:10px; border:1px solid #ddd;"></textarea>
+        <div style="display:flex; justify-content:flex-end; gap:10px;">
+            <button onclick="window.RightSidebar.cancelEdit()" style="padding:8px 16px; cursor:pointer;">Cancel</button>
+            <button onclick="window.RightSidebar.saveEdit()"
+                style="padding:8px 16px; background:#3498db; color:white; border:none; cursor:pointer;">Save</button>
+        </div>
+    </div>
+
+    <!-- 2. List View -->
+    <div id="tab-list" class="sidebar-content" style="overflow-y: auto;">
+        <div id="annotations-list-container">
+            <!-- Items injected by JS -->
+            <div style="padding:20px; text-align:center; color:#999;" id="loading-annotations">
+                Loading annotations...
+            </div>
+        </div>
+    </div>
+
+    <!-- 3. General Chat View -->
+    <div id="tab-general" class="sidebar-content active">
+        <!-- This is where the Global Chat lives now -->
+        {% include "components/chat_component.html" %}
+    </div>
+</div>
+
+<script>
+    // --- Resizing Logic ---
+    const sidebar = document.getElementById('right-sidebar');
+    // Create handle dynamically if not exists (or could add to HTML)
+    const resizeHandle = document.createElement('div');
+    resizeHandle.id = 'sidebar-resize-handle';
+    resizeHandle.style.cssText = `
+        position: absolute; left: 0; top: 0; bottom: 0; width: 5px;
+        cursor: col-resize; z-index: 100;
+    `;
+    resizeHandle.addEventListener('mouseover', () => resizeHandle.style.background = 'rgba(0,0,0,0.1)');
+    resizeHandle.addEventListener('mouseout', () => resizeHandle.style.background = 'transparent');
+    sidebar.appendChild(resizeHandle);
+
+    let isResizingSidebar = false;
+    resizeHandle.addEventListener('mousedown', (e) => {
+        isResizingSidebar = true;
+        document.body.style.cursor = 'col-resize';
+        e.preventDefault();
+    });
+
+    document.addEventListener('mousemove', (e) => {
+        if (!isResizingSidebar) return;
+        const newWidth = window.innerWidth - e.clientX;
+        if (newWidth > 200 && newWidth < 800) {
+            sidebar.style.width = newWidth + 'px';
+        }
+    });
+
+    document.addEventListener('mouseup', () => {
+        if (isResizingSidebar) {
+            isResizingSidebar = false;
+            document.body.style.cursor = '';
+        }
+    });
+
+    // --- Tab Switching ---
+    const tabs = document.querySelectorAll('.sidebar-tab');
+    const panes = document.querySelectorAll('.sidebar-content');
+
+    // Make public so we can switch from outside
+    window.switchSidebarTab = function (tabId) {
+        tabs.forEach(t => t.classList.remove('active'));
+        panes.forEach(p => p.classList.remove('active'));
+
+        document.querySelector(`.sidebar-tab[data-tab="${tabId}"]`).classList.add('active');
+        document.getElementById(tabId).classList.add('active');
+
+        // If switching to list, reload
+        if (tabId === 'tab-list') window.loadAnnotationsList();
+    }
+
+    tabs.forEach(tab => {
+        tab.addEventListener('click', () => {
+            window.switchSidebarTab(tab.dataset.tab);
+        });
+    });
+
+    // Toggle Sidebar visibility
+    function toggleRightSidebar(show) {
+        if (show === undefined) {
+            sidebar.classList.toggle('hidden');
+        } else if (show) {
+            sidebar.classList.remove('hidden');
+        } else {
+            sidebar.classList.add('hidden');
+        }
+        setTimeout(() => window.dispatchEvent(new Event('resize')), 300);
+    }
+
+    // Default open check (User request 1)
+    // We'll let the parent page call .open() or remove .hidden class
+
+    // --- Edit/Delete Logic ---
+    // --- Edit/Delete Logic ---
+    async function deleteAnnotation(id) {
+        if (!confirm("Are you sure you want to delete this?")) return;
+        const targetId = id || window.currentThreadId;
+        if (!targetId) return;
+
+        try {
+            const resp = await fetch(`/api/annotations/${window.bookId}/${targetId}`, { method: 'DELETE' });
+            if (resp.ok) {
+                if (window.reloadAnnotations) {
+                    await window.reloadAnnotations();
+                } else if (window.loadAnnotationsList) {
+                    window.loadAnnotationsList();
+                }
+                if (window.editingId === targetId) cancelEdit();
+            }
+        } catch (e) { console.error(e); }
+    }
+
+    function startEdit(id, currentText) {
+        window.editingId = id;
+
+        let editContainer = document.getElementById('global-edit-overlay');
+        if (!editContainer) {
+            editContainer = document.createElement('div');
+            editContainer.id = 'global-edit-overlay';
+            editContainer.style.cssText = "position:absolute; top:50px; left:10px; right:10px; background:#333; padding:10px; border:1px solid #555; z-index:1000; box-shadow:0 4px 10px rgba(0,0,0,0.5); border-radius:4px;";
+            editContainer.innerHTML = `
+                <div style="margin-bottom:5px; font-weight:bold; color:#ccc;">Edit Note</div>
+                <textarea id='global-edit-textarea' style='width:100%; height:100px; background:#222; color:white; border:1px solid #444; padding:5px; box-sizing:border-box;'></textarea>
+                <div style='margin-top:10px; display:flex; justify-content:flex-end; gap:10px;'>
+                    <button onclick='window.RightSidebar.cancelEdit()'>Cancel</button>
+                    <button onclick='window.RightSidebar.saveEdit()' style='background:#2ecc71; border:none; padding:5px 10px; cursor:pointer; color:white; border-radius:3px;'>Save</button>
+                </div>
+            `;
+            document.getElementById('right-sidebar').appendChild(editContainer);
+        }
+
+        document.getElementById('global-edit-textarea').value = currentText || "";
+        editContainer.style.display = 'block';
+
+        setTimeout(() => document.getElementById('global-edit-textarea').focus(), 100);
+    }
+
+    function cancelEdit() {
+        const el = document.getElementById('global-edit-overlay');
+        if (el) el.style.display = 'none';
+        window.editingId = null;
+    }
+
+    async function saveEdit() {
+        const newText = document.getElementById('global-edit-textarea').value;
+        const id = window.editingId;
+        if (!id) return;
+
+        // Use the global helper in reader.html/pdf_reader.html to update
+        if (window.updateAnnotationContent) {
+            await window.updateAnnotationContent(id, newText);
+        } else {
+            console.error("updateAnnotationContent missing");
+        }
+
+        cancelEdit();
+        if (window.reloadAnnotations) {
+            await window.reloadAnnotations();
+        } else if (window.loadAnnotationsList) {
+            window.loadAnnotationsList();
+        }
+    }
+
+    // Public API
+    window.RightSidebar = {
+        open: () => toggleRightSidebar(true),
+        close: () => toggleRightSidebar(false),
+        toggle: () => toggleRightSidebar(),
+        openThread: (annotationId, autoAskText) => {
+            // Thread view is removed. Switch to list.
+            window.switchSidebarTab('tab-list');
+
+            // Highlight visual
+            if (window.activateHighlight) window.activateHighlight(annotationId);
+
+            toggleRightSidebar(true);
+
+            // Scroll to item
+            setTimeout(() => {
+                const item = document.querySelector(`.annotation-item[data-id="${annotationId}"]`);
+                if (item) item.scrollIntoView({ behavior: 'smooth', block: 'center' });
+            }, 300);
+
+            if (autoAskText) {
+                window.switchSidebarTab('tab-general');
+                setTimeout(() => {
+                    if (window.updateChatContext) window.updateChatContext(autoAskText);
+                    const chatInput = document.getElementById('chat-input');
+                    if (chatInput) {
+                        chatInput.value = autoAskText;
+                        chatInput.focus();
+                    }
+                }, 500);
+            }
+        },
+        openGlobalChat: (contextText) => {
+            window.switchSidebarTab('tab-general');
+            toggleRightSidebar(true);
+
+            if (window.updateChatContext) {
+                window.updateChatContext(contextText);
+            }
+
+            // Focus input
+            setTimeout(() => {
+                const chatInput = document.getElementById('chat-input');
+                if (chatInput) chatInput.focus();
+            }, 100);
+        },
+        reloadList: () => window.loadAnnotationsList(),
+        deleteAnnotation: deleteAnnotation,
+        startEdit: startEdit,
+        cancelEdit: cancelEdit,
+        saveEdit: saveEdit
+    };
+</script>
\ No newline at end of file
diff --git a/templates/library.html b/templates/library.html
index e7d094d..0def351 100644
--- a/templates/library.html
+++ b/templates/library.html
@@ -1,27 +1,79 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>My Library</title>
     <style>
-        body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; background: #f4f4f9; margin: 0; padding: 40px; }
-        .container { max-width: 800px; margin: 0 auto; }
-        h1 { color: #333; border-bottom: 2px solid #ddd; padding-bottom: 10px; }
-        .book-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 20px; margin-top: 30px; }
-        .book-card { background: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); transition: transform 0.2s; }
-        .book-title { font-size: 1.2em; font-weight: bold; color: #2c3e50; margin-bottom: 10px; }
-        .book-meta { color: #666; font-size: 0.9em; margin-bottom: 15px; }
-        .btn { display: inline-block; background: #3498db; color: white; text-decoration: none; padding: 8px 15px; border-radius: 4px; font-size: 0.9em; }
-        .btn:hover { background: #2980b9; }
+        body {
+            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+            background: #f4f4f9;
+            margin: 0;
+            padding: 40px;
+        }
+
+        .container {
+            max-width: 800px;
+            margin: 0 auto;
+        }
+
+        h1 {
+            color: #333;
+            border-bottom: 2px solid #ddd;
+            padding-bottom: 10px;
+        }
+
+        .book-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
+            gap: 20px;
+            margin-top: 30px;
+        }
+
+        .book-card {
+            background: white;
+            padding: 20px;
+            border-radius: 8px;
+            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
+            transition: transform 0.2s;
+        }
+
+        .book-title {
+            font-size: 1.2em;
+            font-weight: bold;
+            color: #2c3e50;
+            margin-bottom: 10px;
+        }
+
+        .book-meta {
+            color: #666;
+            font-size: 0.9em;
+            margin-bottom: 15px;
+        }
+
+        .btn {
+            display: inline-block;
+            background: #3498db;
+            color: white;
+            text-decoration: none;
+            padding: 8px 15px;
+            border-radius: 4px;
+            font-size: 0.9em;
+        }
+
+        .btn:hover {
+            background: #2980b9;
+        }
     </style>
 </head>
+
 <body>
     <div class="container">
         <h1>Library</h1>
 
         {% if not books %}
-            <p>No processed books found. Run <code>reader3.py</code> on an epub first.</p>
+        <p>No processed books found. Run <code>reader3.py</code> on an epub first.</p>
         {% endif %}
 
         <div class="book-grid">
@@ -32,10 +84,24 @@ <h1>Library</h1>
                     {{ book.author }}<br>
                     {{ book.chapters }} sections
                 </div>
-                <a href="/read/{{ book.id }}/0" class="btn">Read Book</a>
+                <a href="/read/{{ book.id }}" class="btn">Read Book</a>
             </div>
             {% endfor %}
         </div>
     </div>
+    <script>
+        document.getElementById('shutdown-btn').addEventListener('click', async () => {
+            if (confirm("Are you sure you want to stop the server?")) {
+                try {
+                    await fetch('/shutdown', { method: 'POST' });
+                    alert("Server is shutting down. You can close this tab.");
+                    document.body.innerHTML = "<h1 style='text-align:center; margin-top: 50px; color: #555;'>Server Stopped</h1>";
+                } catch (e) {
+                    alert("Failed to shutdown: " + e);
+                }
+            }
+        });
+    </script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/templates/pdf_reader.html b/templates/pdf_reader.html
new file mode 100644
index 0000000..0e5b04e
--- /dev/null
+++ b/templates/pdf_reader.html
@@ -0,0 +1,1029 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{{ book.metadata.title }}</title>
+    <!-- PDF.js Styles -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf_viewer.min.css">
+
+    <style>
+        :root {
+            --header-height: 50px;
+        }
+
+        body {
+            margin: 0;
+            padding: 0;
+            display: flex;
+            flex-direction: column;
+            height: 100vh;
+            overflow: hidden;
+            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
+        }
+
+        /* Header */
+        header {
+            height: var(--header-height);
+            background: #2c3e50;
+            color: white;
+            display: flex;
+            align-items: center;
+            padding: 0 15px;
+            border-bottom: 1px solid #444;
+            flex-shrink: 0;
+            justify-content: space-between;
+            z-index: 10;
+        }
+
+        .header-left {
+            display: flex;
+            align-items: center;
+            gap: 15px;
+        }
+
+        .nav-home {
+            color: #ccc;
+            text-decoration: none;
+            font-size: 0.9em;
+        }
+
+        .nav-home:hover {
+            color: white;
+        }
+
+        .book-title {
+            font-weight: 600;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            max-width: 400px;
+        }
+
+        .header-controls {
+            display: flex;
+            align-items: center;
+            gap: 10px;
+        }
+
+        .btn-icon {
+            background: none;
+            border: none;
+            color: #ccc;
+            cursor: pointer;
+            font-size: 1.2em;
+            padding: 5px;
+            border-radius: 4px;
+        }
+
+        .btn-icon:hover {
+            color: white;
+            background: rgba(255, 255, 255, 0.1);
+        }
+
+        .page-info {
+            font-size: 0.9em;
+            color: #ccc;
+            min-width: 80px;
+            text-align: center;
+        }
+
+        /* Main Container: Split Pane */
+        #main-container {
+            display: flex;
+            flex: 1;
+            height: calc(100vh - var(--header-height));
+            overflow: hidden;
+        }
+
+        /* PDF Viewer Area */
+        #pdf-wrapper {
+            flex: 1;
+            display: flex;
+            flex-direction: column;
+            background: #525659;
+            position: relative;
+            overflow: hidden;
+            transition: width 0.3s ease;
+        }
+
+        #pdf-scroll-container {
+            flex: 1;
+            overflow: auto;
+            position: relative;
+            display: flex;
+            justify-content: center;
+            padding: 20px;
+        }
+
+        #pdf-content {
+            position: relative;
+            display: flex;
+            gap: 10px;
+            /* Anchor for absolute children */
+        }
+
+        .page-container {
+            position: relative;
+        }
+
+        /* The canvas where PDF is drawn */
+        canvas {
+            display: block;
+            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+        }
+
+        /* Text Layer for Selection */
+        .textLayer {
+            position: absolute;
+            top: 0;
+            left: 0;
+            right: 0;
+            bottom: 0;
+            overflow: hidden;
+            opacity: 0.2;
+            line-height: 1.0;
+            /* CRITICAL FIX: Ensure transform origin is top-left so scale matches canvas */
+            transform-origin: 0 0;
+        }
+
+        /* PDF ToC Sidebar */
+        #toc-sidebar {
+            width: 250px;
+            background: #f8f9fa;
+            border-right: 1px solid #ccc;
+            display: flex;
+            flex-direction: column;
+            overflow-y: auto;
+            flex-shrink: 0;
+            padding: 10px;
+        }
+
+        .toc-item {
+            padding: 4px 8px;
+            cursor: pointer;
+            color: #333;
+            font-size: 0.9em;
+            text-overflow: ellipsis;
+            overflow: hidden;
+            white-space: nowrap;
+        }
+
+        .toc-item:hover {
+            background: #e9ecef;
+            color: #000;
+        }
+
+        .toc-depth-1 {
+            padding-left: 10px;
+        }
+
+        .toc-depth-2 {
+            padding-left: 20px;
+        }
+
+        .toc-depth-3 {
+            padding-left: 30px;
+        }
+
+        .nav-header {
+            font-weight: bold;
+            padding-bottom: 5px;
+            border-bottom: 1px solid #ddd;
+            margin-bottom: 5px;
+        }
+    </style>
+</head>
+
+<body>
+
+    <header>
+        <div class="header-left">
+            <a href="/" class="nav-home">← Back</a>
+            <span class="book-title" title="{{ book.metadata.title }}">{{ book.metadata.title }}</span>
+        </div>
+
+        <!-- Toolbar -->
+        <div class="header-controls">
+            <button class="btn-icon" id="prev-page" title="Previous Page">◀</button>
+            <span class="page-info">
+                Page
+                <input type="number" id="page-num-input" value="--"
+                    style="width: 50px; text-align: center; background: #34495e; color: white; border: 1px solid #555; border-radius: 4px; padding: 2px;">
+                / <span id="page-count">--</span>
+            </span>
+            <button class="btn-icon" id="next-page" title="Next Page">▶</button>
+            <span style="border-left: 1px solid #555; height: 20px; margin: 0 5px;"></span>
+            <button class="btn-icon" id="zoom-out" title="Zoom Out">−</button>
+            <button class="btn-icon" id="zoom-in" title="Zoom In">+</button>
+            <span style="border-left: 1px solid #555; height: 20px; margin: 0 5px;"></span>
+            <button class="btn-icon" id="fit-width" title="Fit Width" style="font-size: 0.8em;">↔ Width</button>
+            <button class="btn-icon" id="fit-page" title="Fit Page" style="font-size: 0.8em;">↕ Page</button>
+            <button class="btn-icon" id="toggle-toc" title="Table of Contents" style="font-size: 0.8em;">📑 ToC</button>
+            <button class="btn-icon" id="toggle-dual" title="Dual Page View" style="font-size: 0.8em;">📖 Dual</button>
+        </div>
+
+        <div style="display: flex; gap: 10px;">
+            <button id="toggle-chat-btn" class="btn-icon" title="Toggle Chat"
+                style="font-size: 0.9em; border: 1px solid #555;" onclick="window.RightSidebar.toggle()">💬
+                Chat</button>
+        </div>
+    </header>
+
+    <div id="main-container">
+        <!-- PDF ToC Sidebar -->
+        <div id="toc-sidebar" style="display:none;">
+            <div class="nav-header">Table of Contents</div>
+            <div id="toc-list"></div>
+        </div>
+
+        <!-- PDF Viewer -->
+        <div id="pdf-wrapper">
+            <div id="pdf-scroll-container">
+                <div id="pdf-content">
+                    <div class="page-container" id="page-container-1">
+                        <canvas id="the-canvas"></canvas>
+                        <div id="text-layer" class="textLayer"></div>
+                        <div class="highlight-layer" id="highlight-layer-1"></div>
+                    </div>
+                    <div class="page-container" id="page-container-2" style="display:none;">
+                        <canvas id="the-canvas-2"></canvas>
+                        <div id="text-layer-2" class="textLayer"></div>
+                        <div class="highlight-layer" id="highlight-layer-2"></div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <!-- Set bookId before chat component so loadChatHistory can use it -->
+        <!-- Set bookId before chat component so loadChatHistory can use it -->
+        <!-- Data Injection: Prevent formatter errors -->
+        <script type="application/json" id="pdf-data">
+        {
+            "bookId": "{{ book_id }}",
+            "pdfUrl": "{{ pdf_url }}",
+            "initialPage": {{ initial_page }},
+            "initialZoom": {{ initial_zoom }},
+            "initialDualPage": {{ initial_dual_page }}
+        }
+        </script>
+        <script>
+            try {
+                window.pdfData = JSON.parse(document.getElementById('pdf-data').textContent);
+                window.bookId = window.pdfData.bookId;
+            } catch (e) {
+                console.error("Failed to parse PDF data", e);
+            }
+        </script>
+
+        <!-- Chat Sidebar Included Here - REPLACED with Unified Sidebar -->
+        {% include "components/right_sidebar.html" %}
+    </div>
+
+    <!-- Selection Menu (Popover) -->
+    <div id="selection-menu"
+        style="display:none; position:absolute; z-index:100; background:#333; color:white; padding:5px; border-radius:4px;">
+        <button onclick="triggerAnnotation('highlight')">Highlight</button>
+        <button onclick="triggerAskAI()">Ask AI</button>
+    </div>
+
+    <style>
+        #selection-menu button {
+            background: none;
+            border: none;
+            color: white;
+            cursor: pointer;
+            padding: 5px 10px;
+            font-size: 0.9em;
+        }
+
+        #selection-menu button:hover {
+            background: #555;
+            border-radius: 3px;
+        }
+
+        /* Same size as canvas (set in JS); same coordinate system as selection (canvas.getBoundingClientRect) */
+        .highlight-layer {
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 100%;
+            height: 100%;
+            pointer-events: none;
+            z-index: 5;
+            box-sizing: border-box;
+        }
+
+        .highlight-layer .highlight-rect {
+            pointer-events: auto;
+        }
+
+        /* PDF Highlight Overlay */
+        .highlight-rect {
+            position: absolute;
+            background-color: rgba(255, 235, 59, 0.72);
+            cursor: pointer;
+            z-index: 5;
+            border-bottom: 2px solid transparent;
+        }
+
+        .highlight-rect:hover {
+            border-bottom-color: #f39c12;
+            background-color: rgba(255, 235, 59, 0.85);
+        }
+
+        .highlight-rect.has-note {
+            border-bottom: 2px solid #e74c3c;
+            background-color: rgba(255, 193, 7, 0.7);
+        }
+
+        .highlight-rect.active {
+            box-shadow: 0 0 0 3px #3498db;
+            background-color: rgba(52, 152, 219, 0.5);
+            z-index: 10;
+        }
+    </style>
+
+    <!-- Scripts -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.min.js"></script>
+    <script>
+        // PDF.js worker
+        pdfjsLib.GlobalWorkerOptions.workerSrc = 'https://cdnjs.cloudflare.com/ajax/libs/pdf.js/3.11.174/pdf.worker.min.js';
+
+        const config = window.pdfData || {};
+        const url = config.pdfUrl;
+        const bookId = config.bookId;
+        // window.bookId is already set
+
+        // Restore State
+        let pageNum = config.initialPage;
+        let scale = config.initialZoom;
+        let dualPageMode = config.initialDualPage;
+
+        let pdfDoc = null,
+            pageRendering = false,
+            pageNumPending = null,
+            canvas = document.getElementById('the-canvas'),
+            ctx = canvas.getContext('2d'),
+            textLayerDiv = document.getElementById('text-layer'),
+            canvas2 = document.getElementById('the-canvas-2'),
+            ctx2 = canvas2.getContext('2d'),
+            textLayerDiv2 = document.getElementById('text-layer-2'),
+            pageContainer2 = document.getElementById('page-container-2');
+
+        // Update dual button text on load
+        function updateDualButtonText() {
+            const btn = document.getElementById('toggle-dual');
+            btn.textContent = dualPageMode ? '📖 Single' : '📖 Dual';
+            btn.title = dualPageMode ? 'Switch to Single Page' : 'Switch to Dual Page';
+        }
+        updateDualButtonText();
+
+        // --- Save Progress ---
+        let saveTimeout;
+        function saveProgress() {
+            const data = {
+                chapter_index: 0,
+                page_num: pageNum,
+                scroll_position: 0,
+                zoom: scale,
+                dual_page: dualPageMode
+            };
+
+            fetch(`/api/progress/${bookId}`, {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify(data)
+            }).catch(console.error);
+        }
+
+        function debounceSave() {
+            clearTimeout(saveTimeout);
+            saveTimeout = setTimeout(saveProgress, 1000);
+        }
+
+        // --- PDF Rendering ---
+
+        function renderSinglePage(pageObj, targetCanvas, targetCtx, targetTextLayer) {
+            const viewport = pageObj.getViewport({ scale: scale });
+            const dpr = window.devicePixelRatio || 1;
+
+            targetCanvas.width = Math.floor(viewport.width * dpr);
+            targetCanvas.height = Math.floor(viewport.height * dpr);
+            targetCanvas.style.width = Math.floor(viewport.width) + 'px';
+            targetCanvas.style.height = Math.floor(viewport.height) + 'px';
+
+            targetTextLayer.style.height = Math.floor(viewport.height) + 'px';
+            targetTextLayer.style.width = Math.floor(viewport.width) + 'px';
+            targetTextLayer.style.setProperty('--scale-factor', scale);
+
+            const highlightLayer = targetTextLayer.parentElement && targetTextLayer.parentElement.querySelector('.highlight-layer');
+            if (highlightLayer) {
+                highlightLayer.style.width = Math.floor(viewport.width) + 'px';
+                highlightLayer.style.height = Math.floor(viewport.height) + 'px';
+            }
+
+            targetCtx.setTransform(dpr, 0, 0, dpr, 0, 0);
+
+            const renderContext = {
+                canvasContext: targetCtx,
+                viewport: viewport
+            };
+            return pageObj.render(renderContext).promise.then(function () {
+                return pageObj.getTextContent();
+            }).then(function (textContent) {
+                targetTextLayer.innerHTML = '';
+                const task = pdfjsLib.renderTextLayer({
+                    textContentSource: textContent,
+                    container: targetTextLayer,
+                    viewport: viewport,
+                    textDivs: []
+                });
+                return task.promise;
+            });
+        }
+
+        function renderPage(num) {
+            pageRendering = true;
+
+            if (dualPageMode) {
+                pageContainer2.style.display = 'block';
+                const leftPageNum = num;
+                const rightPageNum = num + 1;
+
+                // Render left page
+                const leftPromise = pdfDoc.getPage(leftPageNum).then(function (page) {
+                    return renderSinglePage(page, canvas, ctx, textLayerDiv);
+                });
+
+                // Render right page if it exists
+                let rightPromise;
+                if (rightPageNum <= pdfDoc.numPages) {
+                    rightPromise = pdfDoc.getPage(rightPageNum).then(function (page) {
+                        return renderSinglePage(page, canvas2, ctx2, textLayerDiv2);
+                    });
+                } else {
+                    // No right page — clear canvas 2
+                    rightPromise = Promise.resolve();
+                    canvas2.width = 0;
+                    canvas2.height = 0;
+                    canvas2.style.width = '0px';
+                    canvas2.style.height = '0px';
+                    textLayerDiv2.innerHTML = '';
+                }
+
+                Promise.all([leftPromise, rightPromise]).then(function () {
+                    pageRendering = false;
+                    requestAnimationFrame(function () {
+                        renderHighlights();
+                        renderSidebarList();
+                    });
+                    if (pageNumPending !== null) {
+                        renderPage(pageNumPending);
+                        pageNumPending = null;
+                    }
+                });
+
+                // Update page display
+                if (rightPageNum <= pdfDoc.numPages) {
+                    document.getElementById('page-num-input').value = leftPageNum + '-' + rightPageNum;
+                } else {
+                    document.getElementById('page-num-input').value = leftPageNum;
+                }
+            } else {
+                // Single page mode
+                pageContainer2.style.display = 'none';
+
+                pdfDoc.getPage(num).then(function (page) {
+                    return renderSinglePage(page, canvas, ctx, textLayerDiv);
+                }).then(function () {
+                    pageRendering = false;
+                    requestAnimationFrame(function () {
+                        renderHighlights();
+                        renderSidebarList();
+                    });
+                    if (pageNumPending !== null) {
+                        renderPage(pageNumPending);
+                        pageNumPending = null;
+                    }
+                });
+
+                document.getElementById('page-num-input').value = num;
+            }
+
+            debounceSave();
+        }
+
+        function queueRenderPage(num) {
+            if (pageRendering) {
+                pageNumPending = num;
+            } else {
+                renderPage(num);
+            }
+        }
+
+        function onPrevPage() {
+            const step = dualPageMode ? 2 : 1;
+            if (pageNum <= 1) return;
+            pageNum = Math.max(1, pageNum - step);
+            queueRenderPage(pageNum);
+        }
+        function onNextPage() {
+            const step = dualPageMode ? 2 : 1;
+            if (pageNum >= pdfDoc.numPages) return;
+            pageNum = Math.min(pdfDoc.numPages, pageNum + step);
+            queueRenderPage(pageNum);
+        }
+        function onZoomIn() { scale += 0.2; renderPage(pageNum); }
+        function onZoomOut() { if (scale > 0.4) scale -= 0.2; renderPage(pageNum); }
+
+        function onFitWidth() {
+            pdfDoc.getPage(pageNum).then(function (page) {
+                const baseViewport = page.getViewport({ scale: 1.0 });
+                const container = document.getElementById('pdf-scroll-container');
+                const availableWidth = container.clientWidth - 40; // subtract padding
+                if (dualPageMode) {
+                    // Two pages side-by-side plus gap
+                    scale = (availableWidth - 10) / (baseViewport.width * 2);
+                } else {
+                    scale = availableWidth / baseViewport.width;
+                }
+                renderPage(pageNum);
+            });
+        }
+
+        function onFitPage() {
+            pdfDoc.getPage(pageNum).then(function (page) {
+                const baseViewport = page.getViewport({ scale: 1.0 });
+                const container = document.getElementById('pdf-scroll-container');
+                const availableWidth = container.clientWidth - 40;
+                const availableHeight = container.clientHeight - 40;
+                let scaleW, scaleH;
+                if (dualPageMode) {
+                    scaleW = (availableWidth - 10) / (baseViewport.width * 2);
+                } else {
+                    scaleW = availableWidth / baseViewport.width;
+                }
+                scaleH = availableHeight / baseViewport.height;
+                scale = Math.min(scaleW, scaleH);
+                renderPage(pageNum);
+            });
+        }
+
+        function onToggleDual() {
+            dualPageMode = !dualPageMode;
+            updateDualButtonText();
+            // Ensure pageNum is odd in dual mode for proper spread alignment
+            if (dualPageMode && pageNum % 2 === 0 && pageNum > 1) {
+                pageNum = pageNum - 1;
+            }
+            renderPage(pageNum);
+            debounceSave();
+        }
+
+        function onToggleToc() {
+            const tocSidebar = document.getElementById('toc-sidebar');
+            if (tocSidebar.style.display === 'none') {
+                tocSidebar.style.display = 'flex';
+                // Populate ToC from PDF outline if not already done
+                if (!tocSidebar.dataset.loaded) {
+                    pdfDoc.getOutline().then(function (outline) {
+                        const tocList = document.getElementById('toc-list');
+                        tocList.innerHTML = '';
+                        if (outline && outline.length > 0) {
+                            renderOutline(outline, tocList, 1);
+                        } else {
+                            tocList.innerHTML = '<div style="color:#999; padding:10px;">No table of contents available in this PDF.</div>';
+                        }
+                        tocSidebar.dataset.loaded = 'true';
+                    });
+                }
+            } else {
+                tocSidebar.style.display = 'none';
+            }
+        }
+
+        function renderOutline(items, container, depth) {
+            items.forEach(function (item) {
+                const div = document.createElement('div');
+                div.className = 'toc-item toc-depth-' + Math.min(depth, 3);
+                div.textContent = item.title;
+                div.addEventListener('click', function () {
+                    // Navigate to the destination
+                    if (item.dest) {
+                        // dest can be a string (named destination) or an array (explicit destination)
+                        const destPromise = typeof item.dest === 'string'
+                            ? pdfDoc.getDestination(item.dest)
+                            : Promise.resolve(item.dest);
+                        destPromise.then(function (dest) {
+                            if (dest) {
+                                pdfDoc.getPageIndex(dest[0]).then(function (pageIndex) {
+                                    pageNum = pageIndex + 1;
+                                    // In dual mode, snap to odd page
+                                    if (dualPageMode && pageNum % 2 === 0 && pageNum > 1) {
+                                        pageNum = pageNum - 1;
+                                    }
+                                    queueRenderPage(pageNum);
+                                });
+                            }
+                        });
+                    } else if (item.url) {
+                        window.open(item.url, '_blank');
+                    }
+                });
+                container.appendChild(div);
+                if (item.items && item.items.length > 0) {
+                    renderOutline(item.items, container, depth + 1);
+                }
+            });
+        }
+
+        document.getElementById('prev-page').addEventListener('click', onPrevPage);
+        document.getElementById('next-page').addEventListener('click', onNextPage);
+        document.getElementById('zoom-in').addEventListener('click', () => { onZoomIn(); debounceSave(); });
+        document.getElementById('zoom-out').addEventListener('click', () => { onZoomOut(); debounceSave(); });
+        document.getElementById('fit-width').addEventListener('click', () => { onFitWidth(); debounceSave(); });
+        document.getElementById('fit-page').addEventListener('click', () => { onFitPage(); debounceSave(); });
+        document.getElementById('toggle-toc').addEventListener('click', onToggleToc);
+        document.getElementById('toggle-dual').addEventListener('click', onToggleDual);
+
+        // Go to Page Input
+        const pageInput = document.getElementById('page-num-input');
+        pageInput.addEventListener('keypress', (e) => {
+            if (e.key === 'Enter') {
+                // Handle both single page "5" and dual range "5-6" inputs
+                const rawVal = pageInput.value.split('-')[0].trim();
+                const val = parseInt(rawVal);
+                if (val && val >= 1 && val <= pdfDoc.numPages) {
+                    pageNum = val;
+                    if (dualPageMode && pageNum % 2 === 0 && pageNum > 1) {
+                        pageNum = pageNum - 1;
+                    }
+                    queueRenderPage(pageNum);
+                } else {
+                    // Reset to current
+                    pageInput.value = pageNum;
+                }
+            }
+        });
+
+        // Load Document
+        pdfjsLib.getDocument(url).promise.then(function (pdfDoc_) {
+            pdfDoc = pdfDoc_;
+            document.getElementById('page-count').textContent = pdfDoc.numPages;
+            // In dual mode, snap to odd page on initial load
+            if (dualPageMode && pageNum % 2 === 0 && pageNum > 1) {
+                pageNum = pageNum - 1;
+            }
+            renderPage(pageNum);
+        });
+
+        // --- Keyboard Navigation ---
+        // --- Keyboard Navigation ---
+        const pdfWrapper = document.getElementById('pdf-wrapper');
+        // Make wrapper focusable
+        pdfWrapper.setAttribute('tabindex', '0');
+        // Focus on load so keys work immediately
+        pdfWrapper.focus();
+
+        // Re-focus wrapper when clicking on canvas/text layer
+        document.getElementById('pdf-content').addEventListener('click', () => {
+            pdfWrapper.focus();
+        });
+
+        pdfWrapper.addEventListener('keydown', (e) => {
+            // Ignore if focus is somehow on an input (though event is scoped to wrapper, 
+            // bubbles from children could trigger this if we had inputs inside, which we don't currently)
+
+            if (e.key === 'ArrowLeft') {
+                e.preventDefault(); // Prevent horizontal scrolling if any
+                onPrevPage();
+            } else if (e.key === 'ArrowRight') {
+                e.preventDefault();
+                onNextPage();
+            }
+            // Up/Down arrows will bubble/default to scrolling the container naturally
+        });
+
+        // --- Text Selection & Context - Override/Hook ---
+
+        // --- Text Selection & Context - Override/Hook ---
+        // Replacing legacy hook with Annotation System
+
+        const selectionMenu = document.getElementById('selection-menu');
+
+        let currentSelectionRect = null; // Stored as { pageNum, x, y, w, h } (normalized 0-1)
+        let currentSelectionQuote = "";
+
+        document.addEventListener('mouseup', (e) => {
+            const selection = window.getSelection();
+            if (selection.toString().trim().length > 0) {
+                // Check if inside a page container
+                const pageContainer = selection.anchorNode.parentElement.closest('.page-container');
+                if (pageContainer) {
+                    // Which page?
+                    const containerId = pageContainer.id; // page-container-1 or -2
+                    // Map container to actual PDF page number
+                    let targetPageNum;
+                    if (containerId === 'page-container-1') {
+                        targetPageNum = dualPageMode ? pageNum : pageNum; // left page is always 'pageNum' in logic
+                    } else {
+                        targetPageNum = pageNum + 1;
+                    }
+
+                    // Normalize rect relative to the CANVAS (same element that gets viewport dimensions on zoom)
+                    const range = selection.getRangeAt(0);
+                    const rect = range.getBoundingClientRect();
+                    const canvasEl = pageContainer.querySelector('canvas');
+                    const refRect = canvasEl ? canvasEl.getBoundingClientRect() : pageContainer.getBoundingClientRect();
+
+                    // Show Menu
+                    selectionMenu.style.display = 'flex';
+                    selectionMenu.style.top = (window.scrollY + rect.top - 40) + 'px';
+                    selectionMenu.style.left = (window.scrollX + rect.left + rect.width / 2 - 75) + 'px';
+
+                    const refW = refRect.width || 1;
+                    const refH = refRect.height || 1;
+                    const x = (rect.left - refRect.left) / refW;
+                    const y = (rect.top - refRect.top) / refH;
+                    const w = Math.min(1 - x, rect.width / refW);
+                    const h = Math.min(1 - y, rect.height / refH);
+                    currentSelectionRect = {
+                        page_num: targetPageNum,
+                        x: Math.max(0, Math.min(1, x)),
+                        y: Math.max(0, Math.min(1, y)),
+                        w: Math.max(0.001, Math.min(1, w)),
+                        h: Math.max(0.001, Math.min(1, h))
+                    };
+                    currentSelectionQuote = selection.toString().trim();
+                    return;
+                }
+            }
+            if (!selectionMenu.contains(e.target)) {
+                selectionMenu.style.display = 'none';
+            }
+        });
+
+
+        async function triggerAnnotation(type) {
+            if (!currentSelectionRect) return;
+
+            selectionMenu.style.display = 'none';
+
+            const payload = {
+                type: (type === 'ask') ? 'chat_thread' : type,
+                target: {
+                    chapter_index: 0, // PDF treats whole file as chap 0 for now
+                    page_num: currentSelectionRect.page_num,
+                    rect: [currentSelectionRect.x, currentSelectionRect.y, currentSelectionRect.w, currentSelectionRect.h],
+                    quote: currentSelectionQuote
+                },
+                content: {
+                    text: (type === 'note') ? "New Note" : "",
+                    color: "yellow"
+                }
+            };
+
+            try {
+                const resp = await fetch(`/api/annotations/${bookId}`, {
+                    method: 'POST', headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify(payload)
+                });
+                const data = await resp.json();
+
+                await loadAnnotations();
+
+                if (type === 'note') {
+                    window.RightSidebar.openThread(data.id);
+                } else if (type === 'ask') {
+                    window.RightSidebar.openThread(data.id, "Explain this context: " + currentSelectionQuote);
+                }
+            } catch (e) {
+                console.error(e);
+            }
+        }
+
+        function triggerAskAI() {
+            const selectionMenu = document.getElementById('selection-menu');
+            selectionMenu.style.display = 'none';
+            if (currentSelectionQuote) {
+                if (window.RightSidebar && window.RightSidebar.openGlobalChat) {
+                    window.RightSidebar.openGlobalChat(currentSelectionQuote);
+                }
+            }
+        }
+
+
+        // --- PDF Rendering Logic ---
+        let currentAnnotations = [];
+
+        async function loadAnnotations() {
+            try {
+                const resp = await fetch(`/api/annotations/${bookId}`);
+                currentAnnotations = await resp.json();
+                renderHighlights(); // Re-render on page
+                renderSidebarList(); // Update sidebar list
+            } catch (e) { console.error(e); }
+        }
+
+        // Use global variable for annotations to allow re-rendering on page turn/zoom
+        // Call this whenever renderPage() finishes
+        // Highlight Activation: navigate to page if needed, then highlight and scroll
+        window.activateHighlight = function (annId) {
+            document.querySelectorAll('.highlight-rect.active').forEach(el => el.classList.remove('active'));
+            document.querySelectorAll('.annotation-item.active').forEach(el => el.classList.remove('active'));
+
+            const ann = currentAnnotations.find(a => a.id === annId);
+            const annPage = ann && ann.target && ann.target.page_num != null ? ann.target.page_num : null;
+
+            function doActivate() {
+                const target = document.querySelector(`.highlight-rect[data-id="${annId}"]`);
+                if (target) {
+                    target.classList.add('active');
+                    target.scrollIntoView({ behavior: 'smooth', block: 'center' });
+                }
+                const item = document.querySelector(`.annotation-item[data-id="${annId}"]`);
+                if (item) {
+                    item.classList.add('active');
+                    item.scrollIntoView({ behavior: 'smooth', block: 'center' });
+                }
+            }
+
+            if (annPage != null && annPage !== pageNum && (!dualPageMode || Math.abs(annPage - pageNum) > 1)) {
+                pageNum = dualPageMode && (annPage % 2 === 0) ? annPage - 1 : annPage;
+                if (dualPageMode && pageNum < 1) pageNum = 1;
+                queueRenderPage(pageNum);
+                setTimeout(function () {
+                    renderHighlights();
+                    doActivate();
+                }, 350);
+            } else {
+                doActivate();
+            }
+        }
+        function renderHighlights() {
+            // Clear existing highlights
+            document.querySelectorAll('.highlight-rect').forEach(el => el.remove());
+
+            // Get currently visible pages
+            const pagesToShow = [pageNum];
+            if (dualPageMode && (pageNum + 1 <= pdfDoc.numPages)) {
+                pagesToShow.push(pageNum + 1);
+            }
+
+            currentAnnotations.forEach(ann => {
+                if (!ann.target.rect) return;
+                const annPage = ann.target.page_num;
+
+                // Is this annotation on a visible page?
+                if (pagesToShow.includes(annPage)) {
+                    // Determine which container to draw in
+                    let container;
+                    if (dualPageMode) {
+                        if (annPage === pageNum) container = document.getElementById('page-container-1');
+                        else container = document.getElementById('page-container-2');
+                    } else {
+                        container = document.getElementById('page-container-1');
+                    }
+
+                    if (container) {
+                        // Use dedicated highlight-layer (sibling of canvas/textLayer); coords match selection container
+                        const layer = container.querySelector('.highlight-layer') || container;
+
+                        const div = document.createElement('div');
+                        div.className = 'highlight-rect';
+                        if (ann.type !== 'highlight') div.classList.add('has-note');
+
+                        div.style.left = (ann.target.rect[0] * 100) + '%';
+                        div.style.top = (ann.target.rect[1] * 100) + '%';
+                        div.style.width = (ann.target.rect[2] * 100) + '%';
+                        div.style.height = (ann.target.rect[3] * 100) + '%';
+
+                        div.dataset.id = ann.id;
+
+                        div.onclick = (e) => {
+                            e.stopPropagation();
+                            window.RightSidebar.openThread(ann.id);
+                        };
+
+                        layer.appendChild(div);
+                    }
+                }
+            });
+        }
+
+
+        function renderSidebarList() {
+            const listContainer = document.getElementById('annotations-list-container');
+            if (!listContainer) return;
+
+            const visiblePages = [pageNum];
+            if (dualPageMode && (pageNum + 1 <= pdfDoc.numPages)) visiblePages.push(pageNum + 1);
+            const visibleAnns = currentAnnotations.filter(a => (a.target && a.target.page_num != null) && visiblePages.includes(a.target.page_num));
+
+            if (visibleAnns.length === 0) {
+                listContainer.innerHTML = '<div style="padding:20px; color:#999; text-align:center;">No annotations on this page.</div>';
+                return;
+            }
+
+            listContainer.innerHTML = visibleAnns.map(a => {
+                return `
+                <div class="annotation-item" onclick="window.activateHighlight('${a.id}')" data-id="${a.id}">
+                    <div class="annotation-quote">Page ${(a.target && a.target.page_num) != null ? a.target.page_num : '?'}: "${(a.target && a.target.quote ? a.target.quote : "").substring(0, 40)}..."</div>
+                    <div class="annotation-note-preview">
+                        ${a.content && a.content.text ? marked.parse(a.content.text) : '<span style="color:#ccc;font-style:italic;">No note</span>'}
+                    </div>
+                    <div class="annotation-meta" style="margin-top:5px; align-items:center;">
+                        <span>${a.type}</span>
+                        <div class="actions">
+                            <button class="ann-edit-btn" data-id="${a.id}" title="Edit">✏️</button>
+                            <button class="ann-delete-btn" data-id="${a.id}" title="Delete">🗑️</button>
+                        </div>
+                    </div>
+                </div>
+            `}).join('');
+
+            listContainer.querySelectorAll('.ann-edit-btn').forEach(btn => {
+                btn.addEventListener('click', (e) => {
+                    e.stopPropagation();
+                    const ann = currentAnnotations.find(x => x.id === btn.dataset.id);
+                    window.RightSidebar.startEdit(btn.dataset.id, ann && ann.content ? (ann.content.text || '') : '');
+                });
+            });
+            listContainer.querySelectorAll('.ann-delete-btn').forEach(btn => {
+                btn.addEventListener('click', (e) => { e.stopPropagation(); window.RightSidebar.deleteAnnotation(btn.dataset.id); });
+            });
+        }
+
+        async function updateAnnotationContent(id, newText) {
+            try {
+                const resp = await fetch(`/api/annotations/${bookId}`);
+                const all = await resp.json();
+                const target = all.find(a => a.id === id);
+                if (!target) return;
+                target.content = target.content || {};
+                target.content.text = newText;
+                await fetch(`/api/annotations/${bookId}/${id}`, {
+                    method: 'PUT',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify(target)
+                });
+                await loadAnnotations();
+            } catch (e) { console.error(e); }
+        }
+        window.updateAnnotationContent = updateAnnotationContent;
+        window.reloadAnnotations = loadAnnotations;
+
+        window.loadAnnotationsList = renderSidebarList;
+        window.loadAnnotationThread = async (annId) => {
+            // Logic identical to EPUB reader... duplicate code T_T
+            // Ideally we'd move this to rightsbar.js or similar
+            const ann = currentAnnotations.find(a => a.id === annId);
+            if (!ann) return;
+            document.getElementById('thread-title').textContent = ann.type === 'chat_thread' ? 'Discussion' : 'Note';
+            document.getElementById('thread-placeholder').style.display = 'none';
+            const noteDisplay = document.getElementById('thread-note-display');
+            if (ann.content.text) {
+                noteDisplay.style.display = 'block';
+                noteDisplay.innerHTML = marked.parse(ann.content.text);
+            } else {
+                noteDisplay.style.display = 'none';
+            }
+        };
+
+        // Hook into rendering loop
+        const originalRenderPage = renderPage;
+        renderPage = function (num) {
+            // Call original (async logic inside, but we can't await it easily without refactor)
+            // But renderPage uses promises internally.
+
+            // We need to inject our renderHighlights AFTER the page is drawn.
+            // renderPage returns nothing, but it chains promises on 'pdfDoc.getPage'
+            // Let's just create a wrapper that waits a bit or hooks into the promise chain if possible.
+            // Actually, renderPage calls debounceSave(). We can hook into that?
+            // Better: modify renderPage to fire an event.
+            // Or just append our logic to the end of the promise chain in renderPage?
+            // Since we can't easily modify the function *inside* the closure without full replace,
+            // let's rely on the fact that we completely replaced the script block in previous steps?
+            // No, we are editing existing script.
+
+            // The previous 'renderPage' function is still in the file. 
+            // We are appending this code *after* it. 
+            // So we can overwrite `renderPage`.
+
+            // Let's overwrite renderPage completely if possible? 
+            // No, that's huge. 
+
+            // Hack: Use a mutation observer on textLayer? 
+            // When textLayer is populated, render highlights.
+
+            originalRenderPage(num);
+        };
+
+        // Initial load
+        loadAnnotations();
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/templates/reader.html b/templates/reader.html
index c012edc..512cb11 100644
--- a/templates/reader.html
+++ b/templates/reader.html
@@ -1,154 +1,1191 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{{ book.metadata.title }}</title>
     <style>
+        /* Shared variables */
+        :root {
+            --toc-width: 300px;
+            --header-height: 50px;
+        }
+
         /* Layout */
-        body { margin: 0; padding: 0; display: flex; height: 100vh; overflow: hidden; font-family: "Georgia", serif; background: #fff; }
+        body {
+            margin: 0;
+            padding: 0;
+            display: flex;
+            flex-direction: column;
+            height: 100vh;
+            overflow: hidden;
+            font-family: "Georgia", serif;
+            background: #fff;
+        }
 
-        /* Sidebar */
-        #sidebar { width: 300px; background: #f8f9fa; border-right: 1px solid #e9ecef; overflow-y: auto; padding: 20px; flex-shrink: 0; }
-        .nav-header { font-family: -apple-system, sans-serif; font-weight: bold; color: #495057; margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #dee2e6; }
-        .nav-home { display: block; margin-bottom: 20px; color: #3498db; text-decoration: none; font-family: -apple-system, sans-serif; font-size: 0.9em; }
+        /* Header / Toolbar */
+        #epub-header {
+            height: var(--header-height);
+            border-bottom: 1px solid #e9ecef;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            padding: 0 15px;
+            background: #2c3e50;
+            flex-shrink: 0;
+            z-index: 10;
+        }
+
+        .header-left {
+            display: flex;
+            align-items: center;
+            gap: 15px;
+        }
+
+        .header-left .nav-home {
+            color: #ccc;
+            text-decoration: none;
+            font-family: -apple-system, sans-serif;
+            font-size: 0.9em;
+        }
+
+        .header-left .nav-home:hover {
+            color: white;
+        }
+
+        .header-left .book-title {
+            color: white;
+            font-family: -apple-system, sans-serif;
+            font-weight: 600;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            max-width: 400px;
+        }
+
+        .header-controls {
+            display: flex;
+            align-items: center;
+            gap: 10px;
+        }
+
+        .btn-icon {
+            background: none;
+            border: none;
+            color: #ccc;
+            cursor: pointer;
+            font-size: 1.2em;
+            padding: 5px;
+            border-radius: 4px;
+            font-family: -apple-system, sans-serif;
+        }
+
+        .btn-icon:hover {
+            color: white;
+            background: rgba(255, 255, 255, 0.1);
+        }
+
+        .section-info {
+            font-size: 0.9em;
+            color: #ccc;
+            min-width: 100px;
+            text-align: center;
+            font-family: -apple-system, sans-serif;
+        }
+
+        .header-sep {
+            border-left: 1px solid #555;
+            height: 20px;
+            margin: 0 5px;
+        }
+
+        /* Main Content Area */
+        #main-area {
+            flex: 1;
+            display: flex;
+            flex-direction: row;
+            overflow: hidden;
+        }
+
+        /* Sidebar (TOC) */
+        #toc-sidebar {
+            width: var(--toc-width);
+            min-width: 180px;
+            max-width: 500px;
+            background: #f8f9fa;
+            border-right: 1px solid #e9ecef;
+            overflow-y: auto;
+            padding: 20px;
+            flex-shrink: 0;
+            display: flex;
+            flex-direction: column;
+            position: relative;
+        }
+
+        #toc-sidebar.hidden {
+            display: none;
+        }
+
+        /* Resize handle for TOC sidebar */
+        #toc-resize-handle {
+            position: absolute;
+            right: -5px;
+            top: 0;
+            bottom: 0;
+            width: 10px;
+            cursor: col-resize;
+            z-index: 20;
+            background: transparent;
+        }
+
+        #toc-resize-handle:hover {
+            background: rgba(52, 152, 219, 0.3);
+        }
+
+        .nav-header {
+            font-family: -apple-system, sans-serif;
+            font-weight: bold;
+            color: #495057;
+            margin-bottom: 15px;
+            padding-bottom: 10px;
+            border-bottom: 1px solid #dee2e6;
+        }
 
         /* TOC Tree */
-        ul.toc-list { list-style: none; padding-left: 0; margin: 0; }
-        ul.toc-list ul { padding-left: 20px; } /* Indent children */
-        li.toc-item { margin-bottom: 8px; }
-        a.toc-link { text-decoration: none; color: #495057; font-size: 0.95em; display: block; padding: 4px 0; line-height: 1.4; }
-        a.toc-link:hover { color: #000; text-decoration: underline; }
-        a.toc-link.active { color: #d63384; font-weight: bold; }
-
-        /* Main Content */
-        #main { flex-grow: 1; overflow-y: auto; position: relative; scroll-behavior: smooth; }
-        .content-container { max-width: 700px; margin: 0 auto; padding: 60px 40px; line-height: 1.8; font-size: 1.15em; color: #212529; }
-
-        /* Content Styling (Basic normalization for the book HTML) */
-        .book-content img { max-width: 100%; height: auto; display: block; margin: 20px auto; }
-        .book-content h1, .book-content h2, .book-content h3 { font-family: -apple-system, sans-serif; margin-top: 1.5em; color: #333; }
-        .book-content p { margin-bottom: 1.5em; text-align: justify; }
+        ul.toc-list {
+            list-style: none;
+            padding-left: 0;
+            margin: 0;
+        }
+
+        ul.toc-list ul {
+            padding-left: 20px;
+        }
+
+        /* Indent children */
+        li.toc-item {
+            margin-bottom: 8px;
+        }
+
+        a.toc-link {
+            text-decoration: none;
+            color: #495057;
+            font-size: 0.95em;
+            display: block;
+            padding: 4px 0;
+            line-height: 1.4;
+        }
+
+        a.toc-link:hover {
+            color: #000;
+            text-decoration: underline;
+        }
+
+        a.toc-link.active {
+            color: #d63384;
+            font-weight: bold;
+        }
+
+        /* Content Area Container */
+        #content-area {
+            flex: 1;
+            overflow: hidden;
+            display: flex;
+            flex-direction: row;
+        }
+
+        /* Book Text Container - SCROLLABLE */
+        .content-container {
+            flex: 1;
+            overflow-y: auto;
+            height: 100%;
+            padding: 0;
+            scroll-behavior: smooth;
+        }
+
+        .book-content {
+            max-width: 800px;
+            margin: 0 auto;
+            padding: 40px 50px;
+            line-height: 1.8;
+            font-size: 1.15em;
+            color: #212529;
+            /* Zoom support */
+            transform-origin: top center;
+            transition: transform 0.15s ease;
+        }
+
+        /* Content Styling */
+        .book-content img {
+            max-width: 100%;
+            height: auto;
+            display: block;
+            margin: 20px auto;
+        }
+
+        .book-content h1,
+        .book-content h2,
+        .book-content h3 {
+            font-family: -apple-system, sans-serif;
+            margin-top: 1.5em;
+            color: #333;
+        }
+
+        .book-content p {
+            margin-bottom: 1.5em;
+            text-align: justify;
+        }
 
         /* Navigation Footer */
-        .chapter-nav { display: flex; justify-content: space-between; margin-top: 60px; padding-top: 20px; border-top: 1px solid #eee; font-family: -apple-system, sans-serif; }
-        .nav-btn { text-decoration: none; color: #3498db; font-weight: bold; padding: 10px 20px; border: 1px solid #3498db; border-radius: 4px; transition: all 0.2s; }
-        .nav-btn:hover { background: #3498db; color: white; }
-        .nav-btn.disabled { opacity: 0.5; pointer-events: none; border-color: #ccc; color: #ccc; }
+        .chapter-nav {
+            display: flex;
+            justify-content: space-between;
+            margin-top: 60px;
+            padding-top: 20px;
+            border-top: 1px solid #eee;
+            font-family: -apple-system, sans-serif;
+        }
+
+        .nav-btn {
+            text-decoration: none;
+            color: #3498db;
+            font-weight: bold;
+            padding: 10px 20px;
+            border: 1px solid #3498db;
+            border-radius: 4px;
+            transition: all 0.2s;
+            cursor: pointer;
+        }
 
+        .nav-btn:hover {
+            background: #3498db;
+            color: white;
+        }
+
+        .nav-btn.disabled {
+            opacity: 0.5;
+            pointer-events: none;
+            border-color: #ccc;
+            color: #ccc;
+        }
     </style>
 </head>
+
 <body>
 
-    <!-- SIDEBAR -->
-    <div id="sidebar">
-        <a href="/" class="nav-home">← Back to Library</a>
-        <div class="nav-header">{{ book.metadata.title }}</div>
+    <!-- HEADER / TOOLBAR -->
+    <header id="epub-header">
+        <div class="header-left">
+            <a href="/" class="nav-home">← Back</a>
+            <span class="book-title" title="{{ book.metadata.title }}">{{ book.metadata.title }}</span>
+        </div>
 
-        <!-- Recursive Macro for TOC -->
-        {% macro render_toc(items) %}
-            <ul class="toc-list">
-            {% for item in items %}
-                <li class="toc-item">
-                    <!--
-                        Matching Logic:
-                        If the TOC item filename matches the current chapter filename, mark active.
-                        Ideally we match spine indices, but Reader 3 TOC maps to filenames.
-                        We use a simple hash matching logic here.
-                    -->
-                    {% set is_active = current_chapter.href == item.file_href %}
+        <div class="header-controls">
+            <!-- Navigation -->
+            {% if prev_idx is not none %}
+            <span class="btn-icon nav-prev" onclick="loadChapter({{ prev_idx }})" title="Previous Chapter"
+                style="cursor:pointer;">◀</span>
+            {% else %}
+            <span class="btn-icon nav-prev" style="opacity:0.3; cursor:default; pointer-events:none;">◀</span>
+            {% endif %}
+
+            <span class="section-info">
+                Section
+                <input type="number" id="goto-section-input" value="{{ chapter_index + 1 }}" min="1"
+                    max="{{ book.spine|length }}"
+                    style="width: 50px; text-align: center; background: #34495e; color: white; border: 1px solid #555; border-radius: 4px; padding: 2px;">
+                / {{ book.spine|length }}
+                <button id="goto-btn" class="btn-icon" style="font-size: 0.8em; padding: 2px 5px;"
+                    title="Go">Go</button>
+            </span>
 
-                    <!--
-                       We need to find which linear chapter index (0, 1, 2) corresponds
-                       to this TOC entry file.
-                       Since that's hard to calculate in Jinja, we just link to the
-                       file anchor. BUT, to make our linear navigation work, we
-                       rely on the fact that the user is currently reading 'chapter_index'.
+            {% if next_idx is not none %}
+            <span class="btn-icon nav-next" onclick="loadChapter({{ next_idx }})" title="Next Chapter"
+                style="cursor:pointer;">▶</span>
+            {% else %}
+            <span class="btn-icon nav-next" style="opacity:0.3; cursor:default; pointer-events:none;">▶</span>
+            {% endif %}
 
-                       Ideally, clicking a TOC link should find the 'index' of that file.
-                       For simplicity in this version: We link to the 'href' (filename)
-                       and let JavaScript or Backend handle it?
+            <span class="header-sep"></span>
 
-                       Actually, let's just link to the file. The browser interprets #anchors.
-                       However, our router uses /read/book/INDEX.
+            <!-- Zoom -->
+            <button class="btn-icon" id="zoom-out" title="Zoom Out">−</button>
+            <button class="btn-icon" id="zoom-in" title="Zoom In">+</button>
 
-                       SIMPLE FIX: We won't link the TOC to the route index in this simple version
-                       unless we build a map. We will visually show structure,
-                       but rely on "Previous/Next" for linear reading.
+            <span class="header-sep"></span>
+
+            <!-- Fit controls -->
+            <button class="btn-icon" id="fit-width" title="Fit Width" style="font-size: 0.8em;">↔ Width</button>
+            <button class="btn-icon" id="fit-page" title="Fit Page" style="font-size: 0.8em;">↕ Page</button>
+
+            <span class="header-sep"></span>
+
+            <!-- ToC Toggle -->
+            <button class="btn-icon" id="toggle-toc" title="Toggle Table of Contents" style="font-size: 0.8em;">📑
+                ToC</button>
+        </div>
 
-                       BETTER FIX: Use JavaScript to match filenames.
-                    -->
+        <div style="display: flex; gap: 10px;">
+            <button id="toggle-chat-btn" class="btn-icon" title="Toggle Chat"
+                style="font-size: 0.9em; border: 1px solid #555;" onclick="window.RightSidebar.toggle()">💬
+                Chat</button>
+        </div>
+    </header>
+
+    <!-- MAIN AREA -->
+    <div id="main-area">
+
+        <!-- SIDEBAR (TOC) -->
+        <div id="toc-sidebar">
+            <div id="toc-resize-handle" title="Drag to resize"></div>
+            <div class="nav-header">Table of Contents</div>
+
+            <!-- Recursive Macro for TOC -->
+            {% macro render_toc(items) %}
+            <ul class="toc-list">
+                {% for item in items %}
+                <li class="toc-item">
+                    {% set is_active = current_chapter.href == item.file_href %}
                     <a href="#" onclick="findAndGo('{{ item.file_href }}')"
-                       class="toc-link {% if is_active %}active{% endif %}">
+                        class="toc-link {% if is_active %}active{% endif %}">
                         {{ item.title }}
                     </a>
 
                     {% if item.children %}
-                        {{ render_toc(item.children) }}
+                    {{ render_toc(item.children) }}
                     {% endif %}
                 </li>
-            {% endfor %}
+                {% endfor %}
             </ul>
-        {% endmacro %}
+            {% endmacro %}
 
-        {{ render_toc(book.toc) }}
-    </div>
+            {{ render_toc(book.toc) }}
+        </div>
 
-    <!-- MAIN CONTENT -->
-    <div id="main">
-        <div class="content-container">
-            <div class="book-content">
-                {{ current_chapter.content | safe }}
-            </div>
+        <!-- Content + Chat area -->
+        <div id="content-area">
+            <!-- Book Content -->
+            <div class="content-container" id="content-scroll">
+                <div class="book-content" id="book-content-div">
+                    {{ current_chapter.content | safe }}
+                </div>
+
+                <div class="chapter-nav" style="max-width: 800px; margin: 0 auto; padding: 20px 50px 40px;">
+                    {% if prev_idx is not none %}
+                    <span class="nav-btn nav-prev-bottom" onclick="loadChapter({{ prev_idx }})">← Previous</span>
+                    {% else %}
+                    <span class="nav-btn nav-prev-bottom disabled">← Previous</span>
+                    {% endif %}
 
-            <div class="chapter-nav">
-                {% if prev_idx is not none %}
-                    <a href="/read/{{ book_id }}/{{ prev_idx }}" class="nav-btn">← Previous</a>
-                {% else %}
-                    <span class="nav-btn disabled">← Previous</span>
-                {% endif %}
-
-                <span style="color: #999; padding: 10px;">
-                    Section {{ chapter_index + 1 }} of {{ book.spine|length }}
-                </span>
-
-                {% if next_idx is not none %}
-                    <a href="/read/{{ book_id }}/{{ next_idx }}" class="nav-btn">Next →</a>
-                {% else %}
-                    <span class="nav-btn disabled">Next →</span>
-                {% endif %}
+                    <span style="color: #999; padding: 10px;">
+                        Section {{ chapter_index + 1 }} of {{ book.spine|length }}
+                    </span>
+
+                    {% if next_idx is not none %}
+                    <span class="nav-btn nav-next-bottom" onclick="loadChapter({{ next_idx }})">Next →</span>
+                    {% else %}
+                    <span class="nav-btn nav-next-bottom disabled">Next →</span>
+                    {% endif %}
+                </div>
             </div>
+
+            <!-- Set bookId before chat component so loadChatHistory can use it -->
+            <!-- Data Injection: Prevent formatter errors by keeping Jinja2 out of JS logic -->
+            <script type="application/json" id="reader-data">
+            {
+                "bookId": "{{ book_id }}",
+                "initialScroll": {{ initial_scroll }},
+                "initialZoom": {{ initial_zoom }},
+                "chapterIndex": {{ chapter_index }},
+                "totalChapters": {{ book.spine|length }},
+                "spineMap": {
+                    {% for ch in book.spine %}
+                    "{{ ch.href }}": {{ ch.order }}{% if not loop.last %},{% endif %}
+                    {% endfor %}
+                }
+            }
+            </script>
+            <script>
+                try {
+                    window.readerData = JSON.parse(document.getElementById('reader-data').textContent);
+                    window.bookId = window.readerData.bookId;
+                } catch (e) {
+                    console.error("Failed to parse reader data", e);
+                }
+            </script>
+
+            <!-- UNIFIED RIGHT SIDEBAR -->
+            {% include "components/right_sidebar.html" %}
+
         </div>
     </div>
 
+    <!-- Selection Menu (Popover) -->
+    <div id="selection-menu"
+        style="display:none; position:absolute; z-index:100; background:#333; color:white; padding:5px; border-radius:4px;">
+        <button onclick="triggerAnnotation('highlight')">Highlight</button>
+        <button onclick="triggerAskAI()">Ask AI</button>
+    </div>
+
+    <style>
+        #selection-menu button {
+            background: none;
+            border: none;
+            color: white;
+            cursor: pointer;
+            padding: 5px 10px;
+            font-size: 0.9em;
+        }
+
+        #selection-menu button:hover {
+            background: #555;
+            border-radius: 3px;
+        }
+
+        .highlight-span {
+            background-color: #ffeb3b80;
+            cursor: pointer;
+            border-bottom: 2px solid transparent;
+        }
+
+        .highlight-span:hover {
+            border-bottom-color: #f39c12;
+        }
+
+        .highlight-span.has-note {
+            border-bottom: 2px solid #e74c3c;
+        }
+
+        .highlight-span.active {
+            box-shadow: 0 0 0 2px #3498db;
+            background-color: rgba(52, 152, 219, 0.3);
+        }
+    </style>
+
     <script>
-        // Helper to map TOC filenames to Spine Indices
-        // Pass the spine data from python to JS
-        const spineMap = {
-            {% for ch in book.spine %}
-            "{{ ch.href }}": {{ ch.order }},
-            {% endfor %}
-        };
+        // --- State & Persistence ---
+        // Data is already parsed in the block above
+        const config = window.readerData || {};
+
+        // window.bookId is already set in the previous block
+        const bookId = config.bookId;
+
+        let chapterIndex = config.chapterIndex;
+        let currentZoom = config.initialZoom;
+        const totalChapters = config.totalChapters;
+        const spineMap = config.spineMap || {};
+
+        const zoomStep = 10;
+        const minZoom = 50;
+        const maxZoom = 200;
+        const bookContentDiv = document.getElementById('book-content-div');
+        const contentScroll = document.getElementById('content-scroll');
+
+        // Restore Scroll Position
+        window.addEventListener('load', () => {
+            const initScroll = config.initialScroll;
+            if (initScroll > 0) {
+                contentScroll.scrollTop = initScroll;
+            }
+            applyZoom();
+        });
+
+        // Save Progress
+        let saveTimeout;
+        function saveProgress() {
+            clearTimeout(saveTimeout);
+            saveTimeout = setTimeout(() => {
+                fetch(`/api/progress/${bookId}`, {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({
+                        chapter_index: chapterIndex,
+                        page_num: 1, // Not used for EPUB but consistent
+                        scroll_position: contentScroll.scrollTop,
+                        zoom: currentZoom
+                    })
+                });
+            }, 1000);
+        }
+
+        function debounceSave() {
+            clearTimeout(saveTimeout);
+            saveTimeout = setTimeout(saveProgress, 1000);
+        }
+
+        // Event Listeners for Saving
+        contentScroll.addEventListener('scroll', debounceSave);
+
+        function applyZoom() {
+            const scaleFactor = currentZoom / 100;
+            bookContentDiv.style.transform = `scale(${scaleFactor})`;
+            // Adjust wrapper for layout
+            bookContentDiv.style.transformOrigin = 'top center';
+            debounceSave(); // Save zoom change
+        }
+
+        document.getElementById('zoom-in').addEventListener('click', function () {
+            if (currentZoom < maxZoom) {
+                currentZoom += zoomStep;
+                applyZoom();
+            }
+        });
+
+        document.getElementById('zoom-out').addEventListener('click', function () {
+            if (currentZoom > minZoom) {
+                currentZoom -= zoomStep;
+                applyZoom();
+            }
+        });
+
+        // --- Fit Width ---
+        document.getElementById('fit-width').addEventListener('click', function () {
+            const containerWidth = contentScroll.clientWidth;
+            const contentNaturalWidth = 800 + 100; // max-width + padding
+            const scaleNeeded = containerWidth / contentNaturalWidth;
+            currentZoom = Math.round(Math.min(scaleNeeded, 2.0) * 100);
+            currentZoom = Math.max(minZoom, Math.min(maxZoom, currentZoom));
+            applyZoom();
+        });
+
+        // --- Fit Page (fit content height to viewport) ---
+        document.getElementById('fit-page').addEventListener('click', function () {
+            // Reset zoom first to measure natural height
+            bookContentDiv.style.transform = 'none';
+            const naturalHeight = bookContentDiv.scrollHeight;
+            const containerHeight = contentScroll.clientHeight;
+            const containerWidth = contentScroll.clientWidth;
+            const contentNaturalWidth = 800 + 100;
+
+            const scaleH = containerHeight / naturalHeight;
+            const scaleW = containerWidth / contentNaturalWidth;
+            const scaleFit = Math.min(scaleH, scaleW);
+
+            currentZoom = Math.round(Math.min(scaleFit, 2.0) * 100);
+            currentZoom = Math.max(minZoom, Math.min(maxZoom, currentZoom));
+            applyZoom();
+        });
+
+        // --- Toggle ToC ---
+        const tocSidebar = document.getElementById('toc-sidebar');
+        document.getElementById('toggle-toc').addEventListener('click', function () {
+            tocSidebar.classList.toggle('hidden');
+        });
+
+        // --- Resizable ToC Sidebar ---
+        const tocResizeHandle = document.getElementById('toc-resize-handle');
+        let isTocResizing = false;
+
+        tocResizeHandle.addEventListener('mousedown', function (e) {
+            isTocResizing = true;
+            document.body.style.cursor = 'col-resize';
+            e.preventDefault();
+        });
+
+        document.addEventListener('mousemove', function (e) {
+            if (!isTocResizing) return;
+            let newWidth = e.clientX;
+            if (newWidth < 180) newWidth = 180;
+            if (newWidth > 500) newWidth = 500;
+            document.documentElement.style.setProperty('--toc-width', newWidth + 'px');
+        });
+
+        document.addEventListener('mouseup', function () {
+            if (isTocResizing) {
+                isTocResizing = false;
+                document.body.style.cursor = '';
+            }
+        });
+
+        // --- TOC Navigation Logic ---
+        // spineMap is already loaded from config above
+
+        // ==============================================
+        // AJAX Chapter Loading (no full page reload)
+        // ==============================================
+        async function loadChapter(idx, anchor) {
+            if (idx < 0 || idx >= totalChapters) return;
+
+            try {
+                const resp = await fetch(`/api/chapter/${bookId}/${idx}`);
+                if (!resp.ok) {
+                    console.error("Failed to load chapter", idx, resp.status);
+                    return;
+                }
+                const data = await resp.json();
+
+                // 1. Swap content
+                bookContentDiv.innerHTML = data.content;
+
+                // 2. Update JS state
+                chapterIndex = data.chapter_index;
+
+                // 3. Update URL bar (without reload)
+                const newUrl = `/read/${bookId}/${chapterIndex}` + (anchor ? '#' + anchor : '');
+                history.pushState({ chapterIndex: chapterIndex }, '', newUrl);
+
+                // 4. Update navigation UI
+                updateNavUI(data.prev_idx, data.next_idx);
+
+                // 5. Update ToC active highlight
+                updateTocHighlight(data.href);
+
+                // 6. Scroll to anchor or top
+                if (anchor) {
+                    const target = document.getElementById(anchor);
+                    if (target) {
+                        target.scrollIntoView();
+                    } else {
+                        contentScroll.scrollTop = 0;
+                    }
+                } else {
+                    contentScroll.scrollTop = 0;
+                }
+
+                // 7. Re-apply zoom (already set, just ensure transform is correct)
+                applyZoom();
+
+                // 8. Save progress immediately
+                saveProgress();
+
+            } catch (err) {
+                console.error("Error loading chapter:", err);
+            }
+        }
+
+        function updateNavUI(prevIdx, nextIdx) {
+            // Update section counter
+            const gotoInput = document.getElementById('goto-section-input');
+            gotoInput.value = chapterIndex + 1;
+
+            // Update section info text in bottom nav
+            const bottomInfo = document.querySelector('.chapter-nav span[style]');
+            if (bottomInfo) {
+                bottomInfo.textContent = `Section ${chapterIndex + 1} of ${totalChapters}`;
+            }
+
+            // Update header prev/next buttons
+            const headerControls = document.querySelector('.header-controls');
+            const prevBtn = headerControls.querySelector('.nav-prev');
+            const nextBtn = headerControls.querySelector('.nav-next');
+
+            if (prevBtn) {
+                if (prevIdx !== null && prevIdx !== undefined) {
+                    prevBtn.style.opacity = '';
+                    prevBtn.style.cursor = 'pointer';
+                    prevBtn.style.pointerEvents = '';
+                    prevBtn.onclick = (e) => { e.preventDefault(); loadChapter(prevIdx); };
+                } else {
+                    prevBtn.style.opacity = '0.3';
+                    prevBtn.style.cursor = 'default';
+                    prevBtn.style.pointerEvents = 'none';
+                    prevBtn.onclick = null;
+                }
+            }
+
+            if (nextBtn) {
+                if (nextIdx !== null && nextIdx !== undefined) {
+                    nextBtn.style.opacity = '';
+                    nextBtn.style.cursor = '';
+                    nextBtn.style.pointerEvents = '';
+                    nextBtn.onclick = (e) => { e.preventDefault(); loadChapter(nextIdx); };
+                } else {
+                    nextBtn.style.opacity = '0.3';
+                    nextBtn.style.cursor = 'default';
+                    nextBtn.style.pointerEvents = 'none';
+                    nextBtn.onclick = null;
+                }
+            }
+
+            // Update bottom prev/next buttons
+            const bottomNav = document.querySelector('.chapter-nav');
+            if (bottomNav) {
+                const bottomPrev = bottomNav.querySelector('.nav-prev-bottom');
+                const bottomNext = bottomNav.querySelector('.nav-next-bottom');
+
+                if (bottomPrev) {
+                    if (prevIdx !== null && prevIdx !== undefined) {
+                        bottomPrev.className = 'nav-btn nav-prev-bottom';
+                        bottomPrev.onclick = (e) => { e.preventDefault(); loadChapter(prevIdx); };
+                    } else {
+                        bottomPrev.className = 'nav-btn nav-prev-bottom disabled';
+                        bottomPrev.onclick = null;
+                    }
+                }
+
+                if (bottomNext) {
+                    if (nextIdx !== null && nextIdx !== undefined) {
+                        bottomNext.className = 'nav-btn nav-next-bottom';
+                        bottomNext.onclick = (e) => { e.preventDefault(); loadChapter(nextIdx); };
+                    } else {
+                        bottomNext.className = 'nav-btn nav-next-bottom disabled';
+                        bottomNext.onclick = null;
+                    }
+                }
+            }
+        }
+
+        function updateTocHighlight(currentHref) {
+            // Remove all active classes
+            document.querySelectorAll('a.toc-link.active').forEach(el => {
+                el.classList.remove('active');
+            });
+            // Find and activate matching link
+            document.querySelectorAll('a.toc-link').forEach(el => {
+                const onclick = el.getAttribute('onclick');
+                if (onclick && onclick.includes(currentHref)) {
+                    el.classList.add('active');
+                }
+            });
+        }
+
+        // --- Browser back/forward support ---
+        window.addEventListener('popstate', function (e) {
+            if (e.state && e.state.chapterIndex !== undefined) {
+                // Use loadChapterNoHistory to avoid pushing duplicate state
+                loadChapterNoHistory(e.state.chapterIndex);
+            }
+        });
+
+        async function loadChapterNoHistory(idx) {
+            if (idx < 0 || idx >= totalChapters) return;
+            try {
+                const resp = await fetch(`/api/chapter/${bookId}/${idx}`);
+                if (!resp.ok) return;
+                const data = await resp.json();
+
+                bookContentDiv.innerHTML = data.content;
+                chapterIndex = data.chapter_index;
+                updateNavUI(data.prev_idx, data.next_idx);
+                updateTocHighlight(data.href);
+                contentScroll.scrollTop = 0;
+                applyZoom();
+                saveProgress();
+            } catch (err) {
+                console.error("Error loading chapter:", err);
+            }
+        }
+
+        // Set initial history state
+        history.replaceState({ chapterIndex: chapterIndex }, '');
 
         function findAndGo(filename) {
-            // The TOC usually has specific filenames e.g. "text/part001.html"
-            // Sometimes it has anchors "text/part001.html#header"
-            // We strip the anchor to find the page index
-            const cleanFile = filename.split('#')[0];
-            const anchor = filename.split('#')[1];
+            // cleanup anchor
+            let cleanFile = filename.split('#')[0];
+            // Decode URI just in case (e.g. spaces -> %20)
+            try { cleanFile = decodeURIComponent(cleanFile); } catch (e) { }
 
-            const idx = spineMap[cleanFile];
+            let idx = spineMap[cleanFile];
+
+            // Robust Fallback: try matching basename if full path fails
+            if (idx === undefined) {
+                const basename = cleanFile.split('/').pop();
+                for (const key in spineMap) {
+                    if (key.endsWith(basename)) {
+                        idx = spineMap[key];
+                        break;
+                    }
+                }
+            }
 
             if (idx !== undefined) {
-                let url = "/read/{{ book_id }}/" + idx;
-                // If there was an anchor, we could try to scroll to it,
-                // but simple page loads often lose anchor position without extra JS.
-                // Let's just go to the page.
-                window.location.href = url;
+                // Extract anchor from original filename
+                const anchor = filename.includes('#') ? filename.split('#')[1] : '';
+                loadChapter(idx, anchor);
             } else {
-                console.log("Could not find index for", filename);
+                console.error("Could not find index for", filename);
+                // Don't alert for same-page anchors
+                if (filename.startsWith('#')) {
+                    window.location.hash = filename;
+                } else {
+                    console.warn("Could not find chapter: " + filename);
+                }
+            }
+        }
+
+        // --- Intercept internal content links ---
+        // Use event delegation on content-scroll so it works after content swap
+        document.getElementById('content-scroll').addEventListener('click', function (e) {
+            const link = e.target.closest('a');
+            if (!link) return;
+
+            // Only intercept links inside book content, not nav buttons
+            if (!document.getElementById('book-content-div').contains(link)) return;
+
+            const href = link.getAttribute('href');
+            if (!href) return;
+
+            // Skip external links
+            if (/^[a-z]+:\/\//i.test(href) || href.startsWith('mailto:')) return;
+
+            // Internal link — intercept it
+            e.preventDefault();
+            findAndGo(href);
+        });
+
+        // --- Text Selection Hook for Chat (Legacy) ---
+        // We override this with new Annotation Logic
+
+        // --- Annotation System ---
+        const selectionMenu = document.getElementById('selection-menu');
+
+        document.addEventListener('mouseup', (e) => {
+            const selection = window.getSelection();
+            if (selection.toString().trim().length > 0) {
+                // If selection is inside book content
+                const contentDiv = document.getElementById('book-content-div');
+                if (contentDiv.contains(selection.anchorNode)) {
+                    // Show menu
+                    const range = selection.getRangeAt(0);
+                    const rect = range.getBoundingClientRect();
+
+                    selectionMenu.style.display = 'flex';
+                    selectionMenu.style.top = (window.scrollY + rect.top - 40) + 'px';
+                    selectionMenu.style.left = (window.scrollX + rect.left + rect.width / 2 - 75) + 'px';
+                    return;
+                }
+            }
+            // Hide if clicked elsewhere, BUT check if clicking menu itself
+            if (!selectionMenu.contains(e.target)) {
+                selectionMenu.style.display = 'none';
+            }
+        });
+
+        // Current temporary selection state
+        function getSelectedQuote() {
+            const selection = window.getSelection();
+            return selection.toString().trim();
+        }
+
+        async function triggerAnnotation(type) {
+            const quote = getSelectedQuote();
+            if (!quote) return;
+
+            selectionMenu.style.display = 'none';
+
+            // Create annotation
+            const payload = {
+                type: (type === 'ask') ? 'chat_thread' : type, // 'ask' starts a chat thread
+                target: {
+                    chapter_index: chapterIndex,
+                    quote: quote
+                },
+                content: {
+                    text: (type === 'note') ? "New Note" : "", // placeholder
+                    color: "yellow"
+                }
+            };
+
+            try {
+                const resp = await fetch(`/api/annotations/${bookId}`, {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify(payload)
+                });
+                const data = await resp.json();
+
+                // Refresh highlights
+                await loadAnnotations();
+
+                // If Note or Ask, open sidebar immediately
+                if (type === 'note') {
+                    window.RightSidebar.openThread(data.id);
+                }
+                // Ask is now handled by triggerAskAI
+            } catch (e) {
+                console.error("Failed to create annotation", e);
             }
         }
+
+        function triggerAskAI() {
+            const selection = window.getSelection();
+            const text = selection.toString().trim();
+
+            // Clean up selection menu
+            document.getElementById('selection-menu').style.display = 'none';
+
+            if (text) {
+                if (window.RightSidebar && window.RightSidebar.openGlobalChat) {
+                    window.RightSidebar.openGlobalChat(text);
+                } else {
+                    console.error("RightSidebar.openGlobalChat not available");
+                }
+            }
+        }
+
+
+
+        // --- Rendering Logic (Quote Matching) ---
+        let currentAnnotations = [];
+
+        async function loadAnnotations() {
+            try {
+                const resp = await fetch(`/api/annotations/${bookId}`);
+                const annotations = await resp.json();
+                currentAnnotations = annotations;
+                renderHighlights(annotations);
+                renderSidebarList(annotations);
+            } catch (e) { console.error(e); }
+        }
+
+        window.loadAnnotationsList = loadAnnotations;
+        window.reloadAnnotations = loadAnnotations;
+
+        function renderHighlights(annotations) {
+            document.querySelectorAll('.highlight-span').forEach(span => {
+                const parent = span.parentNode;
+                parent.replaceChild(document.createTextNode(span.textContent), span);
+                parent.normalize();
+            });
+
+            const chapterAnns = annotations.filter(a => a.target.chapter_index === chapterIndex);
+            const contentDiv = document.getElementById('book-content-div');
+            if (!contentDiv) return;
+
+            function normalizeWs(s) {
+                return (s || '').replace(/\s+/g, ' ').trim();
+            }
+            function findRangeForQuote(root, quote) {
+                const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT);
+                const nodes = [];
+                let totalLen = 0;
+                let node;
+                while (node = walker.nextNode()) {
+                    const len = node.nodeValue.length;
+                    nodes.push({ node: node, start: totalLen, end: totalLen + len });
+                    totalLen += len;
+                }
+                const fullText = nodes.map(n => n.node.nodeValue).join('');
+                let idx = fullText.indexOf(quote);
+                let endIdx = idx === -1 ? -1 : idx + quote.length;
+
+                if (idx === -1) {
+                    const fullNorm = normalizeWs(fullText);
+                    const quoteNorm = normalizeWs(quote);
+                    if (!quoteNorm) return null;
+                    const idxNorm = fullNorm.indexOf(quoteNorm);
+                    if (idxNorm === -1) return null;
+                    const endNorm = idxNorm + quoteNorm.length;
+                    const origToNorm = [];
+                    let normPos = 0;
+                    for (let i = 0; i < fullText.length; i++) {
+                        origToNorm[i] = normPos;
+                        if (!/\s/.test(fullText[i])) normPos++;
+                        else if (i === 0 || !/\s/.test(fullText[i - 1])) normPos++;
+                    }
+                    let startOrig = fullText.length, endOrig = fullText.length;
+                    for (let i = 0; i < fullText.length; i++) {
+                        if (origToNorm[i] === idxNorm) { startOrig = i; break; }
+                    }
+                    for (let i = 0; i < fullText.length; i++) {
+                        if (origToNorm[i] >= endNorm) { endOrig = i; break; }
+                    }
+                    idx = startOrig;
+                    endIdx = endOrig;
+                } else {
+                    endIdx = idx + quote.length;
+                }
+
+                let startNode = null, startOff = 0, endNode = null, endOff = 0;
+                for (let i = 0; i < nodes.length; i++) {
+                    if (idx >= nodes[i].start && idx < nodes[i].end) {
+                        startNode = nodes[i].node;
+                        startOff = idx - nodes[i].start;
+                    }
+                    if (endIdx > nodes[i].start && endIdx <= nodes[i].end) {
+                        endNode = nodes[i].node;
+                        endOff = endIdx - nodes[i].start;
+                    }
+                }
+                if (!startNode || !endNode) return null;
+                const range = document.createRange();
+                range.setStart(startNode, startOff);
+                range.setEnd(endNode, endOff);
+                return range;
+            }
+
+            chapterAnns.forEach(ann => {
+                if (!ann.target || !ann.target.quote) return;
+
+                const quote = ann.target.quote;
+                const range = findRangeForQuote(contentDiv, quote);
+                if (!range) return;
+
+                const span = document.createElement('span');
+                span.className = 'highlight-span';
+                if (ann.type !== 'highlight') span.classList.add('has-note');
+                span.dataset.id = ann.id;
+                span.style.backgroundColor = 'rgba(255, 235, 59, 0.6)';
+                if (ann.type !== 'highlight') span.style.backgroundColor = 'rgba(221, 221, 221, 0.85)';
+                span.style.cursor = 'pointer';
+
+                span.onclick = (e) => {
+                    e.stopPropagation();
+                    window.activateHighlight(ann.id);
+                    if (window.RightSidebar) window.RightSidebar.open();
+                };
+
+                try {
+                    const fragment = range.extractContents();
+                    span.appendChild(fragment);
+                    range.insertNode(span);
+                } catch (err) { /* fallback: single-node wrap */ }
+            });
+        }
+
+        async function updateAnnotationContent(id, newText) {
+            try {
+                // Find current
+                const resp = await fetch(`/api/annotations/${bookId}`);
+                const all = await resp.json();
+                const target = all.find(a => a.id === id);
+                if (!target) return;
+
+                target.content.text = newText;
+
+                await fetch(`/api/annotations/${bookId}/${id}`, {
+                    method: 'PUT',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify(target)
+                });
+
+                await loadAnnotations();
+            } catch (e) { console.error(e); }
+        }
+        window.updateAnnotationContent = updateAnnotationContent;
+
+        function renderSidebarList(annotations) {
+            const listContainer = document.getElementById('annotations-list-container');
+            if (!listContainer) return;
+
+            const chapterAnns = annotations.filter(a => (a.target && a.target.chapter_index != null) && a.target.chapter_index === chapterIndex);
+            if (chapterAnns.length === 0) {
+                listContainer.innerHTML = '<div style="padding:20px; color:#999; text-align:center;">No annotations in this section.</div>';
+                return;
+            }
+
+            listContainer.innerHTML = chapterAnns.map(a => {
+                const ch = (a.target && a.target.chapter_index != null) ? a.target.chapter_index + 1 : '?';
+                return `
+                <div class="annotation-item" onclick="window.activateHighlight('${a.id}')" data-id="${a.id}">
+                    <div class="annotation-quote">Section ${ch}: "${(a.target && a.target.quote ? a.target.quote : "").substring(0, 50)}..."</div>
+                    <div class="annotation-note-preview">
+                        ${a.content && a.content.text ? marked.parse(a.content.text) : '<span style="color:#ccc;font-style:italic;">No note</span>'}
+                    </div>
+                    <div class="annotation-meta" style="margin-top:5px; align-items:center;">
+                        <span>${new Date(a.created_at).toLocaleTimeString()}</span>
+                        <div class="actions">
+                            <button class="ann-edit-btn" data-id="${a.id}" title="Edit">✏️</button>
+                            <button class="ann-delete-btn" data-id="${a.id}" title="Delete">🗑️</button>
+                        </div>
+                    </div>
+                </div>
+                `;
+            }).join('');
+
+            listContainer.querySelectorAll('.ann-edit-btn').forEach(btn => {
+                btn.addEventListener('click', (e) => {
+                    e.stopPropagation();
+                    const ann = currentAnnotations.find(x => x.id === btn.dataset.id);
+                    window.RightSidebar.startEdit(btn.dataset.id, ann && ann.content ? (ann.content.text || '') : '');
+                });
+            });
+            listContainer.querySelectorAll('.ann-delete-btn').forEach(btn => {
+                btn.addEventListener('click', (e) => {
+                    e.stopPropagation();
+                    window.RightSidebar.deleteAnnotation(btn.dataset.id);
+                });
+            });
+        }
+
+        // --- Thread View Logic ---
+        let currentThreadId = null;
+        window.loadAnnotationThread = async (annId) => {
+            currentThreadId = annId;
+            const resp = await fetch(`/api/annotations/${bookId}`);
+            const all = await resp.json();
+            const ann = all.find(a => a.id === annId);
+
+            if (!ann) return;
+
+            // Store for Edit logic
+            window.currentAnnotation = ann;
+
+            document.getElementById('thread-title').textContent = ann.type === 'chat_thread' ? 'Discussion' : 'Note';
+            document.getElementById('thread-placeholder').style.display = 'none';
+
+            // Render Note Content (Markdown)
+            const noteDisplay = document.getElementById('thread-note-display');
+            if (ann.content.text) {
+                noteDisplay.style.display = 'block';
+                noteDisplay.innerHTML = marked.parse(ann.content.text);
+            } else {
+                noteDisplay.style.display = 'none';
+            }
+
+            // Mount Chat if needed
+            // TODO: Reuse Chat Component Logic via a bridge
+            // For now, let's just show raw messages or placeholder
+            // In a real app we'd re-instantiate the Vue/React component or clean JS class
+        };
+
+        // Highlight Activation: go to chapter if needed, then scroll to highlight
+        window.activateHighlight = async function (annId) {
+            document.querySelectorAll('.highlight-span.active').forEach(el => el.classList.remove('active'));
+            document.querySelectorAll('.annotation-item.active').forEach(el => el.classList.remove('active'));
+
+            const ann = currentAnnotations.find(a => a.id === annId);
+            const targetChapter = ann && ann.target && (ann.target.chapter_index != null) ? ann.target.chapter_index : null;
+
+            if (targetChapter != null && targetChapter !== chapterIndex) {
+                await loadChapter(targetChapter);
+                await loadAnnotations();
+            }
+
+            const target = document.querySelector(`.highlight-span[data-id="${annId}"]`);
+            if (target) {
+                target.classList.add('active');
+                target.scrollIntoView({ behavior: "smooth", block: "center" });
+            }
+
+            const sidebarItem = document.querySelector(`.annotation-item[data-id="${annId}"]`);
+            if (sidebarItem) {
+                sidebarItem.classList.add('active');
+                sidebarItem.scrollIntoView({ behavior: "smooth", block: "center" });
+            }
+        }
+
+        // Load initially
+        window.addEventListener('load', loadAnnotations);
+
+        // Reload when chapter changes (hooking into loadChapter)
+        const originalLoadChapter = loadChapter;
+        loadChapter = async function (idx, anchor) {
+            await originalLoadChapter(idx, anchor);
+            await loadAnnotations();
+        };
+
+
+        // --- Go To Section Logic ---
+        const gotoInput = document.getElementById('goto-section-input');
+        const gotoBtn = document.getElementById('goto-btn');
+
+        function handleGoTo() {
+            const val = parseInt(gotoInput.value);
+            if (val && val >= 1 && val <= totalChapters) {
+                loadChapter(val - 1);
+            } else {
+                alert("Invalid section number");
+            }
+        }
+
+        gotoBtn.addEventListener('click', handleGoTo);
+        gotoInput.addEventListener('keypress', (e) => {
+            if (e.key === 'Enter') handleGoTo();
+        });
+
     </script>
 </body>
-</html>
+
+</html>
\ No newline at end of file
diff --git a/tests/conftest.py b/tests/conftest.py
new file mode 100644
index 0000000..f5789e5
--- /dev/null
+++ b/tests/conftest.py
@@ -0,0 +1,88 @@
+import pytest
+from fastapi.testclient import TestClient
+import sys
+import os
+import shutil
+from unittest.mock import patch
+import fitz # PyMuPDF
+from ebooklib import epub
+
+# Add project root to path
+sys.path.insert(0, os.path.abspath(os.path.join(os.path.dirname(__file__), '..')))
+
+from server import app, load_book_cached
+from reader3 import process_epub, process_pdf, save_to_pickle
+
+@pytest.fixture
+def client():
+    return TestClient(app)
+
+@pytest.fixture(scope="function")
+def temp_books_dir(tmp_path):
+    """Create a temp directory for books and patch server to use it."""
+    # Ensure the directory exists
+    d = tmp_path / "books"
+    d.mkdir()
+    
+    # Patch server.BOOKS_DIR
+    with patch('server.BOOKS_DIR', str(d)):
+        # Clear cache so we don't serve stale data
+        load_book_cached.cache_clear()
+        yield d
+
+@pytest.fixture
+def create_test_epub(temp_books_dir):
+    """Generates a valid minimal EPUB and imports it."""
+    def _create(name="test_book"):
+        epub_name = f"{name}.epub"
+        epub_path = str(temp_books_dir / epub_name)
+        
+        # Create EPUB
+        book = epub.EpubBook()
+        book.set_identifier('id123456')
+        book.set_title(name)
+        book.set_language('en')
+        book.add_author('Test Author')
+
+        # Add generic chapter
+        c1 = epub.EpubHtml(title='Intro', file_name='intro.xhtml', lang='en')
+        c1.content = '<h1>Intro</h1><p>Test Content</p>'
+        book.add_item(c1)
+        
+        book.toc = (c1,)
+        book.spine = ['nav', c1]
+        book.add_item(epub.EpubNcx())
+        book.add_item(epub.EpubNav())
+
+        epub.write_epub(epub_path, book, {})
+        
+        # Import it (simulating CLI)
+        out_dir = temp_books_dir / f"{name}_data"
+        # reader3.process_epub returns a Book object
+        book_obj = process_epub(epub_path, str(out_dir))
+        save_to_pickle(book_obj, str(out_dir))
+        
+        return f"{name}_data"
+    return _create
+
+@pytest.fixture
+def create_test_pdf(temp_books_dir):
+    """Generates a valid minimal PDF and imports it."""
+    def _create(name="test_pdf"):
+        pdf_name = f"{name}.pdf"
+        pdf_path = str(temp_books_dir / pdf_name)
+        
+        # Create PDF using PyMuPDF
+        doc = fitz.open()
+        page = doc.new_page()
+        page.insert_text((50, 50), "Hello PDF World")
+        doc.save(pdf_path)
+        doc.close()
+        
+        # Import it
+        out_dir = temp_books_dir / f"{name}_data"
+        book_obj = process_pdf(pdf_path, str(out_dir))
+        save_to_pickle(book_obj, str(out_dir))
+        
+        return f"{name}_data"
+    return _create
diff --git a/tests/test_annotations.py b/tests/test_annotations.py
new file mode 100644
index 0000000..45502e7
--- /dev/null
+++ b/tests/test_annotations.py
@@ -0,0 +1,113 @@
+import pytest
+from fastapi.testclient import TestClient
+import os
+import shutil
+from unittest.mock import patch
+import json
+
+# Import directly to test Pydantic models
+from annotations import Annotation, AnnotationTarget, AnnotationContent, ChatMessage
+
+def test_annotation_models():
+    """Verify Pydantic models structure and validation."""
+    target = AnnotationTarget(chapter_index=1, cfi="/2/4/1:0", quote="Hello")
+    content = AnnotationContent(text="**Bold Note**", color="#ffff00")
+    
+    ann = Annotation(type="note", target=target, content=content)
+    
+    assert ann.id is not None
+    assert ann.type == "note"
+    assert ann.target.chapter_index == 1
+    assert ann.content.text == "**Bold Note**"
+    
+    # JSON serialization check
+    json_str = ann.model_dump_json()
+    assert "**Bold Note**" in json_str
+
+@pytest.fixture
+def sample_annotation(client):
+    """Fixture to create a sample annotation for regression tests."""
+    book_id = "test_book_regressions"
+    ann = {
+        "type": "highlight",
+        "target": {"chapter_index": 0, "quote": "Test Quote"},
+        "content": {"text": "Original text", "color": "yellow"}
+    }
+    resp = client.post(f"/api/annotations/{book_id}", json=ann)
+    assert resp.status_code == 200
+    return book_id, resp.json()["id"]
+
+def test_regression_edit_annotation(client, sample_annotation):
+    """Regression Test #4: Verify annotations can be edited (PUT)."""
+    book_id, ann_id = sample_annotation
+    
+    # 1. Update text
+    updated_data = {
+        "id": ann_id,
+        "type": "note", # Changing type
+        "target": {"chapter_index": 0, "quote": "Test Quote"},
+        "content": {"text": "Edited Note Content", "color": "blue"}
+    }
+    
+    resp = client.put(f"/api/annotations/{book_id}/{ann_id}", json=updated_data)
+    assert resp.status_code == 200, f"Update failed: {resp.text}"
+    
+    # 2. Verify persistence
+    resp = client.get(f"/api/annotations/{book_id}")
+    anns = resp.json()
+    saved = next(a for a in anns if a["id"] == ann_id)
+    assert saved["content"]["text"] == "Edited Note Content"
+    assert saved["content"]["color"] == "blue"
+    assert saved["type"] == "note"
+
+def test_regression_delete_annotation(client, sample_annotation):
+    """Regression Test #4: Verify annotations can be deleted."""
+    book_id, ann_id = sample_annotation
+    
+    # 1. Delete
+    resp = client.delete(f"/api/annotations/{book_id}/{ann_id}")
+    assert resp.status_code == 200
+    
+    # 2. Verify gone
+    resp = client.get(f"/api/annotations/{book_id}")
+    anns = resp.json()
+    assert not any(a["id"] == ann_id for a in anns)
+
+def test_regression_ask_ai_flow(client, sample_annotation):
+    """Regression Test #3: Verify 'Ask AI' flow (appending chat messages)."""
+    book_id, ann_id = sample_annotation
+    
+    # 1. Send chat message (simulating "Ask AI" or user reply)
+    chat_msg = {"role": "user", "content": "Explain this context"}
+    resp = client.post(f"/api/annotations/{book_id}/{ann_id}/chat", json=chat_msg)
+    assert resp.status_code == 200
+    
+    # 2. Verify message appended
+    resp = client.get(f"/api/annotations/{book_id}")
+    anns = resp.json()
+    saved = next(a for a in anns if a["id"] == ann_id)
+    
+    assert saved["type"] == "chat_thread" # Should auto-update type
+    assert len(saved["content"]["chat_messages"]) == 1
+    assert saved["content"]["chat_messages"][0]["content"] == "Explain this context"
+
+def test_error_handling_nonexistent_ids(client, temp_books_dir):
+    """Verify clean error handling for bad IDs."""
+    book_id = "test_book_missing"
+    
+    # Delete missing
+    resp = client.delete(f"/api/annotations/{book_id}/bad-id")
+    assert resp.status_code == 404
+    
+    # Update missing
+    fake_ann = {
+        "id": "bad-id", 
+        "type": "note",
+        "target": {"chapter_index": 0},
+        "content": {}
+    }
+    resp = client.put(f"/api/annotations/{book_id}/bad-id", json=fake_ann)
+    # Could be 404 or 500 depending on impl, but 404 is ideal. 
+    # Current impl might raise 404 or 500. Let's check impl:
+    # server.py update_annotation returns 404 if not found.
+    assert resp.status_code == 404, f"Expected 404 but got {resp.status_code}. Details: {resp.text}"
diff --git a/tests/test_server.py b/tests/test_server.py
new file mode 100644
index 0000000..2b0e09c
--- /dev/null
+++ b/tests/test_server.py
@@ -0,0 +1,112 @@
+import json
+import re
+import pytest
+
+def test_read_root(client):
+    """Verify the root page loads."""
+    response = client.get("/")
+    assert response.status_code == 200
+    assert "Library" in response.text
+
+def test_read_epub_page_loads(client, create_test_epub):
+    """Verify EPUB reader loads and contains valid JSON data block."""
+    book_id = create_test_epub("my_test_epub")
+    
+    response = client.get(f"/read/{book_id}")
+    assert response.status_code == 200
+    
+    # Check for the data script block
+    assert 'id="reader-data"' in response.text, "reader-data block missing"
+    
+    # Extract and validate JSON
+    match = re.search(r'<script type="application/json" id="reader-data">\s*(\{.*?\})\s*</script>', response.text, re.DOTALL)
+    assert match, "Could not extract reader-data JSON"
+    
+    data_str = match.group(1)
+    try:
+        data = json.loads(data_str)
+    except json.JSONDecodeError as e:
+        pytest.fail(f"Invalid JSON in reader-data: {e}")
+        
+    assert data["bookId"] == book_id
+    assert "spineMap" in data
+    assert isinstance(data["spineMap"], dict)
+
+def test_read_pdf_page_loads(client, create_test_pdf):
+    """Verify PDF reader loads and contains valid JSON data block."""
+    book_id = create_test_pdf("my_test_pdf")
+    
+    response = client.get(f"/read/{book_id}")
+    assert response.status_code == 200
+    
+    # Check for the data script block
+    assert 'id="pdf-data"' in response.text, "pdf-data block missing"
+    
+    # Extract and validate JSON
+    match = re.search(r'<script type="application/json" id="pdf-data">\s*(\{.*?\})\s*</script>', response.text, re.DOTALL)
+    assert match, "Could not extract pdf-data JSON"
+    
+    data_str = match.group(1)
+    try:
+        data = json.loads(data_str)
+    except json.JSONDecodeError as e:
+        pytest.fail(f"Invalid JSON in pdf-data: {e}")
+        
+    assert data["bookId"] == book_id
+    assert "pdfUrl" in data
+    assert data["pdfUrl"].endswith(".pdf")
+
+def test_pdf_navigation_script_present(client, create_test_pdf):
+    """
+    Verify that the frontend JavaScript for scoped arrow key navigation 
+    is present in the rendered HTML. 
+    Since this is a backend test, we can't execute JS, but we can ensure 
+    the template code is being served correctly.
+    """
+    book_id = create_test_pdf("nav_test_pdf")
+    response = client.get(f"/read/{book_id}")
+    assert response.status_code == 200
+    
+    # Check for the scoped keydown listener on the wrapper
+    assert "pdfWrapper.addEventListener('keydown'" in response.text
+    assert "ArrowLeft" in response.text
+    assert "ArrowRight" in response.text
+    # Verify tabindex is set for focus
+    assert "pdfWrapper.setAttribute('tabindex', '0')" in response.text
+
+
+def test_chat_history_api(client, temp_books_dir):
+    """Verify chat history CRUD operations."""
+    # We don't strictly need a book to exist for chat history API as it's just file I/O 
+    # in the book folder, but let's be safe and use a dummy ID.
+    # The server creates the folder if it doesn't exist for save_chat_history.
+    book_id = "test_book_history"
+    
+    # Cleanup before test (implicit because temp_books_dir is fresh per function??)
+    # temp_books_dir is scope='function', so it's fresh.
+    
+    # 1. Get empty history
+    resp = client.get(f"/api/chat-history/{book_id}")
+    assert resp.status_code == 200
+    assert resp.json() == []
+
+    # 2. Append message
+    msg = {"role": "user", "content": "Hello world"}
+    resp = client.post(f"/api/chat-history/{book_id}", json=msg)
+    assert resp.status_code == 200
+    assert resp.json() == {"status": "ok"}
+    
+    # 3. Get history with message
+    resp = client.get(f"/api/chat-history/{book_id}")
+    assert resp.status_code == 200
+    history = resp.json()
+    assert len(history) == 1
+    assert history[0]["content"] == "Hello world"
+    
+    # 4. Cleanup
+    resp = client.delete(f"/api/chat-history/{book_id}")
+    assert resp.status_code == 200
+    
+    # Verify empty again
+    resp = client.get(f"/api/chat-history/{book_id}")
+    assert resp.json() == []
diff --git a/tests/test_ui_regression.py b/tests/test_ui_regression.py
new file mode 100644
index 0000000..5a80b4c
--- /dev/null
+++ b/tests/test_ui_regression.py
@@ -0,0 +1,212 @@
+import pytest
+from bs4 import BeautifulSoup
+
+def test_regression_sidebar_css_fix(client, create_test_epub):
+    """
+    Step Id: 312
+    User reported that sidebar resizing was broken/blocked.
+    Diagnosis: #right-sidebar lacked 'position: relative', causing the absolute-positioned
+    resize handle to be positioned relative to the viewport (likely off-screen or far left)
+    instead of the sidebar edge.
+    
+    This test verifies:
+    1. #right-sidebar has 'position: relative' in its inline styles or style block.
+    2. #chat-sidebar does NOT have a resize handle div (id="resize-handle").
+    """
+    
+    book_id = create_test_epub("test_book_ui")
+    
+    # Use the correct route /read/{book_id}
+    response = client.get(f"/read/{book_id}")
+    assert response.status_code == 200
+    
+    soup = BeautifulSoup(response.text, 'html.parser')
+    
+    # 1. Check for position: relative in #right-sidebar CSS
+    # Note: Styles are likely in a <style> block in components/right_sidebar.html
+    # We search all style blocks.
+    style_content = ""
+    for style in soup.find_all('style'):
+        if style.string:
+            style_content += style.string
+            
+    # Normalize whitespace for check
+    style_content = " ".join(style_content.split())
+    
+    # We expect strict checking for #right-sidebar { ... position: relative
+    # But string matching is brittle. Let's check if the specific rule exists.
+    assert "#right-sidebar" in style_content
+    # Check if 'position: relative' is near '#right-sidebar'
+    # This is a bit heuristic but sufficient for regression
+    
+    # Alternatively, check if we find the resize handle attached to it? No that's JS.
+    
+    # Let's rely on checking the text of the template file? No, integration test is better.
+    # The rendered HTML will have the styles.
+    
+    # Let's check strictly for the fix we made:
+    # #right-sidebar { ... position: relative; ... }
+    # We can just check that 'position: relative' is present in the CSS for #right-sidebar
+    # Extract the block for #right-sidebar
+    import re
+    match = re.search(r'#right-sidebar\s*{([^}]*)}', style_content)
+    assert match is not None, "Could not find #right-sidebar CSS rule"
+    css_props = match.group(1)
+    
+    assert "position: relative" in css_props, "Regression: #right-sidebar missing 'position: relative'"
+
+
+def test_regression_chat_component_cleanup(client, create_test_epub):
+    """
+    Verifies that the Chat Component no longer has the conflicting resize handle.
+    """
+    book_id = create_test_epub("test_book_ui_2")
+
+    response = client.get(f"/read/{book_id}")
+    assert response.status_code == 200
+    
+    soup = BeautifulSoup(response.text, 'html.parser')
+    
+    # The chat sidebar id is 'chat-sidebar'
+    chat_sidebar = soup.find(id='chat-sidebar')
+    assert chat_sidebar is not None
+    
+    # Did we successfully remove the resize-handle?
+    resize_handle = chat_sidebar.find(id='resize-handle')
+    assert resize_handle is None, "Regression: Conflicting 'resize-handle' found inside Chat Component"
+
+def test_regression_ask_ai_context_wiring(client, create_test_epub):
+    """
+    Step Id: 387
+    User requested: 'Ask AI' should open Global Chat with a cancellable context box,
+    instead of creating a new Thread annotation.
+    
+    This test verifies:
+    1. right_sidebar.html contains 'openGlobalChat' method.
+    2. reader.html 'Ask AI' button calls 'triggerAskAI' (not triggerAnnotation).
+    """
+    book_id = create_test_epub("test_book_ai_wiring")
+    response = client.get(f"/read/{book_id}")
+    assert response.status_code == 200
+    
+    text = response.text
+    
+    # 1. Check for openGlobalChat definition in the JS
+    assert "openGlobalChat:" in text, "RightSidebar missing openGlobalChat method"
+    
+    # 2. Check for Ask AI button wiring
+    soup = BeautifulSoup(text, 'html.parser')
+    selection_menu = soup.find(id="selection-menu")
+    assert selection_menu is not None
+    
+    buttons = selection_menu.find_all("button")
+    ask_btn = None
+    for btn in buttons:
+        if "Ask AI" in btn.text:
+            ask_btn = btn
+            break
+            
+    assert ask_btn is not None, "Ask AI button not found"
+    onclick = ask_btn.get("onclick", "")
+    assert "triggerAskAI()" in onclick, "Ask AI button should call triggerAskAI()"
+    assert "triggerAnnotation('ask')" not in onclick, "Ask AI button should NOT call triggerAnnotation('ask')"
+
+    assert "triggerAnnotation('ask')" not in onclick, "Ask AI button should NOT call triggerAnnotation('ask')"
+
+
+def test_regression_pdf_highlight_wiring(client, create_test_pdf):
+    """
+    Step Id: 470
+    User reported: Highlights didn't scale/persist on PDF zoom/resize.
+    renderHighlights() must be called after render completes (so highlights scale with zoom).
+    """
+    book_id = create_test_pdf("test_book_pdf_scaling")
+    response = client.get(f"/read/{book_id}")
+    assert response.status_code == 200
+    text = response.text
+    assert "function renderHighlights()" in text
+    count = text.count("renderHighlights()")
+    assert count >= 3, "renderHighlights() should be called in loadAnnotations and after render (single + dual)"
+    # After render we call it inside requestAnimationFrame in the promise .then()
+    assert "requestAnimationFrame" in text and "renderHighlights()" in text, "renderHighlights() must run after layout (e.g. in requestAnimationFrame after render)"
+
+
+def test_regression_ui_simplification(client, create_test_epub, create_test_pdf):
+    """
+    Step Id: 511
+    User requested: 
+    1. Remove 'Note' button from selection menu.
+    2. Remove 'Thread' tab from sidebar.
+    3. PDF highlights normalized to [0,1].
+    
+    This test verifies:
+    1. 'Note' button is NOT present in reader.html and pdf_reader.html.
+    2. 'Thread' tab is NOT present in right_sidebar.html (via rendered page).
+    3. pdf_reader.html contains logic for normalization (heuristic).
+    """
+    
+    # 1. EPUB check
+    book_id = create_test_epub("test_book_ui_simple")
+    resp_epub = client.get(f"/read/{book_id}")
+    assert 'onclick="triggerAnnotation(\'note\')"' not in resp_epub.text, "EPUB: 'Note' button wasn't removed"
+    
+    # 2. PDF check
+    pdf_id = create_test_pdf("test_book_ui_simple_pdf")
+    resp_pdf = client.get(f"/read/{pdf_id}")
+    assert 'onclick="triggerAnnotation(\'note\')"' not in resp_pdf.text, "PDF: 'Note' button wasn't removed"
+    
+    # 3. Sidebar check (Thread tab removal)
+    # The tab button id was 'tab-btn-thread'
+    assert 'id="tab-btn-thread"' not in resp_epub.text, "Sidebar: Thread tab button should be removed"
+    assert 'id="tab-thread"' not in resp_epub.text, "Sidebar: Thread tab content div should be removed"
+    
+    # 4. PDF Normalization check
+    # We look for the division by containerRect.width or similar in the mouseup handler logic
+    # "x: (rect.left - containerRect.left) / containerRect.width"
+    # Or check renderHighlights using '%'
+    assert "div.style.left = (ann.target.rect[0] * 100) + '%'" in resp_pdf.text, "PDF: Render logic should use percentages"
+
+
+def test_regression_pdf_annotation_edit_delete_and_scale(client, create_test_pdf):
+    """
+    Regression: PDF annotations tab edit/delete and highlight scaling.
+    - PDF reader must define updateAnnotationContent and reloadAnnotations so edit/delete work.
+    - Highlights use dedicated .highlight-layer overlay (same coordinate system as selection) for correct scaling.
+    - Annotations list is per-page (visiblePages / dual-page aware).
+    """
+    book_id = create_test_pdf("test_pdf_ann")
+    resp = client.get(f"/read/{book_id}")
+    assert resp.status_code == 200
+    text = resp.text
+    assert "window.updateAnnotationContent = updateAnnotationContent" in text, "PDF: updateAnnotationContent must be exposed"
+    assert "window.reloadAnnotations = loadAnnotations" in text, "PDF: reloadAnnotations must be exposed for delete refresh"
+    assert "highlight-layer" in text, "PDF: highlights use dedicated overlay layer for zoom scaling"
+    assert "visiblePages" in text and "visibleAnns" in text, "PDF: annotations list must be per-page (visible pages filter)"
+
+
+def test_regression_sidebar_delete_reloads_annotations(client, create_test_epub):
+    """
+    Regression: After deleting an annotation, UI must reload from server (reloadAnnotations).
+    """
+    resp = client.get(f"/read/{create_test_epub('test_sidebar_reload')}")
+    assert resp.status_code == 200
+    assert "window.reloadAnnotations" in resp.text, "Sidebar or reader must use reloadAnnotations"
+    assert "reloadAnnotations()" in resp.text or "reloadAnnotations();" in resp.text, "reloadAnnotations must be invoked after delete"
+
+
+def test_regression_epub_annotation_navigate_and_reload(client, create_test_epub):
+    """
+    Regression: EPUB annotations - reloadAnnotations, activateHighlight with chapter navigation.
+    - Annotations list is per-section (chapterAnns filter by chapterIndex).
+    - Multi-node highlight support (findRangeForQuote) so highlights across elements are visible.
+    """
+    book_id = create_test_epub("test_epub_ann")
+    resp = client.get(f"/read/{book_id}")
+    assert resp.status_code == 200
+    text = resp.text
+    assert "window.reloadAnnotations = loadAnnotations" in text, "EPUB: reloadAnnotations must be set for delete refresh"
+    assert "currentAnnotations" in text, "EPUB: currentAnnotations used for edit/delete"
+    assert "activateHighlight" in text and "loadChapter" in text, "EPUB: activateHighlight should use loadChapter when different chapter"
+    assert "ann-edit-btn" in text and "ann-delete-btn" in text, "EPUB: edit/delete use data-id buttons to allow edit-again"
+    assert "chapterAnns" in text and "chapter_index === chapterIndex" in text, "EPUB: annotations list must be per-section (current chapter only)"
+    assert "findRangeForQuote" in text or "extractContents" in text, "EPUB: multi-node range for highlight visibility across elements"
diff --git a/uv.lock b/uv.lock
index e2e2f80..e205667 100644
--- a/uv.lock
+++ b/uv.lock
@@ -20,6 +20,25 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/78/b6/6307fbef88d9b5ee7421e68d78a9f162e0da4900bc5f5793f6d3d0e34fb8/annotated_types-0.7.0-py3-none-any.whl", hash = "sha256:1f02e8b43a8fbbc3f3e0d4f0f4bfc8131bcb4eebe8849b8e5c773f3a1c582a53", size = 13643, upload-time = "2024-05-20T21:33:24.1Z" },
 ]
 
+[[package]]
+name = "anthropic"
+version = "0.79.0"
+source = { registry = "https://pypi.org/simple" }
+dependencies = [
+    { name = "anyio" },
+    { name = "distro" },
+    { name = "docstring-parser" },
+    { name = "httpx" },
+    { name = "jiter" },
+    { name = "pydantic" },
+    { name = "sniffio" },
+    { name = "typing-extensions" },
+]
+sdist = { url = "https://files.pythonhosted.org/packages/15/b1/91aea3f8fd180d01d133d931a167a78a3737b3fd39ccef2ae8d6619c24fd/anthropic-0.79.0.tar.gz", hash = "sha256:8707aafb3b1176ed6c13e2b1c9fb3efddce90d17aee5d8b83a86c70dcdcca871", size = 509825, upload-time = "2026-02-07T18:06:18.388Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/95/b2/cc0b8e874a18d7da50b0fda8c99e4ac123f23bf47b471827c5f6f3e4a767/anthropic-0.79.0-py3-none-any.whl", hash = "sha256:04cbd473b6bbda4ca2e41dd670fe2f829a911530f01697d0a1e37321eb75f3cf", size = 405918, upload-time = "2026-02-07T18:06:20.246Z" },
+]
+
 [[package]]
 name = "anyio"
 version = "4.11.0"
@@ -48,6 +67,15 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/94/fe/3aed5d0be4d404d12d36ab97e2f1791424d9ca39c2f754a6285d59a3b01d/beautifulsoup4-4.14.2-py3-none-any.whl", hash = "sha256:5ef6fa3a8cbece8488d66985560f97ed091e22bbc4e9c2338508a9d5de6d4515", size = 106392, upload-time = "2025-09-29T10:05:43.771Z" },
 ]
 
+[[package]]
+name = "certifi"
+version = "2026.1.4"
+source = { registry = "https://pypi.org/simple" }
+sdist = { url = "https://files.pythonhosted.org/packages/e0/2d/a891ca51311197f6ad14a7ef42e2399f36cf2f9bd44752b3dc4eab60fdc5/certifi-2026.1.4.tar.gz", hash = "sha256:ac726dd470482006e014ad384921ed6438c457018f4b3d204aea4281258b2120", size = 154268, upload-time = "2026-01-04T02:42:41.825Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/e6/ad/3cc14f097111b4de0040c83a525973216457bbeeb63739ef1ed275c1c021/certifi-2026.1.4-py3-none-any.whl", hash = "sha256:9943707519e4add1115f44c2bc244f782c0249876bf51b6599fee1ffbedd685c", size = 152900, upload-time = "2026-01-04T02:42:40.15Z" },
+]
+
 [[package]]
 name = "click"
 version = "8.3.1"
@@ -69,6 +97,24 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/d1/d6/3965ed04c63042e047cb6a3e6ed1a63a35087b6a609aa3a15ed8ac56c221/colorama-0.4.6-py2.py3-none-any.whl", hash = "sha256:4f1d9991f5acc0ca119f9d443620b77f9d6b33703e51011c16baf57afb285fc6", size = 25335, upload-time = "2022-10-25T02:36:20.889Z" },
 ]
 
+[[package]]
+name = "distro"
+version = "1.9.0"
+source = { registry = "https://pypi.org/simple" }
+sdist = { url = "https://files.pythonhosted.org/packages/fc/f8/98eea607f65de6527f8a2e8885fc8015d3e6f5775df186e443e0964a11c3/distro-1.9.0.tar.gz", hash = "sha256:2fa77c6fd8940f116ee1d6b94a2f90b13b5ea8d019b98bc8bafdcabcdd9bdbed", size = 60722, upload-time = "2023-12-24T09:54:32.31Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/12/b3/231ffd4ab1fc9d679809f356cebee130ac7daa00d6d6f3206dd4fd137e9e/distro-1.9.0-py3-none-any.whl", hash = "sha256:7bffd925d65168f85027d8da9af6bddab658135b840670a223589bc0c8ef02b2", size = 20277, upload-time = "2023-12-24T09:54:30.421Z" },
+]
+
+[[package]]
+name = "docstring-parser"
+version = "0.17.0"
+source = { registry = "https://pypi.org/simple" }
+sdist = { url = "https://files.pythonhosted.org/packages/b2/9d/c3b43da9515bd270df0f80548d9944e389870713cc1fe2b8fb35fe2bcefd/docstring_parser-0.17.0.tar.gz", hash = "sha256:583de4a309722b3315439bb31d64ba3eebada841f2e2cee23b99df001434c912", size = 27442, upload-time = "2025-07-21T07:35:01.868Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/55/e2/2537ebcff11c1ee1ff17d8d0b6f4db75873e3b0fb32c2d4a2ee31ecb310a/docstring_parser-0.17.0-py3-none-any.whl", hash = "sha256:cf2569abd23dce8099b300f9b4fa8191e9582dda731fd533daf54c4551658708", size = 36896, upload-time = "2025-07-21T07:35:00.684Z" },
+]
+
 [[package]]
 name = "ebooklib"
 version = "0.20"
@@ -118,6 +164,34 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/04/4b/29cac41a4d98d144bf5f6d33995617b185d14b22401f75ca86f384e87ff1/h11-0.16.0-py3-none-any.whl", hash = "sha256:63cf8bbe7522de3bf65932fda1d9c2772064ffb3dae62d55932da54b31cb6c86", size = 37515, upload-time = "2025-04-24T03:35:24.344Z" },
 ]
 
+[[package]]
+name = "httpcore"
+version = "1.0.9"
+source = { registry = "https://pypi.org/simple" }
+dependencies = [
+    { name = "certifi" },
+    { name = "h11" },
+]
+sdist = { url = "https://files.pythonhosted.org/packages/06/94/82699a10bca87a5556c9c59b5963f2d039dbd239f25bc2a63907a05a14cb/httpcore-1.0.9.tar.gz", hash = "sha256:6e34463af53fd2ab5d807f399a9b45ea31c3dfa2276f15a2c3f00afff6e176e8", size = 85484, upload-time = "2025-04-24T22:06:22.219Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/7e/f5/f66802a942d491edb555dd61e3a9961140fd64c90bce1eafd741609d334d/httpcore-1.0.9-py3-none-any.whl", hash = "sha256:2d400746a40668fc9dec9810239072b40b4484b640a8c38fd654a024c7a1bf55", size = 78784, upload-time = "2025-04-24T22:06:20.566Z" },
+]
+
+[[package]]
+name = "httpx"
+version = "0.28.1"
+source = { registry = "https://pypi.org/simple" }
+dependencies = [
+    { name = "anyio" },
+    { name = "certifi" },
+    { name = "httpcore" },
+    { name = "idna" },
+]
+sdist = { url = "https://files.pythonhosted.org/packages/b1/df/48c586a5fe32a0f01324ee087459e112ebb7224f646c0b5023f5e79e9956/httpx-0.28.1.tar.gz", hash = "sha256:75e98c5f16b0f35b567856f597f06ff2270a374470a5c2392242528e3e3e42fc", size = 141406, upload-time = "2024-12-06T15:37:23.222Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/2a/39/e50c7c3a983047577ee07d2a9e53faf5a69493943ec3f6a384bdc792deb2/httpx-0.28.1-py3-none-any.whl", hash = "sha256:d909fcccc110f8c7faf814ca82a9a4d816bc5a6dbfea25d6591d6985b8ba59ad", size = 73517, upload-time = "2024-12-06T15:37:21.509Z" },
+]
+
 [[package]]
 name = "idna"
 version = "3.11"
@@ -139,6 +213,103 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/62/a1/3d680cbfd5f4b8f15abc1d571870c5fc3e594bb582bc3b64ea099db13e56/jinja2-3.1.6-py3-none-any.whl", hash = "sha256:85ece4451f492d0c13c5dd7c13a64681a86afae63a5f347908daf103ce6d2f67", size = 134899, upload-time = "2025-03-05T20:05:00.369Z" },
 ]
 
+[[package]]
+name = "jiter"
+version = "0.13.0"
+source = { registry = "https://pypi.org/simple" }
+sdist = { url = "https://files.pythonhosted.org/packages/0d/5e/4ec91646aee381d01cdb9974e30882c9cd3b8c5d1079d6b5ff4af522439a/jiter-0.13.0.tar.gz", hash = "sha256:f2839f9c2c7e2dffc1bc5929a510e14ce0a946be9365fd1219e7ef342dae14f4", size = 164847, upload-time = "2026-02-02T12:37:56.441Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/d0/5a/41da76c5ea07bec1b0472b6b2fdb1b651074d504b19374d7e130e0cdfb25/jiter-0.13.0-cp310-cp310-macosx_10_12_x86_64.whl", hash = "sha256:2ffc63785fd6c7977defe49b9824ae6ce2b2e2b77ce539bdaf006c26da06342e", size = 311164, upload-time = "2026-02-02T12:35:17.688Z" },
+    { url = "https://files.pythonhosted.org/packages/40/cb/4a1bf994a3e869f0d39d10e11efb471b76d0ad70ecbfb591427a46c880c2/jiter-0.13.0-cp310-cp310-macosx_11_0_arm64.whl", hash = "sha256:4a638816427006c1e3f0013eb66d391d7a3acda99a7b0cf091eff4497ccea33a", size = 320296, upload-time = "2026-02-02T12:35:19.828Z" },
+    { url = "https://files.pythonhosted.org/packages/09/82/acd71ca9b50ecebadc3979c541cd717cce2fe2bc86236f4fa597565d8f1a/jiter-0.13.0-cp310-cp310-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:19928b5d1ce0ff8c1ee1b9bdef3b5bfc19e8304f1b904e436caf30bc15dc6cf5", size = 352742, upload-time = "2026-02-02T12:35:21.258Z" },
+    { url = "https://files.pythonhosted.org/packages/71/03/d1fc996f3aecfd42eb70922edecfb6dd26421c874503e241153ad41df94f/jiter-0.13.0-cp310-cp310-manylinux_2_17_armv7l.manylinux2014_armv7l.whl", hash = "sha256:309549b778b949d731a2f0e1594a3f805716be704a73bf3ad9a807eed5eb5721", size = 363145, upload-time = "2026-02-02T12:35:24.653Z" },
+    { url = "https://files.pythonhosted.org/packages/f1/61/a30492366378cc7a93088858f8991acd7d959759fe6138c12a4644e58e81/jiter-0.13.0-cp310-cp310-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:bcdabaea26cb04e25df3103ce47f97466627999260290349a88c8136ecae0060", size = 487683, upload-time = "2026-02-02T12:35:26.162Z" },
+    { url = "https://files.pythonhosted.org/packages/20/4e/4223cffa9dbbbc96ed821c5aeb6bca510848c72c02086d1ed3f1da3d58a7/jiter-0.13.0-cp310-cp310-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:a3a377af27b236abbf665a69b2bdd680e3b5a0bd2af825cd3b81245279a7606c", size = 373579, upload-time = "2026-02-02T12:35:27.582Z" },
+    { url = "https://files.pythonhosted.org/packages/fe/c9/b0489a01329ab07a83812d9ebcffe7820a38163c6d9e7da644f926ff877c/jiter-0.13.0-cp310-cp310-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:fe49d3ff6db74321f144dff9addd4a5874d3105ac5ba7c5b77fac099cfae31ae", size = 362904, upload-time = "2026-02-02T12:35:28.925Z" },
+    { url = "https://files.pythonhosted.org/packages/05/af/53e561352a44afcba9a9bc67ee1d320b05a370aed8df54eafe714c4e454d/jiter-0.13.0-cp310-cp310-manylinux_2_5_i686.manylinux1_i686.whl", hash = "sha256:2113c17c9a67071b0f820733c0893ed1d467b5fcf4414068169e5c2cabddb1e2", size = 392380, upload-time = "2026-02-02T12:35:30.385Z" },
+    { url = "https://files.pythonhosted.org/packages/76/2a/dd805c3afb8ed5b326c5ae49e725d1b1255b9754b1b77dbecdc621b20773/jiter-0.13.0-cp310-cp310-musllinux_1_1_aarch64.whl", hash = "sha256:ab1185ca5c8b9491b55ebf6c1e8866b8f68258612899693e24a92c5fdb9455d5", size = 517939, upload-time = "2026-02-02T12:35:31.865Z" },
+    { url = "https://files.pythonhosted.org/packages/20/2a/7b67d76f55b8fe14c937e7640389612f05f9a4145fc28ae128aaa5e62257/jiter-0.13.0-cp310-cp310-musllinux_1_1_x86_64.whl", hash = "sha256:9621ca242547edc16400981ca3231e0c91c0c4c1ab8573a596cd9bb3575d5c2b", size = 551696, upload-time = "2026-02-02T12:35:33.306Z" },
+    { url = "https://files.pythonhosted.org/packages/85/9c/57cdd64dac8f4c6ab8f994fe0eb04dc9fd1db102856a4458fcf8a99dfa62/jiter-0.13.0-cp310-cp310-win32.whl", hash = "sha256:a7637d92b1c9d7a771e8c56f445c7f84396d48f2e756e5978840ecba2fac0894", size = 204592, upload-time = "2026-02-02T12:35:34.58Z" },
+    { url = "https://files.pythonhosted.org/packages/a7/38/f4f3ea5788b8a5bae7510a678cdc747eda0c45ffe534f9878ff37e7cf3b3/jiter-0.13.0-cp310-cp310-win_amd64.whl", hash = "sha256:c1b609e5cbd2f52bb74fb721515745b407df26d7b800458bd97cb3b972c29e7d", size = 206016, upload-time = "2026-02-02T12:35:36.435Z" },
+    { url = "https://files.pythonhosted.org/packages/71/29/499f8c9eaa8a16751b1c0e45e6f5f1761d180da873d417996cc7bddc8eef/jiter-0.13.0-cp311-cp311-macosx_10_12_x86_64.whl", hash = "sha256:ea026e70a9a28ebbdddcbcf0f1323128a8db66898a06eaad3a4e62d2f554d096", size = 311157, upload-time = "2026-02-02T12:35:37.758Z" },
+    { url = "https://files.pythonhosted.org/packages/50/f6/566364c777d2ab450b92100bea11333c64c38d32caf8dc378b48e5b20c46/jiter-0.13.0-cp311-cp311-macosx_11_0_arm64.whl", hash = "sha256:66aa3e663840152d18cc8ff1e4faad3dd181373491b9cfdc6004b92198d67911", size = 319729, upload-time = "2026-02-02T12:35:39.246Z" },
+    { url = "https://files.pythonhosted.org/packages/73/dd/560f13ec5e4f116d8ad2658781646cca91b617ae3b8758d4a5076b278f70/jiter-0.13.0-cp311-cp311-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:c3524798e70655ff19aec58c7d05adb1f074fecff62da857ea9be2b908b6d701", size = 354766, upload-time = "2026-02-02T12:35:40.662Z" },
+    { url = "https://files.pythonhosted.org/packages/7c/0d/061faffcfe94608cbc28a0d42a77a74222bdf5055ccdbe5fd2292b94f510/jiter-0.13.0-cp311-cp311-manylinux_2_17_armv7l.manylinux2014_armv7l.whl", hash = "sha256:ec7e287d7fbd02cb6e22f9a00dd9c9cd504c40a61f2c61e7e1f9690a82726b4c", size = 362587, upload-time = "2026-02-02T12:35:42.025Z" },
+    { url = "https://files.pythonhosted.org/packages/92/c9/c66a7864982fd38a9773ec6e932e0398d1262677b8c60faecd02ffb67bf3/jiter-0.13.0-cp311-cp311-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:47455245307e4debf2ce6c6e65a717550a0244231240dcf3b8f7d64e4c2f22f4", size = 487537, upload-time = "2026-02-02T12:35:43.459Z" },
+    { url = "https://files.pythonhosted.org/packages/6c/86/84eb4352cd3668f16d1a88929b5888a3fe0418ea8c1dfc2ad4e7bf6e069a/jiter-0.13.0-cp311-cp311-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:ee9da221dca6e0429c2704c1b3655fe7b025204a71d4d9b73390c759d776d165", size = 373717, upload-time = "2026-02-02T12:35:44.928Z" },
+    { url = "https://files.pythonhosted.org/packages/6e/09/9fe4c159358176f82d4390407a03f506a8659ed13ca3ac93a843402acecf/jiter-0.13.0-cp311-cp311-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:24ab43126d5e05f3d53a36a8e11eb2f23304c6c1117844aaaf9a0aa5e40b5018", size = 362683, upload-time = "2026-02-02T12:35:46.636Z" },
+    { url = "https://files.pythonhosted.org/packages/c9/5e/85f3ab9caca0c1d0897937d378b4a515cae9e119730563572361ea0c48ae/jiter-0.13.0-cp311-cp311-manylinux_2_5_i686.manylinux1_i686.whl", hash = "sha256:9da38b4fedde4fb528c740c2564628fbab737166a0e73d6d46cb4bb5463ff411", size = 392345, upload-time = "2026-02-02T12:35:48.088Z" },
+    { url = "https://files.pythonhosted.org/packages/12/4c/05b8629ad546191939e6f0c2f17e29f542a398f4a52fb987bc70b6d1eb8b/jiter-0.13.0-cp311-cp311-musllinux_1_1_aarch64.whl", hash = "sha256:0b34c519e17658ed88d5047999a93547f8889f3c1824120c26ad6be5f27b6cf5", size = 517775, upload-time = "2026-02-02T12:35:49.482Z" },
+    { url = "https://files.pythonhosted.org/packages/4d/88/367ea2eb6bc582c7052e4baf5ddf57ebe5ab924a88e0e09830dfb585c02d/jiter-0.13.0-cp311-cp311-musllinux_1_1_x86_64.whl", hash = "sha256:d2a6394e6af690d462310a86b53c47ad75ac8c21dc79f120714ea449979cb1d3", size = 551325, upload-time = "2026-02-02T12:35:51.104Z" },
+    { url = "https://files.pythonhosted.org/packages/f3/12/fa377ffb94a2f28c41afaed093e0d70cfe512035d5ecb0cad0ae4792d35e/jiter-0.13.0-cp311-cp311-win32.whl", hash = "sha256:0f0c065695f616a27c920a56ad0d4fc46415ef8b806bf8fc1cacf25002bd24e1", size = 204709, upload-time = "2026-02-02T12:35:52.467Z" },
+    { url = "https://files.pythonhosted.org/packages/cb/16/8e8203ce92f844dfcd3d9d6a5a7322c77077248dbb12da52d23193a839cd/jiter-0.13.0-cp311-cp311-win_amd64.whl", hash = "sha256:0733312953b909688ae3c2d58d043aa040f9f1a6a75693defed7bc2cc4bf2654", size = 204560, upload-time = "2026-02-02T12:35:53.925Z" },
+    { url = "https://files.pythonhosted.org/packages/44/26/97cc40663deb17b9e13c3a5cf29251788c271b18ee4d262c8f94798b8336/jiter-0.13.0-cp311-cp311-win_arm64.whl", hash = "sha256:5d9b34ad56761b3bf0fbe8f7e55468704107608512350962d3317ffd7a4382d5", size = 189608, upload-time = "2026-02-02T12:35:55.304Z" },
+    { url = "https://files.pythonhosted.org/packages/2e/30/7687e4f87086829955013ca12a9233523349767f69653ebc27036313def9/jiter-0.13.0-cp312-cp312-macosx_10_12_x86_64.whl", hash = "sha256:0a2bd69fc1d902e89925fc34d1da51b2128019423d7b339a45d9e99c894e0663", size = 307958, upload-time = "2026-02-02T12:35:57.165Z" },
+    { url = "https://files.pythonhosted.org/packages/c3/27/e57f9a783246ed95481e6749cc5002a8a767a73177a83c63ea71f0528b90/jiter-0.13.0-cp312-cp312-macosx_11_0_arm64.whl", hash = "sha256:f917a04240ef31898182f76a332f508f2cc4b57d2b4d7ad2dbfebbfe167eb505", size = 318597, upload-time = "2026-02-02T12:35:58.591Z" },
+    { url = "https://files.pythonhosted.org/packages/cf/52/e5719a60ac5d4d7c5995461a94ad5ef962a37c8bf5b088390e6fad59b2ff/jiter-0.13.0-cp312-cp312-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:c1e2b199f446d3e82246b4fd9236d7cb502dc2222b18698ba0d986d2fecc6152", size = 348821, upload-time = "2026-02-02T12:36:00.093Z" },
+    { url = "https://files.pythonhosted.org/packages/61/db/c1efc32b8ba4c740ab3fc2d037d8753f67685f475e26b9d6536a4322bcdd/jiter-0.13.0-cp312-cp312-manylinux_2_17_armv7l.manylinux2014_armv7l.whl", hash = "sha256:04670992b576fa65bd056dbac0c39fe8bd67681c380cb2b48efa885711d9d726", size = 364163, upload-time = "2026-02-02T12:36:01.937Z" },
+    { url = "https://files.pythonhosted.org/packages/55/8a/fb75556236047c8806995671a18e4a0ad646ed255276f51a20f32dceaeec/jiter-0.13.0-cp312-cp312-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:5a1aff1fbdb803a376d4d22a8f63f8e7ccbce0b4890c26cc7af9e501ab339ef0", size = 483709, upload-time = "2026-02-02T12:36:03.41Z" },
+    { url = "https://files.pythonhosted.org/packages/7e/16/43512e6ee863875693a8e6f6d532e19d650779d6ba9a81593ae40a9088ff/jiter-0.13.0-cp312-cp312-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:3b3fb8c2053acaef8580809ac1d1f7481a0a0bdc012fd7f5d8b18fb696a5a089", size = 370480, upload-time = "2026-02-02T12:36:04.791Z" },
+    { url = "https://files.pythonhosted.org/packages/f8/4c/09b93e30e984a187bc8aaa3510e1ec8dcbdcd71ca05d2f56aac0492453aa/jiter-0.13.0-cp312-cp312-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:bdaba7d87e66f26a2c45d8cbadcbfc4bf7884182317907baf39cfe9775bb4d93", size = 360735, upload-time = "2026-02-02T12:36:06.994Z" },
+    { url = "https://files.pythonhosted.org/packages/1a/1b/46c5e349019874ec5dfa508c14c37e29864ea108d376ae26d90bee238cd7/jiter-0.13.0-cp312-cp312-manylinux_2_5_i686.manylinux1_i686.whl", hash = "sha256:7b88d649135aca526da172e48083da915ec086b54e8e73a425ba50999468cc08", size = 391814, upload-time = "2026-02-02T12:36:08.368Z" },
+    { url = "https://files.pythonhosted.org/packages/15/9e/26184760e85baee7162ad37b7912797d2077718476bf91517641c92b3639/jiter-0.13.0-cp312-cp312-musllinux_1_1_aarch64.whl", hash = "sha256:e404ea551d35438013c64b4f357b0474c7abf9f781c06d44fcaf7a14c69ff9e2", size = 513990, upload-time = "2026-02-02T12:36:09.993Z" },
+    { url = "https://files.pythonhosted.org/packages/e9/34/2c9355247d6debad57a0a15e76ab1566ab799388042743656e566b3b7de1/jiter-0.13.0-cp312-cp312-musllinux_1_1_x86_64.whl", hash = "sha256:1f4748aad1b4a93c8bdd70f604d0f748cdc0e8744c5547798acfa52f10e79228", size = 548021, upload-time = "2026-02-02T12:36:11.376Z" },
+    { url = "https://files.pythonhosted.org/packages/ac/4a/9f2c23255d04a834398b9c2e0e665382116911dc4d06b795710503cdad25/jiter-0.13.0-cp312-cp312-win32.whl", hash = "sha256:0bf670e3b1445fc4d31612199f1744f67f889ee1bbae703c4b54dc097e5dd394", size = 203024, upload-time = "2026-02-02T12:36:12.682Z" },
+    { url = "https://files.pythonhosted.org/packages/09/ee/f0ae675a957ae5a8f160be3e87acea6b11dc7b89f6b7ab057e77b2d2b13a/jiter-0.13.0-cp312-cp312-win_amd64.whl", hash = "sha256:15db60e121e11fe186c0b15236bd5d18381b9ddacdcf4e659feb96fc6c969c92", size = 205424, upload-time = "2026-02-02T12:36:13.93Z" },
+    { url = "https://files.pythonhosted.org/packages/1b/02/ae611edf913d3cbf02c97cdb90374af2082c48d7190d74c1111dde08bcdd/jiter-0.13.0-cp312-cp312-win_arm64.whl", hash = "sha256:41f92313d17989102f3cb5dd533a02787cdb99454d494344b0361355da52fcb9", size = 186818, upload-time = "2026-02-02T12:36:15.308Z" },
+    { url = "https://files.pythonhosted.org/packages/91/9c/7ee5a6ff4b9991e1a45263bfc46731634c4a2bde27dfda6c8251df2d958c/jiter-0.13.0-cp313-cp313-macosx_10_12_x86_64.whl", hash = "sha256:1f8a55b848cbabf97d861495cd65f1e5c590246fabca8b48e1747c4dfc8f85bf", size = 306897, upload-time = "2026-02-02T12:36:16.748Z" },
+    { url = "https://files.pythonhosted.org/packages/7c/02/be5b870d1d2be5dd6a91bdfb90f248fbb7dcbd21338f092c6b89817c3dbf/jiter-0.13.0-cp313-cp313-macosx_11_0_arm64.whl", hash = "sha256:f556aa591c00f2c45eb1b89f68f52441a016034d18b65da60e2d2875bbbf344a", size = 317507, upload-time = "2026-02-02T12:36:18.351Z" },
+    { url = "https://files.pythonhosted.org/packages/da/92/b25d2ec333615f5f284f3a4024f7ce68cfa0604c322c6808b2344c7f5d2b/jiter-0.13.0-cp313-cp313-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:f7e1d61da332ec412350463891923f960c3073cf1aae93b538f0bb4c8cd46efb", size = 350560, upload-time = "2026-02-02T12:36:19.746Z" },
+    { url = "https://files.pythonhosted.org/packages/be/ec/74dcb99fef0aca9fbe56b303bf79f6bd839010cb18ad41000bf6cc71eec0/jiter-0.13.0-cp313-cp313-manylinux_2_17_armv7l.manylinux2014_armv7l.whl", hash = "sha256:3097d665a27bc96fd9bbf7f86178037db139f319f785e4757ce7ccbf390db6c2", size = 363232, upload-time = "2026-02-02T12:36:21.243Z" },
+    { url = "https://files.pythonhosted.org/packages/1b/37/f17375e0bb2f6a812d4dd92d7616e41917f740f3e71343627da9db2824ce/jiter-0.13.0-cp313-cp313-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:9d01ecc3a8cbdb6f25a37bd500510550b64ddf9f7d64a107d92f3ccb25035d0f", size = 483727, upload-time = "2026-02-02T12:36:22.688Z" },
+    { url = "https://files.pythonhosted.org/packages/77/d2/a71160a5ae1a1e66c1395b37ef77da67513b0adba73b993a27fbe47eb048/jiter-0.13.0-cp313-cp313-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:ed9bbc30f5d60a3bdf63ae76beb3f9db280d7f195dfcfa61af792d6ce912d159", size = 370799, upload-time = "2026-02-02T12:36:24.106Z" },
+    { url = "https://files.pythonhosted.org/packages/01/99/ed5e478ff0eb4e8aa5fd998f9d69603c9fd3f32de3bd16c2b1194f68361c/jiter-0.13.0-cp313-cp313-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:98fbafb6e88256f4454de33c1f40203d09fc33ed19162a68b3b257b29ca7f663", size = 359120, upload-time = "2026-02-02T12:36:25.519Z" },
+    { url = "https://files.pythonhosted.org/packages/16/be/7ffd08203277a813f732ba897352797fa9493faf8dc7995b31f3d9cb9488/jiter-0.13.0-cp313-cp313-manylinux_2_5_i686.manylinux1_i686.whl", hash = "sha256:5467696f6b827f1116556cb0db620440380434591e93ecee7fd14d1a491b6daa", size = 390664, upload-time = "2026-02-02T12:36:26.866Z" },
+    { url = "https://files.pythonhosted.org/packages/d1/84/e0787856196d6d346264d6dcccb01f741e5f0bd014c1d9a2ebe149caf4f3/jiter-0.13.0-cp313-cp313-musllinux_1_1_aarch64.whl", hash = "sha256:2d08c9475d48b92892583df9da592a0e2ac49bcd41fae1fec4f39ba6cf107820", size = 513543, upload-time = "2026-02-02T12:36:28.217Z" },
+    { url = "https://files.pythonhosted.org/packages/65/50/ecbd258181c4313cf79bca6c88fb63207d04d5bf5e4f65174114d072aa55/jiter-0.13.0-cp313-cp313-musllinux_1_1_x86_64.whl", hash = "sha256:aed40e099404721d7fcaf5b89bd3b4568a4666358bcac7b6b15c09fb6252ab68", size = 547262, upload-time = "2026-02-02T12:36:29.678Z" },
+    { url = "https://files.pythonhosted.org/packages/27/da/68f38d12e7111d2016cd198161b36e1f042bd115c169255bcb7ec823a3bf/jiter-0.13.0-cp313-cp313-win32.whl", hash = "sha256:36ebfbcffafb146d0e6ffb3e74d51e03d9c35ce7c625c8066cdbfc7b953bdc72", size = 200630, upload-time = "2026-02-02T12:36:31.808Z" },
+    { url = "https://files.pythonhosted.org/packages/25/65/3bd1a972c9a08ecd22eb3b08a95d1941ebe6938aea620c246cf426ae09c2/jiter-0.13.0-cp313-cp313-win_amd64.whl", hash = "sha256:8d76029f077379374cf0dbc78dbe45b38dec4a2eb78b08b5194ce836b2517afc", size = 202602, upload-time = "2026-02-02T12:36:33.679Z" },
+    { url = "https://files.pythonhosted.org/packages/15/fe/13bd3678a311aa67686bb303654792c48206a112068f8b0b21426eb6851e/jiter-0.13.0-cp313-cp313-win_arm64.whl", hash = "sha256:bb7613e1a427cfcb6ea4544f9ac566b93d5bf67e0d48c787eca673ff9c9dff2b", size = 185939, upload-time = "2026-02-02T12:36:35.065Z" },
+    { url = "https://files.pythonhosted.org/packages/49/19/a929ec002ad3228bc97ca01dbb14f7632fffdc84a95ec92ceaf4145688ae/jiter-0.13.0-cp313-cp313t-macosx_11_0_arm64.whl", hash = "sha256:fa476ab5dd49f3bf3a168e05f89358c75a17608dbabb080ef65f96b27c19ab10", size = 316616, upload-time = "2026-02-02T12:36:36.579Z" },
+    { url = "https://files.pythonhosted.org/packages/52/56/d19a9a194afa37c1728831e5fb81b7722c3de18a3109e8f282bfc23e587a/jiter-0.13.0-cp313-cp313t-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:ade8cb6ff5632a62b7dbd4757d8c5573f7a2e9ae285d6b5b841707d8363205ef", size = 346850, upload-time = "2026-02-02T12:36:38.058Z" },
+    { url = "https://files.pythonhosted.org/packages/36/4a/94e831c6bf287754a8a019cb966ed39ff8be6ab78cadecf08df3bb02d505/jiter-0.13.0-cp313-cp313t-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:9950290340acc1adaded363edd94baebcee7dabdfa8bee4790794cd5cfad2af6", size = 358551, upload-time = "2026-02-02T12:36:39.417Z" },
+    { url = "https://files.pythonhosted.org/packages/a2/ec/a4c72c822695fa80e55d2b4142b73f0012035d9fcf90eccc56bc060db37c/jiter-0.13.0-cp313-cp313t-win_amd64.whl", hash = "sha256:2b4972c6df33731aac0742b64fd0d18e0a69bc7d6e03108ce7d40c85fd9e3e6d", size = 201950, upload-time = "2026-02-02T12:36:40.791Z" },
+    { url = "https://files.pythonhosted.org/packages/b6/00/393553ec27b824fbc29047e9c7cd4a3951d7fbe4a76743f17e44034fa4e4/jiter-0.13.0-cp313-cp313t-win_arm64.whl", hash = "sha256:701a1e77d1e593c1b435315ff625fd071f0998c5f02792038a5ca98899261b7d", size = 185852, upload-time = "2026-02-02T12:36:42.077Z" },
+    { url = "https://files.pythonhosted.org/packages/6e/f5/f1997e987211f6f9bd71b8083047b316208b4aca0b529bb5f8c96c89ef3e/jiter-0.13.0-cp314-cp314-macosx_10_12_x86_64.whl", hash = "sha256:cc5223ab19fe25e2f0bf2643204ad7318896fe3729bf12fde41b77bfc4fafff0", size = 308804, upload-time = "2026-02-02T12:36:43.496Z" },
+    { url = "https://files.pythonhosted.org/packages/cd/8f/5482a7677731fd44881f0204981ce2d7175db271f82cba2085dd2212e095/jiter-0.13.0-cp314-cp314-macosx_11_0_arm64.whl", hash = "sha256:9776ebe51713acf438fd9b4405fcd86893ae5d03487546dae7f34993217f8a91", size = 318787, upload-time = "2026-02-02T12:36:45.071Z" },
+    { url = "https://files.pythonhosted.org/packages/f3/b9/7257ac59778f1cd025b26a23c5520a36a424f7f1b068f2442a5b499b7464/jiter-0.13.0-cp314-cp314-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:879e768938e7b49b5e90b7e3fecc0dbec01b8cb89595861fb39a8967c5220d09", size = 353880, upload-time = "2026-02-02T12:36:47.365Z" },
+    { url = "https://files.pythonhosted.org/packages/c3/87/719eec4a3f0841dad99e3d3604ee4cba36af4419a76f3cb0b8e2e691ad67/jiter-0.13.0-cp314-cp314-manylinux_2_17_armv7l.manylinux2014_armv7l.whl", hash = "sha256:682161a67adea11e3aae9038c06c8b4a9a71023228767477d683f69903ebc607", size = 366702, upload-time = "2026-02-02T12:36:48.871Z" },
+    { url = "https://files.pythonhosted.org/packages/d2/65/415f0a75cf6921e43365a1bc227c565cb949caca8b7532776e430cbaa530/jiter-0.13.0-cp314-cp314-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:a13b68cd1cd8cc9de8f244ebae18ccb3e4067ad205220ef324c39181e23bbf66", size = 486319, upload-time = "2026-02-02T12:36:53.006Z" },
+    { url = "https://files.pythonhosted.org/packages/54/a2/9e12b48e82c6bbc6081fd81abf915e1443add1b13d8fc586e1d90bb02bb8/jiter-0.13.0-cp314-cp314-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:87ce0f14c6c08892b610686ae8be350bf368467b6acd5085a5b65441e2bf36d2", size = 372289, upload-time = "2026-02-02T12:36:54.593Z" },
+    { url = "https://files.pythonhosted.org/packages/4e/c1/e4693f107a1789a239c759a432e9afc592366f04e901470c2af89cfd28e1/jiter-0.13.0-cp314-cp314-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:0c365005b05505a90d1c47856420980d0237adf82f70c4aff7aebd3c1cc143ad", size = 360165, upload-time = "2026-02-02T12:36:56.112Z" },
+    { url = "https://files.pythonhosted.org/packages/17/08/91b9ea976c1c758240614bd88442681a87672eebc3d9a6dde476874e706b/jiter-0.13.0-cp314-cp314-manylinux_2_5_i686.manylinux1_i686.whl", hash = "sha256:1317fdffd16f5873e46ce27d0e0f7f4f90f0cdf1d86bf6abeaea9f63ca2c401d", size = 389634, upload-time = "2026-02-02T12:36:57.495Z" },
+    { url = "https://files.pythonhosted.org/packages/18/23/58325ef99390d6d40427ed6005bf1ad54f2577866594bcf13ce55675f87d/jiter-0.13.0-cp314-cp314-musllinux_1_1_aarch64.whl", hash = "sha256:c05b450d37ba0c9e21c77fef1f205f56bcee2330bddca68d344baebfc55ae0df", size = 514933, upload-time = "2026-02-02T12:36:58.909Z" },
+    { url = "https://files.pythonhosted.org/packages/5b/25/69f1120c7c395fd276c3996bb8adefa9c6b84c12bb7111e5c6ccdcd8526d/jiter-0.13.0-cp314-cp314-musllinux_1_1_x86_64.whl", hash = "sha256:775e10de3849d0631a97c603f996f518159272db00fdda0a780f81752255ee9d", size = 548842, upload-time = "2026-02-02T12:37:00.433Z" },
+    { url = "https://files.pythonhosted.org/packages/18/05/981c9669d86850c5fbb0d9e62bba144787f9fba84546ba43d624ee27ef29/jiter-0.13.0-cp314-cp314-win32.whl", hash = "sha256:632bf7c1d28421c00dd8bbb8a3bac5663e1f57d5cd5ed962bce3c73bf62608e6", size = 202108, upload-time = "2026-02-02T12:37:01.718Z" },
+    { url = "https://files.pythonhosted.org/packages/8d/96/cdcf54dd0b0341db7d25413229888a346c7130bd20820530905fdb65727b/jiter-0.13.0-cp314-cp314-win_amd64.whl", hash = "sha256:f22ef501c3f87ede88f23f9b11e608581c14f04db59b6a801f354397ae13739f", size = 204027, upload-time = "2026-02-02T12:37:03.075Z" },
+    { url = "https://files.pythonhosted.org/packages/fb/f9/724bcaaab7a3cd727031fe4f6995cb86c4bd344909177c186699c8dec51a/jiter-0.13.0-cp314-cp314-win_arm64.whl", hash = "sha256:07b75fe09a4ee8e0c606200622e571e44943f47254f95e2436c8bdcaceb36d7d", size = 187199, upload-time = "2026-02-02T12:37:04.414Z" },
+    { url = "https://files.pythonhosted.org/packages/62/92/1661d8b9fd6a3d7a2d89831db26fe3c1509a287d83ad7838831c7b7a5c7e/jiter-0.13.0-cp314-cp314t-macosx_11_0_arm64.whl", hash = "sha256:964538479359059a35fb400e769295d4b315ae61e4105396d355a12f7fef09f0", size = 318423, upload-time = "2026-02-02T12:37:05.806Z" },
+    { url = "https://files.pythonhosted.org/packages/4f/3b/f77d342a54d4ebcd128e520fc58ec2f5b30a423b0fd26acdfc0c6fef8e26/jiter-0.13.0-cp314-cp314t-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:e104da1db1c0991b3eaed391ccd650ae8d947eab1480c733e5a3fb28d4313e40", size = 351438, upload-time = "2026-02-02T12:37:07.189Z" },
+    { url = "https://files.pythonhosted.org/packages/76/b3/ba9a69f0e4209bd3331470c723c2f5509e6f0482e416b612431a5061ed71/jiter-0.13.0-cp314-cp314t-manylinux_2_17_armv7l.manylinux2014_armv7l.whl", hash = "sha256:0e3a5f0cde8ff433b8e88e41aa40131455420fb3649a3c7abdda6145f8cb7202", size = 364774, upload-time = "2026-02-02T12:37:08.579Z" },
+    { url = "https://files.pythonhosted.org/packages/b3/16/6cdb31fa342932602458dbb631bfbd47f601e03d2e4950740e0b2100b570/jiter-0.13.0-cp314-cp314t-manylinux_2_17_ppc64le.manylinux2014_ppc64le.whl", hash = "sha256:57aab48f40be1db920a582b30b116fe2435d184f77f0e4226f546794cedd9cf0", size = 487238, upload-time = "2026-02-02T12:37:10.066Z" },
+    { url = "https://files.pythonhosted.org/packages/ed/b1/956cc7abaca8d95c13aa8d6c9b3f3797241c246cd6e792934cc4c8b250d2/jiter-0.13.0-cp314-cp314t-manylinux_2_17_s390x.manylinux2014_s390x.whl", hash = "sha256:7772115877c53f62beeb8fd853cab692dbc04374ef623b30f997959a4c0e7e95", size = 372892, upload-time = "2026-02-02T12:37:11.656Z" },
+    { url = "https://files.pythonhosted.org/packages/26/c4/97ecde8b1e74f67b8598c57c6fccf6df86ea7861ed29da84629cdbba76c4/jiter-0.13.0-cp314-cp314t-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:1211427574b17b633cfceba5040de8081e5abf114f7a7602f73d2e16f9fdaa59", size = 360309, upload-time = "2026-02-02T12:37:13.244Z" },
+    { url = "https://files.pythonhosted.org/packages/4b/d7/eabe3cf46715854ccc80be2cd78dd4c36aedeb30751dbf85a1d08c14373c/jiter-0.13.0-cp314-cp314t-manylinux_2_5_i686.manylinux1_i686.whl", hash = "sha256:7beae3a3d3b5212d3a55d2961db3c292e02e302feb43fce6a3f7a31b90ea6dfe", size = 389607, upload-time = "2026-02-02T12:37:14.881Z" },
+    { url = "https://files.pythonhosted.org/packages/df/2d/03963fc0804e6109b82decfb9974eb92df3797fe7222428cae12f8ccaa0c/jiter-0.13.0-cp314-cp314t-musllinux_1_1_aarch64.whl", hash = "sha256:e5562a0f0e90a6223b704163ea28e831bd3a9faa3512a711f031611e6b06c939", size = 514986, upload-time = "2026-02-02T12:37:16.326Z" },
+    { url = "https://files.pythonhosted.org/packages/f6/6c/8c83b45eb3eb1c1e18d841fe30b4b5bc5619d781267ca9bc03e005d8fd0a/jiter-0.13.0-cp314-cp314t-musllinux_1_1_x86_64.whl", hash = "sha256:6c26a424569a59140fb51160a56df13f438a2b0967365e987889186d5fc2f6f9", size = 548756, upload-time = "2026-02-02T12:37:17.736Z" },
+    { url = "https://files.pythonhosted.org/packages/47/66/eea81dfff765ed66c68fd2ed8c96245109e13c896c2a5015c7839c92367e/jiter-0.13.0-cp314-cp314t-win32.whl", hash = "sha256:24dc96eca9f84da4131cdf87a95e6ce36765c3b156fc9ae33280873b1c32d5f6", size = 201196, upload-time = "2026-02-02T12:37:19.101Z" },
+    { url = "https://files.pythonhosted.org/packages/ff/32/4ac9c7a76402f8f00d00842a7f6b83b284d0cf7c1e9d4227bc95aa6d17fa/jiter-0.13.0-cp314-cp314t-win_amd64.whl", hash = "sha256:0a8d76c7524087272c8ae913f5d9d608bd839154b62c4322ef65723d2e5bb0b8", size = 204215, upload-time = "2026-02-02T12:37:20.495Z" },
+    { url = "https://files.pythonhosted.org/packages/f9/8e/7def204fea9f9be8b3c21a6f2dd6c020cf56c7d5ff753e0e23ed7f9ea57e/jiter-0.13.0-cp314-cp314t-win_arm64.whl", hash = "sha256:2c26cf47e2cad140fa23b6d58d435a7c0161f5c514284802f25e87fddfe11024", size = 187152, upload-time = "2026-02-02T12:37:22.124Z" },
+    { url = "https://files.pythonhosted.org/packages/79/b3/3c29819a27178d0e461a8571fb63c6ae38be6dc36b78b3ec2876bbd6a910/jiter-0.13.0-graalpy311-graalpy242_311_native-macosx_10_12_x86_64.whl", hash = "sha256:b1cbfa133241d0e6bdab48dcdc2604e8ba81512f6bbd68ec3e8e1357dd3c316c", size = 307016, upload-time = "2026-02-02T12:37:42.755Z" },
+    { url = "https://files.pythonhosted.org/packages/eb/ae/60993e4b07b1ac5ebe46da7aa99fdbb802eb986c38d26e3883ac0125c4e0/jiter-0.13.0-graalpy311-graalpy242_311_native-macosx_11_0_arm64.whl", hash = "sha256:db367d8be9fad6e8ebbac4a7578b7af562e506211036cba2c06c3b998603c3d2", size = 305024, upload-time = "2026-02-02T12:37:44.774Z" },
+    { url = "https://files.pythonhosted.org/packages/77/fa/2227e590e9cf98803db2811f172b2d6460a21539ab73006f251c66f44b14/jiter-0.13.0-graalpy311-graalpy242_311_native-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:45f6f8efb2f3b0603092401dc2df79fa89ccbc027aaba4174d2d4133ed661434", size = 339337, upload-time = "2026-02-02T12:37:46.668Z" },
+    { url = "https://files.pythonhosted.org/packages/2d/92/015173281f7eb96c0ef580c997da8ef50870d4f7f4c9e03c845a1d62ae04/jiter-0.13.0-graalpy311-graalpy242_311_native-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:597245258e6ad085d064780abfb23a284d418d3e61c57362d9449c6c7317ee2d", size = 346395, upload-time = "2026-02-02T12:37:48.09Z" },
+    { url = "https://files.pythonhosted.org/packages/80/60/e50fa45dd7e2eae049f0ce964663849e897300433921198aef94b6ffa23a/jiter-0.13.0-graalpy312-graalpy250_312_native-macosx_10_12_x86_64.whl", hash = "sha256:3d744a6061afba08dd7ae375dcde870cffb14429b7477e10f67e9e6d68772a0a", size = 305169, upload-time = "2026-02-02T12:37:50.376Z" },
+    { url = "https://files.pythonhosted.org/packages/d2/73/a009f41c5eed71c49bec53036c4b33555afcdee70682a18c6f66e396c039/jiter-0.13.0-graalpy312-graalpy250_312_native-macosx_11_0_arm64.whl", hash = "sha256:ff732bd0a0e778f43d5009840f20b935e79087b4dc65bd36f1cd0f9b04b8ff7f", size = 303808, upload-time = "2026-02-02T12:37:52.092Z" },
+    { url = "https://files.pythonhosted.org/packages/c4/10/528b439290763bff3d939268085d03382471b442f212dca4ff5f12802d43/jiter-0.13.0-graalpy312-graalpy250_312_native-manylinux_2_17_aarch64.manylinux2014_aarch64.whl", hash = "sha256:ab44b178f7981fcaea7e0a5df20e773c663d06ffda0198f1a524e91b2fde7e59", size = 337384, upload-time = "2026-02-02T12:37:53.582Z" },
+    { url = "https://files.pythonhosted.org/packages/67/8a/a342b2f0251f3dac4ca17618265d93bf244a2a4d089126e81e4c1056ac50/jiter-0.13.0-graalpy312-graalpy250_312_native-manylinux_2_17_x86_64.manylinux2014_x86_64.whl", hash = "sha256:7bb00b6d26db67a05fe3e12c76edc75f32077fb51deed13822dc648fa373bc19", size = 343768, upload-time = "2026-02-02T12:37:55.055Z" },
+]
+
 [[package]]
 name = "lxml"
 version = "6.0.2"
@@ -348,6 +519,25 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/70/bc/6f1c2f612465f5fa89b95bead1f44dcb607670fd42891d8fdcd5d039f4f4/markupsafe-3.0.3-cp314-cp314t-win_arm64.whl", hash = "sha256:32001d6a8fc98c8cb5c947787c5d08b0a50663d139f1305bac5885d98d9b40fa", size = 14146, upload-time = "2025-09-27T18:37:28.327Z" },
 ]
 
+[[package]]
+name = "openai"
+version = "2.20.0"
+source = { registry = "https://pypi.org/simple" }
+dependencies = [
+    { name = "anyio" },
+    { name = "distro" },
+    { name = "httpx" },
+    { name = "jiter" },
+    { name = "pydantic" },
+    { name = "sniffio" },
+    { name = "tqdm" },
+    { name = "typing-extensions" },
+]
+sdist = { url = "https://files.pythonhosted.org/packages/6e/5a/f495777c02625bfa18212b6e3b73f1893094f2bf660976eb4bc6f43a1ca2/openai-2.20.0.tar.gz", hash = "sha256:2654a689208cd0bf1098bb9462e8d722af5cbe961e6bba54e6f19fb843d88db1", size = 642355, upload-time = "2026-02-10T19:02:54.145Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/b5/a0/cf4297aa51bbc21e83ef0ac018947fa06aea8f2364aad7c96cbf148590e6/openai-2.20.0-py3-none-any.whl", hash = "sha256:38d989c4b1075cd1f76abc68364059d822327cf1a932531d429795f4fc18be99", size = 1098479, upload-time = "2026-02-10T19:02:52.157Z" },
+]
+
 [[package]]
 name = "pydantic"
 version = "2.12.4"
@@ -481,24 +671,47 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/36/c7/cfc8e811f061c841d7990b0201912c3556bfeb99cdcb7ed24adc8d6f8704/pydantic_core-2.41.5-pp311-pypy311_pp73-win_amd64.whl", hash = "sha256:56121965f7a4dc965bff783d70b907ddf3d57f6eba29b6d2e5dabfaf07799c51", size = 2145302, upload-time = "2025-11-04T13:43:46.64Z" },
 ]
 
+[[package]]
+name = "pymupdf"
+version = "1.27.1"
+source = { registry = "https://pypi.org/simple" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/13/19/fde6ea4712a904b65e8f41124a0e4233879b87a770fe6a8ce857964de6d5/pymupdf-1.27.1-cp310-abi3-macosx_10_9_x86_64.whl", hash = "sha256:bee9f95512f9556dbf2cacfd1413c61b29a55baa07fa7f8fc83d221d8419888a", size = 23986707, upload-time = "2026-02-11T15:03:24.025Z" },
+    { url = "https://files.pythonhosted.org/packages/75/c2/070dff91ad3f1bc16fd6c6ceff23495601fcce4c92d28be534417596418a/pymupdf-1.27.1-cp310-abi3-macosx_11_0_arm64.whl", hash = "sha256:3de95a0889395b0966fafd11b94980b7543a816e89dd1c218597a08543ac3415", size = 23263493, upload-time = "2026-02-11T15:03:45.528Z" },
+    { url = "https://files.pythonhosted.org/packages/8e/db/937377f4b3e0fbf6273c17436a49f7db17df1a46b1be9e26653b6fafc0e1/pymupdf-1.27.1-cp310-abi3-manylinux_2_28_aarch64.whl", hash = "sha256:2c9d9353b840040cbc724341f4095fb7e2cc1a12a9147d0ec1a0a79f5d773147", size = 24317651, upload-time = "2026-02-11T22:33:38.967Z" },
+    { url = "https://files.pythonhosted.org/packages/72/d5/c701cf2d0cdd6e5d6bca3ca9188d7f5d7ce3ae67dd1368d658cd4bae2707/pymupdf-1.27.1-cp310-abi3-manylinux_2_28_x86_64.whl", hash = "sha256:aeaed76e72cbc061149a825ab0811c5f4752970c56591c2938c5042ec06b26e1", size = 24945742, upload-time = "2026-02-11T15:04:06.21Z" },
+    { url = "https://files.pythonhosted.org/packages/2b/29/690202b38b93cf77b73a29c25a63a2b6f3fcb36b1f75006e50b8dee7c108/pymupdf-1.27.1-cp310-abi3-musllinux_1_2_x86_64.whl", hash = "sha256:4f1837554134fb45d390a44de8844b2ca9b6c901c82ccc90b340e3b7f3b126ca", size = 25167965, upload-time = "2026-02-11T22:36:35.478Z" },
+    { url = "https://files.pythonhosted.org/packages/3e/99/fe4a7752990bf65277718fffbead4478de9afd1c7288d7a6d643f79a6fa7/pymupdf-1.27.1-cp310-abi3-win_amd64.whl", hash = "sha256:4b6268dff3a9d713034eba5c2ffce0da37c62443578941ac5df433adcde57b2f", size = 19236703, upload-time = "2026-02-11T15:04:19.607Z" },
+]
+
 [[package]]
 name = "reader3"
 version = "0.1.0"
 source = { virtual = "." }
 dependencies = [
+    { name = "anthropic" },
     { name = "beautifulsoup4" },
     { name = "ebooklib" },
     { name = "fastapi" },
+    { name = "httpx" },
     { name = "jinja2" },
+    { name = "openai" },
+    { name = "pydantic" },
+    { name = "pymupdf" },
     { name = "uvicorn" },
 ]
 
 [package.metadata]
 requires-dist = [
+    { name = "anthropic", specifier = ">=0.79.0" },
     { name = "beautifulsoup4", specifier = ">=4.14.2" },
     { name = "ebooklib", specifier = ">=0.20" },
     { name = "fastapi", specifier = ">=0.121.2" },
+    { name = "httpx", specifier = ">=0.28.1" },
     { name = "jinja2", specifier = ">=3.1.6" },
+    { name = "openai", specifier = ">=2.20.0" },
+    { name = "pydantic", specifier = ">=2.12.4" },
+    { name = "pymupdf", specifier = ">=1.27.1" },
     { name = "uvicorn", specifier = ">=0.38.0" },
 ]
 
@@ -542,6 +755,18 @@ wheels = [
     { url = "https://files.pythonhosted.org/packages/a3/e0/021c772d6a662f43b63044ab481dc6ac7592447605b5b35a957785363122/starlette-0.49.3-py3-none-any.whl", hash = "sha256:b579b99715fdc2980cf88c8ec96d3bf1ce16f5a8051a7c2b84ef9b1cdecaea2f", size = 74340, upload-time = "2025-11-01T15:12:24.387Z" },
 ]
 
+[[package]]
+name = "tqdm"
+version = "4.67.3"
+source = { registry = "https://pypi.org/simple" }
+dependencies = [
+    { name = "colorama", marker = "sys_platform == 'win32'" },
+]
+sdist = { url = "https://files.pythonhosted.org/packages/09/a9/6ba95a270c6f1fbcd8dac228323f2777d886cb206987444e4bce66338dd4/tqdm-4.67.3.tar.gz", hash = "sha256:7d825f03f89244ef73f1d4ce193cb1774a8179fd96f31d7e1dcde62092b960bb", size = 169598, upload-time = "2026-02-03T17:35:53.048Z" }
+wheels = [
+    { url = "https://files.pythonhosted.org/packages/16/e1/3079a9ff9b8e11b846c6ac5c8b5bfb7ff225eee721825310c91b3b50304f/tqdm-4.67.3-py3-none-any.whl", hash = "sha256:ee1e4c0e59148062281c49d80b25b67771a127c85fc9676d3be5f243206826bf", size = 78374, upload-time = "2026-02-03T17:35:50.982Z" },
+]
+
 [[package]]
 name = "typing-extensions"
 version = "4.15.0"